@rozenite/vite-plugin 1.13.0 → 2.1.0

package/dist/utils.d.ts.map

@@ -1 +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"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,yBAAyB,GAAI,WAAW,MAAM,EAAE,UAAU,MAAM,KAAG,MAAM,GAAG,IAYxF,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,CAAC,EAAE,IAAI,MAAM,CAAC,KAAG,CAAC,MAAM,CAAC,CAU7C,CAAC"}

package/package.json

@@ -1,35 +1,32 @@
 {
   "name": "@rozenite/vite-plugin",
-  "version": "1.13.0",
+  "version": "2.1.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",
-    "src",
-    "templates"
-  ],
   "keywords": [
-    "react-native",
     "devtools",
-    "vite",
-    "plugin"
+    "plugin",
+    "react-native",
+    "vite"
   ],
   "homepage": "https://github.com/callstackincubator/rozenite#readme",
   "bugs": {
     "url": "https://github.com/callstackincubator/rozenite/issues"
   },
+  "license": "MIT",
+  "author": "Szymon Chmal <szymon.chmal@callstack.com>",
   "repository": {
     "type": "git",
     "url": "https://github.com/callstackincubator/rozenite.git"
   },
-  "author": "Szymon Chmal <szymon.chmal@callstack.com>",
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  },
+  "files": [
+    "dist",
+    "src",
+    "templates"
+  ],
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
@@ -39,29 +36,31 @@
       "default": "./dist/index.cjs"
     }
   },
+  "publishConfig": {
+    "access": "public"
+  },
   "dependencies": {
     "@microsoft/api-extractor": "^7.50.1",
+    "@tailwindcss/vite": "4.2.2",
     "@vitejs/plugin-react": "^4.3.4",
     "ejs": "^3.1.9",
+    "lucide-react": "^0.263.1",
     "vite-plugin-dts": "~4.5.0",
-    "vite-plugin-react-native-web": "^2.1.1"
+    "vite-plugin-react-native-web": "^2.1.1",
+    "@rozenite/ui": "2.1.0"
+  },
+  "devDependencies": {
+    "@types/ejs": "^3.1.5",
+    "@types/react": "~19.2.3",
+    "@types/react-dom": "~19.2.3",
+    "react": "19.2.3",
+    "react-dom": "19.2.3"
   },
   "peerDependencies": {
     "react": "*",
     "react-dom": "*",
     "vite": "^7.3.1"
   },
-  "devDependencies": {
-    "@types/ejs": "^3.1.5",
-    "@types/react": "~19.2.2",
-    "@types/react-dom": "~19.1.7",
-    "baseui": "^16.1.1",
-    "react-json-tree": "^0.20.0",
-    "react": "19.2.0",
-    "react-dom": "19.2.0",
-    "styletron-engine-monolithic": "^1.0.0",
-    "styletron-react": "^6.1.1"
-  },
   "engines": {
     "node": ">=20"
   },

package/src/bundle-dts.ts

@@ -1,10 +1,6 @@
 import fs from 'node:fs/promises';
 import path from 'node:path';
-import {
-  Extractor,
-  ExtractorConfig,
-  ExtractorLogLevel,
-} from '@microsoft/api-extractor';
+import { Extractor, ExtractorConfig, ExtractorLogLevel } from '@microsoft/api-extractor';
 
 type Target = 'react-native' | 'metro' | 'sdk';
 
@@ -37,19 +33,15 @@ export const normalizeRolledUpDeclarations = (content: string) => {
     );
 };
 
-export const bundleTargetDeclarations = async (
-  projectRoot: string,
-  target: Target,
-) => {
+export const bundleTargetDeclarations = async (projectRoot: string, target: Target) => {
   const targetRoot = path.join(projectRoot, 'dist', target);
   const publicEntryPath = path.join(targetRoot, 'index.d.ts');
   const bundleEntryPath =
     target === 'sdk' ? path.join(targetRoot, `${target}.d.ts`) : publicEntryPath;
-  const entryPath =
-    (await fs
-      .access(bundleEntryPath)
-      .then(() => bundleEntryPath)
-      .catch(() => publicEntryPath));
+  const entryPath = await fs
+    .access(bundleEntryPath)
+    .then(() => bundleEntryPath)
+    .catch(() => publicEntryPath);
   const tempOutputPath = path.join(targetRoot, 'index.public.d.ts');
   const srcDeclarationsPath = path.join(targetRoot, 'src');
   const configObjectFullPath = path.join(projectRoot, 'api-extractor.json');

package/src/client-plugin.ts

@@ -43,18 +43,9 @@ type DevHostState = {
   panels: DevHostPanelEntry[];
 };
 
-const TEMPLATES_DIR = path.resolve(
-  fileURLToPath(import.meta.url),
-  '..',
-  '..',
-  'templates',
-);
-
-const PACKAGE_DIR = path.resolve(
-  fileURLToPath(import.meta.url),
-  '..',
-  '..',
-);
+const TEMPLATES_DIR = path.resolve(fileURLToPath(import.meta.url), '..', '..', 'templates');
+
+const PACKAGE_DIR = path.resolve(fileURLToPath(import.meta.url), '..', '..');
 
 const DEV_HOST_SOURCE_ENTRY_FILE = getDevHostSourceEntryFile(PACKAGE_DIR);
 
@@ -179,21 +170,19 @@ export const rozeniteClientPlugin = (): Plugin => {
 
       config.server ??= {};
       config.server.open =
-        config.server.open === true
-          ? DEV_HOST_ROUTE
-          : (config.server.open ?? DEV_HOST_ROUTE);
+        config.server.open === true ? DEV_HOST_ROUTE : (config.server.open ?? DEV_HOST_ROUTE);
       // Keep in sync with `DEV_SERVER_URL` in packages/runtime/src/dev-mode.ts
       config.server.port = 8888;
 
       config.build ??= {};
+      if (process.env.ROZENITE_BUILD === '1') {
+        config.build.emptyOutDir = false;
+      }
       config.build.rollupOptions ??= {};
       config.build.rollupOptions.input = {
         ...(config.build.rollupOptions.input as Record<string, string>),
         ...Object.fromEntries(
-          panels.map((panel) => [
-            panel.name,
-            `${DEVTOOLS_DIR}/${panel.htmlFile}`,
-          ]),
+          panels.map((panel) => [panel.name, `${DEVTOOLS_DIR}/${panel.htmlFile}`]),
         ),
       };
       config.build.rollupOptions.output = {
@@ -211,9 +200,7 @@ export const rozeniteClientPlugin = (): Plugin => {
         return devConfigModuleId;
       }
 
-      const isPanel = getPanels().some(
-        (panel) => `${DEVTOOLS_DIR}/${panel.htmlFile}` === id,
-      );
+      const isPanel = getPanels().some((panel) => `${DEVTOOLS_DIR}/${panel.htmlFile}` === id);
 
       if (isPanel) {
         return id;
@@ -229,9 +216,7 @@ export const rozeniteClientPlugin = (): Plugin => {
         return devConfigModule;
       }
 
-      const panel = getPanels().find(
-        (panel) => `${DEVTOOLS_DIR}/${panel.htmlFile}` === id,
-      );
+      const panel = getPanels().find((panel) => `${DEVTOOLS_DIR}/${panel.htmlFile}` === id);
 
       if (panel) {
         return generatePanelHtmlContent(panel);
@@ -285,14 +270,8 @@ export const rozeniteClientPlugin = (): Plugin => {
 
       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',
-        );
+        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;
@@ -334,9 +313,7 @@ export const rozeniteClientPlugin = (): Plugin => {
           return;
         }
 
-        const panel = panels.find(
-          (panel) => `/${DEVTOOLS_DIR}/` + panel.htmlFile === url,
-        );
+        const panel = panels.find((panel) => `/${DEVTOOLS_DIR}/` + panel.htmlFile === url);
 
         if (panel) {
           const htmlContent = generatePanelHtmlContent(panel);