@ilha/astro 0.1.4 → 0.1.6

package/README.md

@@ -24,6 +24,16 @@ export default defineConfig({
 });
 ```
 
+When you use multiple JSX frameworks, restrict each integration to its own files:
+
+```ts
+export default defineConfig({
+  integrations: [ilha({ include: ["**/ilha/**"] })],
+});
+```
+
+You can also pass `exclude` globs. Files outside the filter remain available to other Astro JSX renderers.
+
 Then use any Ilha island as an Astro component, with a [client directive](https://docs.astro.build/en/reference/directives-reference/#client-directives) to control hydration:
 
 ```astro

package/dist/index.d.ts

@@ -1,4 +1,8 @@
 import type { AstroIntegration, AstroRenderer } from "astro";
+export interface IlhaIntegrationOptions {
+    include?: string | string[];
+    exclude?: string | string[];
+}
 export declare function getRenderer(): AstroRenderer;
 /**
  * Vite's dependency optimizer otherwise inlines peer `ilha` into prebundled
@@ -7,7 +11,12 @@ export declare function getRenderer(): AstroRenderer;
  *
  * `resolve.dedupe` + `optimizeDeps.exclude` keep a single module instance.
  */
-export declare function getViteConfig(): {
+export declare function getViteConfig(options?: IlhaIntegrationOptions): {
+    plugins: {
+        name: string;
+        resolveId(id: string): "\0virtual:@ilha/astro/options" | undefined;
+        load(id: string): string | undefined;
+    }[];
     resolve: {
         dedupe: string[];
     };
@@ -15,4 +24,4 @@ export declare function getViteConfig(): {
         exclude: string[];
     };
 };
-export default function ilhaIntegration(): AstroIntegration;
+export default function ilhaIntegration(options?: IlhaIntegrationOptions): AstroIntegration;

package/dist/index.js

@@ -1,4 +1,36 @@
 //#region src/index.ts
+const OPTIONS_MODULE = "virtual:@ilha/astro/options";
+function globToRegExp(pattern) {
+	let source = "^";
+	for (let i = 0; i < pattern.length; i++) {
+		const char = pattern[i];
+		if (char === "*") if (pattern[i + 1] === "*") {
+			i++;
+			if (pattern[i + 1] === "/") {
+				i++;
+				source += "(?:.*/)?";
+			} else source += ".*";
+		} else source += "[^/]*";
+		else if (char === "?") source += "[^/]";
+		else source += char.replace(/[\\^$.*+?()[\]{}|]/g, "\\$&");
+	}
+	return new RegExp(`${source}$`);
+}
+function patternList(patterns) {
+	return (typeof patterns === "string" ? [patterns] : patterns ?? []).map(globToRegExp).join(",");
+}
+function optionsPlugin(options) {
+	return {
+		name: "@ilha/astro:options",
+		resolveId(id) {
+			return id === OPTIONS_MODULE ? `\0${OPTIONS_MODULE}` : void 0;
+		},
+		load(id) {
+			if (id !== `\0${OPTIONS_MODULE}`) return;
+			return `const include=[${patternList(options.include)}],exclude=[${patternList(options.exclude)}];export default id=>(!include.length||include.some(pattern=>pattern.test(id)))&&!exclude.some(pattern=>pattern.test(id));`;
+		}
+	};
+}
 function getRenderer() {
 	return {
 		name: "@ilha/astro",
@@ -13,18 +45,19 @@ function getRenderer() {
 *
 * `resolve.dedupe` + `optimizeDeps.exclude` keep a single module instance.
 */
-function getViteConfig() {
+function getViteConfig(options = {}) {
 	return {
+		plugins: [optionsPlugin(options)],
 		resolve: { dedupe: ["ilha"] },
 		optimizeDeps: { exclude: ["ilha"] }
 	};
 }
-function ilhaIntegration() {
+function ilhaIntegration(options = {}) {
 	return {
 		name: "@ilha/astro",
 		hooks: { "astro:config:setup": ({ addRenderer, updateConfig }) => {
 			addRenderer(getRenderer());
-			updateConfig({ vite: getViteConfig() });
+			updateConfig({ vite: getViteConfig(options) });
 		} }
 	};
 }

package/dist/server.js

@@ -3,6 +3,10 @@ import ilha, { raw } from "ilha";
 //#region src/server.ts
 const ISLAND = Symbol.for("ilha.island");
 const RAW = Symbol.for("ilha.raw");
+let componentFilter;
+function getComponentFilter() {
+	return componentFilter ??= import("virtual:@ilha/astro/options").then(({ default: filter }) => filter).catch(() => () => true);
+}
 function isIsland(Component) {
 	return typeof Component === "function" && ISLAND in Component;
 }
@@ -73,7 +77,8 @@ async function renderPlainComponent(Component, props, slots, metadata) {
 		skipOnMount: true
 	});
 }
-async function check(Component, props, slots) {
+async function check(Component, props, slots, metadata) {
+	if (metadata?.componentUrl && !(await getComponentFilter())(metadata.componentUrl)) return false;
 	if (isIsland(Component)) return true;
 	if (typeof Component !== "function") return false;
 	try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ilha/astro",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "Astro integration for Ilha islands",
   "keywords": [
     "astro-component",
@@ -48,14 +48,15 @@
   },
   "scripts": {
     "build": "tsdown && tsc -p tsconfig.build.json",
+    "cleanup": "rimraf dist node_modules",
     "test": "bun test"
   },
   "devDependencies": {
-    "astro": "^7.1.6",
-    "ilha": "^0.10.1"
+    "astro": "^7.2.0",
+    "ilha": "^0.10.2"
   },
   "peerDependencies": {
-    "astro": "^7.0.0",
-    "ilha": ">=0.10.1"
+    "astro": "^7.2.0",
+    "ilha": ">=0.10.2"
   }
 }