@shaper.org/vite-react-plugin 1.0.15 → 1.0.17

package/dist/index.d.mts

@@ -3,25 +3,6 @@ import { UserConfig } from "vite";
 
 //#region src/index.d.ts
 declare const reactPlugin: (config: UserConfig) => ({
-  name: string;
-  enforce: string;
-  resolveId(id: string): "virtual:hmr-events-plugin" | undefined;
-  load(id: string): string | undefined;
-  transformIndexHtml(html: string): {
-    html: string;
-    tags: {
-      tag: string;
-      injectTo: string;
-      type: string;
-      attrs: {
-        src: string;
-        type: string;
-      };
-    }[];
-  };
-  configureServer(server: vite0.ViteDevServer): void;
-  handleHotUpdate(ctx: vite0.HmrContext): vite0.ModuleNode[];
-} | {
   name: string;
   enforce: string;
   transform(code: any, id: any): Promise<{
@@ -34,6 +15,9 @@ declare const reactPlugin: (config: UserConfig) => ({
   apply: string;
   configResolved(resolvedConfig: vite0.ResolvedConfig): void;
   transform(code: string, id: string, options: Record<string, any>): Promise<string | undefined>;
+} | {
+  name: string;
+  configureServer(server: any): void;
 })[];
 //#endregion
 export { reactPlugin };

package/dist/index.mjs

@@ -1814,13 +1814,30 @@ function jsxSourcePlugin(options = {}) {
 								ExportNamedDeclaration(path) {
 									const decl = path.node.declaration;
 									if (t.isFunctionDeclaration(decl) && decl.id) injectAtProgramEnd(decl.id.name);
+									if (t.isClassDeclaration(decl) && decl.id) injectAtProgramEnd(decl.id.name);
 									if (t.isVariableDeclaration(decl)) {
 										for (const d of decl.declarations) if (t.isIdentifier(d.id) && (t.isArrowFunctionExpression(d.init) || t.isFunctionExpression(d.init))) injectAtProgramEnd(d.id.name);
 									}
+									for (const spec of path.node.specifiers) if (t.isExportSpecifier(spec)) injectAtProgramEnd(spec.local.name);
 								},
 								ExportDefaultDeclaration(path) {
 									const decl = path.node.declaration;
-									if (t.isIdentifier(decl)) injectAtProgramEnd(decl.name);
+									if (t.isFunctionDeclaration(decl) && decl.id) {
+										injectAtProgramEnd(decl.id.name);
+										return;
+									}
+									if (t.isClassDeclaration(decl) && decl.id) {
+										injectAtProgramEnd(decl.id.name);
+										return;
+									}
+									if (t.isIdentifier(decl)) {
+										injectAtProgramEnd(decl.name);
+										return;
+									}
+									if (t.isExportSpecifier?.(decl)) {
+										injectAtProgramEnd(decl.local.name);
+										return;
+									}
 								}
 							});
 						},
@@ -1844,13 +1861,47 @@ function jsxSourcePlugin(options = {}) {
 	};
 }
 
+//#endregion
+//#region src/analyze-deps-plugin.ts
+function analyzeDepsPlugin() {
+	return {
+		name: "analyze-deps",
+		configureServer(server) {
+			server.middlewares.use("/__analyze", async (req, res) => {
+				console.log(req.url);
+				try {
+					const entry = new URL(req.url, "http://localhost").searchParams.get("entry");
+					await server.transformRequest(entry);
+					const mod = await server.moduleGraph.getModuleByUrl(entry);
+					const result = [];
+					for (const nodeModule of mod._clientModule.importedModules) result.push({
+						id: nodeModule.id,
+						file: nodeModule.file
+					});
+					res.setHeader("Content-Type", "application/json");
+					res.statusCode = 200;
+					res.end(JSON.stringify({
+						modules: result,
+						file: mod._clientModule.file
+					}));
+				} catch (err) {
+					res.setHeader("Content-Type", "application/json");
+					res.statusCode = 500;
+					res.end(JSON.stringify({ msg: err.message ?? "Unexpected error." }));
+				}
+			});
+		}
+	};
+}
+
 //#endregion
 //#region src/index.ts
 const reactPlugin = (config) => {
 	return [
 		HMREventsPlugin(),
 		jsxSourcePlugin(config),
-		reactRoutesPlugin()
+		reactRoutesPlugin(),
+		analyzeDepsPlugin()
 	];
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shaper.org/vite-react-plugin",
-  "version": "1.0.15",
+  "version": "1.0.17",
   "description": "",
   "type": "module",
   "private": false,

package/templates/main.ts

@@ -142,9 +142,11 @@ export class ReactRouteMonitor {
         const routes = validRoutes.map((route) => ({
             name: route.path,
             path: route.path,
-            file: route.element.type.__file,
+            file: route.element.type.__file || "src/",
         }));
 
+        console.log(routes);
+
         this.iframeClient.sendAllRoutes(routes);
     }
 
@@ -182,7 +184,7 @@ export class ReactRouteMonitor {
         const routeInfo = {
             name: toPathname,
             path: toPathname,
-            file: to.element.type().props["data-loc"],
+            file: to.element.type.__file || "src/",
         };
 
         if (toPathname === fromPathname) {
@@ -237,5 +239,7 @@ const monitor = new ReactRouteMonitor({
     },
 });
 
+
+
 monitor.start();
 monitor.triggerRoutes();