toiljs 0.0.11 → 0.0.12
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/README.md +2 -0
- package/build/cli/.tsbuildinfo +1 -1
- package/build/cli/configure.js +10 -4
- package/build/cli/create.js +58 -30
- package/build/cli/diagnostics.d.ts +55 -0
- package/build/cli/diagnostics.js +333 -0
- package/build/cli/doctor.d.ts +6 -0
- package/build/cli/doctor.js +249 -0
- package/build/cli/index.js +26 -0
- package/build/cli/proc.d.ts +5 -0
- package/build/cli/proc.js +20 -0
- package/build/cli/ui.d.ts +1 -0
- package/build/cli/ui.js +1 -0
- package/build/cli/update.d.ts +7 -0
- package/build/cli/update.js +117 -0
- package/build/cli/updates.d.ts +10 -0
- package/build/cli/updates.js +45 -0
- package/build/client/.tsbuildinfo +1 -1
- package/build/client/dev/error-overlay.js +1 -1
- package/build/client/head/metadata.js +3 -1
- package/build/client/index.d.ts +5 -1
- package/build/client/index.js +2 -0
- package/build/client/navigation/navigation.js +1 -1
- package/build/client/routing/Router.js +2 -2
- package/build/client/search/search.d.ts +26 -0
- package/build/client/search/search.js +101 -0
- package/build/client/search/use-page-search.d.ts +8 -0
- package/build/client/search/use-page-search.js +21 -0
- package/build/compiler/.tsbuildinfo +1 -1
- package/build/compiler/generate.js +26 -23
- package/build/compiler/index.d.ts +2 -0
- package/build/compiler/index.js +1 -0
- package/build/compiler/pages.d.ts +8 -0
- package/build/compiler/pages.js +37 -0
- package/build/compiler/plugin.js +3 -1
- package/build/compiler/prerender.d.ts +1 -0
- package/build/compiler/prerender.js +11 -5
- package/build/compiler/seo.js +10 -3
- package/build/io/.tsbuildinfo +1 -1
- package/examples/basic/client/components/Header.tsx +43 -41
- package/examples/basic/client/components/HoneycombBackground.tsx +223 -230
- package/examples/basic/client/public/index.html +18 -16
- package/examples/basic/client/routes/(legal)/privacy.tsx +18 -19
- package/examples/basic/client/routes/(legal)/terms.tsx +15 -16
- package/examples/basic/client/routes/about.tsx +21 -22
- package/examples/basic/client/routes/blog/[id].tsx +26 -18
- package/examples/basic/client/routes/features/actions.tsx +67 -67
- package/examples/basic/client/routes/features/error/index.tsx +27 -27
- package/examples/basic/client/routes/features/head.tsx +38 -38
- package/examples/basic/client/routes/features/index.tsx +83 -75
- package/examples/basic/client/routes/features/realtime.tsx +34 -32
- package/examples/basic/client/routes/features/script.tsx +31 -31
- package/examples/basic/client/routes/features/seo.tsx +39 -39
- package/examples/basic/client/routes/features/template/index.tsx +20 -20
- package/examples/basic/client/routes/features/template/template.tsx +16 -18
- package/examples/basic/client/routes/gallery/@modal/(.)photo/[id].tsx +23 -23
- package/examples/basic/client/routes/gallery/index.tsx +42 -42
- package/examples/basic/client/routes/gallery/photo/[id].tsx +18 -18
- package/examples/basic/client/routes/get-started.tsx +157 -84
- package/examples/basic/client/routes/index.tsx +137 -96
- package/examples/basic/client/routes/loader-demo/index.tsx +59 -52
- package/examples/basic/client/routes/search.tsx +61 -0
- package/examples/basic/client/routes/test.tsx +7 -8
- package/examples/basic/client/styles/main.css +624 -552
- package/package.json +2 -2
- package/presets/eslint.js +10 -3
- package/src/cli/configure.ts +363 -353
- package/src/cli/create.ts +563 -530
- package/src/cli/diagnostics.ts +421 -0
- package/src/cli/doctor.ts +318 -0
- package/src/cli/features.ts +166 -160
- package/src/cli/index.ts +242 -211
- package/src/cli/proc.ts +30 -0
- package/src/cli/ui.ts +111 -103
- package/src/cli/update.ts +150 -0
- package/src/cli/updates.ts +69 -0
- package/src/client/components/Image.tsx +91 -89
- package/src/client/dev/error-overlay.tsx +193 -197
- package/src/client/head/metadata.ts +94 -92
- package/src/client/index.ts +79 -64
- package/src/client/navigation/Link.tsx +94 -100
- package/src/client/navigation/navigation.ts +215 -218
- package/src/client/routing/Router.tsx +210 -193
- package/src/client/routing/hooks.ts +110 -114
- package/src/client/routing/lazy.ts +77 -81
- package/src/client/search/search.ts +189 -0
- package/src/client/search/use-page-search.ts +73 -0
- package/src/compiler/config.ts +173 -171
- package/src/compiler/fonts.ts +89 -87
- package/src/compiler/generate.ts +378 -373
- package/src/compiler/image-report.ts +88 -85
- package/src/compiler/index.ts +2 -0
- package/src/compiler/pages.ts +70 -0
- package/src/compiler/plugin.ts +51 -47
- package/src/compiler/prerender.ts +152 -130
- package/src/compiler/routes.ts +132 -131
- package/src/compiler/seo.ts +381 -356
- package/src/compiler/vite.ts +155 -145
- package/src/io/FastSet.ts +99 -96
- package/test/configure.test.ts +94 -90
- package/test/doctor.test.ts +140 -0
- package/test/dom/Image.test.tsx +73 -46
- package/test/dom/Script.test.tsx +48 -45
- package/test/dom/action.test.tsx +146 -129
- package/test/dom/error-overlay.test.tsx +44 -44
- package/test/dom/loader.test.tsx +2 -2
- package/test/dom/revalidate.test.tsx +1 -1
- package/test/dom/route-head.test.tsx +1 -2
- package/test/dom/slot.test.tsx +131 -109
- package/test/dom/view-transitions.test.tsx +53 -51
- package/test/features.test.ts +149 -142
- package/test/fonts.test.ts +28 -26
- package/test/head.test.ts +45 -35
- package/test/metadata.test.ts +42 -41
- package/test/pages.test.ts +105 -0
- package/test/prerender.test.ts +54 -46
- package/test/search.test.ts +114 -0
- package/test/seo.test.ts +164 -142
- package/test/update.test.ts +44 -0
package/src/compiler/routes.ts
CHANGED
|
@@ -1,131 +1,132 @@
|
|
|
1
|
-
import fs from 'node:fs';
|
|
2
|
-
import path from 'node:path';
|
|
3
|
-
|
|
4
|
-
/** A discovered route: the source file and the URL pattern it serves. */
|
|
5
|
-
export interface ScannedRoute {
|
|
6
|
-
readonly file: string;
|
|
7
|
-
readonly pattern: string;
|
|
8
|
-
/** Named parallel slot this route belongs to (from an `@slot` dir), or `undefined` for the main tree. */
|
|
9
|
-
readonly slot?: string;
|
|
10
|
-
/** True for an intercepting route (`(.)`/`(..)`/`(...)`), matched only on soft navigation. */
|
|
11
|
-
readonly intercept?: boolean;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
const ROUTE_EXT = /\.(tsx|jsx)$/;
|
|
15
|
-
/** Special files that live alongside routes but are not themselves pages. */
|
|
16
|
-
const SPECIAL_FILE = /^(layout|template|loading|error|global-error|404|not-found)\.(tsx|jsx)$/;
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
* Derives a route pattern from a route file path (relative to the routes dir).
|
|
20
|
-
* index.tsx -> /
|
|
21
|
-
* about.tsx -> /about
|
|
22
|
-
* blog/index.tsx -> /blog
|
|
23
|
-
* blog/[id].tsx -> /blog/:id
|
|
24
|
-
* docs/[...slug].tsx -> /docs/*slug (catch-all)
|
|
25
|
-
* docs/[[...slug]].tsx -> /docs/**slug (optional catch-all)
|
|
26
|
-
* (marketing)/about.tsx -> /about (route group: parens add no URL segment)
|
|
27
|
-
* @modal/photo/[id].tsx -> /photo/:id (parallel slot: `@slot` adds no URL segment)
|
|
28
|
-
*/
|
|
29
|
-
/** Converts a path segment's dynamic brackets to URL params (`[id]`→`:id`, `[...x]`→`*x`, `[[...x]]`→`**x`). */
|
|
30
|
-
function toUrlSegment(segment: string): string {
|
|
31
|
-
return segment
|
|
32
|
-
.replace(/^\[\[\.\.\.(.+)\]\]$/, '**$1')
|
|
33
|
-
.replace(/^\[\.\.\.(.+)\]$/, '*$1')
|
|
34
|
-
.replace(/^\[(.+)\]$/, ':$1');
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
/** Interception markers: `(.)` same level, `(..)` up one, `(...)` from the routes root. */
|
|
38
|
-
const INTERCEPT_RE = /^\((\.{1,3})\)(.+)$/;
|
|
39
|
-
|
|
40
|
-
export function filePathToRoute(relPath: string): string {
|
|
41
|
-
const withoutExt = relPath.replace(/\\/g, '/').replace(ROUTE_EXT, '');
|
|
42
|
-
const segments = withoutExt.split('/').filter(Boolean);
|
|
43
|
-
const out: string[] = [];
|
|
44
|
-
for (let i = 0; i < segments.length; i++) {
|
|
45
|
-
const segment = segments[i];
|
|
46
|
-
if (/^\(.+\)$/.test(segment)) continue;
|
|
47
|
-
if (/^@/.test(segment)) continue; // parallel-slot marker, contributes no URL segment
|
|
48
|
-
if (segment === 'index' && i === segments.length - 1) continue;
|
|
49
|
-
out.push(toUrlSegment(segment));
|
|
50
|
-
}
|
|
51
|
-
return '/' + out.join('/');
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
/**
|
|
55
|
-
* The URL an intercepting route targets, or `null` if the path has no `(.)`/`(..)`/`(...)` marker.
|
|
56
|
-
* The marker resolves the target relative to the route's position (ignoring `@slot`/`(group)`
|
|
57
|
-
* segments): `(.)` keeps the current level, `(..)` drops one, `(...)` resets to the root.
|
|
58
|
-
* @modal/(.)photo/[id].tsx -> /photo/:id
|
|
59
|
-
* feed/@modal/(..)photo/[id].tsx -> /photo/:id
|
|
60
|
-
*/
|
|
61
|
-
export function interceptTarget(relPath: string): string | null {
|
|
62
|
-
const segments = relPath.replace(/\\/g, '/').replace(ROUTE_EXT, '').split('/').filter(Boolean);
|
|
63
|
-
const out: string[] = [];
|
|
64
|
-
let marked = false;
|
|
65
|
-
for (let i = 0; i < segments.length; i++) {
|
|
66
|
-
const segment = segments[i];
|
|
67
|
-
if (/^@/.test(segment)) continue;
|
|
68
|
-
const marker = INTERCEPT_RE.exec(segment);
|
|
69
|
-
if (marker) {
|
|
70
|
-
marked = true;
|
|
71
|
-
const dots = marker[1].length;
|
|
72
|
-
if (dots === 2)
|
|
73
|
-
|
|
74
|
-
out.
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
if (segment
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
*
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
const
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
const
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
1
|
+
import fs from 'node:fs';
|
|
2
|
+
import path from 'node:path';
|
|
3
|
+
|
|
4
|
+
/** A discovered route: the source file and the URL pattern it serves. */
|
|
5
|
+
export interface ScannedRoute {
|
|
6
|
+
readonly file: string;
|
|
7
|
+
readonly pattern: string;
|
|
8
|
+
/** Named parallel slot this route belongs to (from an `@slot` dir), or `undefined` for the main tree. */
|
|
9
|
+
readonly slot?: string;
|
|
10
|
+
/** True for an intercepting route (`(.)`/`(..)`/`(...)`), matched only on soft navigation. */
|
|
11
|
+
readonly intercept?: boolean;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
const ROUTE_EXT = /\.(tsx|jsx)$/;
|
|
15
|
+
/** Special files that live alongside routes but are not themselves pages. */
|
|
16
|
+
const SPECIAL_FILE = /^(layout|template|loading|error|global-error|404|not-found)\.(tsx|jsx)$/;
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* Derives a route pattern from a route file path (relative to the routes dir).
|
|
20
|
+
* index.tsx -> /
|
|
21
|
+
* about.tsx -> /about
|
|
22
|
+
* blog/index.tsx -> /blog
|
|
23
|
+
* blog/[id].tsx -> /blog/:id
|
|
24
|
+
* docs/[...slug].tsx -> /docs/*slug (catch-all)
|
|
25
|
+
* docs/[[...slug]].tsx -> /docs/**slug (optional catch-all)
|
|
26
|
+
* (marketing)/about.tsx -> /about (route group: parens add no URL segment)
|
|
27
|
+
* @modal/photo/[id].tsx -> /photo/:id (parallel slot: `@slot` adds no URL segment)
|
|
28
|
+
*/
|
|
29
|
+
/** Converts a path segment's dynamic brackets to URL params (`[id]`→`:id`, `[...x]`→`*x`, `[[...x]]`→`**x`). */
|
|
30
|
+
function toUrlSegment(segment: string): string {
|
|
31
|
+
return segment
|
|
32
|
+
.replace(/^\[\[\.\.\.(.+)\]\]$/, '**$1')
|
|
33
|
+
.replace(/^\[\.\.\.(.+)\]$/, '*$1')
|
|
34
|
+
.replace(/^\[(.+)\]$/, ':$1');
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
/** Interception markers: `(.)` same level, `(..)` up one, `(...)` from the routes root. */
|
|
38
|
+
const INTERCEPT_RE = /^\((\.{1,3})\)(.+)$/;
|
|
39
|
+
|
|
40
|
+
export function filePathToRoute(relPath: string): string {
|
|
41
|
+
const withoutExt = relPath.replace(/\\/g, '/').replace(ROUTE_EXT, '');
|
|
42
|
+
const segments = withoutExt.split('/').filter(Boolean);
|
|
43
|
+
const out: string[] = [];
|
|
44
|
+
for (let i = 0; i < segments.length; i++) {
|
|
45
|
+
const segment = segments[i];
|
|
46
|
+
if (/^\(.+\)$/.test(segment)) continue;
|
|
47
|
+
if (/^@/.test(segment)) continue; // parallel-slot marker, contributes no URL segment
|
|
48
|
+
if (segment === 'index' && i === segments.length - 1) continue;
|
|
49
|
+
out.push(toUrlSegment(segment));
|
|
50
|
+
}
|
|
51
|
+
return '/' + out.join('/');
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
/**
|
|
55
|
+
* The URL an intercepting route targets, or `null` if the path has no `(.)`/`(..)`/`(...)` marker.
|
|
56
|
+
* The marker resolves the target relative to the route's position (ignoring `@slot`/`(group)`
|
|
57
|
+
* segments): `(.)` keeps the current level, `(..)` drops one, `(...)` resets to the root.
|
|
58
|
+
* @modal/(.)photo/[id].tsx -> /photo/:id
|
|
59
|
+
* feed/@modal/(..)photo/[id].tsx -> /photo/:id
|
|
60
|
+
*/
|
|
61
|
+
export function interceptTarget(relPath: string): string | null {
|
|
62
|
+
const segments = relPath.replace(/\\/g, '/').replace(ROUTE_EXT, '').split('/').filter(Boolean);
|
|
63
|
+
const out: string[] = [];
|
|
64
|
+
let marked = false;
|
|
65
|
+
for (let i = 0; i < segments.length; i++) {
|
|
66
|
+
const segment = segments[i];
|
|
67
|
+
if (/^@/.test(segment)) continue;
|
|
68
|
+
const marker = INTERCEPT_RE.exec(segment);
|
|
69
|
+
if (marker) {
|
|
70
|
+
marked = true;
|
|
71
|
+
const dots = marker[1].length;
|
|
72
|
+
if (dots === 2)
|
|
73
|
+
out.pop(); // (..) up one level
|
|
74
|
+
else if (dots === 3) out.length = 0; // (...) from the routes root
|
|
75
|
+
out.push(toUrlSegment(marker[2]));
|
|
76
|
+
continue;
|
|
77
|
+
}
|
|
78
|
+
if (/^\(.+\)$/.test(segment)) continue;
|
|
79
|
+
if (segment === 'index' && i === segments.length - 1) continue;
|
|
80
|
+
out.push(toUrlSegment(segment));
|
|
81
|
+
}
|
|
82
|
+
return marked ? '/' + out.join('/') : null;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
/**
|
|
86
|
+
* Ranks a pattern so more specific routes match first: static segments beat dynamic (`:x`),
|
|
87
|
+
* which beat catch-all (`*x`); deeper routes beat shallower ones.
|
|
88
|
+
*/
|
|
89
|
+
function specificity(pattern: string): number {
|
|
90
|
+
const segments = pattern.split('/').filter(Boolean);
|
|
91
|
+
let score = segments.length * 10;
|
|
92
|
+
for (const segment of segments) {
|
|
93
|
+
if (segment.startsWith('*')) score -= 5;
|
|
94
|
+
else if (!segment.startsWith(':')) score += 5;
|
|
95
|
+
}
|
|
96
|
+
return score;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
/** The parallel-slot name for a route path (the first `@slot` segment), or `undefined`. */
|
|
100
|
+
function slotOf(relPath: string): string | undefined {
|
|
101
|
+
for (const segment of relPath.replace(/\\/g, '/').split('/')) {
|
|
102
|
+
const match = /^@(.+)$/.exec(segment);
|
|
103
|
+
if (match) return match[1];
|
|
104
|
+
}
|
|
105
|
+
return undefined;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
/** Recursively scans `routesDir` for `.tsx`/`.jsx` files, returning routes sorted by specificity. */
|
|
109
|
+
export function scanRoutes(routesDir: string): ScannedRoute[] {
|
|
110
|
+
if (!fs.existsSync(routesDir)) return [];
|
|
111
|
+
const found: ScannedRoute[] = [];
|
|
112
|
+
const walk = (dir: string): void => {
|
|
113
|
+
for (const entry of fs.readdirSync(dir, { withFileTypes: true })) {
|
|
114
|
+
const full = path.join(dir, entry.name);
|
|
115
|
+
if (entry.isDirectory()) {
|
|
116
|
+
walk(full);
|
|
117
|
+
} else if (ROUTE_EXT.test(entry.name) && !SPECIAL_FILE.test(entry.name)) {
|
|
118
|
+
const rel = path.relative(routesDir, full);
|
|
119
|
+
const target = interceptTarget(rel);
|
|
120
|
+
found.push({
|
|
121
|
+
file: full,
|
|
122
|
+
pattern: target ?? filePathToRoute(rel),
|
|
123
|
+
slot: slotOf(rel),
|
|
124
|
+
intercept: target !== null,
|
|
125
|
+
});
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
};
|
|
129
|
+
walk(routesDir);
|
|
130
|
+
found.sort((a, b) => specificity(b.pattern) - specificity(a.pattern));
|
|
131
|
+
return found;
|
|
132
|
+
}
|