@nextjscms/plugin-cpanel-emails 2.1.22 → 2.1.24

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

@@ -1 +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"}
+{"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,4CAwDhE,CAAA;AAsID,eAAe,gBAAgB,CAAA"}

package/dist/client/EmailsPage.js

@@ -1,11 +1,11 @@
 '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 { usePluginTRPC } from 'nextjs-cms/plugins/client';
 import { useI18n } from 'nextjs-cms/translations/client';
 export const CpanelEmailsPage = ({ title }) => {
     const t = useI18n();
-    const trpc = trpcClient;
+    const trpc = usePluginTRPC();
     const query = trpc?.cpanelEmails?.getEmails.useQuery;
     const { data, isLoading, isError, error, refetch } = query
         ? query()
@@ -18,25 +18,29 @@ export const CpanelEmailsPage = ({ title }) => {
     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] })] }));
+    return (_jsxs("div", { className: 'bg-white dark:bg-slate-900', children: [_jsx("div", { className: 'text-foreground bg-linear-to-r from-sky-200 via-emerald-300 to-blue-600 p-8 font-extrabold 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: 'border-destructive/50 bg-destructive/10 text-destructive rounded border p-3 text-sm', 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) => {
+    return (_jsxs("form", { className: 'bg-card text-card-foreground rounded-lg border p-4 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') })] }));
+        }, 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: 'bg-primary text-primary-foreground mt-3 inline-flex items-center justify-center rounded px-4 py-2 text-sm font-semibold 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') })] })] }));
+    return (_jsxs("div", { className: 'bg-card text-card-foreground rounded-lg border p-4 shadow-sm', children: [_jsxs("div", { className: 'flex items-center justify-between', children: [_jsx("div", { className: 'font-semibold', children: email.user }), _jsx("button", { className: 'text-destructive text-sm hover:underline', type: 'button', onClick: () => onDelete(), children: t('delete') })] }), _jsxs("div", { className: 'text-muted-foreground mt-2 text-sm', 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-muted-foreground text-xs', 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: 'bg-primary text-primary-foreground mt-1 inline-flex items-center justify-center rounded px-3 py-1 text-xs font-semibold hover:opacity-90', onClick: () => onQuotaChange(quota), children: t('update') })] }), _jsxs("label", { className: 'block', children: [_jsx("span", { className: 'text-muted-foreground text-xs', 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-muted-foreground text-xs', 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: 'bg-primary text-primary-foreground inline-flex items-center justify-center rounded px-3 py-1 text-xs font-semibold hover:opacity-90', onClick: () => onPasswordChange(password, confirm), children: t('changePassword') })] })] }));
 };
 export default CpanelEmailsPage;

package/dist/index.d.ts

@@ -1,2 +1,82 @@
-export declare function createPlugin(): import("nextjs-cms/plugins/server").CMSPluginSingleRoute;
+export declare const cpanelEmailsPlugin: {
+    readonly package: "@nextjscms/plugin-cpanel-emails";
+    readonly title: "cPanel Emails";
+    readonly routes: readonly [{
+        readonly path: "/cpanel-emails";
+        readonly title: "cPanel Emails";
+        readonly icon: "mail";
+        readonly prefetch: "cpanelEmails.getEmails";
+    }];
+};
+export declare function createPlugin(): Promise<{
+    router: 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;
+        }>;
+    }>>;
+    package: "@nextjscms/plugin-cpanel-emails";
+    title: "cPanel Emails";
+    routes: readonly [{
+        readonly path: "/cpanel-emails";
+        readonly title: "cPanel Emails";
+        readonly icon: "mail";
+        readonly prefetch: "cpanelEmails.getEmails";
+    }];
+}>;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,wBAAgB,YAAY,6DAc3B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB;;;;;;;;;CAW7B,CAAA;AAEF,wBAAsB,YAAY;;;;;;;;;;;;;;;oBAQijD,CAAC;qBAA2B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAD/mD"}

package/dist/index.js

@@ -1,17 +1,20 @@
-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',
+import { definePlugin } from 'nextjs-cms/plugins/define';
+export const cpanelEmailsPlugin = definePlugin({
+    package: '@nextjscms/plugin-cpanel-emails',
+    title: 'cPanel Emails',
+    routes: [
+        {
+            path: '/cpanel-emails',
+            title: 'cPanel Emails',
+            icon: 'mail',
+            prefetch: 'cpanelEmails.getEmails',
+        },
+    ],
+});
+export async function createPlugin() {
+    const { cpanelEmailsRouter } = await import('./router.js');
+    return {
+        ...cpanelEmailsPlugin,
         router: cpanelEmailsRouter,
-        routes: [
-            {
-                path: '/cpanel-emails',
-                title: 'cPanel Emails',
-                icon: 'mail',
-            },
-        ],
-    });
+    };
 }

package/dist/router.d.ts.map

@@ -1 +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;;;;;;;;;;;;;;gBAiDE,CAAC;iBACV,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwHvB,CAAA"}
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/router.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,KAAK,CAAA;AAQxB,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;gBAgDf,CAAb;iBAA2B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0H7B,CAAA"}

package/dist/router.js

@@ -2,9 +2,11 @@ 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';
+import { pluginProcedure, router } from 'nextjs-cms/api/plugin';
+import { extractPluginName } from 'nextjs-cms/plugins/derive';
+const PLUGIN_NAME = extractPluginName(import.meta.url);
 export const cpanelEmailsRouter = router({
-    getEmails: pluginProcedure('plugin_cpanel_emails').query(async ({ ctx }) => {
+    getEmails: pluginProcedure(PLUGIN_NAME).query(async ({ ctx }) => {
         if (!process.env.CPANEL_USER || !process.env.CPANEL_PASSWORD || !process.env.CPANEL_DOMAIN) {
             throw new TRPCError({
                 code: 'BAD_REQUEST',
@@ -24,7 +26,7 @@ export const cpanelEmailsRouter = router({
             emails: data.data,
         };
     }),
-    createEmail: pluginProcedure('plugin_cpanel_emails', 'C')
+    createEmail: pluginProcedure(PLUGIN_NAME, 'C')
         .input(z.object({
         email: z.string(),
         password: z.string(),
@@ -52,7 +54,7 @@ export const cpanelEmailsRouter = router({
         }
         return data;
     }),
-    quotaChange: pluginProcedure('plugin_cpanel_emails', 'U')
+    quotaChange: pluginProcedure(PLUGIN_NAME, 'U')
         .input(z.object({
         email: z.string(),
         quota: z.string(),
@@ -78,7 +80,7 @@ export const cpanelEmailsRouter = router({
         }
         return data;
     }),
-    passwordChange: pluginProcedure('plugin_cpanel_emails', 'U')
+    passwordChange: pluginProcedure(PLUGIN_NAME, 'U')
         .input(z.object({
         email: z.string(),
         password: z.string(),
@@ -111,7 +113,7 @@ export const cpanelEmailsRouter = router({
         }
         return data;
     }),
-    deleteEmail: pluginProcedure('plugin_cpanel_emails', 'D')
+    deleteEmail: pluginProcedure(PLUGIN_NAME, 'D')
         .input(z.string())
         .mutation(async ({ input, ctx }) => {
         if (!process.env.CPANEL_USER || !process.env.CPANEL_PASSWORD || !process.env.CPANEL_DOMAIN) {

package/dist/server.d.ts.map

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

package/dist/server.js

@@ -1,18 +1,10 @@
 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 { resolveMultilingualString, resolveLanguage } 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(),
@@ -21,5 +13,5 @@ export default async function CpanelEmailsServer() {
     const { supportedLanguages, fallbackLanguage } = config.i18n;
     const language = resolveLanguage(session?.user?.language, supportedLanguages, fallbackLanguage);
     const resolvedTitle = route ? resolveMultilingualString(route.title, language, fallbackLanguage) : '';
-    return (_jsx(HydrateClient, { children: _jsx(CpanelEmailsPage, { title: resolvedTitle }) }));
+    return _jsx(CpanelEmailsPage, { title: resolvedTitle });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextjscms/plugin-cpanel-emails",
-  "version": "2.1.22",
+  "version": "2.1.24",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -26,7 +26,7 @@
   "peerDependencies": {
     "react": "19.2.3",
     "react-dom": "19.2.3",
-    "nextjs-cms": "0.9.22"
+    "nextjs-cms": "0.9.23"
   },
   "devDependencies": {
     "@types/react": "^19.2.7",