dinou 4.0.7 → 4.0.9

package/dinou/esbuild/react-refresh/esm-hmr-plugin.mjs

@@ -1,8 +1,6 @@
 // plugins-esbuild/esm-hmr-plugin.mjs
 import fs from "node:fs/promises";
 import path from "node:path";
-// import * as babelCore from "@babel/core";
-// import { babelConfig } from "./babel-config.js";
 import { transformSync } from "@swc/core";
 import { createServer } from "node:http";
 import { EsmHmrEngine } from "./esm-hmr/server.js";
@@ -55,21 +53,21 @@ export default function esmHmrPlugin({
 
         const absNorm = norm(abs);
 
-        // 1. Comprobamos si es un ROOT Entry (client.jsx o error.tsx)
-        // Estos son los que tienes guardados en 'entryAbsPaths'
+        // 1. Check if it is a ROOT Entry (client.jsx or error.tsx)
+        // These are the ones saved in 'entryAbsPaths'
         const rootIndex = entryAbsPaths.findIndex(
           (entryPath) => norm(entryPath) === absNorm,
         );
 
-        // CASO A: Es Main o Error (Roots)
+        // CASE A: It is Main or Error (Roots)
         if (rootIndex !== -1) {
           const source = entrySources[rootIndex];
           if (source) {
             let injectCode = `import { createHotContext } from "/__hmr_client__.js";\n`;
             injectCode += `window.__hotContext = createHotContext;\n`;
 
-            // IMPORTANTE: Devolvemos 'source' CRUDO + inyección.
-            // Sin pasar por Babel para evitar que $RefreshSig$ rompa la inicialización.
+            // IMPORTANT: We return RAW 'source' + injection.
+            // Without passing through Babel/SWC to prevent $RefreshSig$ from breaking initialization.
             return {
               contents: injectCode + source,
               loader: "jsx",
@@ -78,31 +76,16 @@ export default function esmHmrPlugin({
           return null;
         }
 
-        // 2. Comprobamos si es cualquier OTRO Entry Point de la configuración de esbuild
-        // (Aquí están tus páginas, layouts, componentes...)
+        // 2. Check if it is any OTHER Entry Point from the esbuild configuration
+        // (Here are your pages, layouts, components...)
         const isAnEntryPoint = Object.values(entryPoints).some(
           (val) => norm(path.resolve(val)) === absNorm,
         );
 
-        // CASO B: Es una página o componente de usuario
+        // CASE B: It is a user page or component
         if (isAnEntryPoint) {
-          // AQUÍ SÍ aplicamos Babel para tener React Fast Refresh
+          // HERE we DO apply SWC transformation to enable React Fast Refresh
           const source = await fs.readFile(args.path, "utf8");
-
-          // try {
-          //   const transformed = babelCore.transformSync(source, {
-          //     ...babelConfig,
-          //     filename: abs,
-          //   }).code;
-
-          //   return {
-          //     contents: transformed,
-          //     loader: args.path.endsWith(".tsx") ? "tsx" : "jsx",
-          //   };
-          // } catch (e) {
-          //   // Si babel falla, fallback al original
-          //   return null;
-          // }
           try {
             const { code } = transformSync(source, {
               filename: abs,
@@ -133,7 +116,7 @@ export default function esmHmrPlugin({
           }
         }
 
-        // CASO C: No es un entry point (librerías, helpers internos, node_modules...)
+        // CASE C: It is not an entry point (libraries, internal helpers, node_modules...)
         return null;
       });
 
@@ -209,7 +192,7 @@ export default function esmHmrPlugin({
               if (window.__isReactRefreshBoundary && window.__isReactRefreshBoundary(module)) {
                 window.__debouncePerformReactRefresh();
               } else {
-                // Fallback: full reload si no es boundary
+                // Fallback: full reload if it is not a boundary
                 import.meta.hot.invalidate();
               }
             });
@@ -230,7 +213,7 @@ export default function esmHmrPlugin({
           // );
           return;
         }
-        // console.log("###############################", changedIds.size);
+
         if (changedIds.size === 0) return;
         const bundleFiles = Object.keys(result.metafile.outputs);
         const pendingUpdateUrls = new Set();
@@ -241,15 +224,8 @@ export default function esmHmrPlugin({
 
           for (const modulePath of modules) {
             if (changedIds.has(normalizePath(path.resolve(modulePath)))) {
-              // console.log("entry_________", fileName);
-              // console.log(
-              //   "dependencyTree",
-              //   hmrEngine.value.getDependencyTree()
-              // );
               const url = "/" + path.relative(outdir, fileName);
-              // console.log("url", url);
               const entry = hmrEngine.value.getEntry(url);
-              // console.log("entry______:", entry);
               if (entry?.isHmrAccepted) {
                 pendingUpdateUrls.add(url);
               } else {
@@ -260,11 +236,9 @@ export default function esmHmrPlugin({
         }
 
         if (needsFullReload || pendingUpdateUrls.size === 0) {
-          // console.log("Full reload____________");
           hmrEngine.value.broadcastMessage({ type: "reload" });
         } else {
           for (const url of pendingUpdateUrls) {
-            // console.log("Updateeeee____________");
             hmrEngine.value.broadcastMessage({ type: "update", url });
           }
         }
@@ -274,5 +248,4 @@ export default function esmHmrPlugin({
   };
 }
 
-// === Exporta para usar en dev.mjs ===
 export { esmHmrPlugin };

package/dinou/esbuild/react-refresh/react-refresh-runtime.mjs

@@ -7,9 +7,8 @@ if (
 ) {
   RefreshRuntime.injectIntoGlobalHook(window);
 
-  // SETEA EL RUNTIME GLOBAL
   window.__reactRefreshRuntime = RefreshRuntime;
-  window.$RefreshReg$ = () => {};
+  window.$RefreshReg$ = () => { };
   window.$RefreshSig$ = () => (type) => type;
   window.__REACT_REFRESH_RUNTIME_INSTALLED__ = true;
 

package/dinou/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dinou-ejected",
-  "version": "4.0.7",
+  "version": "4.0.9",
   "main": "index.js",
   "private": true,
   "exports": {
@@ -23,7 +23,6 @@
     "@babel/register": "^7.27.1",
     "@babel/traverse": "^7.28.3",
     "@esbuild-plugins/tsconfig-paths": "^0.1.2",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.6.2",
     "@roggc/react-server-dom-esm": "^0.0.0-b061b597-20251212",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.6",
@@ -37,12 +36,11 @@
     "babel-plugin-react-compiler": "^1.0.0",
     "chokidar": "^4.0.3",
     "commander": "^14.0.0",
-    "concurrently": "^9.2.0",
+    "concurrently": "^10.0.3",
     "cookie-parser": "^1.4.7",
-    "copy-webpack-plugin": "^13.0.1",
+    "copy-webpack-plugin": "^14.0.0",
     "cross-env": "^7.0.3",
     "css-loader": "^7.1.2",
-    "css-modules-require-hook": "^4.2.3",
     "dotenv": "^16.5.0",
     "esbuild": "^0.27.0",
     "esbuild-copy-static-files": "^0.1.0",
@@ -74,4 +72,4 @@
     "react": ">=19.2.3",
     "react-dom": ">=19.2.3"
   }
-}
+}

package/dinou/rollup/rollup-plugins/rollup-plugin-react-client-manifest.js

@@ -194,18 +194,18 @@ function reactClientManifestPlugin({
         absolute: true,
       });
 
-      // B. Extraemos los entrypoints de la configuración de Rollup
+      // B. Extract the entry points from the Rollup configuration
       const inputOption = options.input;
       let entryPoints = [];
 
       if (typeof inputOption === "string") {
-        // Caso 1: input: "src/index.js"
+        // Case 1: input: "src/index.js"
         entryPoints = [inputOption];
       } else if (Array.isArray(inputOption)) {
-        // Caso 2: input: ["src/a.js", "src/b.js"]
+        // Case 2: input: ["src/a.js", "src/b.js"]
         entryPoints = inputOption;
       } else if (typeof inputOption === "object" && inputOption !== null) {
-        // Caso 3: input: { main: "src/index.js", other: "src/other.js" }
+        // Case 3: input: { main: "src/index.js", other: "src/other.js" }
         entryPoints = Object.values(inputOption);
       }
       const uniqueFiles = new Set([...srcFiles, ...entryPoints]);

package/dinou/rollup/rollup-plugins/rollup-plugin-server-functions.js

@@ -7,7 +7,7 @@ const { useServerRegex } = require("../../constants.js");
 
 function serverFunctionsPlugin() {
   const root = process.cwd();
-  const serverFunctions = new Map(); // Recolectar aquí: Map<relativePath, Set<exports>>
+  const serverFunctions = new Map(); // Collect here: Map<relativePath, Set<exports>>
 
   return {
     name: "server-functions-proxy",
@@ -18,11 +18,11 @@ function serverFunctionsPlugin() {
       if (exports.length === 0) return null;
 
       const relativePath = path.relative(root, id);
-      serverFunctions.set(relativePath, new Set(exports)); // Guardar exports como Set para uniqueness
+      serverFunctions.set(relativePath, new Set(exports)); // Save exports as a Set for uniqueness
 
       const fileUrl = `file:///${relativePath}`;
 
-      // Generamos un módulo que exporta proxies en lugar del código real
+      // Generate a module that exports proxies instead of the real code
       let proxyCode = `
         import { createServerFunctionProxy } from "/__SERVER_FUNCTION_PROXY__";
       `;
@@ -63,13 +63,13 @@ function serverFunctionsPlugin() {
         }
       }
 
-      // Generar manifest: convertir Map a objeto simple
+      // Generate manifest: convert Map to a simple object
       const manifestObj = {};
       for (const [relPath, exportsSet] of serverFunctions.entries()) {
         manifestObj[relPath] = Array.from(exportsSet);
       }
 
-      // Escribir el manifest en la carpeta especificada (ej. mismo lugar que otros assets)
+      // Write the manifest to the specified folder (e.g. same place as other assets)
       const manifestPath = path.join(
         "server_functions_manifest",
         "server-functions-manifest.json"

package/dinou/rollup/rollup.config.js

@@ -21,10 +21,6 @@ const isDevelopment = process.env.NODE_ENV !== "production";
 const outputDirectory = isDevelopment ? "public" : "dist3";
 
 const localDinouPath = path.resolve(process.cwd(), "dinou");
-// const localNavigationPath = path.resolve(
-//   process.cwd(),
-//   "dinou/core/navigation.js"
-// );
 const isEjected = fs.existsSync(localDinouPath);
 
 console.log(
@@ -33,62 +29,42 @@ console.log(
     : "📦 [Dinou] Library Mode detected (Using node_modules)",
 );
 
-// ----------------------------------------------------------------------
-// 🛠️ ALIAS MICRO-PLUGIN (Zero Dependencies)
-// ----------------------------------------------------------------------
-function localDinouAlias() {
-  return {
-    name: "local-dinou-alias",
-    resolveId(source) {
-      // If "dinou" is imported, return local absolute path
-      if (source === "dinou") {
-        return localDinouPath;
-      }
-      // // If "dinou/navigation" is imported, return local absolute path
-      // if (source === "dinou/navigation") {
-      //   return localNavigationPath;
-      // }
-      return null; // If not dinou, let other plugins resolve
-    },
-  };
-}
-
 module.exports = async function () {
   const del = (await import("rollup-plugin-delete")).default;
   return {
     input: isDevelopment
       ? {
-          runtime: path.resolve(
-            __dirname,
-            "react-refresh/react-refresh-runtime.js",
-          ),
-          refresh: path.resolve(
-            __dirname,
-            "react-refresh/react-refresh-entry.js",
-          ),
-          main: path.resolve(__dirname, "../core/client.jsx"),
-          error: path.resolve(__dirname, "../core/client-error.jsx"),
-          serverFunctionProxy: path.resolve(
-            __dirname,
-            "../core/server-function-proxy.js",
-          ),
-          dinouClientRedirect: path.resolve(
-            __dirname,
-            "../core/client-redirect.jsx",
-          ),
-        }
+        runtime: path.resolve(
+          __dirname,
+          "react-refresh/react-refresh-runtime.js",
+        ),
+        refresh: path.resolve(
+          __dirname,
+          "react-refresh/react-refresh-entry.js",
+        ),
+        main: path.resolve(__dirname, "../core/client.jsx"),
+        error: path.resolve(__dirname, "../core/client-error.jsx"),
+        serverFunctionProxy: path.resolve(
+          __dirname,
+          "../core/server-function-proxy.js",
+        ),
+        dinouClientRedirect: path.resolve(
+          __dirname,
+          "../core/client-redirect.jsx",
+        ),
+      }
       : {
-          main: path.resolve(__dirname, "../core/client.jsx"),
-          error: path.resolve(__dirname, "../core/client-error.jsx"),
-          serverFunctionProxy: path.resolve(
-            __dirname,
-            "../core/server-function-proxy.js",
-          ),
-          dinouClientRedirect: path.resolve(
-            __dirname,
-            "../core/client-redirect.jsx",
-          ),
-        },
+        main: path.resolve(__dirname, "../core/client.jsx"),
+        error: path.resolve(__dirname, "../core/client-error.jsx"),
+        serverFunctionProxy: path.resolve(
+          __dirname,
+          "../core/server-function-proxy.js",
+        ),
+        dinouClientRedirect: path.resolve(
+          __dirname,
+          "../core/client-redirect.jsx",
+        ),
+      },
     output: {
       dir: outputDirectory,
       format: "esm",
@@ -107,10 +83,8 @@ module.exports = async function () {
       "/refresh.js",
       "/__hmr_client__.js",
       "/__SERVER_FUNCTION_PROXY__",
-      // "dinou",
     ],
     plugins: [
-      // isEjected && localDinouAlias(),
       del({
         targets: [
           `${outputDirectory}/*`,
@@ -199,8 +173,6 @@ module.exports = async function () {
         if (warning.loc && warning.loc.file.includes("request-context.js")) {
           return;
         }
-        // If you want to kill it whenever it appears (safer to avoid noise):
-        // return;
       }
       if (
         warning.message.includes(

package/dinou/webpack/helpers/get-webpack-entries.js

@@ -22,8 +22,6 @@ async function getCSSEntries({
 } = {}) {
   const detectedClientEntries = new Set();
   const detectedCSSEntries = new Set();
-  // const detectedAssetEntries = new Set();
-  // const serverModules = new Set();
 
   async function getImportsAndAssetsAndCsss(
     code,
@@ -64,7 +62,7 @@ async function getCSSEntries({
         continue;
       }
 
-      // Leer el archivo UNA sola vez
+      // Read the file ONLY once
       let importedCode;
       try {
         importedCode = readFileSync(absImportPathWithExt, "utf8");
@@ -77,12 +75,12 @@ async function getCSSEntries({
       }
 
       if (!isTopLevelClientComponent) {
-        // Verificar si es un client component
+        // Verify if it is a client component
         const isImportedFileClient = useClientRegex.test(importedCode.trim());
 
-        // Si es client component, NO procesar recursivamente
+        // If it is a client component, DO NOT process recursively
         if (isImportedFileClient) {
-          continue; // No procesar recursivamente client components
+          continue; // Do not recursively process client components
         }
       } else {
         const isImportedFileServer = useServerRegex.test(importedCode.trim());
@@ -92,7 +90,7 @@ async function getCSSEntries({
         }
       }
 
-      // Para módulos no-client, procesar normalmente
+      // For non-client modules, process normally
       if (
         absImportPathWithExt.endsWith(".css") ||
         absImportPathWithExt.endsWith(".scss") ||
@@ -109,7 +107,7 @@ async function getCSSEntries({
 
       imports.add(absImportPathWithExt);
 
-      // Procesar imports recursivamente para módulos no-client
+      // Process imports recursively for non-client modules
       try {
         const nested = await getImportsAndAssetsAndCsss(
           importedCode,
@@ -216,10 +214,6 @@ async function getCSSEntries({
           `[react-client-manifest] The file ${normalizedPath} is a page or layout without "use client" directive, but its default export is not an async function.`,
         );
       }
-      // serverModules.add({
-      //   absPath: normalizedPath,
-      //   name: path.basename(normalizedPath, path.extname(normalizedPath)),
-      // });
       try {
         const { csss } = await getImportsAndAssetsAndCsss(code, absPath);
 
@@ -231,16 +225,6 @@ async function getCSSEntries({
             })),
           );
         }
-
-        // const serverComponentRegex = /\.(js|jsx|ts|tsx)$/i;
-        // imports.forEach((imp) => {
-        //   if (serverComponentRegex.test(imp) && !imp.includes("node_modules")) {
-        //     serverModules.add({
-        //       absPath: normalizePath(imp),
-        //       name: path.basename(imp, path.extname(imp)),
-        //     });
-        //   }
-        // });
       } catch (err) {
         /* ignore */
       }
@@ -260,15 +244,7 @@ async function getCSSEntries({
     dCSSE.outfile = `${outfileName}.js`;
     dCSSE.outfileName = outfileName;
   }
-  // console.log("serverModules", serverModules);
-  // for (const sM of serverModules) {
-  //   const hash = hashFilePath(sM.absPath);
-  //   const outfileName = `${sM.name}-${hash}`;
-  //   sM.outfile = `${outfileName}.js`;
-  //   sM.outfileName = outfileName;
-  // }
-
-  // console.log("detectedCssEntries", detectedCSSEntries);
+
   return [detectedCSSEntries, detectedClientEntries];
 }
 

package/dinou/webpack/loaders/server-functions-loader.js

@@ -1,4 +1,3 @@
-// server-functions-loader-simple.js
 const path = require("path");
 const parseExports = require("../../core/parse-exports.js");
 const { useServerRegex } = require("../../constants.js");
@@ -40,16 +39,16 @@ const loadProxy = new Function('return import("/"+"__SERVER_FUNCTION_PROXY__")')
 export default (...args) =>
   loadProxy().then(mod =>
     (mod.default ?? mod ?? window.__SERVER_FUNCTION_PROXY_LIB__).createServerFunctionProxy(${JSON.stringify(
-      key,
-    )})(...args)
+        key,
+      )})(...args)
   );
 `;
     } else {
       proxyCode += `
 export const ${exp} = (...args) =>
   loadProxy().then(mod => (mod.default ?? mod ?? window.__SERVER_FUNCTION_PROXY_LIB__).createServerFunctionProxy(${JSON.stringify(
-    key,
-  )})(...args)
+        key,
+      )})(...args)
   );
 `;
     }

package/dinou/webpack/plugins/manifest-generator-plugin.js

@@ -1,7 +1,7 @@
 // manifest-generator-plugin.js
 class ManifestGeneratorPlugin {
   constructor() {
-    this.manifestData = {}; // igual que en Rollup
+    this.manifestData = {}; // same as in Rollup
   }
 
   apply(compiler) {
@@ -10,26 +10,26 @@ class ManifestGeneratorPlugin {
     compiler.hooks.thisCompilation.tap(pluginName, (compilation) => {
       const { Compilation } = compiler.webpack;
 
-      // Ejecutar cuando todos los assets están listos
+      // Run when all assets are ready
       compilation.hooks.processAssets.tap(
         {
           name: pluginName,
           stage: Compilation.PROCESS_ASSETS_STAGE_REPORT,
         },
         (assets) => {
-          // Recorrer chunks para generar manifest
+          // Traverse chunks to generate manifest
           for (const chunk of compilation.chunks) {
-            if (!chunk.name) continue; // solo chunks con nombre
+            if (!chunk.name) continue; // only chunks with a name
 
             for (const file of chunk.files) {
               if (file.endsWith(".js")) {
-                const cleanName = chunk.name + ".js"; // igual que Rollup
+                const cleanName = chunk.name + ".js"; // same as Rollup
                 this.manifestData[cleanName] = file; // hashed JS file
               }
             }
           }
 
-          // Emitir manifest.json
+          // Emit manifest.json
           const json = JSON.stringify(this.manifestData, null, 2);
 
           compilation.emitAsset(

package/dinou/webpack/plugins/server-functions-plugin.js

@@ -1,6 +1,3 @@
-// webpack-server-functions-plugin-simple.js
-const path = require("path");
-const fs = require("fs");
 const manifestGeneratorPlugin = require("./manifest-generator-plugin");
 
 class WebpackServerFunctionsPluginSimple {
@@ -12,7 +9,7 @@ class WebpackServerFunctionsPluginSimple {
     const { webpack } = compiler;
     const { Compilation, sources } = webpack;
 
-    // Recopilar archivos generados por el loader
+    // Collect files generated by the loader
     compiler.hooks.thisCompilation.tap(
       "WebpackServerFunctionsPluginSimple",
       (compilation) => {
@@ -22,11 +19,9 @@ class WebpackServerFunctionsPluginSimple {
             stage: Compilation.PROCESS_ASSETS_STAGE_REPORT,
           },
           (assets) => {
-            // 1. Reemplazar placeholder
+            // 1. Replace placeholder
             const manifest = manifestGeneratorPlugin.manifestData;
-            const hashedPath =
-              // "/" +
-              manifest["serverFunctionProxy.js"] || "serverFunctionProxy.js";
+            const hashedPath = manifest["serverFunctionProxy.js"] || "serverFunctionProxy.js";
 
             for (const [filename, asset] of Object.entries(assets)) {
               if (filename.endsWith(".js")) {
@@ -41,7 +36,7 @@ class WebpackServerFunctionsPluginSimple {
               }
             }
 
-            // 2. Recopilar todos los archivos de server functions
+            // 2. Collect all server function files
             const serverFunctionsManifest = {};
 
             for (const [filename, asset] of Object.entries(assets)) {
@@ -54,15 +49,15 @@ class WebpackServerFunctionsPluginSimple {
                   const entry = JSON.parse(content);
                   serverFunctionsManifest[entry.path] = entry.exports;
 
-                  // Eliminar este archivo temporal
+                  // Delete this temporary file
                   delete assets[filename];
                 } catch (e) {
-                  // Ignorar errores de parsing
+                  // Ignore parsing errors
                 }
               }
             }
 
-            // 3. Generar manifest final
+            // 3. Generate final manifest
             const manifestContent = JSON.stringify(
               serverFunctionsManifest,
               null,