@nextjs-cms-plugins/cpanel-dashboard 0.1.1

package/dist/client/DashboardPage.d.ts

@@ -0,0 +1,17 @@
+type TrpcLike = {
+    cpanelDashboard?: {
+        getData: {
+            useQuery: () => {
+                data?: any;
+                isLoading: boolean;
+                isError?: boolean;
+                error?: unknown;
+            };
+        };
+    };
+};
+export declare const CpanelDashboardPage: ({ trpc }: {
+    trpc: TrpcLike;
+}) => import("react/jsx-runtime").JSX.Element;
+export default CpanelDashboardPage;
+//# sourceMappingURL=DashboardPage.d.ts.map

package/dist/client/DashboardPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardPage.d.ts","sourceRoot":"","sources":["../../src/client/DashboardPage.tsx"],"names":[],"mappings":"AAMA,KAAK,QAAQ,GAAG;IACZ,eAAe,CAAC,EAAE;QACd,OAAO,EAAE;YACL,QAAQ,EAAE,MAAM;gBACZ,IAAI,CAAC,EAAE,GAAG,CAAA;gBACV,SAAS,EAAE,OAAO,CAAA;gBAClB,OAAO,CAAC,EAAE,OAAO,CAAA;gBACjB,KAAK,CAAC,EAAE,OAAO,CAAA;aAClB,CAAA;SACJ,CAAA;KACJ,CAAA;CACJ,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,UAAU;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,4CAmF/D,CAAA;AAUD,eAAe,mBAAmB,CAAA"}

package/dist/client/DashboardPage.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import getString from 'nextjs-cms/translations';
+import { humanReadableFileSize } from 'nextjs-cms/utils';
+export const CpanelDashboardPage = ({ trpc }) => {
+    const query = trpc?.cpanelDashboard?.getData.useQuery;
+    const { data, isLoading, isError, error } = query ? query() : { isLoading: true, isError: true, error: null };
+    if (!query) {
+        return _jsx("div", { className: 'p-6 text-sm text-red-500', children: "cPanel dashboard plugin misconfigured: missing trpc client." });
+    }
+    return (_jsxs("div", { className: 'w-full', children: [_jsx("div", { className: 'bg-linear-to-r from-sky-200 via-emerald-300 to-blue-600 p-8 font-extrabold text-foreground dark:from-blue-800 dark:via-amber-700 dark:to-rose-900', children: _jsx("h1", { className: 'text-3xl', children: getString('dashboard') }) }), _jsxs("div", { className: 'flex flex-col gap-4 p-4', children: [isLoading && _jsx("div", { className: 'text-sm text-muted-foreground', children: "Loading cPanel usage\u2026" }), isError && !isLoading && (_jsx("div", { className: 'rounded border border-destructive/50 bg-destructive/10 p-3 text-sm text-destructive', children: error instanceof Error ? error.message : 'Unable to load cPanel data' })), data ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'grid grid-cols-1 gap-4 sm-sidebar:grid-cols-1 md-sidebar:grid-cols-2 lg-sidebar:grid-cols-2 2xl-sidebar:grid-cols-4', children: [_jsx(StatCard, { title: getString('disk_space'), used: humanReadableFileSize(data.diskSpaceUsage), total: humanReadableFileSize(data.diskSpaceLimit) }), _jsx(StatCard, { title: getString('this_moth_bandwidth'), used: humanReadableFileSize(data.bandwidthUsage), total: humanReadableFileSize(data.bandwidthLimit) }), _jsx(StatCard, { title: getString('email_accounts'), used: data.emailsUsage.toString(), total: data.emailsLimit.toString() }), _jsx(StatCard, { title: 'MySQL\u00AE/MariaDB Databases', used: data.dbsCount.toString(), total: data.dbsLimit.toString() })] }), _jsxs("div", { className: 'grid grid-cols-1 gap-4 md:grid-cols-2', children: [_jsxs("div", { className: 'rounded-lg border bg-card p-4 text-card-foreground shadow-sm', children: [_jsx("div", { className: 'text-lg font-semibold', children: getString('accountInformation') }), _jsxs("div", { className: 'text-sm text-muted-foreground', children: [_jsxs("div", { children: ["PHP Version: ", data?.phpVersion ?? 'N/A'] }), _jsxs("div", { children: ["Root: ", data?.documentRoot ?? 'N/A'] })] })] }), _jsxs("div", { className: 'rounded-lg border bg-card p-4 text-card-foreground shadow-sm', children: [_jsx("div", { className: 'text-lg font-semibold', children: "MySQL/MariaDB" }), _jsx("div", { className: 'text-sm text-muted-foreground', children: data?.dbInfo ? (_jsxs(_Fragment, { children: [_jsxs("div", { children: ["Version: ", data.dbInfo.version] }), _jsxs("div", { children: ["Remote: ", data.dbInfo.is_remote ? 'Yes' : 'No'] })] })) : (_jsx("div", { children: "MySQL/MariaDB is not installed" })) }), _jsx("div", { className: 'mt-3 space-y-2 text-sm', children: data?.dbsList?.map((db, index) => (_jsxs("div", { className: 'rounded border p-2', children: [_jsx("div", { className: 'font-semibold', children: db.database }), _jsxs("div", { className: 'text-muted-foreground', children: ["Disk Usage: ", humanReadableFileSize(db.disk_usage)] }), _jsxs("div", { className: 'text-muted-foreground', children: ["Users: ", db.users?.length ?? 0] })] }, `${db.name}_${db.database}_${index}`))) })] })] })] })) : null] })] }));
+};
+const StatCard = ({ title, used, total }) => (_jsxs("div", { className: 'rounded-lg border bg-card p-4 text-card-foreground shadow-sm', children: [_jsx("div", { className: 'text-base font-semibold', children: title }), _jsxs("div", { className: 'mt-2 text-sm text-muted-foreground', children: ["Used: ", used] }), _jsxs("div", { className: 'text-sm text-muted-foreground', children: ["Total: ", total] })] }));
+export default CpanelDashboardPage;

package/dist/client.d.ts

@@ -0,0 +1,19 @@
+import { CpanelDashboardPage } from './client/DashboardPage.js';
+export declare const components: {
+    cpanelDashboard: ({ trpc }: {
+        trpc: {
+            cpanelDashboard?: {
+                getData: {
+                    useQuery: () => {
+                        data?: any;
+                        isLoading: boolean;
+                        isError?: boolean;
+                        error?: unknown;
+                    };
+                };
+            };
+        };
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export { CpanelDashboardPage };
+//# sourceMappingURL=client.d.ts.map

package/dist/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAE/D,eAAO,MAAM,UAAU;;;;;;4BAKuE,CAAC;;+BAAgE,CAAC;6BAA+B,CAAC;;;;;;CAH/L,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/client.js

@@ -0,0 +1,5 @@
+import { CpanelDashboardPage } from './client/DashboardPage.js';
+export const components = {
+    cpanelDashboard: CpanelDashboardPage,
+};
+export { CpanelDashboardPage };

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+import type { CMSPlugin } from 'nextjs-cms/plugins';
+import { cpanelDashboardRouter } from './router.js';
+export declare function createPlugin(): CMSPlugin;
+export { cpanelDashboardRouter };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAEnD,wBAAgB,YAAY,IAAI,SAAS,CAaxC;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/index.js

@@ -0,0 +1,16 @@
+import { cpanelDashboardRouter } from './router.js';
+export function createPlugin() {
+    return {
+        name: 'cPanel Dashboard',
+        router: cpanelDashboardRouter,
+        routes: [
+            {
+                path: '/dashboard',
+                title: 'Dashboard',
+                icon: 'home',
+                component: 'cpanelDashboard',
+            },
+        ],
+    };
+}
+export { cpanelDashboardRouter };

package/dist/router.d.ts

@@ -0,0 +1,43 @@
+export declare const cpanelDashboardRouter: import("@trpc/server").TRPCBuiltRouter<{
+    ctx: {
+        headers: Headers;
+        db: import("drizzle-orm/mysql2").MySql2Database<typeof import("nextjs-cms/db/schema")> & {
+            $client: import("mysql2/promise").Pool;
+        };
+        session: import("nextjs-cms").Session | null;
+    };
+    meta: object;
+    errorShape: {
+        data: {
+            zodError: import("zod").ZodFlattenedError<unknown, string> | null;
+            code: import("@trpc/server").TRPC_ERROR_CODE_KEY;
+            httpStatus: number;
+            path?: string;
+            stack?: string;
+        };
+        message: string;
+        code: import("@trpc/server").TRPC_ERROR_CODE_NUMBER;
+    };
+    transformer: true;
+}, import("@trpc/server").TRPCDecorateCreateRouterOptions<{
+    getData: import("@trpc/server").TRPCQueryProcedure<{
+        input: void;
+        output: {
+            dbsLimit: number;
+            dbsCount: number;
+            bandwidthUsage: number;
+            bandwidthLimit: number;
+            diskSpaceUsage: number;
+            diskSpaceLimit: number;
+            emailsUsage: number;
+            emailsLimit: number;
+            dbInfo: any;
+            dbsList: any;
+            phpVersion: any;
+            passengerAppList: never[];
+            documentRoot: any;
+        };
+        meta: object;
+    }>;
+}>>;
+//# sourceMappingURL=router.d.ts.map

package/dist/router.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/router.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;gBAoDd,CAApB;iBAA2B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;GA6B1B,CAAA"}

package/dist/router.js

@@ -0,0 +1,72 @@
+import { TRPCError } from '@trpc/server';
+import getString from 'nextjs-cms/translations';
+import { CpanelAPI } from 'nextjs-cms/utils';
+import { privateProcedure, router } from 'nextjs-cms/api/trpc';
+export const cpanelDashboardRouter = router({
+    getData: privateProcedure.query(async () => {
+        if (!process.env.CPANEL_USER || !process.env.CPANEL_PASSWORD || !process.env.CPANEL_DOMAIN) {
+            throw new TRPCError({
+                code: 'BAD_REQUEST',
+                message: getString('cpanelCredentialsNotSet'),
+            });
+        }
+        const cPanel = new CpanelAPI(process.env.CPANEL_USER, process.env.CPANEL_PASSWORD, `cpanel.${process.env.CPANEL_DOMAIN}`);
+        const data = await Promise.all([
+            cPanel.callApi('DomainInfo', 'single_domain_data', {
+                domain: process.env.CPANEL_DOMAIN,
+            }),
+            cPanel.callApi('ResourceUsage', 'get_usages'),
+            cPanel.callApi('Mysql', 'get_server_information'),
+            cPanel.callApi('Mysql', 'list_databases'),
+        ]);
+        if (cPanel.isError) {
+            throw new TRPCError({
+                code: 'BAD_REQUEST',
+                message: cPanel.getError(),
+            });
+        }
+        const dbInfo = data[2];
+        const dbsList = data[3];
+        let bandwidthLimit = 0, bandwidthUsage = 0;
+        let diskSpaceLimit = 0, usedDiskSpace = 0;
+        let emailsLimit = 0, emailsCount = 0;
+        let dbsLimit = 0, dbsCount = 0;
+        const domainInfoData = data[0].data;
+        const cpanelUsagesArray = data[1].data;
+        cpanelUsagesArray.forEach((singleItemUsage) => {
+            switch (singleItemUsage.id) {
+                case 'bandwidth':
+                    bandwidthLimit = singleItemUsage.maximum || 1000000000000;
+                    bandwidthUsage = singleItemUsage.usage;
+                    break;
+                case 'disk_usage':
+                    diskSpaceLimit = singleItemUsage.maximum || 1000000000000;
+                    usedDiskSpace = singleItemUsage.usage;
+                    break;
+                case 'email_accounts':
+                    emailsLimit = singleItemUsage.maximum || 1000000000000;
+                    emailsCount = singleItemUsage.usage;
+                    break;
+                case 'mysql_databases':
+                    dbsLimit = singleItemUsage.maximum || 1000000000000;
+                    dbsCount = singleItemUsage.usage;
+                    break;
+            }
+        });
+        return {
+            dbsLimit,
+            dbsCount,
+            bandwidthUsage,
+            bandwidthLimit,
+            diskSpaceUsage: usedDiskSpace,
+            diskSpaceLimit,
+            emailsUsage: emailsCount,
+            emailsLimit,
+            dbInfo: dbInfo.data,
+            dbsList: dbsList.data,
+            phpVersion: domainInfoData?.phpversion,
+            passengerAppList: [],
+            documentRoot: domainInfoData?.documentroot,
+        };
+    }),
+});

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@nextjs-cms-plugins/cpanel-dashboard",
+  "version": "0.1.1",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./client": {
+      "types": "./dist/client.d.ts",
+      "default": "./dist/client.js"
+    }
+  },
+  "files": [
+    "dist/**/*",
+    "README.md"
+  ],
+  "private": false,
+  "dependencies": {
+    "@trpc/server": "^11.4.2",
+    "zod": "4.1.12"
+  },
+  "peerDependencies": {
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
+    "nextjs-cms": "0.5.68"
+  },
+  "devDependencies": {
+    "@types/react": "~19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "typescript": "^5.9.2"
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "clean": "git clean -xdf .cache .turbo dist node_modules"
+  }
+}