@absolutejs/absolute 0.7.0 → 0.8.1

package/dist/index.js

@@ -9821,9 +9821,94 @@ import { join as join3 } from "path";
 import { cwd, exit } from "process";
 var {$, build: bunBuild } = globalThis.Bun;
 
-// src/build/compileSvelte.ts
-import { mkdir } from "fs/promises";
+// src/build/generateManifest.ts
+var generateManifest = (outputs, buildDirectoryAbsolute) => {
+  const manifest = outputs.reduce((accumulator, artifact) => {
+    let relativePath = artifact.path.startsWith(buildDirectoryAbsolute) ? artifact.path.slice(buildDirectoryAbsolute.length) : artifact.path;
+    relativePath = relativePath.replace(/^\/+/, "");
+    const segments = relativePath.split("/");
+    const fileWithHash = segments[segments.length - 1];
+    if (!fileWithHash)
+      return accumulator;
+    const [baseName] = fileWithHash.split(`.${artifact.hash}.`);
+    if (relativePath.includes("svelte/pages")) {
+      accumulator[baseName] = artifact.path;
+    } else if (relativePath.includes("svelte/indexes")) {
+      accumulator[`${baseName}Index`] = `/${relativePath}`;
+    } else {
+      accumulator[baseName] = `/${relativePath}`;
+    }
+    return accumulator;
+  }, {});
+  return manifest;
+};
+
+// src/build/generateReactIndexes.ts
+import { mkdir, rm, writeFile } from "fs/promises";
 import { basename, join } from "path";
+var {Glob } = globalThis.Bun;
+var generateReactIndexFiles = async (reactPagesDirectory, reactIndexesDirectory) => {
+  await rm(reactIndexesDirectory, { force: true, recursive: true });
+  await mkdir(reactIndexesDirectory);
+  const pagesGlob = new Glob("*.*");
+  const files = [];
+  for await (const file of pagesGlob.scan({ cwd: reactPagesDirectory })) {
+    files.push(file);
+  }
+  const promises = files.map(async (file) => {
+    const fileName = basename(file);
+    const [componentName] = fileName.split(".");
+    const content = [
+      `import { hydrateRoot } from 'react-dom/client';`,
+      `import type { ComponentType } from 'react'`,
+      `import { ${componentName} } from '../pages/${componentName}';
+`,
+      `type PropsOf<C> = C extends ComponentType<infer P> ? P : never;
+`,
+      `declare global {`,
+      `	interface Window {`,
+      `		__INITIAL_PROPS__: PropsOf<typeof ${componentName}>`,
+      `	}`,
+      `}
+`,
+      `hydrateRoot(document, <${componentName} {...window.__INITIAL_PROPS__} />);`
+    ].join(`
+`);
+    return writeFile(join(reactIndexesDirectory, `${componentName}Index.tsx`), content);
+  });
+  await Promise.all(promises);
+};
+
+// src/build/scanEntryPoints.ts
+var {Glob: Glob2 } = globalThis.Bun;
+var scanEntryPoints = async (dir, pattern) => {
+  const entryPaths = [];
+  const glob = new Glob2(pattern);
+  for await (const file of glob.scan({ absolute: true, cwd: dir })) {
+    entryPaths.push(file);
+  }
+  return entryPaths;
+};
+
+// src/build/updateScriptTags.ts
+import { readFile, writeFile as writeFile2 } from "fs/promises";
+var updateScriptTags = async (manifest, htmlDir) => {
+  const htmlFiles = await scanEntryPoints(htmlDir, "*.html");
+  const tasks = htmlFiles.map(async (filePath) => {
+    const original = await readFile(filePath, "utf8");
+    const updated = Object.entries(manifest).reduce((html, [scriptName, newPath]) => {
+      const esc = scriptName.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+      const regex = new RegExp(`(<script[^>]+src=["'])(/?(?:.*/)?${esc})(?:\\.[^."'/]+)?(\\.js)(["'][^>]*>)`, "g");
+      return html.replace(regex, (_, prefix, __, ___, suffix) => `${prefix}${newPath}${suffix}`);
+    }, original);
+    await writeFile2(filePath, updated, "utf8");
+  });
+  await Promise.all(tasks);
+};
+
+// src/svelte/compileSvelte.ts
+import { mkdir as mkdir2 } from "fs/promises";
+import { basename as basename2, join as join2 } from "path";
 import { env } from "process";
 var {write, file } = globalThis.Bun;
 
@@ -11104,8 +11189,8 @@ function svelte_element_invalid_this(node) {
   w(node, "svelte_element_invalid_this", `\`this\` should be an \`{expression}\`. Using a string attribute value will cause an error in future versions of Svelte
 https://svelte.dev/e/svelte_element_invalid_this`);
 }
-function svelte_self_deprecated(node, name, basename) {
-  w(node, "svelte_self_deprecated", `\`<svelte:self>\` is deprecated \u2014 use self-imports (e.g. \`import ${name} from './${basename}'\`) instead
+function svelte_self_deprecated(node, name, basename2) {
+  w(node, "svelte_self_deprecated", `\`<svelte:self>\` is deprecated \u2014 use self-imports (e.g. \`import ${name} from './${basename2}'\`) instead
 https://svelte.dev/e/svelte_self_deprecated`);
 }
 
@@ -33132,8 +33217,8 @@ function SvelteSelf(node, context) {
   }
   if (context.state.analysis.runes) {
     const name = filename === "(unknown)" ? "Self" : context.state.analysis.name;
-    const basename = filename === "(unknown)" ? "Self.svelte" : filename.split(/[/\\]/).pop();
-    svelte_self_deprecated(node, name, basename);
+    const basename2 = filename === "(unknown)" ? "Self.svelte" : filename.split(/[/\\]/).pop();
+    svelte_self_deprecated(node, name, basename2);
   }
   visit_component(node, context);
 }
@@ -33430,9 +33515,9 @@ function js(script, root, allow_reactive_declarations, parent) {
 }
 function get_component_name(filename2) {
   const parts = filename2.split(/[/\\]/);
-  const basename = parts.pop();
+  const basename2 = parts.pop();
   const last_dir = parts.at(-1);
-  let name = basename.replace(".svelte", "");
+  let name = basename2.replace(".svelte", "");
   if (name === "index" && last_dir && last_dir !== "src") {
     name = last_dir;
   }
@@ -34086,13 +34171,13 @@ var handle_body = (nodes, state) => {
 var handle_var_declaration = (node, state) => {
   const index = state.commands.length;
   const open2 = create_sequence();
-  const join = create_sequence();
+  const join2 = create_sequence();
   const child_state = { ...state, multiline: false };
   state.commands.push(`${node.kind} `, open2);
   let first = true;
   for (const d of node.declarations) {
     if (!first)
-      state.commands.push(join);
+      state.commands.push(join2);
     first = false;
     handle(d, child_state);
   }
@@ -34101,11 +34186,11 @@ var handle_var_declaration = (node, state) => {
     state.multiline = true;
     if (node.declarations.length > 1)
       open2.push(indent);
-    join.push(",", newline);
+    join2.push(",", newline);
     if (node.declarations.length > 1)
       state.commands.push(dedent);
   } else {
-    join.push(", ");
+    join2.push(", ");
   }
 };
 function sequence2(nodes, state, spaces, fn, separator = ",") {
@@ -34113,7 +34198,7 @@ function sequence2(nodes, state, spaces, fn, separator = ",") {
     return;
   const index = state.commands.length;
   const open2 = create_sequence();
-  const join = create_sequence();
+  const join2 = create_sequence();
   const close2 = create_sequence();
   state.commands.push(open2);
   const child_state = { ...state, multiline: false };
@@ -34124,7 +34209,7 @@ function sequence2(nodes, state, spaces, fn, separator = ",") {
     const is_last = i2 === nodes.length - 1;
     if (node) {
       if (!is_first && !prev) {
-        state.commands.push(join);
+        state.commands.push(join2);
       }
       fn(node, child_state);
       if (!is_last) {
@@ -34136,12 +34221,12 @@ function sequence2(nodes, state, spaces, fn, separator = ",") {
           const comment = state.comments.shift();
           state.commands.push({ type: "Comment", comment });
           if (!is_last)
-            state.commands.push(join);
+            state.commands.push(join2);
         }
         child_state.multiline = true;
       } else {
         if (!is_last)
-          state.commands.push(join);
+          state.commands.push(join2);
       }
     } else {
       state.commands.push(separator);
@@ -34153,12 +34238,12 @@ function sequence2(nodes, state, spaces, fn, separator = ",") {
   if (multiline) {
     state.multiline = true;
     open2.push(indent, newline);
-    join.push(newline);
+    join2.push(newline);
     close2.push(dedent, newline);
   } else {
     if (spaces)
       open2.push(" ");
-    join.push(" ");
+    join2.push(" ");
     if (spaces)
       close2.push(" ");
   }
@@ -34384,7 +34469,7 @@ var shared = {
     if (node.typeArguments)
       handle_type_annotation(node.typeArguments, state);
     const open2 = create_sequence();
-    const join = create_sequence();
+    const join2 = create_sequence();
     const close2 = create_sequence();
     state.commands.push("(", open2);
     const child_state = { ...state, multiline: false };
@@ -34404,7 +34489,7 @@ var shared = {
             }
           }
         } else {
-          state.commands.push(join);
+          state.commands.push(join2);
         }
       }
       const p = node.arguments[i2];
@@ -34417,10 +34502,10 @@ var shared = {
     }
     if (multiline) {
       open2.push(indent, newline);
-      join.push(",", newline);
+      join2.push(",", newline);
       close2.push(dedent, newline);
     } else {
-      join.push(", ");
+      join2.push(", ");
     }
   },
   "ClassDeclaration|ClassExpression": (node, state) => {
@@ -42856,39 +42941,38 @@ function remove_bom(source2) {
   return source2;
 }
 
-// src/build/compileSvelte.ts
+// src/svelte/compileSvelte.ts
 var compileSvelte = async (entryPoints, outputDirectory) => {
-  const pagesDir = join(outputDirectory, "pages");
-  const clientDir = join(outputDirectory, "client");
-  const indexesDir = join(outputDirectory, "indexes");
+  const pagesDir = join2(outputDirectory, "pages");
+  const clientDir = join2(outputDirectory, "client");
+  const indexesDir = join2(outputDirectory, "indexes");
   await Promise.all([
-    mkdir(pagesDir, { recursive: true }),
-    mkdir(clientDir, { recursive: true }),
-    mkdir(indexesDir, { recursive: true })
+    mkdir2(clientDir, { recursive: true }),
+    mkdir2(indexesDir, { recursive: true })
   ]);
   const isDev = env.NODE_ENV === "development";
   const builds = await Promise.all(entryPoints.map(async (entry) => {
     const source2 = await file(entry).text();
     const { code: pre } = await preprocess(source2, {});
-    const name = basename(entry, ".svelte");
+    const name = basename2(entry, ".svelte");
     const { js: ssrJs } = compile(pre, {
       css: "injected",
       dev: isDev,
       filename: entry,
       generate: "server"
     });
-    const ssrPath = join(pagesDir, `${name}.js`);
+    const ssrPath = join2(pagesDir, `${name}.js`);
     const { js: clientJs } = compile(pre, {
       css: "injected",
       dev: isDev,
       filename: entry,
       generate: "client"
     });
-    const clientComponentPath = join(clientDir, `${name}.js`);
+    const clientComponentPath = join2(clientDir, `${name}.js`);
     const bootstrap = `import Component from "../client/${name}.js";
 import { hydrate } from "svelte";
 hydrate(Component,{target:document.body,props:window.__INITIAL_PROPS__??{}});`;
-    const clientIndexPath = join(indexesDir, `${name}.js`);
+    const clientIndexPath = join2(indexesDir, `${name}.js`);
     await Promise.all([
       write(ssrPath, ssrJs.code),
       write(clientComponentPath, clientJs.code),
@@ -42902,109 +42986,6 @@ hydrate(Component,{target:document.body,props:window.__INITIAL_PROPS__??{}});`;
   };
 };
 
-// src/build/generateManifest.ts
-var generateManifest = (outputs, buildDirectoryAbsolute) => {
-  const manifest = outputs.reduce((accumulator, artifact) => {
-    let relativePath = artifact.path.startsWith(buildDirectoryAbsolute) ? artifact.path.slice(buildDirectoryAbsolute.length) : artifact.path;
-    relativePath = relativePath.replace(/^\/+/, "");
-    if (relativePath.includes("svelte/pages")) {
-      const segments2 = relativePath.split("/");
-      const fileWithHash2 = segments2[segments2.length - 1];
-      if (!fileWithHash2)
-        return accumulator;
-      const [baseName2] = fileWithHash2.split(`.${artifact.hash}.`);
-      accumulator[`${baseName2}/page`] = artifact.path;
-      return accumulator;
-    }
-    if (relativePath.includes("svelte/indexes")) {
-      const segments2 = relativePath.split("/");
-      const fileWithHash2 = segments2[segments2.length - 1];
-      if (!fileWithHash2)
-        return accumulator;
-      const [baseName2] = fileWithHash2.split(`.${artifact.hash}.`);
-      accumulator[`${baseName2}/index`] = `/${relativePath}`;
-      return accumulator;
-    }
-    const segments = relativePath.split("/");
-    const fileWithHash = segments[segments.length - 1];
-    if (!fileWithHash)
-      return accumulator;
-    const [baseName] = fileWithHash.split(`.${artifact.hash}.`);
-    accumulator[baseName] = `/${relativePath}`;
-    return accumulator;
-  }, {});
-  return manifest;
-};
-
-// src/build/generateReactIndexes.ts
-import { mkdir as mkdir2, rm, writeFile } from "fs/promises";
-import { basename as basename2, join as join2 } from "path";
-var {Glob } = globalThis.Bun;
-var generateReactIndexFiles = async (reactPagesDirectory, reactIndexesDirectory) => {
-  await rm(reactIndexesDirectory, { force: true, recursive: true });
-  await mkdir2(reactIndexesDirectory);
-  const pagesGlob = new Glob("*.*");
-  const files = [];
-  for await (const file2 of pagesGlob.scan({ cwd: reactPagesDirectory })) {
-    files.push(file2);
-  }
-  const promises = files.map(async (file2) => {
-    const fileName = basename2(file2);
-    const [componentName] = fileName.split(".");
-    const content = [
-      `import { hydrateRoot } from 'react-dom/client';`,
-      `import type { ComponentType } from 'react'`,
-      `import { ${componentName} } from '../pages/${componentName}';
-`,
-      `type PropsOf<C> = C extends ComponentType<infer P> ? P : never;
-`,
-      `declare global {`,
-      `	interface Window {`,
-      `		__INITIAL_PROPS__: PropsOf<typeof ${componentName}>`,
-      `	}`,
-      `}
-`,
-      `hydrateRoot(document, <${componentName} {...window.__INITIAL_PROPS__} />);`
-    ].join(`
-`);
-    return writeFile(join2(reactIndexesDirectory, `${componentName}Index.tsx`), content);
-  });
-  await Promise.all(promises);
-};
-
-// src/build/scanEntryPoints.ts
-var {Glob: Glob2 } = globalThis.Bun;
-var scanEntryPoints = async (dir, pattern) => {
-  const entryPaths = [];
-  const glob = new Glob2(pattern);
-  for await (const file2 of glob.scan({ absolute: true, cwd: dir })) {
-    entryPaths.push(file2);
-  }
-  return entryPaths;
-};
-
-// src/build/updateScriptTags.ts
-import { readFile, writeFile as writeFile2 } from "fs/promises";
-var {Glob: Glob3 } = globalThis.Bun;
-var updateScriptTags = async (manifest, htmlDir) => {
-  const glob = new Glob3("*.html");
-  const htmlFiles = [];
-  const fileIterator = glob.scan({ absolute: true, cwd: htmlDir });
-  for await (const filePath of fileIterator) {
-    htmlFiles.push(filePath);
-  }
-  const tasks = htmlFiles.map(async (filePath) => {
-    const original = await readFile(filePath, "utf8");
-    const updated = Object.entries(manifest).reduce((html, [scriptName, newPath]) => {
-      const esc = scriptName.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-      const regex = new RegExp(`(<script[^>]+src=["'])(/?(?:.*/)?${esc})(?:\\.[^."'/]+)?(\\.js)(["'][^>]*>)`, "g");
-      return html.replace(regex, (_, prefix, __, ___, suffix) => `${prefix}${newPath}${suffix}`);
-    }, original);
-    await writeFile2(filePath, updated, "utf8");
-  });
-  await Promise.all(tasks);
-};
-
 // src/utils/getDurationString.ts
 var getDurationString = (duration) => {
   let durationString;
@@ -43114,6 +43095,9 @@ var build2 = async ({
       await rm2(path, { force: true });
     });
   }
+  if (reactIndexesPath) {
+    await rm2(reactIndexesPath, { force: true, recursive: true });
+  }
   const buildDuration = performance.now() - buildStart;
   console.log(`Build completed in ${getDurationString(buildDuration)}`);
   return manifest;
@@ -43121,7 +43105,7 @@ var build2 = async ({
 // src/core/pageHandlers.ts
 var {file: file2 } = globalThis.Bun;
 import { createElement } from "react";
-import { renderToReadableStream } from "react-dom/server";
+import { renderToReadableStream as renderReactToReadableStream } from "react-dom/server";
 // node_modules/svelte/src/internal/shared/attributes.js
 var replacements2 = {
   translate: new Map([
@@ -45376,11 +45360,65 @@ function render(component2, options = {}) {
     body: payload.out
   };
 }
+// src/utils/escapeScriptContent.ts
+var ESCAPE_LOOKUP = {
+  "\u2028": "\\u2028",
+  "\u2029": "\\u2029",
+  "&": "\\u0026",
+  "<": "\\u003C",
+  ">": "\\u003E"
+};
+var ESCAPE_REGEX = /[&><\u2028\u2029]/g;
+var escapeScriptContent = (content) => content.replace(ESCAPE_REGEX, (char) => ESCAPE_LOOKUP[char]);
+
+// src/svelte/renderToReadableStream.ts
+var DEFAULT_CHUNK_SIZE = 16384;
+var renderToReadableStream = async (component2, props, {
+  bootstrapScriptContent,
+  bootstrapScripts = [],
+  bootstrapModules = [],
+  nonce,
+  onError = console.error,
+  progressiveChunkSize = DEFAULT_CHUNK_SIZE,
+  signal
+} = {}) => {
+  try {
+    const { head: head2, body } = render(component2, { props });
+    const nonceAttr = nonce ? ` nonce="${nonce}"` : "";
+    const scripts = (bootstrapScriptContent ? `<script${nonceAttr}>${escapeScriptContent(bootstrapScriptContent)}</script>` : "") + bootstrapScripts.map((src) => `<script${nonceAttr} src="${src}"></script>`).join("") + bootstrapModules.map((src) => `<script${nonceAttr} type="module" src="${src}"></script>`).join("");
+    const encoder = new TextEncoder;
+    const full = encoder.encode(`<!DOCTYPE html><html lang="en"><head>${head2}</head><body>${body}${scripts}</body></html>`);
+    let offset2 = 0;
+    return new ReadableStream({
+      type: "bytes",
+      cancel(reason) {
+        onError?.(reason);
+      },
+      pull(controller) {
+        if (signal?.aborted) {
+          controller.close();
+          return;
+        }
+        if (offset2 >= full.length) {
+          controller.close();
+          return;
+        }
+        const end = Math.min(offset2 + progressiveChunkSize, full.length);
+        controller.enqueue(full.subarray(offset2, end));
+        offset2 = end;
+      }
+    });
+  } catch (error) {
+    onError?.(error);
+    throw error;
+  }
+};
+
 // src/core/pageHandlers.ts
 var handleReactPageRequest = async (pageComponent, index2, ...props) => {
   const [maybeProps] = props;
   const element3 = maybeProps !== undefined ? createElement(pageComponent, maybeProps) : createElement(pageComponent);
-  const stream = await renderToReadableStream(element3, {
+  const stream = await renderReactToReadableStream(element3, {
     bootstrapModules: [index2],
     bootstrapScriptContent: maybeProps ? `window.__INITIAL_PROPS__=${JSON.stringify(maybeProps)}` : undefined
   });
@@ -45388,21 +45426,19 @@ var handleReactPageRequest = async (pageComponent, index2, ...props) => {
     headers: { "Content-Type": "text/html" }
   });
 };
-var handleSveltePageRequest = (pageComponent, index2, props) => {
-  const serializedProps = JSON.stringify(props).replace(/</g, "\\u003c");
-  const { body, head: head2 } = render(pageComponent, { props });
-  const html3 = `<!DOCTYPE html>
-	<html lang="en">
-	<head>
-	${head2}
-	</head>
-	<body>
-	${body}
-	<script>window.__INITIAL_PROPS__=${serializedProps};</script>
-	<script type="module" src="${index2}"></script>
-	</body>
-	</html>`;
-  return new Response(html3, {
+var handleSveltePageRequest = async (PageComponent, manifest, props) => {
+  const componentPath = PageComponent.toString();
+  const pathSegments = componentPath.split("/");
+  const lastSegment = pathSegments[pathSegments.length - 1] ?? "";
+  const componentName = lastSegment.replace(/\.svelte$/, "");
+  const pagePath = manifest[componentName];
+  const indexPath = manifest[`${componentName}Index`];
+  const { default: ImportedPageComponent } = await import(pagePath);
+  const stream = await renderToReadableStream(ImportedPageComponent, props, {
+    bootstrapModules: [indexPath],
+    bootstrapScriptContent: `window.__INITIAL_PROPS__=${JSON.stringify(props)}`
+  });
+  return new Response(stream, {
     headers: { "Content-Type": "text/html" }
   });
 };
@@ -45468,5 +45504,5 @@ export {
   DEFAULT_PORT
 };
 
-//# debugId=8FCA506732B7087964756E2164756E21
+//# debugId=CEB32816B046E97E64756E2164756E21
 //# sourceMappingURL=index.js.map