vite-plugin-enter-dev 0.0.7 → 0.0.8

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,
@@ -251,7 +433,39 @@ 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 })"
+      );
+    }
+  };
+  return [...reactPlugin, htmlInjectPlugin, sandboxServerPlugin, routerBasePlugin];
 }
 function enterProdPlugin(options = {}) {
   const {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-enter-dev",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "type": "module",
   "private": false,
   "description": "A Vite plugin for development enhancements",
@@ -16,6 +16,11 @@
   "files": [
     "dist"
   ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint . --max-warnings 0"
+  },
   "keywords": [
     "vite",
     "vite-plugin",
@@ -25,23 +30,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"
   },
   "dependencies": {
     "@vitejs/plugin-react": "^5.1.1"
-  },
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "lint": "eslint . --max-warnings 0"
   }
-}
+}