@tanstack/router-generator 1.121.0-alpha.14 → 1.121.0-alpha.26
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/cjs/config.cjs +21 -5
- package/dist/cjs/config.cjs.map +1 -1
- package/dist/cjs/config.d.cts +7 -3
- package/dist/cjs/filesystem/physical/getRouteNodes.cjs +5 -3
- package/dist/cjs/filesystem/physical/getRouteNodes.cjs.map +1 -1
- package/dist/cjs/filesystem/virtual/getRouteNodes.cjs +1 -1
- package/dist/cjs/filesystem/virtual/getRouteNodes.cjs.map +1 -1
- package/dist/cjs/generator.cjs +825 -664
- package/dist/cjs/generator.cjs.map +1 -1
- package/dist/cjs/generator.d.cts +78 -1
- package/dist/cjs/index.cjs +5 -2
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/index.d.cts +7 -3
- package/dist/cjs/logger.cjs +37 -0
- package/dist/cjs/logger.cjs.map +1 -0
- package/dist/cjs/logger.d.cts +10 -0
- package/dist/cjs/plugin/default-generator-plugin.cjs +88 -0
- package/dist/cjs/plugin/default-generator-plugin.cjs.map +1 -0
- package/dist/cjs/plugin/default-generator-plugin.d.cts +2 -0
- package/dist/cjs/plugin/types.d.cts +46 -0
- package/dist/cjs/template.cjs +10 -10
- package/dist/cjs/template.cjs.map +1 -1
- package/dist/cjs/template.d.cts +2 -2
- package/dist/cjs/transform/default-transform-plugin.cjs +95 -0
- package/dist/cjs/transform/default-transform-plugin.cjs.map +1 -0
- package/dist/cjs/transform/default-transform-plugin.d.cts +2 -0
- package/dist/cjs/transform/transform.cjs +356 -0
- package/dist/cjs/transform/transform.cjs.map +1 -0
- package/dist/cjs/transform/transform.d.cts +4 -0
- package/dist/cjs/transform/types.d.cts +43 -0
- package/dist/cjs/transform/utils.cjs +36 -0
- package/dist/cjs/transform/utils.cjs.map +1 -0
- package/dist/cjs/transform/utils.d.cts +2 -0
- package/dist/cjs/types.d.cts +22 -0
- package/dist/cjs/utils.cjs +237 -40
- package/dist/cjs/utils.cjs.map +1 -1
- package/dist/cjs/utils.d.cts +76 -9
- package/dist/esm/config.d.ts +7 -3
- package/dist/esm/config.js +19 -3
- package/dist/esm/config.js.map +1 -1
- package/dist/esm/filesystem/physical/getRouteNodes.js +3 -1
- package/dist/esm/filesystem/physical/getRouteNodes.js.map +1 -1
- package/dist/esm/filesystem/virtual/getRouteNodes.js +1 -1
- package/dist/esm/filesystem/virtual/getRouteNodes.js.map +1 -1
- package/dist/esm/generator.d.ts +78 -1
- package/dist/esm/generator.js +814 -652
- package/dist/esm/generator.js.map +1 -1
- package/dist/esm/index.d.ts +7 -3
- package/dist/esm/index.js +7 -4
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/logger.d.ts +10 -0
- package/dist/esm/logger.js +37 -0
- package/dist/esm/logger.js.map +1 -0
- package/dist/esm/plugin/default-generator-plugin.d.ts +2 -0
- package/dist/esm/plugin/default-generator-plugin.js +88 -0
- package/dist/esm/plugin/default-generator-plugin.js.map +1 -0
- package/dist/esm/plugin/types.d.ts +46 -0
- package/dist/esm/template.d.ts +2 -2
- package/dist/esm/template.js +10 -10
- package/dist/esm/template.js.map +1 -1
- package/dist/esm/transform/default-transform-plugin.d.ts +2 -0
- package/dist/esm/transform/default-transform-plugin.js +95 -0
- package/dist/esm/transform/default-transform-plugin.js.map +1 -0
- package/dist/esm/transform/transform.d.ts +4 -0
- package/dist/esm/transform/transform.js +356 -0
- package/dist/esm/transform/transform.js.map +1 -0
- package/dist/esm/transform/types.d.ts +43 -0
- package/dist/esm/transform/utils.d.ts +2 -0
- package/dist/esm/transform/utils.js +36 -0
- package/dist/esm/transform/utils.js.map +1 -0
- package/dist/esm/types.d.ts +22 -0
- package/dist/esm/utils.d.ts +76 -9
- package/dist/esm/utils.js +237 -40
- package/dist/esm/utils.js.map +1 -1
- package/package.json +8 -9
- package/src/config.ts +21 -2
- package/src/filesystem/physical/getRouteNodes.ts +2 -1
- package/src/filesystem/virtual/getRouteNodes.ts +1 -1
- package/src/generator.ts +1106 -934
- package/src/index.ts +25 -3
- package/src/logger.ts +43 -0
- package/src/plugin/default-generator-plugin.ts +96 -0
- package/src/plugin/types.ts +51 -0
- package/src/template.ts +33 -12
- package/src/transform/default-transform-plugin.ts +103 -0
- package/src/transform/transform.ts +439 -0
- package/src/transform/types.ts +50 -0
- package/src/transform/utils.ts +42 -0
- package/src/types.ts +25 -0
- package/src/utils.ts +351 -36
package/dist/esm/generator.js
CHANGED
|
@@ -1,107 +1,796 @@
|
|
|
1
1
|
import path from "node:path";
|
|
2
|
-
import * as fs from "node:fs";
|
|
3
2
|
import * as fsp from "node:fs/promises";
|
|
4
|
-
import {
|
|
3
|
+
import { mkdtempSync } from "node:fs";
|
|
4
|
+
import crypto from "node:crypto";
|
|
5
|
+
import { deepEqual, rootRouteId } from "@tanstack/router-core";
|
|
6
|
+
import { logging } from "./logger.js";
|
|
5
7
|
import { getRouteNodes as getRouteNodes$1 } from "./filesystem/physical/getRouteNodes.js";
|
|
6
8
|
import { getRouteNodes } from "./filesystem/virtual/getRouteNodes.js";
|
|
7
9
|
import { rootPathId } from "./filesystem/physical/rootPathId.js";
|
|
10
|
+
import { multiSortBy, format, mergeImportDeclarations, buildImportString, replaceBackslash, removeExt, checkFileExists, resetRegex, hasParentRoute, determineNodePath, trimPathLeft, removeGroups, removeUnderscores, removeLayoutSegments, removeLastSegmentFromPath, routePathToVariable, buildRouteTreeConfig, findParent, createRouteNodesByFullPath, createRouteNodesByTo, createRouteNodesById, getResolvedRouteNodeVariableName, lowerCaseFirstChar, isRouteNodeValidForAugmentation, inferPath, inferFullPath } from "./utils.js";
|
|
8
11
|
import { getTargetTemplate, fillTemplate } from "./template.js";
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
const
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
12
|
+
import { transform } from "./transform/transform.js";
|
|
13
|
+
import { defaultGeneratorPlugin } from "./plugin/default-generator-plugin.js";
|
|
14
|
+
const DefaultFileSystem = {
|
|
15
|
+
stat: (filePath) => fsp.stat(filePath, { bigint: true }),
|
|
16
|
+
mkdtempSync,
|
|
17
|
+
rename: (oldPath, newPath) => fsp.rename(oldPath, newPath),
|
|
18
|
+
writeFile: (filePath, content) => fsp.writeFile(filePath, content),
|
|
19
|
+
readFile: async (filePath) => {
|
|
20
|
+
try {
|
|
21
|
+
const fileHandle = await fsp.open(filePath, "r");
|
|
22
|
+
const stat = await fileHandle.stat({ bigint: true });
|
|
23
|
+
const fileContent = (await fileHandle.readFile()).toString();
|
|
24
|
+
await fileHandle.close();
|
|
25
|
+
return { stat, fileContent };
|
|
26
|
+
} catch (e) {
|
|
27
|
+
if ("code" in e) {
|
|
28
|
+
if (e.code === "ENOENT") {
|
|
29
|
+
return "file-not-existing";
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
throw e;
|
|
33
|
+
}
|
|
26
34
|
}
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
const
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
35
|
+
};
|
|
36
|
+
function rerun(opts) {
|
|
37
|
+
const { event, ...rest } = opts;
|
|
38
|
+
return { rerun: true, event: event ?? { type: "rerun" }, ...rest };
|
|
39
|
+
}
|
|
40
|
+
function isRerun(result) {
|
|
41
|
+
return typeof result === "object" && result !== null && "rerun" in result && result.rerun === true;
|
|
42
|
+
}
|
|
43
|
+
class Generator {
|
|
44
|
+
constructor(opts) {
|
|
45
|
+
this.routeNodeCache = /* @__PURE__ */ new Map();
|
|
46
|
+
this.routeNodeShadowCache = /* @__PURE__ */ new Map();
|
|
47
|
+
this.fileEventQueue = [];
|
|
48
|
+
this.plugins = [defaultGeneratorPlugin()];
|
|
49
|
+
this.pluginsWithTransform = [];
|
|
50
|
+
this.transformPlugins = [];
|
|
51
|
+
this.routeGroupPatternRegex = /\(.+\)/g;
|
|
52
|
+
this.config = opts.config;
|
|
53
|
+
this.logger = logging({ disabled: this.config.disableLogging });
|
|
54
|
+
this.root = opts.root;
|
|
55
|
+
this.fs = opts.fs || DefaultFileSystem;
|
|
56
|
+
this.tmpDir = this.fs.mkdtempSync(
|
|
57
|
+
path.join(this.config.tmpDir, "tanstack-router-")
|
|
58
|
+
);
|
|
59
|
+
this.generatedRouteTreePath = path.resolve(this.config.generatedRouteTree);
|
|
60
|
+
this.targetTemplate = getTargetTemplate(this.config);
|
|
61
|
+
this.routesDirectoryPath = this.getRoutesDirectoryPath();
|
|
62
|
+
this.plugins.push(...opts.config.plugins || []);
|
|
63
|
+
this.plugins.forEach((plugin) => {
|
|
64
|
+
if ("transformPlugin" in plugin) {
|
|
65
|
+
if (this.pluginsWithTransform.find((p) => p.name === plugin.name)) {
|
|
66
|
+
throw new Error(
|
|
67
|
+
`Plugin with name "${plugin.name}" is already registered for export ${plugin.transformPlugin.exportName}!`
|
|
68
|
+
);
|
|
69
|
+
}
|
|
70
|
+
this.pluginsWithTransform.push(plugin);
|
|
71
|
+
this.transformPlugins.push(plugin.transformPlugin);
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
getRoutesDirectoryPath() {
|
|
76
|
+
return path.isAbsolute(this.config.routesDirectory) ? this.config.routesDirectory : path.resolve(this.root, this.config.routesDirectory);
|
|
77
|
+
}
|
|
78
|
+
async run(event) {
|
|
79
|
+
if (event && event.type !== "rerun") {
|
|
80
|
+
if (!(event.path === this.generatedRouteTreePath || event.path.startsWith(this.routesDirectoryPath))) {
|
|
81
|
+
return;
|
|
82
|
+
}
|
|
33
83
|
}
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
84
|
+
this.fileEventQueue.push(event ?? { type: "rerun" });
|
|
85
|
+
if (this.runPromise) {
|
|
86
|
+
return this.runPromise;
|
|
87
|
+
}
|
|
88
|
+
this.runPromise = (async () => {
|
|
89
|
+
do {
|
|
90
|
+
const tempQueue = this.fileEventQueue;
|
|
91
|
+
this.fileEventQueue = [];
|
|
92
|
+
const remainingEvents = (await Promise.all(
|
|
93
|
+
tempQueue.map(async (e) => {
|
|
94
|
+
if (e.type === "update") {
|
|
95
|
+
let cacheEntry;
|
|
96
|
+
if (e.path === this.generatedRouteTreePath) {
|
|
97
|
+
cacheEntry = this.routeTreeFileCache;
|
|
98
|
+
} else {
|
|
99
|
+
cacheEntry = this.routeNodeCache.get(e.path);
|
|
100
|
+
}
|
|
101
|
+
const change = await this.didFileChangeComparedToCache(
|
|
102
|
+
{ path: e.path },
|
|
103
|
+
cacheEntry
|
|
104
|
+
);
|
|
105
|
+
if (change.result === false) {
|
|
106
|
+
return null;
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
return e;
|
|
110
|
+
})
|
|
111
|
+
)).filter((e) => e !== null);
|
|
112
|
+
if (remainingEvents.length === 0) {
|
|
113
|
+
break;
|
|
114
|
+
}
|
|
115
|
+
try {
|
|
116
|
+
const start = performance.now();
|
|
117
|
+
await this.generatorInternal();
|
|
118
|
+
const end = performance.now();
|
|
119
|
+
this.logger.info(
|
|
120
|
+
`Generated route tree in ${Math.round(end - start)}ms`
|
|
121
|
+
);
|
|
122
|
+
} catch (err) {
|
|
123
|
+
const errArray = !Array.isArray(err) ? [err] : err;
|
|
124
|
+
const recoverableErrors = errArray.filter((e) => isRerun(e));
|
|
125
|
+
if (recoverableErrors.length === errArray.length) {
|
|
126
|
+
this.fileEventQueue.push(...recoverableErrors.map((e) => e.event));
|
|
127
|
+
recoverableErrors.forEach((e) => {
|
|
128
|
+
if (e.msg) {
|
|
129
|
+
this.logger.info(e.msg);
|
|
130
|
+
}
|
|
131
|
+
});
|
|
132
|
+
} else {
|
|
133
|
+
const unrecoverableErrors = errArray.filter((e) => !isRerun(e));
|
|
134
|
+
this.runPromise = void 0;
|
|
135
|
+
throw new Error(
|
|
136
|
+
unrecoverableErrors.map((e) => e.message).join()
|
|
137
|
+
);
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
} while (this.fileEventQueue.length);
|
|
141
|
+
this.runPromise = void 0;
|
|
142
|
+
})();
|
|
143
|
+
return this.runPromise;
|
|
43
144
|
}
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
let
|
|
47
|
-
if (
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
}
|
|
52
|
-
|
|
145
|
+
async generatorInternal() {
|
|
146
|
+
let writeRouteTreeFile = false;
|
|
147
|
+
let getRouteNodesResult;
|
|
148
|
+
if (this.config.virtualRouteConfig) {
|
|
149
|
+
getRouteNodesResult = await getRouteNodes(this.config, this.root);
|
|
150
|
+
} else {
|
|
151
|
+
getRouteNodesResult = await getRouteNodes$1(this.config, this.root);
|
|
152
|
+
}
|
|
153
|
+
const { rootRouteNode, routeNodes: beforeRouteNodes } = getRouteNodesResult;
|
|
154
|
+
if (rootRouteNode === void 0) {
|
|
155
|
+
let errorMessage = `rootRouteNode must not be undefined. Make sure you've added your root route into the route-tree.`;
|
|
156
|
+
if (!this.config.virtualRouteConfig) {
|
|
157
|
+
errorMessage += `
|
|
158
|
+
Make sure that you add a "${rootPathId}.${this.config.disableTypes ? "js" : "tsx"}" file to your routes directory.
|
|
159
|
+
Add the file in: "${this.config.routesDirectory}/${rootPathId}.${this.config.disableTypes ? "js" : "tsx"}"`;
|
|
160
|
+
}
|
|
161
|
+
throw new Error(errorMessage);
|
|
162
|
+
}
|
|
163
|
+
writeRouteTreeFile = await this.handleRootNode(rootRouteNode);
|
|
164
|
+
const preRouteNodes = multiSortBy(beforeRouteNodes, [
|
|
165
|
+
(d) => d.routePath === "/" ? -1 : 1,
|
|
166
|
+
(d) => {
|
|
167
|
+
var _a;
|
|
168
|
+
return (_a = d.routePath) == null ? void 0 : _a.split("/").length;
|
|
169
|
+
},
|
|
170
|
+
(d) => d.filePath.match(new RegExp(`[./]${this.config.indexToken}[.]`)) ? 1 : -1,
|
|
171
|
+
(d) => d.filePath.match(
|
|
172
|
+
/[./](component|errorComponent|pendingComponent|loader|lazy)[.]/
|
|
173
|
+
) ? 1 : -1,
|
|
174
|
+
(d) => d.filePath.match(new RegExp(`[./]${this.config.routeToken}[.]`)) ? -1 : 1,
|
|
175
|
+
(d) => {
|
|
176
|
+
var _a;
|
|
177
|
+
return ((_a = d.routePath) == null ? void 0 : _a.endsWith("/")) ? -1 : 1;
|
|
178
|
+
},
|
|
179
|
+
(d) => d.routePath
|
|
180
|
+
]).filter((d) => ![`/${rootPathId}`].includes(d.routePath || ""));
|
|
181
|
+
const routeFileAllResult = await Promise.allSettled(
|
|
182
|
+
preRouteNodes.filter((n) => !n.isVirtualParentRoute && !n.isVirtual).map((n) => this.processRouteNodeFile(n))
|
|
183
|
+
);
|
|
184
|
+
const rejections = routeFileAllResult.filter(
|
|
185
|
+
(result) => result.status === "rejected"
|
|
186
|
+
);
|
|
187
|
+
if (rejections.length > 0) {
|
|
188
|
+
throw rejections.map((e) => e.reason);
|
|
189
|
+
}
|
|
190
|
+
const routeFileResult = routeFileAllResult.flatMap((result) => {
|
|
191
|
+
if (result.status === "fulfilled" && result.value !== null) {
|
|
192
|
+
return result.value;
|
|
193
|
+
}
|
|
194
|
+
return [];
|
|
195
|
+
});
|
|
196
|
+
routeFileResult.forEach((result) => {
|
|
197
|
+
var _a;
|
|
198
|
+
if (!((_a = result.node.exports) == null ? void 0 : _a.length)) {
|
|
199
|
+
this.logger.warn(
|
|
200
|
+
`Route file "${result.cacheEntry.fileContent}" does not export any route piece. This is likely a mistake.`
|
|
201
|
+
);
|
|
202
|
+
}
|
|
203
|
+
});
|
|
204
|
+
if (routeFileResult.find((r) => r.shouldWriteTree)) {
|
|
205
|
+
writeRouteTreeFile = true;
|
|
206
|
+
}
|
|
207
|
+
if (!this.routeTreeFileCache) {
|
|
208
|
+
const routeTreeFile = await this.fs.readFile(this.generatedRouteTreePath);
|
|
209
|
+
if (routeTreeFile !== "file-not-existing") {
|
|
210
|
+
this.routeTreeFileCache = {
|
|
211
|
+
fileContent: routeTreeFile.fileContent,
|
|
212
|
+
mtimeMs: routeTreeFile.stat.mtimeMs
|
|
213
|
+
};
|
|
214
|
+
}
|
|
215
|
+
writeRouteTreeFile = true;
|
|
216
|
+
}
|
|
217
|
+
if (!writeRouteTreeFile) {
|
|
218
|
+
return;
|
|
219
|
+
}
|
|
220
|
+
let routeTreeContent = this.buildRouteTreeFileContent(
|
|
221
|
+
rootRouteNode,
|
|
222
|
+
preRouteNodes,
|
|
223
|
+
routeFileResult
|
|
224
|
+
);
|
|
225
|
+
routeTreeContent = this.config.enableRouteTreeFormatting ? await format(routeTreeContent, this.config) : routeTreeContent;
|
|
226
|
+
let newMtimeMs;
|
|
227
|
+
if (this.routeTreeFileCache) {
|
|
228
|
+
if (this.routeTreeFileCache.fileContent === routeTreeContent) ;
|
|
229
|
+
else {
|
|
230
|
+
const newRouteTreeFileStat = await this.safeFileWrite({
|
|
231
|
+
filePath: this.generatedRouteTreePath,
|
|
232
|
+
newContent: routeTreeContent,
|
|
233
|
+
strategy: {
|
|
234
|
+
type: "mtime",
|
|
235
|
+
expectedMtimeMs: this.routeTreeFileCache.mtimeMs
|
|
236
|
+
}
|
|
237
|
+
});
|
|
238
|
+
newMtimeMs = newRouteTreeFileStat.mtimeMs;
|
|
239
|
+
}
|
|
240
|
+
} else {
|
|
241
|
+
const newRouteTreeFileStat = await this.safeFileWrite({
|
|
242
|
+
filePath: this.generatedRouteTreePath,
|
|
243
|
+
newContent: routeTreeContent,
|
|
244
|
+
strategy: {
|
|
245
|
+
type: "new-file"
|
|
246
|
+
}
|
|
247
|
+
});
|
|
248
|
+
newMtimeMs = newRouteTreeFileStat.mtimeMs;
|
|
249
|
+
}
|
|
250
|
+
if (newMtimeMs !== void 0) {
|
|
251
|
+
this.routeTreeFileCache = {
|
|
252
|
+
fileContent: routeTreeContent,
|
|
253
|
+
mtimeMs: newMtimeMs
|
|
254
|
+
};
|
|
255
|
+
}
|
|
256
|
+
this.routeNodeCache = this.routeNodeShadowCache;
|
|
257
|
+
this.routeNodeShadowCache = /* @__PURE__ */ new Map();
|
|
53
258
|
}
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
(d) => {
|
|
259
|
+
buildRouteTreeFileContent(rootRouteNode, preRouteNodes, routeFileResult) {
|
|
260
|
+
const getImportForRouteNode = (node, exportName) => {
|
|
57
261
|
var _a;
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
262
|
+
if ((_a = node.exports) == null ? void 0 : _a.includes(exportName)) {
|
|
263
|
+
return {
|
|
264
|
+
source: `./${this.getImportPath(node)}`,
|
|
265
|
+
specifiers: [
|
|
266
|
+
{
|
|
267
|
+
imported: exportName,
|
|
268
|
+
local: `${node.variableName}${exportName}Import`
|
|
269
|
+
}
|
|
270
|
+
]
|
|
271
|
+
};
|
|
272
|
+
}
|
|
273
|
+
return void 0;
|
|
274
|
+
};
|
|
275
|
+
const buildRouteTreeForExport = (plugin) => {
|
|
276
|
+
var _a, _b, _c;
|
|
277
|
+
const exportName = plugin.transformPlugin.exportName;
|
|
278
|
+
const acc = {
|
|
279
|
+
routeTree: [],
|
|
280
|
+
routeNodes: [],
|
|
281
|
+
routePiecesByPath: {}
|
|
282
|
+
};
|
|
283
|
+
for (const node of preRouteNodes) {
|
|
284
|
+
if ((_a = node.exports) == null ? void 0 : _a.includes(plugin.transformPlugin.exportName)) {
|
|
285
|
+
this.handleNode(node, acc);
|
|
286
|
+
}
|
|
287
|
+
}
|
|
288
|
+
const sortedRouteNodes = multiSortBy(acc.routeNodes, [
|
|
289
|
+
(d) => {
|
|
290
|
+
var _a2;
|
|
291
|
+
return ((_a2 = d.routePath) == null ? void 0 : _a2.includes(`/${rootPathId}`)) ? -1 : 1;
|
|
292
|
+
},
|
|
293
|
+
(d) => {
|
|
294
|
+
var _a2;
|
|
295
|
+
return (_a2 = d.routePath) == null ? void 0 : _a2.split("/").length;
|
|
296
|
+
},
|
|
297
|
+
(d) => {
|
|
298
|
+
var _a2;
|
|
299
|
+
return ((_a2 = d.routePath) == null ? void 0 : _a2.endsWith(this.config.indexToken)) ? -1 : 1;
|
|
300
|
+
},
|
|
301
|
+
(d) => d
|
|
302
|
+
]);
|
|
303
|
+
const pluginConfig = plugin.config({
|
|
304
|
+
generator: this,
|
|
305
|
+
rootRouteNode,
|
|
306
|
+
sortedRouteNodes
|
|
307
|
+
});
|
|
308
|
+
const routeImports2 = sortedRouteNodes.filter((d) => !d.isVirtual).flatMap((node) => getImportForRouteNode(node, exportName) ?? []);
|
|
309
|
+
const hasMatchingRouteFiles = acc.routeNodes.length > 0 || ((_b = rootRouteNode.exports) == null ? void 0 : _b.includes(exportName));
|
|
310
|
+
const virtualRouteNodes = sortedRouteNodes.filter((d) => d.isVirtual).map((node) => {
|
|
311
|
+
return `const ${node.variableName}${exportName}Import = ${plugin.createVirtualRouteCode({ node })}`;
|
|
312
|
+
});
|
|
313
|
+
if (!((_c = rootRouteNode.exports) == null ? void 0 : _c.includes(exportName)) && pluginConfig.virtualRootRoute) {
|
|
314
|
+
virtualRouteNodes.unshift(
|
|
315
|
+
`const ${rootRouteNode.variableName}${exportName}Import = ${plugin.createRootRouteCode()}`
|
|
316
|
+
);
|
|
317
|
+
}
|
|
318
|
+
const imports = plugin.imports({
|
|
319
|
+
sortedRouteNodes,
|
|
320
|
+
acc,
|
|
321
|
+
generator: this,
|
|
322
|
+
rootRouteNode
|
|
323
|
+
});
|
|
324
|
+
const routeTreeConfig = buildRouteTreeConfig(
|
|
325
|
+
acc.routeTree,
|
|
326
|
+
exportName,
|
|
327
|
+
this.config.disableTypes
|
|
328
|
+
);
|
|
329
|
+
const createUpdateRoutes = sortedRouteNodes.map((node) => {
|
|
330
|
+
var _a2, _b2, _c2, _d, _e;
|
|
331
|
+
const loaderNode = (_a2 = acc.routePiecesByPath[node.routePath]) == null ? void 0 : _a2.loader;
|
|
332
|
+
const componentNode = (_b2 = acc.routePiecesByPath[node.routePath]) == null ? void 0 : _b2.component;
|
|
333
|
+
const errorComponentNode = (_c2 = acc.routePiecesByPath[node.routePath]) == null ? void 0 : _c2.errorComponent;
|
|
334
|
+
const pendingComponentNode = (_d = acc.routePiecesByPath[node.routePath]) == null ? void 0 : _d.pendingComponent;
|
|
335
|
+
const lazyComponentNode = (_e = acc.routePiecesByPath[node.routePath]) == null ? void 0 : _e.lazy;
|
|
336
|
+
return [
|
|
337
|
+
[
|
|
338
|
+
`const ${node.variableName}${exportName} = ${node.variableName}${exportName}Import.update({
|
|
339
|
+
${[
|
|
340
|
+
`id: '${node.path}'`,
|
|
341
|
+
!node.isNonPath ? `path: '${node.cleanedPath}'` : void 0,
|
|
342
|
+
`getParentRoute: () => ${findParent(node, exportName)}`
|
|
343
|
+
].filter(Boolean).join(",")}
|
|
344
|
+
}${this.config.disableTypes ? "" : "as any"})`,
|
|
345
|
+
loaderNode ? `.updateLoader({ loader: lazyFn(() => import('./${replaceBackslash(
|
|
346
|
+
removeExt(
|
|
347
|
+
path.relative(
|
|
348
|
+
path.dirname(this.config.generatedRouteTree),
|
|
349
|
+
path.resolve(
|
|
350
|
+
this.config.routesDirectory,
|
|
351
|
+
loaderNode.filePath
|
|
352
|
+
)
|
|
353
|
+
),
|
|
354
|
+
this.config.addExtensions
|
|
355
|
+
)
|
|
356
|
+
)}'), 'loader') })` : "",
|
|
357
|
+
componentNode || errorComponentNode || pendingComponentNode ? `.update({
|
|
358
|
+
${[
|
|
359
|
+
["component", componentNode],
|
|
360
|
+
["errorComponent", errorComponentNode],
|
|
361
|
+
["pendingComponent", pendingComponentNode]
|
|
362
|
+
].filter((d) => d[1]).map((d) => {
|
|
363
|
+
return `${d[0]}: lazyRouteComponent(() => import('./${replaceBackslash(
|
|
364
|
+
removeExt(
|
|
365
|
+
path.relative(
|
|
366
|
+
path.dirname(this.config.generatedRouteTree),
|
|
367
|
+
path.resolve(
|
|
368
|
+
this.config.routesDirectory,
|
|
369
|
+
d[1].filePath
|
|
370
|
+
)
|
|
371
|
+
),
|
|
372
|
+
this.config.addExtensions
|
|
373
|
+
)
|
|
374
|
+
)}'), '${d[0]}')`;
|
|
375
|
+
}).join("\n,")}
|
|
376
|
+
})` : "",
|
|
377
|
+
lazyComponentNode ? `.lazy(() => import('./${replaceBackslash(
|
|
378
|
+
removeExt(
|
|
379
|
+
path.relative(
|
|
380
|
+
path.dirname(this.config.generatedRouteTree),
|
|
381
|
+
path.resolve(
|
|
382
|
+
this.config.routesDirectory,
|
|
383
|
+
lazyComponentNode.filePath
|
|
384
|
+
)
|
|
385
|
+
),
|
|
386
|
+
this.config.addExtensions
|
|
387
|
+
)
|
|
388
|
+
)}').then((d) => d.${exportName}))` : ""
|
|
389
|
+
].join("")
|
|
390
|
+
].join("\n\n");
|
|
391
|
+
});
|
|
392
|
+
let fileRoutesByPathInterfacePerPlugin = "";
|
|
393
|
+
let fileRoutesByFullPathPerPlugin = "";
|
|
394
|
+
if (!this.config.disableTypes && hasMatchingRouteFiles) {
|
|
395
|
+
fileRoutesByFullPathPerPlugin = [
|
|
396
|
+
`export interface File${exportName}sByFullPath {
|
|
397
|
+
${[...createRouteNodesByFullPath(acc.routeNodes).entries()].map(
|
|
398
|
+
([fullPath, routeNode]) => {
|
|
399
|
+
return `'${fullPath}': typeof ${getResolvedRouteNodeVariableName(routeNode, exportName)}`;
|
|
400
|
+
}
|
|
401
|
+
)}
|
|
402
|
+
}`,
|
|
403
|
+
`export interface File${exportName}sByTo {
|
|
404
|
+
${[...createRouteNodesByTo(acc.routeNodes).entries()].map(([to, routeNode]) => {
|
|
405
|
+
return `'${to}': typeof ${getResolvedRouteNodeVariableName(routeNode, exportName)}`;
|
|
406
|
+
})}
|
|
407
|
+
}`,
|
|
408
|
+
`export interface File${exportName}sById {
|
|
409
|
+
'${rootRouteId}': typeof root${exportName}Import,
|
|
410
|
+
${[...createRouteNodesById(acc.routeNodes).entries()].map(([id, routeNode]) => {
|
|
411
|
+
return `'${id}': typeof ${getResolvedRouteNodeVariableName(routeNode, exportName)}`;
|
|
412
|
+
})}
|
|
413
|
+
}`,
|
|
414
|
+
`export interface File${exportName}Types {
|
|
415
|
+
file${exportName}sByFullPath: File${exportName}sByFullPath
|
|
416
|
+
fullPaths: ${acc.routeNodes.length > 0 ? [...createRouteNodesByFullPath(acc.routeNodes).keys()].map((fullPath) => `'${fullPath}'`).join("|") : "never"}
|
|
417
|
+
file${exportName}sByTo: File${exportName}sByTo
|
|
418
|
+
to: ${acc.routeNodes.length > 0 ? [...createRouteNodesByTo(acc.routeNodes).keys()].map((to) => `'${to}'`).join("|") : "never"}
|
|
419
|
+
id: ${[`'${rootRouteId}'`, ...[...createRouteNodesById(acc.routeNodes).keys()].map((id) => `'${id}'`)].join("|")}
|
|
420
|
+
file${exportName}sById: File${exportName}sById
|
|
421
|
+
}`,
|
|
422
|
+
`export interface Root${exportName}Children {
|
|
423
|
+
${acc.routeTree.map((child) => `${child.variableName}${exportName}: typeof ${getResolvedRouteNodeVariableName(child, exportName)}`).join(",")}
|
|
424
|
+
}`
|
|
425
|
+
].join("\n");
|
|
426
|
+
fileRoutesByPathInterfacePerPlugin = buildFileRoutesByPathInterface({
|
|
427
|
+
...plugin.moduleAugmentation({ generator: this }),
|
|
428
|
+
routeNodes: preRouteNodes,
|
|
429
|
+
exportName
|
|
430
|
+
});
|
|
431
|
+
}
|
|
432
|
+
let routeTree = "";
|
|
433
|
+
if (hasMatchingRouteFiles) {
|
|
434
|
+
routeTree = [
|
|
435
|
+
`const root${exportName}Children${this.config.disableTypes ? "" : `: Root${exportName}Children`} = {
|
|
436
|
+
${acc.routeTree.map(
|
|
437
|
+
(child) => `${child.variableName}${exportName}: ${getResolvedRouteNodeVariableName(child, exportName)}`
|
|
438
|
+
).join(",")}
|
|
439
|
+
}`,
|
|
440
|
+
`export const ${lowerCaseFirstChar(exportName)}Tree = root${exportName}Import._addFileChildren(root${exportName}Children)${this.config.disableTypes ? "" : `._addFileTypes<File${exportName}Types>()`}`
|
|
441
|
+
].join("\n");
|
|
442
|
+
}
|
|
443
|
+
return {
|
|
444
|
+
routeImports: routeImports2,
|
|
445
|
+
sortedRouteNodes,
|
|
446
|
+
acc,
|
|
447
|
+
virtualRouteNodes,
|
|
448
|
+
routeTreeConfig,
|
|
449
|
+
routeTree,
|
|
450
|
+
imports,
|
|
451
|
+
createUpdateRoutes,
|
|
452
|
+
fileRoutesByFullPathPerPlugin,
|
|
453
|
+
fileRoutesByPathInterfacePerPlugin
|
|
454
|
+
};
|
|
455
|
+
};
|
|
456
|
+
const routeTrees = this.pluginsWithTransform.map((plugin) => ({
|
|
457
|
+
exportName: plugin.transformPlugin.exportName,
|
|
458
|
+
...buildRouteTreeForExport(plugin)
|
|
459
|
+
}));
|
|
460
|
+
this.plugins.map((plugin) => {
|
|
66
461
|
var _a;
|
|
67
|
-
return (
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
462
|
+
return (_a = plugin.onRouteTreesChanged) == null ? void 0 : _a.call(plugin, {
|
|
463
|
+
routeTrees,
|
|
464
|
+
rootRouteNode,
|
|
465
|
+
generator: this
|
|
466
|
+
});
|
|
467
|
+
});
|
|
468
|
+
let mergedImports = mergeImportDeclarations(
|
|
469
|
+
routeTrees.flatMap((d) => d.imports)
|
|
470
|
+
);
|
|
471
|
+
if (this.config.disableTypes) {
|
|
472
|
+
mergedImports = mergedImports.filter((d) => d.importKind !== "type");
|
|
473
|
+
}
|
|
474
|
+
const importStatements = mergedImports.map(buildImportString);
|
|
475
|
+
let moduleAugmentation = "";
|
|
476
|
+
if (this.config.verboseFileRoutes === false && !this.config.disableTypes) {
|
|
477
|
+
moduleAugmentation = routeFileResult.map(({ node }) => {
|
|
478
|
+
const getModuleDeclaration = (routeNode) => {
|
|
479
|
+
if (!isRouteNodeValidForAugmentation(routeNode)) {
|
|
480
|
+
return "";
|
|
481
|
+
}
|
|
482
|
+
const moduleAugmentation2 = this.pluginsWithTransform.map((plugin) => {
|
|
483
|
+
return plugin.routeModuleAugmentation({
|
|
484
|
+
routeNode
|
|
485
|
+
});
|
|
486
|
+
}).filter(Boolean).join("\n");
|
|
487
|
+
return `declare module './${this.getImportPath(routeNode)}' {
|
|
488
|
+
${moduleAugmentation2}
|
|
489
|
+
}`;
|
|
490
|
+
};
|
|
491
|
+
return getModuleDeclaration(node);
|
|
492
|
+
}).join("\n");
|
|
493
|
+
}
|
|
494
|
+
const routeImports = routeTrees.flatMap((t) => t.routeImports);
|
|
495
|
+
const rootRouteImports = this.pluginsWithTransform.flatMap(
|
|
496
|
+
(p) => getImportForRouteNode(rootRouteNode, p.transformPlugin.exportName) ?? []
|
|
497
|
+
);
|
|
498
|
+
if (rootRouteImports.length > 0) {
|
|
499
|
+
routeImports.unshift(...rootRouteImports);
|
|
77
500
|
}
|
|
78
|
-
const
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
501
|
+
const routeTreeContent = [
|
|
502
|
+
...this.config.routeTreeFileHeader,
|
|
503
|
+
`// This file was automatically generated by TanStack Router.
|
|
504
|
+
// You should NOT make any changes in this file as it will be overwritten.
|
|
505
|
+
// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.`,
|
|
506
|
+
[...importStatements].join("\n"),
|
|
507
|
+
mergeImportDeclarations(routeImports).map(buildImportString).join("\n"),
|
|
508
|
+
routeTrees.flatMap((t) => t.virtualRouteNodes).join("\n"),
|
|
509
|
+
routeTrees.flatMap((t) => t.createUpdateRoutes).join("\n"),
|
|
510
|
+
routeTrees.map((t) => t.fileRoutesByFullPathPerPlugin).join("\n"),
|
|
511
|
+
routeTrees.map((t) => t.fileRoutesByPathInterfacePerPlugin).join("\n"),
|
|
512
|
+
moduleAugmentation,
|
|
513
|
+
routeTrees.flatMap((t) => t.routeTreeConfig).join("\n"),
|
|
514
|
+
routeTrees.map((t) => t.routeTree).join("\n"),
|
|
515
|
+
...this.config.routeTreeFileFooter
|
|
516
|
+
].filter(Boolean).join("\n\n");
|
|
517
|
+
return routeTreeContent;
|
|
518
|
+
}
|
|
519
|
+
getImportPath(node) {
|
|
520
|
+
return replaceBackslash(
|
|
521
|
+
removeExt(
|
|
522
|
+
path.relative(
|
|
523
|
+
path.dirname(this.config.generatedRouteTree),
|
|
524
|
+
path.resolve(this.config.routesDirectory, node.filePath)
|
|
525
|
+
),
|
|
526
|
+
this.config.addExtensions
|
|
527
|
+
)
|
|
528
|
+
);
|
|
529
|
+
}
|
|
530
|
+
async processRouteNodeFile(node) {
|
|
531
|
+
var _a, _b, _c, _d, _e;
|
|
532
|
+
const result = await this.isRouteFileCacheFresh(node);
|
|
533
|
+
if (result.status === "fresh") {
|
|
534
|
+
node.exports = result.cacheEntry.exports;
|
|
535
|
+
return {
|
|
536
|
+
node,
|
|
537
|
+
shouldWriteTree: result.exportsChanged,
|
|
538
|
+
cacheEntry: result.cacheEntry
|
|
539
|
+
};
|
|
540
|
+
}
|
|
541
|
+
const existingRouteFile = await this.fs.readFile(node.fullPath);
|
|
542
|
+
if (existingRouteFile === "file-not-existing") {
|
|
543
|
+
throw new Error(`⚠️ File ${node.fullPath} does not exist`);
|
|
544
|
+
}
|
|
545
|
+
const updatedCacheEntry = {
|
|
546
|
+
fileContent: existingRouteFile.fileContent,
|
|
547
|
+
mtimeMs: existingRouteFile.stat.mtimeMs,
|
|
548
|
+
exports: []
|
|
549
|
+
};
|
|
550
|
+
const escapedRoutePath = ((_a = node.routePath) == null ? void 0 : _a.replaceAll("$", "$$")) ?? "";
|
|
551
|
+
let shouldWriteRouteFile = false;
|
|
552
|
+
if (!existingRouteFile.fileContent) {
|
|
553
|
+
shouldWriteRouteFile = true;
|
|
554
|
+
if (node._fsRouteType === "lazy") {
|
|
555
|
+
const tLazyRouteTemplate = this.targetTemplate.lazyRoute;
|
|
556
|
+
updatedCacheEntry.fileContent = await fillTemplate(
|
|
557
|
+
this.config,
|
|
558
|
+
(((_b = this.config.customScaffolding) == null ? void 0 : _b.lazyRouteTemplate) || ((_c = this.config.customScaffolding) == null ? void 0 : _c.routeTemplate)) ?? tLazyRouteTemplate.template(),
|
|
559
|
+
{
|
|
560
|
+
tsrImports: tLazyRouteTemplate.imports.tsrImports(),
|
|
561
|
+
tsrPath: escapedRoutePath.replaceAll(/\{(.+)\}/gm, "$1"),
|
|
562
|
+
tsrExportStart: tLazyRouteTemplate.imports.tsrExportStart(escapedRoutePath),
|
|
563
|
+
tsrExportEnd: tLazyRouteTemplate.imports.tsrExportEnd()
|
|
564
|
+
}
|
|
565
|
+
);
|
|
566
|
+
updatedCacheEntry.exports = ["Route"];
|
|
567
|
+
} else if (
|
|
568
|
+
// Creating a new normal route file
|
|
569
|
+
["layout", "static"].some(
|
|
570
|
+
(d) => d === node._fsRouteType
|
|
571
|
+
) || [
|
|
572
|
+
"component",
|
|
573
|
+
"pendingComponent",
|
|
574
|
+
"errorComponent",
|
|
575
|
+
"loader"
|
|
576
|
+
].every((d) => d !== node._fsRouteType)
|
|
577
|
+
) {
|
|
578
|
+
const tRouteTemplate = this.targetTemplate.route;
|
|
579
|
+
updatedCacheEntry.fileContent = await fillTemplate(
|
|
580
|
+
this.config,
|
|
581
|
+
((_d = this.config.customScaffolding) == null ? void 0 : _d.routeTemplate) ?? tRouteTemplate.template(),
|
|
582
|
+
{
|
|
583
|
+
tsrImports: tRouteTemplate.imports.tsrImports(),
|
|
584
|
+
tsrPath: escapedRoutePath.replaceAll(/\{(.+)\}/gm, "$1"),
|
|
585
|
+
tsrExportStart: tRouteTemplate.imports.tsrExportStart(escapedRoutePath),
|
|
586
|
+
tsrExportEnd: tRouteTemplate.imports.tsrExportEnd()
|
|
587
|
+
}
|
|
588
|
+
);
|
|
589
|
+
updatedCacheEntry.exports = ["Route"];
|
|
590
|
+
} else {
|
|
591
|
+
return null;
|
|
592
|
+
}
|
|
593
|
+
} else {
|
|
594
|
+
const transformResult = await transform({
|
|
595
|
+
source: updatedCacheEntry.fileContent,
|
|
596
|
+
ctx: {
|
|
597
|
+
target: this.config.target,
|
|
598
|
+
routeId: escapedRoutePath,
|
|
599
|
+
lazy: node._fsRouteType === "lazy",
|
|
600
|
+
verboseFileRoutes: !(this.config.verboseFileRoutes === false)
|
|
601
|
+
},
|
|
602
|
+
plugins: this.transformPlugins
|
|
86
603
|
});
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
604
|
+
if (transformResult.result === "error") {
|
|
605
|
+
throw new Error(
|
|
606
|
+
`Error transforming route file ${node.fullPath}: ${transformResult.error}`
|
|
607
|
+
);
|
|
608
|
+
}
|
|
609
|
+
updatedCacheEntry.exports = transformResult.exports;
|
|
610
|
+
if (transformResult.result === "modified") {
|
|
611
|
+
updatedCacheEntry.fileContent = transformResult.output;
|
|
612
|
+
shouldWriteRouteFile = true;
|
|
613
|
+
}
|
|
614
|
+
}
|
|
615
|
+
if (shouldWriteRouteFile) {
|
|
616
|
+
const stats = await this.safeFileWrite({
|
|
617
|
+
filePath: node.fullPath,
|
|
618
|
+
newContent: updatedCacheEntry.fileContent,
|
|
619
|
+
strategy: {
|
|
620
|
+
type: "mtime",
|
|
621
|
+
expectedMtimeMs: updatedCacheEntry.mtimeMs
|
|
622
|
+
}
|
|
623
|
+
});
|
|
624
|
+
updatedCacheEntry.mtimeMs = stats.mtimeMs;
|
|
625
|
+
}
|
|
626
|
+
this.routeNodeShadowCache.set(node.fullPath, updatedCacheEntry);
|
|
627
|
+
node.exports = updatedCacheEntry.exports;
|
|
628
|
+
const shouldWriteTree = !deepEqual(
|
|
629
|
+
(_e = result.cacheEntry) == null ? void 0 : _e.exports,
|
|
630
|
+
updatedCacheEntry.exports
|
|
631
|
+
);
|
|
632
|
+
return {
|
|
633
|
+
node,
|
|
634
|
+
shouldWriteTree,
|
|
635
|
+
cacheEntry: updatedCacheEntry
|
|
636
|
+
};
|
|
637
|
+
}
|
|
638
|
+
async didRouteFileChangeComparedToCache(file, cache) {
|
|
639
|
+
const cacheEntry = this[cache].get(file.path);
|
|
640
|
+
return this.didFileChangeComparedToCache(file, cacheEntry);
|
|
641
|
+
}
|
|
642
|
+
async didFileChangeComparedToCache(file, cacheEntry) {
|
|
643
|
+
if (!cacheEntry) {
|
|
644
|
+
return { result: "file-not-in-cache" };
|
|
645
|
+
}
|
|
646
|
+
let mtimeMs = file.mtimeMs;
|
|
647
|
+
if (mtimeMs === void 0) {
|
|
648
|
+
try {
|
|
649
|
+
const currentStat = await this.fs.stat(file.path);
|
|
650
|
+
mtimeMs = currentStat.mtimeMs;
|
|
651
|
+
} catch {
|
|
652
|
+
return { result: "cannot-stat-file" };
|
|
653
|
+
}
|
|
654
|
+
}
|
|
655
|
+
return { result: mtimeMs !== cacheEntry.mtimeMs, mtimeMs, cacheEntry };
|
|
656
|
+
}
|
|
657
|
+
async safeFileWrite(opts) {
|
|
658
|
+
const tmpPath = this.getTempFileName(opts.filePath);
|
|
659
|
+
await this.fs.writeFile(tmpPath, opts.newContent);
|
|
660
|
+
if (opts.strategy.type === "mtime") {
|
|
661
|
+
const beforeStat = await this.fs.stat(opts.filePath);
|
|
662
|
+
if (beforeStat.mtimeMs !== opts.strategy.expectedMtimeMs) {
|
|
663
|
+
throw rerun({
|
|
664
|
+
msg: `File ${opts.filePath} was modified by another process during processing.`,
|
|
665
|
+
event: { type: "update", path: opts.filePath }
|
|
666
|
+
});
|
|
667
|
+
}
|
|
668
|
+
} else {
|
|
669
|
+
if (await checkFileExists(opts.filePath)) {
|
|
670
|
+
throw rerun({
|
|
671
|
+
msg: `File ${opts.filePath} already exists. Cannot overwrite.`,
|
|
672
|
+
event: { type: "update", path: opts.filePath }
|
|
673
|
+
});
|
|
674
|
+
}
|
|
675
|
+
}
|
|
676
|
+
const stat = await this.fs.stat(tmpPath);
|
|
677
|
+
await this.fs.rename(tmpPath, opts.filePath);
|
|
678
|
+
return stat;
|
|
679
|
+
}
|
|
680
|
+
getTempFileName(filePath) {
|
|
681
|
+
const absPath = path.resolve(filePath);
|
|
682
|
+
const hash = crypto.createHash("md5").update(absPath).digest("hex");
|
|
683
|
+
return path.join(this.tmpDir, hash);
|
|
684
|
+
}
|
|
685
|
+
async isRouteFileCacheFresh(node) {
|
|
686
|
+
const fileChangedCache = await this.didRouteFileChangeComparedToCache(
|
|
687
|
+
{ path: node.fullPath },
|
|
688
|
+
"routeNodeCache"
|
|
689
|
+
);
|
|
690
|
+
if (fileChangedCache.result === false) {
|
|
691
|
+
this.routeNodeShadowCache.set(node.fullPath, fileChangedCache.cacheEntry);
|
|
692
|
+
return {
|
|
693
|
+
status: "fresh",
|
|
694
|
+
exportsChanged: false,
|
|
695
|
+
cacheEntry: fileChangedCache.cacheEntry
|
|
696
|
+
};
|
|
697
|
+
}
|
|
698
|
+
if (fileChangedCache.result === "cannot-stat-file") {
|
|
699
|
+
throw new Error(`⚠️ expected route file to exist at ${node.fullPath}`);
|
|
700
|
+
}
|
|
701
|
+
const mtimeMs = fileChangedCache.result === true ? fileChangedCache.mtimeMs : void 0;
|
|
702
|
+
const shadowCacheFileChange = await this.didRouteFileChangeComparedToCache(
|
|
703
|
+
{ path: node.fullPath, mtimeMs },
|
|
704
|
+
"routeNodeShadowCache"
|
|
705
|
+
);
|
|
706
|
+
if (shadowCacheFileChange.result === "cannot-stat-file") {
|
|
707
|
+
throw new Error(`⚠️ expected route file to exist at ${node.fullPath}`);
|
|
708
|
+
}
|
|
709
|
+
if (shadowCacheFileChange.result === false) {
|
|
710
|
+
if (fileChangedCache.result === true) {
|
|
711
|
+
if (deepEqual(
|
|
712
|
+
fileChangedCache.cacheEntry.exports,
|
|
713
|
+
shadowCacheFileChange.cacheEntry.exports
|
|
714
|
+
)) {
|
|
715
|
+
return {
|
|
716
|
+
status: "fresh",
|
|
717
|
+
exportsChanged: false,
|
|
718
|
+
cacheEntry: shadowCacheFileChange.cacheEntry
|
|
719
|
+
};
|
|
720
|
+
}
|
|
721
|
+
return {
|
|
722
|
+
status: "fresh",
|
|
723
|
+
exportsChanged: true,
|
|
724
|
+
cacheEntry: shadowCacheFileChange.cacheEntry
|
|
725
|
+
};
|
|
726
|
+
}
|
|
727
|
+
}
|
|
728
|
+
if (fileChangedCache.result === "file-not-in-cache") {
|
|
729
|
+
return {
|
|
730
|
+
status: "stale"
|
|
731
|
+
};
|
|
732
|
+
}
|
|
733
|
+
return { status: "stale", cacheEntry: fileChangedCache.cacheEntry };
|
|
734
|
+
}
|
|
735
|
+
async handleRootNode(node) {
|
|
736
|
+
var _a;
|
|
737
|
+
const result = await this.isRouteFileCacheFresh(node);
|
|
738
|
+
if (result.status === "fresh") {
|
|
739
|
+
return false;
|
|
740
|
+
}
|
|
741
|
+
const rootNodeFile = await this.fs.readFile(node.fullPath);
|
|
742
|
+
if (rootNodeFile === "file-not-existing") {
|
|
743
|
+
throw new Error(`⚠️ expected root route to exist at ${node.fullPath}`);
|
|
744
|
+
}
|
|
745
|
+
const updatedCacheEntry = {
|
|
746
|
+
fileContent: rootNodeFile.fileContent,
|
|
747
|
+
mtimeMs: rootNodeFile.stat.mtimeMs,
|
|
748
|
+
exports: []
|
|
749
|
+
};
|
|
750
|
+
if (!rootNodeFile.fileContent) {
|
|
751
|
+
const rootTemplate = this.targetTemplate.rootRoute;
|
|
752
|
+
const rootRouteContent = await fillTemplate(
|
|
753
|
+
this.config,
|
|
754
|
+
rootTemplate.template(),
|
|
92
755
|
{
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
756
|
+
tsrImports: rootTemplate.imports.tsrImports(),
|
|
757
|
+
tsrPath: rootPathId,
|
|
758
|
+
tsrExportStart: rootTemplate.imports.tsrExportStart(),
|
|
759
|
+
tsrExportEnd: rootTemplate.imports.tsrExportEnd()
|
|
96
760
|
}
|
|
97
761
|
);
|
|
762
|
+
this.logger.log(`🟡 Creating ${node.fullPath}`);
|
|
763
|
+
const stats = await this.safeFileWrite({
|
|
764
|
+
filePath: node.fullPath,
|
|
765
|
+
newContent: rootRouteContent,
|
|
766
|
+
strategy: {
|
|
767
|
+
type: "mtime",
|
|
768
|
+
expectedMtimeMs: rootNodeFile.stat.mtimeMs
|
|
769
|
+
}
|
|
770
|
+
});
|
|
771
|
+
updatedCacheEntry.fileContent = rootRouteContent;
|
|
772
|
+
updatedCacheEntry.mtimeMs = stats.mtimeMs;
|
|
98
773
|
}
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
774
|
+
const rootRouteExports = [];
|
|
775
|
+
for (const plugin of this.pluginsWithTransform) {
|
|
776
|
+
const exportName = plugin.transformPlugin.exportName;
|
|
777
|
+
if (rootNodeFile.fileContent.includes(`export const ${exportName}`)) {
|
|
778
|
+
rootRouteExports.push(exportName);
|
|
779
|
+
}
|
|
780
|
+
}
|
|
781
|
+
updatedCacheEntry.exports = rootRouteExports;
|
|
782
|
+
node.exports = rootRouteExports;
|
|
783
|
+
this.routeNodeShadowCache.set(node.fullPath, updatedCacheEntry);
|
|
784
|
+
const shouldWriteTree = !deepEqual(
|
|
785
|
+
(_a = result.cacheEntry) == null ? void 0 : _a.exports,
|
|
786
|
+
rootRouteExports
|
|
787
|
+
);
|
|
788
|
+
return shouldWriteTree;
|
|
789
|
+
}
|
|
790
|
+
handleNode(node, acc) {
|
|
791
|
+
var _a;
|
|
792
|
+
resetRegex(this.routeGroupPatternRegex);
|
|
793
|
+
let parentRoute = hasParentRoute(acc.routeNodes, node, node.routePath);
|
|
105
794
|
if ((parentRoute == null ? void 0 : parentRoute.isVirtualParentRoute) && ((_a = parentRoute.children) == null ? void 0 : _a.length)) {
|
|
106
795
|
const possibleParentRoute = hasParentRoute(
|
|
107
796
|
parentRoute.children,
|
|
@@ -117,131 +806,10 @@ Add the file in: "${config.routesDirectory}/${rootPathId}.${config.disableTypes
|
|
|
117
806
|
const trimmedPath = trimPathLeft(node.path ?? "");
|
|
118
807
|
const split = trimmedPath.split("/");
|
|
119
808
|
const lastRouteSegment = split[split.length - 1] ?? trimmedPath;
|
|
120
|
-
node.isNonPath = lastRouteSegment.startsWith("_") || routeGroupPatternRegex.test(lastRouteSegment);
|
|
809
|
+
node.isNonPath = lastRouteSegment.startsWith("_") || this.routeGroupPatternRegex.test(lastRouteSegment);
|
|
121
810
|
node.cleanedPath = removeGroups(
|
|
122
811
|
removeUnderscores(removeLayoutSegments(node.path)) ?? ""
|
|
123
812
|
);
|
|
124
|
-
if (!node.isVirtualParentRoute && !node.isVirtual) {
|
|
125
|
-
const routeCode = fs.readFileSync(node.fullPath, "utf-8");
|
|
126
|
-
const escapedRoutePath = ((_b = node.routePath) == null ? void 0 : _b.replaceAll("$", "$$")) ?? "";
|
|
127
|
-
let replaced = routeCode;
|
|
128
|
-
const tRouteTemplate = ROUTE_TEMPLATE.route;
|
|
129
|
-
const tLazyRouteTemplate = ROUTE_TEMPLATE.lazyRoute;
|
|
130
|
-
if (!routeCode) {
|
|
131
|
-
if (node._fsRouteType === "lazy") {
|
|
132
|
-
replaced = await fillTemplate(
|
|
133
|
-
config,
|
|
134
|
-
(((_c = config.customScaffolding) == null ? void 0 : _c.lazyRouteTemplate) || ((_d = config.customScaffolding) == null ? void 0 : _d.routeTemplate)) ?? tLazyRouteTemplate.template(),
|
|
135
|
-
{
|
|
136
|
-
tsrImports: tLazyRouteTemplate.imports.tsrImports(),
|
|
137
|
-
tsrPath: escapedRoutePath.replaceAll(/\{(.+)\}/gm, "$1"),
|
|
138
|
-
tsrExportStart: tLazyRouteTemplate.imports.tsrExportStart(escapedRoutePath),
|
|
139
|
-
tsrExportEnd: tLazyRouteTemplate.imports.tsrExportEnd()
|
|
140
|
-
}
|
|
141
|
-
);
|
|
142
|
-
} else if (
|
|
143
|
-
// Creating a new normal route file
|
|
144
|
-
["layout", "static"].some(
|
|
145
|
-
(d) => d === node._fsRouteType
|
|
146
|
-
) || [
|
|
147
|
-
"component",
|
|
148
|
-
"pendingComponent",
|
|
149
|
-
"errorComponent",
|
|
150
|
-
"loader"
|
|
151
|
-
].every((d) => d !== node._fsRouteType)
|
|
152
|
-
) {
|
|
153
|
-
replaced = await fillTemplate(
|
|
154
|
-
config,
|
|
155
|
-
((_e = config.customScaffolding) == null ? void 0 : _e.routeTemplate) ?? tRouteTemplate.template(),
|
|
156
|
-
{
|
|
157
|
-
tsrImports: tRouteTemplate.imports.tsrImports(),
|
|
158
|
-
tsrPath: escapedRoutePath.replaceAll(/\{(.+)\}/gm, "$1"),
|
|
159
|
-
tsrExportStart: tRouteTemplate.imports.tsrExportStart(escapedRoutePath),
|
|
160
|
-
tsrExportEnd: tRouteTemplate.imports.tsrExportEnd()
|
|
161
|
-
}
|
|
162
|
-
);
|
|
163
|
-
}
|
|
164
|
-
} else if (config.verboseFileRoutes === false) {
|
|
165
|
-
if (!routeCode.split("\n").some((line) => line.trim().startsWith("export const Route"))) {
|
|
166
|
-
return;
|
|
167
|
-
}
|
|
168
|
-
replaced = routeCode.replace(
|
|
169
|
-
/(FileRoute\(\s*['"])([^\s]*)(['"],?\s*\))/g,
|
|
170
|
-
(_, p1, __, p3) => `${p1}${escapedRoutePath}${p3}`
|
|
171
|
-
).replace(
|
|
172
|
-
new RegExp(
|
|
173
|
-
`(import\\s*\\{)(.*)(create(Lazy)?FileRoute)(.*)(\\}\\s*from\\s*['"]@tanstack\\/${ROUTE_TEMPLATE.subPkg}['"])`,
|
|
174
|
-
"gs"
|
|
175
|
-
),
|
|
176
|
-
(_, p1, p2, ___, ____, p5, p6) => {
|
|
177
|
-
const beforeCreateFileRoute = () => {
|
|
178
|
-
if (!p2) return "";
|
|
179
|
-
let trimmed = p2.trim();
|
|
180
|
-
if (trimmed.endsWith(",")) {
|
|
181
|
-
trimmed = trimmed.slice(0, -1);
|
|
182
|
-
}
|
|
183
|
-
return trimmed;
|
|
184
|
-
};
|
|
185
|
-
const afterCreateFileRoute = () => {
|
|
186
|
-
if (!p5) return "";
|
|
187
|
-
let trimmed = p5.trim();
|
|
188
|
-
if (trimmed.startsWith(",")) {
|
|
189
|
-
trimmed = trimmed.slice(1);
|
|
190
|
-
}
|
|
191
|
-
return trimmed;
|
|
192
|
-
};
|
|
193
|
-
const newImport = () => {
|
|
194
|
-
const before = beforeCreateFileRoute();
|
|
195
|
-
const after = afterCreateFileRoute();
|
|
196
|
-
if (!before) return after;
|
|
197
|
-
if (!after) return before;
|
|
198
|
-
return `${before},${after}`;
|
|
199
|
-
};
|
|
200
|
-
const middle = newImport();
|
|
201
|
-
if (middle === "") return "";
|
|
202
|
-
return `${p1} ${newImport()} ${p6}`;
|
|
203
|
-
}
|
|
204
|
-
).replace(
|
|
205
|
-
/create(Lazy)?FileRoute(\(\s*['"])([^\s]*)(['"],?\s*\))/g,
|
|
206
|
-
(_, __, p2, ___, p4) => `${node._fsRouteType === "lazy" ? "createLazyFileRoute" : "createFileRoute"}`
|
|
207
|
-
);
|
|
208
|
-
} else {
|
|
209
|
-
if (!routeCode.split("\n").some((line) => line.trim().startsWith("export const Route"))) {
|
|
210
|
-
return;
|
|
211
|
-
}
|
|
212
|
-
replaced = routeCode.replace(
|
|
213
|
-
/(FileRoute\(\s*['"])([^\s]*)(['"],?\s*\))/g,
|
|
214
|
-
(_, p1, __, p3) => `${p1}${escapedRoutePath}${p3}`
|
|
215
|
-
).replace(
|
|
216
|
-
/((FileRoute)(\s*)(\({))/g,
|
|
217
|
-
(_, __, p2, p3, p4) => `${p2}('${escapedRoutePath}')${p3}${p4}`
|
|
218
|
-
).replace(
|
|
219
|
-
new RegExp(
|
|
220
|
-
`(import\\s*\\{.*)(create(Lazy)?FileRoute)(.*\\}\\s*from\\s*['"]@tanstack\\/${ROUTE_TEMPLATE.subPkg}['"])`,
|
|
221
|
-
"gs"
|
|
222
|
-
),
|
|
223
|
-
(_, p1, __, ___, p4) => `${p1}${node._fsRouteType === "lazy" ? "createLazyFileRoute" : "createFileRoute"}${p4}`
|
|
224
|
-
).replace(
|
|
225
|
-
/create(Lazy)?FileRoute(\(\s*['"])([^\s]*)(['"],?\s*\))/g,
|
|
226
|
-
(_, __, p2, ___, p4) => `${node._fsRouteType === "lazy" ? "createLazyFileRoute" : "createFileRoute"}${p2}${escapedRoutePath}${p4}`
|
|
227
|
-
);
|
|
228
|
-
const regex = new RegExp(
|
|
229
|
-
`(import\\s*\\{.*)(create(Lazy)?FileRoute)(.*\\}\\s*from\\s*['"]@tanstack\\/${ROUTE_TEMPLATE.subPkg}['"])`,
|
|
230
|
-
"gm"
|
|
231
|
-
);
|
|
232
|
-
if (!replaced.match(regex)) {
|
|
233
|
-
replaced = [
|
|
234
|
-
`import { ${node._fsRouteType === "lazy" ? "createLazyFileRoute" : "createFileRoute"} } from '@tanstack/${ROUTE_TEMPLATE.subPkg}'`,
|
|
235
|
-
...replaced.split("\n")
|
|
236
|
-
].join("\n");
|
|
237
|
-
}
|
|
238
|
-
}
|
|
239
|
-
await writeIfDifferent(node.fullPath, routeCode, replaced, {
|
|
240
|
-
beforeWrite: () => {
|
|
241
|
-
logger.log(`🟡 Updating ${node.fullPath}`);
|
|
242
|
-
}
|
|
243
|
-
});
|
|
244
|
-
}
|
|
245
813
|
if (!node.isVirtual && [
|
|
246
814
|
"lazy",
|
|
247
815
|
"loader",
|
|
@@ -249,15 +817,20 @@ Add the file in: "${config.routesDirectory}/${rootPathId}.${config.disableTypes
|
|
|
249
817
|
"pendingComponent",
|
|
250
818
|
"errorComponent"
|
|
251
819
|
].some((d) => d === node._fsRouteType)) {
|
|
252
|
-
routePiecesByPath[node.routePath] = routePiecesByPath[node.routePath] || {};
|
|
253
|
-
routePiecesByPath[node.routePath][node._fsRouteType === "lazy" ? "lazy" : node._fsRouteType === "loader" ? "loader" : node._fsRouteType === "errorComponent" ? "errorComponent" : node._fsRouteType === "pendingComponent" ? "pendingComponent" : "component"] = node;
|
|
254
|
-
const anchorRoute = routeNodes.find(
|
|
820
|
+
acc.routePiecesByPath[node.routePath] = acc.routePiecesByPath[node.routePath] || {};
|
|
821
|
+
acc.routePiecesByPath[node.routePath][node._fsRouteType === "lazy" ? "lazy" : node._fsRouteType === "loader" ? "loader" : node._fsRouteType === "errorComponent" ? "errorComponent" : node._fsRouteType === "pendingComponent" ? "pendingComponent" : "component"] = node;
|
|
822
|
+
const anchorRoute = acc.routeNodes.find(
|
|
823
|
+
(d) => d.routePath === node.routePath
|
|
824
|
+
);
|
|
255
825
|
if (!anchorRoute) {
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
826
|
+
this.handleNode(
|
|
827
|
+
{
|
|
828
|
+
...node,
|
|
829
|
+
isVirtual: true,
|
|
830
|
+
_fsRouteType: "static"
|
|
831
|
+
},
|
|
832
|
+
acc
|
|
833
|
+
);
|
|
261
834
|
}
|
|
262
835
|
return;
|
|
263
836
|
}
|
|
@@ -267,7 +840,7 @@ Add the file in: "${config.routesDirectory}/${rootPathId}.${config.disableTypes
|
|
|
267
840
|
if (!node.isVirtual && node.isVirtualParentRequired) {
|
|
268
841
|
const parentRoutePath = removeLastSegmentFromPath(node.routePath) || "/";
|
|
269
842
|
const parentVariableName = routePathToVariable(parentRoutePath);
|
|
270
|
-
const anchorRoute = routeNodes.find(
|
|
843
|
+
const anchorRoute = acc.routeNodes.find(
|
|
271
844
|
(d) => d.routePath === parentRoutePath
|
|
272
845
|
);
|
|
273
846
|
if (!anchorRoute) {
|
|
@@ -290,7 +863,7 @@ Add the file in: "${config.routesDirectory}/${rootPathId}.${config.disableTypes
|
|
|
290
863
|
if (node._fsRouteType === "pathless_layout") {
|
|
291
864
|
node.path = determineNodePath(node);
|
|
292
865
|
}
|
|
293
|
-
|
|
866
|
+
this.handleNode(parentNode, acc);
|
|
294
867
|
} else {
|
|
295
868
|
anchorRoute.children = anchorRoute.children ?? [];
|
|
296
869
|
anchorRoute.children.push(node);
|
|
@@ -303,448 +876,37 @@ Add the file in: "${config.routesDirectory}/${rootPathId}.${config.disableTypes
|
|
|
303
876
|
node.parent.children.push(node);
|
|
304
877
|
}
|
|
305
878
|
} else {
|
|
306
|
-
routeTree.push(node);
|
|
879
|
+
acc.routeTree.push(node);
|
|
307
880
|
}
|
|
308
|
-
routeNodes.push(node);
|
|
309
|
-
};
|
|
310
|
-
for (const node of preRouteNodes) {
|
|
311
|
-
await handleNode(node);
|
|
312
|
-
}
|
|
313
|
-
checkRouteFullPathUniqueness(
|
|
314
|
-
preRouteNodes.filter(
|
|
315
|
-
(d) => d.children === void 0 && "lazy" !== d._fsRouteType
|
|
316
|
-
),
|
|
317
|
-
config
|
|
318
|
-
);
|
|
319
|
-
function buildRouteTreeConfig(nodes, depth = 1) {
|
|
320
|
-
const children = nodes.map((node) => {
|
|
321
|
-
var _a, _b;
|
|
322
|
-
if (node._fsRouteType === "__root") {
|
|
323
|
-
return;
|
|
324
|
-
}
|
|
325
|
-
if (node._fsRouteType === "pathless_layout" && !((_a = node.children) == null ? void 0 : _a.length)) {
|
|
326
|
-
return;
|
|
327
|
-
}
|
|
328
|
-
const route = `${node.variableName}Route`;
|
|
329
|
-
if ((_b = node.children) == null ? void 0 : _b.length) {
|
|
330
|
-
const childConfigs = buildRouteTreeConfig(node.children, depth + 1);
|
|
331
|
-
const childrenDeclaration = TYPES_DISABLED ? "" : `interface ${route}Children {
|
|
332
|
-
${node.children.map((child) => `${child.variableName}Route: typeof ${getResolvedRouteNodeVariableName(child)}`).join(",")}
|
|
333
|
-
}`;
|
|
334
|
-
const children2 = `const ${route}Children${TYPES_DISABLED ? "" : `: ${route}Children`} = {
|
|
335
|
-
${node.children.map((child) => `${child.variableName}Route: ${getResolvedRouteNodeVariableName(child)}`).join(",")}
|
|
336
|
-
}`;
|
|
337
|
-
const routeWithChildren = `const ${route}WithChildren = ${route}._addFileChildren(${route}Children)`;
|
|
338
|
-
return [
|
|
339
|
-
childConfigs,
|
|
340
|
-
childrenDeclaration,
|
|
341
|
-
children2,
|
|
342
|
-
routeWithChildren
|
|
343
|
-
].join("\n\n");
|
|
344
|
-
}
|
|
345
|
-
return void 0;
|
|
346
|
-
});
|
|
347
|
-
return children.filter(Boolean).join("\n\n");
|
|
881
|
+
acc.routeNodes.push(node);
|
|
348
882
|
}
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
]);
|
|
365
|
-
const typeImports = Object.entries({
|
|
366
|
-
// Used for augmentation of regular routes
|
|
367
|
-
CreateFileRoute: config.verboseFileRoutes === false && sortedRouteNodes.some(
|
|
368
|
-
(d) => isRouteNodeValidForAugmentation(d) && d._fsRouteType !== "lazy"
|
|
369
|
-
),
|
|
370
|
-
// Used for augmentation of lazy (`.lazy`) routes
|
|
371
|
-
CreateLazyFileRoute: config.verboseFileRoutes === false && sortedRouteNodes.some(
|
|
372
|
-
(node) => {
|
|
373
|
-
var _a;
|
|
374
|
-
return ((_a = routePiecesByPath[node.routePath]) == null ? void 0 : _a.lazy) && isRouteNodeValidForAugmentation(node);
|
|
375
|
-
}
|
|
376
|
-
),
|
|
377
|
-
// Used in the process of augmenting the routes
|
|
378
|
-
FileRoutesByPath: config.verboseFileRoutes === false && sortedRouteNodes.some((d) => isRouteNodeValidForAugmentation(d))
|
|
379
|
-
}).filter((d) => d[1]).map((d) => d[0]).sort((a, b) => a.localeCompare(b));
|
|
380
|
-
const imports = Object.entries({
|
|
381
|
-
createFileRoute: sortedRouteNodes.some((d) => d.isVirtual),
|
|
382
|
-
lazyFn: sortedRouteNodes.some(
|
|
383
|
-
(node) => {
|
|
384
|
-
var _a;
|
|
385
|
-
return (_a = routePiecesByPath[node.routePath]) == null ? void 0 : _a.loader;
|
|
386
|
-
}
|
|
387
|
-
),
|
|
388
|
-
lazyRouteComponent: sortedRouteNodes.some(
|
|
389
|
-
(node) => {
|
|
390
|
-
var _a, _b, _c;
|
|
391
|
-
return ((_a = routePiecesByPath[node.routePath]) == null ? void 0 : _a.component) || ((_b = routePiecesByPath[node.routePath]) == null ? void 0 : _b.errorComponent) || ((_c = routePiecesByPath[node.routePath]) == null ? void 0 : _c.pendingComponent);
|
|
392
|
-
}
|
|
393
|
-
)
|
|
394
|
-
}).filter((d) => d[1]).map((d) => d[0]);
|
|
395
|
-
const virtualRouteNodes = sortedRouteNodes.filter((d) => d.isVirtual);
|
|
396
|
-
function getImportPath(node) {
|
|
397
|
-
return replaceBackslash(
|
|
398
|
-
removeExt(
|
|
399
|
-
path.relative(
|
|
400
|
-
path.dirname(config.generatedRouteTree),
|
|
401
|
-
path.resolve(config.routesDirectory, node.filePath)
|
|
402
|
-
),
|
|
403
|
-
config.addExtensions
|
|
404
|
-
)
|
|
405
|
-
);
|
|
406
|
-
}
|
|
407
|
-
const routeImports = [
|
|
408
|
-
...config.routeTreeFileHeader,
|
|
409
|
-
`// This file was automatically generated by TanStack Router.
|
|
410
|
-
// You should NOT make any changes in this file as it will be overwritten.
|
|
411
|
-
// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.`,
|
|
412
|
-
[
|
|
413
|
-
imports.length ? `import { ${imports.join(", ")} } from '${ROUTE_TEMPLATE.fullPkg}'` : "",
|
|
414
|
-
!TYPES_DISABLED && typeImports.length ? `import type { ${typeImports.join(", ")} } from '${ROUTE_TEMPLATE.fullPkg}'` : ""
|
|
415
|
-
].filter(Boolean).join("\n"),
|
|
416
|
-
"// Import Routes",
|
|
417
|
-
[
|
|
418
|
-
`import { Route as rootRoute } from './${getImportPath(rootRouteNode)}'`,
|
|
419
|
-
...sortedRouteNodes.filter((d) => !d.isVirtual).map((node) => {
|
|
420
|
-
return `import { Route as ${node.variableName}RouteImport } from './${getImportPath(node)}'`;
|
|
421
|
-
})
|
|
422
|
-
].join("\n"),
|
|
423
|
-
virtualRouteNodes.length ? "// Create Virtual Routes" : "",
|
|
424
|
-
virtualRouteNodes.map((node) => {
|
|
425
|
-
return `const ${node.variableName}RouteImport = createFileRoute('${node.routePath}')()`;
|
|
426
|
-
}).join("\n"),
|
|
427
|
-
"// Create/Update Routes",
|
|
428
|
-
sortedRouteNodes.map((node) => {
|
|
429
|
-
var _a, _b, _c, _d, _e, _f;
|
|
430
|
-
const loaderNode = (_a = routePiecesByPath[node.routePath]) == null ? void 0 : _a.loader;
|
|
431
|
-
const componentNode = (_b = routePiecesByPath[node.routePath]) == null ? void 0 : _b.component;
|
|
432
|
-
const errorComponentNode = (_c = routePiecesByPath[node.routePath]) == null ? void 0 : _c.errorComponent;
|
|
433
|
-
const pendingComponentNode = (_d = routePiecesByPath[node.routePath]) == null ? void 0 : _d.pendingComponent;
|
|
434
|
-
const lazyComponentNode = (_e = routePiecesByPath[node.routePath]) == null ? void 0 : _e.lazy;
|
|
435
|
-
return [
|
|
436
|
-
[
|
|
437
|
-
`const ${node.variableName}Route = ${node.variableName}RouteImport.update({
|
|
438
|
-
${[
|
|
439
|
-
`id: '${node.path}'`,
|
|
440
|
-
!node.isNonPath ? `path: '${node.cleanedPath}'` : void 0,
|
|
441
|
-
`getParentRoute: () => ${((_f = node.parent) == null ? void 0 : _f.variableName) ?? "root"}Route`
|
|
442
|
-
].filter(Boolean).join(",")}
|
|
443
|
-
}${TYPES_DISABLED ? "" : "as any"})`,
|
|
444
|
-
loaderNode ? `.updateLoader({ loader: lazyFn(() => import('./${replaceBackslash(
|
|
445
|
-
removeExt(
|
|
446
|
-
path.relative(
|
|
447
|
-
path.dirname(config.generatedRouteTree),
|
|
448
|
-
path.resolve(config.routesDirectory, loaderNode.filePath)
|
|
449
|
-
),
|
|
450
|
-
config.addExtensions
|
|
451
|
-
)
|
|
452
|
-
)}'), 'loader') })` : "",
|
|
453
|
-
componentNode || errorComponentNode || pendingComponentNode ? `.update({
|
|
454
|
-
${[
|
|
455
|
-
["component", componentNode],
|
|
456
|
-
["errorComponent", errorComponentNode],
|
|
457
|
-
["pendingComponent", pendingComponentNode]
|
|
458
|
-
].filter((d) => d[1]).map((d) => {
|
|
459
|
-
return `${d[0]}: lazyRouteComponent(() => import('./${replaceBackslash(
|
|
460
|
-
removeExt(
|
|
461
|
-
path.relative(
|
|
462
|
-
path.dirname(config.generatedRouteTree),
|
|
463
|
-
path.resolve(config.routesDirectory, d[1].filePath)
|
|
464
|
-
),
|
|
465
|
-
config.addExtensions
|
|
466
|
-
)
|
|
467
|
-
)}'), '${d[0]}')`;
|
|
468
|
-
}).join("\n,")}
|
|
469
|
-
})` : "",
|
|
470
|
-
lazyComponentNode ? `.lazy(() => import('./${replaceBackslash(
|
|
471
|
-
removeExt(
|
|
472
|
-
path.relative(
|
|
473
|
-
path.dirname(config.generatedRouteTree),
|
|
474
|
-
path.resolve(
|
|
475
|
-
config.routesDirectory,
|
|
476
|
-
lazyComponentNode.filePath
|
|
477
|
-
)
|
|
478
|
-
),
|
|
479
|
-
config.addExtensions
|
|
480
|
-
)
|
|
481
|
-
)}').then((d) => d.Route))` : ""
|
|
482
|
-
].join("")
|
|
483
|
-
].join("\n\n");
|
|
484
|
-
}).join("\n\n"),
|
|
485
|
-
...TYPES_DISABLED ? [] : [
|
|
486
|
-
"// Populate the FileRoutesByPath interface",
|
|
487
|
-
`declare module '${ROUTE_TEMPLATE.fullPkg}' {
|
|
488
|
-
interface FileRoutesByPath {
|
|
489
|
-
${routeNodes.map((routeNode) => {
|
|
490
|
-
var _a, _b;
|
|
491
|
-
const filePathId = routeNode.routePath;
|
|
492
|
-
return `'${filePathId}': {
|
|
883
|
+
}
|
|
884
|
+
function buildFileRoutesByPathInterface(opts) {
|
|
885
|
+
return `declare module '${opts.module}' {
|
|
886
|
+
interface ${opts.interfaceName} {
|
|
887
|
+
${opts.routeNodes.map((routeNode) => {
|
|
888
|
+
var _a;
|
|
889
|
+
const filePathId = routeNode.routePath;
|
|
890
|
+
let preloaderRoute = "";
|
|
891
|
+
if ((_a = routeNode.exports) == null ? void 0 : _a.includes(opts.exportName)) {
|
|
892
|
+
preloaderRoute = `typeof ${routeNode.variableName}${opts.exportName}Import`;
|
|
893
|
+
} else {
|
|
894
|
+
preloaderRoute = "unknown";
|
|
895
|
+
}
|
|
896
|
+
const parent = findParent(routeNode, opts.exportName);
|
|
897
|
+
return `'${filePathId}': {
|
|
493
898
|
id: '${filePathId}'
|
|
494
899
|
path: '${inferPath(routeNode)}'
|
|
495
900
|
fullPath: '${inferFullPath(routeNode)}'
|
|
496
|
-
preLoaderRoute:
|
|
497
|
-
parentRoute: typeof ${
|
|
901
|
+
preLoaderRoute: ${preloaderRoute}
|
|
902
|
+
parentRoute: typeof ${parent}
|
|
498
903
|
}`;
|
|
499
|
-
|
|
500
|
-
}
|
|
501
|
-
}`
|
|
502
|
-
],
|
|
503
|
-
...TYPES_DISABLED ? [] : config.verboseFileRoutes !== false ? [] : [
|
|
504
|
-
`// Add type-safety to the createFileRoute function across the route tree`,
|
|
505
|
-
routeNodes.map((routeNode) => {
|
|
506
|
-
var _a;
|
|
507
|
-
function getModuleDeclaration(routeNode2) {
|
|
508
|
-
if (!isRouteNodeValidForAugmentation(routeNode2)) {
|
|
509
|
-
return "";
|
|
510
|
-
}
|
|
511
|
-
return `declare module './${getImportPath(routeNode2)}' {
|
|
512
|
-
const ${routeNode2._fsRouteType === "lazy" ? "createLazyFileRoute" : "createFileRoute"}: ${routeNode2._fsRouteType === "lazy" ? `CreateLazyFileRoute<FileRoutesByPath['${routeNode2.routePath}']['preLoaderRoute']>}` : `CreateFileRoute<
|
|
513
|
-
'${routeNode2.routePath}',
|
|
514
|
-
FileRoutesByPath['${routeNode2.routePath}']['parentRoute'],
|
|
515
|
-
FileRoutesByPath['${routeNode2.routePath}']['id'],
|
|
516
|
-
FileRoutesByPath['${routeNode2.routePath}']['path'],
|
|
517
|
-
FileRoutesByPath['${routeNode2.routePath}']['fullPath']
|
|
518
|
-
>
|
|
519
|
-
}`}`;
|
|
520
|
-
}
|
|
521
|
-
return getModuleDeclaration(routeNode) + getModuleDeclaration(
|
|
522
|
-
(_a = routePiecesByPath[routeNode.routePath]) == null ? void 0 : _a.lazy
|
|
523
|
-
);
|
|
524
|
-
}).join("\n")
|
|
525
|
-
],
|
|
526
|
-
"// Create and export the route tree",
|
|
527
|
-
routeConfigChildrenText,
|
|
528
|
-
...TYPES_DISABLED ? [] : [
|
|
529
|
-
`export interface FileRoutesByFullPath {
|
|
530
|
-
${[...createRouteNodesByFullPath(routeNodes).entries()].map(
|
|
531
|
-
([fullPath, routeNode]) => {
|
|
532
|
-
return `'${fullPath}': typeof ${getResolvedRouteNodeVariableName(routeNode)}`;
|
|
533
|
-
}
|
|
534
|
-
)}
|
|
535
|
-
}`,
|
|
536
|
-
`export interface FileRoutesByTo {
|
|
537
|
-
${[...createRouteNodesByTo(routeNodes).entries()].map(([to, routeNode]) => {
|
|
538
|
-
return `'${to}': typeof ${getResolvedRouteNodeVariableName(routeNode)}`;
|
|
539
|
-
})}
|
|
540
|
-
}`,
|
|
541
|
-
`export interface FileRoutesById {
|
|
542
|
-
'${rootRouteId}': typeof rootRoute,
|
|
543
|
-
${[...createRouteNodesById(routeNodes).entries()].map(([id, routeNode]) => {
|
|
544
|
-
return `'${id}': typeof ${getResolvedRouteNodeVariableName(routeNode)}`;
|
|
545
|
-
})}
|
|
546
|
-
}`,
|
|
547
|
-
`export interface FileRouteTypes {
|
|
548
|
-
fileRoutesByFullPath: FileRoutesByFullPath
|
|
549
|
-
fullPaths: ${routeNodes.length > 0 ? [...createRouteNodesByFullPath(routeNodes).keys()].map((fullPath) => `'${fullPath}'`).join("|") : "never"}
|
|
550
|
-
fileRoutesByTo: FileRoutesByTo
|
|
551
|
-
to: ${routeNodes.length > 0 ? [...createRouteNodesByTo(routeNodes).keys()].map((to) => `'${to}'`).join("|") : "never"}
|
|
552
|
-
id: ${[`'${rootRouteId}'`, ...[...createRouteNodesById(routeNodes).keys()].map((id) => `'${id}'`)].join("|")}
|
|
553
|
-
fileRoutesById: FileRoutesById
|
|
554
|
-
}`,
|
|
555
|
-
`export interface RootRouteChildren {
|
|
556
|
-
${routeTree.map((child) => `${child.variableName}Route: typeof ${getResolvedRouteNodeVariableName(child)}`).join(",")}
|
|
557
|
-
}`
|
|
558
|
-
],
|
|
559
|
-
`const rootRouteChildren${TYPES_DISABLED ? "" : ": RootRouteChildren"} = {
|
|
560
|
-
${routeTree.map((child) => `${child.variableName}Route: ${getResolvedRouteNodeVariableName(child)}`).join(",")}
|
|
561
|
-
}`,
|
|
562
|
-
`export const routeTree = rootRoute._addFileChildren(rootRouteChildren)${TYPES_DISABLED ? "" : "._addFileTypes<FileRouteTypes>()"}`,
|
|
563
|
-
...config.routeTreeFileFooter
|
|
564
|
-
].filter(Boolean).join("\n\n");
|
|
565
|
-
const createRouteManifest = () => {
|
|
566
|
-
const routesManifest = {
|
|
567
|
-
[rootRouteId]: {
|
|
568
|
-
filePath: rootRouteNode.filePath,
|
|
569
|
-
children: routeTree.map((d) => d.routePath)
|
|
570
|
-
},
|
|
571
|
-
...Object.fromEntries(
|
|
572
|
-
routeNodes.map((d) => {
|
|
573
|
-
var _a, _b;
|
|
574
|
-
const filePathId = d.routePath;
|
|
575
|
-
return [
|
|
576
|
-
filePathId,
|
|
577
|
-
{
|
|
578
|
-
filePath: d.filePath,
|
|
579
|
-
parent: ((_a = d.parent) == null ? void 0 : _a.routePath) ? d.parent.routePath : void 0,
|
|
580
|
-
children: (_b = d.children) == null ? void 0 : _b.map((childRoute) => childRoute.routePath)
|
|
581
|
-
}
|
|
582
|
-
];
|
|
583
|
-
})
|
|
584
|
-
)
|
|
585
|
-
};
|
|
586
|
-
return JSON.stringify(
|
|
587
|
-
{
|
|
588
|
-
routes: routesManifest
|
|
589
|
-
},
|
|
590
|
-
null,
|
|
591
|
-
2
|
|
592
|
-
);
|
|
593
|
-
};
|
|
594
|
-
const includeManifest = ["react", "solid"];
|
|
595
|
-
const routeConfigFileContent = config.disableManifestGeneration || !includeManifest.includes(config.target) ? routeImports : [
|
|
596
|
-
routeImports,
|
|
597
|
-
"\n",
|
|
598
|
-
"/* ROUTE_MANIFEST_START",
|
|
599
|
-
createRouteManifest(),
|
|
600
|
-
"ROUTE_MANIFEST_END */"
|
|
601
|
-
].join("\n");
|
|
602
|
-
if (!checkLatest()) return;
|
|
603
|
-
const existingRouteTreeContent = await fsp.readFile(path.resolve(config.generatedRouteTree), "utf-8").catch((err) => {
|
|
604
|
-
if (err.code === "ENOENT") {
|
|
605
|
-
return "";
|
|
606
|
-
}
|
|
607
|
-
throw err;
|
|
608
|
-
});
|
|
609
|
-
if (!checkLatest()) return;
|
|
610
|
-
await fsp.mkdir(path.dirname(path.resolve(config.generatedRouteTree)), {
|
|
611
|
-
recursive: true
|
|
612
|
-
});
|
|
613
|
-
if (!checkLatest()) return;
|
|
614
|
-
const routeTreeWriteResult = await writeIfDifferent(
|
|
615
|
-
path.resolve(config.generatedRouteTree),
|
|
616
|
-
config.enableRouteTreeFormatting ? await format(existingRouteTreeContent, config) : existingRouteTreeContent,
|
|
617
|
-
config.enableRouteTreeFormatting ? await format(routeConfigFileContent, config) : routeConfigFileContent,
|
|
618
|
-
{
|
|
619
|
-
beforeWrite: () => {
|
|
620
|
-
logger.log(`🟡 Updating ${config.generatedRouteTree}`);
|
|
621
|
-
}
|
|
622
|
-
}
|
|
623
|
-
);
|
|
624
|
-
if (routeTreeWriteResult && !checkLatest()) {
|
|
625
|
-
return;
|
|
626
|
-
}
|
|
627
|
-
logger.log(
|
|
628
|
-
`✅ Processed ${routeNodes.length === 1 ? "route" : "routes"} in ${Date.now() - start}ms`
|
|
629
|
-
);
|
|
630
|
-
}
|
|
631
|
-
function removeGroups(s) {
|
|
632
|
-
return s.replace(possiblyNestedRouteGroupPatternRegex, "");
|
|
633
|
-
}
|
|
634
|
-
function isRouteNodeValidForAugmentation(routeNode) {
|
|
635
|
-
if (!routeNode || routeNode.isVirtual) {
|
|
636
|
-
return false;
|
|
637
|
-
}
|
|
638
|
-
return true;
|
|
639
|
-
}
|
|
640
|
-
function determineNodePath(node) {
|
|
641
|
-
var _a;
|
|
642
|
-
return node.path = node.parent ? ((_a = node.routePath) == null ? void 0 : _a.replace(node.parent.routePath ?? "", "")) || "/" : node.routePath;
|
|
643
|
-
}
|
|
644
|
-
function removeLastSegmentFromPath(routePath = "/") {
|
|
645
|
-
const segments = routePath.split("/");
|
|
646
|
-
segments.pop();
|
|
647
|
-
return segments.join("/");
|
|
648
|
-
}
|
|
649
|
-
function removeLayoutSegments(routePath = "/") {
|
|
650
|
-
const segments = routePath.split("/");
|
|
651
|
-
const newSegments = segments.filter((segment) => !segment.startsWith("_"));
|
|
652
|
-
return newSegments.join("/");
|
|
653
|
-
}
|
|
654
|
-
function hasParentRoute(routes, node, routePathToCheck) {
|
|
655
|
-
if (!routePathToCheck || routePathToCheck === "/") {
|
|
656
|
-
return null;
|
|
657
|
-
}
|
|
658
|
-
const sortedNodes = multiSortBy(routes, [
|
|
659
|
-
(d) => d.routePath.length * -1,
|
|
660
|
-
(d) => d.variableName
|
|
661
|
-
]).filter((d) => d.routePath !== `/${rootPathId}`);
|
|
662
|
-
for (const route of sortedNodes) {
|
|
663
|
-
if (route.routePath === "/") continue;
|
|
664
|
-
if (routePathToCheck.startsWith(`${route.routePath}/`) && route.routePath !== routePathToCheck) {
|
|
665
|
-
return route;
|
|
666
|
-
}
|
|
667
|
-
}
|
|
668
|
-
const segments = routePathToCheck.split("/");
|
|
669
|
-
segments.pop();
|
|
670
|
-
const parentRoutePath = segments.join("/");
|
|
671
|
-
return hasParentRoute(routes, node, parentRoutePath);
|
|
672
|
-
}
|
|
673
|
-
const getResolvedRouteNodeVariableName = (routeNode) => {
|
|
674
|
-
var _a;
|
|
675
|
-
return ((_a = routeNode.children) == null ? void 0 : _a.length) ? `${routeNode.variableName}RouteWithChildren` : `${routeNode.variableName}Route`;
|
|
676
|
-
};
|
|
677
|
-
const createRouteNodesByFullPath = (routeNodes) => {
|
|
678
|
-
return new Map(
|
|
679
|
-
routeNodes.map((routeNode) => [inferFullPath(routeNode), routeNode])
|
|
680
|
-
);
|
|
681
|
-
};
|
|
682
|
-
const createRouteNodesByTo = (routeNodes) => {
|
|
683
|
-
return new Map(
|
|
684
|
-
dedupeBranchesAndIndexRoutes(routeNodes).map((routeNode) => [
|
|
685
|
-
inferTo(routeNode),
|
|
686
|
-
routeNode
|
|
687
|
-
])
|
|
688
|
-
);
|
|
689
|
-
};
|
|
690
|
-
const createRouteNodesById = (routeNodes) => {
|
|
691
|
-
return new Map(
|
|
692
|
-
routeNodes.map((routeNode) => {
|
|
693
|
-
const id = routeNode.routePath ?? "";
|
|
694
|
-
return [id, routeNode];
|
|
695
|
-
})
|
|
696
|
-
);
|
|
697
|
-
};
|
|
698
|
-
const inferFullPath = (routeNode) => {
|
|
699
|
-
const fullPath = removeGroups(
|
|
700
|
-
removeUnderscores(removeLayoutSegments(routeNode.routePath)) ?? ""
|
|
701
|
-
);
|
|
702
|
-
return routeNode.cleanedPath === "/" ? fullPath : fullPath.replace(/\/$/, "");
|
|
703
|
-
};
|
|
704
|
-
const inferPath = (routeNode) => {
|
|
705
|
-
var _a;
|
|
706
|
-
return routeNode.cleanedPath === "/" ? routeNode.cleanedPath : ((_a = routeNode.cleanedPath) == null ? void 0 : _a.replace(/\/$/, "")) ?? "";
|
|
707
|
-
};
|
|
708
|
-
const inferTo = (routeNode) => {
|
|
709
|
-
const fullPath = inferFullPath(routeNode);
|
|
710
|
-
if (fullPath === "/") return fullPath;
|
|
711
|
-
return fullPath.replace(/\/$/, "");
|
|
712
|
-
};
|
|
713
|
-
const dedupeBranchesAndIndexRoutes = (routes) => {
|
|
714
|
-
return routes.filter((route) => {
|
|
715
|
-
var _a;
|
|
716
|
-
if ((_a = route.children) == null ? void 0 : _a.find((child) => child.cleanedPath === "/")) return false;
|
|
717
|
-
return true;
|
|
718
|
-
});
|
|
719
|
-
};
|
|
720
|
-
function checkUnique(routes, key) {
|
|
721
|
-
const keys = routes.map((d) => d[key]);
|
|
722
|
-
const uniqueKeys = new Set(keys);
|
|
723
|
-
if (keys.length !== uniqueKeys.size) {
|
|
724
|
-
const duplicateKeys = keys.filter((d, i) => keys.indexOf(d) !== i);
|
|
725
|
-
const conflictingFiles = routes.filter(
|
|
726
|
-
(d) => duplicateKeys.includes(d[key])
|
|
727
|
-
);
|
|
728
|
-
return conflictingFiles;
|
|
729
|
-
}
|
|
730
|
-
return void 0;
|
|
731
|
-
}
|
|
732
|
-
function checkRouteFullPathUniqueness(_routes, config) {
|
|
733
|
-
const routes = _routes.map((d) => {
|
|
734
|
-
const inferredFullPath = inferFullPath(d);
|
|
735
|
-
return { ...d, inferredFullPath };
|
|
736
|
-
});
|
|
737
|
-
const conflictingFiles = checkUnique(routes, "inferredFullPath");
|
|
738
|
-
if (conflictingFiles !== void 0) {
|
|
739
|
-
const errorMessage = `Conflicting configuration paths were found for the following route${conflictingFiles.length > 1 ? "s" : ""}: ${conflictingFiles.map((p) => `"${p.inferredFullPath}"`).join(", ")}.
|
|
740
|
-
Please ensure each Route has a unique full path.
|
|
741
|
-
Conflicting files:
|
|
742
|
-
${conflictingFiles.map((d) => path.resolve(config.routesDirectory, d.filePath)).join("\n ")}
|
|
743
|
-
`;
|
|
744
|
-
throw new Error(errorMessage);
|
|
904
|
+
}).join("\n")}
|
|
745
905
|
}
|
|
906
|
+
}`;
|
|
746
907
|
}
|
|
747
908
|
export {
|
|
748
|
-
|
|
909
|
+
Generator,
|
|
910
|
+
buildFileRoutesByPathInterface
|
|
749
911
|
};
|
|
750
912
|
//# sourceMappingURL=generator.js.map
|