dinou 4.0.0 → 4.0.2

package/CHANGELOG.md

@@ -5,6 +5,18 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/).
 
+## [4.0.2]
+
+### Fixed
+
+- Export dinou as ESM too.
+
+## [4.0.1]
+
+### Fixed
+
+- Starting sequence of the server (generate static pages on background).
+
 ## [4.0.0]
 
 ### 🚀 Major Release

package/README.md

@@ -1,5 +1,7 @@
 # **Dinou**
 
+[![Documentation](https://img.shields.io/badge/docs-dinou.dev-blue?style=flat-square)](https://dinou.dev)
+
 ### **Full-Stack React 19 Framework**
 
 ---
@@ -1314,7 +1316,7 @@ Netlify is currently incompatible because it does not support passing custom Nod
 Ensure your platform allows customization of the start command. Your start command should look like:
 
 ```bash
-node --conditions react-server dist3/index.js
+node --conditions react-server ...
 ```
 
 _(Or use `npm start` if your package.json scripts are configured correctly)._

package/dinou/core/render-html.js

@@ -119,10 +119,10 @@ function formatErrorHtmlProduction(error) {
 
 function writeErrorOutput(error, isProd) {
   process.stdout.write(
-    isProd ? formatErrorHtmlProduction(error) : formatErrorHtml(error)
+    isProd ? formatErrorHtmlProduction(error) : formatErrorHtml(error),
   );
   process.stderr.write(
-    JSON.stringify({ error: error.message, stack: error.stack })
+    JSON.stringify({ error: error.message, stack: error.stack }),
   );
 }
 
@@ -132,7 +132,7 @@ async function renderToStream(
   serializedBox,
   isDynamic,
   hasJsxJson,
-  jsxJson
+  jsxJson,
 ) {
   const context = {
     req: serializedBox.req,
@@ -146,12 +146,12 @@ async function renderToStream(
         isDynamic ||
         !hasJsxJson
           ? renderJSXToClientJSX(
-              await getJSX(reqPath, query, isNotFound, isDevelopment)
+              await getJSX(reqPath, query, isNotFound, isDevelopment),
             )
-          : (await getSSGJSX(jsxJson)) ??
+          : ((await getSSGJSX(jsxJson)) ??
             renderJSXToClientJSX(
-              await getJSX(reqPath, query, isNotFound, isDevelopment)
-            );
+              await getJSX(reqPath, query, isNotFound, isDevelopment),
+            ));
       if (isNotFound.value) {
         context.res.status(404);
       }
@@ -171,7 +171,7 @@ async function renderToStream(
                 reqPath,
                 query,
                 error,
-                isDevelopment
+                isDevelopment,
               );
 
               if (!context.res.headersSent) context.res.status(500);
@@ -200,11 +200,11 @@ async function renderToStream(
                     ].filter(Boolean)
                   : [getAssetFromManifest("error.js")],
                 bootstrapScriptContent: `window.__DINOU_ERROR_MESSAGE__=${JSON.stringify(
-                  error.message || "Unknown error"
+                  error.message || "Unknown error",
                 )};window.__DINOU_ERROR_NAME__=${JSON.stringify(error.name)};${
                   isDevelopment
                     ? `window.__DINOU_ERROR_STACK__=${JSON.stringify(
-                        error.stack || "No stack trace available"
+                        error.stack || "No stack trace available",
                       )};`
                     : ""
                 }${
@@ -244,19 +244,19 @@ async function renderToStream(
         JSON.stringify({
           error: error.message,
           stack: error.stack,
-        })
+        }),
       );
       process.exit(1);
     }
   });
 }
 
-const reqPath = process.argv[2];
-const query = JSON.parse(process.argv[3]);
+const reqPath = process.argv[2] || "/";
+const query = JSON.parse(process.argv[3] || "{}");
 const serializedBox = JSON.parse(process.argv[4] || "{}");
 const isDynamic = process.argv[5] === "true";
 const hasJsxJson = process.argv[6] === "true";
-const jsxJson = JSON.parse(process.argv[7]);
+const jsxJson = JSON.parse(process.argv[7] || "{}");
 
 process.on("uncaughtException", (error) => {
   process.stdout.write(formatErrorHtml(error));
@@ -264,7 +264,7 @@ process.on("uncaughtException", (error) => {
     JSON.stringify({
       error: error.message,
       stack: error.stack,
-    })
+    }),
   );
   process.exit(1);
 });
@@ -276,7 +276,7 @@ process.on("unhandledRejection", (reason) => {
     JSON.stringify({
       error: error.message,
       stack: error.stack,
-    })
+    }),
   );
   process.exit(1);
 });
@@ -287,7 +287,7 @@ renderToStream(
   serializedBox,
   isDynamic,
   hasJsxJson,
-  jsxJson
+  jsxJson,
 ).catch((err) => {
   console.error("❌ Fatal error starting render stream:", err);
   process.exit(1);

package/dinou/core/server.js

@@ -436,42 +436,14 @@ function getContextForServerFunctionEndpoint(req, res) {
 
 app.use(express.static(path.resolve(process.cwd(), outputFolder)));
 
-// app.use((req, res, next) => {
-//   // Make sure NOT to return 200 if what is requested is a .js that doesn't exist
-//   if (
-//     req.path.endsWith(".js") ||
-//     req.path.endsWith(".css") ||
-//     req.path.endsWith(".png") ||
-//     req.path.endsWith(".jpg") ||
-//     req.path.endsWith(".svg") ||
-//     req.path.endsWith(".webp") ||
-//     req.path.endsWith(".ico") ||
-//     req.path.endsWith(".json")
-//   ) {
-//     return res.status(404).send("Not found");
-//   }
-//   next();
-//   // ... Dinou rendering ...
-// });
-
 let isReady = isDevelopment; // In dev we are always ready (or almost)
 
-// 1. "Blocking" Middleware (Put BEFORE your Dinou routes, but AFTER express.static)
-// Ideal order:
-// app.use(express.static(...));
-// app.use(404AssetsMiddlewareWeMadeBefore);
-
-app.use((req, res, next) => {
-  // If we are in PROD and generateStatic hasn't finished yet...
-  if (!isReady) {
-    // Optional: Allow health-checks or assets if you want
-    // if (req.path.endsWith('.js')) return next();
-
-    // Return 503 (Service Unavailable)
-    // Playwright understands that 503 means "Keep waiting"
-    return res.status(503).send("Server warming up (generating static)...");
-  }
-  next();
+app.get("/__DINOU_STATUS_PLAYWRIGHT__", (req, res) => {
+  res.json({
+    status: "ok",
+    isReady,
+    mode: isDevelopment ? "development" : "production",
+  });
 });
 
 app.get("/.well-known/appspecific/com.chrome.devtools.json", (req, res) => {
@@ -759,8 +731,8 @@ app.get(/^\/.*\/?$/, (req, res) => {
           if (
             !isDevelopment &&
             res.statusCode === 200 && // Only if success
-            req.method === "GET" // Only GET requests
-            /*Object.keys({ ...req.query }).length === 0*/ // No query params (avoid infinite duplicates)
+            req.method === "GET" && // Only GET requests
+            isReady
           ) {
             generatingISG(reqPath, dynamicState);
           }
@@ -983,70 +955,54 @@ const port = process.env.PORT || 3000;
 
 const http = require("http");
 
-// Wrap the entire startup in an async IIFE to use await cleanly
+// ============================================================
+// STARTUP SEQUENCE
+// ============================================================
 (async () => {
   try {
-    // ============================================================
-    // PHASE 1: STATIC GENERATION (Build Time)
-    // ============================================================
-    // We do this BEFORE creating the server. This way, if generateStatic
-    // performs aggressive memory cleanups, it doesn't kill the HTTP server.
-    if (!isDevelopment) {
-      console.log("🏗️  [Startup] Starting static generation (SSG/ISR)...");
-      try {
-        await generateStatic();
-        console.log("✅ [Startup] Static generation finished successfully.");
-      } catch (buildError) {
-        console.error("❌ [Startup] Static generation failed:", buildError);
-        // Depending on your policy, you could exit (process.exit(1)) or continue
-        // If you decide to continue, the server will start but files might be missing.
-        process.exit(1);
-      }
-    } else {
-      console.log(
-        "⚙️  [Startup] Running in Development Mode (Dynamic Rendering)"
-      );
-    }
-
-    // ============================================================
-    // PHASE 2: SERVER CREATION
-    // ============================================================
     console.log("👉 [Startup] Initializing HTTP Server...");
-
-    // We pass 'app' to createServer. This decouples Express from the network.
     const server = http.createServer(app);
 
-    // ============================================================
-    // PHASE 3: ERROR HANDLING (Anti-Zombies)
-    // ============================================================
-    // This captures errors like EADDRINUSE before they silently crash the process
+    // 2. ERROR HANDLING (Anti-Zombies)
     server.on("error", (error) => {
       if (error.code === "EADDRINUSE") {
         console.error(`\n❌ FATAL ERROR: Port ${port} is already in use!`);
-        console.error(
-          `   Cause: A previous instance, a zombie test runner, or another app is holding the port.`
-        );
-        console.error(
-          `   Action: Run 'netstat -ano | findstr :${port}' (Win) or 'lsof -i :${port}' to find the PID and kill it.\n`
-        );
       } else {
         console.error("❌ [Server Error]:", error);
       }
-      process.exit(1); // Explicitly exit with error code
+      process.exit(1);
     });
 
-    // ============================================================
-    // PHASE 4: STARTUP (Listen)
-    // ============================================================
-    server.listen(port, () => {
-      isReady = true;
-      console.log(
-        `\n🚀 Dinou Server is ready and listening on http://localhost:${port}`
-      );
-      console.log(
-        `   Environment: ${isDevelopment ? "Development" : "Production"}\n`
-      );
+    await new Promise((resolve) => {
+      server.listen(port, () => {
+        console.log(
+          `\n🚀 Dinou Server is ready and listening on http://localhost:${port}`
+        );
+        console.log(
+          `   Environment: ${isDevelopment ? "Development" : "Production"}`
+        );
+        resolve();
+      });
     });
+
+    if (!isDevelopment) {
+      console.log("🏗️  [Background] Starting static generation (SSG)...");
+
+      generateStatic()
+        .then(() => {
+          console.log("✅ [Background] Static generation finished.");
+          isReady = true;
+        })
+        .catch((err) => {
+          console.error(
+            "❌ [Background] Static generation failed (App continues in Dynamic Mode):",
+            err
+          );
+          isReady = true;
+        });
+    } else {
+      console.log("⚙️  [Startup] Running in Development Mode");
+    }
   } catch (error) {
     console.error("💥 [Fatal Startup Error]:", error);
     process.exit(1);

package/dinou/index.mjs

@@ -0,0 +1,13 @@
+// dinou/index.mjs
+import dinou from "./index.js";
+
+export const getContext = dinou.getContext;
+export const usePathname = dinou.usePathname;
+export const useSearchParams = dinou.useSearchParams;
+export const useRouter = dinou.useRouter;
+export const useNavigationLoading = dinou.useNavigationLoading;
+export const redirect = dinou.redirect;
+export const ClientRedirect = dinou.ClientRedirect;
+export const Link = dinou.Link;
+
+export default dinou;

package/dinou/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "dinou",
+  "version": "4.0.1",
+  "main": "index.js",
+  "private": true,
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
+  },
+  "types": "./index.d.ts",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "dependencies": {
+    "@babel/core": "^7.27.4",
+    "@babel/parser": "^7.28.3",
+    "@babel/plugin-syntax-import-meta": "^7.10.4",
+    "@babel/plugin-transform-modules-commonjs": "^7.27.1",
+    "@babel/preset-react": "^7.27.1",
+    "@babel/preset-typescript": "^7.27.1",
+    "@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",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-replace": "^6.0.2",
+    "@tailwindcss/postcss": "^4.1.10",
+    "autoprefixer": "^10.4.21",
+    "babel-loader": "^10.0.0",
+    "chokidar": "^4.0.3",
+    "commander": "^14.0.0",
+    "concurrently": "^9.2.0",
+    "cookie-parser": "^1.4.7",
+    "copy-webpack-plugin": "^13.0.1",
+    "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",
+    "express": "^5.1.0",
+    "generic-names": "^4.0.0",
+    "loader-utils": "^3.3.1",
+    "mini-css-extract-plugin": "^2.9.4",
+    "postcss": "^8.5.5",
+    "postcss-import": "^16.1.1",
+    "postcss-loader": "^8.2.0",
+    "postcss-modules": "^6.0.1",
+    "react-refresh": "^0.17.0",
+    "react-server-dom-webpack": "^19.2.3",
+    "rollup": "^4.46.2",
+    "rollup-plugin-copy": "^3.5.0",
+    "rollup-plugin-delete": "^3.0.1",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-tsconfig-paths": "^1.5.2",
+    "tailwindcss": "^4.1.10",
+    "tsconfig-paths": "^4.2.0",
+    "tsconfig-paths-webpack-plugin": "^4.2.0",
+    "webpack": "^5.103.0",
+    "webpack-cli": "^6.0.1",
+    "webpack-dev-server": "^5.2.2",
+    "ws": "^8.18.3"
+  },
+  "peerDependencies": {
+    "react": ">=19.2.3",
+    "react-dom": ">=19.2.3"
+  }
+}

package/dinou/rollup/rollup.config.js

@@ -20,7 +20,7 @@ const manifestGeneratorPlugin = require("./rollup-plugins/manifest-generator-plu
 const isDevelopment = process.env.NODE_ENV !== "production";
 const outputDirectory = isDevelopment ? "public" : "dist3";
 
-const localDinouPath = path.resolve(process.cwd(), "dinou/index.js");
+const localDinouPath = path.resolve(process.cwd(), "dinou");
 // const localNavigationPath = path.resolve(
 //   process.cwd(),
 //   "dinou/core/navigation.js"
@@ -30,7 +30,7 @@ const isEjected = fs.existsSync(localDinouPath);
 console.log(
   isEjected
     ? "🚀 [Dinou] Ejected Mode detected (Using local code)"
-    : "📦 [Dinou] Library Mode detected (Using node_modules)"
+    : "📦 [Dinou] Library Mode detected (Using node_modules)",
 );
 
 // ----------------------------------------------------------------------
@@ -60,21 +60,21 @@ module.exports = async function () {
       ? {
           runtime: path.resolve(
             __dirname,
-            "react-refresh/react-refresh-runtime.js"
+            "react-refresh/react-refresh-runtime.js",
           ),
           refresh: path.resolve(
             __dirname,
-            "react-refresh/react-refresh-entry.js"
+            "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"
+            "../core/server-function-proxy.js",
           ),
           dinouClientRedirect: path.resolve(
             __dirname,
-            "../core/client-redirect.jsx"
+            "../core/client-redirect.jsx",
           ),
         }
       : {
@@ -82,11 +82,11 @@ module.exports = async function () {
           error: path.resolve(__dirname, "../core/client-error.jsx"),
           serverFunctionProxy: path.resolve(
             __dirname,
-            "../core/server-function-proxy.js"
+            "../core/server-function-proxy.js",
           ),
           dinouClientRedirect: path.resolve(
             __dirname,
-            "../core/client-redirect.jsx"
+            "../core/client-redirect.jsx",
           ),
         },
     output: {
@@ -110,7 +110,7 @@ module.exports = async function () {
       // "dinou",
     ],
     plugins: [
-      isEjected && localDinouAlias(),
+      // isEjected && localDinouAlias(),
       del({
         targets: [
           `${outputDirectory}/*`,
@@ -124,7 +124,7 @@ module.exports = async function () {
       replace({
         preventAssignment: true,
         "process.env.NODE_ENV": JSON.stringify(
-          isDevelopment ? "development" : "production"
+          isDevelopment ? "development" : "production",
         ),
       }),
       json(),
@@ -176,7 +176,7 @@ module.exports = async function () {
       reactClientManifest({
         manifestPath: path.join(
           "react_client_manifest",
-          "react-client-manifest.json"
+          "react-client-manifest.json",
         ),
       }),
       isDevelopment && reactRefreshWrapModules(),
@@ -199,10 +199,10 @@ module.exports = async function () {
       }
       if (
         warning.message.includes(
-          'Module level directives cause errors when bundled, "use client"'
+          'Module level directives cause errors when bundled, "use client"',
         ) ||
         warning.message.includes(
-          'Module level directives cause errors when bundled, "use server"'
+          'Module level directives cause errors when bundled, "use server"',
         )
       ) {
         return;

package/dinou/webpack/webpack.config.js

@@ -28,33 +28,38 @@ function getConfigFileIfExists() {
 
 const configFile = getConfigFileIfExists();
 
-const localDinouPath = path.resolve(process.cwd(), "dinou/index.js");
+const localDinouPath = path.resolve(process.cwd(), "dinou");
 const isEjected = fs.existsSync(localDinouPath);
 
 console.log(
   isEjected
     ? "🚀 [Dinou] Ejected Mode detected (Webpack: Using local code)"
-    : "📦 [Dinou] Library Mode detected (Webpack: Using node_modules)"
+    : "📦 [Dinou] Library Mode detected (Webpack: Using node_modules)",
 );
 
 module.exports = async () => {
   const [cssEntries] = await getCSSEntries();
   return {
+    performance: {
+      hints: isDevelopment ? false : "warning",
+      maxEntrypointSize: 512000,
+      maxAssetSize: 512000,
+    },
     mode: isDevelopment ? "development" : "production",
     entry: {
       main: [path.resolve(__dirname, "../core/client-webpack.jsx")].filter(
-        Boolean
+        Boolean,
       ),
       error: [
         path.resolve(__dirname, "../core/client-error-webpack.jsx"),
       ].filter(Boolean),
       serverFunctionProxy: path.resolve(
         __dirname,
-        "../core/server-function-proxy-webpack.js"
+        "../core/server-function-proxy-webpack.js",
       ),
       dinouClientRedirect: path.resolve(
         __dirname,
-        "../core/client-redirect.jsx"
+        "../core/client-redirect.jsx",
       ),
       dinouLink: path.resolve(__dirname, "../core/link.jsx"),
       ...[...cssEntries].reduce(
@@ -62,7 +67,7 @@ module.exports = async () => {
           ...acc,
           [cssEntry.outfileName]: cssEntry.absPath,
         }),
-        {}
+        {},
       ),
     },
     experiments: {
@@ -95,12 +100,12 @@ module.exports = async () => {
 
         {
           test: /\.(js|jsx|ts|tsx)$/,
-          include: [
-            path.resolve(process.cwd(), "src"),
-            path.resolve(__dirname, "../core"),
-            path.resolve(process.cwd(), "node_modules/dinou"),
-            isEjected && path.resolve(process.cwd(), "dinou"),
-          ].filter(Boolean),
+          // include: [
+          //   path.resolve(process.cwd(), "src"),
+          //   path.resolve(__dirname, "../core"),
+          //   path.resolve(process.cwd(), "node_modules/dinou"),
+          //   isEjected && path.resolve(process.cwd(), "dinou"),
+          // ].filter(Boolean),
           use: {
             loader: "babel-loader",
             options: {
@@ -127,7 +132,7 @@ module.exports = async () => {
             {
               loader: path.resolve(
                 __dirname,
-                "./loaders/server-functions-loader.js"
+                "./loaders/server-functions-loader.js",
               ),
             },
           ],
@@ -182,7 +187,7 @@ module.exports = async () => {
 
               const base = path.basename(
                 resourcePath,
-                path.extname(resourcePath)
+                path.extname(resourcePath),
               );
               const scoped = createScopedName(base, resourcePath);
 
@@ -218,6 +223,10 @@ module.exports = async () => {
     resolve: {
       extensions: [".js", ".jsx", ".ts", ".tsx"],
       modules: ["src", "node_modules"],
+      extensionAlias: {
+        ".js": [".js", ".ts", ".tsx"],
+        ".jsx": [".jsx", ".tsx"],
+      },
       // 🎯 ADD THIS:
       alias: {
         ...(isEjected ? { dinou: localDinouPath } : {}),

package/eject.js

@@ -1,14 +1,20 @@
 const fs = require("fs");
 const path = require("path");
+const { execSync } = require("child_process");
 
 const dinouPath = path.resolve(__dirname, "dinou");
 const projectRoot = process.cwd();
 
+console.log("🚀 Starting Dinou ejecting process...");
+
 fs.cpSync(dinouPath, path.join(projectRoot, "dinou"), {
   recursive: true,
 });
+console.log("✅ Files copyed to ./dinou");
+
+const pkgPath = path.join(projectRoot, "package.json");
+const pkg = require(pkgPath);
 
-const pkg = require(path.join(projectRoot, "package.json"));
 pkg.scripts["dev:express"] =
   "node --conditions react-server --import ./dinou/core/register-loader.mjs ./dinou/core/server.js";
 pkg.scripts["dev_rollup"] = "rollup -c ./dinou/rollup/rollup.config.js -w";
@@ -39,9 +45,50 @@ pkg.scripts["start:webpack"] =
   "cross-env NODE_ENV=production DINOU_BUILD_TOOL=webpack node --conditions react-server --import ./dinou/core/register-loader.mjs ./dinou/core/server.js";
 pkg.scripts.start = "npm run start:esbuild";
 delete pkg.scripts.eject;
-fs.writeFileSync(
-  path.join(projectRoot, "package.json"),
-  JSON.stringify(pkg, null, 2)
-);
 
-console.log("Eject completed. Now you can customize the files in /dinou.");
+if (!pkg.dependencies) {
+  pkg.dependencies = {};
+}
+
+pkg.dependencies["dinou"] = "file:./dinou";
+
+fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2));
+
+function detectPackageManager() {
+  const userAgent = process.env.npm_config_user_agent;
+
+  if (userAgent) {
+    if (userAgent.startsWith("yarn")) return "yarn";
+    if (userAgent.startsWith("pnpm")) return "pnpm";
+    if (userAgent.startsWith("bun")) return "bun";
+    if (userAgent.startsWith("npm")) return "npm";
+  }
+
+  if (fs.existsSync(path.join(projectRoot, "yarn.lock"))) return "yarn";
+  if (fs.existsSync(path.join(projectRoot, "pnpm-lock.yaml"))) return "pnpm";
+  if (fs.existsSync(path.join(projectRoot, "bun.lockb"))) return "bun";
+  if (fs.existsSync(path.join(projectRoot, "package-lock.json"))) return "npm";
+
+  return "npm";
+}
+
+const pm = detectPackageManager();
+console.log(`🕵️  Package manager detected: ${pm}`);
+
+// const installCommand = pm === "yarn" ? "yarn" : `${pm} install`;
+const installCommand = `${pm} install`;
+
+console.log(`📦 Executing '${installCommand}' to link dependencies...`);
+
+try {
+  execSync(installCommand, { stdio: "inherit", cwd: projectRoot });
+  console.log("✅ Dependencies updated successfully");
+} catch (error) {
+  console.error(
+    `❌ Error on executing ${installCommand}. Please, install dependencies manually`,
+  );
+}
+
+console.log(
+  "🎉 Eject completed successfully! Dinou is now running from local source.",
+);

package/package.json

@@ -1,13 +1,16 @@
 {
   "name": "dinou",
-  "version": "4.0.0",
+  "version": "4.0.2",
   "description": "Modern Full-Stack React 19 framework with React Server Components, Server Functions, and Streaming SSR.",
   "main": "index.js",
   "bin": {
     "dinou": "./cli.js"
   },
   "exports": {
-    ".": "./dinou/index.js"
+    ".": {
+      "import": "./dinou/index.mjs",
+      "require": "./dinou/index.js"
+    }
   },
   "types": "./dinou/index.d.ts",
   "scripts": {