Moduletrace/turboci-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updates

Browse Source
This commit is contained in:
Benjamin Toby 2026-03-12 05:27:31 +00:00
parent 355ae63651
commit a34fd3aa20
9 changed files with 327 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
src/components/pages/admin/users/(partials)/users-list-card.tsx Normal file
View File

@ -0,0 +1,69 @@
import Avatar from "@/src/components/general/avatar";
import { NSQLITE_TURBOCI_ADMIN_USERS } from "@/src/db/types";
import { AppContext } from "@/src/pages/_app";
import LucideIcon from "@/twui/components/elements/lucide-icon";
import Tag from "@/twui/components/elements/Tag";
import Button from "@/twui/components/layout/Button";
import Row from "@/twui/components/layout/Row";
import Span from "@/twui/components/layout/Span";
import Stack from "@/twui/components/layout/Stack";
import { useContext } from "react";
import DeleteDeplotmentUserButton from "../deployment-user/(partials)/delete-deployment-user-button";
type Props = {
dep_usr: NSQLITE_TURBOCI_ADMIN_USERS;
};
export default function UsersListCard({ dep_usr }: Props) {
const { pageProps } = useContext(AppContext);
const is_super_admin = Boolean(dep_usr.is_super_admin);
return (
<a href={`/admin/users/${dep_usr.id}`}>
<Row className="w-full justify-between">
<Row>
<Avatar
image_url={dep_usr.image}
title={`${dep_usr.first_name} Image`}
image_size={40}
/>
<Span>
{dep_usr.first_name} {dep_usr.last_name}
</Span>
</Row>
<Row>
<Button
title="Edit User"
size="smaller"
variant="ghost"
beforeIcon={<LucideIcon name="Edit3" size={17} />}
/>
{is_super_admin ? (
<Tag>Super Admin</Tag>
) : (
<>
<DeleteDeplotmentUserButton
dep_user={dep_usr}
target={
<Button
title="Delete User"
size="smaller"
variant="ghost"
beforeIcon={
<LucideIcon
name="Trash"
size={17}
/>
}
/>
}
/>
</>
)}
</Row>
</Row>
</a>
);
}

27
src/components/pages/admin/users/(sections)/users-list.tsx
View File

@ -1,10 +1,7 @@
import Avatar from "@/src/components/general/avatar";
import { AppContext } from "@/src/pages/_app";
import Tag from "@/twui/components/elements/Tag";
import Row from "@/twui/components/layout/Row";
import Span from "@/twui/components/layout/Span";
import Stack from "@/twui/components/layout/Stack";
import { useContext } from "react";
import UsersListCard from "../(partials)/users-list-card";
export default function UsersList() {
const { pageProps } = useContext(AppContext);
@ -13,27 +10,7 @@ export default function UsersList() {
return (
<Stack className="grid-cell-content">
{deployment_users?.map((dep_usr, index) => {
const is_super_admin = Boolean(dep_usr.is_super_admin);
return (
<a href={`/admin/users/${dep_usr.id}`} key={index}>
<Row className="w-full justify-between">
<Row>
<Avatar
image_url={dep_usr.image}
title={`${dep_usr.first_name} Image`}
image_size={40}
/>
<Span>
{dep_usr.first_name} {dep_usr.last_name}
</Span>
</Row>
<Row>
{is_super_admin ? <Tag>Super Admin</Tag> : null}
</Row>
</Row>
</a>
);
return <UsersListCard dep_usr={dep_usr} key={index} />;
})}
</Stack>
);

54
src/components/pages/admin/users/deployment-user/(partials)/delete-deployment-user-button.tsx Normal file
View File

@ -0,0 +1,54 @@
import { NSQLITE_TURBOCI_ADMIN_USERS } from "@/src/db/types";
import { APIReqObject } from "@/src/types";
import Loading from "@/twui/components/elements/Loading";
import useStatus from "@/twui/components/hooks/useStatus";
import Button from "@/twui/components/layout/Button";
import fetchApi from "@moduletrace/datasquirel/dist/client/fetch";
import { APIResponseObject } from "@moduletrace/nsqlite/dist/types";
import { ComponentProps, ReactNode } from "react";
type Props = {
dep_user: NSQLITE_TURBOCI_ADMIN_USERS;
target?: ReactNode;
button_props?: Omit<ComponentProps<typeof Button>, "title">;
};
export default function DeleteDeplotmentUserButton({
dep_user,
target: passed_target,
button_props,
}: Props) {
const { loading, setLoading } = useStatus();
const target = (
<Button title="Delete Deployment User" {...button_props}>
Delete User
</Button>
);
return (
<div
onClick={() => {
if (!window.confirm(`Delete User?`)) {
return;
}
setLoading(true);
fetchApi<APIReqObject, APIResponseObject>(
`/api/admin/delete-user`,
{
method: "POST",
body: {
user_id: dep_user.id,
},
},
).then((res) => {
console.log(res);
});
}}
>
{loading ? <Loading /> : passed_target || target}
</div>
);
}

16
src/components/pages/admin/users/deployment-user/index.tsx
View File

@ -4,6 +4,9 @@ import Divider from "@/twui/components/layout/Divider";
import AdminHero from "@/src/components/general/admin/hero";
import Tag from "@/twui/components/elements/Tag";
import Row from "@/twui/components/layout/Row";
import SignupForm from "../../../auth/signup/(partials)/signup-form";
import Stack from "@/twui/components/layout/Stack";
import DeleteDeplotmentUserButton from "./(partials)/delete-deployment-user-button";
export default function Main() {
const { pageProps } = useContext(AppContext);
@ -13,8 +16,6 @@ export default function Main() {
return null;
}
console.log("deployment_user", deployment_user);
const is_super_admin = Boolean(deployment_user.is_super_admin);
return (
@ -29,8 +30,19 @@ export default function Main() {
) : null}
</Row>
}
ctas={
<>
<DeleteDeplotmentUserButton
dep_user={deployment_user}
button_props={{ color: "secondary" }}
/>
</>
}
/>
<Divider />
<Stack className="grid-cell-content max-w-[600px]">
<SignupForm existing_user={deployment_user} />
</Stack>
</Fragment>
);
}

95
src/components/pages/auth/signup/(partials)/signup-form.tsx
View File

@ -7,6 +7,7 @@ import { APIReqObject } from "@/src/types";
import { APIResponseObject } from "@moduletrace/datasquirel/dist/package-shared/types";
import { useEffect } from "react";
import { NSQLITE_TURBOCI_ADMIN_USERS } from "@/src/db/types";
import { twMerge } from "tailwind-merge";
type Props = {
new_deployment_user?: boolean;
@ -43,6 +44,7 @@ export default function SignupForm({
<Input
placeholder="Eg. John"
title="First Name"
defaultValue={existing_user?.first_name}
changeHandler={(v) => {
setNewUser((prev) => ({
...prev,
@ -55,6 +57,7 @@ export default function SignupForm({
<Input
placeholder="Eg. Doe"
title="Last Name"
defaultValue={existing_user?.last_name}
changeHandler={(v) => {
setNewUser((prev) => ({
...prev,
@ -67,6 +70,7 @@ export default function SignupForm({
placeholder="Email Address"
title="Email"
type="email"
defaultValue={existing_user?.email}
changeHandler={(v) => {
setNewUser((prev) => ({
...prev,
@ -80,6 +84,7 @@ export default function SignupForm({
<Input
placeholder="Username"
title="Username"
defaultValue={existing_user?.username}
changeHandler={(v) => {
setNewUser((prev) => ({
...prev,
@ -97,47 +102,60 @@ export default function SignupForm({
</>
}
wrapperWrapperProps={{
className: "items-start!",
className: twMerge(
"items-start!",
Boolean(existing_user?.username)
? "opacity-70 pointer-events-none"
: "",
),
}}
disabled={Boolean(existing_user?.username)}
required
showLabel
/>
) : null}
<Input
placeholder="Password"
title="Password"
type="password"
changeHandler={(v) => {
setNewUser((prev) => ({
...prev,
password: v,
}));
}}
validity={{
isValid:
!Boolean(newUser.password?.match(/./)) ||
!Boolean(newUser.confirmed_password?.match(/./))
? true
: is_password_valid,
msg: `Passwords don't match`,
}}
required
showLabel
/>
<Input
placeholder="Confirm Password"
title="Confirm Password"
type="password"
changeHandler={(v) => {
setNewUser((prev) => ({
...prev,
confirmed_password: v,
}));
setIsPasswordConfirmed(v == newUser.password);
}}
showLabel
/>
{existing_user?.id ? null : (
<>
<Input
placeholder="Password"
title="Password"
type="password"
changeHandler={(v) => {
setNewUser((prev) => ({
...prev,
password: v,
}));
}}
validity={{
isValid:
!Boolean(newUser.password?.match(/./)) ||
!Boolean(
newUser.confirmed_password?.match(/./),
)
? true
: is_password_valid,
msg: `Passwords don't match`,
}}
required
showLabel
/>
<Input
placeholder="Confirm Password"
title="Confirm Password"
type="password"
changeHandler={(v) => {
setNewUser((prev) => ({
...prev,
confirmed_password: v,
}));
setIsPasswordConfirmed(v == newUser.password);
}}
showLabel
/>
</>
)}
<Button
title="Login"
onClick={() => {
@ -156,11 +174,14 @@ export default function SignupForm({
setLoading(true);
fetchApi<APIReqObject, APIResponseObject>(
`/api/auth/signup`,
existing_user?.id
? `/api/admin/edit-user`
: `/api/auth/signup`,
{
method: "POST",
body: {
new_user: newUser,
user_id: existing_user?.id,
},
},
)
@ -178,7 +199,7 @@ export default function SignupForm({
loading={loading}
>
{existing_user?.id
? ``
? `Edit User`
: pageProps.user.super_admin
? "Add User"
: "Signup"}

53
src/functions/deployment-users/delete-deployment-user.ts Normal file
View File

@ -0,0 +1,53 @@
import { NSQLITE_TURBOCI_ADMIN_USERS, NSQLiteTables } from "@/src/db/types";
import { _n } from "@/src/exports/client-exports";
import grabDeploymentUserDirNames from "@/src/utils/grab-deployment-user-dir-names";
import NSQLite from "@moduletrace/nsqlite";
import { execSync } from "child_process";
type Params = {
user_id: string | number;
};
export default async function deleteDeploymentUser({ user_id }: Params) {
const target_user_res = await NSQLite.select<
NSQLITE_TURBOCI_ADMIN_USERS,
(typeof NSQLiteTables)[number]
>({
table: "users",
targetId: _n(user_id),
});
console.log("target_user_res", target_user_res);
const target_user = target_user_res.singleRes;
if (
!target_user?.id ||
!target_user.username ||
target_user.is_super_admin
) {
return;
}
const { username } = target_user;
const { force_command_file, sshd_config_file } = grabDeploymentUserDirNames(
{ user: target_user },
);
let cmd = `/bin/bash << 'TURBOCIHEREDOC'\n`;
// cmd += `userdel -r ${username}\n`;
cmd += `killall -u ${username}\n`;
cmd += `deluser --remove-all-files ${username}\n`;
cmd += `rm -f ${force_command_file}\n`;
cmd += `rm -f ${sshd_config_file}\n`;
cmd += `Match User ${username}\n`;
execSync(cmd);
NSQLite.delete({ table: "users", targetId: target_user.id });
return;
}

13
src/pages/api/admin/delete-user.ts
View File

@ -1,10 +1,9 @@
import loginUser from "@/src/functions/auth/login-user";
import { NSQLITE_TURBOCI_ADMIN_USERS } from "@/src/db/types";
import userAuth from "@/src/utils/user-auth";
import NSQLite from "@moduletrace/nsqlite";
import { APIResponseObject } from "@moduletrace/datasquirel/dist/package-shared/types";
import type { NextApiRequest, NextApiResponse } from "next";
import { APIReqObject } from "@/src/types";
import { _n } from "@/src/exports/client-exports";
import deleteDeploymentUser from "@/src/functions/deployment-users/delete-deployment-user";
export default async function handler(
req: NextApiRequest,
@ -27,6 +26,14 @@ export default async function handler(
});
}
const { user_id } = req.body as APIReqObject;
if (_n(user_id) == user.id) {
throw new Error(`Can't delete root user!`);
}
await deleteDeploymentUser({ user_id: _n(user_id) });
return res.json({
success: true,
});

66
src/pages/api/admin/edit-user.ts Normal file
View File

@ -0,0 +1,66 @@
import loginUser from "@/src/functions/auth/login-user";
import { NSQLITE_TURBOCI_ADMIN_USERS } from "@/src/db/types";
import userAuth from "@/src/utils/user-auth";
import NSQLite from "@moduletrace/nsqlite";
import { APIResponseObject } from "@moduletrace/datasquirel/dist/package-shared/types";
import type { NextApiRequest, NextApiResponse } from "next";
import { APIReqObject } from "@/src/types";
import { _n } from "@/src/exports/client-exports";
import setupDeploymentUser from "@/src/functions/deployment-users/setup-deployment-user";
export default async function handler(
req: NextApiRequest,
res: NextApiResponse<APIResponseObject>,
) {
try {
if (req.method !== "POST") {
return res.json({
success: false,
msg: "Wrong Method",
});
}
const { singleRes: user } = await userAuth({ req });
if (!user?.id || !user.super_admin) {
return res.json({
success: false,
msg: "Unauthorized",
});
}
const { new_user, user_id } = req.body as APIReqObject;
if (!new_user) {
throw new Error(`No User Form Sent.`);
}
const { first_name, last_name, email, image, username } = new_user;
if (!first_name?.match(/./)) {
return res.json({ success: false, msg: "First name is required" });
}
const update: NSQLITE_TURBOCI_ADMIN_USERS = {
first_name,
last_name,
email,
image,
username,
};
await NSQLite.update({
table: "users",
targetId: _n(user_id),
data: update,
});
await setupDeploymentUser({ user_id: _n(user_id) });
return res.json({
success: true,
});
} catch (error: any) {
return res.json({ success: false, msg: error.message });
}
}

1
src/types/index.ts
View File

@ -207,6 +207,7 @@ export type APIReqObject = {
email?: string;
password?: string;
new_user?: TurboCISignupFormObject;
user_id?: string | number;
};
export type LoginFormData = {