dinou 2.4.0 → 2.4.1

package/CHANGELOG.md

@@ -5,6 +5,12 @@ 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/).
 
+## [2.4.1]
+
+### Fixed
+
+- Use hashed names for bundled files in production.
+
 ## [2.4.0]
 
 ### Fixed

package/dinou/core/get-asset-from-manifest.js

@@ -0,0 +1,18 @@
+const fs = require("fs");
+const path = require("path");
+
+let manifest = {};
+let read = false;
+
+function getAssetFromManifest(name) {
+  if (process.env.NODE_ENV === "production" && !read) {
+    const manifestPath = path.resolve(process.cwd(), "dist3/manifest.json");
+    if (fs.existsSync(manifestPath)) {
+      manifest = JSON.parse(fs.readFileSync(manifestPath, "utf-8"));
+      read = true;
+    }
+  }
+  return "/" + (manifest[name] || name);
+}
+
+module.exports = getAssetFromManifest;

package/dinou/core/render-html.js

@@ -23,7 +23,7 @@ addHook({
   },
   publicPath: "/assets/",
 });
-
+const getAssetFromManifest = require("./get-asset-from-manifest.js");
 const { renderToPipeableStream } = require("react-dom/server");
 const getJSX = require("./get-jsx");
 const getSSGJSX = require("./get-ssg-jsx.js");
@@ -157,7 +157,7 @@ async function renderToStream(reqPath, query, cookies = {}) {
                 writeErrorOutput(error, isProd);
                 process.exit(1);
               },
-              bootstrapModules: ["/error.js"],
+              bootstrapModules: [getAssetFromManifest("error.js")],
               bootstrapScriptContent: `window.__DINOU_ERROR_MESSAGE__=${JSON.stringify(
                 error.message || "Unknown error"
               )};window.__DINOU_ERROR_STACK__=${JSON.stringify(
@@ -175,8 +175,8 @@ async function renderToStream(reqPath, query, cookies = {}) {
         stream.pipe(process.stdout);
       },
       bootstrapModules: isDevelopment
-        ? ["/main.js", "/runtime.js"]
-        : ["/main.js"],
+        ? [getAssetFromManifest("main.js"), getAssetFromManifest("runtime.js")]
+        : [getAssetFromManifest("main.js")],
       ...(isDevelopment
         ? {
             bootstrapScriptContent: `window.HMR_WEBSOCKET_URL="ws://localhost:3001";`,

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

@@ -0,0 +1,25 @@
+let manifestData = {};
+
+function manifestGeneratorPlugin() {
+  return {
+    name: "manifest-generator",
+    generateBundle(options, bundle) {
+      for (const [fileName, info] of Object.entries(bundle)) {
+        if (info.type === "chunk" && info.name) {
+          const cleanName = info.name + ".js";
+          manifestData[cleanName] = fileName;
+        }
+      }
+
+      this.emitFile({
+        type: "asset",
+        fileName: "manifest.json",
+        source: JSON.stringify(manifestData, null, 2),
+      });
+    },
+  };
+}
+
+manifestGeneratorPlugin.manifestData = manifestData;
+
+module.exports = manifestGeneratorPlugin;

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

@@ -2,6 +2,7 @@
 const path = require("path");
 const parser = require("@babel/parser");
 const traverse = require("@babel/traverse").default;
+const manifestGeneratorPlugin = require("./manifest-generator-plugin");
 
 function parseExports(code) {
   const ast = parser.parse(code, {
@@ -51,7 +52,7 @@ function serverFunctionsPlugin() {
 
       // Generamos un módulo que exporta proxies en lugar del código real
       let proxyCode = `
-        import { createServerFunctionProxy } from "/serverFunctionProxy.js";
+        import { createServerFunctionProxy } from "/__SERVER_FUNCTION_PROXY__";
       `;
 
       for (const exp of exports) {
@@ -73,6 +74,23 @@ function serverFunctionsPlugin() {
         map: null,
       };
     },
+    // 🪄 After manifest exists, replace the placeholder with the final URL
+    generateBundle(options, bundle) {
+      const manifest = manifestGeneratorPlugin.manifestData;
+      const hashedPath =
+        "/" + (manifest["serverFunctionProxy.js"] || "serverFunctionProxy.js");
+
+      for (const file of Object.keys(bundle)) {
+        const chunk = bundle[file];
+        if (chunk.type === "asset" || !chunk.code) continue;
+        if (chunk.code.includes("/__SERVER_FUNCTION_PROXY__")) {
+          chunk.code = chunk.code.replace(
+            /\/__SERVER_FUNCTION_PROXY__/g,
+            hashedPath
+          );
+        }
+      }
+    },
   };
 }
 

package/dinou/rollup.config.js

@@ -14,6 +14,7 @@ const dinouAssetPlugin = require("./rollup-plugins/dinou-asset-plugin.js");
 const tsconfigPaths = require("rollup-plugin-tsconfig-paths");
 const serverFunctionsPlugin = require("./rollup-plugins/rollup-plugin-server-functions");
 const { regex } = require("./core/asset-extensions.js");
+const manifestGeneratorPlugin = require("./rollup-plugins/manifest-generator-plugin.js");
 
 const isDevelopment = process.env.NODE_ENV !== "production";
 const outputDirectory = isDevelopment ? "public" : "dist3";
@@ -49,10 +50,14 @@ module.exports = async function () {
     output: {
       dir: outputDirectory,
       format: "esm",
-      entryFileNames: "[name].js",
-      chunkFileNames: "[name].js",
+      entryFileNames: isDevelopment ? "[name].js" : "[name]-[hash].js",
+      chunkFileNames: isDevelopment ? "[name].js" : "[name]-[hash].js",
     },
-    external: ["/refresh.js", "/__hmr_client__.js", "/serverFunctionProxy.js"],
+    external: [
+      "/refresh.js",
+      "/__hmr_client__.js",
+      "/__SERVER_FUNCTION_PROXY__",
+    ],
     plugins: [
       del({
         targets: `${outputDirectory}/*`,
@@ -117,6 +122,7 @@ module.exports = async function () {
       }),
       isDevelopment && reactRefreshWrapModules(),
       isDevelopment && esmHmrPlugin(),
+      !isDevelopment && manifestGeneratorPlugin(),
       serverFunctionsPlugin(),
     ].filter(Boolean),
     watch: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dinou",
-  "version": "2.4.0",
+  "version": "2.4.1",
   "description": "Dinou is a modern React 19 framework with React Server Components, Server Functions, and streaming SSR. Built with Rollup for better performance and developer experience.",
   "main": "index.js",
   "bin": {