one
Version:
One is a new React Framework that makes Vite serve both native and web.
220 lines (219 loc) • 6.93 kB
JavaScript
import { mkdirSync, mkdtempSync, rmSync, writeFileSync } from "fs";
import { tmpdir } from "os";
import path from "path";
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
vi.mock("vite", async function () {
var actual = await vi.importActual("vite");
return {
...actual,
createServerModuleRunner: vi.fn(function () {
return {
clearCache: vi.fn(),
import: vi.fn()
};
})
};
});
describe("createFileSystemRouterPlugin", function () {
var previousIsVxrnCli = process.env.IS_VXRN_CLI;
var previousViteEnvironment = process.env.VITE_ENVIRONMENT;
var previousVxrnPluginConfig;
var tempRoot;
beforeEach(function () {
previousVxrnPluginConfig = globalThis.__vxrnPluginConfig__;
});
afterEach(function () {
if (tempRoot) {
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;
}
vi.restoreAllMocks();
});
it("keeps route watcher rebuild errors handled", async function () {
process.env.IS_VXRN_CLI = "1";
tempRoot = mkdtempSync(path.join(tmpdir(), "one-router-watch-"));
var appDir = path.join(tempRoot, "app");
writeFileSync(path.join(tempRoot, "package.json"), "{}\n");
mkdirSync(appDir);
writeFileSync(path.join(appDir, "index.tsx"), "export default function Index() { return null }\n");
globalThis.__vxrnPluginConfig__ = {
web: {
defaultRenderMode: "ssg"
}
};
var {
createFileSystemRouterPlugin
} = await import("./fileSystemRouterPlugin.native.js");
var plugin = createFileSystemRouterPlugin({
router: {
root: appDir
}
});
var watcherListener;
var server = {
environments: {
ssr: {}
},
watcher: {
addListener: vi.fn(function (event, listener) {
if (event === "all") {
watcherListener = listener;
}
}),
on: vi.fn()
}
};
plugin.configureServer(server);
expect(watcherListener).toBeDefined();
var warn = vi.spyOn(console, "warn").mockImplementation(function () {});
delete globalThis.__vxrnPluginConfig__;
if (!watcherListener) {
throw new Error("Expected route watcher listener to be registered");
}
await expect(Promise.resolve(watcherListener("add", path.join(appDir, "new-route.tsx")))).resolves.toBeUndefined();
expect(warn).toHaveBeenCalledWith(expect.stringContaining("[one] Failed to rebuild routes"), expect.any(Error));
});
it("caches dev ssg html until the module runner is invalidated", async function () {
process.env.VITE_ENVIRONMENT = "ssr";
tempRoot = mkdtempSync(path.join(tmpdir(), "one-router-ssg-cache-"));
var appDir = path.join(tempRoot, "app");
var routeFile = path.join(appDir, "index+ssg.tsx");
writeFileSync(path.join(tempRoot, "package.json"), "{}\n");
mkdirSync(appDir);
writeFileSync(routeFile, "export default function Index() { return null }\n");
var {
createServerModuleRunner
} = await import("vite");
var {
createFileSystemRouterPlugin
} = await import("./fileSystemRouterPlugin.native.js");
var {
virtualEntryId
} = await import("./virtualEntryConstants.native.js");
var renderCount = 0;
var render = vi.fn(async function () {
return `<html><body>${++renderCount}</body></html>`;
});
var runner = {
clearCache: vi.fn(),
import: vi.fn(async function (id) {
if (id === virtualEntryId) {
return {
default: {
render
}
};
}
if (id === routeFile) {
return {
default: function () {
return null;
}
};
}
return {};
})
};
vi.mocked(createServerModuleRunner).mockReturnValue(runner);
var middlewareHandlers = [];
var watcherListeners = /* @__PURE__ */new Map();
var server = {
environments: {
ssr: {}
},
hot: {
send: vi.fn()
},
middlewares: {
use: vi.fn(function (handler) {
middlewareHandlers.push(handler);
})
},
watcher: {
add: vi.fn(),
addListener: vi.fn(function (event, listener) {
watcherListeners.set(event, [...(watcherListeners.get(event) || []), listener]);
}),
on: vi.fn(function (event, listener) {
watcherListeners.set(event, [...(watcherListeners.get(event) || []), listener]);
})
}
};
var plugin = createFileSystemRouterPlugin({
router: {
root: appDir
},
server: {
loggingEnabled: false
}
});
var installMiddlewares = plugin.configureServer(server);
installMiddlewares();
var routeMiddleware = middlewareHandlers.at(-1);
if (!routeMiddleware) {
throw new Error("Expected route middleware to be registered");
}
var handleRouteRequest = routeMiddleware;
async function request(pathname) {
var chunks = [];
var req = {
originalUrl: pathname,
url: pathname,
headers: {
host: "localhost"
},
method: "GET"
};
var res = {
setHeader: vi.fn(),
appendHeader: vi.fn(),
writeHead: vi.fn(),
write: vi.fn(function (chunk) {
chunks.push(chunk);
}),
end: vi.fn()
};
var next = vi.fn(function (error) {
if (error) {
throw error;
}
throw new Error("Expected One router middleware to handle request");
});
await handleRouteRequest(req, res, next);
expect(res.end).toHaveBeenCalled();
return chunks.join("");
}
await expect(request("/")).resolves.toContain("<body>1</body>");
await expect(request("/")).resolves.toContain("<body>1</body>");
expect(render).toHaveBeenCalledTimes(1);
var allListeners = watcherListeners.get("all") || [];
var invalidateRunner = allListeners[0];
if (!invalidateRunner) {
throw new Error("Expected runner invalidation listener to be registered");
}
invalidateRunner("change", routeFile);
await expect(request("/")).resolves.toContain("<body>2</body>");
expect(render).toHaveBeenCalledTimes(2);
expect(runner.clearCache).toHaveBeenCalledTimes(2);
});
});
//# sourceMappingURL=fileSystemRouterPlugin.test.native.js.map