one
Version:
One is a new React Framework that makes Vite serve both native and web.
64 lines (63 loc) • 2.67 kB
JavaScript
import path from "path";
import { isPathInsideDirectory } from "../../utils/routeFileWatch.native.js";
function createRouteModuleHmrPlugin(routerRoot) {
return {
name: "route-module-hmr-fix",
// the router swallows a failed route import and renders an empty component
// in its place (see useViteRoutes resolve). that is right for production and
// wrong for dev, where it meant a broken import anywhere in a route's module
// graph produced a blank app, no terminal output, and one console line — with
// every provider inside that route silently never mounting. the client paints
// its own overlay (devtools/dev.mjs) and reports here so the failure also
// reaches the terminal, where the person running the dev server is looking.
configureServer(server) {
server.hot.on("one:route-error", function (data) {
var id = (data === null || data === void 0 ? void 0 : data.id) || "unknown route";
var message = (data === null || data === void 0 ? void 0 : 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(param) {
var {
server,
modules,
file
} = param;
var _this_environment;
var absoluteRouterRoot = path.resolve(server.config.root, routerRoot);
var fileRelativePath = path.relative(server.config.root, file);
if (((_this_environment = this.environment) === null || _this_environment === void 0 ? void 0 : _this_environment.name) === "ssr" && isPathInsideDirectory(file, absoluteRouterRoot)) {
return [];
}
var hasRouteUpdate = false;
var result = modules.map(function (module) {
if (!module.id) return module;
var moduleFile = module.id.split("?")[0];
if (isPathInsideDirectory(moduleFile, absoluteRouterRoot)) {
var 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.native.js.map