one
Version:
One is a new React Framework that makes Vite serve both native and web.
236 lines • 8.89 kB
JavaScript
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
get: () => from[key],
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
});
}
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
value: mod,
enumerable: true
}) : target, mod));
var import_node_fs = require("node:fs");
var import_node_os = require("node:os");
var import_node_path = __toESM(require("node:path"), 1);
var import_vitest = require("vitest");
import_vitest.vi.mock("vite", async () => {
const actual = await import_vitest.vi.importActual("vite");
return {
...actual,
createServerModuleRunner: import_vitest.vi.fn(() => ({
clearCache: import_vitest.vi.fn(),
import: import_vitest.vi.fn()
}))
};
});
(0, import_vitest.describe)("createFileSystemRouterPlugin", () => {
const previousIsVxrnCli = process.env.IS_VXRN_CLI;
const previousViteEnvironment = process.env.VITE_ENVIRONMENT;
let previousVxrnPluginConfig;
let tempRoot;
(0, import_vitest.beforeEach)(() => {
previousVxrnPluginConfig = globalThis.__vxrnPluginConfig__;
});
(0, import_vitest.afterEach)(() => {
if (tempRoot) {
(0, import_node_fs.rmSync)(tempRoot, {
recursive: true,
force: true
});
tempRoot = void 0;
}
if (previousIsVxrnCli === void 0) {
delete process.env.IS_VXRN_CLI;
} else {
process.env.IS_VXRN_CLI = previousIsVxrnCli;
}
if (previousViteEnvironment === void 0) {
delete process.env.VITE_ENVIRONMENT;
} else {
process.env.VITE_ENVIRONMENT = previousViteEnvironment;
}
if (previousVxrnPluginConfig === void 0) {
delete globalThis.__vxrnPluginConfig__;
} else {
;
globalThis.__vxrnPluginConfig__ = previousVxrnPluginConfig;
}
import_vitest.vi.restoreAllMocks();
});
(0, import_vitest.it)("keeps route watcher rebuild errors handled", async () => {
process.env.IS_VXRN_CLI = "1";
tempRoot = (0, import_node_fs.mkdtempSync)(import_node_path.default.join((0, import_node_os.tmpdir)(), "one-router-watch-"));
const appDir = import_node_path.default.join(tempRoot, "app");
(0, import_node_fs.writeFileSync)(import_node_path.default.join(tempRoot, "package.json"), "{}\n");
(0, import_node_fs.mkdirSync)(appDir);
(0, import_node_fs.writeFileSync)(import_node_path.default.join(appDir, "index.tsx"), "export default function Index() { return null }\n");
globalThis.__vxrnPluginConfig__ = {
web: {
defaultRenderMode: "ssg"
}
};
const {
createFileSystemRouterPlugin
} = await import("./fileSystemRouterPlugin");
const plugin = createFileSystemRouterPlugin({
router: {
root: appDir
}
});
let watcherListener;
const server = {
environments: {
ssr: {}
},
watcher: {
addListener: import_vitest.vi.fn((event, listener) => {
if (event === "all") {
watcherListener = listener;
}
}),
on: import_vitest.vi.fn()
}
};
plugin.configureServer(server);
(0, import_vitest.expect)(watcherListener).toBeDefined();
const warn = import_vitest.vi.spyOn(console, "warn").mockImplementation(() => {});
delete globalThis.__vxrnPluginConfig__;
if (!watcherListener) {
throw new Error("Expected route watcher listener to be registered");
}
await (0, import_vitest.expect)(Promise.resolve(watcherListener("add", import_node_path.default.join(appDir, "new-route.tsx")))).resolves.toBeUndefined();
(0, import_vitest.expect)(warn).toHaveBeenCalledWith(import_vitest.expect.stringContaining("[one] Failed to rebuild routes"), import_vitest.expect.any(Error));
});
(0, import_vitest.it)("caches dev ssg html until the module runner is invalidated", async () => {
process.env.VITE_ENVIRONMENT = "ssr";
tempRoot = (0, import_node_fs.mkdtempSync)(import_node_path.default.join((0, import_node_os.tmpdir)(), "one-router-ssg-cache-"));
const appDir = import_node_path.default.join(tempRoot, "app");
const routeFile = import_node_path.default.join(appDir, "index+ssg.tsx");
(0, import_node_fs.writeFileSync)(import_node_path.default.join(tempRoot, "package.json"), "{}\n");
(0, import_node_fs.mkdirSync)(appDir);
(0, import_node_fs.writeFileSync)(routeFile, "export default function Index() { return null }\n");
const {
createServerModuleRunner
} = await import("vite");
const {
createFileSystemRouterPlugin
} = await import("./fileSystemRouterPlugin");
const {
virtualEntryId
} = await import("./virtualEntryConstants");
let renderCount = 0;
const render = import_vitest.vi.fn(async () => `<html><body>${++renderCount}</body></html>`);
const runner = {
clearCache: import_vitest.vi.fn(),
import: import_vitest.vi.fn(async id => {
if (id === virtualEntryId) {
return {
default: {
render
}
};
}
if (id === routeFile) {
return {
default: () => null
};
}
return {};
})
};
import_vitest.vi.mocked(createServerModuleRunner).mockReturnValue(runner);
const middlewareHandlers = [];
const watcherListeners = /* @__PURE__ */new Map();
const server = {
environments: {
ssr: {}
},
hot: {
send: import_vitest.vi.fn()
},
middlewares: {
use: import_vitest.vi.fn(handler => {
middlewareHandlers.push(handler);
})
},
watcher: {
add: import_vitest.vi.fn(),
addListener: import_vitest.vi.fn((event, listener) => {
watcherListeners.set(event, [...(watcherListeners.get(event) || []), listener]);
}),
on: import_vitest.vi.fn((event, listener) => {
watcherListeners.set(event, [...(watcherListeners.get(event) || []), listener]);
})
}
};
const plugin = createFileSystemRouterPlugin({
router: {
root: appDir
},
server: {
loggingEnabled: false
}
});
const installMiddlewares = plugin.configureServer(server);
installMiddlewares();
const routeMiddleware = middlewareHandlers.at(-1);
if (!routeMiddleware) {
throw new Error("Expected route middleware to be registered");
}
const handleRouteRequest = routeMiddleware;
async function request(pathname) {
const chunks = [];
const req = {
originalUrl: pathname,
url: pathname,
headers: {
host: "localhost"
},
method: "GET"
};
const res = {
setHeader: import_vitest.vi.fn(),
appendHeader: import_vitest.vi.fn(),
writeHead: import_vitest.vi.fn(),
write: import_vitest.vi.fn(chunk => {
chunks.push(chunk);
}),
end: import_vitest.vi.fn()
};
const next = import_vitest.vi.fn(error => {
if (error) {
throw error;
}
throw new Error("Expected One router middleware to handle request");
});
await handleRouteRequest(req, res, next);
(0, import_vitest.expect)(res.end).toHaveBeenCalled();
return chunks.join("");
}
await (0, import_vitest.expect)(request("/")).resolves.toContain("<body>1</body>");
await (0, import_vitest.expect)(request("/")).resolves.toContain("<body>1</body>");
(0, import_vitest.expect)(render).toHaveBeenCalledTimes(1);
const allListeners = watcherListeners.get("all") || [];
const invalidateRunner = allListeners[0];
if (!invalidateRunner) {
throw new Error("Expected runner invalidation listener to be registered");
}
invalidateRunner("change", routeFile);
await (0, import_vitest.expect)(request("/")).resolves.toContain("<body>2</body>");
(0, import_vitest.expect)(render).toHaveBeenCalledTimes(2);
(0, import_vitest.expect)(runner.clearCache).toHaveBeenCalledTimes(2);
});
});