@sonicjs-cms/core 2.0.9 → 2.0.11

package/dist/index.js

@@ -1,20 +1,22 @@
-import { api_default, api_media_default, api_system_default, admin_api_default, router, adminCollectionsRoutes, adminSettingsRoutes, admin_content_default, adminMediaRoutes, adminPluginRoutes, adminLogsRoutes, userRoutes, auth_default } from './chunk-ABYMIXRN.js';
-export { ROUTES_INFO, admin_api_default as adminApiRoutes, adminCheckboxRoutes, admin_code_examples_default as adminCodeExamplesRoutes, adminCollectionsRoutes, admin_content_default as adminContentRoutes, router as adminDashboardRoutes, adminDesignRoutes, admin_faq_default as adminFAQRoutes, adminLogsRoutes, adminMediaRoutes, adminPluginRoutes, adminSettingsRoutes, admin_testimonials_default as adminTestimonialsRoutes, userRoutes as adminUsersRoutes, api_content_crud_default as apiContentCrudRoutes, api_media_default as apiMediaRoutes, api_default as apiRoutes, api_system_default as apiSystemRoutes, auth_default as authRoutes } from './chunk-ABYMIXRN.js';
+import { PluginBuilder, api_default, api_media_default, api_system_default, admin_api_default, router, adminCollectionsRoutes, adminSettingsRoutes, admin_content_default, adminMediaRoutes, adminPluginRoutes, adminLogsRoutes, userRoutes, auth_default } from './chunk-CLLJFZ5U.js';
+export { ROUTES_INFO, admin_api_default as adminApiRoutes, adminCheckboxRoutes, admin_code_examples_default as adminCodeExamplesRoutes, adminCollectionsRoutes, admin_content_default as adminContentRoutes, router as adminDashboardRoutes, adminDesignRoutes, adminLogsRoutes, adminMediaRoutes, adminPluginRoutes, adminSettingsRoutes, admin_testimonials_default as adminTestimonialsRoutes, userRoutes as adminUsersRoutes, api_content_crud_default as apiContentCrudRoutes, api_media_default as apiMediaRoutes, api_default as apiRoutes, api_system_default as apiSystemRoutes, auth_default as authRoutes } from './chunk-CLLJFZ5U.js';
 import { schema_exports } from './chunk-6FR25MPC.js';
 export { Logger, apiTokens, collections, content, contentVersions, getLogger, initLogger, insertCollectionSchema, insertContentSchema, insertLogConfigSchema, insertMediaSchema, insertPluginActivityLogSchema, insertPluginAssetSchema, insertPluginHookSchema, insertPluginRouteSchema, insertPluginSchema, insertSystemLogSchema, insertUserSchema, insertWorkflowHistorySchema, logConfig, media, pluginActivityLog, pluginAssets, pluginHooks, pluginRoutes, plugins, selectCollectionSchema, selectContentSchema, selectLogConfigSchema, selectMediaSchema, selectPluginActivityLogSchema, selectPluginAssetSchema, selectPluginHookSchema, selectPluginRouteSchema, selectPluginSchema, selectSystemLogSchema, selectUserSchema, selectWorkflowHistorySchema, systemLogs, users, workflowHistory } from './chunk-6FR25MPC.js';
-import { metricsMiddleware, bootstrapMiddleware, requireAuth } from './chunk-OKPDQO2Y.js';
-export { AuthManager, PermissionManager, bootstrapMiddleware, cacheHeaders, compressionMiddleware, detailedLoggingMiddleware, getActivePlugins, isPluginActive, logActivity, loggingMiddleware, optionalAuth, performanceLoggingMiddleware, requireActivePlugin, requireActivePlugins, requireAnyPermission, requireAuth, requirePermission, requireRole, securityHeaders, securityLoggingMiddleware } from './chunk-OKPDQO2Y.js';
-export { MigrationService, PluginBootstrapService, PluginService as PluginServiceClass, cleanupRemovedCollections, fullCollectionSync, getAvailableCollectionNames, getManagedCollections, isCollectionManaged, loadCollectionConfig, loadCollectionConfigs, registerCollections, syncCollection, syncCollections, validateCollectionConfig } from './chunk-COBUPOMD.js';
-export { renderFilterBar } from './chunk-OPGDMS7L.js';
-import { init_admin_layout_catalyst_template, renderAdminLayoutCatalyst } from './chunk-VEC5MLT3.js';
-export { getConfirmationDialogScript, renderAlert, renderConfirmationDialog, renderForm, renderFormField, renderPagination, renderTable } from './chunk-VEC5MLT3.js';
+import { metricsMiddleware, bootstrapMiddleware, requireAuth } from './chunk-FYWJMETG.js';
+export { AuthManager, PermissionManager, bootstrapMiddleware, cacheHeaders, compressionMiddleware, detailedLoggingMiddleware, getActivePlugins, isPluginActive, logActivity, loggingMiddleware, optionalAuth, performanceLoggingMiddleware, requireActivePlugin, requireActivePlugins, requireAnyPermission, requireAuth, requirePermission, requireRole, securityHeaders, securityLoggingMiddleware } from './chunk-FYWJMETG.js';
+export { PluginBootstrapService, PluginService as PluginServiceClass, cleanupRemovedCollections, fullCollectionSync, getAvailableCollectionNames, getManagedCollections, isCollectionManaged, loadCollectionConfig, loadCollectionConfigs, registerCollections, syncCollection, syncCollections, validateCollectionConfig } from './chunk-I5ZPYKNX.js';
+export { MigrationService } from './chunk-ZPMFT2JW.js';
+export { renderFilterBar } from './chunk-QNWYQZ55.js';
+import { init_admin_layout_catalyst_template, renderAdminLayout, renderAdminLayoutCatalyst } from './chunk-5RKQB2JG.js';
+export { getConfirmationDialogScript, renderAlert, renderConfirmationDialog, renderForm, renderFormField, renderPagination, renderTable } from './chunk-5RKQB2JG.js';
 export { HookSystemImpl, HookUtils, PluginManager as PluginManagerClass, PluginRegistryImpl, PluginValidator as PluginValidatorClass, ScopedHookSystem as ScopedHookSystemClass } from './chunk-HKEK7UNV.js';
-import { package_default, getCoreVersion } from './chunk-WRRLB6KG.js';
-export { QueryFilterBuilder, SONICJS_VERSION, TemplateRenderer, buildQuery, escapeHtml, getCoreVersion, renderTemplate, sanitizeInput, sanitizeObject, templateRenderer } from './chunk-WRRLB6KG.js';
+import { package_default, getCoreVersion } from './chunk-DU7JJZN7.js';
+export { QueryFilterBuilder, SONICJS_VERSION, TemplateRenderer, buildQuery, escapeHtml, getCoreVersion, renderTemplate, sanitizeInput, sanitizeObject, templateRenderer } from './chunk-DU7JJZN7.js';
 export { metricsTracker } from './chunk-FICTAGD4.js';
 export { HOOKS } from './chunk-LOUJRBXV.js';
 import './chunk-V4OQ3NZ2.js';
 import { Hono } from 'hono';
+import { html } from 'hono/html';
 import { drizzle } from 'drizzle-orm/d1';
 
 // src/plugins/core-plugins/database-tools-plugin/services/database-service.ts
@@ -736,6 +738,374 @@ function createDatabaseToolsAdminRoutes() {
   });
   return router2;
 }
+function createEmailPlugin() {
+  const builder = PluginBuilder.create({
+    name: "email",
+    version: "1.0.0-beta.1",
+    description: "Send transactional emails using Resend"
+  });
+  builder.metadata({
+    author: {
+      name: "SonicJS Team",
+      email: "team@sonicjs.com"
+    },
+    license: "MIT",
+    compatibility: "^2.0.0"
+  });
+  const emailRoutes = new Hono();
+  emailRoutes.get("/settings", async (c) => {
+    const user = c.get("user");
+    const db = c.env.DB;
+    const plugin = await db.prepare(`
+      SELECT settings FROM plugins WHERE id = 'email'
+    `).first();
+    const settings = plugin?.settings ? JSON.parse(plugin.settings) : {};
+    const contentHTML = html`
+      <div class="p-8">
+        <!-- Header -->
+        <div class="mb-8">
+          <h1 class="text-3xl font-bold text-zinc-950 dark:text-white mb-2">Email Settings</h1>
+          <p class="text-zinc-600 dark:text-zinc-400">Configure Resend API for sending transactional emails</p>
+        </div>
+
+        <!-- Settings Form -->
+        <div class="max-w-3xl">
+          <!-- Main Settings Card -->
+          <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-sm ring-1 ring-zinc-950/5 dark:ring-white/10 p-6 mb-6">
+            <h2 class="text-xl font-semibold text-zinc-950 dark:text-white mb-4">Resend Configuration</h2>
+
+            <form id="emailSettingsForm" class="space-y-6">
+              <!-- API Key -->
+              <div>
+                <label for="apiKey" class="block text-sm font-medium text-zinc-950 dark:text-white mb-2">
+                  Resend API Key <span class="text-red-500">*</span>
+                </label>
+                <input
+                  type="password"
+                  id="apiKey"
+                  name="apiKey"
+                  value="${settings.apiKey || ""}"
+                  class="w-full rounded-lg bg-white dark:bg-white/5 px-3 py-2 text-sm text-zinc-950 dark:text-white ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 placeholder:text-zinc-500 dark:placeholder:text-zinc-400 focus:ring-2 focus:ring-inset focus:ring-indigo-500 dark:focus:ring-indigo-400"
+                  placeholder="re_..."
+                  required
+                />
+                <p class="text-xs text-zinc-500 dark:text-zinc-400 mt-1">
+                  Get your API key from <a href="https://resend.com/api-keys" target="_blank" class="text-indigo-600 dark:text-indigo-400 hover:underline">resend.com/api-keys</a>
+                </p>
+              </div>
+
+              <!-- From Email -->
+              <div>
+                <label for="fromEmail" class="block text-sm font-medium text-zinc-950 dark:text-white mb-2">
+                  From Email <span class="text-red-500">*</span>
+                </label>
+                <input
+                  type="email"
+                  id="fromEmail"
+                  name="fromEmail"
+                  value="${settings.fromEmail || ""}"
+                  class="w-full rounded-lg bg-white dark:bg-white/5 px-3 py-2 text-sm text-zinc-950 dark:text-white ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 placeholder:text-zinc-500 dark:placeholder:text-zinc-400 focus:ring-2 focus:ring-inset focus:ring-indigo-500 dark:focus:ring-indigo-400"
+                  placeholder="noreply@yourdomain.com"
+                  required
+                />
+                <p class="text-xs text-zinc-500 dark:text-zinc-400 mt-1">
+                  Must be a verified domain in Resend
+                </p>
+              </div>
+
+              <!-- From Name -->
+              <div>
+                <label for="fromName" class="block text-sm font-medium text-zinc-950 dark:text-white mb-2">
+                  From Name <span class="text-red-500">*</span>
+                </label>
+                <input
+                  type="text"
+                  id="fromName"
+                  name="fromName"
+                  value="${settings.fromName || ""}"
+                  class="w-full rounded-lg bg-white dark:bg-white/5 px-3 py-2 text-sm text-zinc-950 dark:text-white ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 placeholder:text-zinc-500 dark:placeholder:text-zinc-400 focus:ring-2 focus:ring-inset focus:ring-indigo-500 dark:focus:ring-indigo-400"
+                  placeholder="Your App Name"
+                  required
+                />
+              </div>
+
+              <!-- Reply To -->
+              <div>
+                <label for="replyTo" class="block text-sm font-medium text-zinc-950 dark:text-white mb-2">
+                  Reply-To Email
+                </label>
+                <input
+                  type="email"
+                  id="replyTo"
+                  name="replyTo"
+                  value="${settings.replyTo || ""}"
+                  class="w-full rounded-lg bg-white dark:bg-white/5 px-3 py-2 text-sm text-zinc-950 dark:text-white ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 placeholder:text-zinc-500 dark:placeholder:text-zinc-400 focus:ring-2 focus:ring-inset focus:ring-indigo-500 dark:focus:ring-indigo-400"
+                  placeholder="support@yourdomain.com"
+                />
+              </div>
+
+              <!-- Logo URL -->
+              <div>
+                <label for="logoUrl" class="block text-sm font-medium text-zinc-950 dark:text-white mb-2">
+                  Logo URL
+                </label>
+                <input
+                  type="url"
+                  id="logoUrl"
+                  name="logoUrl"
+                  value="${settings.logoUrl || ""}"
+                  class="w-full rounded-lg bg-white dark:bg-white/5 px-3 py-2 text-sm text-zinc-950 dark:text-white ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 placeholder:text-zinc-500 dark:placeholder:text-zinc-400 focus:ring-2 focus:ring-inset focus:ring-indigo-500 dark:focus:ring-indigo-400"
+                  placeholder="https://yourdomain.com/logo.png"
+                />
+                <p class="text-xs text-zinc-500 dark:text-zinc-400 mt-1">
+                  Logo to display in email templates
+                </p>
+              </div>
+
+              <!-- Action Buttons -->
+              <div class="flex gap-3 pt-4">
+                <button
+                  type="submit"
+                  class="inline-flex items-center justify-center rounded-lg bg-zinc-950 dark:bg-white px-3.5 py-2.5 text-sm font-semibold text-white dark:text-zinc-950 hover:bg-zinc-800 dark:hover:bg-zinc-100 transition-colors shadow-sm"
+                >
+                  Save Settings
+                </button>
+                <button
+                  type="button"
+                  id="testEmailBtn"
+                  class="inline-flex items-center justify-center rounded-lg bg-white dark:bg-zinc-800 px-3.5 py-2.5 text-sm font-semibold text-zinc-950 dark:text-white ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 hover:bg-zinc-50 dark:hover:bg-zinc-700 transition-colors shadow-sm"
+                >
+                  Send Test Email
+                </button>
+                <button
+                  type="button"
+                  id="resetBtn"
+                  class="inline-flex items-center justify-center rounded-lg bg-white dark:bg-zinc-800 px-3.5 py-2.5 text-sm font-semibold text-zinc-950 dark:text-white ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 hover:bg-zinc-50 dark:hover:bg-zinc-700 transition-colors shadow-sm"
+                >
+                  Reset
+                </button>
+              </div>
+            </form>
+          </div>
+
+          <!-- Status Message -->
+          <div id="statusMessage" class="hidden rounded-xl p-4 mb-6"></div>
+
+          <!-- Info Card -->
+          <div class="rounded-xl bg-indigo-50 dark:bg-indigo-950/30 ring-1 ring-indigo-100 dark:ring-indigo-900/50 p-6">
+            <h3 class="font-semibold text-indigo-900 dark:text-indigo-300 mb-3">
+              📧 Email Templates Included
+            </h3>
+            <ul class="text-sm text-indigo-800 dark:text-indigo-200 space-y-2">
+              <li>✓ Registration confirmation</li>
+              <li>✓ Email verification</li>
+              <li>✓ Password reset</li>
+              <li>✓ One-time code (2FA)</li>
+            </ul>
+            <p class="text-xs text-indigo-700 dark:text-indigo-300 mt-4">
+              Templates are code-based and can be customized by editing the plugin files.
+            </p>
+          </div>
+        </div>
+      </div>
+
+      <script>
+        // Form submission handler
+        document.getElementById('emailSettingsForm').addEventListener('submit', async (e) => {
+          e.preventDefault()
+          const formData = new FormData(e.target)
+          const data = Object.fromEntries(formData.entries())
+
+          const statusEl = document.getElementById('statusMessage')
+
+          try {
+            const response = await fetch('/admin/plugins/email/settings', {
+              method: 'POST',
+              headers: { 'Content-Type': 'application/json' },
+              body: JSON.stringify(data)
+            })
+
+            if (response.ok) {
+              statusEl.className = 'rounded-xl bg-green-50 dark:bg-green-950/30 ring-1 ring-green-100 dark:ring-green-900/50 p-4 mb-6 text-green-900 dark:text-green-200'
+              statusEl.innerHTML = '✅ Settings saved successfully!'
+              statusEl.classList.remove('hidden')
+              setTimeout(() => statusEl.classList.add('hidden'), 3000)
+            } else {
+              throw new Error('Failed to save settings')
+            }
+          } catch (error) {
+            statusEl.className = 'rounded-xl bg-red-50 dark:bg-red-950/30 ring-1 ring-red-100 dark:ring-red-900/50 p-4 mb-6 text-red-900 dark:text-red-200'
+            statusEl.innerHTML = '❌ Failed to save settings. Please try again.'
+            statusEl.classList.remove('hidden')
+          }
+        })
+
+        // Test email handler
+        document.getElementById('testEmailBtn').addEventListener('click', async () => {
+          // Prompt for destination email
+          const toEmail = prompt('Enter destination email address for test:')
+          if (!toEmail) return
+
+          // Basic email validation
+          if (!toEmail.match(/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/)) {
+            alert('Please enter a valid email address')
+            return
+          }
+
+          const statusEl = document.getElementById('statusMessage')
+
+          statusEl.className = 'rounded-xl bg-indigo-50 dark:bg-indigo-950/30 ring-1 ring-indigo-100 dark:ring-indigo-900/50 p-4 mb-6 text-indigo-900 dark:text-indigo-200'
+          statusEl.innerHTML = \`📧 Sending test email to \${toEmail}...\`
+          statusEl.classList.remove('hidden')
+
+          try {
+            const response = await fetch('/admin/plugins/email/test', {
+              method: 'POST',
+              headers: { 'Content-Type': 'application/json' },
+              body: JSON.stringify({ toEmail })
+            })
+
+            const data = await response.json()
+
+            if (response.ok) {
+              statusEl.className = 'rounded-xl bg-green-50 dark:bg-green-950/30 ring-1 ring-green-100 dark:ring-green-900/50 p-4 mb-6 text-green-900 dark:text-green-200'
+              statusEl.innerHTML = \`✅ \${data.message || 'Test email sent! Check your inbox.'}\`
+            } else {
+              statusEl.className = 'rounded-xl bg-red-50 dark:bg-red-950/30 ring-1 ring-red-100 dark:ring-red-900/50 p-4 mb-6 text-red-900 dark:text-red-200'
+              statusEl.innerHTML = \`❌ \${data.error || 'Failed to send test email. Check your settings.'}\`
+            }
+          } catch (error) {
+            statusEl.className = 'rounded-xl bg-red-50 dark:bg-red-950/30 ring-1 ring-red-100 dark:ring-red-900/50 p-4 mb-6 text-red-900 dark:text-red-200'
+            statusEl.innerHTML = '❌ Network error. Please try again.'
+          }
+        })
+
+        // Reset button handler
+        document.getElementById('resetBtn').addEventListener('click', () => {
+          document.getElementById('emailSettingsForm').reset()
+        })
+      </script>
+    `;
+    return c.html(
+      renderAdminLayout({
+        title: "Email Settings",
+        content: contentHTML,
+        user,
+        currentPath: "/admin/plugins/email/settings"
+      })
+    );
+  });
+  emailRoutes.post("/settings", async (c) => {
+    try {
+      const body = await c.req.json();
+      const db = c.env.DB;
+      await db.prepare(`
+        UPDATE plugins
+        SET settings = ?,
+            updated_at = unixepoch()
+        WHERE id = 'email'
+      `).bind(JSON.stringify(body)).run();
+      return c.json({ success: true });
+    } catch (error) {
+      console.error("Error saving email settings:", error);
+      return c.json({ success: false, error: "Failed to save settings" }, 500);
+    }
+  });
+  emailRoutes.post("/test", async (c) => {
+    try {
+      const db = c.env.DB;
+      const body = await c.req.json();
+      const plugin = await db.prepare(`
+        SELECT settings FROM plugins WHERE id = 'email'
+      `).first();
+      if (!plugin?.settings) {
+        return c.json({
+          success: false,
+          error: "Email settings not configured. Please save your settings first."
+        }, 400);
+      }
+      const settings = JSON.parse(plugin.settings);
+      if (!settings.apiKey || !settings.fromEmail || !settings.fromName) {
+        return c.json({
+          success: false,
+          error: "Missing required settings. Please configure API Key, From Email, and From Name."
+        }, 400);
+      }
+      const toEmail = body.toEmail || settings.fromEmail;
+      if (!toEmail.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)) {
+        return c.json({
+          success: false,
+          error: "Invalid email address format"
+        }, 400);
+      }
+      const response = await fetch("https://api.resend.com/emails", {
+        method: "POST",
+        headers: {
+          "Authorization": `Bearer ${settings.apiKey}`,
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+          from: `${settings.fromName} <${settings.fromEmail}>`,
+          to: [toEmail],
+          subject: "Test Email from SonicJS",
+          html: `
+            <div style="font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto;">
+              <h1 style="color: #667eea;">Test Email Successful! \u{1F389}</h1>
+              <p>This is a test email from your SonicJS Email plugin.</p>
+              <p><strong>Configuration:</strong></p>
+              <ul>
+                <li>From: ${settings.fromName} &lt;${settings.fromEmail}&gt;</li>
+                <li>Reply-To: ${settings.replyTo || "Not set"}</li>
+                <li>Sent at: ${(/* @__PURE__ */ new Date()).toISOString()}</li>
+              </ul>
+              <p>Your email settings are working correctly!</p>
+            </div>
+          `,
+          reply_to: settings.replyTo || settings.fromEmail
+        })
+      });
+      const data = await response.json();
+      if (!response.ok) {
+        console.error("Resend API error:", data);
+        return c.json({
+          success: false,
+          error: data.message || "Failed to send test email. Check your API key and domain verification."
+        }, response.status);
+      }
+      return c.json({
+        success: true,
+        message: `Test email sent successfully to ${toEmail}`,
+        emailId: data.id
+      });
+    } catch (error) {
+      console.error("Test email error:", error);
+      return c.json({
+        success: false,
+        error: error.message || "An error occurred while sending test email"
+      }, 500);
+    }
+  });
+  builder.addRoute("/admin/plugins/email", emailRoutes, {
+    description: "Email plugin settings",
+    requiresAuth: true,
+    priority: 80
+  });
+  builder.addMenuItem("Email", "/admin/plugins/email/settings", {
+    icon: "envelope",
+    order: 80,
+    permissions: ["email:manage"]
+  });
+  builder.lifecycle({
+    activate: async () => {
+      console.info("\u2705 Email plugin activated");
+    },
+    deactivate: async () => {
+      console.info("\u274C Email plugin deactivated");
+    }
+  });
+  return builder.build();
+}
+var emailPlugin = createEmailPlugin();
 
 // src/app.ts
 function createSonicJSApp(config = {}) {
@@ -747,7 +1117,7 @@ function createSonicJSApp(config = {}) {
     await next();
   });
   app.use("*", metricsMiddleware());
-  app.use("*", bootstrapMiddleware());
+  app.use("*", bootstrapMiddleware(config));
   if (config.middleware?.beforeAuth) {
     for (const middleware of config.middleware.beforeAuth) {
       app.use("*", middleware);
@@ -778,6 +1148,11 @@ function createSonicJSApp(config = {}) {
   app.route("/admin/logs", adminLogsRoutes);
   app.route("/admin", userRoutes);
   app.route("/auth", auth_default);
+  if (emailPlugin.routes && emailPlugin.routes.length > 0) {
+    for (const route of emailPlugin.routes) {
+      app.route(route.path, route.handler);
+    }
+  }
   app.get("/files/*", async (c) => {
     try {
       const url = new URL(c.req.url);