@dyrected/nuxt 2.5.20 → 2.5.23

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "@dyrected/nuxt",
   "configKey": "dyrected",
-  "version": "2.5.18"
+  "version": "2.5.22"
 }

package/dist/module.mjs

@@ -85,14 +85,73 @@ const module = defineNuxtModule({
         filename: "dyrected-load-config.ts",
         write: true
       });
-      let dbPluginSrc = resolver.resolve("./runtime/server/plugins/db.ts");
-      if (!existsSync(dbPluginSrc)) {
-        dbPluginSrc = resolver.resolve("./runtime/server/plugins/db.mjs");
-      }
       const dbPluginTemplate = addTemplate({
-        src: dbPluginSrc,
         filename: "dyrected-db-plugin.ts",
-        write: true
+        write: true,
+        getContents: () => {
+          const escapedConfigPath = configPath.replace(/\\/g, "/");
+          return `// @ts-ignore
+import { useRuntimeConfig } from "#imports";
+// @ts-ignore
+import userConfigRaw from "${escapedConfigPath}";
+
+const defineNitroPlugin = (def) => def;
+
+export default defineNitroPlugin(async (nitroApp) => {
+  const runtimeConfig = useRuntimeConfig().dyrected;
+
+  try {
+    const userConfig = userConfigRaw.default || userConfigRaw;
+    const configObj = (userConfig.default && (userConfig.default.collections || userConfig.default.globals || userConfig.default.db)) ? userConfig.default : userConfig;
+
+    if (configObj) {
+      globalThis.__dyrected_config = configObj;
+      if (configObj.db) {
+        globalThis.__dyrected_db = configObj.db;
+        console.log("[dyrected/nuxt] Database re-attached to global context");
+      }
+      if (configObj.storage) {
+        globalThis.__dyrected_storage = configObj.storage;
+        console.log("[dyrected/nuxt] Storage adapter re-attached to global context");
+      }
+    }
+
+    if (process.env.NODE_ENV !== 'production' && runtimeConfig?.configPath) {
+      const { watch } = await import('fs');
+      // @ts-ignore
+      const { loadDyrectedConfig } = await import("./dyrected-load-config.ts");
+      let debounceTimer = null;
+      const reload = async () => {
+        try {
+          const newConfig = await loadDyrectedConfig(runtimeConfig.configPath);
+          const newObj = (newConfig.default && (newConfig.default.collections || newConfig.default.globals || newConfig.default.db)) ? newConfig.default : newConfig;
+          globalThis.__dyrected_config = newObj;
+          globalThis.__dyrected_config_version = (globalThis.__dyrected_config_version || 0) + 1;
+          if (newObj.db) {
+            globalThis.__dyrected_db = newObj.db;
+            console.log('[dyrected/nuxt] Database hot-reloaded');
+          }
+          if (newObj.storage) {
+            globalThis.__dyrected_storage = newObj.storage;
+            console.log('[dyrected/nuxt] Storage hot-reloaded');
+          }
+        } catch (e) {
+          console.error('[dyrected/nuxt] Hot-reload failed:', e);
+        }
+      };
+      watch(runtimeConfig.configPath, (eventType) => {
+        if (eventType === 'change') {
+          if (debounceTimer) clearTimeout(debounceTimer);
+          debounceTimer = setTimeout(reload, 200);
+        }
+      });
+    }
+  } catch (err) {
+    console.error("[dyrected/nuxt] Failed to re-attach database:", err);
+  }
+});
+`;
+        }
       });
       addServerPlugin(dbPluginTemplate.dst);
     } else {
@@ -146,6 +205,21 @@ const module = defineNuxtModule({
       if (!nuxt.options.vite.optimizeDeps.exclude.includes("@dyrected/vue")) {
         nuxt.options.vite.optimizeDeps.exclude.push("@dyrected/vue");
       }
+      nuxt.options.vite.resolve = nuxt.options.vite.resolve || {};
+      nuxt.options.vite.resolve.dedupe = nuxt.options.vite.resolve.dedupe || [];
+      for (const dep of ["react", "react-dom"]) {
+        if (!nuxt.options.vite.resolve.dedupe.includes(dep)) {
+          nuxt.options.vite.resolve.dedupe.push(dep);
+        }
+      }
+      nuxt.options.vite.resolve.alias = nuxt.options.vite.resolve.alias || {};
+      try {
+        const reactMain = _require.resolve("react");
+        const reactDomMain = _require.resolve("react-dom");
+        nuxt.options.vite.resolve.alias.react = join(reactMain, "..");
+        nuxt.options.vite.resolve.alias["react-dom"] = join(reactDomMain, "..");
+      } catch {
+      }
     }
     nuxt.options.build.transpile.push("@dyrected/sdk", "@dyrected/vue", "@dyrected/admin");
     const optionsAny = nuxt.options;

package/dist/runtime/components/DyrectedAdmin.vue

@@ -2,6 +2,7 @@
   <DyrectedAdmin 
     :config="config" 
     :basename="basename || '/cms-admin'" 
+    :components="components"
   />
 </template>
 
@@ -16,6 +17,10 @@ defineProps<{
    * @default "/cms-admin"
    */
   basename?: string;
+  /**
+   * Custom components to inject into the Admin UI.
+   */
+  components?: any;
 }>();
 
 const runtimeConfig = useRuntimeConfig();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dyrected/nuxt",
-  "version": "2.5.20",
+  "version": "2.5.23",
   "type": "module",
   "main": "./dist/module.mjs",
   "types": "./dist/module.d.ts",
@@ -10,10 +10,10 @@
   "dependencies": {
     "@nuxt/kit": "^3.11.2",
     "h3": "^1.15.0",
-    "@dyrected/core": "2.5.20",
-    "@dyrected/sdk": "2.5.20",
-    "@dyrected/vue": "2.5.20",
-    "@dyrected/admin": "2.5.20"
+    "@dyrected/core": "2.5.23",
+    "@dyrected/sdk": "2.5.23",
+    "@dyrected/admin": "2.5.23",
+    "@dyrected/vue": "2.5.23"
   },
   "peerDependencies": {
     "nuxt": "^3.0.0",