vite-plugin-enter-dev 0.0.8 → 0.0.10-alpha.0

package/dist/index.d.ts

@@ -5,6 +5,17 @@ interface DevOptions {
      * 是否注入消息监听器脚本（默认：true）
      */
     injectMessageListener?: boolean;
+    /**
+     * 是否注册 @vitejs/plugin-react（默认：true）。
+     *
+     * 宿主框架自己已经注册了 React 转换时必须传 false：vinext 会在
+     * configResolved 里检测重复注册并直接抛错
+     * （"[vinext] Duplicate @vitejs/plugin-react detected"），
+     * 整个 dev server 和 build 都起不来。关掉后本插件只保留
+     * allowedHosts / 端口 / base / 消息监听，代价是失去可视化编辑
+     * 需要的源码位置注入。
+     */
+    react?: boolean;
 }
 declare function enterDevPlugin(options?: DevOptions): Plugin[];
 interface ProdOptions {

package/dist/index.js

@@ -287,9 +287,10 @@ function getParentElementType(parentNode) {
 // src/index.ts
 function enterDevPlugin(options = {}) {
   const {
-    injectMessageListener = true
+    injectMessageListener = true,
+    react: enableReact = true
   } = options;
-  const reactPlugin = react({
+  const reactPlugin = enableReact ? react({
     // 确保在开发模式下启用JSX源码映射
     jsxImportSource: void 0,
     jsxRuntime: "automatic",
@@ -310,7 +311,7 @@ function enterDevPlugin(options = {}) {
         ]
       ]
     }
-  });
+  }) : [];
   const htmlInjectPlugin = {
     name: "enter-dev-message-listener",
     enforce: "pre",
@@ -325,6 +326,21 @@ function enterDevPlugin(options = {}) {
       window.__earlyConsoleLogs__ = [];
       
       const earlyErrorHandler = function(event) {
+        const target = event.target;
+        if (target && (target.tagName === 'SCRIPT' || target.tagName === 'LINK')) {
+          const isStylesheet =
+            target.tagName === 'LINK' &&
+            String(target.rel || '').toLowerCase().split(/s+/).includes('stylesheet');
+          if (target.tagName === 'SCRIPT' || isStylesheet) {
+            window.__earlyErrors__.push({
+              type: 'resource',
+              resourceType: target.tagName === 'SCRIPT' ? 'script' : 'stylesheet',
+              url: target.src || target.href || '',
+              timestamp: Date.now()
+            });
+            return;
+          }
+        }
         window.__earlyErrors__.push({
           type: 'error',
           message: event.message,
@@ -465,12 +481,33 @@ function enterDevPlugin(options = {}) {
       );
     }
   };
-  return [...reactPlugin, htmlInjectPlugin, sandboxServerPlugin, routerBasePlugin];
+  const publicAssetReloadPlugin = {
+    name: "enter-dev-public-asset-reload",
+    apply: "serve",
+    configureServer(server) {
+      if (!process.cwd().startsWith("/workspace")) return;
+      const publicDir = server.config.publicDir;
+      const inPublicDir = (file) => file === publicDir || file.startsWith(`${publicDir}/`);
+      let timer;
+      const scheduleReload = () => {
+        clearTimeout(timer);
+        timer = setTimeout(() => {
+          server.ws.send({ type: "full-reload" });
+        }, 300);
+      };
+      for (const event of ["change", "add", "unlink"]) {
+        server.watcher.on(event, (file) => {
+          if (inPublicDir(file)) scheduleReload();
+        });
+      }
+    }
+  };
+  return [...reactPlugin, htmlInjectPlugin, sandboxServerPlugin, routerBasePlugin, publicAssetReloadPlugin];
 }
 function enterProdPlugin(options = {}) {
   const {
     injectGoogleFonts = true,
-    googleFontsUrl = "https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900;950&family=Poppins:wght@100;200;300;400;500;600;700;800;900;950&family=Roboto:wght@100;200;300;400;500;600;700;800;900;950&display=swap"
+    googleFontsUrl = "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Funnel+Display:wght@300..800&family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Lora:ital,wght@0,400..700;1,400..700&family=Manrope:wght@200..800&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Space+Grotesk:wght@300..700&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap"
   } = options;
   const fontsInjectPlugin = {
     name: "enter-prod-fonts-inject",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-enter-dev",
-  "version": "0.0.8",
+  "version": "0.0.10-alpha.0",
   "type": "module",
   "private": false,
   "description": "A Vite plugin for development enhancements",
@@ -19,7 +19,11 @@
   "scripts": {
     "build": "tsup",
     "dev": "tsup --watch",
-    "lint": "eslint . --max-warnings 0"
+    "lint": "eslint . --max-warnings 0",
+    "typecheck": "tsc --noEmit"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
   },
   "keywords": [
     "vite",
@@ -40,7 +44,7 @@
     "vite": "^6.0.0"
   },
   "peerDependencies": {
-    "vite": "^5.0.0 || ^6.0.0"
+    "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
   },
   "dependencies": {
     "@vitejs/plugin-react": "^5.1.1"