Skip to content

Commit 13d0e8e

Browse files
gracefullightgracefullight
committed
refactor: rename tooling to scripts and add path alias
- Rename packages/design-tokens/tooling and packages/i18n/tooling to scripts - Update all references in package.json, mise.toml, tsconfig.json - Fix import path in design-tokens test file - Add '@' path alias for src folder in both packages - Verified builds and tests pass successfully
1 parent ae2d49f commit 13d0e8e

14 files changed

Lines changed: 57 additions & 217 deletions

File tree

‎apps/mobile/lib/core/theme/generated_theme.dart‎

Lines changed: 28 additions & 196 deletions
Original file line numberDiff line numberDiff line change
@@ -7,104 +7,20 @@ import 'package:forui/forui.dart';
77

88
final generatedLightTheme = FThemes.zinc.light.copyWith(
99
colors: FThemes.zinc.light.colors.copyWith(
10-
barrier: Color.from(
11-
alpha: 1.000,
12-
red: 0.8982,
13-
green: 0.8982,
14-
blue: 0.8982,
15-
colorSpace: ColorSpace.displayP3,
16-
),
17-
background: Color.from(
18-
alpha: 1.000,
19-
red: 1.0000,
20-
green: 1.0000,
21-
blue: 1.0000,
22-
colorSpace: ColorSpace.displayP3,
23-
),
24-
foreground: Color.from(
25-
alpha: 1.000,
26-
red: 0.0394,
27-
green: 0.0394,
28-
blue: 0.0394,
29-
colorSpace: ColorSpace.displayP3,
30-
),
31-
primary: Color.from(
32-
alpha: 1.000,
33-
red: 0.6909,
34-
green: 0.8958,
35-
blue: 0.3768,
36-
colorSpace: ColorSpace.displayP3,
37-
),
38-
primaryForeground: Color.from(
39-
alpha: 1.000,
40-
red: 0.0905,
41-
green: 0.0905,
42-
blue: 0.0905,
43-
colorSpace: ColorSpace.displayP3,
44-
),
45-
secondary: Color.from(
46-
alpha: 1.000,
47-
red: 0.9606,
48-
green: 0.9606,
49-
blue: 0.9606,
50-
colorSpace: ColorSpace.displayP3,
51-
),
52-
secondaryForeground: Color.from(
53-
alpha: 1.000,
54-
red: 0.0905,
55-
green: 0.0905,
56-
blue: 0.0905,
57-
colorSpace: ColorSpace.displayP3,
58-
),
59-
muted: Color.from(
60-
alpha: 1.000,
61-
red: 0.9606,
62-
green: 0.9606,
63-
blue: 0.9606,
64-
colorSpace: ColorSpace.displayP3,
65-
),
66-
mutedForeground: Color.from(
67-
alpha: 1.000,
68-
red: 0.4515,
69-
green: 0.4515,
70-
blue: 0.4515,
71-
colorSpace: ColorSpace.displayP3,
72-
),
73-
destructive: Color.from(
74-
alpha: 1.000,
75-
red: 0.8303,
76-
green: 0.1404,
77-
blue: 0.1332,
78-
colorSpace: ColorSpace.displayP3,
79-
),
80-
destructiveForeground: Color.from(
81-
alpha: 1.000,
82-
red: 1.0000,
83-
green: 1.0000,
84-
blue: 1.0000,
85-
colorSpace: ColorSpace.displayP3,
86-
),
87-
error: Color.from(
88-
alpha: 1.000,
89-
red: 0.8303,
90-
green: 0.1404,
91-
blue: 0.1332,
92-
colorSpace: ColorSpace.displayP3,
93-
),
94-
errorForeground: Color.from(
95-
alpha: 1.000,
96-
red: 1.0000,
97-
green: 1.0000,
98-
blue: 1.0000,
99-
colorSpace: ColorSpace.displayP3,
100-
),
101-
border: Color.from(
102-
alpha: 1.000,
103-
red: 0.8982,
104-
green: 0.8982,
105-
blue: 0.8982,
106-
colorSpace: ColorSpace.displayP3,
107-
),
10+
barrier: Color.from(alpha: 1.000, red: 0.8982, green: 0.8982, blue: 0.8982, colorSpace: ColorSpace.displayP3),
11+
background: Color.from(alpha: 1.000, red: 1.0000, green: 1.0000, blue: 1.0000, colorSpace: ColorSpace.displayP3),
12+
foreground: Color.from(alpha: 1.000, red: 0.0394, green: 0.0394, blue: 0.0394, colorSpace: ColorSpace.displayP3),
13+
primary: Color.from(alpha: 1.000, red: 0.6909, green: 0.8958, blue: 0.3768, colorSpace: ColorSpace.displayP3),
14+
primaryForeground: Color.from(alpha: 1.000, red: 0.0905, green: 0.0905, blue: 0.0905, colorSpace: ColorSpace.displayP3),
15+
secondary: Color.from(alpha: 1.000, red: 0.9606, green: 0.9606, blue: 0.9606, colorSpace: ColorSpace.displayP3),
16+
secondaryForeground: Color.from(alpha: 1.000, red: 0.0905, green: 0.0905, blue: 0.0905, colorSpace: ColorSpace.displayP3),
17+
muted: Color.from(alpha: 1.000, red: 0.9606, green: 0.9606, blue: 0.9606, colorSpace: ColorSpace.displayP3),
18+
mutedForeground: Color.from(alpha: 1.000, red: 0.4515, green: 0.4515, blue: 0.4515, colorSpace: ColorSpace.displayP3),
19+
destructive: Color.from(alpha: 1.000, red: 0.8303, green: 0.1404, blue: 0.1332, colorSpace: ColorSpace.displayP3),
20+
destructiveForeground: Color.from(alpha: 1.000, red: 1.0000, green: 1.0000, blue: 1.0000, colorSpace: ColorSpace.displayP3),
21+
error: Color.from(alpha: 1.000, red: 0.8303, green: 0.1404, blue: 0.1332, colorSpace: ColorSpace.displayP3),
22+
errorForeground: Color.from(alpha: 1.000, red: 1.0000, green: 1.0000, blue: 1.0000, colorSpace: ColorSpace.displayP3),
23+
border: Color.from(alpha: 1.000, red: 0.8982, green: 0.8982, blue: 0.8982, colorSpace: ColorSpace.displayP3),
10824
hoverLighten: 0.075,
10925
hoverDarken: 0.05,
11026
disabledOpacity: 0.5,
@@ -113,104 +29,20 @@ final generatedLightTheme = FThemes.zinc.light.copyWith(
11329

11430
final generatedDarkTheme = FThemes.zinc.dark.copyWith(
11531
colors: FThemes.zinc.dark.colors.copyWith(
116-
barrier: Color.from(
117-
alpha: 0.100,
118-
red: 1.0000,
119-
green: 1.0000,
120-
blue: 1.0000,
121-
colorSpace: ColorSpace.displayP3,
122-
),
123-
background: Color.from(
124-
alpha: 1.000,
125-
red: 0.0394,
126-
green: 0.0394,
127-
blue: 0.0394,
128-
colorSpace: ColorSpace.displayP3,
129-
),
130-
foreground: Color.from(
131-
alpha: 1.000,
132-
red: 0.9803,
133-
green: 0.9803,
134-
blue: 0.9803,
135-
colorSpace: ColorSpace.displayP3,
136-
),
137-
primary: Color.from(
138-
alpha: 1.000,
139-
red: 0.6909,
140-
green: 0.8958,
141-
blue: 0.3768,
142-
colorSpace: ColorSpace.displayP3,
143-
),
144-
primaryForeground: Color.from(
145-
alpha: 1.000,
146-
red: 0.0905,
147-
green: 0.0905,
148-
blue: 0.0905,
149-
colorSpace: ColorSpace.displayP3,
150-
),
151-
secondary: Color.from(
152-
alpha: 1.000,
153-
red: 0.1494,
154-
green: 0.1494,
155-
blue: 0.1494,
156-
colorSpace: ColorSpace.displayP3,
157-
),
158-
secondaryForeground: Color.from(
159-
alpha: 1.000,
160-
red: 0.9803,
161-
green: 0.9803,
162-
blue: 0.9803,
163-
colorSpace: ColorSpace.displayP3,
164-
),
165-
muted: Color.from(
166-
alpha: 1.000,
167-
red: 0.1494,
168-
green: 0.1494,
169-
blue: 0.1494,
170-
colorSpace: ColorSpace.displayP3,
171-
),
172-
mutedForeground: Color.from(
173-
alpha: 1.000,
174-
red: 0.6302,
175-
green: 0.6302,
176-
blue: 0.6302,
177-
colorSpace: ColorSpace.displayP3,
178-
),
179-
destructive: Color.from(
180-
alpha: 1.000,
181-
red: 0.9335,
182-
green: 0.4317,
183-
blue: 0.4235,
184-
colorSpace: ColorSpace.displayP3,
185-
),
186-
destructiveForeground: Color.from(
187-
alpha: 1.000,
188-
red: 0.9803,
189-
green: 0.9803,
190-
blue: 0.9803,
191-
colorSpace: ColorSpace.displayP3,
192-
),
193-
error: Color.from(
194-
alpha: 1.000,
195-
red: 0.9335,
196-
green: 0.4317,
197-
blue: 0.4235,
198-
colorSpace: ColorSpace.displayP3,
199-
),
200-
errorForeground: Color.from(
201-
alpha: 1.000,
202-
red: 0.9803,
203-
green: 0.9803,
204-
blue: 0.9803,
205-
colorSpace: ColorSpace.displayP3,
206-
),
207-
border: Color.from(
208-
alpha: 0.100,
209-
red: 1.0000,
210-
green: 1.0000,
211-
blue: 1.0000,
212-
colorSpace: ColorSpace.displayP3,
213-
),
32+
barrier: Color.from(alpha: 0.100, red: 1.0000, green: 1.0000, blue: 1.0000, colorSpace: ColorSpace.displayP3),
33+
background: Color.from(alpha: 1.000, red: 0.0394, green: 0.0394, blue: 0.0394, colorSpace: ColorSpace.displayP3),
34+
foreground: Color.from(alpha: 1.000, red: 0.9803, green: 0.9803, blue: 0.9803, colorSpace: ColorSpace.displayP3),
35+
primary: Color.from(alpha: 1.000, red: 0.6909, green: 0.8958, blue: 0.3768, colorSpace: ColorSpace.displayP3),
36+
primaryForeground: Color.from(alpha: 1.000, red: 0.0905, green: 0.0905, blue: 0.0905, colorSpace: ColorSpace.displayP3),
37+
secondary: Color.from(alpha: 1.000, red: 0.1494, green: 0.1494, blue: 0.1494, colorSpace: ColorSpace.displayP3),
38+
secondaryForeground: Color.from(alpha: 1.000, red: 0.9803, green: 0.9803, blue: 0.9803, colorSpace: ColorSpace.displayP3),
39+
muted: Color.from(alpha: 1.000, red: 0.1494, green: 0.1494, blue: 0.1494, colorSpace: ColorSpace.displayP3),
40+
mutedForeground: Color.from(alpha: 1.000, red: 0.6302, green: 0.6302, blue: 0.6302, colorSpace: ColorSpace.displayP3),
41+
destructive: Color.from(alpha: 1.000, red: 0.9335, green: 0.4317, blue: 0.4235, colorSpace: ColorSpace.displayP3),
42+
destructiveForeground: Color.from(alpha: 1.000, red: 0.9803, green: 0.9803, blue: 0.9803, colorSpace: ColorSpace.displayP3),
43+
error: Color.from(alpha: 1.000, red: 0.9335, green: 0.4317, blue: 0.4235, colorSpace: ColorSpace.displayP3),
44+
errorForeground: Color.from(alpha: 1.000, red: 0.9803, green: 0.9803, blue: 0.9803, colorSpace: ColorSpace.displayP3),
45+
border: Color.from(alpha: 0.100, red: 1.0000, green: 1.0000, blue: 1.0000, colorSpace: ColorSpace.displayP3),
21446
hoverLighten: 0.075,
21547
hoverDarken: 0.05,
21648
disabledOpacity: 0.5,

‎packages/design-tokens/mise.toml‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
[tasks]
2-
build = { run = "node --import=tsx tooling/build.ts", description = "Build design tokens for web and mobile" }
3-
"build:css" = { run = "node --import=tsx tooling/build-css.ts", description = "Build CSS tokens for web only" }
4-
"build:flutter" = { run = "node --import=tsx tooling/build-forui-theme.ts", description = "Build Flutter theme for mobile only" }
5-
dev = { run = "node --import=tsx tooling/watch.ts", description = "Watch tokens.ts for changes and rebuild" }
2+
build = { run = "node --import=tsx scripts/build.ts", description = "Build design tokens for web and mobile" }
3+
"build:css" = { run = "node --import=tsx scripts/build-css.ts", description = "Build CSS tokens for web only" }
4+
"build:flutter" = { run = "node --import=tsx scripts/build-forui-theme.ts", description = "Build Flutter theme for mobile only" }
5+
dev = { run = "node --import=tsx scripts/watch.ts", description = "Watch tokens.ts for changes and rebuild" }
66
install = { run = "pnpm install", description = "Install dependencies" }
77
test = { run = "pnpm test", description = "Run design-tokens tests" }
88
lint = { run = "pnpm biome check --write --unsafe", description = "Run biome linter" }

‎packages/design-tokens/package.json‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,10 @@
44
"private": true,
55
"type": "module",
66
"scripts": {
7-
"build": "node --import=tsx tooling/build.ts",
8-
"build:css": "node --import=tsx tooling/build-css.ts",
9-
"build:flutter": "node --import=tsx tooling/build-forui-theme.ts",
10-
"dev": "node --import=tsx tooling/watch.ts",
7+
"build": "node --import=tsx scripts/build.ts",
8+
"build:css": "node --import=tsx scripts/build-css.ts",
9+
"build:flutter": "node --import=tsx scripts/build-forui-theme.ts",
10+
"dev": "node --import=tsx scripts/watch.ts",
1111
"test": "vitest run"
1212
},
1313
"dependencies": {

packages/design-tokens/tooling/build-css.ts renamed to packages/design-tokens/scripts/build-css.ts

File renamed without changes.

packages/design-tokens/tooling/build-forui-theme.ts renamed to packages/design-tokens/scripts/build-forui-theme.ts

File renamed without changes.

packages/design-tokens/tooling/build.ts renamed to packages/design-tokens/scripts/build.ts

File renamed without changes.

packages/design-tokens/tooling/oklch-to-p3.ts renamed to packages/design-tokens/scripts/oklch-to-p3.ts

File renamed without changes.

packages/design-tokens/tooling/watch.ts renamed to packages/design-tokens/scripts/watch.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ let pendingBuild = false;
1212

1313
function runBuild(): Promise<void> {
1414
return new Promise((resolve, reject) => {
15-
const proc = spawn("node", ["--import=tsx", "tooling/build.ts"], {
15+
const proc = spawn("node", ["--import=tsx", "scripts/build.ts"], {
1616
cwd: ROOT,
1717
stdio: "inherit",
1818
});

‎packages/design-tokens/src/__tests__/tokens.test.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
import { describe, expect, it } from "vitest";
2-
import type { OklchColor } from "./src/tokens.js";
32
import {
43
gammaEncode,
54
linearSrgbToXyz,
@@ -10,7 +9,8 @@ import {
109
p3ToFlutterColor,
1110
p3ToHex,
1211
xyzToLinearP3,
13-
} from "./tooling/oklch-to-p3.js";
12+
} from "../../scripts/oklch-to-p3.js";
13+
import type { OklchColor } from "./src/tokens.js";
1414

1515
describe("OKLCH to P3 conversion", () => {
1616
describe("oklchToOklab", () => {

‎packages/design-tokens/tsconfig.json‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,12 @@
1111
"declaration": true,
1212
"declarationMap": true,
1313
"outDir": "./dist",
14-
"rootDir": "."
14+
"rootDir": ".",
15+
"baseUrl": ".",
16+
"paths": {
17+
"@/*": ["src/*"]
18+
}
1519
},
16-
"include": ["*.ts", "tooling/**/*.ts"],
20+
"include": ["*.ts", "src/**/*.ts", "scripts/**/*.ts"],
1721
"exclude": ["node_modules", "dist"]
1822
}

0 commit comments

Comments
 (0)