one
Version:
One is a React framework for web, iOS, and Android apps.
49 lines (46 loc) • 1.65 kB
JavaScript
import path from "node:path";
import { isPathInsideDirectory } from "../../utils/routeFileWatch.mjs";
function createRouteModuleHmrPlugin(routerRoot) {
return {
name: "route-module-hmr-fix",
configureServer(server) {
server.hot.on("one:route-error", (data) => {
const id = data?.id || "unknown route";
const message = data?.message || "unknown error";
server.config.logger.error(`[one] route failed to load: ${id}
${message}
the router rendered an empty component in its place, so nothing inside this route mounted.`, { timestamp: true });
});
},
hotUpdate({ server, modules, file }) {
const absoluteRouterRoot = path.resolve(server.config.root, routerRoot);
const fileRelativePath = path.relative(server.config.root, file);
if (this.environment?.name === "ssr" && isPathInsideDirectory(file, absoluteRouterRoot)) {
return [];
}
let hasRouteUpdate = false;
const result = modules.map((module) => {
if (!module.id) return module;
const moduleFile = module.id.split("?")[0];
if (isPathInsideDirectory(moduleFile, absoluteRouterRoot)) {
const relativeRoutePath = path.relative(absoluteRouterRoot, moduleFile);
module.acceptedHmrExports = /* @__PURE__ */ new Set();
if (/^(?:\([^)]+\)[\\/])?_layout\.[jt]sx?$/.test(relativeRoutePath)) {
hasRouteUpdate = true;
}
}
return module;
});
if (hasRouteUpdate) {
server.hot.send({
type: "custom",
event: "one:route-update",
data: { file: fileRelativePath }
});
}
return result;
}
};
}
export { createRouteModuleHmrPlugin };
//# sourceMappingURL=routeModuleHmrPlugin.mjs.map