fix preload

Author: codehz

build.ts

@@ -1,5 +1,6 @@
 import { Glob, Transpiler, fileURLToPath, pathToFileURL } from "bun";
-import { basename, join, relative } from "node:path";
+import { basename, join, parse, relative } from "node:path";
+import { hashremap } from "./hash";
 
 function escapeRegExp(string: string) {
   return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"); // $& means the whole matched string
@@ -105,8 +106,12 @@ export async function build({
       const path = relative(outdir, output.path);
       if (output.kind === "entry-point" && output.hash) {
         hashed[`/${path}`] = output.hash;
+        const imports = transpiler.scanImports(await output.text());
+        dependencies[`/${hashremap(path, output.hash)}`] = imports
+          .filter((x) => x.kind === "import-statement")
+          .map((x) => "/" + join(path, "..", x.path));
       }
-      if (output.kind === "entry-point" || output.kind === "chunk") {
+      if (output.kind === "chunk") {
         const imports = transpiler.scanImports(await output.text());
         dependencies[`/${path}`] = imports
           .filter((x) => x.kind === "import-statement")

bun.lockb

@@ -1,15 +1,21 @@
+import { Clock } from "../../components/Clock";
+
 export default function User(props: any) {
   return (
     <div>
       user {JSON.stringify(props)}
       <div onClick={() => history.back()}>back</div>
+      <Clock time={props.time} />
     </div>
   );
 }
 
 export function getServerSideProps(props: any) {
   console.log("some secret");
   return {
-    props,
+    props: {
+      ...props,
+      time: new Date(),
+    },
   };
 }

example/pages/users/[id].tsx

@@ -144,12 +144,17 @@ export class StaticRouters {
         headers: { Location: result.redirect },
       });
     }
+    const hashedBootstrapModules = bootstrapModules?.map((name) => {
+      const hash = this.#hashed[name];
+      if (hash) return hashremap(name, hash);
+      return name;
+    });
     const stream = await renderToReadableStream(
       <Shell route={serverSide.pathname + search} {...staticProps} {...result}>
         <MetaContext.Provider
           value={{ hash: this.#hashed, dependencies: this.#dependencies }}
         >
-          {bootstrapModules?.map((name, idx) => (
+          {hashedBootstrapModules?.map((name, idx) => (
             <PreloadModule key={idx} module={name} />
           ))}
           <PreloadModule
@@ -170,11 +175,7 @@ export class StaticRouters {
         ]
           .filter(Boolean)
           .join(";"),
-        bootstrapModules: bootstrapModules?.map((name) => {
-          const hash = this.#hashed[name];
-          if (hash) return hashremap(name, hash);
-          return name;
-        }),
+        bootstrapModules: hashedBootstrapModules,
         onError,
       }
     );

index.tsx

@@ -14,8 +14,8 @@
   "license": "MIT",
   "type": "module",
   "devDependencies": {
-    "typescript": "^5.6.3",
-    "@types/bun": "^1.1.12",
+    "typescript": "^5.7.2",
+    "@types/bun": "^1.1.14",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "bun-plugin-dts": "^0.2.4"