fix(vite): babel transform being applied for non-js files (denoland#3238)

Author: marvinhagemeister

deno.lock

@@ -0,0 +1,3 @@
+import { value } from "@marvinh-test/import-json";
+
+export const handler = () => Response.json(value);

packages/plugin-vite/demo/routes/tests/dep_json.tsx

@@ -22,6 +22,7 @@
     "@babel/core": "npm:@babel/core@^7.28.0",
     "@babel/preset-react": "npm:@babel/preset-react@^7.27.1",
     "@deno/loader": "jsr:@deno/loader@^0.3.2",
+    "@marvinh-test/import-json": "jsr:@marvinh-test/import-json@^0.0.1",
     "@prefresh/vite": "npm:@prefresh/vite@^2.4.8",
     "@tailwindcss/vite": "npm:@tailwindcss/vite@^4.1.12",
     "@types/babel__core": "npm:@types/babel__core@^7.20.5",

packages/plugin-vite/deno.json

@@ -323,10 +323,7 @@ function babelTransform(
     isDev: boolean;
   },
 ) {
-  if (
-    !isJsMediaType(options.media) &&
-    !/^https?:\/\//.test(options.id)
-  ) {
+  if (!isJsMediaType(options.media)) {
     return null;
   }
 

packages/plugin-vite/src/plugins/deno.ts

@@ -340,3 +340,24 @@ Deno.test({
   sanitizeOps: false,
   sanitizeResources: false,
 });
+
+Deno.test({
+  name: "vite build - import json from jsr dependency",
+  fn: async () => {
+    await using res = await buildVite(DEMO_DIR);
+
+    await withChildProcessServer(
+      {
+        cwd: res.tmp,
+        args: ["serve", "-A", "--port", "0", "_fresh/server.js"],
+      },
+      async (address) => {
+        const res = await fetch(`${address}/tests/dep_json`);
+        const json = await res.json();
+        expect(json.name).toEqual("@marvinh-test/import-json");
+      },
+    );
+  },
+  sanitizeOps: false,
+  sanitizeResources: false,
+});

packages/plugin-vite/tests/build_test.ts

@@ -238,3 +238,16 @@ Deno.test({
   sanitizeResources: false,
   sanitizeOps: false,
 });
+
+Deno.test({
+  name: "vite dev - json from jsr dependency",
+  fn: async () => {
+    await withDevServer(DEMO_DIR, async (address) => {
+      const res = await fetch(`${address}/tests/dep_json`);
+      const json = await res.json();
+      expect(json.name).toEqual("@marvinh-test/import-json");
+    });
+  },
+  sanitizeResources: false,
+  sanitizeOps: false,
+});