@fugood/bricks-project 2.24.3 → 2.24.5

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.
Files changed (83) hide show
  1. package/compile/action-name-map.ts +5 -0
  2. package/compile/index.ts +10 -4
  3. package/package.json +2 -2
  4. package/package.json.bak +2 -2
  5. package/skills/bricks-ctor/SKILL.md +3 -1
  6. package/skills/bricks-ctor/rules/architecture-patterns.md +12 -0
  7. package/skills/bricks-ctor/rules/automations.md +11 -0
  8. package/skills/bricks-ctor/rules/data-calculation.md +5 -5
  9. package/skills/bricks-ctor/rules/verification-toolchain.md +177 -0
  10. package/skills/bricks-design/SKILL.md +160 -45
  11. package/skills/bricks-design/references/architecture-truths.md +132 -0
  12. package/skills/bricks-design/references/avoiding-complexity.md +91 -0
  13. package/skills/bricks-design/references/design-critique.md +195 -0
  14. package/skills/bricks-design/references/design-languages.md +265 -0
  15. package/skills/bricks-design/references/performance.md +116 -0
  16. package/skills/bricks-design/references/presentation-and-slideshow.md +137 -0
  17. package/skills/bricks-design/references/translating-inputs.md +152 -0
  18. package/skills/bricks-design/references/variations-and-tweaks.md +124 -0
  19. package/skills/bricks-design/references/when-the-brief-is-branded.md +284 -0
  20. package/skills/bricks-design/references/when-the-brief-is-vague.md +85 -0
  21. package/skills/bricks-design/references/workflow.md +134 -0
  22. package/skills/bricks-ux/SKILL.md +120 -0
  23. package/skills/bricks-ux/references/accessibility.md +162 -0
  24. package/skills/bricks-ux/references/flow-states.md +175 -0
  25. package/skills/bricks-ux/references/interaction-archetypes.md +189 -0
  26. package/skills/bricks-ux/references/monitoring-screens.md +153 -0
  27. package/skills/bricks-ux/references/pressable-composition.md +126 -0
  28. package/skills/bricks-ux/references/user-journey.md +168 -0
  29. package/skills/bricks-ux/references/ux-critique.md +256 -0
  30. package/tools/_git-author.ts +10 -2
  31. package/tools/_last-pushed-commit.ts +28 -0
  32. package/tools/_shell.ts +8 -1
  33. package/tools/deploy.ts +15 -0
  34. package/tools/mcp-tools/compile.ts +17 -7
  35. package/tools/mcp-tools/media.ts +4 -1
  36. package/tools/pull.ts +91 -16
  37. package/tools/update-config.ts +8 -0
  38. package/types/animation.ts +8 -3
  39. package/types/automation.ts +1 -0
  40. package/types/brick-base.ts +1 -1
  41. package/types/bricks/Camera.ts +8 -8
  42. package/types/bricks/Chart.ts +4 -4
  43. package/types/bricks/GenerativeMedia.ts +15 -15
  44. package/types/bricks/Icon.ts +7 -7
  45. package/types/bricks/Image.ts +9 -9
  46. package/types/bricks/Items.ts +7 -7
  47. package/types/bricks/Lottie.ts +10 -10
  48. package/types/bricks/Maps.ts +11 -11
  49. package/types/bricks/QrCode.ts +7 -7
  50. package/types/bricks/Rect.ts +7 -7
  51. package/types/bricks/RichText.ts +12 -9
  52. package/types/bricks/Rive.ts +9 -9
  53. package/types/bricks/Sketch.ts +6 -6
  54. package/types/bricks/Slideshow.ts +7 -7
  55. package/types/bricks/Svg.ts +7 -7
  56. package/types/bricks/Text.ts +9 -9
  57. package/types/bricks/TextInput.ts +10 -10
  58. package/types/bricks/Video.ts +12 -12
  59. package/types/bricks/VideoStreaming.ts +10 -10
  60. package/types/bricks/WebRtcStream.ts +1 -1
  61. package/types/bricks/WebView.ts +4 -4
  62. package/types/common.ts +2 -2
  63. package/types/data-calc-command/base.ts +57 -0
  64. package/types/data-calc-command/collection.ts +418 -0
  65. package/types/data-calc-command/color.ts +432 -0
  66. package/types/data-calc-command/constant.ts +50 -0
  67. package/types/data-calc-command/datetime.ts +147 -0
  68. package/types/data-calc-command/file.ts +129 -0
  69. package/types/data-calc-command/index.ts +13 -0
  70. package/types/data-calc-command/iteratee.ts +23 -0
  71. package/types/data-calc-command/logictype.ts +190 -0
  72. package/types/data-calc-command/math.ts +275 -0
  73. package/types/data-calc-command/object.ts +119 -0
  74. package/types/data-calc-command/sandbox.ts +58 -0
  75. package/types/data-calc-command/string.ts +407 -0
  76. package/types/data-calc.ts +1 -0
  77. package/types/data.ts +1 -1
  78. package/types/generators/Assistant.ts +18 -0
  79. package/types/generators/LlmGgml.ts +37 -0
  80. package/utils/data.ts +1 -1
  81. package/utils/id.ts +78 -27
  82. package/skills/bricks-design/LICENSE.txt +0 -180
  83. package/types/data-calc-command.ts +0 -7005
@@ -0,0 +1,256 @@
1
+ # UX Critique
2
+
3
+ Verification proves the flow *runs*. UX critique proves the flow is *usable*. Both are required before declaring done; neither substitutes for the other.
4
+
5
+ UX critique runs in parallel with visual-design critique (`bricks-design/design-critique.md`). A Canvas can fail one and pass the other; both block ship.
6
+
7
+ This file is tiered. The same UX problem (e.g., closure missing) is **CRITICAL** on a payment kiosk and **MEDIUM** on a museum signage loop. Critique fails ship when CRITICAL or HIGH items go unaddressed in their applicable tiers.
8
+
9
+ ## How to run the pass
10
+
11
+ 1. **Open the journey.** Walk every interaction step-by-step using `user-journey.md` as the spine.
12
+ 2. **For each Canvas / Brick group, classify by deployment risk** (table below). The classification determines which tier of checks apply.
13
+ 3. **Run the checks in the applicable tier(s).** CRITICAL items always run; HIGH applies broadly; MEDIUM and LOW depend on classification.
14
+ 4. **Fix every CRITICAL miss and every HIGH miss.** Surface MEDIUM and LOW misses in the trade-off note if not addressed.
15
+ 5. **Re-verify after fixes.** Don't accumulate fix debt.
16
+
17
+ ## Risk classification by deployment shape
18
+
19
+ | Deployment shape | Risk profile | Tier weighting |
20
+ |---|---|---|
21
+ | Payment / identity capture / safety-critical | CRITICAL-dense — every transact discipline must pass | CRITICAL + HIGH + MEDIUM all apply |
22
+ | Self-service interactive (ordering, check-in, configuration) | HIGH-dense — journey completeness, idle reset, recovery paths | CRITICAL + HIGH apply; MEDIUM where relevant |
23
+ | Monitoring / dashboard / control room | HIGH-dense — alarm hierarchy, stale-data trust, calm/detect/demand | CRITICAL + HIGH apply for alarm states |
24
+ | Browse / wayfinding / menu board | MEDIUM-dense — legibility, comparison clarity, sparse states | HIGH legibility, MEDIUM elsewhere |
25
+ | Glanceable signage / dwell / ambient loop | LOW-dense — main checks are legibility and rhythm | HIGH legibility, LOW elsewhere |
26
+
27
+ ## CRITICAL — blocks ship
28
+
29
+ Failure on any of these is sufficient grounds to declare the work mid-iteration.
30
+
31
+ ### CR-1. The user-journey spine is whole
32
+
33
+ Every interaction must have all seven steps present (or deliberately compressed; see `user-journey.md` § "When the seven steps compress"). Most-common holes:
34
+
35
+ - **Immediate feedback missing** (step 3). User taps, nothing visible, taps again.
36
+ - **In-flight visibility missing** (step 4). Action triggered, screen frozen, user re-triggers.
37
+ - **Recovery as dead-end** (step 6). Error Canvas with no path forward.
38
+ - **Closure ambiguous or missing** (step 7). Success state transient or unclear.
39
+
40
+ **Must Have:** every interaction has a designed and verified affordance, instruction, feedback, in-flight state, continuation, recovery, closure — or deliberate documented collapse.
41
+ **Anti-Pattern:** journey skipping any step on the assumption "it's fast enough not to need".
42
+
43
+ ### CR-2. Transact has its intensification
44
+
45
+ For payment / identity / safety-critical flows, the seven steps must be tightened (`user-journey.md` § "When the seven steps intensify"):
46
+
47
+ - Confirmation step before commit.
48
+ - In-flight visibility non-skippable.
49
+ - Recovery categorised (declined / network / cancelled / timeout).
50
+ - Closure with weight and hold time.
51
+
52
+ **Must Have:** transact closure holds ≥ 5 seconds, success unmistakable, peripheral state visible.
53
+ **Anti-Pattern:** "Process payment in one tap" with no confirmation; closure that auto-advances in < 2s.
54
+
55
+ ### CR-3. Monitoring has demand discipline
56
+
57
+ For dashboards / monitor screens with alarm capability:
58
+
59
+ - Calm / detect / demand are three distinct designed states.
60
+ - Demand state stands out unambiguously; not a slight colour change.
61
+ - Multiple concurrent demand states have priority ordering already designed.
62
+ - Stale-data is visibly declared per source.
63
+ - Color is never the only encoding of severity.
64
+
65
+ **Must Have:** alarm-state preview captured and reviewed; squint-test passes (alarm visible from peripheral vision); monochrome preview still distinguishes severity tiers.
66
+ **Anti-Pattern:** alarm styled identically to detect-state; "stale" indicator at 8pt in corner; severity by colour alone.
67
+
68
+ ### CR-4. Accessibility floors met for the audience
69
+
70
+ The seven accessibility disciplines (`accessibility.md`) apply at deployment-relative floors. CRITICAL when the audience includes:
71
+
72
+ - Reduced-vision users (contrast, scale, color-not-only).
73
+ - Reduced-motor users (touch targets, no precise gestures, no time-pressure auto-cancels).
74
+ - Sensitive-to-motion users (reduced-motion path available).
75
+ - Multilingual audience (strings via Data; type scale accommodates longest translation).
76
+
77
+ **Must Have:** contrast verified under deployment-actual lighting; touch targets verified with real-finger / real-hardware testing; severity / status encoded by shape + color + label.
78
+ **Anti-Pattern:** WCAG-compliance-on-desktop-monitor as the audit (deployment is sunlit signage at 4m); time-pressure UI on a venue that includes slow / hesitant users.
79
+
80
+ ### CR-5. Idle reset is clean
81
+
82
+ For self-service interactive deployments:
83
+
84
+ - Idle timeout exists and is calibrated to the use pattern.
85
+ - Idle reset clears flow state — no half-built order persists; no name on screen; no half-confirmed action.
86
+ - Reset returns to a designed idle / attractor state, not to "whatever Canvas was loaded".
87
+
88
+ **Must Have:** verified idle reset behaviour via Automation or live test; verified that no leaked state persists to next session.
89
+ **Anti-Pattern:** idle = last interact Canvas; idle that requires operator to manually reset.
90
+
91
+ ## HIGH — must fix before launch
92
+
93
+ ### H-1. Affordance is unambiguous
94
+
95
+ Every pressable Brick declares "press me" visually — contrast, weight, motion, or icon. Affordance vocabulary is consistent across the deployment.
96
+
97
+ **Must Have:** pressable tiles visually distinct from non-pressable; squint test confirms which Bricks are interactive.
98
+ **Anti-Pattern:** identical-looking tiles where some are pressable and some aren't; pressable Bricks with no visual distinction from background.
99
+
100
+ ### H-2. Press feedback at registration
101
+
102
+ Every `on_press` produces a visible state change at the moment of registration — scale, opacity, color, or new Brick entry via Standby Transition. Not a fade-in.
103
+
104
+ **Must Have:** Brick under press visibly responds within 100ms (effectively snap, not fade).
105
+ **Anti-Pattern:** press registers, no visible change; press relies on Canvas-change-only feedback (user perceives lag).
106
+
107
+ ### H-3. Flow states designed, not skipped
108
+
109
+ Idle / loading / empty / error / boot / maintenance (as applicable to the deployment) are designed states, each with verified preview.
110
+
111
+ **Must Have:** every applicable state's preview captured and reviewed; failure modes per state checked against `flow-states.md`.
112
+ **Anti-Pattern:** "empty state is fine, the list is always populated" without testing the empty case; error state in 8pt corner text; boot = loading spinner.
113
+
114
+ ### H-4. Hero continuity across journey Canvases
115
+
116
+ For multi-Canvas flows, hero Bricks share ids across Canvases — chrome (logo, progress indicator, time, back action) carries via Truth #3 auto-tween.
117
+
118
+ **Must Have:** primary chrome elements identifiable in the same screen positions across the flow's Canvases.
119
+ **Anti-Pattern:** every Canvas remounts its full Brick set; user loses spatial mental model between steps.
120
+
121
+ ### H-5. Error recovery has a path
122
+
123
+ Every error state offers retry, alternate method, abandon, or help — never a dead-end. Different error categories get distinguishable recovery treatments.
124
+
125
+ **Must Have:** each error path verified end-to-end via Automation or live test.
126
+ **Anti-Pattern:** "Error. Please try again." with no retry mechanism; generic recovery for all error types.
127
+
128
+ ### H-6. Stale-data trust
129
+
130
+ For monitoring / live-data screens, every dynamic source has a visibly declared staleness state or a visible "last update" relative-time indicator.
131
+
132
+ **Must Have:** staleness visible in peripheral vision; stale value distinguishable from current value.
133
+ **Anti-Pattern:** dynamic value with no age indication; "last update" in 8pt absolute timestamp.
134
+
135
+ ### H-7. Predictable navigation
136
+
137
+ Navigation affordances (back, next, home) sit consistently across Canvases. Idle returns to the same idle Canvas every time.
138
+
139
+ **Must Have:** back / next affordance positions verified across Canvases; idle reset produces identical idle Canvas every time.
140
+ **Anti-Pattern:** back button at top-left on Canvas 2, bottom-right on Canvas 3; idle rotates such that the "anchor" element moves.
141
+
142
+ ## MEDIUM — impacts polish; prioritize by user impact
143
+
144
+ ### M-1. Instruction matches user mental model
145
+
146
+ Action instructions ("Scan your code", "Tap to start", "Pay now") match the user's likely understanding; jargon avoided; language locale-matched.
147
+
148
+ **Must Have:** wording reviewed for the actual audience; jargon removed.
149
+ **Anti-Pattern:** "Initiate authentication sequence" on a public kiosk; English-only instruction on a multilingual venue.
150
+
151
+ ### M-2. Continuation is non-surprising
152
+
153
+ The Canvas the user lands on after an action matches their expectation. Big jumps in journey context happen only with explicit transition.
154
+
155
+ **Must Have:** continuation Canvas reviewed for context preservation; hero continuity in place.
156
+ **Anti-Pattern:** success on Canvas A jumps to Canvas D mid-flow; user loses context.
157
+
158
+ ### M-3. Closure proportional to stakes
159
+
160
+ Success closure hold time and visual weight match the action's stakes. Routine completions get brief acknowledgement; transact completions get held visible.
161
+
162
+ **Must Have:** closure hold time tuned to action stakes; auto-advance only after enough time for the user to read.
163
+ **Anti-Pattern:** 1.5s closure for a transact flow; 8s closure for a "saved to favorites" toast.
164
+
165
+ ### M-4. Density rhythm in browse / dwell
166
+
167
+ For browse / dwell deployments, content rotation has variation in density / framing / colour rhythm across Canvases or slides. Three identical-rhythm Canvases in a row is a tell. (Cross-reference: `bricks-design/design-critique.md` density-rhythm collapse.)
168
+
169
+ **Must Have:** rhythm variation across the sequence; no three identical-archetype Canvases in a row.
170
+ **Anti-Pattern:** ten Canvases that all read as "headline + bullet list".
171
+
172
+ ### M-5. Audio cues calibrated (when hardware allows)
173
+
174
+ If the deployment uses audio, volume / timing / time-of-day awareness is intentional.
175
+
176
+ **Must Have:** audio volume / scheduling reviewed; success / alarm cues distinguishable from ambient.
177
+ **Anti-Pattern:** constant-volume cues regardless of time; audio-only confirmation (no visual pair).
178
+
179
+ ### M-6. Reduced-motion path available (if relevant)
180
+
181
+ For deployments in clinical / safety / motion-sensitive contexts, a reduced-motion path exists.
182
+
183
+ **Must Have:** `reduceMotion` Data flag wired where applicable; verified reduced-motion preview.
184
+ **Anti-Pattern:** continuous-motion design with no reduction path for a clinical deployment.
185
+
186
+ ## LOW — context-dependent
187
+
188
+ ### L-1. Polish on idle / attractor presence
189
+
190
+ For deployments where idle dominates: idle is *inviting*, not just *running*.
191
+
192
+ **Must Have for high-traffic public deployments:** attractor sequence engages from peripheral vision.
193
+ **Anti-Pattern:** logo-only idle on a deployment whose purpose is to invite interaction.
194
+
195
+ ### L-2. Maintenance state designed
196
+
197
+ If the deployment has scheduled downtime, a maintenance Canvas exists and distinguishes itself from error.
198
+
199
+ **Must Have for deployments with maintenance windows:** maintenance Canvas with return path.
200
+ **Anti-Pattern:** maintenance = black screen.
201
+
202
+ ### L-3. Empty-state composition
203
+
204
+ Empty states explain the absence and suggest what populates.
205
+
206
+ **Must Have:** empty state designed rather than collapsed-whitespace.
207
+ **Anti-Pattern:** "—" or blank where content would be.
208
+
209
+ ## Tier-by-tier checklist (running order)
210
+
211
+ Use this when running the pass:
212
+
213
+ **CRITICAL (always run):**
214
+
215
+ - [ ] User-journey spine whole (CR-1)
216
+ - [ ] Transact intensified if applicable (CR-2)
217
+ - [ ] Monitoring demand discipline if applicable (CR-3)
218
+ - [ ] Accessibility floors met (CR-4)
219
+ - [ ] Idle reset clean if applicable (CR-5)
220
+
221
+ **HIGH (always run except for glance / dwell loops):**
222
+
223
+ - [ ] Affordance unambiguous (H-1)
224
+ - [ ] Press feedback at registration (H-2)
225
+ - [ ] Flow states designed (H-3)
226
+ - [ ] Hero continuity across Canvases (H-4)
227
+ - [ ] Error recovery has a path (H-5)
228
+ - [ ] Stale-data trust if applicable (H-6)
229
+ - [ ] Predictable navigation (H-7)
230
+
231
+ **MEDIUM (run for interact / transact / browse):**
232
+
233
+ - [ ] Instruction matches mental model (M-1)
234
+ - [ ] Continuation non-surprising (M-2)
235
+ - [ ] Closure proportional (M-3)
236
+ - [ ] Density rhythm (M-4)
237
+ - [ ] Audio cues calibrated (M-5)
238
+ - [ ] Reduced-motion path (M-6)
239
+
240
+ **LOW (run for public-facing / high-dwell):**
241
+
242
+ - [ ] Idle / attractor polish (L-1)
243
+ - [ ] Maintenance state (L-2)
244
+ - [ ] Empty-state composition (L-3)
245
+
246
+ ## Definition of UX done
247
+
248
+ A flow is UX-done when:
249
+
250
+ 1. The CRITICAL tier passes — zero unaddressed CRITICAL items.
251
+ 2. The HIGH tier passes — zero unaddressed HIGH items (or surfaced as accepted trade-off with rationale).
252
+ 3. Applicable MEDIUM / LOW items either pass or are surfaced.
253
+ 4. Every state (golden path + error categories + idle + empty if relevant) has been verified via preview screenshot or Automation, and reviewed.
254
+ 5. Accessibility floors are met at the deployment-relative threshold, not at a desktop default.
255
+
256
+ If any item is unmet, the work is mid-iteration. Say so explicitly to the user; offer a precise list of what remains.
@@ -15,7 +15,15 @@ async function hasGitIdentity(cwd: string): Promise<boolean> {
15
15
  // If no identity is configured (typical for non-tech users), CTOR becomes the
16
16
  // main author via per-command `-c user.name/-c user.email` overrides so the
17
17
  // user's git config is left untouched.
18
- export async function buildCommitArgs(cwd: string, messages: string[]): Promise<string[]> {
18
+ //
19
+ // `extraFlags` are inserted between `commit` and the `-m` args (e.g.
20
+ // `['--no-verify']` to bypass pre-commit hooks for controlled cases like
21
+ // committing merge-conflict markers).
22
+ export async function buildCommitArgs(
23
+ cwd: string,
24
+ messages: string[],
25
+ extraFlags: string[] = [],
26
+ ): Promise<string[]> {
19
27
  const hasIdentity = await hasGitIdentity(cwd)
20
28
  const prefix = hasIdentity
21
29
  ? []
@@ -23,7 +31,7 @@ export async function buildCommitArgs(cwd: string, messages: string[]): Promise<
23
31
  const msgArgs: string[] = []
24
32
  for (const m of messages) msgArgs.push('-m', m)
25
33
  if (hasIdentity) msgArgs.push('-m', CTOR_COAUTHOR_TRAILER)
26
- return [...prefix, 'commit', ...msgArgs]
34
+ return [...prefix, 'commit', ...extraFlags, ...msgArgs]
27
35
  }
28
36
 
29
37
  export { CTOR_NAME, CTOR_EMAIL, CTOR_COAUTHOR_TRAILER }
@@ -0,0 +1,28 @@
1
+ import { mkdir, readFile, writeFile } from 'node:fs/promises'
2
+
3
+ // Local sync marker: the git commit hash that was on HEAD when we last
4
+ // successfully pushed to the server (deploy or update-config) or pulled
5
+ // from it. Stored at the `.bricks/` top level (gitignored explicitly) — it's
6
+ // per-clone state, not a build artifact, so it doesn't belong under
7
+ // `.bricks/build/`.
8
+ //
9
+ // Why this exists: server's `bricks_project_last_commit_id` can be an opaque
10
+ // nanoid for content-only edits (config-editor saves), so it isn't a
11
+ // reliable git anchor for `git checkout` during pull. The local marker is
12
+ // always a real reachable commit hash from THIS clone.
13
+ const REL_PATH = '.bricks/.last-pushed-commit'
14
+
15
+ export async function readLastPushedCommit(cwd: string): Promise<string | null> {
16
+ try {
17
+ const content = await readFile(`${cwd}/${REL_PATH}`, 'utf8')
18
+ return content.trim() || null
19
+ } catch {
20
+ return null
21
+ }
22
+ }
23
+
24
+ export async function writeLastPushedCommit(cwd: string, commitId: string): Promise<void> {
25
+ if (!commitId) return
26
+ await mkdir(`${cwd}/.bricks`, { recursive: true })
27
+ await writeFile(`${cwd}/${REL_PATH}`, commitId)
28
+ }
package/tools/_shell.ts CHANGED
@@ -29,6 +29,7 @@ class Sh implements PromiseLike<ShResult> {
29
29
  private _cwd: string | undefined
30
30
  private _mode: Mode = 'default'
31
31
  private _throw = true
32
+ private _env: NodeJS.ProcessEnv | undefined
32
33
  private _promise: Promise<ShResult> | null = null
33
34
 
34
35
  constructor(private readonly args: string[]) {}
@@ -48,6 +49,11 @@ class Sh implements PromiseLike<ShResult> {
48
49
  return this
49
50
  }
50
51
 
52
+ env(extra: NodeJS.ProcessEnv): this {
53
+ this._env = { ...this._env, ...extra }
54
+ return this
55
+ }
56
+
51
57
  async text(): Promise<string> {
52
58
  // If no explicit quiet was requested, capture stdout/stderr without
53
59
  // forwarding them to the parent's streams (matches Bun's `.text()`).
@@ -79,7 +85,8 @@ class Sh implements PromiseLike<ShResult> {
79
85
  ? ['ignore', 'pipe', 'pipe']
80
86
  : ['inherit', 'pipe', 'pipe']
81
87
 
82
- const proc = spawn(cmd, rest, { cwd: this._cwd, stdio })
88
+ const env = this._env ? { ...process.env, ...this._env } : undefined
89
+ const proc = spawn(cmd, rest, { cwd: this._cwd, stdio, env })
83
90
 
84
91
  const outChunks: Buffer[] = []
85
92
  const errChunks: Buffer[] = []
package/tools/deploy.ts CHANGED
@@ -2,6 +2,11 @@ import { access, readFile, writeFile } from 'node:fs/promises'
2
2
  import { parseArgs } from 'util'
3
3
  import { sh } from './_shell'
4
4
  import { buildCommitArgs } from './_git-author'
5
+ import { writeLastPushedCommit } from './_last-pushed-commit'
6
+
7
+ if (!process.env.BRICKS_RELEASE_SIGN) {
8
+ process.env.BRICKS_RELEASE_SIGN = 'CTOR'
9
+ }
5
10
 
6
11
  const cwd = process.cwd()
7
12
 
@@ -141,6 +146,10 @@ await writeFile(configPath, JSON.stringify(releaseConfig))
141
146
 
142
147
  const args = ['bricks', command, 'release', app.id, '-c', configPath, '--json']
143
148
 
149
+ if (app.name) {
150
+ args.push('--name', app.name)
151
+ }
152
+
144
153
  if (version) {
145
154
  args.push('--version', version)
146
155
  }
@@ -162,4 +171,10 @@ if (result.exitCode !== 0) {
162
171
  }
163
172
 
164
173
  const output = JSON.parse(result.stdout.toString())
174
+
175
+ // Record the commit we just pushed from so a later pull can use it as the
176
+ // merge base regardless of what the server stores in
177
+ // bricks_project_last_commit_id.
178
+ if (commitId) await writeLastPushedCommit(cwd, commitId)
179
+
165
180
  console.log(`${isModule ? 'Module' : 'App'} deployed: ${output.name}`)
@@ -3,22 +3,29 @@ import { readFile } from 'node:fs/promises'
3
3
  import { z } from 'zod'
4
4
  import { sh } from '../_shell'
5
5
 
6
+ // Disable ANSI color codes from spawned tools so MCP text output stays readable
7
+ // (the host renders raw text; escape sequences leak into the result otherwise).
8
+ const noColorEnv = { FORCE_COLOR: '0', NO_COLOR: '1' }
9
+
6
10
  export function register(server: McpServer, projectDir: string) {
7
11
  const { dirname } = import.meta
8
12
 
9
13
  server.tool('compile', {}, async () => {
10
- let log = ''
14
+ let log = 'Type checking & Compiling...\n'
11
15
  try {
12
- log += 'Type checking & Compiling...'
13
- log += await sh`bun compile`.cwd(projectDir).text()
14
- } catch (err) {
15
- log += `${err.stdout.toString()}\n${err.stderr.toString()}`
16
+ log += await sh`bun compile`.cwd(projectDir).env(noColorEnv).text()
17
+ } catch (err: any) {
18
+ const stdout = err.stdout?.toString() ?? ''
19
+ const stderr = err.stderr?.toString() ?? ''
20
+ log += [stdout, stderr].filter(Boolean).join('\n')
16
21
  }
17
22
  return {
18
23
  content: [{ type: 'text', text: log }],
19
24
  }
20
25
  })
21
26
 
27
+ if (process.env.BRICKS_CTOR_MCP_DISABLE_PREVIEW === '1') return
28
+
22
29
  server.tool(
23
30
  'preview',
24
31
  {
@@ -63,9 +70,12 @@ export function register(server: McpServer, projectDir: string) {
63
70
  if (testTitleLike) args.push('--test-title-like', testTitleLike)
64
71
  log = await sh`bunx --bun electron ${toolsDir}/preview-main.mjs ${args}`
65
72
  .cwd(projectDir)
73
+ .env(noColorEnv)
66
74
  .text()
67
- } catch (err) {
68
- log = `${err.stdout.toString()}\n${err.stderr.toString()}`
75
+ } catch (err: any) {
76
+ const stdout = err.stdout?.toString() ?? ''
77
+ const stderr = err.stderr?.toString() ?? ''
78
+ log = [stdout, stderr].filter(Boolean).join('\n')
69
79
  error = true
70
80
  }
71
81
  let screenshotBase64: string | null = null
@@ -2,9 +2,12 @@ import type { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js'
2
2
  import { z } from 'zod'
3
3
  import { sh } from '../_shell'
4
4
 
5
+ // MCP results are rendered as raw text — disable ANSI colors from the child.
6
+ const noColorEnv = { FORCE_COLOR: '0', NO_COLOR: '1' }
7
+
5
8
  const runBricks = async (projectDir: string, ...args: string[]) => {
6
9
  try {
7
- return await sh`bunx bricks ${args}`.cwd(projectDir).text()
10
+ return await sh`bunx bricks ${args}`.cwd(projectDir).env(noColorEnv).text()
8
11
  } catch (err: any) {
9
12
  throw new Error(err.stderr?.toString() || err.message)
10
13
  }
package/tools/pull.ts CHANGED
@@ -1,7 +1,31 @@
1
- import { readFile, writeFile } from 'node:fs/promises'
1
+ import { readdir, readFile, unlink, writeFile } from 'node:fs/promises'
2
+ import { existsSync } from 'node:fs'
3
+ import { join, relative } from 'node:path'
2
4
  import { format } from 'oxfmt'
3
5
  import { sh } from './_shell'
4
6
  import { buildCommitArgs } from './_git-author'
7
+ import { readLastPushedCommit, writeLastPushedCommit } from './_last-pushed-commit'
8
+
9
+ // Directories whose .ts contents are entirely owned by the generator.
10
+ // Anything under these dirs not present in the freshly pulled file list is an orphan.
11
+ const ownedTsDirs = ['subspaces', 'automation-tests']
12
+
13
+ async function walkTsFiles(dir: string, baseDir: string): Promise<string[]> {
14
+ if (!existsSync(dir)) return []
15
+ const result: string[] = []
16
+ const entries = await readdir(dir, { withFileTypes: true })
17
+ await Promise.all(
18
+ entries.map(async (entry) => {
19
+ const full = join(dir, entry.name)
20
+ if (entry.isDirectory()) {
21
+ result.push(...(await walkTsFiles(full, baseDir)))
22
+ } else if (entry.isFile() && entry.name.endsWith('.ts')) {
23
+ result.push(relative(baseDir, full))
24
+ }
25
+ }),
26
+ )
27
+ return result
28
+ }
5
29
 
6
30
  const cwd = process.cwd()
7
31
  const args = process.argv.slice(2)
@@ -52,30 +76,40 @@ if (result.exitCode !== 0) {
52
76
  }
53
77
  }
54
78
 
55
- const { files, lastCommitId } = JSON.parse(result.stdout.toString())
79
+ const { files, lastCommitId: serverLastCommitId } = JSON.parse(result.stdout.toString())
80
+
81
+ // The locally-saved commit (recorded by deploy/update-config) is the
82
+ // authoritative merge base for THIS clone — the server's value can be an
83
+ // opaque nanoid (config-only updates) or point to a commit other clients
84
+ // produced. Fall back to the server's value only if we have no local
85
+ // record yet.
86
+ const savedLocalCommitId = await readLastPushedCommit(cwd)
87
+ const baseCommitId = savedLocalCommitId || serverLastCommitId
88
+
89
+ const branchName = isModule
90
+ ? 'BRICKS_PROJECT_try-pull-module'
91
+ : 'BRICKS_PROJECT_try-pull-application'
56
92
 
57
- let useMain = false
58
93
  if (isGitRepo && !force) {
59
- console.log(`Checking commit ${lastCommitId}...`)
60
- const found = (await sh`cd ${cwd} && git rev-list -1 ${lastCommitId}`.nothrow().text())
94
+ console.log(`Checking commit ${baseCommitId}...`)
95
+ const found = (await sh`cd ${cwd} && git rev-list -1 ${baseCommitId}`.nothrow().text())
61
96
  .trim()
62
97
  .match(/^[\da-f]{40}$/)
63
98
 
64
- const commitId = (await sh`cd ${cwd} && git rev-parse HEAD`.text()).trim()
99
+ const headCommitId = (await sh`cd ${cwd} && git rev-parse HEAD`.text()).trim()
65
100
 
66
- if (commitId === lastCommitId) throw new Error('Commit not changed')
67
-
68
- const branchName = isModule
69
- ? 'BRICKS_PROJECT_try-pull-module'
70
- : 'BRICKS_PROJECT_try-pull-application'
101
+ if (headCommitId === serverLastCommitId) throw new Error('Commit not changed')
71
102
 
72
103
  await sh`cd ${cwd} && git branch -D ${branchName}`.nothrow()
73
104
 
105
+ // When the base commit isn't reachable in this clone (server stored a
106
+ // nanoid, or the commit was pruned), fall back to forking from current
107
+ // HEAD. The downstream merge into main collapses both paths into the
108
+ // same result, just with different merge bases.
74
109
  if (found) {
75
- await sh`cd ${cwd} && git checkout -b ${branchName} ${lastCommitId}`.nothrow()
110
+ await sh`cd ${cwd} && git checkout -b ${branchName} ${baseCommitId}`.nothrow()
76
111
  } else {
77
112
  await sh`cd ${cwd} && git checkout -b ${branchName}`
78
- useMain = true
79
113
  }
80
114
  }
81
115
 
@@ -89,6 +123,23 @@ const oxfmtConfig = await readFile(`${cwd}/.oxfmtrc.json`, 'utf8')
89
123
  printWidth: 100,
90
124
  }))
91
125
 
126
+ const expectedFiles = new Set(files.map((file: { name: string }) => file.name))
127
+
128
+ // Remove orphan .ts files under generator-owned directories before writing.
129
+ // File paths are produced by buildApplicationFiles and use forward slashes,
130
+ // so normalise the walked paths the same way for comparison.
131
+ const orphans: string[] = []
132
+ await Promise.all(
133
+ ownedTsDirs.map(async (dir) => {
134
+ const existing = await walkTsFiles(join(cwd, dir), cwd)
135
+ for (const file of existing) {
136
+ const normalized = file.split(/[\\/]/).join('/')
137
+ if (!expectedFiles.has(normalized)) orphans.push(normalized)
138
+ }
139
+ }),
140
+ )
141
+ await Promise.all(orphans.map((name) => unlink(`${cwd}/${name}`)))
142
+
92
143
  await Promise.all(
93
144
  files.map(async (file: { name: string; input: string; formatable?: boolean }) => {
94
145
  let content = file.input
@@ -112,11 +163,35 @@ if (isGitRepo) {
112
163
  const commitArgs = await buildCommitArgs(cwd, [commitMsg])
113
164
  await sh`cd ${cwd} && git ${commitArgs}`
114
165
  }
115
- if (!force && !useMain) {
116
- await sh`cd ${cwd} && git merge main`
166
+ if (!force) {
167
+ // Land the pulled commits on main with a single 3-way merge using
168
+ // baseCommit as the merge base. The user doesn't have to manage a side
169
+ // branch, and conflicts (if any) land in the working tree on main where
170
+ // auto-compile surfaces them as typecheck errors to resolve in-place.
171
+ await sh`cd ${cwd} && git checkout main`
172
+ const mergeResult = await sh`cd ${cwd} && git merge ${branchName} --no-edit`.nothrow()
173
+ if (mergeResult.exitCode !== 0) {
174
+ // Conflict markers are in the working tree — commit them so the tree
175
+ // is clean for auto-compile to detect, leaving the resolution to the
176
+ // user. Pre-commit hooks would reject markers (lint/format fail on
177
+ // invalid syntax), so bypass them for this controlled case.
178
+ await sh`cd ${cwd} && git add .`
179
+ const conflictArgs = await buildCommitArgs(
180
+ cwd,
181
+ ['chore(project): merge with conflicts (resolve in main)'],
182
+ ['--no-verify'],
183
+ )
184
+ await sh`cd ${cwd} && git ${conflictArgs}`
185
+ }
186
+ // The try-pull branch served its purpose; delete it so `git branch`
187
+ // stays tidy. The next pull recreates it anyway (line 103).
188
+ await sh`cd ${cwd} && git branch -D ${branchName}`.nothrow()
117
189
  }
190
+ // Record the new sync point so a follow-up pull starts from the right base.
191
+ const newHead = (await sh`cd ${cwd} && git rev-parse HEAD`.nothrow().text()).trim()
192
+ if (newHead) await writeLastPushedCommit(cwd, newHead)
118
193
  }
119
194
 
120
195
  console.log(
121
- `${isModule ? 'Module' : 'App'} project pulled: ${files.length} files${force ? ' (force)' : ''}`,
196
+ `${isModule ? 'Module' : 'App'} project pulled: ${files.length} files${orphans.length ? `, removed ${orphans.length} orphan .ts file${orphans.length === 1 ? '' : 's'}` : ''}${force ? ' (force)' : ''}`,
122
197
  )
@@ -2,6 +2,7 @@ import { readFile, writeFile } from 'node:fs/promises'
2
2
  import { parseArgs } from 'util'
3
3
  import { sh } from './_shell'
4
4
  import { buildCommitArgs } from './_git-author'
5
+ import { writeLastPushedCommit } from './_last-pushed-commit'
5
6
 
6
7
  const cwd = process.cwd()
7
8
 
@@ -107,4 +108,11 @@ if (result.exitCode !== 0) {
107
108
  }
108
109
 
109
110
  const output = JSON.parse(result.stdout.toString())
111
+
112
+ // Record the commit we just pushed from so a later pull can use it as the
113
+ // merge base regardless of what the server stores in
114
+ // bricks_project_last_commit_id (which may be an opaque nanoid for
115
+ // content-only edits).
116
+ if (commitId) await writeLastPushedCommit(cwd, commitId)
117
+
110
118
  console.log(`${isModule ? 'Module' : 'App'} config updated: ${output.target?.name || app.name}`)
@@ -104,8 +104,13 @@ export interface AnimationComposeDef {
104
104
 
105
105
  export type Animation = AnimationDef | AnimationComposeDef
106
106
 
107
+ // Animation event handlers accept either a direct Animation or a getter that
108
+ // returns one. The getter form is useful for lazy/forward references between
109
+ // animations defined across files.
110
+ export type AnimationOrGetter = Animation | (() => Animation)
111
+
107
112
  export interface AnimationBasicEvents {
108
- showStart?: Animation
109
- standby?: Animation
110
- breatheStart?: Animation
113
+ showStart?: AnimationOrGetter
114
+ standby?: AnimationOrGetter
115
+ breatheStart?: AnimationOrGetter
111
116
  }
@@ -203,6 +203,7 @@ export type LocalSyncMode = 'main-only' | 'minor-only'
203
203
  export interface AutomationTest {
204
204
  __typename: 'AutomationTest'
205
205
  id: string
206
+ alias?: string
206
207
  title: string
207
208
  hideShortRef?: boolean
208
209
  timeout: number
@@ -1,7 +1,7 @@
1
1
  /* Auto generated by build script */
2
2
  import type { SwitchCondInnerStateCurrentCanvas, SwitchCondData, SwitchDef } from './switch'
3
3
  import type { Data, DataLink } from './data'
4
- import type { Animation, AnimationBasicEvents } from './animation'
4
+ import type { Animation, AnimationBasicEvents, AnimationOrGetter } from './animation'
5
5
  import type {
6
6
  Brick,
7
7
  EventAction,