@void/react 0.7.12 → 0.7.13

package/dist/plugin.d.mts

@@ -11,6 +11,6 @@ type VoidReactOptions = Readonly<{
   viewTransitions?: boolean;
   prefetch?: PrefetchConfig;
 }>;
-declare function voidReact(options?: VoidReactOptions): ReadonlyArray<Plugin>;
+declare function voidReact(options?: VoidReactOptions): Array<Plugin>;
 //#endregion
 export { VoidReactOptions, voidReact };

package/dist/plugin.mjs

@@ -141,6 +141,23 @@ const COMPONENT_EXTENSIONS = [
 	".ts",
 	".js"
 ];
+const ISLAND_IMPORT_RE = /import\s+([$_A-Za-z][$_\w]*)\s+from\s+("[^"]+"|'[^']+')\s+with\s*\{\s*island\s*:\s*("[^"]+"|'[^']+')\s*,?\s*\}/g;
+function findIslandImports(code) {
+	const imports = [];
+	let match;
+	ISLAND_IMPORT_RE.lastIndex = 0;
+	while ((match = ISLAND_IMPORT_RE.exec(code)) !== null) {
+		const specifierRaw = match[2];
+		imports.push({
+			statement: match[0],
+			importName: match[1],
+			specifierRaw,
+			specifier: specifierRaw.slice(1, -1),
+			hydrate: match[3].slice(1, -1)
+		});
+	}
+	return imports;
+}
 function islandsPlugin(pagesDir) {
 	let pageScan = null;
 	let isDev = false;
@@ -168,7 +185,6 @@ function islandsPlugin(pagesDir) {
 		async buildStart() {
 			if (existsSync(pagesDir)) {
 				pageScan = await scanPages(root);
-				const importAttrRe = /import\s+\w+\s+from\s+("[^"]+"|'[^']+')\s+with\s*\{\s*island\s*:\s*("[^"]+"|'[^']+')\s*\}/g;
 				const filesToScan = [
 					...pageScan.pages.map((page) => ({
 						filePath: page.componentPath,
@@ -188,11 +204,9 @@ function islandsPlugin(pagesDir) {
 					const filePath = resolve(pagesDir, entry.filePath);
 					const code = readFileSync(filePath, "utf-8");
 					const importerDir = dirname(filePath);
-					importAttrRe.lastIndex = 0;
-					let importMatch;
-					while ((importMatch = importAttrRe.exec(code)) !== null) {
-						const spec = importMatch[1].slice(1, -1);
-						const strategy = importMatch[2].slice(1, -1);
+					for (const islandImport of findIslandImports(code)) {
+						const spec = islandImport.specifier;
+						const strategy = islandImport.hydrate;
 						const absPath = resolveSpecifier(spec, importerDir, COMPONENT_EXTENSIONS);
 						if (absPath) {
 							const islandId = normalizePath(relative(root, absPath)).replace(/\.[^.]+$/, "");
@@ -250,18 +264,15 @@ function islandsPlugin(pagesDir) {
 			filter: { id: /\.island\.(tsx|jsx)$/ },
 			handler(code, id) {
 				if (/import\s+\{[^}]*\buseForm\b/.test(code)) this.warn(`islands: useForm cannot be imported in island page '${id}'. Use useIslandForm instead.`);
-				const importAttrRe = /import\s+(\w+)\s+from\s+("[^"]+"|'[^']+')\s+with\s*\{\s*island\s*:\s*("[^"]+"|'[^']+')\s*\}/g;
 				const importerDir = dirname(id);
 				let transformed = code;
 				const wrappers = [];
 				let idx = 0;
-				let match;
-				while ((match = importAttrRe.exec(code)) !== null) {
-					const name = match[1];
-					const specRaw = match[2];
-					const strategyRaw = match[3];
-					const spec = specRaw.slice(1, -1);
-					const strategy = strategyRaw.slice(1, -1);
+				for (const islandImport of findIslandImports(code)) {
+					const name = islandImport.importName;
+					const specRaw = islandImport.specifierRaw;
+					const strategy = islandImport.hydrate;
+					const spec = islandImport.specifier;
 					const rawName = `_raw_island_${idx++}`;
 					const absPath = resolveSpecifier(spec, importerDir, COMPONENT_EXTENSIONS);
 					if (absPath) {
@@ -274,7 +285,7 @@ function islandsPlugin(pagesDir) {
 					}
 					const islandId = absPath ? normalizePath(relative(root, absPath)).replace(/\.[^.]+$/, "") : spec;
 					const replacement = `import ${rawName} from ${specRaw}`;
-					transformed = transformed.replace(match[0], replacement);
+					transformed = transformed.replace(islandImport.statement, replacement);
 					wrappers.push(`var ${name} = function ${name}(props) { return _React_island.createElement("div", { "data-island": ${JSON.stringify(islandId)}, "data-props": JSON.stringify(props), "data-hydrate": ${JSON.stringify(strategy)} }, _React_island.createElement(${rawName}, props)); };`);
 				}
 				if (wrappers.length > 0) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@void/react",
-  "version": "0.7.12",
+  "version": "0.7.13",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/voidzero-dev/void.git",
@@ -51,13 +51,13 @@
     "react-dom": "^19.2.6",
     "vite": "npm:@voidzero-dev/vite-plus-core@0.1.20",
     "vite-plus": "^0.1.20",
-    "void": "0.7.12"
+    "void": "0.7.13"
   },
   "peerDependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "vite": "^8.0.0",
-    "void": "0.7.12"
+    "void": "0.7.13"
   },
   "scripts": {
     "build": "vp pack",