@rozenite/vite-plugin 1.0.0-alpha.4 → 1.0.0-alpha.6

package/dist/index.cjs

@@ -3,8 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const react = require("@vitejs/plugin-react");
 const reactNativeWeb = require("vite-plugin-react-native-web");
 const process$1 = require("node:process");
-const fs = require("node:fs");
 const path = require("node:path");
+const fs = require("node:fs");
 const ejs = require("ejs");
 const node_url = require("node:url");
 const vite = require("vite");
@@ -12,35 +12,23 @@ const fs$1 = require("node:fs/promises");
 const maybeDtsPlugin = require("vite-plugin-dts");
 const assert = require("node:assert");
 var _documentCurrentScript = typeof document !== "undefined" ? document.currentScript : null;
-const resolveFileWithExtensions = (directory, baseName) => {
-  const extensions = [".tsx", ".ts", ".jsx", ".js"];
-  for (const ext of extensions) {
-    const filePath = path.join(directory, baseName + ext);
-    if (fs.existsSync(filePath)) {
-      return filePath;
-    }
-  }
-  return null;
-};
 const rozeniteServerPlugin = () => {
   return {
     name: "rozenite-server-plugin",
     config(config) {
-      var _a;
       const projectRoot = config.root ?? process$1.cwd();
-      const backgroundFilePath = resolveFileWithExtensions(
-        projectRoot,
-        "background"
-      );
-      if (!backgroundFilePath) {
-        throw new Error("Background file not found");
-      }
       config.build ?? (config.build = {});
-      (_a = config.build).rollupOptions ?? (_a.rollupOptions = {});
-      config.build.rollupOptions.input = backgroundFilePath;
+      config.build.lib = {
+        entry: path.resolve(projectRoot, "metro.ts"),
+        formats: ["es", "cjs"],
+        fileName: (format) => `metro.${format === "es" ? "js" : "cjs"}`
+      };
       config.build.ssr = true;
-      config.build.rollupOptions.output = {
-        format: "cjs"
+      config.build.rollupOptions = {
+        output: {
+          exports: "named",
+          interop: "auto"
+        }
       };
     }
   };
@@ -267,15 +255,68 @@ const rozeniteReactNativePlugin = () => {
         }
         return !id.startsWith(".") && !path.isAbsolute(id);
       };
+      config.build.rollupOptions.output = {
+        exports: "named",
+        interop: "auto"
+      };
       delete config.build.rollupOptions.input;
     }
   };
 };
+const REQUIRE_REGEX = /require\s*\(\s*['"`]([^'"`]+)['"`]\s*\)/g;
+const IMPORT_PREFIX = "__import_";
 function requirePlugin() {
   let input = "";
   let inputName = "";
   let isDevMode = false;
   const moduleToChunkMap = /* @__PURE__ */ new Map();
+  const moduleInfoMap = /* @__PURE__ */ new Map();
+  const extractModuleName = (filePath) => {
+    return path.basename(filePath).replace(/\.[^/.]+$/, "");
+  };
+  const getFileExtension = (format) => {
+    return format === "es" ? ".js" : ".cjs";
+  };
+  const findRequireStatements = (code) => {
+    const requires = /* @__PURE__ */ new Set();
+    let match;
+    REQUIRE_REGEX.lastIndex = 0;
+    while ((match = REQUIRE_REGEX.exec(code)) !== null) {
+      const moduleName = match[1];
+      if (moduleName && moduleName.trim()) {
+        requires.add(moduleName.trim());
+      }
+    }
+    return requires;
+  };
+  const transformRequireToImports = (code) => {
+    const imports = [];
+    const importMap = /* @__PURE__ */ new Map();
+    const requires = findRequireStatements(code);
+    requires.forEach((moduleName, index) => {
+      const importName = `${IMPORT_PREFIX}${index}`;
+      importMap.set(moduleName, importName);
+      imports.push(`import * as ${importName} from '${moduleName}';`);
+    });
+    let transformedCode = code.replace(REQUIRE_REGEX, (match, moduleName) => {
+      const importName = importMap.get(moduleName.trim());
+      return importName || match;
+    });
+    if (imports.length > 0) {
+      transformedCode = imports.join("\n") + "\n" + transformedCode;
+    }
+    return { code: transformedCode, imports, importMap };
+  };
+  const transformRequireToChunkReferences = (code, format) => {
+    return code.replace(REQUIRE_REGEX, (match, moduleName) => {
+      const chunkName = moduleToChunkMap.get(moduleName.trim());
+      if (chunkName) {
+        const extension = getFileExtension(format);
+        return `require('./${chunkName}${extension}')`;
+      }
+      return match;
+    });
+  };
   return {
     name: "vite-require-plugin",
     configResolved(config) {
@@ -285,85 +326,77 @@ function requirePlugin() {
       if (!isDevMode || id !== input) {
         return null;
       }
-      let transformedCode = code;
-      const imports = [];
-      const importMap = /* @__PURE__ */ new Map();
-      const requireRegex = /require\s*\(\s*['"`]([^'"`]+)['"`]\s*\)/g;
-      let match;
-      while ((match = requireRegex.exec(code)) !== null) {
-        const moduleName = match[1];
-        if (moduleName && !importMap.has(moduleName)) {
-          const importName = `__import_${importMap.size}`;
-          importMap.set(moduleName, importName);
-          imports.push(`import * as ${importName} from '${moduleName}';`);
-        }
-      }
-      transformedCode = transformedCode.replace(
-        /require\s*\(\s*['"`]([^'"`]+)['"`]\s*\)/g,
-        (match2, moduleName) => {
-          const importName = importMap.get(moduleName);
-          return importName || match2;
-        }
-      );
-      if (imports.length > 0) {
-        transformedCode = imports.join("\n") + "\n" + transformedCode;
+      try {
+        const result = transformRequireToImports(code);
+        return {
+          code: result.code,
+          map: null
+        };
+      } catch (error) {
+        console.error("Error transforming require statements:", error);
+        return null;
       }
-      return {
-        code: transformedCode,
-        map: null
-      };
     },
     async buildStart(options) {
-      assert(Array.isArray(options.input), "input must be an array");
-      assert(
-        options.input.length === 1,
-        "input must be an array with one entry"
-      );
-      input = options.input[0];
-      inputName = path.basename(input).replace(/\.[^/.]+$/, "");
-      const code = fs.readFileSync(input, "utf-8");
-      const requires = /* @__PURE__ */ new Set();
-      const requireRegex = /require\s*\(\s*['"`]([^'"`]+)['"`]\s*\)/g;
-      let match;
-      while ((match = requireRegex.exec(code)) !== null) {
-        const moduleName = match[1];
-        if (moduleName) {
-          requires.add(moduleName);
-        }
-      }
-      for (const req of requires) {
-        const resolved = await this.resolve(req, input);
-        if (resolved) {
-          const fileName = path.basename(resolved.id).replace(/\.[^/.]+$/, "") + ".js";
-          this.addWatchFile(resolved.id);
-          this.emitFile({
-            type: "chunk",
-            id: resolved.id,
-            fileName
-          });
-          moduleToChunkMap.set(req, fileName);
+      try {
+        assert(Array.isArray(options.input), "input must be an array");
+        assert(
+          options.input.length === 1,
+          "input must be an array with one entry"
+        );
+        input = options.input[0];
+        inputName = extractModuleName(input);
+        const code = fs.readFileSync(input, "utf-8");
+        const requires = findRequireStatements(code);
+        for (const req of requires) {
+          try {
+            const resolved = await this.resolve(req, input);
+            if (resolved) {
+              const fileName = extractModuleName(resolved.id);
+              this.addWatchFile(resolved.id);
+              this.emitFile({
+                type: "chunk",
+                id: resolved.id,
+                fileName
+              });
+              moduleToChunkMap.set(req, fileName);
+              moduleInfoMap.set(req, {
+                fileName,
+                resolvedId: resolved.id
+              });
+            } else {
+              console.warn(`Could not resolve module: ${req}`);
+            }
+          } catch (error) {
+            console.error(`Error resolving module ${req}:`, error);
+          }
         }
+      } catch (error) {
+        console.error("Error in buildStart:", error);
+        throw error;
       }
     },
-    renderChunk(code, chunk) {
-      if (chunk.name !== inputName) {
+    renderChunk(code, chunk, options) {
+      try {
+        const additionalChunkNames = Array.from(moduleToChunkMap.values());
+        if (additionalChunkNames.includes(chunk.fileName)) {
+          chunk.fileName = chunk.fileName + getFileExtension(options.format);
+        }
+        if (chunk.name !== inputName) {
+          return null;
+        }
+        const transformedCode = transformRequireToChunkReferences(
+          code,
+          options.format
+        );
+        return {
+          code: transformedCode,
+          map: null
+        };
+      } catch (error) {
+        console.error("Error in renderChunk:", error);
         return null;
       }
-      let transformedCode = code;
-      transformedCode = transformedCode.replace(
-        /require\s*\(\s*['"`]([^'"`]+)['"`]\s*\)/g,
-        (match, moduleName) => {
-          const chunkName = moduleToChunkMap.get(moduleName);
-          if (chunkName) {
-            return `require('./${chunkName}')`;
-          }
-          return match;
-        }
-      );
-      return {
-        code: transformedCode,
-        map: null
-      };
     }
   };
 }
@@ -372,13 +405,13 @@ const rozenitePlugin = () => {
   const isServer = process.env.VITE_ROZENITE_TARGET === "server";
   const isReactNative = process.env.VITE_ROZENITE_TARGET === "react-native";
   if (isServer) {
-    return [rozeniteServerPlugin()];
+    return [rozeniteServerPlugin(), dtsPlugin()];
   } else if (isReactNative) {
     return [
       react(),
       requirePlugin(),
       rozeniteReactNativePlugin(),
-      dtsPlugin({ rollupTypes: true })
+      dtsPlugin()
     ];
   }
   return [

package/dist/index.js

@@ -1,43 +1,31 @@
 import react from "@vitejs/plugin-react";
 import reactNativeWeb from "vite-plugin-react-native-web";
 import process$1 from "node:process";
-import fs, { readFileSync } from "node:fs";
 import path from "node:path";
+import fs, { readFileSync } from "node:fs";
 import ejs from "ejs";
 import { fileURLToPath } from "node:url";
 import { transformWithEsbuild } from "vite";
 import fs$1 from "node:fs/promises";
 import maybeDtsPlugin from "vite-plugin-dts";
 import assert from "node:assert";
-const resolveFileWithExtensions = (directory, baseName) => {
-  const extensions = [".tsx", ".ts", ".jsx", ".js"];
-  for (const ext of extensions) {
-    const filePath = path.join(directory, baseName + ext);
-    if (fs.existsSync(filePath)) {
-      return filePath;
-    }
-  }
-  return null;
-};
 const rozeniteServerPlugin = () => {
   return {
     name: "rozenite-server-plugin",
     config(config) {
-      var _a;
       const projectRoot = config.root ?? process$1.cwd();
-      const backgroundFilePath = resolveFileWithExtensions(
-        projectRoot,
-        "background"
-      );
-      if (!backgroundFilePath) {
-        throw new Error("Background file not found");
-      }
       config.build ?? (config.build = {});
-      (_a = config.build).rollupOptions ?? (_a.rollupOptions = {});
-      config.build.rollupOptions.input = backgroundFilePath;
+      config.build.lib = {
+        entry: path.resolve(projectRoot, "metro.ts"),
+        formats: ["es", "cjs"],
+        fileName: (format) => `metro.${format === "es" ? "js" : "cjs"}`
+      };
       config.build.ssr = true;
-      config.build.rollupOptions.output = {
-        format: "cjs"
+      config.build.rollupOptions = {
+        output: {
+          exports: "named",
+          interop: "auto"
+        }
       };
     }
   };
@@ -264,15 +252,68 @@ const rozeniteReactNativePlugin = () => {
         }
         return !id.startsWith(".") && !path.isAbsolute(id);
       };
+      config.build.rollupOptions.output = {
+        exports: "named",
+        interop: "auto"
+      };
       delete config.build.rollupOptions.input;
     }
   };
 };
+const REQUIRE_REGEX = /require\s*\(\s*['"`]([^'"`]+)['"`]\s*\)/g;
+const IMPORT_PREFIX = "__import_";
 function requirePlugin() {
   let input = "";
   let inputName = "";
   let isDevMode = false;
   const moduleToChunkMap = /* @__PURE__ */ new Map();
+  const moduleInfoMap = /* @__PURE__ */ new Map();
+  const extractModuleName = (filePath) => {
+    return path.basename(filePath).replace(/\.[^/.]+$/, "");
+  };
+  const getFileExtension = (format) => {
+    return format === "es" ? ".js" : ".cjs";
+  };
+  const findRequireStatements = (code) => {
+    const requires = /* @__PURE__ */ new Set();
+    let match;
+    REQUIRE_REGEX.lastIndex = 0;
+    while ((match = REQUIRE_REGEX.exec(code)) !== null) {
+      const moduleName = match[1];
+      if (moduleName && moduleName.trim()) {
+        requires.add(moduleName.trim());
+      }
+    }
+    return requires;
+  };
+  const transformRequireToImports = (code) => {
+    const imports = [];
+    const importMap = /* @__PURE__ */ new Map();
+    const requires = findRequireStatements(code);
+    requires.forEach((moduleName, index) => {
+      const importName = `${IMPORT_PREFIX}${index}`;
+      importMap.set(moduleName, importName);
+      imports.push(`import * as ${importName} from '${moduleName}';`);
+    });
+    let transformedCode = code.replace(REQUIRE_REGEX, (match, moduleName) => {
+      const importName = importMap.get(moduleName.trim());
+      return importName || match;
+    });
+    if (imports.length > 0) {
+      transformedCode = imports.join("\n") + "\n" + transformedCode;
+    }
+    return { code: transformedCode, imports, importMap };
+  };
+  const transformRequireToChunkReferences = (code, format) => {
+    return code.replace(REQUIRE_REGEX, (match, moduleName) => {
+      const chunkName = moduleToChunkMap.get(moduleName.trim());
+      if (chunkName) {
+        const extension = getFileExtension(format);
+        return `require('./${chunkName}${extension}')`;
+      }
+      return match;
+    });
+  };
   return {
     name: "vite-require-plugin",
     configResolved(config) {
@@ -282,85 +323,77 @@ function requirePlugin() {
       if (!isDevMode || id !== input) {
         return null;
       }
-      let transformedCode = code;
-      const imports = [];
-      const importMap = /* @__PURE__ */ new Map();
-      const requireRegex = /require\s*\(\s*['"`]([^'"`]+)['"`]\s*\)/g;
-      let match;
-      while ((match = requireRegex.exec(code)) !== null) {
-        const moduleName = match[1];
-        if (moduleName && !importMap.has(moduleName)) {
-          const importName = `__import_${importMap.size}`;
-          importMap.set(moduleName, importName);
-          imports.push(`import * as ${importName} from '${moduleName}';`);
-        }
-      }
-      transformedCode = transformedCode.replace(
-        /require\s*\(\s*['"`]([^'"`]+)['"`]\s*\)/g,
-        (match2, moduleName) => {
-          const importName = importMap.get(moduleName);
-          return importName || match2;
-        }
-      );
-      if (imports.length > 0) {
-        transformedCode = imports.join("\n") + "\n" + transformedCode;
+      try {
+        const result = transformRequireToImports(code);
+        return {
+          code: result.code,
+          map: null
+        };
+      } catch (error) {
+        console.error("Error transforming require statements:", error);
+        return null;
       }
-      return {
-        code: transformedCode,
-        map: null
-      };
     },
     async buildStart(options) {
-      assert(Array.isArray(options.input), "input must be an array");
-      assert(
-        options.input.length === 1,
-        "input must be an array with one entry"
-      );
-      input = options.input[0];
-      inputName = path.basename(input).replace(/\.[^/.]+$/, "");
-      const code = readFileSync(input, "utf-8");
-      const requires = /* @__PURE__ */ new Set();
-      const requireRegex = /require\s*\(\s*['"`]([^'"`]+)['"`]\s*\)/g;
-      let match;
-      while ((match = requireRegex.exec(code)) !== null) {
-        const moduleName = match[1];
-        if (moduleName) {
-          requires.add(moduleName);
-        }
-      }
-      for (const req of requires) {
-        const resolved = await this.resolve(req, input);
-        if (resolved) {
-          const fileName = path.basename(resolved.id).replace(/\.[^/.]+$/, "") + ".js";
-          this.addWatchFile(resolved.id);
-          this.emitFile({
-            type: "chunk",
-            id: resolved.id,
-            fileName
-          });
-          moduleToChunkMap.set(req, fileName);
+      try {
+        assert(Array.isArray(options.input), "input must be an array");
+        assert(
+          options.input.length === 1,
+          "input must be an array with one entry"
+        );
+        input = options.input[0];
+        inputName = extractModuleName(input);
+        const code = readFileSync(input, "utf-8");
+        const requires = findRequireStatements(code);
+        for (const req of requires) {
+          try {
+            const resolved = await this.resolve(req, input);
+            if (resolved) {
+              const fileName = extractModuleName(resolved.id);
+              this.addWatchFile(resolved.id);
+              this.emitFile({
+                type: "chunk",
+                id: resolved.id,
+                fileName
+              });
+              moduleToChunkMap.set(req, fileName);
+              moduleInfoMap.set(req, {
+                fileName,
+                resolvedId: resolved.id
+              });
+            } else {
+              console.warn(`Could not resolve module: ${req}`);
+            }
+          } catch (error) {
+            console.error(`Error resolving module ${req}:`, error);
+          }
         }
+      } catch (error) {
+        console.error("Error in buildStart:", error);
+        throw error;
       }
     },
-    renderChunk(code, chunk) {
-      if (chunk.name !== inputName) {
+    renderChunk(code, chunk, options) {
+      try {
+        const additionalChunkNames = Array.from(moduleToChunkMap.values());
+        if (additionalChunkNames.includes(chunk.fileName)) {
+          chunk.fileName = chunk.fileName + getFileExtension(options.format);
+        }
+        if (chunk.name !== inputName) {
+          return null;
+        }
+        const transformedCode = transformRequireToChunkReferences(
+          code,
+          options.format
+        );
+        return {
+          code: transformedCode,
+          map: null
+        };
+      } catch (error) {
+        console.error("Error in renderChunk:", error);
         return null;
       }
-      let transformedCode = code;
-      transformedCode = transformedCode.replace(
-        /require\s*\(\s*['"`]([^'"`]+)['"`]\s*\)/g,
-        (match, moduleName) => {
-          const chunkName = moduleToChunkMap.get(moduleName);
-          if (chunkName) {
-            return `require('./${chunkName}')`;
-          }
-          return match;
-        }
-      );
-      return {
-        code: transformedCode,
-        map: null
-      };
     }
   };
 }
@@ -369,13 +402,13 @@ const rozenitePlugin = () => {
   const isServer = process.env.VITE_ROZENITE_TARGET === "server";
   const isReactNative = process.env.VITE_ROZENITE_TARGET === "react-native";
   if (isServer) {
-    return [rozeniteServerPlugin()];
+    return [rozeniteServerPlugin(), dtsPlugin()];
   } else if (isReactNative) {
     return [
       react(),
       requirePlugin(),
       rozeniteReactNativePlugin(),
-      dtsPlugin({ rollupTypes: true })
+      dtsPlugin()
     ];
   }
   return [

package/dist/react-native-plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react-native-plugin.d.ts","sourceRoot":"","sources":["../src/react-native-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAG9B,eAAO,MAAM,yBAAyB,QAAO,MA0B5C,CAAC"}
+{"version":3,"file":"react-native-plugin.d.ts","sourceRoot":"","sources":["../src/react-native-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAG9B,eAAO,MAAM,yBAAyB,QAAO,MA+B5C,CAAC"}

package/dist/require-plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"require-plugin.d.ts","sourceRoot":"","sources":["../src/require-plugin.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAE9B,MAAM,CAAC,OAAO,UAAU,aAAa,IAAI,MAAM,CAsH9C"}
+{"version":3,"file":"require-plugin.d.ts","sourceRoot":"","sources":["../src/require-plugin.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAgB9B,MAAM,CAAC,OAAO,UAAU,aAAa,IAAI,MAAM,CAuL9C"}

package/dist/server-plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server-plugin.d.ts","sourceRoot":"","sources":["../src/server-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAInC,eAAO,MAAM,oBAAoB,QAAO,MAwBvC,CAAC"}
+{"version":3,"file":"server-plugin.d.ts","sourceRoot":"","sources":["../src/server-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAInC,eAAO,MAAM,oBAAoB,QAAO,MAsBvC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rozenite/vite-plugin",
-  "version": "1.0.0-alpha.4",
+  "version": "1.0.0-alpha.6",
   "description": "Vite plugin for developing React Native DevTools plugins with hot reload and development tools",
   "type": "module",
   "main": "./dist/index.cjs",