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

package/dist/islands/index.js

@@ -1713,6 +1713,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/islandMarkupAttributes.ts
 var getIslandMarkerAttributes = (props, islandId) => ({
   "data-component": props.component,
@@ -1748,9 +1842,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];
@@ -1854,6 +1956,7 @@ var islandSequence = 0, resolvedServerComponentCache, resolvedServerBuildCompone
 var init_renderIslandMarkup = __esm(() => {
   init_islandSsr();
   init_svelteServerModule();
+  init_vueServerModule();
   init_islandMarkupAttributes();
   init_islands();
   resolvedServerComponentCache = new Map;
@@ -1982,5 +2085,5 @@ export {
   createIslandStore
 };
 
-//# debugId=F7EEE59A12B7B0C464756E2164756E21
+//# debugId=50CD3E7F3547894F64756E2164756E21
 //# sourceMappingURL=index.js.map