@absolutejs/absolute 0.19.0-beta.192 → 0.19.0-beta.194

package/dist/svelte/components/Head.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { Metadata, RobotsDirective } from '../../../types/metadata';
+	import type { Metadata, RobotsDirective } from '../../types/metadata';
 
 	let {
 		title = 'AbsoluteJS',

package/dist/svelte/components/Image.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-	import type { ImageProps } from '../../../types/image';
+	import type { ImageProps } from '../../types/image';
 	import {
 		DEFAULT_QUALITY,
 		buildOptimizedUrl,
 		generateBlurSvg,
 		generateSrcSet
-	} from '../../utils/imageProcessing';
+	} from '../../image-client/imageClient';
 
 	let {
 		src,
@@ -106,8 +106,8 @@
 	};
 </script>
 
-{#if priority}
-	<svelte:head>
+<svelte:head>
+	{#if priority}
 		<link
 			rel="preload"
 			as="image"
@@ -116,8 +116,8 @@
 			imagesizes={resolvedSizes}
 			crossorigin={crossOrigin}
 		/>
-	</svelte:head>
-{/if}
+	{/if}
+</svelte:head>
 
 {#if fill}
 	<span style="position:relative;overflow:hidden;display:block;width:100%;height:100%">

package/dist/svelte/components/JsonLd.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { JsonLdSchema, WithContext } from '../../../types/jsonLd';
+	import type { JsonLdSchema, WithContext } from '../../types/jsonLd';
 
 	let { schema }: { schema: JsonLdSchema | JsonLdSchema[] } = $props();
 

package/dist/vue/components/Image.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
-import type { ImageProps } from '../../../types/image';
+import type { ImageProps } from '../../types/image';
 import {
 	DEFAULT_QUALITY,
 	buildOptimizedUrl,
 	generateBlurSvg,
 	generateSrcSet
-} from '../../utils/imageProcessing';
+} from '../../image-client/imageClient';
 
 const props = withDefaults(defineProps<ImageProps>(), {
 	quality: DEFAULT_QUALITY,

package/package.json

@@ -208,5 +208,5 @@
 		"typecheck": "bun run vue-tsc --noEmit"
 	},
 	"types": "./dist/src/index.d.ts",
-	"version": "0.19.0-beta.192"
+	"version": "0.19.0-beta.194"
 }

package/scripts/build.ts

@@ -97,22 +97,32 @@ async function build() {
   await mkdir(join(DIST, "dev"), { recursive: true });
   await cp("src/dev/client", join(DIST, "dev", "client"), { recursive: true });
 
+  // Copy .svelte and .vue SFC files, rewriting relative imports to match
+  // dist/ layout. Source files import from e.g. "../../utils/imageProcessing"
+  // which resolves in src/ but not in dist/ (where JS lands under dist/src/).
+  const rewriteSfcImports = (content: string) =>
+    content
+      .replace(
+        /from\s+(['"])\.\.\/\.\.\/utils\/imageProcessing['"]/g,
+        "from $1../../image-client/imageClient$1",
+      )
+      .replace(
+        /from\s+(['"])\.\.\/\.\.\/\.\.\/types\//g,
+        "from $1../../types/",
+      );
+
   await mkdir(join(DIST, "svelte", "components"), { recursive: true });
   const svelteFiles = await readdir("src/svelte/components");
   for (const file of svelteFiles.filter((f) => f.endsWith(".svelte"))) {
-    await cp(
-      join("src", "svelte", "components", file),
-      join(DIST, "svelte", "components", file),
-    );
+    const content = await Bun.file(join("src", "svelte", "components", file)).text();
+    await Bun.write(join(DIST, "svelte", "components", file), rewriteSfcImports(content));
   }
 
   await mkdir(join(DIST, "vue", "components"), { recursive: true });
   const vueFiles = await readdir("src/vue/components");
   for (const file of vueFiles.filter((f) => f.endsWith(".vue"))) {
-    await cp(
-      join("src", "vue", "components", file),
-      join(DIST, "vue", "components", file),
-    );
+    const content = await Bun.file(join("src", "vue", "components", file)).text();
+    await Bun.write(join(DIST, "vue", "components", file), rewriteSfcImports(content));
   }
 
   console.log("Verifying exports...");