@rozenite/vite-plugin 1.0.0-alpha.0

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2025 Szymon Chmal
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/client-plugin.d.ts

@@ -0,0 +1,3 @@
+import { Plugin } from 'vite';
+export declare const rozeniteClientPlugin: () => Plugin;
+//# sourceMappingURL=client-plugin.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"client-plugin.d.ts","sourceRoot":"","sources":["../src/client-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAiB,MAAM,MAAM,CAAC;AAyBlD,eAAO,MAAM,oBAAoB,QAAO,MA4KvC,CAAC"}

package/dist/index.cjs

@@ -0,0 +1,282 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("@vitejs/plugin-react");
+const viteRequire = require("vite-require");
+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 ejs = require("ejs");
+const node_url = require("node:url");
+const vite = require("vite");
+const fs$1 = require("node:fs/promises");
+const dtsPlugin = require("vite-plugin-dts");
+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.ssr = true;
+      config.build.rollupOptions.output = {
+        format: "cjs"
+      };
+    }
+  };
+};
+const loadConfig = async (configPath) => {
+  const absoluteConfigPath = path.resolve(process.cwd(), configPath);
+  if (!fs.existsSync(absoluteConfigPath)) {
+    throw new Error(`Configuration file not found: ${absoluteConfigPath}`);
+  }
+  try {
+    const configContent = await fs.promises.readFile(
+      absoluteConfigPath,
+      "utf-8"
+    );
+    const result = await vite.transformWithEsbuild(
+      configContent,
+      absoluteConfigPath,
+      {
+        loader: "ts",
+        format: "cjs",
+        target: "esnext"
+      }
+    );
+    const moduleExports = {};
+    const module2 = { exports: moduleExports };
+    const exports2 = moduleExports;
+    const moduleFunction = new Function("module", "exports", result.code);
+    moduleFunction(module2, exports2);
+    const configModule = module2.exports;
+    const config = configModule.default || configModule;
+    if (!config || typeof config !== "object") {
+      throw new Error("Configuration must export an object");
+    }
+    return config;
+  } catch (error) {
+    if (error instanceof Error) {
+      throw new Error(
+        `Failed to load configuration from ${configPath}: ${error.message}`
+      );
+    }
+    throw new Error(`Failed to load configuration from ${configPath}`);
+  }
+};
+const getPackageJSON = async (projectRoot) => {
+  const packageJSONPath = path.join(projectRoot, "package.json");
+  const packageJSON = await fs$1.readFile(packageJSONPath, "utf8");
+  return JSON.parse(packageJSON);
+};
+const TEMPLATES_DIR = path.resolve(
+  node_url.fileURLToPath(typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("index.cjs", document.baseURI).href),
+  "..",
+  "..",
+  "templates"
+);
+const PANELS_DIR = "./panels";
+const rozeniteClientPlugin = () => {
+  let projectRoot = process$1.cwd();
+  let viteServer = null;
+  let rozeniteConfig = null;
+  const getRozeniteConfig = () => {
+    if (!rozeniteConfig) {
+      throw new Error("rozenite.config.ts not found");
+    }
+    return rozeniteConfig;
+  };
+  const getPanels = () => {
+    return getRozeniteConfig().panels.map((entry) => {
+      const name = path.basename(entry.source, path.extname(entry.source));
+      return {
+        name,
+        label: entry.name,
+        sourceFile: path.resolve(projectRoot, entry.source),
+        htmlFile: name + ".html"
+      };
+    });
+  };
+  const PANEL_TEMPLATE = path.join(TEMPLATES_DIR, "panel.ejs");
+  const generatePanelHtmlContent = (panel) => {
+    const template = fs.readFileSync(PANEL_TEMPLATE, "utf-8");
+    const relativePath = path.relative(projectRoot, panel.sourceFile);
+    return ejs.render(template, {
+      panelName: panel.name,
+      panelFile: relativePath
+    });
+  };
+  return {
+    name: "rozenite-client-plugin",
+    async config(config) {
+      var _a;
+      if (config.root) {
+        projectRoot = config.root;
+      }
+      rozeniteConfig = await loadConfig(
+        path.resolve(projectRoot, "rozenite.config.ts")
+      );
+      const panels = getPanels();
+      config.server ?? (config.server = {});
+      config.server.open = false;
+      config.server.port = 8888;
+      config.build ?? (config.build = {});
+      (_a = config.build).rollupOptions ?? (_a.rollupOptions = {});
+      config.build.rollupOptions.input = {
+        ...config.build.rollupOptions.input,
+        ...Object.fromEntries(
+          panels.map((panel) => [panel.name, panel.htmlFile])
+        )
+      };
+    },
+    resolveId(id) {
+      const isPanel = getPanels().some((panel) => panel.htmlFile === id);
+      if (isPanel) {
+        return id;
+      }
+      return null;
+    },
+    load(id) {
+      const panel = getPanels().find((panel2) => panel2.htmlFile === id);
+      if (panel) {
+        return generatePanelHtmlContent(panel);
+      }
+      return null;
+    },
+    async configureServer(server) {
+      viteServer = server;
+      const packageJSON = await getPackageJSON(projectRoot);
+      server.middlewares.use((req, res, next) => {
+        res.setHeader("Access-Control-Allow-Origin", "*");
+        res.setHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, OPTIONS");
+        res.setHeader("Access-Control-Allow-Headers", "Content-Type, Authorization");
+        if (req.method === "OPTIONS") {
+          res.statusCode = 200;
+          res.end();
+          return;
+        }
+        const panels = getPanels();
+        const url = req.url || "/";
+        if (url === "/rozenite.json") {
+          res.setHeader("Content-Type", "application/json");
+          res.end(JSON.stringify({
+            name: packageJSON.name,
+            version: packageJSON.version,
+            description: packageJSON.description,
+            panels: panels.map((panel2) => ({
+              name: panel2.label,
+              source: panel2.htmlFile
+            }))
+          }, null, 2));
+          return;
+        }
+        const panel = panels.find((panel2) => "/" + panel2.htmlFile === url);
+        if (panel) {
+          const htmlContent = generatePanelHtmlContent(panel);
+          server.transformIndexHtml(req.url || "/", htmlContent).then((html) => {
+            res.setHeader("Content-Type", "text/html");
+            res.end(html);
+          }).catch((err) => {
+            next(err);
+          });
+          return;
+        }
+        next();
+      });
+    },
+    watchChange(id, change) {
+      if (change.event !== "create" && change.event !== "delete") {
+        return;
+      }
+      const relativePath = path.relative(projectRoot, id);
+      if (!relativePath.startsWith(PANELS_DIR)) {
+        return;
+      }
+      viteServer == null ? void 0 : viteServer.ws.send({
+        type: "full-reload",
+        path: "/"
+      });
+    },
+    async generateBundle() {
+      const panels = getPanels();
+      const packageJSON = await getPackageJSON(projectRoot);
+      this.emitFile({
+        type: "asset",
+        fileName: "rozenite.json",
+        source: JSON.stringify({
+          name: packageJSON.name,
+          version: packageJSON.version,
+          description: packageJSON.description,
+          panels: panels.map((panel) => ({
+            name: panel.label,
+            source: panel.htmlFile
+          }))
+        })
+      });
+    }
+  };
+};
+const rozeniteReactNativePlugin = () => {
+  return {
+    name: "rozenite-react-native-plugin",
+    config(config) {
+      var _a;
+      const projectRoot = config.root ?? process.cwd();
+      config.build ?? (config.build = {});
+      (_a = config.build).rollupOptions ?? (_a.rollupOptions = {});
+      config.build.lib = {
+        entry: path.resolve(projectRoot, "react-native.ts"),
+        formats: ["es", "cjs"],
+        fileName: (format) => `react-native.${format === "es" ? "js" : "cjs"}`
+      };
+      config.build.rollupOptions.external = (id) => {
+        if (id.startsWith("node:")) {
+          return true;
+        }
+        return !id.startsWith(".") && !path.isAbsolute(id);
+      };
+      delete config.build.rollupOptions.input;
+    }
+  };
+};
+const rozenitePlugin = () => {
+  const isServer = process.env.VITE_ROZENITE_TARGET === "server";
+  const isReactNative = process.env.VITE_ROZENITE_TARGET === "react-native";
+  if (isServer) {
+    return [rozeniteServerPlugin()];
+  } else if (isReactNative) {
+    return [
+      react(),
+      viteRequire.viteRequire(),
+      rozeniteReactNativePlugin(),
+      dtsPlugin({ rollupTypes: true })
+    ];
+  }
+  return [
+    react(),
+    // @ts-expect-error: TypeScript gets confused by the dual export
+    reactNativeWeb(),
+    rozeniteClientPlugin()
+  ];
+};
+exports.rozenitePlugin = rozenitePlugin;

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+import { PluginOption } from 'vite';
+export declare const rozenitePlugin: () => PluginOption[];
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AASzC,eAAO,MAAM,cAAc,QAAO,YAAY,EAqB7C,CAAC"}

package/dist/index.js

@@ -0,0 +1,281 @@
+import react from "@vitejs/plugin-react";
+import { viteRequire } from "vite-require";
+import reactNativeWeb from "vite-plugin-react-native-web";
+import process$1 from "node:process";
+import fs from "node:fs";
+import path from "node:path";
+import ejs from "ejs";
+import { fileURLToPath } from "node:url";
+import { transformWithEsbuild } from "vite";
+import fs$1 from "node:fs/promises";
+import dtsPlugin from "vite-plugin-dts";
+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.ssr = true;
+      config.build.rollupOptions.output = {
+        format: "cjs"
+      };
+    }
+  };
+};
+const loadConfig = async (configPath) => {
+  const absoluteConfigPath = path.resolve(process.cwd(), configPath);
+  if (!fs.existsSync(absoluteConfigPath)) {
+    throw new Error(`Configuration file not found: ${absoluteConfigPath}`);
+  }
+  try {
+    const configContent = await fs.promises.readFile(
+      absoluteConfigPath,
+      "utf-8"
+    );
+    const result = await transformWithEsbuild(
+      configContent,
+      absoluteConfigPath,
+      {
+        loader: "ts",
+        format: "cjs",
+        target: "esnext"
+      }
+    );
+    const moduleExports = {};
+    const module = { exports: moduleExports };
+    const exports = moduleExports;
+    const moduleFunction = new Function("module", "exports", result.code);
+    moduleFunction(module, exports);
+    const configModule = module.exports;
+    const config = configModule.default || configModule;
+    if (!config || typeof config !== "object") {
+      throw new Error("Configuration must export an object");
+    }
+    return config;
+  } catch (error) {
+    if (error instanceof Error) {
+      throw new Error(
+        `Failed to load configuration from ${configPath}: ${error.message}`
+      );
+    }
+    throw new Error(`Failed to load configuration from ${configPath}`);
+  }
+};
+const getPackageJSON = async (projectRoot) => {
+  const packageJSONPath = path.join(projectRoot, "package.json");
+  const packageJSON = await fs$1.readFile(packageJSONPath, "utf8");
+  return JSON.parse(packageJSON);
+};
+const TEMPLATES_DIR = path.resolve(
+  fileURLToPath(import.meta.url),
+  "..",
+  "..",
+  "templates"
+);
+const PANELS_DIR = "./panels";
+const rozeniteClientPlugin = () => {
+  let projectRoot = process$1.cwd();
+  let viteServer = null;
+  let rozeniteConfig = null;
+  const getRozeniteConfig = () => {
+    if (!rozeniteConfig) {
+      throw new Error("rozenite.config.ts not found");
+    }
+    return rozeniteConfig;
+  };
+  const getPanels = () => {
+    return getRozeniteConfig().panels.map((entry) => {
+      const name = path.basename(entry.source, path.extname(entry.source));
+      return {
+        name,
+        label: entry.name,
+        sourceFile: path.resolve(projectRoot, entry.source),
+        htmlFile: name + ".html"
+      };
+    });
+  };
+  const PANEL_TEMPLATE = path.join(TEMPLATES_DIR, "panel.ejs");
+  const generatePanelHtmlContent = (panel) => {
+    const template = fs.readFileSync(PANEL_TEMPLATE, "utf-8");
+    const relativePath = path.relative(projectRoot, panel.sourceFile);
+    return ejs.render(template, {
+      panelName: panel.name,
+      panelFile: relativePath
+    });
+  };
+  return {
+    name: "rozenite-client-plugin",
+    async config(config) {
+      var _a;
+      if (config.root) {
+        projectRoot = config.root;
+      }
+      rozeniteConfig = await loadConfig(
+        path.resolve(projectRoot, "rozenite.config.ts")
+      );
+      const panels = getPanels();
+      config.server ?? (config.server = {});
+      config.server.open = false;
+      config.server.port = 8888;
+      config.build ?? (config.build = {});
+      (_a = config.build).rollupOptions ?? (_a.rollupOptions = {});
+      config.build.rollupOptions.input = {
+        ...config.build.rollupOptions.input,
+        ...Object.fromEntries(
+          panels.map((panel) => [panel.name, panel.htmlFile])
+        )
+      };
+    },
+    resolveId(id) {
+      const isPanel = getPanels().some((panel) => panel.htmlFile === id);
+      if (isPanel) {
+        return id;
+      }
+      return null;
+    },
+    load(id) {
+      const panel = getPanels().find((panel2) => panel2.htmlFile === id);
+      if (panel) {
+        return generatePanelHtmlContent(panel);
+      }
+      return null;
+    },
+    async configureServer(server) {
+      viteServer = server;
+      const packageJSON = await getPackageJSON(projectRoot);
+      server.middlewares.use((req, res, next) => {
+        res.setHeader("Access-Control-Allow-Origin", "*");
+        res.setHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, OPTIONS");
+        res.setHeader("Access-Control-Allow-Headers", "Content-Type, Authorization");
+        if (req.method === "OPTIONS") {
+          res.statusCode = 200;
+          res.end();
+          return;
+        }
+        const panels = getPanels();
+        const url = req.url || "/";
+        if (url === "/rozenite.json") {
+          res.setHeader("Content-Type", "application/json");
+          res.end(JSON.stringify({
+            name: packageJSON.name,
+            version: packageJSON.version,
+            description: packageJSON.description,
+            panels: panels.map((panel2) => ({
+              name: panel2.label,
+              source: panel2.htmlFile
+            }))
+          }, null, 2));
+          return;
+        }
+        const panel = panels.find((panel2) => "/" + panel2.htmlFile === url);
+        if (panel) {
+          const htmlContent = generatePanelHtmlContent(panel);
+          server.transformIndexHtml(req.url || "/", htmlContent).then((html) => {
+            res.setHeader("Content-Type", "text/html");
+            res.end(html);
+          }).catch((err) => {
+            next(err);
+          });
+          return;
+        }
+        next();
+      });
+    },
+    watchChange(id, change) {
+      if (change.event !== "create" && change.event !== "delete") {
+        return;
+      }
+      const relativePath = path.relative(projectRoot, id);
+      if (!relativePath.startsWith(PANELS_DIR)) {
+        return;
+      }
+      viteServer == null ? void 0 : viteServer.ws.send({
+        type: "full-reload",
+        path: "/"
+      });
+    },
+    async generateBundle() {
+      const panels = getPanels();
+      const packageJSON = await getPackageJSON(projectRoot);
+      this.emitFile({
+        type: "asset",
+        fileName: "rozenite.json",
+        source: JSON.stringify({
+          name: packageJSON.name,
+          version: packageJSON.version,
+          description: packageJSON.description,
+          panels: panels.map((panel) => ({
+            name: panel.label,
+            source: panel.htmlFile
+          }))
+        })
+      });
+    }
+  };
+};
+const rozeniteReactNativePlugin = () => {
+  return {
+    name: "rozenite-react-native-plugin",
+    config(config) {
+      var _a;
+      const projectRoot = config.root ?? process.cwd();
+      config.build ?? (config.build = {});
+      (_a = config.build).rollupOptions ?? (_a.rollupOptions = {});
+      config.build.lib = {
+        entry: path.resolve(projectRoot, "react-native.ts"),
+        formats: ["es", "cjs"],
+        fileName: (format) => `react-native.${format === "es" ? "js" : "cjs"}`
+      };
+      config.build.rollupOptions.external = (id) => {
+        if (id.startsWith("node:")) {
+          return true;
+        }
+        return !id.startsWith(".") && !path.isAbsolute(id);
+      };
+      delete config.build.rollupOptions.input;
+    }
+  };
+};
+const rozenitePlugin = () => {
+  const isServer = process.env.VITE_ROZENITE_TARGET === "server";
+  const isReactNative = process.env.VITE_ROZENITE_TARGET === "react-native";
+  if (isServer) {
+    return [rozeniteServerPlugin()];
+  } else if (isReactNative) {
+    return [
+      react(),
+      viteRequire(),
+      rozeniteReactNativePlugin(),
+      dtsPlugin({ rollupTypes: true })
+    ];
+  }
+  return [
+    react(),
+    // @ts-expect-error: TypeScript gets confused by the dual export
+    reactNativeWeb(),
+    rozeniteClientPlugin()
+  ];
+};
+export {
+  rozenitePlugin
+};

package/dist/load-config.d.ts

@@ -0,0 +1,9 @@
+export type PanelEntry = {
+    name: string;
+    source: string;
+};
+export type RozeniteConfig = {
+    panels: PanelEntry[];
+};
+export declare const loadConfig: (configPath: string) => Promise<RozeniteConfig>;
+//# sourceMappingURL=load-config.d.ts.map

package/dist/load-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"load-config.d.ts","sourceRoot":"","sources":["../src/load-config.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,UAAU,EAAE,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,YAAY,MAAM,KACjB,OAAO,CAAC,cAAc,CA8CxB,CAAC"}

package/dist/package-json.d.ts

@@ -0,0 +1,7 @@
+export type PackageJSON = {
+    name: string;
+    description: string;
+    version: string;
+};
+export declare const getPackageJSON: (projectRoot: string) => Promise<PackageJSON>;
+//# sourceMappingURL=package-json.d.ts.map

package/dist/package-json.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"package-json.d.ts","sourceRoot":"","sources":["../src/package-json.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAU,aAAa,MAAM,KAAG,OAAO,CAAC,WAAW,CAI7E,CAAC"}

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

@@ -0,0 +1,3 @@
+import { Plugin } from 'vite';
+export declare const rozeniteReactNativePlugin: () => Plugin;
+//# sourceMappingURL=react-native-plugin.d.ts.map

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

@@ -0,0 +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"}

package/dist/server-plugin.d.ts

@@ -0,0 +1,3 @@
+import { Plugin } from 'vite';
+export declare const rozeniteServerPlugin: () => Plugin;
+//# sourceMappingURL=server-plugin.d.ts.map

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

@@ -0,0 +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"}

package/dist/utils.d.ts

@@ -0,0 +1,3 @@
+export declare const resolveFileWithExtensions: (directory: string, baseName: string) => string | null;
+export declare const memo: <T>(fn: () => T) => (() => T);
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,yBAAyB,GACpC,WAAW,MAAM,EACjB,UAAU,MAAM,KACf,MAAM,GAAG,IAYX,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,CAAC,EAAE,IAAI,MAAM,CAAC,KAAG,CAAC,MAAM,CAAC,CAU7C,CAAC"}

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@rozenite/vite-plugin",
+  "version": "1.0.0-alpha.0",
+  "description": "Vite plugin for developing React Native DevTools plugins with hot reload and development tools",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "templates"
+  ],
+  "keywords": [
+    "react-native",
+    "devtools",
+    "vite",
+    "plugin"
+  ],
+  "homepage": "https://github.com/callstackincubator/rozenite#readme",
+  "bugs": {
+    "url": "https://github.com/callstackincubator/rozenite/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/callstackincubator/rozenite.git"
+  },
+  "author": "Szymon Chmal <szymon.chmal@callstack.com>",
+  "license": "MIT",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "development": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.cjs"
+    }
+  },
+  "dependencies": {
+    "@vitejs/plugin-react": "^4.3.4",
+    "ejs": "^3.1.9",
+    "vite-plugin-dts": "~4.5.0",
+    "vite-plugin-react-native-web": "^2.1.1",
+    "vite-require": "^0.2.3"
+  },
+  "peerDependencies": {
+    "vite": "^6.0.0"
+  },
+  "devDependencies": {
+    "@types/ejs": "^3.1.5"
+  },
+  "engines": {
+    "node": ">=22"
+  },
+  "scripts": {
+    "build": "vite build"
+  }
+}

package/templates/panel.ejs

@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title><%= panelName %> Panel</title>
+    <style>
+      html,
+      body {
+        height: 100%;
+      }
+
+      body {
+        overflow: hidden;
+      }
+
+      #root {
+        display: flex;
+        height: 100%;
+      }
+    </style>
+    <script>
+      var __ROZENITE_PANEL__ = true;
+    </script>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module">
+      import { AppRegistry } from 'react-native';
+      import PanelComponent from '/<%= panelFile %>';
+
+      const panelName = '<%= panelName %>';
+
+      AppRegistry.registerComponent(panelName, () => PanelComponent);
+
+      AppRegistry.runApplication(panelName, {
+        initialProps: {},
+        rootTag: document.getElementById('root'),
+      });
+    </script>
+  </body>
+</html>