vite-plugin-enter-dev 0.0.7 → 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

@@ -3,10 +3,189 @@ import react from '@vitejs/plugin-react';
 // src/index.ts
 
 // src/sourceInfoInjectPlugin.ts
+var threeFiberElems = /* @__PURE__ */ new Set([
+  "object3D",
+  "audioListener",
+  "positionalAudio",
+  "mesh",
+  "batchedMesh",
+  "instancedMesh",
+  "scene",
+  "sprite",
+  "lOD",
+  "skinnedMesh",
+  "skeleton",
+  "bone",
+  "lineSegments",
+  "lineLoop",
+  "points",
+  "group",
+  "camera",
+  "perspectiveCamera",
+  "orthographicCamera",
+  "cubeCamera",
+  "arrayCamera",
+  "instancedBufferGeometry",
+  "bufferGeometry",
+  "boxBufferGeometry",
+  "circleBufferGeometry",
+  "coneBufferGeometry",
+  "cylinderBufferGeometry",
+  "dodecahedronBufferGeometry",
+  "extrudeBufferGeometry",
+  "icosahedronBufferGeometry",
+  "latheBufferGeometry",
+  "octahedronBufferGeometry",
+  "planeBufferGeometry",
+  "polyhedronBufferGeometry",
+  "ringBufferGeometry",
+  "shapeBufferGeometry",
+  "sphereBufferGeometry",
+  "tetrahedronBufferGeometry",
+  "torusBufferGeometry",
+  "torusKnotBufferGeometry",
+  "tubeBufferGeometry",
+  "wireframeGeometry",
+  "tetrahedronGeometry",
+  "octahedronGeometry",
+  "icosahedronGeometry",
+  "dodecahedronGeometry",
+  "polyhedronGeometry",
+  "tubeGeometry",
+  "torusKnotGeometry",
+  "torusGeometry",
+  "sphereGeometry",
+  "ringGeometry",
+  "planeGeometry",
+  "latheGeometry",
+  "shapeGeometry",
+  "extrudeGeometry",
+  "edgesGeometry",
+  "coneGeometry",
+  "cylinderGeometry",
+  "circleGeometry",
+  "boxGeometry",
+  "capsuleGeometry",
+  "material",
+  "shadowMaterial",
+  "spriteMaterial",
+  "rawShaderMaterial",
+  "shaderMaterial",
+  "pointsMaterial",
+  "meshPhysicalMaterial",
+  "meshStandardMaterial",
+  "meshPhongMaterial",
+  "meshToonMaterial",
+  "meshNormalMaterial",
+  "meshLambertMaterial",
+  "meshDepthMaterial",
+  "meshDistanceMaterial",
+  "meshBasicMaterial",
+  "meshMatcapMaterial",
+  "lineDashedMaterial",
+  "lineBasicMaterial",
+  "primitive",
+  "light",
+  "spotLightShadow",
+  "spotLight",
+  "pointLight",
+  "rectAreaLight",
+  "hemisphereLight",
+  "directionalLightShadow",
+  "directionalLight",
+  "ambientLight",
+  "lightShadow",
+  "ambientLightProbe",
+  "hemisphereLightProbe",
+  "lightProbe",
+  "spotLightHelper",
+  "skeletonHelper",
+  "pointLightHelper",
+  "hemisphereLightHelper",
+  "gridHelper",
+  "polarGridHelper",
+  "directionalLightHelper",
+  "cameraHelper",
+  "boxHelper",
+  "box3Helper",
+  "planeHelper",
+  "arrowHelper",
+  "axesHelper",
+  "texture",
+  "videoTexture",
+  "dataTexture",
+  "dataTexture3D",
+  "compressedTexture",
+  "cubeTexture",
+  "canvasTexture",
+  "depthTexture",
+  "raycaster",
+  "vector2",
+  "vector3",
+  "vector4",
+  "euler",
+  "matrix3",
+  "matrix4",
+  "quaternion",
+  "bufferAttribute",
+  "float16BufferAttribute",
+  "float32BufferAttribute",
+  "float64BufferAttribute",
+  "int8BufferAttribute",
+  "int16BufferAttribute",
+  "int32BufferAttribute",
+  "uint8BufferAttribute",
+  "uint16BufferAttribute",
+  "uint32BufferAttribute",
+  "instancedBufferAttribute",
+  "color",
+  "fog",
+  "fogExp2",
+  "shape",
+  "colorShiftMaterial"
+]);
+function shouldTagElement(elementName, threeDreiImportedElements, threeDreiNamespaces) {
+  if (threeFiberElems.has(elementName)) {
+    return false;
+  }
+  if (threeDreiImportedElements.has(elementName)) {
+    return false;
+  }
+  if (elementName.includes(".")) {
+    const namespace = elementName.split(".")[0] || "";
+    if (threeDreiNamespaces.has(namespace)) {
+      return false;
+    }
+  }
+  return true;
+}
 function injectSourcePlugin({ types: t }) {
   return {
     name: "inject-source-location-enhanced",
     visitor: {
+      Program: {
+        enter(path, state) {
+          state.threeImportedElements = /* @__PURE__ */ new Set();
+          state.threeNamespaces = /* @__PURE__ */ new Set();
+        }
+      },
+      ImportDeclaration(path, state) {
+        const threeLibraries = [
+          "@react-three/fiber",
+          "@react-three/drei",
+          "@react-three/postprocessing",
+          "three"
+        ];
+        if (threeLibraries.includes(path.node.source.value)) {
+          path.node.specifiers.forEach((spec) => {
+            if (spec.type === "ImportSpecifier") {
+              state.threeImportedElements.add(spec.local.name);
+            } else if (spec.type === "ImportNamespaceSpecifier") {
+              state.threeNamespaces.add(spec.local.name);
+            }
+          });
+        }
+      },
       JSXElement(path, state) {
         const { node } = path;
         const filename = state.filename || state.file.opts.filename || "unknown";
@@ -16,6 +195,9 @@ function injectSourcePlugin({ types: t }) {
         const relativePath = filename.replace(/^.*\/src\//, "src/").replace(/\\/g, "/");
         const sourceLocation = `${relativePath}:${start.line}:${start.column + 1}`;
         const elementType = getElementType(node.openingElement.name);
+        if (!shouldTagElement(elementType, state.threeImportedElements || /* @__PURE__ */ new Set(), state.threeNamespaces || /* @__PURE__ */ new Set())) {
+          return;
+        }
         const elementInfo = {
           fileName: relativePath,
           lineNumber: start.line,
@@ -105,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",
@@ -128,7 +311,7 @@ function enterDevPlugin(options = {}) {
         ]
       ]
     }
-  });
+  }) : [];
   const htmlInjectPlugin = {
     name: "enter-dev-message-listener",
     enforce: "pre",
@@ -143,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,
@@ -251,12 +449,65 @@ function enterDevPlugin(options = {}) {
       return html;
     }
   };
-  return [...reactPlugin, htmlInjectPlugin];
+  const sandboxServerPlugin = {
+    name: "enter-dev-sandbox-server",
+    config(_, { command }) {
+      if (command !== "serve") return;
+      const isSandbox = process.cwd().startsWith("/workspace");
+      if (!isSandbox) return;
+      const port = process.env.ENTER_DEV_PORT ? parseInt(process.env.ENTER_DEV_PORT, 10) : void 0;
+      const basePath = process.env.ENTER_BASE_PATH || void 0;
+      return {
+        ...basePath && { base: basePath },
+        server: {
+          ...port && { port },
+          allowedHosts: true,
+          watch: { usePolling: true, interval: 500 }
+        }
+      };
+    }
+  };
+  const routerBasePlugin = {
+    name: "enter-dev-router-base",
+    enforce: "pre",
+    transform(code, id) {
+      if (!process.env.ENTER_BASE_PATH) return;
+      if (!id.match(/\.[jt]sx?$/)) return;
+      if (!code.includes("createBrowserRouter")) return;
+      if (code.includes("basename")) return;
+      return code.replace(
+        /createBrowserRouter\(([^,)]+)\)/g,
+        "createBrowserRouter($1, { basename: import.meta.env.BASE_URL })"
+      );
+    }
+  };
+  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.7",
+  "version": "0.0.10-alpha.0",
   "type": "module",
   "private": false,
   "description": "A Vite plugin for development enhancements",
@@ -16,6 +16,15 @@
   "files": [
     "dist"
   ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint . --max-warnings 0",
+    "typecheck": "tsc --noEmit"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
   "keywords": [
     "vite",
     "vite-plugin",
@@ -25,23 +34,19 @@
   ],
   "author": "",
   "license": "MIT",
+  "packageManager": "pnpm@10.15.0",
   "devDependencies": {
     "@types/node": "^20.19.9",
+    "@workspace/eslint-config": "workspace:*",
+    "@workspace/typescript-config": "workspace:*",
     "tsup": "^8.5.1",
     "typescript": "^5.9.2",
-    "vite": "^6.0.0",
-    "@workspace/typescript-config": "0.0.0",
-    "@workspace/eslint-config": "0.0.0"
+    "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"
-  },
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "lint": "eslint . --max-warnings 0"
   }
-}
+}