@absolutejs/absolute 0.19.0-beta.206 → 0.19.0-beta.208

package/dist/cli/index.js

@@ -986,12 +986,21 @@ __export(exports_typecheck, {
 import { resolve as resolve7, join as join7 } from "path";
 import { existsSync as existsSync9 } from "fs";
 import { writeFile } from "fs/promises";
-var run = async (name, command) => {
+var run = async (name, command, quiet = false) => {
   const proc = Bun.spawn(command, {
-    stderr: "inherit",
-    stdout: "inherit"
+    stderr: quiet ? "pipe" : "inherit",
+    stdout: quiet ? "pipe" : "inherit"
   });
   const exitCode = await proc.exited;
+  if (quiet && exitCode !== 0) {
+    const stderr = proc.stderr ? await new Response(proc.stderr).text() : "";
+    const stdout = proc.stdout ? await new Response(proc.stdout).text() : "";
+    const lines = (stdout + stderr).split(`
+`).filter((line) => line.includes("Error:") || line.includes("error ") || line.includes("ERROR"));
+    if (lines.length > 0)
+      console.error(lines.join(`
+`));
+  }
   return { exitCode, name };
 }, findBin = (name) => {
   const local = resolve7("node_modules", ".bin", name);
@@ -1035,7 +1044,7 @@ var run = async (name, command) => {
       "error",
       "--compiler-warnings",
       "css-unused-selector:ignore"
-    ]));
+    ], true));
   }
   const results = await Promise.all(checks);
   const failed = results.filter((r) => r.exitCode !== 0);

package/dist/svelte/components/Head.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { Metadata } from '../../types/metadata';
+import { SvelteComponent } from 'svelte';
+declare const __propDef: { props: Metadata };
+type Props = typeof __propDef.props;
+export default class Head extends SvelteComponent<Props> {}

package/dist/svelte/components/Image.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { ImageProps } from '../../types/image';
+import { SvelteComponent } from 'svelte';
+declare const __propDef: { props: ImageProps };
+type Props = typeof __propDef.props;
+export default class Image extends SvelteComponent<Props> {}

package/dist/svelte/components/JsonLd.svelte.d.ts

@@ -0,0 +1,2 @@
+import { SvelteComponent } from 'svelte';
+export default class JsonLd extends SvelteComponent {}

package/dist/vue/components/Image.vue.d.ts

@@ -0,0 +1,4 @@
+import type { ImageProps } from '../../types/image';
+import { DefineComponent } from 'vue';
+declare const _default: DefineComponent<ImageProps>;
+export default _default;

package/package.json

@@ -82,21 +82,27 @@
 			"types": "./dist/src/svelte/index.d.ts"
 		},
 		"./svelte/components/Head.svelte": {
+			"types": "./dist/svelte/components/Head.svelte.d.ts",
 			"import": "./dist/svelte/components/Head.svelte"
 		},
 		"./svelte/components/Head.js": {
+			"types": "./dist/svelte/components/Head.svelte.d.ts",
 			"import": "./dist/svelte/components/Head.svelte"
 		},
 		"./svelte/components/Image.svelte": {
+			"types": "./dist/svelte/components/Image.svelte.d.ts",
 			"import": "./dist/svelte/components/Image.svelte"
 		},
 		"./svelte/components/Image.js": {
+			"types": "./dist/svelte/components/Image.svelte.d.ts",
 			"import": "./dist/svelte/components/Image.svelte"
 		},
 		"./svelte/components/JsonLd.svelte": {
+			"types": "./dist/svelte/components/JsonLd.svelte.d.ts",
 			"import": "./dist/svelte/components/JsonLd.svelte"
 		},
 		"./svelte/components/JsonLd.js": {
+			"types": "./dist/svelte/components/JsonLd.svelte.d.ts",
 			"import": "./dist/svelte/components/JsonLd.svelte"
 		},
 		"./vue": {
@@ -108,9 +114,11 @@
 			"types": "./dist/src/vue/components/index.d.ts"
 		},
 		"./vue/components/Image.vue": {
+			"types": "./dist/vue/components/Image.vue.d.ts",
 			"import": "./dist/vue/components/Image.vue"
 		},
 		"./vue/components/Image.js": {
+			"types": "./dist/vue/components/Image.vue.d.ts",
 			"import": "./dist/vue/components/Image.vue"
 		},
 		"./angular/components": {
@@ -208,5 +216,5 @@
 		"typecheck": "bun run vue-tsc --noEmit"
 	},
 	"types": "./dist/src/index.d.ts",
-	"version": "0.19.0-beta.206"
+	"version": "0.19.0-beta.208"
 }

package/scripts/build.ts

@@ -115,6 +115,10 @@ async function build() {
     );
   }
 
+  // Generate .d.ts files for SFC components so consumers get type safety
+  console.log("Generating SFC type declarations...");
+  await generateSfcDeclarations();
+
   // Compile Angular components with partial compilation (ɵɵngDeclareComponent)
   // so they work in both AOT (via linker) and JIT (via runtime fallback)
   console.log("Compiling Angular components (partial)...");
@@ -126,6 +130,46 @@ async function build() {
   console.log("Build complete.");
 }
 
+async function generateSfcDeclarations() {
+  // Svelte component declarations
+  const svelteComponentDir = join(DIST, "svelte", "components");
+  const svelteFiles = await readdir(svelteComponentDir);
+  for (const file of svelteFiles.filter((f) => f.endsWith(".svelte"))) {
+    const content = await Bun.file(join(svelteComponentDir, file)).text();
+    const propsMatch = content.match(/\}:\s*(\w+)\s*=\s*\$props\(\)/);
+    const propsType = propsMatch?.[1];
+    const name = file.replace(/\.svelte$/, "");
+
+    let dts: string;
+    if (propsType === "ImageProps") {
+      dts = `import type { ImageProps } from '../../types/image';\nimport { SvelteComponent } from 'svelte';\ndeclare const __propDef: { props: ImageProps };\ntype Props = typeof __propDef.props;\nexport default class ${name} extends SvelteComponent<Props> {}\n`;
+    } else if (propsType) {
+      dts = `import type { ${propsType} } from '../../types/metadata';\nimport { SvelteComponent } from 'svelte';\ndeclare const __propDef: { props: ${propsType} };\ntype Props = typeof __propDef.props;\nexport default class ${name} extends SvelteComponent<Props> {}\n`;
+    } else {
+      dts = `import { SvelteComponent } from 'svelte';\nexport default class ${name} extends SvelteComponent {}\n`;
+    }
+    await writeFile(join(svelteComponentDir, `${file}.d.ts`), dts);
+  }
+
+  // Vue component declarations
+  const vueComponentDir = join(DIST, "vue", "components");
+  const vueFiles = await readdir(vueComponentDir);
+  for (const file of vueFiles.filter((f) => f.endsWith(".vue"))) {
+    const content = await Bun.file(join(vueComponentDir, file)).text();
+    const name = file.replace(/\.vue$/, "");
+
+    // Check if it uses defineProps<ImageProps> or inline props
+    const hasImageProps = content.includes("ImageProps") || content.includes("defineProps<{");
+    let dts: string;
+    if (name === "Image" || hasImageProps) {
+      dts = `import type { ImageProps } from '../../types/image';\nimport { DefineComponent } from 'vue';\ndeclare const _default: DefineComponent<ImageProps>;\nexport default _default;\n`;
+    } else {
+      dts = `import { DefineComponent } from 'vue';\ndeclare const _default: DefineComponent;\nexport default _default;\n`;
+    }
+    await writeFile(join(vueComponentDir, `${file}.d.ts`), dts);
+  }
+}
+
 async function compileAngularComponentsPartial() {
   const { readConfiguration, performCompilation, EmitFlags } = await import(
     "@angular/compiler-cli"