@react-router/dev 0.0.0-experimental-7a19e47ea → 0.0.0-experimental-4d6793aa7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/vite.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @react-router/dev v0.0.0-experimental-7a19e47ea
2
+ * @react-router/dev v0.0.0-experimental-4d6793aa7
3
3
  *
4
4
  * Copyright (c) Remix Software Inc.
5
5
  *
@@ -8,2686 +8,13 @@
8
8
  *
9
9
  * @license MIT
10
10
  */
11
- "use strict";
12
- var __create = Object.create;
13
- var __defProp = Object.defineProperty;
14
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
15
- var __getOwnPropNames = Object.getOwnPropertyNames;
16
- var __getProtoOf = Object.getPrototypeOf;
17
- var __hasOwnProp = Object.prototype.hasOwnProperty;
18
- var __export = (target, all) => {
19
- for (var name in all)
20
- __defProp(target, name, { get: all[name], enumerable: true });
11
+ import {
12
+ reactRouterVitePlugin
13
+ } from "./chunk-B25E3JGK.js";
14
+ import "./chunk-B3M3SF27.js";
15
+ import "./chunk-HICCFFJA.js";
16
+ import "./chunk-X234P535.js";
17
+ import "./chunk-XJYIKBPH.js";
18
+ export {
19
+ reactRouterVitePlugin as reactRouter
21
20
  };
22
- var __copyProps = (to, from, except, desc) => {
23
- if (from && typeof from === "object" || typeof from === "function") {
24
- for (let key of __getOwnPropNames(from))
25
- if (!__hasOwnProp.call(to, key) && key !== except)
26
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
27
- }
28
- return to;
29
- };
30
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
31
- // If the importer is in node compatibility mode or this is not an ESM
32
- // file that has been converted to a CommonJS file using a Babel-
33
- // compatible transform (i.e. "__esModule" has not been set), then set
34
- // "default" to the CommonJS "module.exports" for node compatibility.
35
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
36
- mod
37
- ));
38
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
39
-
40
- // vite.ts
41
- var vite_exports = {};
42
- __export(vite_exports, {
43
- reactRouter: () => reactRouterVitePlugin
44
- });
45
- module.exports = __toCommonJS(vite_exports);
46
-
47
- // vite/plugin.ts
48
- var import_node_crypto = require("crypto");
49
- var path4 = __toESM(require("path"));
50
- var url2 = __toESM(require("url"));
51
- var fse = __toESM(require("fs-extra"));
52
- var babel = __toESM(require("@babel/core"));
53
- var import_react_router2 = require("react-router");
54
- var import_es_module_lexer = require("es-module-lexer");
55
- var import_jsesc = __toESM(require("jsesc"));
56
- var import_picocolors3 = __toESM(require("picocolors"));
57
-
58
- // typegen/index.ts
59
- var import_node_fs2 = __toESM(require("fs"));
60
- var Path4 = __toESM(require("pathe"));
61
- var import_picocolors2 = __toESM(require("picocolors"));
62
-
63
- // config/config.ts
64
- var import_node_fs = __toESM(require("fs"));
65
- var import_node_child_process = require("child_process");
66
- var import_package_json = __toESM(require("@npmcli/package-json"));
67
-
68
- // vite/vite-node.ts
69
- var import_server = require("vite-node/server");
70
- var import_client = require("vite-node/client");
71
- var import_source_map = require("vite-node/source-map");
72
-
73
- // invariant.ts
74
- function invariant(value, message) {
75
- if (value === false || value === null || typeof value === "undefined") {
76
- console.error(
77
- "The following error is a bug in React Router; please open an issue! https://github.com/remix-run/react-router/issues/new/choose"
78
- );
79
- throw new Error(message);
80
- }
81
- }
82
-
83
- // vite/import-vite-esm-sync.ts
84
- var vite;
85
- async function preloadViteEsm() {
86
- vite = await import("vite");
87
- }
88
- function importViteEsmSync() {
89
- invariant(vite, "importViteEsmSync() called before preloadViteEsm()");
90
- return vite;
91
- }
92
-
93
- // vite/vite-node.ts
94
- async function createContext(viteConfig = {}) {
95
- await preloadViteEsm();
96
- const vite2 = importViteEsmSync();
97
- const devServer = await vite2.createServer(
98
- vite2.mergeConfig(
99
- {
100
- server: {
101
- preTransformRequests: false,
102
- hmr: false
103
- },
104
- optimizeDeps: {
105
- noDiscovery: true
106
- },
107
- configFile: false,
108
- envFile: false,
109
- plugins: []
110
- },
111
- viteConfig
112
- )
113
- );
114
- await devServer.pluginContainer.buildStart({});
115
- const server = new import_server.ViteNodeServer(devServer);
116
- (0, import_source_map.installSourcemapsSupport)({
117
- getSourceMap: (source) => server.getSourceMap(source)
118
- });
119
- const runner = new import_client.ViteNodeRunner({
120
- root: devServer.config.root,
121
- base: devServer.config.base,
122
- fetchModule(id2) {
123
- return server.fetchModule(id2);
124
- },
125
- resolveId(id2, importer) {
126
- return server.resolveId(id2, importer);
127
- }
128
- });
129
- return { devServer, server, runner };
130
- }
131
-
132
- // config/config.ts
133
- var import_pathe = __toESM(require("pathe"));
134
- var import_chokidar = __toESM(require("chokidar"));
135
- var import_picocolors = __toESM(require("picocolors"));
136
- var import_pick2 = __toESM(require("lodash/pick"));
137
- var import_omit = __toESM(require("lodash/omit"));
138
- var import_cloneDeep = __toESM(require("lodash/cloneDeep"));
139
- var import_isEqual = __toESM(require("lodash/isEqual"));
140
-
141
- // config/routes.ts
142
- var Path = __toESM(require("pathe"));
143
- var v = __toESM(require("valibot"));
144
- var import_pick = __toESM(require("lodash/pick"));
145
- function setAppDirectory(directory) {
146
- globalThis.__reactRouterAppDirectory = directory;
147
- }
148
- var routeConfigEntrySchema = v.pipe(
149
- v.custom((value) => {
150
- return !(typeof value === "object" && value !== null && "then" in value && "catch" in value);
151
- }, "Invalid type: Expected object but received a promise. Did you forget to await?"),
152
- v.object({
153
- id: v.optional(v.string()),
154
- path: v.optional(v.string()),
155
- index: v.optional(v.boolean()),
156
- caseSensitive: v.optional(v.boolean()),
157
- file: v.string(),
158
- children: v.optional(v.array(v.lazy(() => routeConfigEntrySchema)))
159
- })
160
- );
161
- var resolvedRouteConfigSchema = v.array(routeConfigEntrySchema);
162
- function validateRouteConfig({
163
- routeConfigFile,
164
- routeConfig
165
- }) {
166
- if (!routeConfig) {
167
- return {
168
- valid: false,
169
- message: `Route config must be the default export in "${routeConfigFile}".`
170
- };
171
- }
172
- if (!Array.isArray(routeConfig)) {
173
- return {
174
- valid: false,
175
- message: `Route config in "${routeConfigFile}" must be an array.`
176
- };
177
- }
178
- let { issues } = v.safeParse(resolvedRouteConfigSchema, routeConfig);
179
- if (issues?.length) {
180
- let { root, nested } = v.flatten(issues);
181
- return {
182
- valid: false,
183
- message: [
184
- `Route config in "${routeConfigFile}" is invalid.`,
185
- root ? `${root}` : [],
186
- nested ? Object.entries(nested).map(
187
- ([path5, message]) => `Path: routes.${path5}
188
- ${message}`
189
- ) : []
190
- ].flat().join("\n\n")
191
- };
192
- }
193
- return { valid: true };
194
- }
195
- function configRoutesToRouteManifest(appDirectory, routes, rootId = "root") {
196
- let routeManifest = {};
197
- function walk(route, parentId) {
198
- let id2 = route.id || createRouteId(route.file);
199
- let manifestItem = {
200
- id: id2,
201
- parentId,
202
- file: Path.isAbsolute(route.file) ? Path.relative(appDirectory, route.file) : route.file,
203
- path: route.path,
204
- index: route.index,
205
- caseSensitive: route.caseSensitive
206
- };
207
- if (routeManifest.hasOwnProperty(id2)) {
208
- throw new Error(
209
- `Unable to define routes with duplicate route id: "${id2}"`
210
- );
211
- }
212
- routeManifest[id2] = manifestItem;
213
- if (route.children) {
214
- for (let child of route.children) {
215
- walk(child, id2);
216
- }
217
- }
218
- }
219
- for (let route of routes) {
220
- walk(route, rootId);
221
- }
222
- return routeManifest;
223
- }
224
- function createRouteId(file) {
225
- return Path.normalize(stripFileExtension(file));
226
- }
227
- function stripFileExtension(file) {
228
- return file.replace(/\.[a-z0-9]+$/i, "");
229
- }
230
-
231
- // cli/detectPackageManager.ts
232
- var detectPackageManager = () => {
233
- let { npm_config_user_agent } = process.env;
234
- if (!npm_config_user_agent) return void 0;
235
- try {
236
- let pkgManager = npm_config_user_agent.split("/")[0];
237
- if (pkgManager === "npm") return "npm";
238
- if (pkgManager === "pnpm") return "pnpm";
239
- if (pkgManager === "yarn") return "yarn";
240
- if (pkgManager === "bun") return "bun";
241
- return void 0;
242
- } catch {
243
- return void 0;
244
- }
245
- };
246
-
247
- // config/config.ts
248
- var excludedConfigPresetKeys = ["presets"];
249
- var mergeReactRouterConfig = (...configs) => {
250
- let reducer = (configA, configB) => {
251
- let mergeRequired = (key) => configA[key] !== void 0 && configB[key] !== void 0;
252
- return {
253
- ...configA,
254
- ...configB,
255
- ...mergeRequired("buildEnd") ? {
256
- buildEnd: async (...args) => {
257
- await Promise.all([
258
- configA.buildEnd?.(...args),
259
- configB.buildEnd?.(...args)
260
- ]);
261
- }
262
- } : {},
263
- ...mergeRequired("future") ? {
264
- future: {
265
- ...configA.future,
266
- ...configB.future
267
- }
268
- } : {},
269
- ...mergeRequired("presets") ? {
270
- presets: [...configA.presets ?? [], ...configB.presets ?? []]
271
- } : {}
272
- };
273
- };
274
- return configs.reduce(reducer, {});
275
- };
276
- var deepFreeze = (o) => {
277
- Object.freeze(o);
278
- let oIsFunction = typeof o === "function";
279
- let hasOwnProp = Object.prototype.hasOwnProperty;
280
- Object.getOwnPropertyNames(o).forEach(function(prop) {
281
- if (hasOwnProp.call(o, prop) && (oIsFunction ? prop !== "caller" && prop !== "callee" && prop !== "arguments" : true) && o[prop] !== null && (typeof o[prop] === "object" || typeof o[prop] === "function") && !Object.isFrozen(o[prop])) {
282
- deepFreeze(o[prop]);
283
- }
284
- });
285
- return o;
286
- };
287
- function ok(value) {
288
- return { ok: true, value };
289
- }
290
- function err(error) {
291
- return { ok: false, error };
292
- }
293
- async function resolveConfig({
294
- root,
295
- viteNodeContext,
296
- reactRouterConfigFile
297
- }) {
298
- let reactRouterUserConfig = {};
299
- if (reactRouterConfigFile) {
300
- try {
301
- if (!import_node_fs.default.existsSync(reactRouterConfigFile)) {
302
- return err(`${reactRouterConfigFile} no longer exists`);
303
- }
304
- let configModule = await viteNodeContext.runner.executeFile(
305
- reactRouterConfigFile
306
- );
307
- if (configModule.default === void 0) {
308
- return err(`${reactRouterConfigFile} must provide a default export`);
309
- }
310
- if (typeof configModule.default !== "object") {
311
- return err(`${reactRouterConfigFile} must export a config`);
312
- }
313
- reactRouterUserConfig = configModule.default;
314
- } catch (error) {
315
- return err(`Error loading ${reactRouterConfigFile}: ${error}`);
316
- }
317
- }
318
- reactRouterUserConfig = deepFreeze((0, import_cloneDeep.default)(reactRouterUserConfig));
319
- let presets = (await Promise.all(
320
- (reactRouterUserConfig.presets ?? []).map(async (preset) => {
321
- if (!preset.name) {
322
- throw new Error(
323
- "React Router presets must have a `name` property defined."
324
- );
325
- }
326
- if (!preset.reactRouterConfig) {
327
- return null;
328
- }
329
- let configPreset = (0, import_omit.default)(
330
- await preset.reactRouterConfig({ reactRouterUserConfig }),
331
- excludedConfigPresetKeys
332
- );
333
- return configPreset;
334
- })
335
- )).filter(function isNotNull(value) {
336
- return value !== null;
337
- });
338
- let defaults = {
339
- basename: "/",
340
- buildDirectory: "build",
341
- serverBuildFile: "index.js",
342
- serverModuleFormat: "esm",
343
- ssr: true
344
- };
345
- let {
346
- appDirectory: userAppDirectory,
347
- basename: basename2,
348
- buildDirectory: userBuildDirectory,
349
- buildEnd,
350
- prerender,
351
- serverBuildFile,
352
- serverBundles,
353
- serverModuleFormat,
354
- ssr
355
- } = {
356
- ...defaults,
357
- // Default values should be completely overridden by user/preset config, not merged
358
- ...mergeReactRouterConfig(...presets, reactRouterUserConfig)
359
- };
360
- if (!ssr && serverBundles) {
361
- serverBundles = void 0;
362
- }
363
- let isValidPrerenderConfig = prerender == null || typeof prerender === "boolean" || Array.isArray(prerender) || typeof prerender === "function";
364
- if (!isValidPrerenderConfig) {
365
- return err(
366
- "The `prerender` config must be a boolean, an array of string paths, or a function returning a boolean or array of string paths"
367
- );
368
- }
369
- let appDirectory = import_pathe.default.resolve(root, userAppDirectory || "app");
370
- let buildDirectory = import_pathe.default.resolve(root, userBuildDirectory);
371
- let rootRouteFile = findEntry(appDirectory, "root");
372
- if (!rootRouteFile) {
373
- let rootRouteDisplayPath = import_pathe.default.relative(
374
- root,
375
- import_pathe.default.join(appDirectory, "root.tsx")
376
- );
377
- return err(
378
- `Could not find a root route module in the app directory as "${rootRouteDisplayPath}"`
379
- );
380
- }
381
- let routes = {
382
- root: { path: "", id: "root", file: rootRouteFile }
383
- };
384
- let routeConfigFile = findEntry(appDirectory, "routes");
385
- try {
386
- if (!routeConfigFile) {
387
- let routeConfigDisplayPath = import_pathe.default.relative(
388
- root,
389
- import_pathe.default.join(appDirectory, "routes.ts")
390
- );
391
- return err(`Route config file not found at "${routeConfigDisplayPath}".`);
392
- }
393
- setAppDirectory(appDirectory);
394
- let routeConfigExport = (await viteNodeContext.runner.executeFile(
395
- import_pathe.default.join(appDirectory, routeConfigFile)
396
- )).default;
397
- let routeConfig = await routeConfigExport;
398
- let result = validateRouteConfig({
399
- routeConfigFile,
400
- routeConfig
401
- });
402
- if (!result.valid) {
403
- return err(result.message);
404
- }
405
- routes = {
406
- ...routes,
407
- ...configRoutesToRouteManifest(appDirectory, routeConfig)
408
- };
409
- } catch (error) {
410
- return err(
411
- [
412
- import_picocolors.default.red(`Route config in "${routeConfigFile}" is invalid.`),
413
- "",
414
- error.loc?.file && error.loc?.column && error.frame ? [
415
- import_pathe.default.relative(appDirectory, error.loc.file) + ":" + error.loc.line + ":" + error.loc.column,
416
- error.frame.trim?.()
417
- ] : error.stack
418
- ].flat().join("\n")
419
- );
420
- }
421
- let future = {
422
- unstable_optimizeDeps: reactRouterUserConfig.future?.unstable_optimizeDeps ?? false
423
- };
424
- let reactRouterConfig = deepFreeze({
425
- appDirectory,
426
- basename: basename2,
427
- buildDirectory,
428
- buildEnd,
429
- future,
430
- prerender,
431
- routes,
432
- serverBuildFile,
433
- serverBundles,
434
- serverModuleFormat,
435
- ssr
436
- });
437
- for (let preset of reactRouterUserConfig.presets ?? []) {
438
- await preset.reactRouterConfigResolved?.({ reactRouterConfig });
439
- }
440
- return ok(reactRouterConfig);
441
- }
442
- async function createConfigLoader({
443
- rootDirectory: root,
444
- watch: watch2
445
- }) {
446
- root = root ?? process.env.REACT_ROUTER_ROOT ?? process.cwd();
447
- let viteNodeContext = await createContext({
448
- root,
449
- mode: watch2 ? "development" : "production",
450
- server: !watch2 ? { watch: null } : {},
451
- ssr: {
452
- external: ssrExternals
453
- }
454
- });
455
- let reactRouterConfigFile = findEntry(root, "react-router.config", {
456
- absolute: true
457
- });
458
- let getConfig = () => resolveConfig({ root, viteNodeContext, reactRouterConfigFile });
459
- let appDirectory;
460
- let initialConfigResult = await getConfig();
461
- if (!initialConfigResult.ok) {
462
- throw new Error(initialConfigResult.error);
463
- }
464
- appDirectory = initialConfigResult.value.appDirectory;
465
- let lastConfig = initialConfigResult.value;
466
- let fsWatcher;
467
- let changeHandlers = [];
468
- return {
469
- getConfig,
470
- onChange: (handler) => {
471
- if (!watch2) {
472
- throw new Error(
473
- "onChange is not supported when watch mode is disabled"
474
- );
475
- }
476
- changeHandlers.push(handler);
477
- if (!fsWatcher) {
478
- fsWatcher = import_chokidar.default.watch(
479
- [
480
- ...reactRouterConfigFile ? [reactRouterConfigFile] : [],
481
- appDirectory
482
- ],
483
- { ignoreInitial: true }
484
- );
485
- fsWatcher.on("all", async (...args) => {
486
- let [event, rawFilepath] = args;
487
- let filepath = import_pathe.default.normalize(rawFilepath);
488
- let appFileAddedOrRemoved = appDirectory && (event === "add" || event === "unlink") && filepath.startsWith(import_pathe.default.normalize(appDirectory));
489
- let configCodeUpdated = Boolean(
490
- viteNodeContext.devServer?.moduleGraph.getModuleById(filepath)
491
- );
492
- if (configCodeUpdated || appFileAddedOrRemoved) {
493
- viteNodeContext.devServer?.moduleGraph.invalidateAll();
494
- viteNodeContext.runner?.moduleCache.clear();
495
- }
496
- if (appFileAddedOrRemoved || configCodeUpdated) {
497
- let result = await getConfig();
498
- let configChanged = result.ok && !(0, import_isEqual.default)(lastConfig, result.value);
499
- let routeConfigChanged = result.ok && !(0, import_isEqual.default)(lastConfig?.routes, result.value.routes);
500
- for (let handler2 of changeHandlers) {
501
- handler2({
502
- result,
503
- configCodeUpdated,
504
- configChanged,
505
- routeConfigChanged,
506
- path: filepath,
507
- event
508
- });
509
- }
510
- if (result.ok) {
511
- lastConfig = result.value;
512
- }
513
- }
514
- });
515
- }
516
- return () => {
517
- changeHandlers = changeHandlers.filter(
518
- (changeHandler) => changeHandler !== handler
519
- );
520
- };
521
- },
522
- close: async () => {
523
- changeHandlers = [];
524
- await viteNodeContext.devServer.close();
525
- await fsWatcher?.close();
526
- }
527
- };
528
- }
529
- async function resolveEntryFiles({
530
- rootDirectory,
531
- reactRouterConfig
532
- }) {
533
- let { appDirectory } = reactRouterConfig;
534
- let defaultsDirectory = import_pathe.default.resolve(
535
- import_pathe.default.dirname(require.resolve("@react-router/dev/package.json")),
536
- "dist",
537
- "config",
538
- "defaults"
539
- );
540
- let userEntryClientFile = findEntry(appDirectory, "entry.client");
541
- let userEntryServerFile = findEntry(appDirectory, "entry.server");
542
- let entryServerFile;
543
- let entryClientFile = userEntryClientFile || "entry.client.tsx";
544
- let pkgJson = await import_package_json.default.load(rootDirectory);
545
- let deps = pkgJson.content.dependencies ?? {};
546
- if (userEntryServerFile) {
547
- entryServerFile = userEntryServerFile;
548
- } else {
549
- if (!deps["@react-router/node"]) {
550
- throw new Error(
551
- `Could not determine server runtime. Please install @react-router/node, or provide a custom entry.server.tsx/jsx file in your app directory.`
552
- );
553
- }
554
- if (!deps["isbot"]) {
555
- console.log(
556
- "adding `isbot@5` to your package.json, you should commit this change"
557
- );
558
- pkgJson.update({
559
- dependencies: {
560
- ...pkgJson.content.dependencies,
561
- isbot: "^5"
562
- }
563
- });
564
- await pkgJson.save();
565
- let packageManager = detectPackageManager() ?? "npm";
566
- (0, import_node_child_process.execSync)(`${packageManager} install`, {
567
- cwd: rootDirectory,
568
- stdio: "inherit"
569
- });
570
- }
571
- entryServerFile = `entry.server.node.tsx`;
572
- }
573
- let entryClientFilePath = userEntryClientFile ? import_pathe.default.resolve(reactRouterConfig.appDirectory, userEntryClientFile) : import_pathe.default.resolve(defaultsDirectory, entryClientFile);
574
- let entryServerFilePath = userEntryServerFile ? import_pathe.default.resolve(reactRouterConfig.appDirectory, userEntryServerFile) : import_pathe.default.resolve(defaultsDirectory, entryServerFile);
575
- return { entryClientFilePath, entryServerFilePath };
576
- }
577
- var ssrExternals = isInReactRouterMonorepo() ? [
578
- // This is only needed within this repo because these packages
579
- // are linked to a directory outside of node_modules so Vite
580
- // treats them as internal code by default.
581
- "react-router",
582
- "react-router-dom",
583
- "@react-router/architect",
584
- "@react-router/cloudflare",
585
- "@react-router/dev",
586
- "@react-router/express",
587
- "@react-router/node",
588
- "@react-router/serve"
589
- ] : void 0;
590
- function isInReactRouterMonorepo() {
591
- let serverRuntimePath = import_pathe.default.dirname(
592
- require.resolve("@react-router/node/package.json")
593
- );
594
- let serverRuntimeParentDir = import_pathe.default.basename(
595
- import_pathe.default.resolve(serverRuntimePath, "..")
596
- );
597
- return serverRuntimeParentDir === "packages";
598
- }
599
- var entryExts = [".js", ".jsx", ".ts", ".tsx"];
600
- function findEntry(dir, basename2, options) {
601
- for (let ext of entryExts) {
602
- let file = import_pathe.default.resolve(dir, basename2 + ext);
603
- if (import_node_fs.default.existsSync(file)) {
604
- return options?.absolute ?? false ? file : import_pathe.default.relative(dir, file);
605
- }
606
- }
607
- return void 0;
608
- }
609
-
610
- // typegen/generate.ts
611
- var import_dedent = __toESM(require("dedent"));
612
- var Path3 = __toESM(require("pathe"));
613
- var Pathe2 = __toESM(require("pathe/utils"));
614
-
615
- // typegen/paths.ts
616
- var Path2 = __toESM(require("pathe"));
617
- var Pathe = __toESM(require("pathe/utils"));
618
- function getTypesDir(ctx) {
619
- return Path2.join(ctx.rootDirectory, ".react-router/types");
620
- }
621
- function getTypesPath(ctx, route) {
622
- return Path2.join(
623
- getTypesDir(ctx),
624
- Path2.relative(ctx.rootDirectory, ctx.config.appDirectory),
625
- Path2.dirname(route.file),
626
- "+types/" + Pathe.filename(route.file) + ".ts"
627
- );
628
- }
629
-
630
- // typegen/generate.ts
631
- function generate(ctx, route) {
632
- const lineage = getRouteLineage(ctx.config.routes, route);
633
- const urlpath = lineage.map((route2) => route2.path).join("/");
634
- const typesPath = getTypesPath(ctx, route);
635
- const parents = lineage.slice(0, -1);
636
- const parentTypeImports = parents.map((parent, i) => {
637
- const rel = Path3.relative(
638
- Path3.dirname(typesPath),
639
- getTypesPath(ctx, parent)
640
- );
641
- const indent = i === 0 ? "" : " ".repeat(2);
642
- let source = noExtension(rel);
643
- if (!source.startsWith("../")) source = "./" + source;
644
- return `${indent}import type { Info as Parent${i} } from "${source}.js"`;
645
- }).join("\n");
646
- return import_dedent.default`
647
- // React Router generated types for route:
648
- // ${route.file}
649
-
650
- import type * as T from "react-router/route-module"
651
-
652
- ${parentTypeImports}
653
-
654
- type Module = typeof import("../${Pathe2.filename(route.file)}.js")
655
-
656
- export type Info = {
657
- parents: [${parents.map((_, i) => `Parent${i}`).join(", ")}],
658
- id: "${route.id}"
659
- file: "${route.file}"
660
- path: "${route.path}"
661
- params: {${formatParamProperties(
662
- urlpath
663
- )}} & { [key: string]: string | undefined }
664
- module: Module
665
- loaderData: T.CreateLoaderData<Module>
666
- actionData: T.CreateActionData<Module>
667
- }
668
-
669
- export namespace Route {
670
- export type LinkDescriptors = T.LinkDescriptors
671
- export type LinksFunction = () => LinkDescriptors
672
-
673
- export type MetaArgs = T.CreateMetaArgs<Info>
674
- export type MetaDescriptors = T.MetaDescriptors
675
- export type MetaFunction = (args: MetaArgs) => MetaDescriptors
676
-
677
- export type HeadersArgs = T.HeadersArgs
678
- export type HeadersFunction = (args: HeadersArgs) => Headers | HeadersInit
679
-
680
- export type MiddlewareArgs = T.CreateServerMiddlewareArgs<Info>
681
- export type MiddlewareNextFunction = T.ServerMiddlewareNextFunction
682
- export type ClientMiddlewareArgs = T.CreateClientMiddlewareArgs<Info>
683
- export type ClientMiddlewareNextFunction = T.ClientMiddlewareNextFunction
684
- export type LoaderArgs = T.CreateServerLoaderArgs<Info>
685
- export type ClientLoaderArgs = T.CreateClientLoaderArgs<Info>
686
- export type ActionArgs = T.CreateServerActionArgs<Info>
687
- export type ClientActionArgs = T.CreateClientActionArgs<Info>
688
-
689
- export type HydrateFallbackProps = T.CreateHydrateFallbackProps<Info>
690
- export type ComponentProps = T.CreateComponentProps<Info>
691
- export type ErrorBoundaryProps = T.CreateErrorBoundaryProps<Info>
692
- }
693
- `;
694
- }
695
- var noExtension = (path5) => Path3.join(Path3.dirname(path5), Pathe2.filename(path5));
696
- function getRouteLineage(routes, route) {
697
- const result = [];
698
- while (route) {
699
- result.push(route);
700
- if (!route.parentId) break;
701
- route = routes[route.parentId];
702
- }
703
- result.reverse();
704
- return result;
705
- }
706
- function formatParamProperties(urlpath) {
707
- const params = parseParams(urlpath);
708
- const properties = Object.entries(params).map(([name, values]) => {
709
- if (values.length === 1) {
710
- const isOptional = values[0];
711
- return isOptional ? `"${name}"?: string` : `"${name}": string`;
712
- }
713
- const items = values.map(
714
- (isOptional) => isOptional ? "string | undefined" : "string"
715
- );
716
- return `"${name}": [${items.join(", ")}]`;
717
- });
718
- return properties.join("; ");
719
- }
720
- function parseParams(urlpath) {
721
- const result = {};
722
- let segments = urlpath.split("/");
723
- segments.forEach((segment) => {
724
- const match = segment.match(/^:([\w-]+)(\?)?/);
725
- if (!match) return;
726
- const param = match[1];
727
- const isOptional = match[2] !== void 0;
728
- result[param] ??= [];
729
- result[param].push(isOptional);
730
- return;
731
- });
732
- const hasSplat = segments.at(-1) === "*";
733
- if (hasSplat) result["*"] = [false];
734
- return result;
735
- }
736
-
737
- // typegen/index.ts
738
- async function watch(rootDirectory, { logger } = {}) {
739
- const ctx = await createContext2({ rootDirectory, watch: true });
740
- await writeAll(ctx);
741
- logger?.info(import_picocolors2.default.green("generated types"), { timestamp: true, clear: true });
742
- ctx.configLoader.onChange(async ({ result, routeConfigChanged }) => {
743
- if (!result.ok) {
744
- logger?.error(import_picocolors2.default.red(result.error), { timestamp: true, clear: true });
745
- return;
746
- }
747
- ctx.config = result.value;
748
- if (routeConfigChanged) {
749
- await writeAll(ctx);
750
- logger?.info(import_picocolors2.default.green("regenerated types"), {
751
- timestamp: true,
752
- clear: true
753
- });
754
- }
755
- });
756
- return {
757
- close: async () => await ctx.configLoader.close()
758
- };
759
- }
760
- async function createContext2({
761
- rootDirectory,
762
- watch: watch2
763
- }) {
764
- const configLoader = await createConfigLoader({ rootDirectory, watch: watch2 });
765
- const configResult = await configLoader.getConfig();
766
- if (!configResult.ok) {
767
- throw new Error(configResult.error);
768
- }
769
- const config = configResult.value;
770
- return {
771
- configLoader,
772
- rootDirectory,
773
- config
774
- };
775
- }
776
- async function writeAll(ctx) {
777
- const typegenDir = getTypesDir(ctx);
778
- import_node_fs2.default.rmSync(typegenDir, { recursive: true, force: true });
779
- Object.values(ctx.config.routes).forEach((route) => {
780
- const typesPath = getTypesPath(ctx, route);
781
- const content = generate(ctx, route);
782
- import_node_fs2.default.mkdirSync(Path4.dirname(typesPath), { recursive: true });
783
- import_node_fs2.default.writeFileSync(typesPath, content);
784
- });
785
- }
786
-
787
- // vite/babel.ts
788
- var import_parser = require("@babel/parser");
789
- var t = __toESM(require("@babel/types"));
790
- var traverse = require("@babel/traverse").default;
791
- var generate2 = require("@babel/generator").default;
792
-
793
- // vite/node-adapter.ts
794
- var import_node_events = require("events");
795
- var import_node_stream = require("stream");
796
- var import_set_cookie_parser = require("set-cookie-parser");
797
- var import_node = require("@react-router/node");
798
- function fromNodeHeaders(nodeHeaders) {
799
- let headers = new Headers();
800
- for (let [key, values] of Object.entries(nodeHeaders)) {
801
- if (values) {
802
- if (Array.isArray(values)) {
803
- for (let value of values) {
804
- headers.append(key, value);
805
- }
806
- } else {
807
- headers.set(key, values);
808
- }
809
- }
810
- }
811
- return headers;
812
- }
813
- function fromNodeRequest(nodeReq, nodeRes) {
814
- let origin = nodeReq.headers.origin && "null" !== nodeReq.headers.origin ? nodeReq.headers.origin : `http://${nodeReq.headers.host}`;
815
- invariant(
816
- nodeReq.originalUrl,
817
- "Expected `nodeReq.originalUrl` to be defined"
818
- );
819
- let url3 = new URL(nodeReq.originalUrl, origin);
820
- let controller = new AbortController();
821
- let init = {
822
- method: nodeReq.method,
823
- headers: fromNodeHeaders(nodeReq.headers),
824
- signal: controller.signal
825
- };
826
- nodeRes.on("finish", () => controller = null);
827
- nodeRes.on("close", () => controller?.abort());
828
- if (nodeReq.method !== "GET" && nodeReq.method !== "HEAD") {
829
- init.body = (0, import_node.createReadableStreamFromReadable)(nodeReq);
830
- init.duplex = "half";
831
- }
832
- return new Request(url3.href, init);
833
- }
834
- async function toNodeRequest(res, nodeRes) {
835
- nodeRes.statusCode = res.status;
836
- nodeRes.statusMessage = res.statusText;
837
- let cookiesStrings = [];
838
- for (let [name, value] of res.headers) {
839
- if (name === "set-cookie") {
840
- cookiesStrings.push(...(0, import_set_cookie_parser.splitCookiesString)(value));
841
- } else nodeRes.setHeader(name, value);
842
- }
843
- if (cookiesStrings.length) {
844
- nodeRes.setHeader("set-cookie", cookiesStrings);
845
- }
846
- if (res.body) {
847
- let responseBody = res.body;
848
- let readable = import_node_stream.Readable.from(responseBody);
849
- readable.pipe(nodeRes);
850
- await (0, import_node_events.once)(readable, "end");
851
- } else {
852
- nodeRes.end();
853
- }
854
- }
855
-
856
- // vite/styles.ts
857
- var path3 = __toESM(require("path"));
858
- var import_react_router = require("react-router");
859
-
860
- // vite/resolve-file-url.ts
861
- var path2 = __toESM(require("path"));
862
- var resolveFileUrl = ({ rootDirectory }, filePath) => {
863
- let vite2 = importViteEsmSync();
864
- let relativePath = path2.relative(rootDirectory, filePath);
865
- let isWithinRoot = !relativePath.startsWith("..") && !path2.isAbsolute(relativePath);
866
- if (!isWithinRoot) {
867
- return path2.posix.join("/@fs", vite2.normalizePath(filePath));
868
- }
869
- return "/" + vite2.normalizePath(relativePath);
870
- };
871
-
872
- // vite/styles.ts
873
- var cssFileRegExp = /\.(css|less|sass|scss|styl|stylus|pcss|postcss|sss)(?:$|\?)/;
874
- var cssModulesRegExp = new RegExp(`\\.module${cssFileRegExp.source}`);
875
- var isCssFile = (file) => cssFileRegExp.test(file);
876
- var isCssModulesFile = (file) => cssModulesRegExp.test(file);
877
- var cssUrlParamsWithoutSideEffects = ["url", "inline", "raw", "inline-css"];
878
- var isCssUrlWithoutSideEffects = (url3) => {
879
- let queryString = url3.split("?")[1];
880
- if (!queryString) {
881
- return false;
882
- }
883
- let params = new URLSearchParams(queryString);
884
- for (let paramWithoutSideEffects of cssUrlParamsWithoutSideEffects) {
885
- if (
886
- // Parameter is blank and not explicitly set, i.e. "?url", not "?url="
887
- params.get(paramWithoutSideEffects) === "" && !url3.includes(`?${paramWithoutSideEffects}=`) && !url3.includes(`&${paramWithoutSideEffects}=`)
888
- ) {
889
- return true;
890
- }
891
- }
892
- return false;
893
- };
894
- var getStylesForFiles = async ({
895
- viteDevServer,
896
- rootDirectory,
897
- cssModulesManifest,
898
- files
899
- }) => {
900
- let styles = {};
901
- let deps = /* @__PURE__ */ new Set();
902
- try {
903
- for (let file of files) {
904
- let normalizedPath = path3.resolve(rootDirectory, file).replace(/\\/g, "/");
905
- let node = await viteDevServer.moduleGraph.getModuleById(normalizedPath);
906
- if (!node) {
907
- try {
908
- await viteDevServer.transformRequest(
909
- resolveFileUrl({ rootDirectory }, normalizedPath)
910
- );
911
- } catch (err2) {
912
- console.error(err2);
913
- }
914
- node = await viteDevServer.moduleGraph.getModuleById(normalizedPath);
915
- }
916
- if (!node) {
917
- console.log(`Could not resolve module for file: ${file}`);
918
- continue;
919
- }
920
- await findDeps(viteDevServer, node, deps);
921
- }
922
- } catch (err2) {
923
- console.error(err2);
924
- }
925
- for (let dep of deps) {
926
- if (dep.file && isCssFile(dep.file) && !isCssUrlWithoutSideEffects(dep.url)) {
927
- try {
928
- let css = isCssModulesFile(dep.file) ? cssModulesManifest[dep.file] : (await viteDevServer.ssrLoadModule(dep.url)).default;
929
- if (css === void 0) {
930
- throw new Error();
931
- }
932
- styles[dep.url] = css;
933
- } catch {
934
- console.warn(`Could not load ${dep.file}`);
935
- }
936
- }
937
- }
938
- return Object.entries(styles).map(([fileName, css], i) => [
939
- `
940
- /* ${fileName.replace(/\/\*/g, "/\\*").replace(/\*\//g, "*\\/")} */`,
941
- css
942
- ]).flat().join("\n") || void 0;
943
- };
944
- var findDeps = async (vite2, node, deps) => {
945
- let branches = [];
946
- async function addFromNode(node2) {
947
- if (!deps.has(node2)) {
948
- deps.add(node2);
949
- await findDeps(vite2, node2, deps);
950
- }
951
- }
952
- async function addFromUrl(url3) {
953
- let node2 = await vite2.moduleGraph.getModuleByUrl(url3);
954
- if (node2) {
955
- await addFromNode(node2);
956
- }
957
- }
958
- if (node.ssrTransformResult) {
959
- if (node.ssrTransformResult.deps) {
960
- node.ssrTransformResult.deps.forEach(
961
- (url3) => branches.push(addFromUrl(url3))
962
- );
963
- }
964
- } else {
965
- node.importedModules.forEach((node2) => branches.push(addFromNode(node2)));
966
- }
967
- await Promise.all(branches);
968
- };
969
- var groupRoutesByParentId = (manifest) => {
970
- let routes = {};
971
- Object.values(manifest).forEach((route) => {
972
- if (route) {
973
- let parentId = route.parentId || "";
974
- if (!routes[parentId]) {
975
- routes[parentId] = [];
976
- }
977
- routes[parentId].push(route);
978
- }
979
- });
980
- return routes;
981
- };
982
- var createRoutes = (manifest, parentId = "", routesByParentId = groupRoutesByParentId(manifest)) => {
983
- return (routesByParentId[parentId] || []).map((route) => ({
984
- ...route,
985
- children: createRoutes(manifest, route.id, routesByParentId)
986
- }));
987
- };
988
- var getStylesForUrl = async ({
989
- viteDevServer,
990
- rootDirectory,
991
- reactRouterConfig,
992
- entryClientFilePath,
993
- cssModulesManifest,
994
- build,
995
- url: url3
996
- }) => {
997
- if (url3 === void 0 || url3.includes("?_data=")) {
998
- return void 0;
999
- }
1000
- let routes = createRoutes(build.routes);
1001
- let appPath = path3.relative(process.cwd(), reactRouterConfig.appDirectory);
1002
- let documentRouteFiles = (0, import_react_router.matchRoutes)(routes, url3, build.basename)?.map(
1003
- (match) => path3.resolve(appPath, reactRouterConfig.routes[match.route.id].file)
1004
- ) ?? [];
1005
- let styles = await getStylesForFiles({
1006
- viteDevServer,
1007
- rootDirectory,
1008
- cssModulesManifest,
1009
- files: [
1010
- // Always include the client entry file when crawling the module graph for CSS
1011
- path3.relative(rootDirectory, entryClientFilePath),
1012
- // Then include any styles from the matched routes
1013
- ...documentRouteFiles
1014
- ]
1015
- });
1016
- return styles;
1017
- };
1018
-
1019
- // vite/vmod.ts
1020
- var id = (name) => `virtual:react-router/${name}`;
1021
- var resolve3 = (id2) => `\0${id2}`;
1022
- var url = (id2) => `/@id/__x00__${id2}`;
1023
-
1024
- // vite/combine-urls.ts
1025
- function combineURLs(baseURL, relativeURL) {
1026
- return relativeURL ? baseURL.replace(/\/+$/, "") + "/" + relativeURL.replace(/^\/+/, "") : baseURL;
1027
- }
1028
-
1029
- // vite/remove-exports.ts
1030
- var import_babel_dead_code_elimination = require("babel-dead-code-elimination");
1031
- var removeExports = (ast, exportsToRemove) => {
1032
- let previouslyReferencedIdentifiers = (0, import_babel_dead_code_elimination.findReferencedIdentifiers)(ast);
1033
- let exportsFiltered = false;
1034
- let markedForRemoval = /* @__PURE__ */ new Set();
1035
- traverse(ast, {
1036
- ExportDeclaration(path5) {
1037
- if (path5.node.type === "ExportNamedDeclaration") {
1038
- if (path5.node.specifiers.length) {
1039
- path5.node.specifiers = path5.node.specifiers.filter((specifier) => {
1040
- if (specifier.type === "ExportSpecifier" && specifier.exported.type === "Identifier") {
1041
- if (exportsToRemove.includes(specifier.exported.name)) {
1042
- exportsFiltered = true;
1043
- return false;
1044
- }
1045
- }
1046
- return true;
1047
- });
1048
- if (path5.node.specifiers.length === 0) {
1049
- markedForRemoval.add(path5);
1050
- }
1051
- }
1052
- if (path5.node.declaration?.type === "VariableDeclaration") {
1053
- let declaration = path5.node.declaration;
1054
- declaration.declarations = declaration.declarations.filter(
1055
- (declaration2) => {
1056
- if (declaration2.id.type === "Identifier" && exportsToRemove.includes(declaration2.id.name)) {
1057
- exportsFiltered = true;
1058
- return false;
1059
- }
1060
- if (declaration2.id.type === "ArrayPattern" || declaration2.id.type === "ObjectPattern") {
1061
- validateDestructuredExports(declaration2.id, exportsToRemove);
1062
- }
1063
- return true;
1064
- }
1065
- );
1066
- if (declaration.declarations.length === 0) {
1067
- markedForRemoval.add(path5);
1068
- }
1069
- }
1070
- if (path5.node.declaration?.type === "FunctionDeclaration") {
1071
- let id2 = path5.node.declaration.id;
1072
- if (id2 && exportsToRemove.includes(id2.name)) {
1073
- markedForRemoval.add(path5);
1074
- }
1075
- }
1076
- if (path5.node.declaration?.type === "ClassDeclaration") {
1077
- let id2 = path5.node.declaration.id;
1078
- if (id2 && exportsToRemove.includes(id2.name)) {
1079
- markedForRemoval.add(path5);
1080
- }
1081
- }
1082
- }
1083
- if (path5.node.type === "ExportDefaultDeclaration" && exportsToRemove.includes("default")) {
1084
- markedForRemoval.add(path5);
1085
- }
1086
- }
1087
- });
1088
- if (markedForRemoval.size > 0 || exportsFiltered) {
1089
- for (let path5 of markedForRemoval) {
1090
- path5.remove();
1091
- }
1092
- (0, import_babel_dead_code_elimination.deadCodeElimination)(ast, previouslyReferencedIdentifiers);
1093
- }
1094
- };
1095
- function validateDestructuredExports(id2, exportsToRemove) {
1096
- if (id2.type === "ArrayPattern") {
1097
- for (let element of id2.elements) {
1098
- if (!element) {
1099
- continue;
1100
- }
1101
- if (element.type === "Identifier" && exportsToRemove.includes(element.name)) {
1102
- throw invalidDestructureError(element.name);
1103
- }
1104
- if (element.type === "RestElement" && element.argument.type === "Identifier" && exportsToRemove.includes(element.argument.name)) {
1105
- throw invalidDestructureError(element.argument.name);
1106
- }
1107
- if (element.type === "ArrayPattern" || element.type === "ObjectPattern") {
1108
- validateDestructuredExports(element, exportsToRemove);
1109
- }
1110
- }
1111
- }
1112
- if (id2.type === "ObjectPattern") {
1113
- for (let property of id2.properties) {
1114
- if (!property) {
1115
- continue;
1116
- }
1117
- if (property.type === "ObjectProperty" && property.key.type === "Identifier") {
1118
- if (property.value.type === "Identifier" && exportsToRemove.includes(property.value.name)) {
1119
- throw invalidDestructureError(property.value.name);
1120
- }
1121
- if (property.value.type === "ArrayPattern" || property.value.type === "ObjectPattern") {
1122
- validateDestructuredExports(property.value, exportsToRemove);
1123
- }
1124
- }
1125
- if (property.type === "RestElement" && property.argument.type === "Identifier" && exportsToRemove.includes(property.argument.name)) {
1126
- throw invalidDestructureError(property.argument.name);
1127
- }
1128
- }
1129
- }
1130
- }
1131
- function invalidDestructureError(name) {
1132
- return new Error(`Cannot remove destructured export "${name}"`);
1133
- }
1134
-
1135
- // vite/with-props.ts
1136
- var import_dedent2 = __toESM(require("dedent"));
1137
- var vmodId = id("with-props");
1138
- var NAMED_COMPONENT_EXPORTS = ["HydrateFallback", "ErrorBoundary"];
1139
- var plugin = {
1140
- name: "react-router-with-props",
1141
- enforce: "pre",
1142
- resolveId(id2) {
1143
- if (id2 === vmodId) return resolve3(vmodId);
1144
- },
1145
- async load(id2) {
1146
- if (id2 !== resolve3(vmodId)) return;
1147
- return import_dedent2.default`
1148
- import { createElement as h } from "react";
1149
- import { useActionData, useLoaderData, useMatches, useParams, useRouteError } from "react-router";
1150
-
1151
- export function withComponentProps(Component) {
1152
- return function Wrapped() {
1153
- const props = {
1154
- params: useParams(),
1155
- loaderData: useLoaderData(),
1156
- actionData: useActionData(),
1157
- matches: useMatches(),
1158
- };
1159
- return h(Component, props);
1160
- };
1161
- }
1162
-
1163
- export function withHydrateFallbackProps(HydrateFallback) {
1164
- return function Wrapped() {
1165
- const props = {
1166
- params: useParams(),
1167
- };
1168
- return h(HydrateFallback, props);
1169
- };
1170
- }
1171
-
1172
- export function withErrorBoundaryProps(ErrorBoundary) {
1173
- return function Wrapped() {
1174
- const props = {
1175
- params: useParams(),
1176
- loaderData: useLoaderData(),
1177
- actionData: useActionData(),
1178
- error: useRouteError(),
1179
- };
1180
- return h(ErrorBoundary, props);
1181
- };
1182
- }
1183
- `;
1184
- }
1185
- };
1186
- var transform = (ast) => {
1187
- const hocs = [];
1188
- function getHocUid(path5, hocName) {
1189
- const uid = path5.scope.generateUidIdentifier(hocName);
1190
- hocs.push([hocName, uid]);
1191
- return uid;
1192
- }
1193
- traverse(ast, {
1194
- ExportDeclaration(path5) {
1195
- if (path5.isExportDefaultDeclaration()) {
1196
- const declaration = path5.get("declaration");
1197
- const expr = declaration.isExpression() ? declaration.node : declaration.isFunctionDeclaration() ? toFunctionExpression(declaration.node) : void 0;
1198
- if (expr) {
1199
- const uid = getHocUid(path5, "withComponentProps");
1200
- declaration.replaceWith(t.callExpression(uid, [expr]));
1201
- }
1202
- return;
1203
- }
1204
- if (path5.isExportNamedDeclaration()) {
1205
- const decl = path5.get("declaration");
1206
- if (decl.isVariableDeclaration()) {
1207
- decl.get("declarations").forEach((varDeclarator) => {
1208
- const id2 = varDeclarator.get("id");
1209
- const init = varDeclarator.get("init");
1210
- const expr = init.node;
1211
- if (!expr) return;
1212
- if (!id2.isIdentifier()) return;
1213
- const { name } = id2.node;
1214
- if (!NAMED_COMPONENT_EXPORTS.includes(name)) return;
1215
- const uid = getHocUid(path5, `with${name}Props`);
1216
- init.replaceWith(t.callExpression(uid, [expr]));
1217
- });
1218
- return;
1219
- }
1220
- if (decl.isFunctionDeclaration()) {
1221
- const { id: id2 } = decl.node;
1222
- if (!id2) return;
1223
- const { name } = id2;
1224
- if (!NAMED_COMPONENT_EXPORTS.includes(name)) return;
1225
- const uid = getHocUid(path5, `with${name}Props`);
1226
- decl.replaceWith(
1227
- t.variableDeclaration("const", [
1228
- t.variableDeclarator(
1229
- t.identifier(name),
1230
- t.callExpression(uid, [toFunctionExpression(decl.node)])
1231
- )
1232
- ])
1233
- );
1234
- }
1235
- }
1236
- }
1237
- });
1238
- if (hocs.length > 0) {
1239
- ast.program.body.unshift(
1240
- t.importDeclaration(
1241
- hocs.map(
1242
- ([name, identifier]) => t.importSpecifier(identifier, t.identifier(name))
1243
- ),
1244
- t.stringLiteral(vmodId)
1245
- )
1246
- );
1247
- }
1248
- };
1249
- function toFunctionExpression(decl) {
1250
- return t.functionExpression(
1251
- decl.id,
1252
- decl.params,
1253
- decl.body,
1254
- decl.generator,
1255
- decl.async
1256
- );
1257
- }
1258
-
1259
- // vite/plugin.ts
1260
- var SERVER_ONLY_ROUTE_EXPORTS = ["loader", "action", "middleware", "headers"];
1261
- var CLIENT_ROUTE_EXPORTS = [
1262
- "clientAction",
1263
- "clientLoader",
1264
- "clientMiddleware",
1265
- "default",
1266
- "ErrorBoundary",
1267
- "handle",
1268
- "HydrateFallback",
1269
- "Layout",
1270
- "links",
1271
- "meta",
1272
- "shouldRevalidate"
1273
- ];
1274
- var ROUTE_ENTRY_QUERY_STRING = "?route-entry=1";
1275
- var isRouteEntry = (id2) => {
1276
- return id2.endsWith(ROUTE_ENTRY_QUERY_STRING);
1277
- };
1278
- var serverBuildId = id("server-build");
1279
- var serverManifestId = id("server-manifest");
1280
- var browserManifestId = id("browser-manifest");
1281
- var hmrRuntimeId = id("hmr-runtime");
1282
- var injectHmrRuntimeId = id("inject-hmr-runtime");
1283
- var resolveRelativeRouteFilePath = (route, reactRouterConfig) => {
1284
- let vite2 = importViteEsmSync();
1285
- let file = route.file;
1286
- let fullPath = path4.resolve(reactRouterConfig.appDirectory, file);
1287
- return vite2.normalizePath(fullPath);
1288
- };
1289
- var vmods = [serverBuildId, serverManifestId, browserManifestId];
1290
- var invalidateVirtualModules = (viteDevServer) => {
1291
- vmods.forEach((vmod) => {
1292
- let mod = viteDevServer.moduleGraph.getModuleById(
1293
- resolve3(vmod)
1294
- );
1295
- if (mod) {
1296
- viteDevServer.moduleGraph.invalidateModule(mod);
1297
- }
1298
- });
1299
- };
1300
- var getHash = (source, maxLength) => {
1301
- let hash = (0, import_node_crypto.createHash)("sha256").update(source).digest("hex");
1302
- return typeof maxLength === "number" ? hash.slice(0, maxLength) : hash;
1303
- };
1304
- var resolveChunk = (ctx, viteManifest, absoluteFilePath) => {
1305
- let vite2 = importViteEsmSync();
1306
- let rootRelativeFilePath = vite2.normalizePath(
1307
- path4.relative(ctx.rootDirectory, absoluteFilePath)
1308
- );
1309
- let entryChunk = viteManifest[rootRelativeFilePath + ROUTE_ENTRY_QUERY_STRING] ?? viteManifest[rootRelativeFilePath];
1310
- if (!entryChunk) {
1311
- let knownManifestKeys = Object.keys(viteManifest).map((key) => '"' + key + '"').join(", ");
1312
- throw new Error(
1313
- `No manifest entry found for "${rootRelativeFilePath}". Known manifest keys: ${knownManifestKeys}`
1314
- );
1315
- }
1316
- return entryChunk;
1317
- };
1318
- var getReactRouterManifestBuildAssets = (ctx, viteManifest, entryFilePath, prependedAssetFilePaths = []) => {
1319
- let entryChunk = resolveChunk(ctx, viteManifest, entryFilePath);
1320
- let prependedAssetChunks = prependedAssetFilePaths.map(
1321
- (filePath) => resolveChunk(ctx, viteManifest, filePath)
1322
- );
1323
- let chunks = resolveDependantChunks(viteManifest, [
1324
- ...prependedAssetChunks,
1325
- entryChunk
1326
- ]);
1327
- return {
1328
- module: `${ctx.publicPath}${entryChunk.file}`,
1329
- imports: dedupe(chunks.flatMap((e) => e.imports ?? [])).map((imported) => {
1330
- return `${ctx.publicPath}${viteManifest[imported].file}`;
1331
- }) ?? [],
1332
- css: dedupe(chunks.flatMap((e) => e.css ?? [])).map((href) => {
1333
- return `${ctx.publicPath}${href}`;
1334
- }) ?? []
1335
- };
1336
- };
1337
- function resolveDependantChunks(viteManifest, entryChunks) {
1338
- let chunks = /* @__PURE__ */ new Set();
1339
- function walk(chunk) {
1340
- if (chunks.has(chunk)) {
1341
- return;
1342
- }
1343
- chunks.add(chunk);
1344
- if (chunk.imports) {
1345
- for (let importKey of chunk.imports) {
1346
- walk(viteManifest[importKey]);
1347
- }
1348
- }
1349
- }
1350
- for (let entryChunk of entryChunks) {
1351
- walk(entryChunk);
1352
- }
1353
- return Array.from(chunks);
1354
- }
1355
- function dedupe(array2) {
1356
- return [...new Set(array2)];
1357
- }
1358
- var writeFileSafe = async (file, contents) => {
1359
- await fse.ensureDir(path4.dirname(file));
1360
- await fse.writeFile(file, contents);
1361
- };
1362
- var getRouteManifestModuleExports = async (viteChildCompiler, ctx) => {
1363
- let entries = await Promise.all(
1364
- Object.entries(ctx.reactRouterConfig.routes).map(async ([key, route]) => {
1365
- let sourceExports = await getRouteModuleExports(
1366
- viteChildCompiler,
1367
- ctx,
1368
- route.file
1369
- );
1370
- return [key, sourceExports];
1371
- })
1372
- );
1373
- return Object.fromEntries(entries);
1374
- };
1375
- var getRouteModuleExports = async (viteChildCompiler, ctx, routeFile, readRouteFile) => {
1376
- if (!viteChildCompiler) {
1377
- throw new Error("Vite child compiler not found");
1378
- }
1379
- let ssr = true;
1380
- let { pluginContainer, moduleGraph } = viteChildCompiler;
1381
- let routePath = path4.resolve(ctx.reactRouterConfig.appDirectory, routeFile);
1382
- let url3 = resolveFileUrl(ctx, routePath);
1383
- let resolveId = async () => {
1384
- let result = await pluginContainer.resolveId(url3, void 0, { ssr });
1385
- if (!result) throw new Error(`Could not resolve module ID for ${url3}`);
1386
- return result.id;
1387
- };
1388
- let [id2, code] = await Promise.all([
1389
- resolveId(),
1390
- readRouteFile?.() ?? fse.readFile(routePath, "utf-8"),
1391
- // pluginContainer.transform(...) fails if we don't do this first:
1392
- moduleGraph.ensureEntryFromUrl(url3, ssr)
1393
- ]);
1394
- let transformed = await pluginContainer.transform(code, id2, { ssr });
1395
- let [, exports2] = (0, import_es_module_lexer.parse)(transformed.code);
1396
- let exportNames = exports2.map((e) => e.n);
1397
- return exportNames;
1398
- };
1399
- var getServerBundleBuildConfig = (viteUserConfig) => {
1400
- if (!("__reactRouterServerBundleBuildConfig" in viteUserConfig) || !viteUserConfig.__reactRouterServerBundleBuildConfig) {
1401
- return null;
1402
- }
1403
- return viteUserConfig.__reactRouterServerBundleBuildConfig;
1404
- };
1405
- var getServerBuildDirectory = (ctx) => path4.join(
1406
- ctx.reactRouterConfig.buildDirectory,
1407
- "server",
1408
- ...ctx.serverBundleBuildConfig ? [ctx.serverBundleBuildConfig.serverBundleId] : []
1409
- );
1410
- var getClientBuildDirectory = (reactRouterConfig) => path4.join(reactRouterConfig.buildDirectory, "client");
1411
- var defaultEntriesDir = path4.resolve(
1412
- path4.dirname(require.resolve("@react-router/dev/package.json")),
1413
- "dist",
1414
- "config",
1415
- "defaults"
1416
- );
1417
- var defaultEntries = fse.readdirSync(defaultEntriesDir).map((filename3) => path4.join(defaultEntriesDir, filename3));
1418
- invariant(defaultEntries.length > 0, "No default entries found");
1419
- var reactRouterDevLoadContext = () => ({});
1420
- var reactRouterVitePlugin = () => {
1421
- let rootDirectory;
1422
- let viteCommand;
1423
- let viteUserConfig;
1424
- let viteConfigEnv;
1425
- let viteConfig;
1426
- let cssModulesManifest = {};
1427
- let viteChildCompiler = null;
1428
- let reactRouterConfigLoader;
1429
- let typegenWatcherPromise;
1430
- let logger;
1431
- let firstLoad = true;
1432
- let ctx;
1433
- let updatePluginContext = async () => {
1434
- let reactRouterConfig;
1435
- let reactRouterConfigResult = await reactRouterConfigLoader.getConfig();
1436
- if (reactRouterConfigResult.ok) {
1437
- reactRouterConfig = reactRouterConfigResult.value;
1438
- } else {
1439
- logger.error(reactRouterConfigResult.error);
1440
- if (firstLoad) {
1441
- process.exit(1);
1442
- }
1443
- return;
1444
- }
1445
- let { entryClientFilePath, entryServerFilePath } = await resolveEntryFiles({
1446
- rootDirectory,
1447
- reactRouterConfig
1448
- });
1449
- let publicPath = viteUserConfig.base ?? "/";
1450
- if (reactRouterConfig.basename !== "/" && viteCommand === "serve" && !viteUserConfig.server?.middlewareMode && !reactRouterConfig.basename.startsWith(publicPath)) {
1451
- logger.error(
1452
- import_picocolors3.default.red(
1453
- "When using the React Router `basename` and the Vite `base` config, the `basename` config must begin with `base` for the default Vite dev server."
1454
- )
1455
- );
1456
- process.exit(1);
1457
- }
1458
- let viteManifestEnabled = viteUserConfig.build?.manifest === true;
1459
- let ssrBuildCtx = viteConfigEnv.isSsrBuild && viteCommand === "build" ? {
1460
- isSsrBuild: true,
1461
- getReactRouterServerManifest: async () => (await generateReactRouterManifestsForBuild()).reactRouterServerManifest,
1462
- serverBundleBuildConfig: getServerBundleBuildConfig(viteUserConfig)
1463
- } : { isSsrBuild: false };
1464
- firstLoad = false;
1465
- ctx = {
1466
- reactRouterConfig,
1467
- rootDirectory,
1468
- entryClientFilePath,
1469
- entryServerFilePath,
1470
- publicPath,
1471
- viteManifestEnabled,
1472
- ...ssrBuildCtx
1473
- };
1474
- };
1475
- let pluginIndex = (pluginName) => {
1476
- invariant(viteConfig);
1477
- return viteConfig.plugins.findIndex((plugin2) => plugin2.name === pluginName);
1478
- };
1479
- let getServerEntry = async () => {
1480
- invariant(viteConfig, "viteconfig required to generate the server entry");
1481
- let routes = ctx.serverBundleBuildConfig ? (
1482
- // For server bundle builds, the server build should only import the
1483
- // routes for this bundle rather than importing all routes
1484
- ctx.serverBundleBuildConfig.routes
1485
- ) : (
1486
- // Otherwise, all routes are imported as usual
1487
- ctx.reactRouterConfig.routes
1488
- );
1489
- return `
1490
- import * as entryServer from ${JSON.stringify(
1491
- resolveFileUrl(ctx, ctx.entryServerFilePath)
1492
- )};
1493
- ${Object.keys(routes).map((key, index) => {
1494
- let route = routes[key];
1495
- return `import * as route${index} from ${JSON.stringify(
1496
- resolveFileUrl(
1497
- ctx,
1498
- resolveRelativeRouteFilePath(route, ctx.reactRouterConfig)
1499
- ) + ROUTE_ENTRY_QUERY_STRING
1500
- )};`;
1501
- }).join("\n")}
1502
- export { default as assets } from ${JSON.stringify(serverManifestId)};
1503
- export const assetsBuildDirectory = ${JSON.stringify(
1504
- path4.relative(
1505
- ctx.rootDirectory,
1506
- getClientBuildDirectory(ctx.reactRouterConfig)
1507
- )
1508
- )};
1509
- export const basename = ${JSON.stringify(ctx.reactRouterConfig.basename)};
1510
- export const future = ${JSON.stringify(ctx.reactRouterConfig.future)};
1511
- export const isSpaMode = ${!ctx.reactRouterConfig.ssr && ctx.reactRouterConfig.prerender == null};
1512
- export const publicPath = ${JSON.stringify(ctx.publicPath)};
1513
- export const entry = { module: entryServer };
1514
- export const routes = {
1515
- ${Object.keys(routes).map((key, index) => {
1516
- let route = routes[key];
1517
- return `${JSON.stringify(key)}: {
1518
- id: ${JSON.stringify(route.id)},
1519
- parentId: ${JSON.stringify(route.parentId)},
1520
- path: ${JSON.stringify(route.path)},
1521
- index: ${JSON.stringify(route.index)},
1522
- caseSensitive: ${JSON.stringify(route.caseSensitive)},
1523
- module: route${index}
1524
- }`;
1525
- }).join(",\n ")}
1526
- };`;
1527
- };
1528
- let loadViteManifest = async (directory) => {
1529
- let manifestContents = await fse.readFile(
1530
- path4.resolve(directory, ".vite", "manifest.json"),
1531
- "utf-8"
1532
- );
1533
- return JSON.parse(manifestContents);
1534
- };
1535
- let hasDependency = (name) => {
1536
- try {
1537
- return Boolean(require.resolve(name, { paths: [ctx.rootDirectory] }));
1538
- } catch (err2) {
1539
- return false;
1540
- }
1541
- };
1542
- let getViteManifestAssetPaths = (viteManifest) => {
1543
- let cssUrlPaths = Object.values(viteManifest).filter((chunk) => chunk.file.endsWith(".css")).map((chunk) => chunk.file);
1544
- let chunkAssetPaths = Object.values(viteManifest).flatMap(
1545
- (chunk) => chunk.assets ?? []
1546
- );
1547
- return /* @__PURE__ */ new Set([...cssUrlPaths, ...chunkAssetPaths]);
1548
- };
1549
- let generateReactRouterManifestsForBuild = async () => {
1550
- invariant(viteConfig);
1551
- let viteManifest = await loadViteManifest(
1552
- getClientBuildDirectory(ctx.reactRouterConfig)
1553
- );
1554
- let entry = getReactRouterManifestBuildAssets(
1555
- ctx,
1556
- viteManifest,
1557
- ctx.entryClientFilePath
1558
- );
1559
- let browserRoutes = {};
1560
- let serverRoutes = {};
1561
- let routeManifestExports = await getRouteManifestModuleExports(
1562
- viteChildCompiler,
1563
- ctx
1564
- );
1565
- for (let [key, route] of Object.entries(ctx.reactRouterConfig.routes)) {
1566
- let routeFilePath = path4.join(
1567
- ctx.reactRouterConfig.appDirectory,
1568
- route.file
1569
- );
1570
- let sourceExports = routeManifestExports[key];
1571
- let isRootRoute = route.parentId === void 0;
1572
- let routeManifestEntry = {
1573
- id: route.id,
1574
- parentId: route.parentId,
1575
- path: route.path,
1576
- index: route.index,
1577
- caseSensitive: route.caseSensitive,
1578
- hasAction: sourceExports.includes("action"),
1579
- hasLoader: sourceExports.includes("loader"),
1580
- hasClientAction: sourceExports.includes("clientAction"),
1581
- hasClientLoader: sourceExports.includes("clientLoader"),
1582
- hasErrorBoundary: sourceExports.includes("ErrorBoundary"),
1583
- ...getReactRouterManifestBuildAssets(
1584
- ctx,
1585
- viteManifest,
1586
- routeFilePath,
1587
- // If this is the root route, we also need to include assets from the
1588
- // client entry file as this is a common way for consumers to import
1589
- // global reset styles, etc.
1590
- isRootRoute ? [ctx.entryClientFilePath] : []
1591
- )
1592
- };
1593
- browserRoutes[key] = routeManifestEntry;
1594
- let serverBundleRoutes = ctx.serverBundleBuildConfig?.routes;
1595
- if (!serverBundleRoutes || serverBundleRoutes[key]) {
1596
- serverRoutes[key] = routeManifestEntry;
1597
- }
1598
- }
1599
- let fingerprintedValues = { entry, routes: browserRoutes };
1600
- let version = getHash(JSON.stringify(fingerprintedValues), 8);
1601
- let manifestPath = path4.posix.join(
1602
- viteConfig.build.assetsDir,
1603
- `manifest-${version}.js`
1604
- );
1605
- let url3 = `${ctx.publicPath}${manifestPath}`;
1606
- let nonFingerprintedValues = { url: url3, version };
1607
- let reactRouterBrowserManifest = {
1608
- ...fingerprintedValues,
1609
- ...nonFingerprintedValues
1610
- };
1611
- await writeFileSafe(
1612
- path4.join(getClientBuildDirectory(ctx.reactRouterConfig), manifestPath),
1613
- `window.__reactRouterManifest=${JSON.stringify(
1614
- reactRouterBrowserManifest
1615
- )};`
1616
- );
1617
- let reactRouterServerManifest = {
1618
- ...reactRouterBrowserManifest,
1619
- routes: serverRoutes
1620
- };
1621
- return {
1622
- reactRouterBrowserManifest,
1623
- reactRouterServerManifest
1624
- };
1625
- };
1626
- let getReactRouterManifestForDev = async () => {
1627
- let routes = {};
1628
- let routeManifestExports = await getRouteManifestModuleExports(
1629
- viteChildCompiler,
1630
- ctx
1631
- );
1632
- for (let [key, route] of Object.entries(ctx.reactRouterConfig.routes)) {
1633
- let sourceExports = routeManifestExports[key];
1634
- routes[key] = {
1635
- id: route.id,
1636
- parentId: route.parentId,
1637
- path: route.path,
1638
- index: route.index,
1639
- caseSensitive: route.caseSensitive,
1640
- module: combineURLs(
1641
- ctx.publicPath,
1642
- `${resolveFileUrl(
1643
- ctx,
1644
- resolveRelativeRouteFilePath(route, ctx.reactRouterConfig)
1645
- )}${ROUTE_ENTRY_QUERY_STRING}`
1646
- ),
1647
- hasAction: sourceExports.includes("action"),
1648
- hasLoader: sourceExports.includes("loader"),
1649
- hasClientAction: sourceExports.includes("clientAction"),
1650
- hasClientLoader: sourceExports.includes("clientLoader"),
1651
- hasErrorBoundary: sourceExports.includes("ErrorBoundary"),
1652
- imports: []
1653
- };
1654
- }
1655
- return {
1656
- version: String(Math.random()),
1657
- url: combineURLs(ctx.publicPath, url(browserManifestId)),
1658
- hmr: {
1659
- runtime: combineURLs(
1660
- ctx.publicPath,
1661
- url(injectHmrRuntimeId)
1662
- )
1663
- },
1664
- entry: {
1665
- module: combineURLs(
1666
- ctx.publicPath,
1667
- resolveFileUrl(ctx, ctx.entryClientFilePath)
1668
- ),
1669
- imports: []
1670
- },
1671
- routes
1672
- };
1673
- };
1674
- return [
1675
- {
1676
- name: "react-router",
1677
- config: async (_viteUserConfig, _viteConfigEnv) => {
1678
- await preloadViteEsm();
1679
- let vite2 = importViteEsmSync();
1680
- viteUserConfig = _viteUserConfig;
1681
- viteConfigEnv = _viteConfigEnv;
1682
- viteCommand = viteConfigEnv.command;
1683
- logger = vite2.createLogger(viteUserConfig.logLevel, {
1684
- prefix: "[react-router]"
1685
- });
1686
- rootDirectory = viteUserConfig.root ?? process.env.REACT_ROUTER_ROOT ?? process.cwd();
1687
- if (viteCommand === "serve") {
1688
- typegenWatcherPromise = watch(rootDirectory, {
1689
- // ignore `info` logs from typegen since they are redundant when Vite plugin logs are active
1690
- logger: vite2.createLogger("warn", { prefix: "[react-router]" })
1691
- });
1692
- }
1693
- reactRouterConfigLoader = await createConfigLoader({
1694
- rootDirectory,
1695
- watch: viteCommand === "serve"
1696
- });
1697
- await updatePluginContext();
1698
- Object.assign(
1699
- process.env,
1700
- vite2.loadEnv(
1701
- viteConfigEnv.mode,
1702
- ctx.rootDirectory,
1703
- // We override default prefix of "VITE_" with a blank string since
1704
- // we're targeting the server, so we want to load all environment
1705
- // variables, not just those explicitly marked for the client
1706
- ""
1707
- )
1708
- );
1709
- let baseRollupOptions = {
1710
- // Silence Rollup "use client" warnings
1711
- // Adapted from https://github.com/vitejs/vite-plugin-react/pull/144
1712
- onwarn(warning, defaultHandler) {
1713
- if (warning.code === "MODULE_LEVEL_DIRECTIVE" && warning.message.includes("use client")) {
1714
- return;
1715
- }
1716
- if (viteUserConfig.build?.rollupOptions?.onwarn) {
1717
- viteUserConfig.build.rollupOptions.onwarn(
1718
- warning,
1719
- defaultHandler
1720
- );
1721
- } else {
1722
- defaultHandler(warning);
1723
- }
1724
- }
1725
- };
1726
- return {
1727
- __reactRouterPluginContext: ctx,
1728
- appType: viteCommand === "serve" && viteConfigEnv.mode === "production" && ctx.reactRouterConfig.ssr === false ? "spa" : "custom",
1729
- ssr: {
1730
- external: ssrExternals,
1731
- resolve: {
1732
- conditions: viteCommand === "build" ? [] : ["development"],
1733
- externalConditions: viteCommand === "build" ? [] : ["development"]
1734
- }
1735
- },
1736
- optimizeDeps: {
1737
- entries: ctx.reactRouterConfig.future.unstable_optimizeDeps ? [
1738
- ctx.entryClientFilePath,
1739
- ...Object.values(ctx.reactRouterConfig.routes).map(
1740
- (route) => path4.join(ctx.reactRouterConfig.appDirectory, route.file)
1741
- )
1742
- ] : [],
1743
- include: [
1744
- // Pre-bundle React dependencies to avoid React duplicates,
1745
- // even if React dependencies are not direct dependencies.
1746
- // https://react.dev/warnings/invalid-hook-call-warning#duplicate-react
1747
- "react",
1748
- "react/jsx-runtime",
1749
- "react/jsx-dev-runtime",
1750
- "react-dom",
1751
- "react-dom/client",
1752
- // Pre-bundle router dependencies to avoid router duplicates.
1753
- // Mismatching routers cause `Error: You must render this element inside a <Remix> element`.
1754
- "react-router",
1755
- "react-router/dom",
1756
- // Check to avoid "Failed to resolve dependency: react-router-dom, present in 'optimizeDeps.include'"
1757
- ...hasDependency("react-router-dom") ? ["react-router-dom"] : []
1758
- ]
1759
- },
1760
- esbuild: {
1761
- jsx: "automatic",
1762
- jsxDev: viteCommand !== "build"
1763
- },
1764
- resolve: {
1765
- dedupe: [
1766
- // https://react.dev/warnings/invalid-hook-call-warning#duplicate-react
1767
- "react",
1768
- "react-dom",
1769
- // see description for `optimizeDeps.include`
1770
- "react-router",
1771
- "react-router/dom",
1772
- "react-router-dom"
1773
- ],
1774
- conditions: viteCommand === "build" ? [] : ["development"]
1775
- },
1776
- base: viteUserConfig.base,
1777
- // When consumer provides an allow list for files that can be read by
1778
- // the server, ensure that the default entry files are included.
1779
- // If we don't do this and a default entry file is used, the server
1780
- // will throw an error that the file is not allowed to be read.
1781
- // https://vitejs.dev/config/server-options#server-fs-allow
1782
- server: viteUserConfig.server?.fs?.allow ? { fs: { allow: defaultEntries } } : void 0,
1783
- // Vite config options for building
1784
- ...viteCommand === "build" ? {
1785
- build: {
1786
- cssMinify: viteUserConfig.build?.cssMinify ?? true,
1787
- ...!viteConfigEnv.isSsrBuild ? {
1788
- manifest: true,
1789
- outDir: getClientBuildDirectory(ctx.reactRouterConfig),
1790
- rollupOptions: {
1791
- ...baseRollupOptions,
1792
- preserveEntrySignatures: "exports-only",
1793
- input: [
1794
- ctx.entryClientFilePath,
1795
- ...Object.values(ctx.reactRouterConfig.routes).map(
1796
- (route) => `${path4.resolve(
1797
- ctx.reactRouterConfig.appDirectory,
1798
- route.file
1799
- )}${ROUTE_ENTRY_QUERY_STRING}`
1800
- )
1801
- ]
1802
- }
1803
- } : {
1804
- // We move SSR-only assets to client assets. Note that the
1805
- // SSR build can also emit code-split JS files (e.g. by
1806
- // dynamic import) under the same assets directory
1807
- // regardless of "ssrEmitAssets" option, so we also need to
1808
- // keep these JS files have to be kept as-is.
1809
- ssrEmitAssets: true,
1810
- copyPublicDir: false,
1811
- // Assets in the public directory are only used by the client
1812
- manifest: true,
1813
- // We need the manifest to detect SSR-only assets
1814
- outDir: getServerBuildDirectory(ctx),
1815
- rollupOptions: {
1816
- ...baseRollupOptions,
1817
- preserveEntrySignatures: "exports-only",
1818
- input: viteUserConfig.build?.rollupOptions?.input ?? serverBuildId,
1819
- output: {
1820
- entryFileNames: ctx.reactRouterConfig.serverBuildFile,
1821
- format: ctx.reactRouterConfig.serverModuleFormat
1822
- }
1823
- }
1824
- }
1825
- }
1826
- } : void 0,
1827
- // Vite config options for SPA preview mode
1828
- ...viteCommand === "serve" && ctx.reactRouterConfig.ssr === false ? {
1829
- build: {
1830
- manifest: true,
1831
- outDir: getClientBuildDirectory(ctx.reactRouterConfig)
1832
- }
1833
- } : void 0
1834
- };
1835
- },
1836
- async configResolved(resolvedViteConfig) {
1837
- await import_es_module_lexer.init;
1838
- viteConfig = resolvedViteConfig;
1839
- invariant(viteConfig);
1840
- if (!viteConfig.configFile) {
1841
- throw new Error(
1842
- "The React Router Vite plugin requires the use of a Vite config file"
1843
- );
1844
- }
1845
- let vite2 = importViteEsmSync();
1846
- let childCompilerConfigFile = await vite2.loadConfigFromFile(
1847
- {
1848
- command: viteConfig.command,
1849
- mode: viteConfig.mode,
1850
- isSsrBuild: ctx.isSsrBuild
1851
- },
1852
- viteConfig.configFile
1853
- );
1854
- invariant(
1855
- childCompilerConfigFile,
1856
- "Vite config file was unable to be resolved for React Router child compiler"
1857
- );
1858
- let rollupPrePlugins = [
1859
- { pluginName: "@mdx-js/rollup", displayName: "@mdx-js/rollup" }
1860
- ];
1861
- for (let prePlugin of rollupPrePlugins) {
1862
- let prePluginIndex = pluginIndex(prePlugin.pluginName);
1863
- if (prePluginIndex >= 0 && prePluginIndex > pluginIndex("react-router")) {
1864
- throw new Error(
1865
- `The "${prePlugin.displayName}" plugin should be placed before the React Router plugin in your Vite config file`
1866
- );
1867
- }
1868
- }
1869
- viteChildCompiler = await vite2.createServer({
1870
- ...viteUserConfig,
1871
- mode: viteConfig.mode,
1872
- server: {
1873
- watch: viteConfig.command === "build" ? null : void 0,
1874
- preTransformRequests: false,
1875
- hmr: false
1876
- },
1877
- configFile: false,
1878
- envFile: false,
1879
- plugins: [
1880
- ...(childCompilerConfigFile.config.plugins ?? []).flat().filter(
1881
- (plugin2) => typeof plugin2 === "object" && plugin2 !== null && "name" in plugin2 && plugin2.name !== "react-router" && plugin2.name !== "react-router-route-exports" && plugin2.name !== "react-router-hmr-updates"
1882
- )
1883
- ]
1884
- });
1885
- await viteChildCompiler.pluginContainer.buildStart({});
1886
- },
1887
- async transform(code, id2) {
1888
- if (isCssModulesFile(id2)) {
1889
- cssModulesManifest[id2] = code;
1890
- }
1891
- },
1892
- buildStart() {
1893
- invariant(viteConfig);
1894
- if (viteCommand === "build" && viteConfig.mode === "production" && !viteConfig.build.ssr && viteConfig.build.sourcemap) {
1895
- viteConfig.logger.warn(
1896
- import_picocolors3.default.yellow(
1897
- "\n" + import_picocolors3.default.bold(" \u26A0\uFE0F Source maps are enabled in production\n") + [
1898
- "This makes your server code publicly",
1899
- "visible in the browser. This is highly",
1900
- "discouraged! If you insist, ensure that",
1901
- "you are using environment variables for",
1902
- "secrets and not hard-coding them in",
1903
- "your source code."
1904
- ].map((line) => " " + line).join("\n") + "\n"
1905
- )
1906
- );
1907
- }
1908
- },
1909
- async configureServer(viteDevServer) {
1910
- (0, import_react_router2.unstable_setDevServerHooks)({
1911
- // Give the request handler access to the critical CSS in dev to avoid a
1912
- // flash of unstyled content since Vite injects CSS file contents via JS
1913
- getCriticalCss: async (build, url3) => {
1914
- return getStylesForUrl({
1915
- rootDirectory: ctx.rootDirectory,
1916
- entryClientFilePath: ctx.entryClientFilePath,
1917
- reactRouterConfig: ctx.reactRouterConfig,
1918
- viteDevServer,
1919
- cssModulesManifest,
1920
- build,
1921
- url: url3
1922
- });
1923
- },
1924
- // If an error is caught within the request handler, let Vite fix the
1925
- // stack trace so it maps back to the actual source code
1926
- processRequestError: (error) => {
1927
- if (error instanceof Error) {
1928
- viteDevServer.ssrFixStacktrace(error);
1929
- }
1930
- }
1931
- });
1932
- reactRouterConfigLoader.onChange(
1933
- async ({
1934
- result,
1935
- configCodeUpdated,
1936
- configChanged,
1937
- routeConfigChanged
1938
- }) => {
1939
- if (!result.ok) {
1940
- invalidateVirtualModules(viteDevServer);
1941
- logger.error(result.error, {
1942
- clear: true,
1943
- timestamp: true
1944
- });
1945
- return;
1946
- }
1947
- if (routeConfigChanged) {
1948
- logger.info(import_picocolors3.default.green("Route config changed."), {
1949
- clear: true,
1950
- timestamp: true
1951
- });
1952
- } else if (configCodeUpdated) {
1953
- logger.info(import_picocolors3.default.green("Config updated."), {
1954
- clear: true,
1955
- timestamp: true
1956
- });
1957
- }
1958
- await updatePluginContext();
1959
- if (configChanged) {
1960
- invalidateVirtualModules(viteDevServer);
1961
- }
1962
- }
1963
- );
1964
- return () => {
1965
- if (!viteDevServer.config.server.middlewareMode) {
1966
- viteDevServer.middlewares.use(async (req, res, next) => {
1967
- try {
1968
- let build = await viteDevServer.ssrLoadModule(
1969
- serverBuildId
1970
- );
1971
- let handler = (0, import_react_router2.createRequestHandler)(build, "development");
1972
- let nodeHandler = async (nodeReq, nodeRes) => {
1973
- let req2 = fromNodeRequest(nodeReq, nodeRes);
1974
- let res2 = await handler(
1975
- req2,
1976
- await reactRouterDevLoadContext(req2)
1977
- );
1978
- await toNodeRequest(res2, nodeRes);
1979
- };
1980
- await nodeHandler(req, res);
1981
- } catch (error) {
1982
- next(error);
1983
- }
1984
- });
1985
- }
1986
- };
1987
- },
1988
- writeBundle: {
1989
- // After the SSR build is finished, we inspect the Vite manifest for
1990
- // the SSR build and move server-only assets to client assets directory
1991
- async handler() {
1992
- if (!ctx.isSsrBuild) {
1993
- return;
1994
- }
1995
- invariant(viteConfig);
1996
- let clientBuildDirectory = getClientBuildDirectory(
1997
- ctx.reactRouterConfig
1998
- );
1999
- let serverBuildDirectory = getServerBuildDirectory(ctx);
2000
- let ssrViteManifest = await loadViteManifest(serverBuildDirectory);
2001
- let ssrAssetPaths = getViteManifestAssetPaths(ssrViteManifest);
2002
- let movedAssetPaths = [];
2003
- for (let ssrAssetPath of ssrAssetPaths) {
2004
- let src = path4.join(serverBuildDirectory, ssrAssetPath);
2005
- let dest = path4.join(clientBuildDirectory, ssrAssetPath);
2006
- if (!fse.existsSync(dest)) {
2007
- await fse.move(src, dest);
2008
- movedAssetPaths.push(dest);
2009
- } else {
2010
- await fse.remove(src);
2011
- }
2012
- }
2013
- let ssrCssPaths = Object.values(ssrViteManifest).flatMap(
2014
- (chunk) => chunk.css ?? []
2015
- );
2016
- await Promise.all(
2017
- ssrCssPaths.map(
2018
- (cssPath) => fse.remove(path4.join(serverBuildDirectory, cssPath))
2019
- )
2020
- );
2021
- if (movedAssetPaths.length) {
2022
- viteConfig.logger.info(
2023
- [
2024
- "",
2025
- `${import_picocolors3.default.green("\u2713")} ${movedAssetPaths.length} asset${movedAssetPaths.length > 1 ? "s" : ""} moved from React Router server build to client assets.`,
2026
- ...movedAssetPaths.map(
2027
- (movedAssetPath) => import_picocolors3.default.dim(path4.relative(ctx.rootDirectory, movedAssetPath))
2028
- ),
2029
- ""
2030
- ].join("\n")
2031
- );
2032
- }
2033
- if (ctx.reactRouterConfig.prerender != null && ctx.reactRouterConfig.prerender !== false) {
2034
- await handlePrerender(
2035
- viteConfig,
2036
- ctx.reactRouterConfig,
2037
- serverBuildDirectory,
2038
- clientBuildDirectory
2039
- );
2040
- }
2041
- if (!ctx.reactRouterConfig.ssr) {
2042
- await handleSpaMode(
2043
- viteConfig,
2044
- ctx.reactRouterConfig,
2045
- serverBuildDirectory,
2046
- clientBuildDirectory
2047
- );
2048
- }
2049
- if (!ctx.reactRouterConfig.ssr) {
2050
- viteConfig.logger.info(
2051
- [
2052
- "Removing the server build in",
2053
- import_picocolors3.default.green(serverBuildDirectory),
2054
- "due to ssr:false"
2055
- ].join(" ")
2056
- );
2057
- fse.removeSync(serverBuildDirectory);
2058
- }
2059
- }
2060
- },
2061
- async buildEnd() {
2062
- await viteChildCompiler?.close();
2063
- await reactRouterConfigLoader.close();
2064
- let typegenWatcher = await typegenWatcherPromise;
2065
- await typegenWatcher?.close();
2066
- }
2067
- },
2068
- {
2069
- name: "react-router-route-entry",
2070
- enforce: "pre",
2071
- async transform(_code, id2, options) {
2072
- if (!isRouteEntry(id2)) return;
2073
- let routeModuleId = id2.replace(ROUTE_ENTRY_QUERY_STRING, "");
2074
- let routeFileName = path4.basename(routeModuleId);
2075
- let sourceExports = await getRouteModuleExports(
2076
- viteChildCompiler,
2077
- ctx,
2078
- routeModuleId
2079
- );
2080
- let reexports = sourceExports.filter(
2081
- (exportName) => options?.ssr && SERVER_ONLY_ROUTE_EXPORTS.includes(exportName) || CLIENT_ROUTE_EXPORTS.includes(exportName)
2082
- ).join(", ");
2083
- return `export { ${reexports} } from "./${routeFileName}";`;
2084
- }
2085
- },
2086
- {
2087
- name: "react-router-virtual-modules",
2088
- enforce: "pre",
2089
- resolveId(id2) {
2090
- if (vmods.includes(id2)) return resolve3(id2);
2091
- },
2092
- async load(id2) {
2093
- switch (id2) {
2094
- case resolve3(serverBuildId): {
2095
- return await getServerEntry();
2096
- }
2097
- case resolve3(serverManifestId): {
2098
- let reactRouterManifest = ctx.isSsrBuild ? await ctx.getReactRouterServerManifest() : await getReactRouterManifestForDev();
2099
- return `export default ${(0, import_jsesc.default)(reactRouterManifest, {
2100
- es6: true
2101
- })};`;
2102
- }
2103
- case resolve3(browserManifestId): {
2104
- if (viteCommand === "build") {
2105
- throw new Error("This module only exists in development");
2106
- }
2107
- let reactRouterManifest = await getReactRouterManifestForDev();
2108
- let reactRouterManifestString = (0, import_jsesc.default)(reactRouterManifest, {
2109
- es6: true
2110
- });
2111
- return `window.__reactRouterManifest=${reactRouterManifestString};`;
2112
- }
2113
- }
2114
- }
2115
- },
2116
- {
2117
- name: "react-router-dot-server",
2118
- enforce: "pre",
2119
- async resolveId(id2, importer, options) {
2120
- let isOptimizeDeps = viteCommand === "serve" && options?.scan === true;
2121
- if (isOptimizeDeps || options?.ssr) return;
2122
- let isResolving = options?.custom?.["react-router-dot-server"] ?? false;
2123
- if (isResolving) return;
2124
- options.custom = { ...options.custom, "react-router-dot-server": true };
2125
- let resolved = await this.resolve(id2, importer, options);
2126
- if (!resolved) return;
2127
- let serverFileRE = /\.server(\.[cm]?[jt]sx?)?$/;
2128
- let serverDirRE = /\/\.server\//;
2129
- let isDotServer = serverFileRE.test(resolved.id) || serverDirRE.test(resolved.id);
2130
- if (!isDotServer) return;
2131
- if (!importer) return;
2132
- if (viteCommand !== "build" && importer.endsWith(".html")) {
2133
- return;
2134
- }
2135
- let vite2 = importViteEsmSync();
2136
- let importerShort = vite2.normalizePath(
2137
- path4.relative(ctx.rootDirectory, importer)
2138
- );
2139
- let isRoute = getRoute(ctx.reactRouterConfig, importer);
2140
- if (isRoute) {
2141
- let serverOnlyExports = SERVER_ONLY_ROUTE_EXPORTS.map(
2142
- (xport) => `\`${xport}\``
2143
- ).join(", ");
2144
- throw Error(
2145
- [
2146
- import_picocolors3.default.red(`Server-only module referenced by client`),
2147
- "",
2148
- ` '${id2}' imported by route '${importerShort}'`,
2149
- "",
2150
- ` React Router automatically removes server-code from these exports:`,
2151
- ` ${serverOnlyExports}`,
2152
- "",
2153
- ` But other route exports in '${importerShort}' depend on '${id2}'.`,
2154
- "",
2155
- " See https://remix.run/docs/en/main/guides/vite#splitting-up-client-and-server-code",
2156
- ""
2157
- ].join("\n")
2158
- );
2159
- }
2160
- throw Error(
2161
- [
2162
- import_picocolors3.default.red(`Server-only module referenced by client`),
2163
- "",
2164
- ` '${id2}' imported by '${importerShort}'`,
2165
- "",
2166
- " See https://remix.run/docs/en/main/guides/vite#splitting-up-client-and-server-code",
2167
- ""
2168
- ].join("\n")
2169
- );
2170
- }
2171
- },
2172
- {
2173
- name: "react-router-dot-client",
2174
- async transform(code, id2, options) {
2175
- if (!options?.ssr) return;
2176
- let clientFileRE = /\.client(\.[cm]?[jt]sx?)?$/;
2177
- let clientDirRE = /\/\.client\//;
2178
- if (clientFileRE.test(id2) || clientDirRE.test(id2)) {
2179
- let exports2 = (0, import_es_module_lexer.parse)(code)[1];
2180
- return {
2181
- code: exports2.map(
2182
- ({ n: name }) => name === "default" ? "export default undefined;" : `export const ${name} = undefined;`
2183
- ).join("\n"),
2184
- map: null
2185
- };
2186
- }
2187
- }
2188
- },
2189
- plugin,
2190
- {
2191
- name: "react-router-route-exports",
2192
- async transform(code, id2, options) {
2193
- let route = getRoute(ctx.reactRouterConfig, id2);
2194
- if (!route) return;
2195
- if (!options?.ssr && !ctx.reactRouterConfig.ssr) {
2196
- let serverOnlyExports = (0, import_es_module_lexer.parse)(code)[1].map((exp) => exp.n).filter((exp) => SERVER_ONLY_ROUTE_EXPORTS.includes(exp));
2197
- if (serverOnlyExports.length > 0) {
2198
- let str = serverOnlyExports.map((e) => `\`${e}\``).join(", ");
2199
- let message = `SPA Mode: ${serverOnlyExports.length} invalid route export(s) in \`${route.file}\`: ${str}. See https://remix.run/guides/spa-mode for more information.`;
2200
- throw Error(message);
2201
- }
2202
- if (route.id !== "root") {
2203
- let hasHydrateFallback = (0, import_es_module_lexer.parse)(code)[1].map((exp) => exp.n).some((exp) => exp === "HydrateFallback");
2204
- if (hasHydrateFallback) {
2205
- let message = `SPA Mode: Invalid \`HydrateFallback\` export found in \`${route.file}\`. \`HydrateFallback\` is only permitted on the root route in SPA Mode. See https://remix.run/guides/spa-mode for more information.`;
2206
- throw Error(message);
2207
- }
2208
- }
2209
- }
2210
- let [filepath] = id2.split("?");
2211
- let ast = (0, import_parser.parse)(code, { sourceType: "module" });
2212
- if (!options?.ssr) {
2213
- removeExports(ast, SERVER_ONLY_ROUTE_EXPORTS);
2214
- }
2215
- transform(ast);
2216
- return generate2(ast, {
2217
- sourceMaps: true,
2218
- filename: id2,
2219
- sourceFileName: filepath
2220
- });
2221
- }
2222
- },
2223
- {
2224
- name: "react-router-inject-hmr-runtime",
2225
- enforce: "pre",
2226
- resolveId(id2) {
2227
- if (id2 === injectHmrRuntimeId)
2228
- return resolve3(injectHmrRuntimeId);
2229
- },
2230
- async load(id2) {
2231
- if (id2 !== resolve3(injectHmrRuntimeId)) return;
2232
- return [
2233
- `import RefreshRuntime from "${hmrRuntimeId}"`,
2234
- "RefreshRuntime.injectIntoGlobalHook(window)",
2235
- "window.$RefreshReg$ = () => {}",
2236
- "window.$RefreshSig$ = () => (type) => type",
2237
- "window.__vite_plugin_react_preamble_installed__ = true"
2238
- ].join("\n");
2239
- }
2240
- },
2241
- {
2242
- name: "react-router-hmr-runtime",
2243
- enforce: "pre",
2244
- resolveId(id2) {
2245
- if (id2 === hmrRuntimeId) return resolve3(hmrRuntimeId);
2246
- },
2247
- async load(id2) {
2248
- if (id2 !== resolve3(hmrRuntimeId)) return;
2249
- let reactRefreshDir = path4.dirname(
2250
- require.resolve("react-refresh/package.json")
2251
- );
2252
- let reactRefreshRuntimePath = path4.join(
2253
- reactRefreshDir,
2254
- "cjs/react-refresh-runtime.development.js"
2255
- );
2256
- return [
2257
- "const exports = {}",
2258
- await fse.readFile(reactRefreshRuntimePath, "utf8"),
2259
- await fse.readFile(
2260
- require.resolve("./static/refresh-utils.cjs"),
2261
- "utf8"
2262
- ),
2263
- "export default exports"
2264
- ].join("\n");
2265
- }
2266
- },
2267
- {
2268
- name: "react-router-react-refresh-babel",
2269
- async transform(code, id2, options) {
2270
- if (viteCommand !== "serve") return;
2271
- if (id2.includes("/node_modules/")) return;
2272
- let [filepath] = id2.split("?");
2273
- let extensionsRE = /\.(jsx?|tsx?|mdx?)$/;
2274
- if (!extensionsRE.test(filepath)) return;
2275
- let devRuntime = "react/jsx-dev-runtime";
2276
- let ssr = options?.ssr === true;
2277
- let isJSX = filepath.endsWith("x");
2278
- let useFastRefresh = !ssr && (isJSX || code.includes(devRuntime));
2279
- if (!useFastRefresh) return;
2280
- if (isRouteEntry(id2)) {
2281
- return { code: addRefreshWrapper(ctx.reactRouterConfig, code, id2) };
2282
- }
2283
- let result = await babel.transformAsync(code, {
2284
- babelrc: false,
2285
- configFile: false,
2286
- filename: id2,
2287
- sourceFileName: filepath,
2288
- parserOpts: {
2289
- sourceType: "module",
2290
- allowAwaitOutsideFunction: true
2291
- },
2292
- plugins: [[require("react-refresh/babel"), { skipEnvCheck: true }]],
2293
- sourceMaps: true
2294
- });
2295
- if (result === null) return;
2296
- code = result.code;
2297
- let refreshContentRE = /\$Refresh(?:Reg|Sig)\$\(/;
2298
- if (refreshContentRE.test(code)) {
2299
- code = addRefreshWrapper(ctx.reactRouterConfig, code, id2);
2300
- }
2301
- return { code, map: result.map };
2302
- }
2303
- },
2304
- {
2305
- name: "react-router-hmr-updates",
2306
- async handleHotUpdate({ server, file, modules, read }) {
2307
- let route = getRoute(ctx.reactRouterConfig, file);
2308
- let hmrEventData = { route: null };
2309
- if (route) {
2310
- let serverManifest = (await server.ssrLoadModule(serverManifestId)).default;
2311
- let oldRouteMetadata = serverManifest.routes[route.id];
2312
- let newRouteMetadata = await getRouteMetadata(
2313
- ctx,
2314
- viteChildCompiler,
2315
- route,
2316
- read
2317
- );
2318
- hmrEventData.route = newRouteMetadata;
2319
- if (!oldRouteMetadata || [
2320
- "hasLoader",
2321
- "hasClientLoader",
2322
- "hasAction",
2323
- "hasClientAction",
2324
- "hasErrorBoundary"
2325
- ].some((key) => oldRouteMetadata[key] !== newRouteMetadata[key])) {
2326
- invalidateVirtualModules(server);
2327
- }
2328
- }
2329
- server.hot.send({
2330
- type: "custom",
2331
- event: "react-router:hmr",
2332
- data: hmrEventData
2333
- });
2334
- return modules;
2335
- }
2336
- }
2337
- ];
2338
- };
2339
- function addRefreshWrapper(reactRouterConfig, code, id2) {
2340
- let route = getRoute(reactRouterConfig, id2);
2341
- let acceptExports = route || isRouteEntry(id2) ? [
2342
- "clientAction",
2343
- "clientLoader",
2344
- "clientMiddleware",
2345
- "handle",
2346
- "meta",
2347
- "links",
2348
- "shouldRevalidate"
2349
- ] : [];
2350
- return "\n\n" + withCommentBoundaries(
2351
- "REACT REFRESH HEADER",
2352
- REACT_REFRESH_HEADER.replaceAll("__SOURCE__", JSON.stringify(id2))
2353
- ) + "\n\n" + withCommentBoundaries("REACT REFRESH BODY", code) + "\n\n" + withCommentBoundaries(
2354
- "REACT REFRESH FOOTER",
2355
- REACT_REFRESH_FOOTER.replaceAll("__SOURCE__", JSON.stringify(id2)).replaceAll("__ACCEPT_EXPORTS__", JSON.stringify(acceptExports)).replaceAll("__ROUTE_ID__", JSON.stringify(route?.id))
2356
- ) + "\n";
2357
- }
2358
- function withCommentBoundaries(label, text) {
2359
- let begin = `// [BEGIN] ${label} `;
2360
- begin += "-".repeat(80 - begin.length);
2361
- let end = `// [END] ${label} `;
2362
- end += "-".repeat(80 - end.length);
2363
- return `${begin}
2364
- ${text}
2365
- ${end}`;
2366
- }
2367
- var REACT_REFRESH_HEADER = `
2368
- import RefreshRuntime from "${hmrRuntimeId}";
2369
-
2370
- const inWebWorker = typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope;
2371
- let prevRefreshReg;
2372
- let prevRefreshSig;
2373
-
2374
- if (import.meta.hot && !inWebWorker) {
2375
- if (!window.__vite_plugin_react_preamble_installed__) {
2376
- throw new Error(
2377
- "React Router Vite plugin can't detect preamble. Something is wrong."
2378
- );
2379
- }
2380
-
2381
- prevRefreshReg = window.$RefreshReg$;
2382
- prevRefreshSig = window.$RefreshSig$;
2383
- window.$RefreshReg$ = (type, id) => {
2384
- RefreshRuntime.register(type, __SOURCE__ + " " + id)
2385
- };
2386
- window.$RefreshSig$ = RefreshRuntime.createSignatureFunctionForTransform;
2387
- }`.trim();
2388
- var REACT_REFRESH_FOOTER = `
2389
- if (import.meta.hot && !inWebWorker) {
2390
- window.$RefreshReg$ = prevRefreshReg;
2391
- window.$RefreshSig$ = prevRefreshSig;
2392
- RefreshRuntime.__hmr_import(import.meta.url).then((currentExports) => {
2393
- RefreshRuntime.registerExportsForReactRefresh(__SOURCE__, currentExports);
2394
- import.meta.hot.accept((nextExports) => {
2395
- if (!nextExports) return;
2396
- __ROUTE_ID__ && window.__reactRouterRouteModuleUpdates.set(__ROUTE_ID__, nextExports);
2397
- const invalidateMessage = RefreshRuntime.validateRefreshBoundaryAndEnqueueUpdate(currentExports, nextExports, __ACCEPT_EXPORTS__);
2398
- if (invalidateMessage) import.meta.hot.invalidate(invalidateMessage);
2399
- });
2400
- });
2401
- }`.trim();
2402
- function getRoute(pluginConfig, file) {
2403
- let vite2 = importViteEsmSync();
2404
- let routePath = vite2.normalizePath(
2405
- path4.relative(pluginConfig.appDirectory, file)
2406
- );
2407
- let route = Object.values(pluginConfig.routes).find(
2408
- (r) => vite2.normalizePath(r.file) === routePath
2409
- );
2410
- return route;
2411
- }
2412
- async function getRouteMetadata(ctx, viteChildCompiler, route, readRouteFile) {
2413
- let sourceExports = await getRouteModuleExports(
2414
- viteChildCompiler,
2415
- ctx,
2416
- route.file,
2417
- readRouteFile
2418
- );
2419
- let info = {
2420
- id: route.id,
2421
- parentId: route.parentId,
2422
- path: route.path,
2423
- index: route.index,
2424
- caseSensitive: route.caseSensitive,
2425
- url: combineURLs(
2426
- ctx.publicPath,
2427
- "/" + path4.relative(
2428
- ctx.rootDirectory,
2429
- resolveRelativeRouteFilePath(route, ctx.reactRouterConfig)
2430
- )
2431
- ),
2432
- module: combineURLs(
2433
- ctx.publicPath,
2434
- `${resolveFileUrl(
2435
- ctx,
2436
- resolveRelativeRouteFilePath(route, ctx.reactRouterConfig)
2437
- )}?import`
2438
- ),
2439
- // Ensure the Vite dev server responds with a JS module
2440
- hasAction: sourceExports.includes("action"),
2441
- hasClientAction: sourceExports.includes("clientAction"),
2442
- hasLoader: sourceExports.includes("loader"),
2443
- hasClientLoader: sourceExports.includes("clientLoader"),
2444
- hasErrorBoundary: sourceExports.includes("ErrorBoundary"),
2445
- imports: []
2446
- };
2447
- return info;
2448
- }
2449
- async function getPrerenderBuildAndHandler(viteConfig, reactRouterConfig, serverBuildDirectory) {
2450
- let serverBuildPath = path4.join(
2451
- serverBuildDirectory,
2452
- reactRouterConfig.serverBuildFile
2453
- );
2454
- let build = await import(url2.pathToFileURL(serverBuildPath).toString());
2455
- let { createRequestHandler: createHandler } = await import("react-router");
2456
- return {
2457
- build,
2458
- handler: createHandler(build, viteConfig.mode)
2459
- };
2460
- }
2461
- async function handleSpaMode(viteConfig, reactRouterConfig, serverBuildDirectory, clientBuildDirectory) {
2462
- let { handler } = await getPrerenderBuildAndHandler(
2463
- viteConfig,
2464
- reactRouterConfig,
2465
- serverBuildDirectory
2466
- );
2467
- let request = new Request(`http://localhost${reactRouterConfig.basename}`);
2468
- let response = await handler(request);
2469
- let html = await response.text();
2470
- validatePrerenderedResponse(response, html, "SPA Mode", "/");
2471
- validatePrerenderedHtml(html, "SPA Mode");
2472
- await fse.writeFile(path4.join(clientBuildDirectory, "index.html"), html);
2473
- viteConfig.logger.info(
2474
- "SPA Mode: index.html has been written to your " + import_picocolors3.default.bold(path4.relative(process.cwd(), clientBuildDirectory)) + " directory"
2475
- );
2476
- }
2477
- async function handlePrerender(viteConfig, reactRouterConfig, serverBuildDirectory, clientBuildDirectory) {
2478
- let { build, handler } = await getPrerenderBuildAndHandler(
2479
- viteConfig,
2480
- reactRouterConfig,
2481
- serverBuildDirectory
2482
- );
2483
- let routes = createPrerenderRoutes(build.routes);
2484
- let routesToPrerender;
2485
- if (typeof reactRouterConfig.prerender === "boolean") {
2486
- invariant(reactRouterConfig.prerender, "Expected prerender:true");
2487
- routesToPrerender = determineStaticPrerenderRoutes(
2488
- routes,
2489
- viteConfig,
2490
- true
2491
- );
2492
- } else if (typeof reactRouterConfig.prerender === "function") {
2493
- routesToPrerender = await reactRouterConfig.prerender({
2494
- getStaticPaths: () => determineStaticPrerenderRoutes(routes, viteConfig, false)
2495
- });
2496
- } else {
2497
- routesToPrerender = reactRouterConfig.prerender || ["/"];
2498
- }
2499
- let headers = {
2500
- // Header that can be used in the loader to know if you're running at
2501
- // build time or runtime
2502
- "X-React-Router-Prerender": "yes"
2503
- };
2504
- for (let path5 of routesToPrerender) {
2505
- let matches = (0, import_react_router2.matchRoutes)(routes, path5);
2506
- let hasLoaders = matches?.some((m) => m.route.loader);
2507
- let data;
2508
- if (hasLoaders) {
2509
- data = await prerenderData(
2510
- handler,
2511
- path5,
2512
- clientBuildDirectory,
2513
- reactRouterConfig,
2514
- viteConfig,
2515
- { headers }
2516
- );
2517
- }
2518
- let leafRoute = matches ? matches[matches.length - 1].route : null;
2519
- let manifestRoute = leafRoute ? build.routes[leafRoute.id]?.module : null;
2520
- let isResourceRoute = manifestRoute && !manifestRoute.default && !manifestRoute.ErrorBoundary && manifestRoute.loader;
2521
- if (isResourceRoute) {
2522
- await prerenderResourceRoute(
2523
- handler,
2524
- path5,
2525
- clientBuildDirectory,
2526
- reactRouterConfig,
2527
- viteConfig,
2528
- { headers }
2529
- );
2530
- } else {
2531
- await prerenderRoute(
2532
- handler,
2533
- path5,
2534
- clientBuildDirectory,
2535
- reactRouterConfig,
2536
- viteConfig,
2537
- data ? {
2538
- headers: {
2539
- ...headers,
2540
- "X-React-Router-Prerender-Data": encodeURI(data)
2541
- }
2542
- } : { headers }
2543
- );
2544
- }
2545
- }
2546
- await prerenderManifest(
2547
- build,
2548
- clientBuildDirectory,
2549
- reactRouterConfig,
2550
- viteConfig
2551
- );
2552
- }
2553
- function determineStaticPrerenderRoutes(routes, viteConfig, isBooleanUsage = false) {
2554
- let paths = ["/"];
2555
- let paramRoutes = [];
2556
- function recurse(subtree, prefix = "") {
2557
- for (let route of subtree) {
2558
- let newPath = [prefix, route.path].join("/").replace(/\/\/+/g, "/");
2559
- if (route.path) {
2560
- let segments = route.path.split("/");
2561
- if (segments.some((s) => s.startsWith(":") || s === "*")) {
2562
- paramRoutes.push(route.path);
2563
- } else {
2564
- paths.push(newPath);
2565
- }
2566
- }
2567
- if (route.children) {
2568
- recurse(route.children, newPath);
2569
- }
2570
- }
2571
- }
2572
- recurse(routes);
2573
- if (isBooleanUsage && paramRoutes.length > 0) {
2574
- viteConfig.logger.warn(
2575
- [
2576
- "\u26A0\uFE0F Paths with dynamic/splat params cannot be prerendered when using `prerender: true`.",
2577
- "You may want to use the `prerender()` API to prerender the following paths:",
2578
- ...paramRoutes.map((p) => " - " + p)
2579
- ].join("\n")
2580
- );
2581
- }
2582
- return paths.map((p) => p.replace(/\/\/+/g, "/").replace(/(.+)\/$/, "$1"));
2583
- }
2584
- async function prerenderData(handler, prerenderPath, clientBuildDirectory, reactRouterConfig, viteConfig, requestInit) {
2585
- let normalizedPath = `${reactRouterConfig.basename}${prerenderPath === "/" ? "/_root.data" : `${prerenderPath.replace(/\/$/, "")}.data`}`.replace(/\/\/+/g, "/");
2586
- let request = new Request(`http://localhost${normalizedPath}`, requestInit);
2587
- let response = await handler(request);
2588
- let data = await response.text();
2589
- validatePrerenderedResponse(response, data, "Prerender", normalizedPath);
2590
- let outdir = path4.relative(process.cwd(), clientBuildDirectory);
2591
- let outfile = path4.join(outdir, ...normalizedPath.split("/"));
2592
- await fse.ensureDir(path4.dirname(outfile));
2593
- await fse.outputFile(outfile, data);
2594
- viteConfig.logger.info(`Prerender: Generated ${import_picocolors3.default.bold(outfile)}`);
2595
- return data;
2596
- }
2597
- async function prerenderRoute(handler, prerenderPath, clientBuildDirectory, reactRouterConfig, viteConfig, requestInit) {
2598
- let normalizedPath = `${reactRouterConfig.basename}${prerenderPath}/`.replace(
2599
- /\/\/+/g,
2600
- "/"
2601
- );
2602
- let request = new Request(`http://localhost${normalizedPath}`, requestInit);
2603
- let response = await handler(request);
2604
- let html = await response.text();
2605
- validatePrerenderedResponse(response, html, "Prerender", normalizedPath);
2606
- if (!reactRouterConfig.ssr) {
2607
- validatePrerenderedHtml(html, "Prerender");
2608
- }
2609
- let outdir = path4.relative(process.cwd(), clientBuildDirectory);
2610
- let outfile = path4.join(outdir, ...normalizedPath.split("/"), "index.html");
2611
- await fse.ensureDir(path4.dirname(outfile));
2612
- await fse.outputFile(outfile, html);
2613
- viteConfig.logger.info(`Prerender: Generated ${import_picocolors3.default.bold(outfile)}`);
2614
- }
2615
- async function prerenderResourceRoute(handler, prerenderPath, clientBuildDirectory, reactRouterConfig, viteConfig, requestInit) {
2616
- let normalizedPath = `${reactRouterConfig.basename}${prerenderPath}/`.replace(/\/\/+/g, "/").replace(/\/$/g, "");
2617
- let request = new Request(`http://localhost${normalizedPath}`, requestInit);
2618
- let response = await handler(request);
2619
- let text = await response.text();
2620
- validatePrerenderedResponse(response, text, "Prerender", normalizedPath);
2621
- let outdir = path4.relative(process.cwd(), clientBuildDirectory);
2622
- let outfile = path4.join(outdir, ...normalizedPath.split("/"));
2623
- await fse.ensureDir(path4.dirname(outfile));
2624
- await fse.outputFile(outfile, text);
2625
- viteConfig.logger.info(`Prerender: Generated ${import_picocolors3.default.bold(outfile)}`);
2626
- }
2627
- async function prerenderManifest(build, clientBuildDirectory, reactRouterConfig, viteConfig) {
2628
- let normalizedPath = `${reactRouterConfig.basename}/__manifest`.replace(
2629
- /\/\/+/g,
2630
- "/"
2631
- );
2632
- let outdir = path4.relative(process.cwd(), clientBuildDirectory);
2633
- let outfile = path4.join(outdir, ...normalizedPath.split("/"));
2634
- await fse.ensureDir(path4.dirname(outfile));
2635
- let manifestData = JSON.stringify(build.assets.routes);
2636
- await fse.outputFile(outfile, manifestData);
2637
- viteConfig.logger.info(`Prerender: Generated ${import_picocolors3.default.bold(outfile)}`);
2638
- }
2639
- function validatePrerenderedResponse(response, html, prefix, path5) {
2640
- if (response.status !== 200) {
2641
- throw new Error(
2642
- `${prefix}: Received a ${response.status} status code from \`entry.server.tsx\` while prerendering the \`${path5}\` path.
2643
- ${html}`
2644
- );
2645
- }
2646
- }
2647
- function validatePrerenderedHtml(html, prefix) {
2648
- if (!html.includes("window.__reactRouterContext =") || !html.includes("window.__reactRouterRouteModules =")) {
2649
- throw new Error(
2650
- `${prefix}: Did you forget to include <Scripts/> in your root route? Your pre-rendered HTML files cannot hydrate without \`<Scripts />\`.`
2651
- );
2652
- }
2653
- }
2654
- function groupRoutesByParentId2(manifest) {
2655
- let routes = {};
2656
- Object.values(manifest).forEach((route) => {
2657
- if (route) {
2658
- let parentId = route.parentId || "";
2659
- if (!routes[parentId]) {
2660
- routes[parentId] = [];
2661
- }
2662
- routes[parentId].push(route);
2663
- }
2664
- });
2665
- return routes;
2666
- }
2667
- function createPrerenderRoutes(manifest, parentId = "", routesByParentId = groupRoutesByParentId2(manifest)) {
2668
- return (routesByParentId[parentId] || []).map((route) => {
2669
- let commonRoute = {
2670
- // Always include root due to default boundaries
2671
- hasErrorBoundary: route.id === "root" || route.module.ErrorBoundary != null,
2672
- id: route.id,
2673
- path: route.path,
2674
- loader: route.module.loader ? () => null : void 0,
2675
- action: void 0,
2676
- handle: route.module.handle
2677
- // middleware is not necessary here since we just need to know which
2678
- // routes have loaders so we know what paths to prerender
2679
- };
2680
- return route.index ? {
2681
- index: true,
2682
- ...commonRoute
2683
- } : {
2684
- caseSensitive: route.caseSensitive,
2685
- children: createPrerenderRoutes(manifest, route.id, routesByParentId),
2686
- ...commonRoute
2687
- };
2688
- });
2689
- }
2690
- // Annotate the CommonJS export names for ESM import in node:
2691
- 0 && (module.exports = {
2692
- reactRouter
2693
- });