@absolutejs/absolute 0.20.0-beta.178 → 0.20.0-beta.179

package/CHANGELOG.md

@@ -6,6 +6,17 @@ This file is generated by `absolute-changelog` from the entries in
 `changelog/`. Edit an entry, not this file — and add new ones under
 `changelog/unreleased/`.
 
+## 0.20.0-beta.179 — 2026-11-14
+
+### Fixed
+
+- **`absolute add <framework>` installs the same packages and versions as the create-absolutejs scaffold, including vue-router for Vue**
+  `absolute add vue` now installs vue-router, so a Vue page that exports `routes` builds instead of failing with "Could not resolve: vue-router". Every `absolute add <framework>` now installs the same packages at the same versions as a project created with create-absolutejs: React 19.3.0 with react-refresh, Angular 21.2.24 including @angular/router, Svelte 5.57.1 with svelte2tsx, Vue 3.5.43, and @absolutejs/scoped-state for HTMX. `absolute remove <framework> --prune` uninstalls that same list.
+- **Vue and Svelte islands can import shared modules by a relative path outside the islands directory**
+  A Vue island that imported a module by a relative path, such as `import { counterStore } from '../shared/counterStore'`, failed `absolute dev` and `absolute build` with "Cannot find module '../shared/counterStore'". The island's server render is compiled into `.absolutejs/islands/vue/`, and only relative `.vue` imports were rewritten for that location, so every other relative import resolved against the generated file instead of the island's source. Every relative import in a Vue island's server module now resolves from the island's source file, the way it does in the browser bundle. Svelte islands already rewrote these imports, but replaced the specifier anywhere it appeared as text, so an island that imported both `../shared` and `../shared/counterStore` had the second import corrupted; they now replace only the exact quoted specifier.
+- **Vue pages with only a plain `<script>` (like the README's defineRoutes sample) no longer fail with "script is not defined"**
+  A Vue page whose only script block is a plain `<script>` without `export default` (such as the README's router page: `export const routes = defineRoutes([...])` with `<template><RouterView /></template>`) answered every request with 500 "ReferenceError: script is not defined" in production, and failed the same way in dev. The compilers relied on rewriting `export default` to name the component, so a page with no default export never declared it. Such pages now compile to an empty component with their template, in both the production build and the dev server. `RouterView` and `RouterLink` work in these templates without an import, because the page installs vue-router on the app. Pages with `<script setup>`, with both blocks, with `export default defineComponent(...)`, or with no script at all keep working.
+
 ## 0.20.0-beta.178 — 2026-11-14
 
 ### Fixed

package/changelog.json

@@ -2,6 +2,27 @@
 	"contract": 1,
 	"name": "@absolutejs/absolute",
 	"releases": [
+		{
+			"changes": [
+				{
+					"detail": "`absolute add vue` now installs vue-router, so a Vue page that exports `routes` builds instead of failing with \"Could not resolve: vue-router\". Every `absolute add <framework>` now installs the same packages at the same versions as a project created with create-absolutejs: React 19.3.0 with react-refresh, Angular 21.2.24 including @angular/router, Svelte 5.57.1 with svelte2tsx, Vue 3.5.43, and @absolutejs/scoped-state for HTMX. `absolute remove <framework> --prune` uninstalls that same list.",
+					"kind": "fixed",
+					"summary": "`absolute add <framework>` installs the same packages and versions as the create-absolutejs scaffold, including vue-router for Vue"
+				},
+				{
+					"detail": "A Vue island that imported a module by a relative path, such as `import { counterStore } from '../shared/counterStore'`, failed `absolute dev` and `absolute build` with \"Cannot find module '../shared/counterStore'\". The island's server render is compiled into `.absolutejs/islands/vue/`, and only relative `.vue` imports were rewritten for that location, so every other relative import resolved against the generated file instead of the island's source. Every relative import in a Vue island's server module now resolves from the island's source file, the way it does in the browser bundle. Svelte islands already rewrote these imports, but replaced the specifier anywhere it appeared as text, so an island that imported both `../shared` and `../shared/counterStore` had the second import corrupted; they now replace only the exact quoted specifier.",
+					"kind": "fixed",
+					"summary": "Vue and Svelte islands can import shared modules by a relative path outside the islands directory"
+				},
+				{
+					"detail": "A Vue page whose only script block is a plain `<script>` without `export default` (such as the README's router page: `export const routes = defineRoutes([...])` with `<template><RouterView /></template>`) answered every request with 500 \"ReferenceError: script is not defined\" in production, and failed the same way in dev. The compilers relied on rewriting `export default` to name the component, so a page with no default export never declared it. Such pages now compile to an empty component with their template, in both the production build and the dev server. `RouterView` and `RouterLink` work in these templates without an import, because the page installs vue-router on the app. Pages with `<script setup>`, with both blocks, with `export default defineComponent(...)`, or with no script at all keep working.",
+					"kind": "fixed",
+					"summary": "Vue pages with only a plain `<script>` (like the README's defineRoutes sample) no longer fail with \"script is not defined\""
+				}
+			],
+			"date": "2026-11-14",
+			"version": "0.20.0-beta.179"
+		},
 		{
 			"changes": [
 				{

package/dist/angular/components/core/streamingSlotRegistrar.js

@@ -1,5 +1,5 @@
 // @bun
-// .angular-partial-tmp-1GarPM/src/core/streamingSlotRegistrar.ts
+// .angular-partial-tmp-jHcM0h/src/core/streamingSlotRegistrar.ts
 var STREAMING_SLOT_REGISTRAR_KEY = Symbol.for("absolutejs.streamingSlotRegistrar");
 var STREAMING_SLOT_WARNING_STORAGE_KEY = Symbol.for("absolutejs.streamingSlotWarningController");
 var STREAMING_SLOT_COLLECTION_STORAGE_KEY = Symbol.for("absolutejs.streamingSlotCollectionController");

package/dist/angular/components/core/streamingSlotRegistry.js

@@ -1,5 +1,5 @@
 // @bun
-// .angular-partial-tmp-1GarPM/src/core/streamingSlotRegistrar.ts
+// .angular-partial-tmp-jHcM0h/src/core/streamingSlotRegistrar.ts
 var STREAMING_SLOT_REGISTRAR_KEY = Symbol.for("absolutejs.streamingSlotRegistrar");
 var STREAMING_SLOT_WARNING_STORAGE_KEY = Symbol.for("absolutejs.streamingSlotWarningController");
 var STREAMING_SLOT_COLLECTION_STORAGE_KEY = Symbol.for("absolutejs.streamingSlotCollectionController");
@@ -46,7 +46,7 @@ var warnMissingStreamingSlotCollector = (primitiveName) => {
   getWarningController()?.maybeWarn(primitiveName);
 };
 
-// .angular-partial-tmp-1GarPM/src/core/streamingSlotRegistry.ts
+// .angular-partial-tmp-jHcM0h/src/core/streamingSlotRegistry.ts
 var STREAMING_SLOT_STORAGE_KEY = Symbol.for("absolutejs.streamingSlotAsyncLocalStorage");
 var isObjectRecord2 = (value) => Boolean(value) && typeof value === "object";
 var isAsyncLocalStorage = (value) => isObjectRecord2(value) && ("getStore" in value) && typeof value.getStore === "function" && ("run" in value) && typeof value.run === "function";

package/dist/angular/index.js

@@ -3214,7 +3214,7 @@ import { basename as basename3, dirname as dirname3, extname as extname2, join a
 var serverCacheRoot2, compiledModuleCache2, originalSourcePathCache, syncIslandGeneration, transpiler, ensureRelativeImportPath = (from, target) => {
   const importPath = relative3(dirname3(from), target).replace(/\\/g, "/");
   return importPath.startsWith(".") ? importPath : `./${importPath}`;
-}, processDirectoryEntries = (entries, dir, targetFileName, stack) => {
+}, escapeRegExp = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), replaceQuotedSpecifier = (code, spec, target) => code.replace(new RegExp(`(['"])${escapeRegExp(spec)}\\1`, "g"), (_match, quote) => `${quote}${target}${quote}`), processDirectoryEntries = (entries, dir, targetFileName, stack) => {
   for (const entry of entries) {
     const entryPath = join6(dir, entry.name);
     if (entry.isDirectory())
@@ -3259,18 +3259,21 @@ var serverCacheRoot2, compiledModuleCache2, originalSourcePathCache, syncIslandG
     return null;
   }
   const basePath = resolve4(dirname3(from), spec);
+  const extensions = [
+    ".ts",
+    ".tsx",
+    ".mts",
+    ".cts",
+    ".js",
+    ".jsx",
+    ".mjs",
+    ".cjs",
+    ".json"
+  ];
   const candidates = [
     basePath,
-    `${basePath}.ts`,
-    `${basePath}.js`,
-    `${basePath}.mjs`,
-    `${basePath}.cjs`,
-    `${basePath}.json`,
-    join6(basePath, "index.ts"),
-    join6(basePath, "index.js"),
-    join6(basePath, "index.mjs"),
-    join6(basePath, "index.cjs"),
-    join6(basePath, "index.json")
+    ...extensions.map((extension) => `${basePath}${extension}`),
+    ...extensions.map((extension) => join6(basePath, `index${extension}`))
   ];
   const existResults = await Promise.all(candidates.map((candidate) => Bun.file(candidate).exists()));
   const foundIndex = existResults.indexOf(true);
@@ -3355,7 +3358,7 @@ var serverCacheRoot2, compiledModuleCache2, originalSourcePathCache, syncIslandG
     rewrittenModulePaths.set(spec, ensureRelativeImportPath(getCachedModulePath2(sourcePath), resolvedModuleImport));
   }
   for (const [spec, resolvedModuleImport] of rewrittenModulePaths) {
-    transpiled = transpiled.replaceAll(spec, resolvedModuleImport);
+    transpiled = replaceQuotedSpecifier(transpiled, spec, resolvedModuleImport);
   }
   let compiledCode = compile(transpiled, {
     css: "injected",
@@ -3367,10 +3370,10 @@ var serverCacheRoot2, compiledModuleCache2, originalSourcePathCache, syncIslandG
     hmr: isDevelopmentRuntime()
   }).js.code;
   for (const [spec, compiledChildPath] of childModulePaths) {
-    compiledCode = compiledCode.replaceAll(spec, ensureRelativeImportPath(getCachedModulePath2(sourcePath), compiledChildPath));
+    compiledCode = replaceQuotedSpecifier(compiledCode, spec, ensureRelativeImportPath(getCachedModulePath2(sourcePath), compiledChildPath));
   }
   for (const [spec, resolvedModuleImport] of rewrittenModulePaths) {
-    compiledCode = compiledCode.replaceAll(spec, resolvedModuleImport);
+    compiledCode = replaceQuotedSpecifier(compiledCode, spec, resolvedModuleImport);
   }
   const sourceId = JSON.stringify(relative3(process.cwd(), resolutionSourcePath).replace(/\\/g, "/"));
   const componentName = /export default function ([\w$]+)\s*\(/.exec(compiledCode)?.[1];
@@ -3466,7 +3469,13 @@ var serverCacheRoot3, compiledModuleCache3, syncIslandGeneration2, transpiler2,
   ].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) => {
+}, RELATIVE_SPECIFIER_PATTERN, extractRelativeImports = (code) => Array.from(new Set(Array.from(code.matchAll(RELATIVE_SPECIFIER_PATTERN), (match) => match.groups?.spec).filter((spec) => spec !== undefined))), resolveFromSource = (spec, sourcePath) => {
+  try {
+    return Bun.resolveSync(spec, dirname4(sourcePath));
+  } catch {
+    return null;
+  }
+}, compileVueServerModule = async (sourcePath) => {
   syncIslandGeneration2();
   const cachedModulePath = compiledModuleCache3.get(sourcePath);
   if (cachedModulePath)
@@ -3499,10 +3508,10 @@ var serverCacheRoot3, compiledModuleCache3, syncIslandGeneration2, transpiler2,
     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(dirname4(sourcePath), relativeImport)),
-    spec: relativeImport
+  const relativeImports = extractRelativeImports(compiledScript.content);
+  const compiledChildren = await Promise.all(relativeImports.filter((spec) => spec.endsWith(".vue")).map(async (spec) => ({
+    compiledPath: await compileVueServerModule(resolve5(dirname4(sourcePath), spec)),
+    spec
   })));
   const strippedScript = stripExports(compiledScript.content);
   const transpiledScript = transpiler2.transformSync(strippedScript);
@@ -3514,10 +3523,22 @@ var serverCacheRoot3, compiledModuleCache3, syncIslandGeneration2, transpiler2,
   ].join(`
 `));
   const compiledModulePath = getCachedModulePath3(sourcePath);
-  let rewritten = assembled;
+  const rewrittenSpecifiers = new Map;
   for (const child of compiledChildren) {
-    rewritten = rewritten.replaceAll(child.spec, ensureRelativeImportPath2(compiledModulePath, child.compiledPath));
+    rewrittenSpecifiers.set(child.spec, ensureRelativeImportPath2(compiledModulePath, child.compiledPath));
   }
+  for (const spec of extractRelativeImports(assembled)) {
+    if (rewrittenSpecifiers.has(spec))
+      continue;
+    const resolvedImport = resolveFromSource(spec, sourcePath);
+    if (!resolvedImport)
+      continue;
+    rewrittenSpecifiers.set(spec, ensureRelativeImportPath2(compiledModulePath, resolvedImport));
+  }
+  const rewritten = assembled.replace(RELATIVE_SPECIFIER_PATTERN, (match, prefix, quote, spec) => {
+    const target = rewrittenSpecifiers.get(spec);
+    return target ? `${prefix}${quote}${target}${quote}` : match;
+  });
   await mkdir3(dirname4(compiledModulePath), { recursive: true });
   await writeIfChanged2(compiledModulePath, rewritten);
   compiledModuleCache3.set(sourcePath, compiledModulePath);
@@ -3531,6 +3552,7 @@ var init_vueServerModule = __esm(() => {
     compiledModuleCache3.clear();
   });
   transpiler2 = new Transpiler({ loader: "ts", target: "browser" });
+  RELATIVE_SPECIFIER_PATTERN = /(\bfrom\s*|\bimport\s*\(\s*|\bimport\s+)(['"])(?<spec>\.{1,2}\/[^'"]*)\2/g;
 });
 
 // src/core/islands.ts
@@ -17371,5 +17393,5 @@ export {
   withPendingTask
 };
 
-//# debugId=165DD646F249EF6564756E2164756E21
+//# debugId=EE8416B3EE78941D64756E2164756E21
 //# sourceMappingURL=index.js.map