refactor(vite): replace old environment APIs (#3634)

I was perusing the code whilst investigating #3606 and noticed that,
despite the release post claiming that Fresh had ["fully
embrace[d]"](https://deno.com/blog/fresh-and-vite#:~:text=fully%20embraces)
the Vite Environment API, it was still using `ssrLoadModule`. Once I
started looking, I noticed a bunch of other code that wasn't
future-proof (env-wise, not rolldown-wise, which'll bring it's own swath
of deprecations[^1]), so I updated them as well.

The newly added source map tests from #3624 currently fail again because
the ModuleRunner API at the heart of the Environment API relies on
[`process.setSourceMapsEnabled`](https://docs.deno.com/api/node/process/~/Process.setSourceMapsEnabled),
which is [currently set to
no-op](denoland/deno#22993) in Deno.

[^1]: Separately tried to try out rolldown-vite but it seems that Deno
doesn't support aliasing dependencies whatsoever? (I know there's not
official support, but I was going to try to edit the lockfile to hack
around it; however, it seems that there's not alias support in there at
all?)

Author: lishaduck

deno.lock

@@ -11,4 +11,5 @@ export default defineConfig({
     }),
     tailwind(),
   ],
+  future: "warn",
 });

packages/plugin-vite/demo/vite.config.ts

@@ -25,7 +25,7 @@
     "@babel/preset-react": "npm:@babel/preset-react@^7.27.1",
     "@deno/loader": "jsr:@deno/loader@^0.3.10",
     "@marvinh-test/import-json": "jsr:@marvinh-test/import-json@^0.0.1",
-    "@mjackson/node-fetch-server": "npm:@mjackson/node-fetch-server@^0.7.0",
+    "@remix-run/node-fetch-server": "npm:@remix-run/node-fetch-server@^0.12.0",
     "@prefresh/vite": "npm:@prefresh/vite@^2.4.8",
     "@radix-ui/themes": "npm:@radix-ui/themes@^3.2.1",
     "@tailwindcss/vite": "npm:@tailwindcss/vite@^4.1.12",

packages/plugin-vite/deno.json

@@ -256,6 +256,6 @@ async function loadEnvFile(envPath: string) {
   try {
     await stdLoadEnv({ envPath, export: true });
   } catch {
-    // Ignoe
+    // Ignore
   }
 }

packages/plugin-vite/src/mod.ts

@@ -15,7 +15,7 @@ export function clientEntryPlugin(options: ResolvedFreshViteConfig): Plugin {
       isDev = env.command === "serve";
     },
     applyToEnvironment(env) {
-      return env.name === "client";
+      return env.config.consumer === "client";
     },
     configResolved(config) {
       clientEntry = pathWithRoot(options.clientEntry, config.root);

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

@@ -17,7 +17,7 @@ export function clientSnapshot(options: ResolvedFreshViteConfig): Plugin[] {
       name: "fresh:client-snapshot",
       sharedDuringBuild: true,
       applyToEnvironment(env) {
-        return env.name === "client";
+        return env.config.consumer === "client";
       },
 
       async config(cfg, env) {

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

@@ -64,7 +64,9 @@ export function deno(): Plugin {
           external: true,
         };
       }
-      const loader = options?.ssr ? ssrLoader : browserLoader;
+      const loader = this.environment.config.consumer === "server"
+        ? ssrLoader
+        : browserLoader;
 
       const original = id;
 
@@ -154,8 +156,10 @@ export function deno(): Plugin {
         // ignore
       }
     },
-    async load(id, options) {
-      const loader = options?.ssr ? ssrLoader : browserLoader;
+    async load(id) {
+      const loader = this.environment.config.consumer === "server"
+        ? ssrLoader
+        : browserLoader;
 
       if (isDenoSpecifier(id)) {
         const { type, specifier } = parseDenoSpecifier(id);
@@ -168,7 +172,7 @@ export function deno(): Plugin {
         const code = new TextDecoder().decode(result.code);
 
         const maybeJsx = babelTransform({
-          ssr: !!options?.ssr,
+          ssr: this.environment.config.consumer === "server",
           media: result.mediaType,
           code,
           id: specifier,
@@ -212,7 +216,7 @@ export function deno(): Plugin {
       const code = new TextDecoder().decode(result.code);
 
       const maybeJsx = babelTransform({
-        ssr: !!options?.ssr,
+        ssr: this.environment.config.consumer === "server",
         media: result.mediaType,
         id,
         code,
@@ -230,10 +234,10 @@ export function deno(): Plugin {
       filter: {
         id: JSX_REG,
       },
-      async handler(_, id, options) {
+      async handler(_, id) {
         // This transform is a hack to be able to re-use Deno's precompile
         // jsx transform.
-        if (!options?.ssr) {
+        if (this.environment.name === "client") {
           return;
         }
 

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

@@ -1,7 +1,7 @@
 import type { DevEnvironment, Plugin } from "vite";
 import * as path from "@std/path";
 import { ASSET_CACHE_BUST_KEY } from "fresh/internal";
-import { createRequest, sendResponse } from "@mjackson/node-fetch-server";
+import { createRequest, sendResponse } from "@remix-run/node-fetch-server";
 import { hashCode } from "../shared.ts";
 
 export function devServer(): Plugin[] {
@@ -118,7 +118,7 @@ export function devServer(): Plugin[] {
     {
       name: "fresh:server_hmr",
       applyToEnvironment(env) {
-        return env.name === "ssr";
+        return env.config.consumer === "server";
       },
       hotUpdate(options) {
         const clientMod = options.server.environments.client.moduleGraph

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

@@ -26,9 +26,9 @@ export function patches(): Plugin {
       filter: {
         id: JS_REG,
       },
-      handler(code, id, options) {
+      handler(code, id) {
         const presets = [];
-        if (!options?.ssr && JSX_REG.test(id)) {
+        if (this.environment.config.consumer === "client" && JSX_REG.test(id)) {
           presets.push([babelReact, {
             runtime: "automatic",
             importSource: "preact",
@@ -40,7 +40,7 @@ export function patches(): Plugin {
         const env = isDev ? "development" : "production";
 
         const plugins: babel.PluginItem[] = [
-          codeEvalPlugin(options?.ssr ? "ssr" : "client", env),
+          codeEvalPlugin(this.environment.config.consumer, env),
           cjsPlugin,
           removePolyfills,
           jsxComments,

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

@@ -3,7 +3,7 @@ import type { PluginObj, PluginPass, types } from "@babel/core";
 const APPLY_PG_QUIRKS = "applyPgQuirks";
 
 export function codeEvalPlugin(
-  env: "ssr" | "client",
+  env: "server" | "client",
   mode: string,
 ) {
   return (
@@ -41,7 +41,7 @@ export function codeEvalPlugin(
 
 function evaluateExpr(
   t: typeof types,
-  env: "client" | "ssr",
+  env: "server" | "client",
   mode: string,
   node: types.Node,
   state: PluginPass,
@@ -76,9 +76,9 @@ function evaluateExpr(
       node.right.value === "undefined"
     ) {
       if (node.operator === "==" || node.operator === "===") {
-        return env !== "ssr";
+        return env !== "server";
       } else if (node.operator === "!=" || node.operator === "!==") {
-        return env === "ssr";
+        return env === "server";
       }
     } else if (
       // Workaround for npm:pg
@@ -125,7 +125,7 @@ function evaluateExpr(
       if (result !== null) return result;
     } else if (
       // Check: process.foo === "bar"
-      env === "ssr" && t.isMemberExpression(node.left) &&
+      env === "server" && t.isMemberExpression(node.left) &&
       t.isIdentifier(node.left.object) && node.left.object.name === "process" &&
       t.isIdentifier(node.left.property) &&
       !PROCESS_PROPERTIES.has(node.left.property.name)