one
Version:
One is a new React Framework that makes Vite serve both native and web.
231 lines • 10.4 kB
JavaScript
var import_node_buffer = require("node:buffer");
var import_node_fs = require("node:fs");
var import_node_os = require("node:os");
var import_node_path = require("node:path");
var import_vitest = require("vitest");
var import_vite = require("vite");
var import_routeIndex = require("../../utils/routeIndex.cjs");
var import_virtualEntryPlugin = require("./virtualEntryPlugin.cjs");
import_vitest.vi.mock("vxrn", () => ({
isNativeEnvironment: env => {
return env?.name === "ios" || env?.name === "android";
}
}));
import_vitest.vi.mock("@vxrn/compiler", () => ({
configuration: {
enableNativewind: false
}
}));
function loadEntry(plugin, envName, command = "build", envMode = command === "serve" ? "dev" : "build") {
plugin.configResolved?.({
root: "",
command
});
const ctx = {
environment: {
name: envName,
mode: envMode
}
};
return plugin.load.handler.call(ctx, "\0virtual:one-entry");
}
(0, import_vitest.describe)("virtualEntryPlugin", () => {
(0, import_vitest.it)("keeps spa route matching without bundling the client module on the server", async () => {
const root = (0, import_node_fs.mkdtempSync)((0, import_node_path.join)((0, import_node_os.tmpdir)(), "one-spa-server-"));
const appDir = (0, import_node_path.join)(root, "app");
(0, import_node_fs.mkdirSync)(appDir);
const spaRoute = (0, import_node_path.join)(appDir, "client-only+spa.tsx");
(0, import_node_fs.writeFileSync)(spaRoute, `export const browserPayload = 'must-not-enter-server-graph'
export default function ClientOnlyPage() { return null }
`);
try {
const result = await (0, import_vite.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 = () => {}`;
}
}
}, (0, import_virtualEntryPlugin.createVirtualEntry)({
root: "app",
flags: {},
routeIndex: (0, import_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");
const moduleIds = result.output.flatMap(output => output.type === "chunk" ? output.moduleIds : []);
(0, import_vitest.expect)(moduleIds).not.toContain((0, import_node_path.resolve)(spaRoute));
(0, import_vitest.expect)(result.output.flatMap(output => output.type === "chunk" ? output.code : "").join("\n")).not.toContain("must-not-enter-server-graph");
const entry = result.output.find(output => output.type === "chunk" && output.isEntry);
if (!entry || entry.type !== "chunk") throw new Error("missing server entry chunk");
const built = await import(`data:text/javascript;base64,${import_node_buffer.Buffer.from(entry.code).toString("base64")}`);
(0, import_vitest.expect)(Object.keys(built.default.routes)).toContain("/app/client-only+spa.tsx");
await (0, import_vitest.expect)(built.default.routes["/app/client-only+spa.tsx"]()).resolves.toEqual({});
} finally {
(0, import_node_fs.rmSync)(root, {
recursive: true,
force: true
});
}
});
(0, import_vitest.describe)("setupFile", () => {
const base = {
root: "app",
flags: {},
routeIndex: {
getPaths: () => [],
update: () => false
}
};
(0, import_vitest.it)("server (ssr) uses lazy dynamic import, not static import", () => {
const plugin = (0, import_virtualEntryPlugin.createVirtualEntry)({
...base,
setupFile: {
client: "./src/setupClient.ts",
server: "./src/setupServer.ts"
}
});
const code = loadEntry(plugin, "ssr");
(0, import_vitest.expect)(code).not.toContain('import "./src/setupServer.ts"');
(0, import_vitest.expect)(code).toContain("__oneGetSetupPromise = () => import(");
(0, import_vitest.expect)(code).toContain("./src/setupServer.ts");
(0, import_vitest.expect)(code).toContain("getSetupPromise: __oneGetSetupPromise");
});
(0, import_vitest.it)("client uses dynamic import for setupFile", () => {
const plugin = (0, import_virtualEntryPlugin.createVirtualEntry)({
...base,
setupFile: {
client: "./src/setupClient.ts",
server: "./src/setupServer.ts"
}
});
const code = loadEntry(plugin, "client");
(0, import_vitest.expect)(code).toContain("__oneGetSetupPromise");
(0, import_vitest.expect)(code).toContain("import(");
(0, import_vitest.expect)(code).toContain("./src/setupClient.ts");
(0, import_vitest.expect)(code).toContain("getSetupPromise: __oneGetSetupPromise");
(0, import_vitest.expect)(code).not.toContain('import "./src/setupClient.ts"');
});
(0, import_vitest.it)("native (ios) uses static import for setupFile", () => {
const plugin = (0, import_virtualEntryPlugin.createVirtualEntry)({
...base,
setupFile: {
client: "./src/setupClient.ts",
native: "./src/setupNative.ts"
}
});
const code = loadEntry(plugin, "ios");
(0, import_vitest.expect)(code).toContain('import "./src/setupNative.ts"');
(0, import_vitest.expect)(code).not.toContain("__oneGetSetupPromise");
(0, import_vitest.expect)(code).not.toContain("getSetupPromise");
});
(0, import_vitest.it)("android uses static import like ios", () => {
const plugin = (0, import_virtualEntryPlugin.createVirtualEntry)({
...base,
setupFile: {
native: "./src/setupNative.ts"
}
});
const code = loadEntry(plugin, "android");
(0, import_vitest.expect)(code).toContain('import "./src/setupNative.ts"');
(0, import_vitest.expect)(code).not.toContain("__oneGetSetupPromise");
});
(0, import_vitest.it)("server (ssr) in dev mode uses static import for dep discovery", () => {
const plugin = (0, import_virtualEntryPlugin.createVirtualEntry)({
...base,
setupFile: {
client: "./src/setupClient.ts",
server: "./src/setupServer.ts"
}
});
const code = loadEntry(plugin, "ssr", "serve");
(0, import_vitest.expect)(code).toContain('import "./src/setupServer.ts"');
(0, import_vitest.expect)(code).not.toContain("__oneGetSetupPromise");
});
(0, import_vitest.it)("no setupFile produces no import", () => {
const plugin = (0, import_virtualEntryPlugin.createVirtualEntry)(base);
const code = loadEntry(plugin, "ssr");
(0, import_vitest.expect)(code).not.toContain("setupServer");
(0, import_vitest.expect)(code).not.toContain("__oneGetSetupPromise");
(0, import_vitest.expect)(code).not.toContain("getSetupPromise");
});
(0, import_vitest.it)("string setupFile applies to all environments", () => {
const plugin = (0, import_virtualEntryPlugin.createVirtualEntry)({
...base,
setupFile: "./src/setup.ts"
});
const ssrCode = loadEntry(plugin, "ssr");
const clientCode = loadEntry(plugin, "client");
const iosCode = loadEntry(plugin, "ios");
(0, import_vitest.expect)(ssrCode).toContain("./src/setup.ts");
(0, import_vitest.expect)(ssrCode).toContain("__oneGetSetupPromise");
(0, import_vitest.expect)(ssrCode).not.toContain('import "./src/setup.ts"');
(0, import_vitest.expect)(clientCode).toContain("./src/setup.ts");
(0, import_vitest.expect)(clientCode).toContain("__oneGetSetupPromise");
(0, import_vitest.expect)(clientCode).not.toContain('import "./src/setup.ts"');
(0, import_vitest.expect)(iosCode).toContain('import "./src/setup.ts"');
(0, import_vitest.expect)(iosCode).not.toContain("__oneGetSetupPromise");
});
(0, import_vitest.it)("passes router linking config to createApp", () => {
const plugin = (0, import_virtualEntryPlugin.createVirtualEntry)({
...base,
router: {
linking: {
scheme: "threepunchconvo",
prefixes: ["threepunchconvo://app"]
}
}
});
const code = loadEntry(plugin, "ios");
(0, import_vitest.expect)(code).toContain('linking: {"scheme":"threepunchconvo","prefixes":["threepunchconvo://app"]}');
});
});
(0, import_vitest.describe)("react-refresh preamble", () => {
const base = {
root: "app",
flags: {},
routeIndex: {
getPaths: () => [],
update: () => false
}
};
(0, import_vitest.it)("dev client installs the preamble before route modules load", () => {
const code = loadEntry((0, import_virtualEntryPlugin.createVirtualEntry)(base), "client", "serve");
(0, import_vitest.expect)(code).toContain(`from '/@react-refresh'`);
(0, import_vitest.expect)(code).toContain("window.$RefreshReg$ = () => {}");
(0, import_vitest.expect)(code).toContain(`!window.$RefreshReg$`);
(0, import_vitest.expect)(code.indexOf("__oneInjectRefresh(window)")).toBeLessThan(code.indexOf("createApp("));
});
(0, import_vitest.it)("production build emits no reference to the dev-only refresh runtime", () => {
const code = loadEntry((0, import_virtualEntryPlugin.createVirtualEntry)(base), "client", "build");
(0, import_vitest.expect)(code).not.toContain("/@react-refresh");
(0, import_vitest.expect)(code).not.toContain("$RefreshReg$");
});
(0, import_vitest.it)("server and native entries never get the preamble", () => {
for (const envName of ["ssr", "ios", "android"]) {
const code = loadEntry((0, import_virtualEntryPlugin.createVirtualEntry)(base), envName, "serve");
(0, import_vitest.expect)(code).not.toContain("/@react-refresh");
(0, import_vitest.expect)(code).not.toContain("$RefreshReg$");
}
});
});
});