one/dist/esm/vite/plugins/virtualEntryPlugin.test.native.js

One is a new React Framework that makes Vite serve both native and web.

import { Buffer } from "buffer";
import { mkdirSync, mkdtempSync, rmSync, writeFileSync } from "fs";
import { tmpdir } from "os";
import { join, resolve } from "path";
import { describe, expect, it, vi } from "vitest";
import { build } from "vite";
import { createRouteIndex } from "../../utils/routeIndex.native.js";
import { createVirtualEntry } from "./virtualEntryPlugin.native.js";
vi.mock("vxrn", function () {
  return {
    isNativeEnvironment: function (env) {
      return (env === null || env === void 0 ? void 0 : env.name) === "ios" || (env === null || env === void 0 ? void 0 : env.name) === "android";
    }
  };
});
vi.mock("@vxrn/compiler", function () {
  return {
    configuration: {
      enableNativewind: false
    }
  };
});
function loadEntry(plugin, envName) {
  var command = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "build",
    envMode = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : command === "serve" ? "dev" : "build";
  var _plugin_configResolved;
  (_plugin_configResolved = plugin.configResolved) === null || _plugin_configResolved === void 0 ? void 0 : _plugin_configResolved.call(plugin, {
    root: "",
    command
  });
  var ctx = {
    environment: {
      name: envName,
      mode: envMode
    }
  };
  return plugin.load.handler.call(ctx, "\0virtual:one-entry");
}
describe("virtualEntryPlugin", function () {
  it("keeps spa route matching without bundling the client module on the server", async function () {
    var root = mkdtempSync(join(tmpdir(), "one-spa-server-"));
    var appDir = join(root, "app");
    mkdirSync(appDir);
    var spaRoute = join(appDir, "client-only+spa.tsx");
    writeFileSync(spaRoute, `export const browserPayload = 'must-not-enter-server-graph'
export default function ClientOnlyPage() { return null }
`);
    try {
      var result = await build({
        root,
        configFile: false,
        logLevel: "silent",
        plugins: [{
          name: "test-one-entry",
          enforce: "pre",
          resolveId(id) {
            if (id === "one") return "\0test-one-entry";
          },
          load(id) {
            if (id === "\0test-one-entry") {
              return `export const createApp = (options) => options
export const registerPreloadedRoute = () => {}`;
            }
          }
        }, createVirtualEntry({
          root: "app",
          flags: {},
          routeIndex: createRouteIndex({
            routerRoot: appDir
          })
        })],
        build: {
          ssr: true,
          write: false,
          rolldownOptions: {
            input: "virtual:one-entry"
          }
        }
      });
      if (Array.isArray(result)) throw new Error("expected one server build output");
      if (!("output" in result)) throw new Error("expected completed server build");
      var moduleIds = result.output.flatMap(function (output) {
        return output.type === "chunk" ? output.moduleIds : [];
      });
      expect(moduleIds).not.toContain(resolve(spaRoute));
      expect(result.output.flatMap(function (output) {
        return output.type === "chunk" ? output.code : "";
      }).join("\n")).not.toContain("must-not-enter-server-graph");
      var entry = result.output.find(function (output) {
        return output.type === "chunk" && output.isEntry;
      });
      if (!entry || entry.type !== "chunk") throw new Error("missing server entry chunk");
      var built = await import(`data:text/javascript;base64,${Buffer.from(entry.code).toString("base64")}`);
      expect(Object.keys(built.default.routes)).toContain("/app/client-only+spa.tsx");
      await expect(built.default.routes["/app/client-only+spa.tsx"]()).resolves.toEqual({});
    } finally {
      rmSync(root, {
        recursive: true,
        force: true
      });
    }
  });
  describe("setupFile", function () {
    var base = {
      root: "app",
      flags: {},
      routeIndex: {
        getPaths: function () {
          return [];
        },
        update: function () {
          return false;
        }
      }
    };
    it("server (ssr) uses lazy dynamic import, not static import", function () {
      var plugin = createVirtualEntry({
        ...base,
        setupFile: {
          client: "./src/setupClient.ts",
          server: "./src/setupServer.ts"
        }
      });
      var code = loadEntry(plugin, "ssr");
      expect(code).not.toContain('import "./src/setupServer.ts"');
      expect(code).toContain("__oneGetSetupPromise = () => import(");
      expect(code).toContain("./src/setupServer.ts");
      expect(code).toContain("getSetupPromise: __oneGetSetupPromise");
    });
    it("client uses dynamic import for setupFile", function () {
      var plugin = createVirtualEntry({
        ...base,
        setupFile: {
          client: "./src/setupClient.ts",
          server: "./src/setupServer.ts"
        }
      });
      var code = loadEntry(plugin, "client");
      expect(code).toContain("__oneGetSetupPromise");
      expect(code).toContain("import(");
      expect(code).toContain("./src/setupClient.ts");
      expect(code).toContain("getSetupPromise: __oneGetSetupPromise");
      expect(code).not.toContain('import "./src/setupClient.ts"');
    });
    it("native (ios) uses static import for setupFile", function () {
      var plugin = createVirtualEntry({
        ...base,
        setupFile: {
          client: "./src/setupClient.ts",
          native: "./src/setupNative.ts"
        }
      });
      var code = loadEntry(plugin, "ios");
      expect(code).toContain('import "./src/setupNative.ts"');
      expect(code).not.toContain("__oneGetSetupPromise");
      expect(code).not.toContain("getSetupPromise");
    });
    it("android uses static import like ios", function () {
      var plugin = createVirtualEntry({
        ...base,
        setupFile: {
          native: "./src/setupNative.ts"
        }
      });
      var code = loadEntry(plugin, "android");
      expect(code).toContain('import "./src/setupNative.ts"');
      expect(code).not.toContain("__oneGetSetupPromise");
    });
    it("server (ssr) in dev mode uses static import for dep discovery", function () {
      var plugin = createVirtualEntry({
        ...base,
        setupFile: {
          client: "./src/setupClient.ts",
          server: "./src/setupServer.ts"
        }
      });
      var code = loadEntry(plugin, "ssr", "serve");
      expect(code).toContain('import "./src/setupServer.ts"');
      expect(code).not.toContain("__oneGetSetupPromise");
    });
    it("no setupFile produces no import", function () {
      var plugin = createVirtualEntry(base);
      var code = loadEntry(plugin, "ssr");
      expect(code).not.toContain("setupServer");
      expect(code).not.toContain("__oneGetSetupPromise");
      expect(code).not.toContain("getSetupPromise");
    });
    it("string setupFile applies to all environments", function () {
      var plugin = createVirtualEntry({
        ...base,
        setupFile: "./src/setup.ts"
      });
      var ssrCode = loadEntry(plugin, "ssr");
      var clientCode = loadEntry(plugin, "client");
      var iosCode = loadEntry(plugin, "ios");
      expect(ssrCode).toContain("./src/setup.ts");
      expect(ssrCode).toContain("__oneGetSetupPromise");
      expect(ssrCode).not.toContain('import "./src/setup.ts"');
      expect(clientCode).toContain("./src/setup.ts");
      expect(clientCode).toContain("__oneGetSetupPromise");
      expect(clientCode).not.toContain('import "./src/setup.ts"');
      expect(iosCode).toContain('import "./src/setup.ts"');
      expect(iosCode).not.toContain("__oneGetSetupPromise");
    });
    it("passes router linking config to createApp", function () {
      var plugin = createVirtualEntry({
        ...base,
        router: {
          linking: {
            scheme: "threepunchconvo",
            prefixes: ["threepunchconvo://app"]
          }
        }
      });
      var code = loadEntry(plugin, "ios");
      expect(code).toContain('linking: {"scheme":"threepunchconvo","prefixes":["threepunchconvo://app"]}');
    });
  });
  describe("react-refresh preamble", function () {
    var base = {
      root: "app",
      flags: {},
      routeIndex: {
        getPaths: function () {
          return [];
        },
        update: function () {
          return false;
        }
      }
    };
    it("dev client installs the preamble before route modules load", function () {
      var code = loadEntry(createVirtualEntry(base), "client", "serve");
      expect(code).toContain(`from '/@react-refresh'`);
      expect(code).toContain("window.$RefreshReg$ = () => {}");
      expect(code).toContain(`!window.$RefreshReg$`);
      expect(code.indexOf("__oneInjectRefresh(window)")).toBeLessThan(code.indexOf("createApp("));
    });
    it("production build emits no reference to the dev-only refresh runtime", function () {
      var code = loadEntry(createVirtualEntry(base), "client", "build");
      expect(code).not.toContain("/@react-refresh");
      expect(code).not.toContain("$RefreshReg$");
    });
    it("server and native entries never get the preamble", function () {
      for (var _i = 0, _iter = ["ssr", "ios", "android"]; _i < _iter.length; _i++) {
        var envName = _iter[_i];
        var code = loadEntry(createVirtualEntry(base), envName, "serve");
        expect(code).not.toContain("/@react-refresh");
        expect(code).not.toContain("$RefreshReg$");
      }
    });
  });
});
//# sourceMappingURL=virtualEntryPlugin.test.native.js.map