@wenathlan/forge 2.0.134 → 2.0.138
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/package.json +67 -62
- package/tests/design.test.ts +28 -16
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wenathlan/forge",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.138",
|
|
4
4
|
"description": "forge is the sandbox runner surface of the wenathlan family: it runs the sandbox runners on the saddle engine boundary and ships the documentation set and the tests directory as one package",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"repository": {
|
|
@@ -23,16 +23,16 @@
|
|
|
23
23
|
"restore:entry": "node -e \"const{readFileSync}=require('node:fs');const{execSync}=require('node:child_process');const script=/script[^>]*App\\.tsx/;const triad=/family=Bricolage\\+Grotesque[\\s\\S]*Outfit[\\s\\S]*JetBrains\\+Mono/;const face=(h)=>script.test(h)&&triad.test(h);if(face(readFileSync('index.html','utf8'))){console.log('index.html already rides the source face');process.exit(0)}if(!face(execSync('git show HEAD:./index.html',{encoding:'utf8'}))){console.error('refusing: HEAD index.html is not the canonical source face yet (script App.tsx + the font triad) - land the source-face fix first; nothing was touched');process.exit(1)}execSync('git checkout -- index.html',{stdio:'inherit'});console.log('index.html restored from HEAD (the source face)')\""
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@hono/node-server": "^2.1.
|
|
27
|
-
"@prisma/adapter-libsql": "^7.10.
|
|
26
|
+
"@hono/node-server": "^2.1.5",
|
|
27
|
+
"@prisma/adapter-libsql": "^7.10.1",
|
|
28
28
|
"@wenathlan/saddle": "2.1.6",
|
|
29
29
|
"@wenathlan/vault": "file:../vault",
|
|
30
|
-
"hono": "^4.13.
|
|
30
|
+
"hono": "^4.13.13",
|
|
31
31
|
"ink": "^7.1.1",
|
|
32
|
-
"lucide-react": "^1.
|
|
33
|
-
"react": "^19.3.
|
|
32
|
+
"lucide-react": "^1.61.0",
|
|
33
|
+
"react": "^19.3.1",
|
|
34
34
|
"react-devtools-core": "^8.0.0",
|
|
35
|
-
"react-dom": "^19.3.
|
|
35
|
+
"react-dom": "^19.3.1",
|
|
36
36
|
"wouter": "^3.13.0",
|
|
37
37
|
"z-ai-web-dev-sdk": "^0.0.18"
|
|
38
38
|
},
|
|
@@ -64,82 +64,82 @@
|
|
|
64
64
|
"access": "public"
|
|
65
65
|
},
|
|
66
66
|
"devDependencies": {
|
|
67
|
-
"@biomejs/biome": "^2.
|
|
68
|
-
"@capacitor/android": "^8.5.
|
|
69
|
-
"@capacitor/cli": "^8.5.
|
|
70
|
-
"@capacitor/core": "^8.5.
|
|
71
|
-
"@capacitor/ios": "^8.5.
|
|
67
|
+
"@biomejs/biome": "^2.6.2",
|
|
68
|
+
"@capacitor/android": "^8.5.3",
|
|
69
|
+
"@capacitor/cli": "^8.5.3",
|
|
70
|
+
"@capacitor/core": "^8.5.3",
|
|
71
|
+
"@capacitor/ios": "^8.5.3",
|
|
72
72
|
"@fluentui/react-icons": "^2.0.344",
|
|
73
|
-
"@hookform/resolvers": "^5.9.
|
|
73
|
+
"@hookform/resolvers": "^5.9.2",
|
|
74
74
|
"@libsql/client": "^0.18.0",
|
|
75
|
-
"@opencode-ai/sdk": "^1.
|
|
76
|
-
"@prisma/client": "^7.10.
|
|
77
|
-
"@radix-ui/react-accordion": "^1.
|
|
78
|
-
"@radix-ui/react-alert-dialog": "^1.1
|
|
79
|
-
"@radix-ui/react-aspect-ratio": "^1.
|
|
80
|
-
"@radix-ui/react-avatar": "^1.
|
|
81
|
-
"@radix-ui/react-checkbox": "^1.
|
|
82
|
-
"@radix-ui/react-collapsible": "^1.1
|
|
83
|
-
"@radix-ui/react-context-menu": "^2.
|
|
84
|
-
"@radix-ui/react-dialog": "^1.1
|
|
85
|
-
"@radix-ui/react-dropdown-menu": "^2.1
|
|
86
|
-
"@radix-ui/react-hover-card": "^1.1
|
|
87
|
-
"@radix-ui/react-label": "^2.1.
|
|
88
|
-
"@radix-ui/react-menubar": "^1.1
|
|
89
|
-
"@radix-ui/react-navigation-menu": "^1.
|
|
90
|
-
"@radix-ui/react-popover": "^1.1
|
|
91
|
-
"@radix-ui/react-progress": "^1.1
|
|
92
|
-
"@radix-ui/react-radio-group": "^1.
|
|
93
|
-
"@radix-ui/react-scroll-area": "^1.
|
|
94
|
-
"@radix-ui/react-select": "^2.
|
|
95
|
-
"@radix-ui/react-separator": "^1.
|
|
96
|
-
"@radix-ui/react-slider": "^1.
|
|
97
|
-
"@radix-ui/react-slot": "^1.
|
|
98
|
-
"@radix-ui/react-switch": "^1.
|
|
99
|
-
"@radix-ui/react-tabs": "^1.1
|
|
100
|
-
"@radix-ui/react-toggle": "^1.1
|
|
101
|
-
"@radix-ui/react-toggle-group": "^1.1
|
|
102
|
-
"@radix-ui/react-tooltip": "^1.
|
|
75
|
+
"@opencode-ai/sdk": "^1.19.4",
|
|
76
|
+
"@prisma/client": "^7.10.1",
|
|
77
|
+
"@radix-ui/react-accordion": "^1.3.1",
|
|
78
|
+
"@radix-ui/react-alert-dialog": "^1.2.1",
|
|
79
|
+
"@radix-ui/react-aspect-ratio": "^1.2.0",
|
|
80
|
+
"@radix-ui/react-avatar": "^1.3.1",
|
|
81
|
+
"@radix-ui/react-checkbox": "^1.4.1",
|
|
82
|
+
"@radix-ui/react-collapsible": "^1.2.1",
|
|
83
|
+
"@radix-ui/react-context-menu": "^2.4.1",
|
|
84
|
+
"@radix-ui/react-dialog": "^1.3.1",
|
|
85
|
+
"@radix-ui/react-dropdown-menu": "^2.2.1",
|
|
86
|
+
"@radix-ui/react-hover-card": "^1.2.1",
|
|
87
|
+
"@radix-ui/react-label": "^2.1.17",
|
|
88
|
+
"@radix-ui/react-menubar": "^1.2.1",
|
|
89
|
+
"@radix-ui/react-navigation-menu": "^1.4.1",
|
|
90
|
+
"@radix-ui/react-popover": "^1.3.1",
|
|
91
|
+
"@radix-ui/react-progress": "^1.2.1",
|
|
92
|
+
"@radix-ui/react-radio-group": "^1.5.1",
|
|
93
|
+
"@radix-ui/react-scroll-area": "^1.4.0",
|
|
94
|
+
"@radix-ui/react-select": "^2.4.1",
|
|
95
|
+
"@radix-ui/react-separator": "^1.2.0",
|
|
96
|
+
"@radix-ui/react-slider": "^1.6.1",
|
|
97
|
+
"@radix-ui/react-slot": "^1.5.0",
|
|
98
|
+
"@radix-ui/react-switch": "^1.4.1",
|
|
99
|
+
"@radix-ui/react-tabs": "^1.2.1",
|
|
100
|
+
"@radix-ui/react-toggle": "^1.2.1",
|
|
101
|
+
"@radix-ui/react-toggle-group": "^1.2.1",
|
|
102
|
+
"@radix-ui/react-tooltip": "^1.4.1",
|
|
103
103
|
"@tailwindcss/postcss": "^4.3.3",
|
|
104
104
|
"@tailwindcss/typography": "^0.5.20",
|
|
105
105
|
"@tailwindcss/vite": "^4.3.3",
|
|
106
106
|
"@tsconfig/node26": "^26.0.1",
|
|
107
107
|
"@types/better-sqlite3": "^9.6.0",
|
|
108
|
-
"@types/chrome": "^0.3.
|
|
108
|
+
"@types/chrome": "^0.3.6",
|
|
109
109
|
"@types/express": "^5.0.6",
|
|
110
|
-
"@types/node": "^26.6.
|
|
110
|
+
"@types/node": "^26.6.5",
|
|
111
111
|
"@types/react": "^19.3.0",
|
|
112
112
|
"@types/react-dom": "^19.3.0",
|
|
113
|
-
"@vitejs/plugin-react": "^6.1.
|
|
113
|
+
"@vitejs/plugin-react": "^6.1.2",
|
|
114
114
|
"add": "^2.0.9",
|
|
115
115
|
"autoprefixer": "^10.6.1",
|
|
116
116
|
"axios": "^1.20.0",
|
|
117
117
|
"better-sqlite3": "^13.0.3",
|
|
118
|
-
"bun-types": "^1.4.
|
|
118
|
+
"bun-types": "^1.4.4",
|
|
119
119
|
"class-variance-authority": "^0.7.1",
|
|
120
120
|
"clsx": "^2.1.1",
|
|
121
121
|
"cmdk": "^1.1.1",
|
|
122
122
|
"drizzle-kit": "^0.31.11",
|
|
123
|
-
"drizzle-orm": "^0.45.
|
|
123
|
+
"drizzle-orm": "^0.45.4",
|
|
124
124
|
"embla-carousel-react": "^8.6.0",
|
|
125
125
|
"esbuild": "^0.28.2",
|
|
126
|
-
"express": "^5.
|
|
126
|
+
"express": "^5.3.0",
|
|
127
127
|
"fast-check": "^4.10.2",
|
|
128
|
-
"framer-motion": "^13.5.
|
|
128
|
+
"framer-motion": "^13.5.1",
|
|
129
129
|
"input-otp": "^1.5.0",
|
|
130
|
-
"mysql2": "^3.
|
|
131
|
-
"nanoid": "^6.0.
|
|
130
|
+
"mysql2": "^3.24.6",
|
|
131
|
+
"nanoid": "^6.0.2",
|
|
132
132
|
"next-themes": "^0.4.6",
|
|
133
|
-
"pnpm": "^12.
|
|
134
|
-
"postcss": "^8.5.
|
|
135
|
-
"prettier": "^3.9.
|
|
136
|
-
"prisma": "^7.10.
|
|
133
|
+
"pnpm": "^12.15.0",
|
|
134
|
+
"postcss": "^8.5.31",
|
|
135
|
+
"prettier": "^3.9.10",
|
|
136
|
+
"prisma": "^7.10.1",
|
|
137
137
|
"react-day-picker": "^10.0.2",
|
|
138
|
-
"react-hook-form": "^7.
|
|
139
|
-
"react-resizable-panels": "^4.14.
|
|
138
|
+
"react-hook-form": "^7.91.0",
|
|
139
|
+
"react-resizable-panels": "^4.14.8",
|
|
140
140
|
"recharts": "^3.10.1",
|
|
141
141
|
"sonner": "^2.0.8",
|
|
142
|
-
"streamdown": "^2.7.
|
|
142
|
+
"streamdown": "^2.7.1",
|
|
143
143
|
"tailwind-merge": "^3.7.0",
|
|
144
144
|
"tailwindcss": "^4.3.3",
|
|
145
145
|
"tailwindcss-animate": "^1.0.7",
|
|
@@ -148,18 +148,23 @@
|
|
|
148
148
|
"tw-animate-css": "^1.4.0",
|
|
149
149
|
"typescript": "^7.0.2",
|
|
150
150
|
"vaul": "^1.1.2",
|
|
151
|
-
"vite": "^8.3.
|
|
152
|
-
"vitest": "^5.0.
|
|
151
|
+
"vite": "^8.3.5",
|
|
152
|
+
"vitest": "^5.0.5",
|
|
153
153
|
"yaml": "^2.9.1",
|
|
154
|
-
"zod": "^4.6.
|
|
154
|
+
"zod": "^4.6.7"
|
|
155
155
|
},
|
|
156
156
|
"packageManager": "pnpm@12.3.4",
|
|
157
157
|
"overrides": {
|
|
158
158
|
"esbuild": "^0.28.2",
|
|
159
159
|
"deepmerge-ts": "^8.0.0",
|
|
160
|
-
"mysql2": "^3.
|
|
160
|
+
"mysql2": "^3.24.6",
|
|
161
161
|
"uuid": "^11.1.1",
|
|
162
|
-
"postcss-selector-parser": "^7.1.6"
|
|
162
|
+
"postcss-selector-parser": "^7.1.6",
|
|
163
|
+
"body-parser": "^2.4.0",
|
|
164
|
+
"fast-uri": "^3.1.9",
|
|
165
|
+
"follow-redirects": "^1.16.1",
|
|
166
|
+
"zod": "^4.6.7",
|
|
167
|
+
"undici": "^7.30.1"
|
|
163
168
|
},
|
|
164
169
|
"pnpm": {
|
|
165
170
|
"overrides": {
|
package/tests/design.test.ts
CHANGED
|
@@ -19,10 +19,10 @@ function read(path: string): string {
|
|
|
19
19
|
|
|
20
20
|
const CSS = read("../Sol/sol.css");
|
|
21
21
|
const ENTRY = read("../index.html");
|
|
22
|
-
const MARK = read("../Sol/shell
|
|
22
|
+
const MARK = read("../Sol/widgets/shell.brandmark.tsx");
|
|
23
23
|
const TOML = read("../devthink.toml");
|
|
24
24
|
const SOL = read("../Sol/Sol.tsx");
|
|
25
|
-
const GATE = read("../Sol/home
|
|
25
|
+
const GATE = read("../Sol/widgets/home.entrygate.tsx");
|
|
26
26
|
const STATE = read("../onboardingstate.ts");
|
|
27
27
|
const ONBOARDING = read("../Sol/onboarding/onboarding.tsx");
|
|
28
28
|
const INTRO = read("../Sol/intro/intro.tsx");
|
|
@@ -42,26 +42,36 @@ describe("design contract", () => {
|
|
|
42
42
|
});
|
|
43
43
|
|
|
44
44
|
it("builds on the trylle foundation (canvas, deep floor, ink)", () => {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
assert.match(CSS, /--
|
|
48
|
-
assert.match(CSS, /--
|
|
49
|
-
assert.match(CSS, /--
|
|
45
|
+
// the foundation rebuild carries the campaign literals on the @theme
|
|
46
|
+
// source and maps the trylle sol names onto them — both stay pinned
|
|
47
|
+
assert.match(CSS, /--color-canvas: #202020/);
|
|
48
|
+
assert.match(CSS, /--color-deep: #191919/);
|
|
49
|
+
assert.match(CSS, /--color-ink: #fafafa/);
|
|
50
|
+
assert.match(CSS, /--color-s0: #242424/);
|
|
51
|
+
assert.match(CSS, /--color-s7: #494949/);
|
|
52
|
+
assert.match(CSS, /--sol-canvas: var\(--color-canvas\)/);
|
|
53
|
+
assert.match(CSS, /--sol-canvas-deep: var\(--color-deep\)/);
|
|
54
|
+
assert.match(CSS, /--sol-ink: var\(--color-ink\)/);
|
|
55
|
+
assert.match(CSS, /--sol-surface-1: var\(--color-s0\)/);
|
|
56
|
+
assert.match(CSS, /--sol-surface-8: var\(--color-s7\)/);
|
|
50
57
|
});
|
|
51
58
|
|
|
52
59
|
it("carries the forge lime #a2cb3a as the one identity signal (brand, CTAs, active ladder)", () => {
|
|
53
|
-
assert.match(CSS, /--
|
|
54
|
-
assert.match(CSS, /--
|
|
60
|
+
assert.match(CSS, /--color-signal: #a2cb3a/);
|
|
61
|
+
assert.match(CSS, /--fg-lime: var\(--color-signal\)/);
|
|
62
|
+
assert.match(CSS, /--sol-primary: var\(--color-signal\)/);
|
|
55
63
|
assert.match(MARK, /#a2cb3a/);
|
|
56
64
|
});
|
|
57
65
|
|
|
58
66
|
it("rides the windows accent #4cc2ff for focus (the win10 #0067c0 in the light face)", () => {
|
|
59
|
-
assert.match(CSS, /--win
|
|
60
|
-
assert.match(CSS, /--
|
|
61
|
-
assert.match(CSS, /--
|
|
62
|
-
|
|
63
|
-
const
|
|
67
|
+
assert.match(CSS, /--color-win: #4cc2ff/);
|
|
68
|
+
assert.match(CSS, /--color-focus: #4cc2ff/);
|
|
69
|
+
assert.match(CSS, /--win-accent: var\(--color-win\)/);
|
|
70
|
+
assert.match(CSS, /--sol-focus: var\(--color-focus\)/);
|
|
71
|
+
const dark = CSS.indexOf("--color-win: #4cc2ff");
|
|
72
|
+
const light = CSS.indexOf("--color-win: #0067c0");
|
|
64
73
|
assert.ok(light > dark, "the light accent must be restated after the dark one");
|
|
74
|
+
assert.match(CSS, /--color-focus: #0067c0/);
|
|
65
75
|
});
|
|
66
76
|
|
|
67
77
|
it("keeps the pill out of the stylesheet (no 999px, no stadium radius)", () => {
|
|
@@ -122,8 +132,10 @@ describe("design contract", () => {
|
|
|
122
132
|
it("wears the windows hands (press scale .7, dtPopIntro, the state ladder, the red close)", () => {
|
|
123
133
|
assert.match(CSS, /@keyframes dtPopIntro/);
|
|
124
134
|
assert.match(CSS, /transform: scale\(0\.7\)/);
|
|
125
|
-
assert.match(CSS, /--
|
|
126
|
-
assert.match(CSS, /--
|
|
135
|
+
assert.match(CSS, /--color-close: #e81123/);
|
|
136
|
+
assert.match(CSS, /--color-close-deep: #8b0a14/);
|
|
137
|
+
assert.match(CSS, /--win-close: var\(--color-close\)/);
|
|
138
|
+
assert.match(CSS, /--win-close-hot: var\(--color-close-deep\)/);
|
|
127
139
|
assert.match(CSS, /grayscale\(80%\)/);
|
|
128
140
|
});
|
|
129
141
|
|