@shaper.org/vite-react-plugin 1.0.20 → 1.0.22-prerelease

package/dist/index.d.mts

@@ -12,6 +12,24 @@ declare const reactPlugin: (config: ReactPluginConfig) => ({
     code: any;
     map: null;
   } | null>;
+} | {
+  name: string;
+  enforce: string;
+  apply: string;
+  configResolved(resolvedConfig: vite0.ResolvedConfig): void;
+  resolveId(id: string): "virtual:routes-listening" | undefined;
+  load(id: string): string | undefined;
+  transformIndexHtml(html: string): Promise<{
+    html: string;
+    tags: {
+      tag: string;
+      injectTo: string;
+      attrs: {
+        src: string;
+        type: string;
+      };
+    }[];
+  }>;
 } | {
   name: string;
   enforce: string;

package/dist/index.mjs

@@ -37,8 +37,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 
 //#endregion
 //#region src/react-route-plugin.ts
-const mainContentPath$1 = join(dirname(fileURLToPath(import.meta.url)), "../templates/main.ts");
-const appendTo$1 = "src/main.tsx";
+const mainContentPath = join(dirname(fileURLToPath(import.meta.url)), "../templates/main.ts");
+const appendTo = "src/main.tsx";
 const reactRoutesPlugin = () => {
 	return {
 		name: "react-routes-plugin",
@@ -48,8 +48,8 @@ const reactRoutesPlugin = () => {
 		async transform(code, id, options) {
 			if (options?.ssr) return;
 			const [filename] = id.split("?", 2);
-			if (typeof appendTo$1 === "string" && filename.endsWith(appendTo$1)) {
-				const transformed = await transform(await readFile(mainContentPath$1, { encoding: "utf-8" }), {
+			if (typeof appendTo === "string" && filename.endsWith(appendTo)) {
+				const transformed = await transform(await readFile(mainContentPath, { encoding: "utf-8" }), {
 					loader: "ts",
 					format: "esm",
 					target: "es2022"
@@ -63,26 +63,34 @@ const reactRoutesPlugin = () => {
 
 //#endregion
 //#region src/react-route-generouted.ts
-const mainContentPath = join(dirname(fileURLToPath(import.meta.url)), "../templates/main-generouted.ts");
-const appendTo = "src/main.tsx";
+join(dirname(fileURLToPath(import.meta.url)), "../templates/main-generouted.ts");
 const reactRoutesGeneroutedPlugin = () => {
 	return {
 		name: "react-routes-plugin",
 		enforce: "post",
 		apply: "serve",
 		configResolved(resolvedConfig) {},
-		async transform(code, id, options) {
-			if (options?.ssr) return;
-			const [filename] = id.split("?", 2);
-			if (typeof appendTo === "string" && filename.endsWith(appendTo)) {
-				const transformed = await transform(await readFile(mainContentPath, { encoding: "utf-8" }), {
-					loader: "ts",
-					format: "esm",
-					target: "es2022"
-				});
-				code = `${code}\n${transformed.code}`;
+		resolveId(id) {
+			if (id === "virtual:routes-listening") return id;
+		},
+		load(id) {
+			if (id === "virtual:routes-listening") {
+				const runtimePath = fileURLToPath(new URL("../templates/main-generouted", import.meta.url));
+				return `import ${JSON.stringify(runtimePath)};`;
 			}
-			return code;
+		},
+		async transformIndexHtml(html) {
+			return {
+				html,
+				tags: [{
+					tag: "script",
+					injectTo: "body",
+					attrs: {
+						src: "/@id/virtual:routes-listening",
+						type: "module"
+					}
+				}]
+			};
 		}
 	};
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shaper.org/vite-react-plugin",
-  "version": "1.0.20",
+  "version": "1.0.22-prerelease",
   "description": "",
   "type": "module",
   "private": false,
@@ -16,36 +16,37 @@
     "node": "^20.19.0 || >=22.12.0"
   },
   "peerDependencies": {
-    "@shaper.org/core": "^1.0.4",
-    "vite": "^5.0.0 || ^6.0.0 || ^7.0.0",
-    "react": "^19.2.0"
+    "@shaper.org/core": "1.0.4-prerelease",
+    "react": "^19.2.0",
+    "vite": "^5.0.0 || ^6.0.0 || ^7.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.28.5",
     "@babel/preset-react": "^7.28.5",
     "@babel/preset-typescript": "^7.28.5",
     "@babel/types": "^7.28.5",
+    "@generouted/react-router": "^1.20.0",
     "@jridgewell/gen-mapping": "^0.3.13",
     "@jridgewell/trace-mapping": "^0.3.31",
     "@rollup/pluginutils": "^5.3.0",
-    "@shaper.org/core": "^1.0.4",
+    "@shaper.org/core": "1.0.4-prerelease",
     "esbuild": "^0.27.0",
     "obug": "^2.0.0",
+    "react": "^19.2.0",
     "rollup": "^4.53.3",
     "slash": "^5.1.0",
     "source-map-js": "^1.2.1",
     "tsdown": "^0.16.4",
     "typescript": "5.9.3",
-    "vite": "^7.2.4",
-    "react": "^19.2.0"
+    "vite": "^7.2.4"
   },
   "dependencies": {
-    "@rolldown/pluginutils": "1.0.0-beta.50",
-    "@shaper.org/core": "^1.0.0",
     "@babel/core": "^7.28.5",
     "@babel/preset-react": "^7.28.5",
     "@babel/preset-typescript": "^7.28.5",
-    "@babel/types": "^7.28.5"
+    "@babel/types": "^7.28.5",
+    "@rolldown/pluginutils": "1.0.0-beta.50",
+    "@shaper.org/core": "^1.0.0"
   },
   "tsdown": {
     "dts": true,

package/templates/main-generouted.ts

@@ -153,7 +153,7 @@ export class ReactRouteMonitor {
         const routes = validRoutes.map((route) => ({
             name: route.id,
             path: route.id === "index" ? route.path : `/${route.path}`,
-            file: `src/${route.id}.tsx`,
+            file: `src/pages/${route.id}.tsx`,
         }));
 
         this.iframeClient.sendAllRoutes(routes);
@@ -191,7 +191,7 @@ export class ReactRouteMonitor {
         const routeInfo = {
             name: to.id,
             path: to.id === "index" ? to.path : `/${to.path}`,
-            file: `src/${to.id}.tsx`,
+            file: `src/pages/${to.id}.tsx`,
         };
         this.iframeClient.sendRouteChange(routeInfo);
     };