@nextjscms/plugin-cpanel-emails 1.1.0

package/dist/client/EmailsPage.d.ts

@@ -0,0 +1,6 @@
+type CpanelEmailsPageProps = {
+    title?: string;
+};
+export declare const CpanelEmailsPage: ({ title }: CpanelEmailsPageProps) => import("react/jsx-runtime").JSX.Element;
+export default CpanelEmailsPage;
+//# sourceMappingURL=EmailsPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmailsPage.d.ts","sourceRoot":"","sources":["../../src/client/EmailsPage.tsx"],"names":[],"mappings":"AA6CA,KAAK,qBAAqB,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,WAAW,qBAAqB,4CAiDhE,CAAA;AA0ID,eAAe,gBAAgB,CAAA"}

package/dist/client/EmailsPage.js

@@ -0,0 +1,42 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { trpc as trpcClient } from 'nextjs-cms/api/trpc/client';
+import { useI18n } from 'nextjs-cms/translations/client';
+export const CpanelEmailsPage = ({ title }) => {
+    const t = useI18n();
+    const trpc = trpcClient;
+    const query = trpc?.cpanelEmails?.getEmails.useQuery;
+    const { data, isLoading, isError, error, refetch } = query
+        ? query()
+        : { isLoading: true, isError: true, error: null, refetch: async () => undefined };
+    if (!query) {
+        return _jsx("div", { className: 'p-6 text-sm text-red-500', children: "cPanel emails plugin misconfigured: missing trpc client." });
+    }
+    const pluginApi = trpc.cpanelEmails;
+    const createEmailMutation = pluginApi.createEmail.useMutation({ onSuccess: () => refetch() });
+    const quotaMutation = pluginApi.quotaChange.useMutation({ onSuccess: () => refetch() });
+    const passwordMutation = pluginApi.passwordChange.useMutation({ onSuccess: () => refetch() });
+    const deleteMutation = pluginApi.deleteEmail.useMutation({ onSuccess: () => refetch() });
+    return (_jsxs("div", { className: 'bg-white dark:bg-slate-900', 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: title || t('emailAccounts') }) }), _jsxs("div", { className: 'flex flex-col gap-3 p-4', children: [_jsx(CreateEmailForm, { onSubmit: createEmailMutation.mutateAsync, isSubmitting: !!createEmailMutation.isPending }), isLoading && _jsx("div", { className: 'text-muted-foreground', children: "Loading emails\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 emails' })), data?.emails?.length ? (_jsx("div", { className: 'grid grid-cols-1 gap-3 md:grid-cols-2 xl:grid-cols-3', children: data.emails.map((email) => (_jsx(EmailCard, { email: email, onDelete: () => deleteMutation.mutateAsync(email.user), onQuotaChange: (quota) => quotaMutation.mutateAsync({ email: email.user, quota }), onPasswordChange: (password, confirm) => passwordMutation.mutateAsync({ email: email.user, password, passwordConfirm: confirm }) }, email.user))) })) : null] })] }));
+};
+const CreateEmailForm = ({ onSubmit, isSubmitting, }) => {
+    const [email, setEmail] = useState('');
+    const [password, setPassword] = useState('');
+    const [quota, setQuota] = useState('1024');
+    const t = useI18n();
+    return (_jsxs("form", { className: 'rounded-lg border bg-card p-4 text-card-foreground shadow-sm', onSubmit: async (e) => {
+            e.preventDefault();
+            await onSubmit({ email, password, quota });
+            setEmail('');
+            setPassword('');
+        }, children: [_jsx("div", { className: 'text-lg font-semibold', children: t('createNewEmailAccount') }), _jsxs("div", { className: 'mt-3 grid grid-cols-1 gap-3 md:grid-cols-3', children: [_jsx("input", { className: 'rounded border px-3 py-2 text-sm', value: email, onChange: (e) => setEmail(e.target.value), placeholder: t('email'), required: true }), _jsx("input", { className: 'rounded border px-3 py-2 text-sm', type: 'password', value: password, onChange: (e) => setPassword(e.target.value), placeholder: t('password'), required: true }), _jsx("input", { className: 'rounded border px-3 py-2 text-sm', value: quota, onChange: (e) => setQuota(e.target.value), placeholder: t('quota'), required: true })] }), _jsx("button", { type: 'submit', disabled: isSubmitting, className: 'mt-3 inline-flex items-center justify-center rounded bg-primary px-4 py-2 text-sm font-semibold text-primary-foreground shadow-sm hover:opacity-90 disabled:opacity-50', children: isSubmitting ? t('loading') + '…' : t('create') })] }));
+};
+const EmailCard = ({ email, onDelete, onQuotaChange, onPasswordChange, }) => {
+    const [quota, setQuota] = useState(email.diskquota);
+    const [password, setPassword] = useState('');
+    const [confirm, setConfirm] = useState('');
+    const t = useI18n();
+    return (_jsxs("div", { className: 'rounded-lg border bg-card p-4 text-card-foreground shadow-sm', children: [_jsxs("div", { className: 'flex items-center justify-between', children: [_jsx("div", { className: 'font-semibold', children: email.user }), _jsx("button", { className: 'text-sm text-destructive hover:underline', type: 'button', onClick: () => onDelete(), children: t('delete') })] }), _jsxs("div", { className: 'mt-2 text-sm text-muted-foreground', children: [_jsxs("div", { children: ["Disk Used: ", email.diskusedpercent, " / ", email.diskquota] }), _jsxs("div", { children: ["Login: ", email.user] })] }), _jsxs("div", { className: 'mt-3 space-y-2 text-sm', children: [_jsxs("label", { className: 'block', children: [_jsx("span", { className: 'text-xs text-muted-foreground', children: "Quota" }), _jsx("input", { className: 'mt-1 w-full rounded border px-3 py-2', value: quota, onChange: (e) => setQuota(e.target.value) }), _jsx("button", { type: 'button', className: 'mt-1 inline-flex items-center justify-center rounded bg-primary px-3 py-1 text-xs font-semibold text-primary-foreground hover:opacity-90', onClick: () => onQuotaChange(quota), children: t('update') })] }), _jsxs("label", { className: 'block', children: [_jsx("span", { className: 'text-xs text-muted-foreground', children: "Password" }), _jsx("input", { className: 'mt-1 w-full rounded border px-3 py-2', type: 'password', value: password, onChange: (e) => setPassword(e.target.value) })] }), _jsxs("label", { className: 'block', children: [_jsx("span", { className: 'text-xs text-muted-foreground', children: "Confirm" }), _jsx("input", { className: 'mt-1 w-full rounded border px-3 py-2', type: 'password', value: confirm, onChange: (e) => setConfirm(e.target.value) })] }), _jsx("button", { type: 'button', className: 'inline-flex items-center justify-center rounded bg-primary px-3 py-1 text-xs font-semibold text-primary-foreground hover:opacity-90', onClick: () => onPasswordChange(password, confirm), children: t('changePassword') })] })] }));
+};
+export default CpanelEmailsPage;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export declare function createPlugin(): import("nextjs-cms/plugins/server").CMSPluginSingleRoute;
+//# 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":"AAGA,wBAAgB,YAAY,6DAc3B"}

package/dist/index.js

@@ -0,0 +1,17 @@
+import { definePlugin } from 'nextjs-cms/plugins/server';
+import { cpanelEmailsRouter } from './router.js';
+export function createPlugin() {
+    return definePlugin({
+        title: 'cPanel Emails',
+        name: 'plugin_cpanel_emails',
+        registryName: 'cpanel-emails',
+        router: cpanelEmailsRouter,
+        routes: [
+            {
+                path: '/cpanel-emails',
+                title: 'cPanel Emails',
+                icon: 'mail',
+            },
+        ],
+    });
+}

package/dist/router.d.ts

@@ -0,0 +1,63 @@
+import * as z from 'zod';
+export declare const cpanelEmailsRouter: 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<{
+    getEmails: import("@trpc/server").TRPCQueryProcedure<{
+        input: void;
+        output: {
+            emails: any;
+        };
+        meta: object;
+    }>;
+    createEmail: import("@trpc/server").TRPCMutationProcedure<{
+        input: {
+            email: string;
+            password: string;
+            quota: string;
+        };
+        output: any;
+        meta: object;
+    }>;
+    quotaChange: import("@trpc/server").TRPCMutationProcedure<{
+        input: {
+            email: string;
+            quota: string;
+        };
+        output: any;
+        meta: object;
+    }>;
+    passwordChange: import("@trpc/server").TRPCMutationProcedure<{
+        input: {
+            email: string;
+            password: string;
+            passwordConfirm: string;
+        };
+        output: any;
+        meta: object;
+    }>;
+    deleteEmail: import("@trpc/server").TRPCMutationProcedure<{
+        input: string;
+        output: 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":"AACA,OAAO,KAAK,CAAC,MAAM,KAAK,CAAA;AAKxB,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;gBAkDf,CAAf;iBAA2B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwH3B,CAAA"}

package/dist/router.js

@@ -0,0 +1,136 @@
+import { TRPCError } from '@trpc/server';
+import * as z from 'zod';
+import getString from 'nextjs-cms/translations';
+import { CpanelAPI } from 'nextjs-cms/utils';
+import { pluginProcedure, router } from 'nextjs-cms/api/trpc';
+export const cpanelEmailsRouter = router({
+    getEmails: pluginProcedure('plugin_cpanel_emails').query(async ({ ctx }) => {
+        if (!process.env.CPANEL_USER || !process.env.CPANEL_PASSWORD || !process.env.CPANEL_DOMAIN) {
+            throw new TRPCError({
+                code: 'BAD_REQUEST',
+                message: getString('cpanelCredentialsNotSet', ctx.session.user.locale),
+            });
+        }
+        const cPanel = new CpanelAPI(process.env.CPANEL_USER, process.env.CPANEL_PASSWORD, `cpanel.${process.env.CPANEL_DOMAIN}`);
+        const data = await cPanel.callApi('Email', 'list_pops_with_disk', {
+            domain: process.env.CPANEL_DOMAIN,
+            maxaccounts: 100,
+            no_validate: 1,
+            infinitylang: 1,
+            'api.sort': '1',
+            'api.sort_column': 'mtime',
+        });
+        return {
+            emails: data.data,
+        };
+    }),
+    createEmail: pluginProcedure('plugin_cpanel_emails', 'C')
+        .input(z.object({
+        email: z.string(),
+        password: z.string(),
+        quota: z.string(),
+    }))
+        .mutation(async ({ input, ctx }) => {
+        if (!process.env.CPANEL_USER || !process.env.CPANEL_PASSWORD || !process.env.CPANEL_DOMAIN) {
+            throw new TRPCError({
+                code: 'BAD_REQUEST',
+                message: getString('cpanelCredentialsNotSet', ctx.session.user.locale),
+            });
+        }
+        const cPanel = new CpanelAPI(process.env.CPANEL_USER, process.env.CPANEL_PASSWORD, `cpanel.${process.env.CPANEL_DOMAIN}`);
+        const data = await cPanel.callApi('Email', 'add_pop', {
+            domain: process.env.CPANEL_DOMAIN,
+            email: input.email,
+            password: input.password,
+            quota: input.quota,
+        });
+        if (cPanel.isError) {
+            throw new TRPCError({
+                code: 'BAD_REQUEST',
+                message: cPanel.getError(),
+            });
+        }
+        return data;
+    }),
+    quotaChange: pluginProcedure('plugin_cpanel_emails', 'U')
+        .input(z.object({
+        email: z.string(),
+        quota: z.string(),
+    }))
+        .mutation(async ({ input, ctx }) => {
+        if (!process.env.CPANEL_USER || !process.env.CPANEL_PASSWORD || !process.env.CPANEL_DOMAIN) {
+            throw new TRPCError({
+                code: 'BAD_REQUEST',
+                message: getString('cpanelCredentialsNotSet', ctx.session.user.locale),
+            });
+        }
+        const cPanel = new CpanelAPI(process.env.CPANEL_USER, process.env.CPANEL_PASSWORD, `cpanel.${process.env.CPANEL_DOMAIN}`);
+        const data = await cPanel.callApi('Email', 'edit_pop_quota', {
+            domain: process.env.CPANEL_DOMAIN,
+            email: input.email,
+            quota: input.quota,
+        });
+        if (cPanel.isError) {
+            throw new TRPCError({
+                code: 'BAD_REQUEST',
+                message: cPanel.getError(),
+            });
+        }
+        return data;
+    }),
+    passwordChange: pluginProcedure('plugin_cpanel_emails', 'U')
+        .input(z.object({
+        email: z.string(),
+        password: z.string(),
+        passwordConfirm: z.string(),
+    }))
+        .mutation(async ({ input, ctx }) => {
+        if (!process.env.CPANEL_USER || !process.env.CPANEL_PASSWORD || !process.env.CPANEL_DOMAIN) {
+            throw new TRPCError({
+                code: 'BAD_REQUEST',
+                message: getString('cpanelCredentialsNotSet', ctx.session.user.locale),
+            });
+        }
+        if (input.password !== input.passwordConfirm) {
+            throw new TRPCError({
+                code: 'BAD_REQUEST',
+                message: getString('passwordsDoNotMatch', ctx.session.user.locale),
+            });
+        }
+        const cPanel = new CpanelAPI(process.env.CPANEL_USER, process.env.CPANEL_PASSWORD, `cpanel.${process.env.CPANEL_DOMAIN}`);
+        const data = await cPanel.callApi('Email', 'passwd_pop', {
+            domain: process.env.CPANEL_DOMAIN,
+            email: input.email,
+            password: input.password,
+        });
+        if (cPanel.isError) {
+            throw new TRPCError({
+                code: 'BAD_REQUEST',
+                message: cPanel.getError(),
+            });
+        }
+        return data;
+    }),
+    deleteEmail: pluginProcedure('plugin_cpanel_emails', 'D')
+        .input(z.string())
+        .mutation(async ({ input, ctx }) => {
+        if (!process.env.CPANEL_USER || !process.env.CPANEL_PASSWORD || !process.env.CPANEL_DOMAIN) {
+            throw new TRPCError({
+                code: 'BAD_REQUEST',
+                message: getString('cpanelCredentialsNotSet', ctx.session.user.locale),
+            });
+        }
+        const cPanel = new CpanelAPI(process.env.CPANEL_USER, process.env.CPANEL_PASSWORD, `cpanel.${process.env.CPANEL_DOMAIN}`);
+        const data = await cPanel.callApi('Email', 'delete_pop', {
+            domain: process.env.CPANEL_DOMAIN,
+            email: input,
+        });
+        if (cPanel.isError) {
+            throw new TRPCError({
+                code: 'BAD_REQUEST',
+                message: cPanel.getError(),
+            });
+        }
+        return data;
+    }),
+});

package/dist/server.d.ts

@@ -0,0 +1,2 @@
+export default function CpanelEmailsServer(): Promise<import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=server.d.ts.map

package/dist/server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../src/server.tsx"],"names":[],"mappings":"AAOA,wBAA8B,kBAAkB,qDA6B/C"}

package/dist/server.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { api, HydrateClient } from 'nextjs-cms/api/trpc/server';
+import { CpanelEmailsPage } from './client/EmailsPage.js';
+import { findPluginRouteByPath } from 'nextjs-cms/plugins/server';
+import { resolveLocalizedString, resolveLocale } from 'nextjs-cms/translations';
+import { getCMSConfig } from 'nextjs-cms/core';
+import auth from 'nextjs-cms/auth';
+export default async function CpanelEmailsServer() {
+    const helpers = api;
+    const prefetch = helpers.cpanelEmails?.getEmails?.prefetch;
+    if (!prefetch) {
+        throw new Error('[cpanel-emails] Missing cpanelEmails.getEmails prefetch helper.');
+    }
+    await prefetch();
+    // Resolve the plugin route title
+    const [route, session, config] = await Promise.all([
+        findPluginRouteByPath('/cpanel-emails'),
+        auth(),
+        getCMSConfig(),
+    ]);
+    const { supportedLanguages, fallbackLanguage } = config.i18n;
+    const locale = resolveLocale(session?.user?.locale, supportedLanguages, fallbackLanguage);
+    const resolvedTitle = route ? resolveLocalizedString(route.title, locale, fallbackLanguage) : '';
+    return (_jsx(HydrateClient, { children: _jsx(CpanelEmailsPage, { title: resolvedTitle }) }));
+}

package/package.json

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