@absolutejs/absolute 0.19.0-beta.931 → 0.19.0-beta.932

package/dist/react/index.js

@@ -2698,6 +2698,100 @@ var init_svelteServerModule = __esm(() => {
   });
 });
 
+// src/core/vueServerModule.ts
+import { mkdir as mkdir2 } from "fs/promises";
+import { dirname as dirname3, join as join5, relative as relative3, resolve as resolve5 } from "path";
+var {Transpiler } = globalThis.Bun;
+var ISLAND_COMPONENT_ID_LENGTH = 8, serverCacheRoot2, compiledModuleCache2, transpiler2, ensureRelativeImportPath2 = (from, target) => {
+  const importPath = relative3(dirname3(from), target).replace(/\\/g, "/");
+  return importPath.startsWith(".") ? importPath : `./${importPath}`;
+}, getCachedModulePath2 = (sourcePath) => {
+  const relativeSourcePath = relative3(process.cwd(), sourcePath).replace(/\\/g, "/");
+  const normalizedSourcePath = relativeSourcePath.startsWith("..") ? sourcePath.replace(/[:\\/]/g, "_") : relativeSourcePath;
+  return join5(serverCacheRoot2, `${normalizedSourcePath}.server.js`);
+}, writeIfChanged2 = async (path, content) => {
+  const targetFile = Bun.file(path);
+  if (await targetFile.exists()) {
+    const currentContent = await targetFile.text();
+    if (currentContent === content)
+      return;
+  }
+  await Bun.write(path, content);
+}, stripExports = (code) => code.replace(/export\s+default/, "const script ="), mergeVueImports = (code) => {
+  const lines = code.split(`
+`);
+  const specifierSet = new Set;
+  const vueImportRegex = /^import\s+{([^}]+)}\s+from\s+['"]vue['"];?$/;
+  lines.forEach((line) => {
+    const match = line.match(vueImportRegex);
+    if (match?.[1])
+      match[1].split(",").forEach((importSpecifier) => specifierSet.add(importSpecifier.trim()));
+  });
+  const nonVueLines = lines.filter((line) => !vueImportRegex.test(line));
+  return specifierSet.size ? [
+    `import { ${[...specifierSet].join(", ")} } from "vue";`,
+    ...nonVueLines
+  ].join(`
+`) : nonVueLines.join(`
+`);
+}, extractRelativeVueImports = (sourceCode) => Array.from(sourceCode.matchAll(/import\s+[\s\S]+?['"]([^'"]+)['"]/g)).map((match) => match[1]).filter((importPath) => typeof importPath === "string" && importPath.startsWith(".") && importPath.endsWith(".vue")), compileVueServerModule = async (sourcePath) => {
+  const cachedModulePath = compiledModuleCache2.get(sourcePath);
+  if (cachedModulePath)
+    return cachedModulePath;
+  const compiler = await import("@vue/compiler-sfc");
+  const source = await Bun.file(sourcePath).text();
+  const { descriptor } = compiler.parse(source, { filename: sourcePath });
+  const componentId = Bun.hash(sourcePath).toString(BASE_36_RADIX).slice(0, ISLAND_COMPONENT_ID_LENGTH);
+  const hasScript = descriptor.script || descriptor.scriptSetup;
+  const compiledScript = hasScript ? compiler.compileScript(descriptor, {
+    id: componentId,
+    inlineTemplate: false
+  }) : { bindings: {}, content: "export default {};" };
+  const renderCode = descriptor.template ? compiler.compileTemplate({
+    compilerOptions: {
+      bindingMetadata: compiledScript.bindings,
+      expressionPlugins: ["typescript"],
+      prefixIdentifiers: true,
+      isCustomElement: (tag) => tag === "absolute-island"
+    },
+    filename: sourcePath,
+    id: componentId,
+    scoped: descriptor.styles.some((styleBlock) => styleBlock.scoped),
+    source: descriptor.template.content,
+    ssr: true,
+    ssrCssVars: descriptor.cssVars
+  }).code : "const ssrRender = () => {};";
+  const childImportPaths = extractRelativeVueImports(compiledScript.content);
+  const compiledChildren = await Promise.all(childImportPaths.map(async (relativeImport) => ({
+    compiledPath: await compileVueServerModule(resolve5(dirname3(sourcePath), relativeImport)),
+    spec: relativeImport
+  })));
+  const strippedScript = stripExports(compiledScript.content);
+  const transpiledScript = transpiler2.transformSync(strippedScript);
+  const assembled = mergeVueImports([
+    transpiledScript,
+    renderCode,
+    "script.ssrRender = ssrRender;",
+    "export default script;"
+  ].join(`
+`));
+  const compiledModulePath = getCachedModulePath2(sourcePath);
+  let rewritten = assembled;
+  for (const child of compiledChildren) {
+    rewritten = rewritten.replaceAll(child.spec, ensureRelativeImportPath2(compiledModulePath, child.compiledPath));
+  }
+  await mkdir2(dirname3(compiledModulePath), { recursive: true });
+  await writeIfChanged2(compiledModulePath, rewritten);
+  compiledModuleCache2.set(sourcePath, compiledModulePath);
+  return compiledModulePath;
+};
+var init_vueServerModule = __esm(() => {
+  init_constants();
+  serverCacheRoot2 = join5(process.cwd(), ".absolutejs", "islands", "vue");
+  compiledModuleCache2 = new Map;
+  transpiler2 = new Transpiler({ loader: "ts", target: "browser" });
+});
+
 // src/core/renderIslandMarkup.ts
 var islandSequence = 0, resolvedServerComponentCache, resolvedServerBuildComponentCache, nextIslandId = () => {
   islandSequence += 1;
@@ -2720,9 +2814,17 @@ var islandSequence = 0, resolvedServerComponentCache, resolvedServerBuildCompone
   const loadPromise = loadAndCompileServerBuildComponent(buildReferencePath);
   resolvedServerBuildComponentCache.set(buildReferencePath, loadPromise);
   return loadPromise;
+}, resolveRuntimeImportTarget = async (resolvedModulePath) => {
+  if (resolvedModulePath.endsWith(".svelte")) {
+    return compileSvelteServerModule(resolvedModulePath);
+  }
+  if (resolvedModulePath.endsWith(".vue")) {
+    return compileVueServerModule(resolvedModulePath);
+  }
+  return resolvedModulePath;
 }, loadServerImportComponent = async (resolvedComponent, exportName) => {
   const resolvedModulePath = resolvedComponent.startsWith(".") ? new URL(resolvedComponent, import.meta.url).pathname : resolvedComponent;
-  const importTarget = resolvedModulePath.endsWith(".svelte") ? await compileSvelteServerModule(resolvedModulePath) : resolvedModulePath;
+  const importTarget = await resolveRuntimeImportTarget(resolvedModulePath);
   const loadedModule = await import(importTarget);
   if (exportName && exportName !== "default" && exportName in loadedModule) {
     return loadedModule[exportName];
@@ -2826,6 +2928,7 @@ var islandSequence = 0, resolvedServerComponentCache, resolvedServerBuildCompone
 var init_renderIslandMarkup = __esm(() => {
   init_islandSsr();
   init_svelteServerModule();
+  init_vueServerModule();
   init_islandMarkupAttributes();
   init_islands();
   resolvedServerComponentCache = new Map;
@@ -3312,16 +3415,22 @@ var setConventions = (map) => {
 };
 var isDev = () => true;
 var buildErrorProps = (error) => {
-  const message = error instanceof Error ? error.message : String(error);
-  const stack = isDev() && error instanceof Error ? error.stack : undefined;
-  return { error: { message, stack } };
+  if (error instanceof Error) {
+    return {
+      name: error.name,
+      message: error.message,
+      ...isDev() && error.stack ? { stack: error.stack } : {}
+    };
+  }
+  return { name: "Error", message: String(error) };
 };
 var renderReactError = async (conventionPath, errorProps) => {
   const { createElement } = await import("react");
   const { renderToReadableStream } = await import("react-dom/server");
   const mod = await import(conventionPath);
-  const [firstKey] = Object.keys(mod);
-  const ErrorComponent = mod.default ?? (firstKey ? mod[firstKey] : undefined);
+  const ErrorComponent = mod.default;
+  if (typeof ErrorComponent !== "function")
+    return null;
   const element = createElement(ErrorComponent, errorProps);
   const stream = await renderToReadableStream(element);
   return new Response(stream, {
@@ -3333,6 +3442,8 @@ var renderSvelteError = async (conventionPath, errorProps) => {
   const { render } = await import("svelte/server");
   const mod = await import(conventionPath);
   const ErrorComponent = mod.default;
+  if (!ErrorComponent)
+    return null;
   const { head, body } = render(ErrorComponent, {
     props: errorProps
   });
@@ -3355,6 +3466,8 @@ var renderVueError = async (conventionPath, errorProps) => {
   const { renderToString } = await import("vue/server-renderer");
   const mod = await import(conventionPath);
   const ErrorComponent = mod.default;
+  if (!ErrorComponent)
+    return null;
   const app = createSSRApp({
     render: () => h(ErrorComponent, errorProps)
   });
@@ -3368,10 +3481,20 @@ var renderVueError = async (conventionPath, errorProps) => {
 };
 var renderAngularError = async (conventionPath, errorProps) => {
   const mod = await import(conventionPath);
-  const renderError = mod.default ?? mod.renderError;
-  if (typeof renderError !== "function")
+  const renderFn = mod.default;
+  if (typeof renderFn !== "function")
     return null;
-  const html = renderError(errorProps);
+  const html = renderFn(errorProps);
+  return new Response(html, {
+    headers: { "Content-Type": "text/html" },
+    status: 500
+  });
+};
+var escapeHtml = (value) => value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+var replaceErrorTokens = (template, errorProps) => template.replace(/\{\{\s*name\s*\}\}/g, escapeHtml(errorProps.name)).replace(/\{\{\s*message\s*\}\}/g, escapeHtml(errorProps.message)).replace(/\{\{\s*stack\s*\}\}/g, errorProps.stack ? escapeHtml(errorProps.stack) : "");
+var renderHtmlError = async (conventionPath, errorProps) => {
+  const template = await Bun.file(conventionPath).text();
+  const html = replaceErrorTokens(template, errorProps);
   return new Response(html, {
     headers: { "Content-Type": "text/html" },
     status: 500
@@ -3390,11 +3513,12 @@ var renderEmberNotFound = async () => null;
 var ERROR_RENDERERS = {
   angular: renderAngularError,
   ember: renderEmberError,
+  html: renderHtmlError,
   react: renderReactError,
   svelte: renderSvelteError,
   vue: renderVueError
 };
-var renderConventionError = async (framework, pageName, error) => {
+var tryFrameworkErrorConvention = async (framework, pageName, errorProps, error) => {
   let conventionPath = resolveErrorConventionPath(framework, pageName);
   if (!conventionPath && error instanceof Error && error.stack) {
     for (const match of error.stack.matchAll(/^\s*at\s+([A-Za-z_$][\w$]*)/gm)) {
@@ -3408,7 +3532,6 @@ var renderConventionError = async (framework, pageName, error) => {
   }
   if (!conventionPath)
     return null;
-  const errorProps = buildErrorProps(error);
   const renderer = ERROR_RENDERERS[framework];
   if (!renderer)
     return null;
@@ -3419,12 +3542,25 @@ var renderConventionError = async (framework, pageName, error) => {
   }
   return null;
 };
+var renderConventionError = async (framework, pageName, error) => {
+  const errorProps = buildErrorProps(error);
+  const frameworkResponse = await tryFrameworkErrorConvention(framework, pageName, errorProps, error);
+  if (frameworkResponse)
+    return frameworkResponse;
+  if (framework !== "html") {
+    const htmlResponse = await tryFrameworkErrorConvention("html", pageName, errorProps, error);
+    if (htmlResponse)
+      return htmlResponse;
+  }
+  return null;
+};
 var renderReactNotFound = async (conventionPath) => {
   const { createElement } = await import("react");
   const { renderToReadableStream } = await import("react-dom/server");
   const mod = await import(conventionPath);
-  const [nfKey] = Object.keys(mod);
-  const NotFoundComponent = mod.default ?? (nfKey ? mod[nfKey] : undefined);
+  const NotFoundComponent = mod.default;
+  if (typeof NotFoundComponent !== "function")
+    return null;
   const element = createElement(NotFoundComponent);
   const stream = await renderToReadableStream(element);
   return new Response(stream, {
@@ -3436,6 +3572,8 @@ var renderSvelteNotFound = async (conventionPath) => {
   const { render } = await import("svelte/server");
   const mod = await import(conventionPath);
   const NotFoundComponent = mod.default;
+  if (!NotFoundComponent)
+    return null;
   const { head, body } = render(NotFoundComponent);
   const html = `<!DOCTYPE html><html><head>${head}</head><body>${body}</body></html>`;
   return new Response(html, {
@@ -3448,6 +3586,8 @@ var renderVueNotFound = async (conventionPath) => {
   const { renderToString } = await import("vue/server-renderer");
   const mod = await import(conventionPath);
   const NotFoundComponent = mod.default;
+  if (!NotFoundComponent)
+    return null;
   const app = createSSRApp({
     render: () => h(NotFoundComponent)
   });
@@ -3461,10 +3601,17 @@ var renderVueNotFound = async (conventionPath) => {
 };
 var renderAngularNotFound = async (conventionPath) => {
   const mod = await import(conventionPath);
-  const renderNotFound = mod.default ?? mod.renderNotFound;
-  if (typeof renderNotFound !== "function")
+  const renderFn = mod.default;
+  if (typeof renderFn !== "function")
     return null;
-  const html = renderNotFound();
+  const html = renderFn();
+  return new Response(html, {
+    headers: { "Content-Type": "text/html" },
+    status: 404
+  });
+};
+var renderHtmlNotFound = async (conventionPath) => {
+  const html = await Bun.file(conventionPath).text();
   return new Response(html, {
     headers: { "Content-Type": "text/html" },
     status: 404
@@ -3473,6 +3620,7 @@ var renderAngularNotFound = async (conventionPath) => {
 var NOT_FOUND_RENDERERS = {
   angular: renderAngularNotFound,
   ember: renderEmberNotFound,
+  html: renderHtmlNotFound,
   react: renderReactNotFound,
   svelte: renderSvelteNotFound,
   vue: renderVueNotFound
@@ -3495,7 +3643,8 @@ var NOT_FOUND_PRIORITY = [
   "react",
   "svelte",
   "vue",
-  "angular"
+  "angular",
+  "html"
 ];
 var renderFirstNotFound = async () => {
   const renderNext = async (frameworks) => {
@@ -3783,5 +3932,5 @@ export {
   Island
 };
 
-//# debugId=80AC5EFAD2AD7A5B64756E2164756E21
+//# debugId=1094272B47C7C77164756E2164756E21
 //# sourceMappingURL=index.js.map