silvery 0.19.2 → 0.21.1
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 +9 -4
- package/dist/Text-BRf-59j2.mjs +237 -0
- package/dist/Text-BRf-59j2.mjs.map +1 -0
- package/dist/ag-BeFC4S2N.mjs +8727 -0
- package/dist/ag-BeFC4S2N.mjs.map +1 -0
- package/dist/{animation-Cn64yepo.mjs → animation-N8MFybTk.mjs} +2 -2
- package/dist/animation-N8MFybTk.mjs.map +1 -0
- package/dist/{ansi-CLOitHKx.mjs → ansi-C6Qs1Wn2.mjs} +1 -1
- package/dist/{ansi-CLOitHKx.mjs.map → ansi-C6Qs1Wn2.mjs.map} +1 -1
- package/dist/{ansi-Cc33mW54.d.mts → ansi-CBkam1ty.d.mts} +1 -1
- package/dist/{ansi-Cc33mW54.d.mts.map → ansi-CBkam1ty.d.mts.map} +1 -1
- package/dist/ansi-OYRLxxZQ.mjs +10669 -0
- package/dist/ansi-OYRLxxZQ.mjs.map +1 -0
- package/dist/bound-term-BumfuXXW.d.mts +4902 -0
- package/dist/bound-term-BumfuXXW.d.mts.map +1 -0
- package/dist/{chunk-Vs_PY4HZ.mjs → chunk-hT5z_Zn9.mjs} +1 -3
- package/dist/cli-DG6zsfsS.mjs +4 -0
- package/dist/context-BU5LkkIy.mjs.map +1 -1
- package/dist/{devtools-DxkSLXDA.mjs → devtools-9zfhpFyG.mjs} +3 -3
- package/dist/{devtools-DxkSLXDA.mjs.map → devtools-9zfhpFyG.mjs.map} +1 -1
- package/dist/devtools-nmPUmYU_.mjs +2 -0
- package/dist/easing-B0oZKDki.d.mts +24 -0
- package/dist/easing-B0oZKDki.d.mts.map +1 -0
- package/dist/{eta-Bb3RH3wh.mjs → eta-DGOuC8yU.mjs} +5 -1
- package/dist/{eta-Bb3RH3wh.mjs.map → eta-DGOuC8yU.mjs.map} +1 -1
- package/dist/flexily-zero-adapter-CEJOcbNp.mjs +306 -0
- package/dist/flexily-zero-adapter-CEJOcbNp.mjs.map +1 -0
- package/dist/{flexily-zero-adapter-CMxXhdOL.mjs → flexily-zero-adapter-D6hcFgrH.mjs} +1 -1
- package/dist/image-1nRyKa60.mjs +5960 -0
- package/dist/image-1nRyKa60.mjs.map +1 -0
- package/dist/{index-D3saHouR.d.mts → index-2E1jYgak.d.mts} +1057 -1133
- package/dist/index-2E1jYgak.d.mts.map +1 -0
- package/dist/index-Bi4Jdz5g.d.mts +453 -0
- package/dist/index-Bi4Jdz5g.d.mts.map +1 -0
- package/dist/index-Dg1YaeJb.d.mts +336 -0
- package/dist/index-Dg1YaeJb.d.mts.map +1 -0
- package/dist/{index-BXslOebb.d.mts → index-DnuadDNL.d.mts} +5750 -4158
- package/dist/index-DnuadDNL.d.mts.map +1 -0
- package/dist/index.d.mts +8 -5
- package/dist/index.d.mts.map +1 -1
- package/dist/index.mjs +16 -12
- package/dist/index.mjs.map +1 -1
- package/dist/layout-engine-Ca_nbtfL.mjs +67 -0
- package/dist/layout-engine-Ca_nbtfL.mjs.map +1 -0
- package/dist/{layout-engine-B6Cdz1yZ.mjs → layout-engine-CgsoBRIn.mjs} +1 -1
- package/dist/layout-signals-Dch2EiCy.mjs +1111 -0
- package/dist/layout-signals-Dch2EiCy.mjs.map +1 -0
- package/dist/mouse-events-hnbJZRwK.mjs +1071 -0
- package/dist/mouse-events-hnbJZRwK.mjs.map +1 -0
- package/dist/{multi-progress-DAQC7eap.d.mts → multi-progress-Bg4ngK80.d.mts} +2 -2
- package/dist/{multi-progress-DAQC7eap.d.mts.map → multi-progress-Bg4ngK80.d.mts.map} +1 -1
- package/dist/{multi-progress-Bq9Oi_WI.mjs → multi-progress-CaXTuL9G.mjs} +3 -3
- package/dist/{multi-progress-Bq9Oi_WI.mjs.map → multi-progress-CaXTuL9G.mjs.map} +1 -1
- package/dist/{node-BeWlnCPY.mjs → node-BiFu8I9Y.mjs} +4 -4
- package/dist/node-BiFu8I9Y.mjs.map +1 -0
- package/dist/progress-B_UPy6zk.mjs +675 -0
- package/dist/progress-B_UPy6zk.mjs.map +1 -0
- package/dist/{progress-bar-CXE5Qfkd.mjs → progress-bar-DmIMPdL0.mjs} +4 -4
- package/dist/{progress-bar-CXE5Qfkd.mjs.map → progress-bar-DmIMPdL0.mjs.map} +1 -1
- package/dist/reconciler-NBDSEm8k.mjs +2178 -0
- package/dist/reconciler-NBDSEm8k.mjs.map +1 -0
- package/dist/render-string-B4h4SmK7.mjs +211 -0
- package/dist/render-string-B4h4SmK7.mjs.map +1 -0
- package/dist/{render-string-CDCeYkS3.mjs → render-string-BntLj7Xq.mjs} +1 -1
- package/dist/runtime.d.mts +3 -2
- package/dist/runtime.mjs +3 -3
- package/dist/{src-B5GjfG7g.mjs → schemes-DYt2ushj.mjs} +23 -1812
- package/dist/schemes-DYt2ushj.mjs.map +1 -0
- package/dist/{spinner-CGo34vyR.d.mts → spinner-CLgzJ_QF.d.mts} +2 -2
- package/dist/{spinner-CGo34vyR.d.mts.map → spinner-CLgzJ_QF.d.mts.map} +1 -1
- package/dist/{spinner-CeOmcuw_.mjs → spinner-Py8_-hn9.mjs} +23 -8
- package/dist/spinner-Py8_-hn9.mjs.map +1 -0
- package/dist/src-B9S_woYc.mjs +25024 -0
- package/dist/src-B9S_woYc.mjs.map +1 -0
- package/dist/src-CbhWmUnF.mjs +3928 -0
- package/dist/src-CbhWmUnF.mjs.map +1 -0
- package/dist/src-Dvq-s8iD.mjs +939 -0
- package/dist/src-Dvq-s8iD.mjs.map +1 -0
- package/dist/src-Oe6x5PrS.mjs +4621 -0
- package/dist/src-Oe6x5PrS.mjs.map +1 -0
- package/dist/{types-Bk2yw9Qj.mjs → src-WeA_J4BV.mjs} +34 -94
- package/dist/src-WeA_J4BV.mjs.map +1 -0
- package/dist/steps-DYrzCUCK.d.mts +202 -0
- package/dist/steps-DYrzCUCK.d.mts.map +1 -0
- package/dist/svg-DhxQkz-O.mjs +255 -0
- package/dist/svg-DhxQkz-O.mjs.map +1 -0
- package/dist/svg-Hk7lIl4F.d.mts +82 -0
- package/dist/svg-Hk7lIl4F.d.mts.map +1 -0
- package/dist/term.d.mts +3 -0
- package/dist/term.mjs +4 -0
- package/dist/theme.d.mts +95 -2
- package/dist/theme.d.mts.map +1 -0
- package/dist/theme.mjs +4 -3
- package/dist/{types-BH_v3iMT.d.mts → types-Bx-XZNbE.d.mts} +2 -15
- package/dist/types-Bx-XZNbE.d.mts.map +1 -0
- package/dist/ui/animation.d.mts +2 -1
- package/dist/ui/animation.mjs +1 -1
- package/dist/ui/ansi.d.mts +1 -1
- package/dist/ui/ansi.mjs +1 -1
- package/dist/ui/cli.d.mts +3 -3
- package/dist/ui/cli.mjs +5 -5
- package/dist/ui/display.d.mts +1 -1
- package/dist/ui/display.mjs.map +1 -1
- package/dist/ui/image.d.mts +2 -2
- package/dist/ui/image.mjs +2 -2
- package/dist/ui/input.d.mts +1 -1
- package/dist/ui/input.mjs.map +1 -1
- package/dist/ui/progress.d.mts +5 -249
- package/dist/ui/progress.mjs +5 -858
- package/dist/ui/react.d.mts +1 -1
- package/dist/ui/react.mjs +2 -2
- package/dist/ui/react.mjs.map +1 -1
- package/dist/ui/recording-chrome-react.d.mts +21 -0
- package/dist/ui/recording-chrome-react.d.mts.map +1 -0
- package/dist/ui/recording-chrome-react.mjs +105 -0
- package/dist/ui/recording-chrome-react.mjs.map +1 -0
- package/dist/ui/recording-chrome.d.mts +2 -0
- package/dist/ui/recording-chrome.mjs +2 -0
- package/dist/ui/utils.mjs +1 -1
- package/dist/ui/wrappers.d.mts +3 -3
- package/dist/ui/wrappers.mjs +2 -2
- package/dist/ui.d.mts +7 -6
- package/dist/ui.mjs +8 -7
- package/dist/{useLatest-Bg2x4bfP.d.mts → useLatest-DC8i7guK.d.mts} +5 -25
- package/dist/useLatest-DC8i7guK.d.mts.map +1 -0
- package/dist/useLayout-BKsQl2Or.mjs +424 -0
- package/dist/useLayout-BKsQl2Or.mjs.map +1 -0
- package/dist/{with-text-input-CRfoiFFG.d.mts → with-text-input-DG4f7JII.d.mts} +4 -55
- package/dist/with-text-input-DG4f7JII.d.mts.map +1 -0
- package/dist/wrapper-D7gNSsgf.mjs +3589 -0
- package/dist/wrapper-D7gNSsgf.mjs.map +1 -0
- package/dist/{wrappers-UTADQkSY.mjs → wrappers-CypAzrMO.mjs} +19 -161
- package/dist/wrappers-CypAzrMO.mjs.map +1 -0
- package/dist/yoga-adapter-1ex8r0ws.mjs +2 -0
- package/dist/{yoga-adapter-8oRGRw8V.mjs → yoga-adapter-SsEIqMc1.mjs} +28 -2
- package/dist/yoga-adapter-SsEIqMc1.mjs.map +1 -0
- package/package.json +63 -12
- package/dist/animation-Cn64yepo.mjs.map +0 -1
- package/dist/cli-BKp0YtBD.mjs +0 -4
- package/dist/devtools-9QY4teqI.mjs +0 -2
- package/dist/flexily-zero-adapter-BlQa46nr.mjs +0 -3385
- package/dist/flexily-zero-adapter-BlQa46nr.mjs.map +0 -1
- package/dist/image-CTII5QWI.mjs +0 -477
- package/dist/image-CTII5QWI.mjs.map +0 -1
- package/dist/index-BXslOebb.d.mts.map +0 -1
- package/dist/index-BnA7mNpo.d.mts +0 -175
- package/dist/index-BnA7mNpo.d.mts.map +0 -1
- package/dist/index-D3saHouR.d.mts.map +0 -1
- package/dist/layout-engine-ClUgv6jB.mjs +0 -50
- package/dist/layout-engine-ClUgv6jB.mjs.map +0 -1
- package/dist/node-BeWlnCPY.mjs.map +0 -1
- package/dist/reconciler-Cwgm8hRR.mjs +0 -8459
- package/dist/reconciler-Cwgm8hRR.mjs.map +0 -1
- package/dist/render-string-Darrg7ku.mjs +0 -5529
- package/dist/render-string-Darrg7ku.mjs.map +0 -1
- package/dist/spinner-CeOmcuw_.mjs.map +0 -1
- package/dist/src-B5GjfG7g.mjs.map +0 -1
- package/dist/src-CChwjk0Z.mjs +0 -738
- package/dist/src-CChwjk0Z.mjs.map +0 -1
- package/dist/src-CF-6UN01.mjs +0 -19434
- package/dist/src-CF-6UN01.mjs.map +0 -1
- package/dist/src-NCKb8kE5.mjs +0 -2660
- package/dist/src-NCKb8kE5.mjs.map +0 -1
- package/dist/types-BH_v3iMT.d.mts.map +0 -1
- package/dist/types-Bk2yw9Qj.mjs.map +0 -1
- package/dist/ui/progress.d.mts.map +0 -1
- package/dist/ui/progress.mjs.map +0 -1
- package/dist/useLatest-Bg2x4bfP.d.mts.map +0 -1
- package/dist/with-text-input-CRfoiFFG.d.mts.map +0 -1
- package/dist/wrappers-UTADQkSY.mjs.map +0 -1
- package/dist/yoga-adapter-8oRGRw8V.mjs.map +0 -1
- package/dist/yoga-adapter-D_CcxSt5.mjs +0 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
//#region node_modules
|
|
1
|
+
//#region node_modules/alien-signals/esm/system.mjs
|
|
2
2
|
function createReactiveSystem({ update, notify, unwatched }) {
|
|
3
3
|
return {
|
|
4
4
|
link,
|
|
@@ -168,7 +168,7 @@ function createReactiveSystem({ update, notify, unwatched }) {
|
|
|
168
168
|
}
|
|
169
169
|
}
|
|
170
170
|
//#endregion
|
|
171
|
-
//#region node_modules
|
|
171
|
+
//#region node_modules/alien-signals/esm/index.mjs
|
|
172
172
|
let cycle = 0;
|
|
173
173
|
let notifyIndex = 0;
|
|
174
174
|
let queuedLength = 0;
|
|
@@ -364,105 +364,45 @@ function purgeDeps(sub) {
|
|
|
364
364
|
while (dep !== void 0) dep = unlink(dep, sub);
|
|
365
365
|
}
|
|
366
366
|
//#endregion
|
|
367
|
-
//#region packages/
|
|
367
|
+
//#region packages/signals/src/index.ts
|
|
368
368
|
/**
|
|
369
|
-
*
|
|
369
|
+
* Subscribe to signal changes via an imperative callback.
|
|
370
370
|
*
|
|
371
|
-
*
|
|
372
|
-
*
|
|
373
|
-
*
|
|
374
|
-
*
|
|
375
|
-
*
|
|
376
|
-
* pay zero cost. After layout completes, the pipeline calls `syncSignals()`
|
|
377
|
-
* to propagate imperative state into signals.
|
|
378
|
-
*
|
|
379
|
-
* ## Usage
|
|
371
|
+
* alien-signals' `effect()` runs once eagerly to establish dependencies,
|
|
372
|
+
* which means a plain `effect(() => handler(sig()))` fires with the seed
|
|
373
|
+
* value. `watch()` swallows that first fire and only calls `onChange` when
|
|
374
|
+
* the value actually changes — matching the old `.subscribe(handler)`
|
|
375
|
+
* semantic consumers often want.
|
|
380
376
|
*
|
|
381
377
|
* ```ts
|
|
382
|
-
*
|
|
383
|
-
*
|
|
384
|
-
*
|
|
385
|
-
*
|
|
386
|
-
*
|
|
387
|
-
* signals.textContent() // read current text
|
|
388
|
-
*
|
|
389
|
-
* // After layout/reconciler mutations, sync imperative → reactive
|
|
390
|
-
* syncSignals(node)
|
|
378
|
+
* const stop = watch(
|
|
379
|
+
* () => size.snapshot(),
|
|
380
|
+
* (next, prev) => { emit({ cols: next.cols, rows: next.rows }) },
|
|
381
|
+
* )
|
|
382
|
+
* // stop() to unsubscribe
|
|
391
383
|
* ```
|
|
392
384
|
*
|
|
393
|
-
*
|
|
394
|
-
*
|
|
395
|
-
* Layer 0: alien-signals (signal, computed, effect)
|
|
396
|
-
* Layer 1: getLayoutSignals() — this module (@silvery/ag, framework-agnostic)
|
|
397
|
-
* Layer 2: useSignal(signal) — @silvery/ag-react (React bridge)
|
|
398
|
-
* Layer 3: useBoxRect(), useAgNode() — semantic convenience hooks
|
|
399
|
-
*/
|
|
400
|
-
const signalMap = /* @__PURE__ */ new WeakMap();
|
|
401
|
-
/**
|
|
402
|
-
* Get or create layout signals for a node.
|
|
403
|
-
*
|
|
404
|
-
* Lazily created on first access. Automatically garbage-collected
|
|
405
|
-
* when the node is removed from the tree (WeakMap semantics).
|
|
385
|
+
* Returns the effect's stop function.
|
|
406
386
|
*/
|
|
407
|
-
function
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
* Called from notifyLayoutSubscribers after layout + scroll + sticky
|
|
425
|
-
* phases complete. Only syncs nodes that have signals allocated.
|
|
426
|
-
* Reference-equality check prevents unnecessary downstream updates.
|
|
427
|
-
*/
|
|
428
|
-
function syncRectSignals(node) {
|
|
429
|
-
const s = signalMap.get(node);
|
|
430
|
-
if (!s) return;
|
|
431
|
-
if (node.boxRect !== s.boxRect()) s.boxRect(node.boxRect);
|
|
432
|
-
if (node.scrollRect !== s.scrollRect()) s.scrollRect(node.scrollRect);
|
|
433
|
-
if (node.screenRect !== s.screenRect()) s.screenRect(node.screenRect);
|
|
434
|
-
}
|
|
435
|
-
/**
|
|
436
|
-
* Sync textContent signal from the node's current value.
|
|
437
|
-
*
|
|
438
|
-
* Called from commitTextUpdate in the reconciler.
|
|
439
|
-
*/
|
|
440
|
-
function syncTextContentSignal(node) {
|
|
441
|
-
const s = signalMap.get(node);
|
|
442
|
-
if (!s) return;
|
|
443
|
-
if (node.textContent !== s.textContent()) s.textContent(node.textContent);
|
|
444
|
-
}
|
|
445
|
-
/**
|
|
446
|
-
* Sync focused signal for a node.
|
|
447
|
-
*
|
|
448
|
-
* Called from FocusManager when focus changes.
|
|
449
|
-
*/
|
|
450
|
-
function syncFocusedSignal(node, focused) {
|
|
451
|
-
const s = signalMap.get(node);
|
|
452
|
-
if (!s) return;
|
|
453
|
-
if (focused !== s.focused()) s.focused(focused);
|
|
454
|
-
}
|
|
455
|
-
//#endregion
|
|
456
|
-
//#region packages/ag/src/types.ts
|
|
457
|
-
/**
|
|
458
|
-
* Check if two rects are equal (same position and size).
|
|
459
|
-
*/
|
|
460
|
-
function rectEqual(a, b) {
|
|
461
|
-
if (a === b) return true;
|
|
462
|
-
if (!a || !b) return false;
|
|
463
|
-
return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
|
|
387
|
+
function watch(read, onChange, opts = {}) {
|
|
388
|
+
const equals = opts.equals ?? Object.is;
|
|
389
|
+
let seeded = false;
|
|
390
|
+
let prev;
|
|
391
|
+
return effect(() => {
|
|
392
|
+
const next = read();
|
|
393
|
+
if (!seeded) {
|
|
394
|
+
seeded = true;
|
|
395
|
+
prev = next;
|
|
396
|
+
if (opts.immediate) onChange(next, next);
|
|
397
|
+
return;
|
|
398
|
+
}
|
|
399
|
+
if (equals(next, prev)) return;
|
|
400
|
+
const old = prev;
|
|
401
|
+
prev = next;
|
|
402
|
+
onChange(next, old);
|
|
403
|
+
});
|
|
464
404
|
}
|
|
465
405
|
//#endregion
|
|
466
|
-
export {
|
|
406
|
+
export { signal as i, computed as n, effect as r, watch as t };
|
|
467
407
|
|
|
468
|
-
//# sourceMappingURL=
|
|
408
|
+
//# sourceMappingURL=src-WeA_J4BV.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"src-WeA_J4BV.mjs","names":[],"sources":["../node_modules/alien-signals/esm/system.mjs","../node_modules/alien-signals/esm/index.mjs","../packages/signals/src/index.ts"],"sourcesContent":["export const ReactiveFlags = {\n None: 0,\n Mutable: 1,\n Watching: 2,\n RecursedCheck: 4,\n Recursed: 8,\n Dirty: 16,\n Pending: 32,\n};\nexport function createReactiveSystem({ update, notify, unwatched, }) {\n return {\n link,\n unlink,\n propagate,\n checkDirty,\n shallowPropagate,\n };\n function link(dep, sub, version) {\n const prevDep = sub.depsTail;\n if (prevDep !== undefined && prevDep.dep === dep) {\n return;\n }\n const nextDep = prevDep !== undefined ? prevDep.nextDep : sub.deps;\n if (nextDep !== undefined && nextDep.dep === dep) {\n nextDep.version = version;\n sub.depsTail = nextDep;\n return;\n }\n const prevSub = dep.subsTail;\n if (prevSub !== undefined && prevSub.version === version && prevSub.sub === sub) {\n return;\n }\n const newLink = sub.depsTail\n = dep.subsTail\n = {\n version,\n dep,\n sub,\n prevDep,\n nextDep,\n prevSub,\n nextSub: undefined,\n };\n if (nextDep !== undefined) {\n nextDep.prevDep = newLink;\n }\n if (prevDep !== undefined) {\n prevDep.nextDep = newLink;\n }\n else {\n sub.deps = newLink;\n }\n if (prevSub !== undefined) {\n prevSub.nextSub = newLink;\n }\n else {\n dep.subs = newLink;\n }\n }\n function unlink(link, sub = link.sub) {\n const dep = link.dep;\n const prevDep = link.prevDep;\n const nextDep = link.nextDep;\n const nextSub = link.nextSub;\n const prevSub = link.prevSub;\n if (nextDep !== undefined) {\n nextDep.prevDep = prevDep;\n }\n else {\n sub.depsTail = prevDep;\n }\n if (prevDep !== undefined) {\n prevDep.nextDep = nextDep;\n }\n else {\n sub.deps = nextDep;\n }\n if (nextSub !== undefined) {\n nextSub.prevSub = prevSub;\n }\n else {\n dep.subsTail = prevSub;\n }\n if (prevSub !== undefined) {\n prevSub.nextSub = nextSub;\n }\n else if ((dep.subs = nextSub) === undefined) {\n unwatched(dep);\n }\n return nextDep;\n }\n function propagate(link) {\n let next = link.nextSub;\n let stack;\n top: do {\n const sub = link.sub;\n let flags = sub.flags;\n if (!(flags & (4 | 8 | 16 | 32))) {\n sub.flags = flags | 32;\n }\n else if (!(flags & (4 | 8))) {\n flags = 0;\n }\n else if (!(flags & 4)) {\n sub.flags = (flags & ~8) | 32;\n }\n else if (!(flags & (16 | 32)) && isValidLink(link, sub)) {\n sub.flags = flags | (8 | 32);\n flags &= 1;\n }\n else {\n flags = 0;\n }\n if (flags & 2) {\n notify(sub);\n }\n if (flags & 1) {\n const subSubs = sub.subs;\n if (subSubs !== undefined) {\n const nextSub = (link = subSubs).nextSub;\n if (nextSub !== undefined) {\n stack = { value: next, prev: stack };\n next = nextSub;\n }\n continue;\n }\n }\n if ((link = next) !== undefined) {\n next = link.nextSub;\n continue;\n }\n while (stack !== undefined) {\n link = stack.value;\n stack = stack.prev;\n if (link !== undefined) {\n next = link.nextSub;\n continue top;\n }\n }\n break;\n } while (true);\n }\n function checkDirty(link, sub) {\n let stack;\n let checkDepth = 0;\n let dirty = false;\n top: do {\n const dep = link.dep;\n const flags = dep.flags;\n if (sub.flags & 16) {\n dirty = true;\n }\n else if ((flags & (1 | 16)) === (1 | 16)) {\n if (update(dep)) {\n const subs = dep.subs;\n if (subs.nextSub !== undefined) {\n shallowPropagate(subs);\n }\n dirty = true;\n }\n }\n else if ((flags & (1 | 32)) === (1 | 32)) {\n if (link.nextSub !== undefined || link.prevSub !== undefined) {\n stack = { value: link, prev: stack };\n }\n link = dep.deps;\n sub = dep;\n ++checkDepth;\n continue;\n }\n if (!dirty) {\n const nextDep = link.nextDep;\n if (nextDep !== undefined) {\n link = nextDep;\n continue;\n }\n }\n while (checkDepth--) {\n const firstSub = sub.subs;\n const hasMultipleSubs = firstSub.nextSub !== undefined;\n if (hasMultipleSubs) {\n link = stack.value;\n stack = stack.prev;\n }\n else {\n link = firstSub;\n }\n if (dirty) {\n if (update(sub)) {\n if (hasMultipleSubs) {\n shallowPropagate(firstSub);\n }\n sub = link.sub;\n continue;\n }\n dirty = false;\n }\n else {\n sub.flags &= ~32;\n }\n sub = link.sub;\n const nextDep = link.nextDep;\n if (nextDep !== undefined) {\n link = nextDep;\n continue top;\n }\n }\n return dirty;\n } while (true);\n }\n function shallowPropagate(link) {\n do {\n const sub = link.sub;\n const flags = sub.flags;\n if ((flags & (32 | 16)) === 32) {\n sub.flags = flags | 16;\n if ((flags & (2 | 4)) === 2) {\n notify(sub);\n }\n }\n } while ((link = link.nextSub) !== undefined);\n }\n function isValidLink(checkLink, sub) {\n let link = sub.depsTail;\n while (link !== undefined) {\n if (link === checkLink) {\n return true;\n }\n link = link.prevDep;\n }\n return false;\n }\n}\n","import { createReactiveSystem } from './system.mjs';\nlet cycle = 0;\nlet batchDepth = 0;\nlet notifyIndex = 0;\nlet queuedLength = 0;\nlet activeSub;\nconst queued = [];\nconst { link, unlink, propagate, checkDirty, shallowPropagate, } = createReactiveSystem({\n update(node) {\n if (node.depsTail !== undefined) {\n return updateComputed(node);\n }\n else {\n return updateSignal(node);\n }\n },\n notify(effect) {\n let insertIndex = queuedLength;\n let firstInsertedIndex = insertIndex;\n do {\n queued[insertIndex++] = effect;\n effect.flags &= ~2;\n effect = effect.subs?.sub;\n if (effect === undefined || !(effect.flags & 2)) {\n break;\n }\n } while (true);\n queuedLength = insertIndex;\n while (firstInsertedIndex < --insertIndex) {\n const left = queued[firstInsertedIndex];\n queued[firstInsertedIndex++] = queued[insertIndex];\n queued[insertIndex] = left;\n }\n },\n unwatched(node) {\n if (!(node.flags & 1)) {\n effectScopeOper.call(node);\n }\n else if (node.depsTail !== undefined) {\n node.depsTail = undefined;\n node.flags = 1 | 16;\n purgeDeps(node);\n }\n },\n});\nexport function getActiveSub() {\n return activeSub;\n}\nexport function setActiveSub(sub) {\n const prevSub = activeSub;\n activeSub = sub;\n return prevSub;\n}\nexport function getBatchDepth() {\n return batchDepth;\n}\nexport function startBatch() {\n ++batchDepth;\n}\nexport function endBatch() {\n if (!--batchDepth) {\n flush();\n }\n}\nexport function isSignal(fn) {\n return fn.name === 'bound ' + signalOper.name;\n}\nexport function isComputed(fn) {\n return fn.name === 'bound ' + computedOper.name;\n}\nexport function isEffect(fn) {\n return fn.name === 'bound ' + effectOper.name;\n}\nexport function isEffectScope(fn) {\n return fn.name === 'bound ' + effectScopeOper.name;\n}\nexport function signal(initialValue) {\n return signalOper.bind({\n currentValue: initialValue,\n pendingValue: initialValue,\n subs: undefined,\n subsTail: undefined,\n flags: 1,\n });\n}\nexport function computed(getter) {\n return computedOper.bind({\n value: undefined,\n subs: undefined,\n subsTail: undefined,\n deps: undefined,\n depsTail: undefined,\n flags: 0,\n getter: getter,\n });\n}\nexport function effect(fn) {\n const e = {\n fn,\n subs: undefined,\n subsTail: undefined,\n deps: undefined,\n depsTail: undefined,\n flags: 2 | 4,\n };\n const prevSub = setActiveSub(e);\n if (prevSub !== undefined) {\n link(e, prevSub, 0);\n }\n try {\n e.fn();\n }\n finally {\n activeSub = prevSub;\n e.flags &= ~4;\n }\n return effectOper.bind(e);\n}\nexport function effectScope(fn) {\n const e = {\n deps: undefined,\n depsTail: undefined,\n subs: undefined,\n subsTail: undefined,\n flags: 0,\n };\n const prevSub = setActiveSub(e);\n if (prevSub !== undefined) {\n link(e, prevSub, 0);\n }\n try {\n fn();\n }\n finally {\n activeSub = prevSub;\n }\n return effectScopeOper.bind(e);\n}\nexport function trigger(fn) {\n const sub = {\n deps: undefined,\n depsTail: undefined,\n flags: 2,\n };\n const prevSub = setActiveSub(sub);\n try {\n fn();\n }\n finally {\n activeSub = prevSub;\n let link = sub.deps;\n while (link !== undefined) {\n const dep = link.dep;\n link = unlink(link, sub);\n const subs = dep.subs;\n if (subs !== undefined) {\n sub.flags = 0;\n propagate(subs);\n shallowPropagate(subs);\n }\n }\n if (!batchDepth) {\n flush();\n }\n }\n}\nfunction updateComputed(c) {\n ++cycle;\n c.depsTail = undefined;\n c.flags = 1 | 4;\n const prevSub = setActiveSub(c);\n try {\n const oldValue = c.value;\n return oldValue !== (c.value = c.getter(oldValue));\n }\n finally {\n activeSub = prevSub;\n c.flags &= ~4;\n purgeDeps(c);\n }\n}\nfunction updateSignal(s) {\n s.flags = 1;\n return s.currentValue !== (s.currentValue = s.pendingValue);\n}\nfunction run(e) {\n const flags = e.flags;\n if (flags & 16\n || (flags & 32\n && checkDirty(e.deps, e))) {\n ++cycle;\n e.depsTail = undefined;\n e.flags = 2 | 4;\n const prevSub = setActiveSub(e);\n try {\n e.fn();\n }\n finally {\n activeSub = prevSub;\n e.flags &= ~4;\n purgeDeps(e);\n }\n }\n else {\n e.flags = 2;\n }\n}\nfunction flush() {\n try {\n while (notifyIndex < queuedLength) {\n const effect = queued[notifyIndex];\n queued[notifyIndex++] = undefined;\n run(effect);\n }\n }\n finally {\n while (notifyIndex < queuedLength) {\n const effect = queued[notifyIndex];\n queued[notifyIndex++] = undefined;\n effect.flags |= 2 | 8;\n }\n notifyIndex = 0;\n queuedLength = 0;\n }\n}\nfunction computedOper() {\n const flags = this.flags;\n if (flags & 16\n || (flags & 32\n && (checkDirty(this.deps, this)\n || (this.flags = flags & ~32, false)))) {\n if (updateComputed(this)) {\n const subs = this.subs;\n if (subs !== undefined) {\n shallowPropagate(subs);\n }\n }\n }\n else if (!flags) {\n this.flags = 1 | 4;\n const prevSub = setActiveSub(this);\n try {\n this.value = this.getter();\n }\n finally {\n activeSub = prevSub;\n this.flags &= ~4;\n }\n }\n const sub = activeSub;\n if (sub !== undefined) {\n link(this, sub, cycle);\n }\n return this.value;\n}\nfunction signalOper(...value) {\n if (value.length) {\n if (this.pendingValue !== (this.pendingValue = value[0])) {\n this.flags = 1 | 16;\n const subs = this.subs;\n if (subs !== undefined) {\n propagate(subs);\n if (!batchDepth) {\n flush();\n }\n }\n }\n }\n else {\n if (this.flags & 16) {\n if (updateSignal(this)) {\n const subs = this.subs;\n if (subs !== undefined) {\n shallowPropagate(subs);\n }\n }\n }\n let sub = activeSub;\n while (sub !== undefined) {\n if (sub.flags & (1 | 2)) {\n link(this, sub, cycle);\n break;\n }\n sub = sub.subs?.sub;\n }\n return this.currentValue;\n }\n}\nfunction effectOper() {\n effectScopeOper.call(this);\n}\nfunction effectScopeOper() {\n this.depsTail = undefined;\n this.flags = 0;\n purgeDeps(this);\n const sub = this.subs;\n if (sub !== undefined) {\n unlink(sub);\n }\n}\nfunction purgeDeps(sub) {\n const depsTail = sub.depsTail;\n let dep = depsTail !== undefined ? depsTail.nextDep : sub.deps;\n while (dep !== undefined) {\n dep = unlink(dep, sub);\n }\n}\n","/**\n * @silvery/signals — Reactive signals for silvery.\n *\n * Thin wrapper around alien-signals providing:\n * - signal(value) — create a reactive value (call to read, call with arg to write)\n * - computed(fn) — derived reactive value that recomputes on dependency changes\n * - effect(fn) — side effect that re-runs when dependencies change\n * - effectScope(fn) — group effects for collective disposal\n * - batch(fn) — batch multiple signal updates into one notification\n * - watch(read, onChange) — change-only subscription (skips the seed fire)\n *\n * @packageDocumentation\n */\n\nexport {\n signal,\n computed,\n effect,\n effectScope,\n startBatch,\n endBatch,\n trigger,\n isSignal,\n isComputed,\n isEffect,\n isEffectScope,\n getActiveSub,\n setActiveSub,\n getBatchDepth,\n} from \"alien-signals\"\n\nimport { effect, startBatch, endBatch } from \"alien-signals\"\n\n/**\n * A reactive value — callable getter/setter.\n *\n * - `sig()` reads the current value (and subscribes the active effect/computed).\n * - `sig(next)` writes a new value; subscribers re-run only if `next !== current`.\n *\n * Matches the return shape of `signal<T>(initial)` from alien-signals, so any\n * `signal()` result is assignable to `Signal<T>`.\n */\nexport type Signal<T> = {\n (): T\n (value: T): void\n}\n\n/**\n * A read-only reactive value — callable getter that subscribes the active\n * effect/computed but cannot be written to. Matches the return shape of\n * `computed<T>(fn)` from alien-signals.\n */\nexport type ReadSignal<T> = () => T\n\n/** Batch multiple signal updates, notifying subscribers once at the end. */\nexport function batch(fn: () => void): void {\n startBatch()\n try {\n fn()\n } finally {\n endBatch()\n }\n}\n\n/**\n * Options for {@link watch}.\n */\nexport interface WatchOptions<T> {\n /** If true, fire `onChange` on the seed read with `(next, next)`. Default false (change-only). */\n immediate?: boolean\n /** Equality predicate — handler fires only when `equals(next, prev)` is false. Default `Object.is`. */\n equals?: (a: T, b: T) => boolean\n}\n\n/**\n * Subscribe to signal changes via an imperative callback.\n *\n * alien-signals' `effect()` runs once eagerly to establish dependencies,\n * which means a plain `effect(() => handler(sig()))` fires with the seed\n * value. `watch()` swallows that first fire and only calls `onChange` when\n * the value actually changes — matching the old `.subscribe(handler)`\n * semantic consumers often want.\n *\n * ```ts\n * const stop = watch(\n * () => size.snapshot(),\n * (next, prev) => { emit({ cols: next.cols, rows: next.rows }) },\n * )\n * // stop() to unsubscribe\n * ```\n *\n * Returns the effect's stop function.\n */\nexport function watch<T>(\n read: () => T,\n onChange: (next: T, prev: T) => void,\n opts: WatchOptions<T> = {},\n): () => void {\n const equals = opts.equals ?? Object.is\n let seeded = false\n let prev!: T\n return effect(() => {\n const next = read()\n if (!seeded) {\n seeded = true\n prev = next\n if (opts.immediate) onChange(next, next)\n return\n }\n if (equals(next, prev)) return\n const old = prev\n prev = next\n onChange(next, old)\n })\n}\n"],"x_google_ignoreList":[0,1],"mappings":";AASA,SAAgB,qBAAqB,EAAE,QAAQ,QAAQ,aAAc;AACjE,QAAO;EACH;EACA;EACA;EACA;EACA;EACH;CACD,SAAS,KAAK,KAAK,KAAK,SAAS;EAC7B,MAAM,UAAU,IAAI;AACpB,MAAI,YAAY,KAAA,KAAa,QAAQ,QAAQ,IACzC;EAEJ,MAAM,UAAU,YAAY,KAAA,IAAY,QAAQ,UAAU,IAAI;AAC9D,MAAI,YAAY,KAAA,KAAa,QAAQ,QAAQ,KAAK;AAC9C,WAAQ,UAAU;AAClB,OAAI,WAAW;AACf;;EAEJ,MAAM,UAAU,IAAI;AACpB,MAAI,YAAY,KAAA,KAAa,QAAQ,YAAY,WAAW,QAAQ,QAAQ,IACxE;EAEJ,MAAM,UAAU,IAAI,WACd,IAAI,WACA;GACE;GACA;GACA;GACA;GACA;GACA;GACA,SAAS,KAAA;GACZ;AACT,MAAI,YAAY,KAAA,EACZ,SAAQ,UAAU;AAEtB,MAAI,YAAY,KAAA,EACZ,SAAQ,UAAU;MAGlB,KAAI,OAAO;AAEf,MAAI,YAAY,KAAA,EACZ,SAAQ,UAAU;MAGlB,KAAI,OAAO;;CAGnB,SAAS,OAAO,MAAM,MAAM,KAAK,KAAK;EAClC,MAAM,MAAM,KAAK;EACjB,MAAM,UAAU,KAAK;EACrB,MAAM,UAAU,KAAK;EACrB,MAAM,UAAU,KAAK;EACrB,MAAM,UAAU,KAAK;AACrB,MAAI,YAAY,KAAA,EACZ,SAAQ,UAAU;MAGlB,KAAI,WAAW;AAEnB,MAAI,YAAY,KAAA,EACZ,SAAQ,UAAU;MAGlB,KAAI,OAAO;AAEf,MAAI,YAAY,KAAA,EACZ,SAAQ,UAAU;MAGlB,KAAI,WAAW;AAEnB,MAAI,YAAY,KAAA,EACZ,SAAQ,UAAU;YAEZ,IAAI,OAAO,aAAa,KAAA,EAC9B,WAAU,IAAI;AAElB,SAAO;;CAEX,SAAS,UAAU,MAAM;EACrB,IAAI,OAAO,KAAK;EAChB,IAAI;AACJ,MAAK,IAAG;GACJ,MAAM,MAAM,KAAK;GACjB,IAAI,QAAQ,IAAI;AAChB,OAAI,EAAE,QAAS,IACX,KAAI,QAAQ,QAAQ;YAEf,EAAE,QAAS,IAChB,SAAQ;YAEH,EAAE,QAAQ,GACf,KAAI,QAAS,QAAQ,KAAM;YAEtB,EAAE,QAAS,OAAa,YAAY,MAAM,IAAI,EAAE;AACrD,QAAI,QAAQ,QAAS;AACrB,aAAS;SAGT,SAAQ;AAEZ,OAAI,QAAQ,EACR,QAAO,IAAI;AAEf,OAAI,QAAQ,GAAG;IACX,MAAM,UAAU,IAAI;AACpB,QAAI,YAAY,KAAA,GAAW;KACvB,MAAM,WAAW,OAAO,SAAS;AACjC,SAAI,YAAY,KAAA,GAAW;AACvB,cAAQ;OAAE,OAAO;OAAM,MAAM;OAAO;AACpC,aAAO;;AAEX;;;AAGR,QAAK,OAAO,UAAU,KAAA,GAAW;AAC7B,WAAO,KAAK;AACZ;;AAEJ,UAAO,UAAU,KAAA,GAAW;AACxB,WAAO,MAAM;AACb,YAAQ,MAAM;AACd,QAAI,SAAS,KAAA,GAAW;AACpB,YAAO,KAAK;AACZ,cAAS;;;AAGjB;WACK;;CAEb,SAAS,WAAW,MAAM,KAAK;EAC3B,IAAI;EACJ,IAAI,aAAa;EACjB,IAAI,QAAQ;AACZ,MAAK,IAAG;GACJ,MAAM,MAAM,KAAK;GACjB,MAAM,QAAQ,IAAI;AAClB,OAAI,IAAI,QAAQ,GACZ,SAAQ;aAEF,QAAS,QAAc;QACzB,OAAO,IAAI,EAAE;KACb,MAAM,OAAO,IAAI;AACjB,SAAI,KAAK,YAAY,KAAA,EACjB,kBAAiB,KAAK;AAE1B,aAAQ;;eAGN,QAAS,QAAc,IAAS;AACtC,QAAI,KAAK,YAAY,KAAA,KAAa,KAAK,YAAY,KAAA,EAC/C,SAAQ;KAAE,OAAO;KAAM,MAAM;KAAO;AAExC,WAAO,IAAI;AACX,UAAM;AACN,MAAE;AACF;;AAEJ,OAAI,CAAC,OAAO;IACR,MAAM,UAAU,KAAK;AACrB,QAAI,YAAY,KAAA,GAAW;AACvB,YAAO;AACP;;;AAGR,UAAO,cAAc;IACjB,MAAM,WAAW,IAAI;IACrB,MAAM,kBAAkB,SAAS,YAAY,KAAA;AAC7C,QAAI,iBAAiB;AACjB,YAAO,MAAM;AACb,aAAQ,MAAM;UAGd,QAAO;AAEX,QAAI,OAAO;AACP,SAAI,OAAO,IAAI,EAAE;AACb,UAAI,gBACA,kBAAiB,SAAS;AAE9B,YAAM,KAAK;AACX;;AAEJ,aAAQ;UAGR,KAAI,SAAS;AAEjB,UAAM,KAAK;IACX,MAAM,UAAU,KAAK;AACrB,QAAI,YAAY,KAAA,GAAW;AACvB,YAAO;AACP,cAAS;;;AAGjB,UAAO;WACF;;CAEb,SAAS,iBAAiB,MAAM;AAC5B,KAAG;GACC,MAAM,MAAM,KAAK;GACjB,MAAM,QAAQ,IAAI;AAClB,QAAK,QAAS,QAAc,IAAI;AAC5B,QAAI,QAAQ,QAAQ;AACpB,SAAK,QAAS,OAAY,EACtB,QAAO,IAAI;;YAGb,OAAO,KAAK,aAAa,KAAA;;CAEvC,SAAS,YAAY,WAAW,KAAK;EACjC,IAAI,OAAO,IAAI;AACf,SAAO,SAAS,KAAA,GAAW;AACvB,OAAI,SAAS,UACT,QAAO;AAEX,UAAO,KAAK;;AAEhB,SAAO;;;;;ACrOf,IAAI,QAAQ;AAEZ,IAAI,cAAc;AAClB,IAAI,eAAe;AACnB,IAAI;AACJ,MAAM,SAAS,EAAE;AACjB,MAAM,EAAE,MAAM,QAAQ,WAAW,YAAY,qBAAsB,qBAAqB;CACpF,OAAO,MAAM;AACT,MAAI,KAAK,aAAa,KAAA,EAClB,QAAO,eAAe,KAAK;MAG3B,QAAO,aAAa,KAAK;;CAGjC,OAAO,QAAQ;EACX,IAAI,cAAc;EAClB,IAAI,qBAAqB;AACzB,KAAG;AACC,UAAO,iBAAiB;AACxB,UAAO,SAAS;AAChB,YAAS,OAAO,MAAM;AACtB,OAAI,WAAW,KAAA,KAAa,EAAE,OAAO,QAAQ,GACzC;WAEC;AACT,iBAAe;AACf,SAAO,qBAAqB,EAAE,aAAa;GACvC,MAAM,OAAO,OAAO;AACpB,UAAO,wBAAwB,OAAO;AACtC,UAAO,eAAe;;;CAG9B,UAAU,MAAM;AACZ,MAAI,EAAE,KAAK,QAAQ,GACf,iBAAgB,KAAK,KAAK;WAErB,KAAK,aAAa,KAAA,GAAW;AAClC,QAAK,WAAW,KAAA;AAChB,QAAK,QAAQ;AACb,aAAU,KAAK;;;CAG1B,CAAC;AAIF,SAAgB,aAAa,KAAK;CAC9B,MAAM,UAAU;AAChB,aAAY;AACZ,QAAO;;AAyBX,SAAgB,OAAO,cAAc;AACjC,QAAO,WAAW,KAAK;EACnB,cAAc;EACd,cAAc;EACd,MAAM,KAAA;EACN,UAAU,KAAA;EACV,OAAO;EACV,CAAC;;AAEN,SAAgB,SAAS,QAAQ;AAC7B,QAAO,aAAa,KAAK;EACrB,OAAO,KAAA;EACP,MAAM,KAAA;EACN,UAAU,KAAA;EACV,MAAM,KAAA;EACN,UAAU,KAAA;EACV,OAAO;EACC;EACX,CAAC;;AAEN,SAAgB,OAAO,IAAI;CACvB,MAAM,IAAI;EACN;EACA,MAAM,KAAA;EACN,UAAU,KAAA;EACV,MAAM,KAAA;EACN,UAAU,KAAA;EACV,OAAO;EACV;CACD,MAAM,UAAU,aAAa,EAAE;AAC/B,KAAI,YAAY,KAAA,EACZ,MAAK,GAAG,SAAS,EAAE;AAEvB,KAAI;AACA,IAAE,IAAI;WAEF;AACJ,cAAY;AACZ,IAAE,SAAS;;AAEf,QAAO,WAAW,KAAK,EAAE;;AAkD7B,SAAS,eAAe,GAAG;AACvB,GAAE;AACF,GAAE,WAAW,KAAA;AACb,GAAE,QAAQ;CACV,MAAM,UAAU,aAAa,EAAE;AAC/B,KAAI;EACA,MAAM,WAAW,EAAE;AACnB,SAAO,cAAc,EAAE,QAAQ,EAAE,OAAO,SAAS;WAE7C;AACJ,cAAY;AACZ,IAAE,SAAS;AACX,YAAU,EAAE;;;AAGpB,SAAS,aAAa,GAAG;AACrB,GAAE,QAAQ;AACV,QAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE;;AAElD,SAAS,IAAI,GAAG;CACZ,MAAM,QAAQ,EAAE;AAChB,KAAI,QAAQ,MACJ,QAAQ,MACL,WAAW,EAAE,MAAM,EAAE,EAAG;AAC/B,IAAE;AACF,IAAE,WAAW,KAAA;AACb,IAAE,QAAQ;EACV,MAAM,UAAU,aAAa,EAAE;AAC/B,MAAI;AACA,KAAE,IAAI;YAEF;AACJ,eAAY;AACZ,KAAE,SAAS;AACX,aAAU,EAAE;;OAIhB,GAAE,QAAQ;;AAGlB,SAAS,QAAQ;AACb,KAAI;AACA,SAAO,cAAc,cAAc;GAC/B,MAAM,SAAS,OAAO;AACtB,UAAO,iBAAiB,KAAA;AACxB,OAAI,OAAO;;WAGX;AACJ,SAAO,cAAc,cAAc;GAC/B,MAAM,SAAS,OAAO;AACtB,UAAO,iBAAiB,KAAA;AACxB,UAAO,SAAS;;AAEpB,gBAAc;AACd,iBAAe;;;AAGvB,SAAS,eAAe;CACpB,MAAM,QAAQ,KAAK;AACnB,KAAI,QAAQ,MACJ,QAAQ,OACJ,WAAW,KAAK,MAAM,KAAK,KACvB,KAAK,QAAQ,QAAQ,KAAK;MAClC,eAAe,KAAK,EAAE;GACtB,MAAM,OAAO,KAAK;AAClB,OAAI,SAAS,KAAA,EACT,kBAAiB,KAAK;;YAIzB,CAAC,OAAO;AACb,OAAK,QAAQ;EACb,MAAM,UAAU,aAAa,KAAK;AAClC,MAAI;AACA,QAAK,QAAQ,KAAK,QAAQ;YAEtB;AACJ,eAAY;AACZ,QAAK,SAAS;;;CAGtB,MAAM,MAAM;AACZ,KAAI,QAAQ,KAAA,EACR,MAAK,MAAM,KAAK,MAAM;AAE1B,QAAO,KAAK;;AAEhB,SAAS,WAAW,GAAG,OAAO;AAC1B,KAAI,MAAM;MACF,KAAK,kBAAkB,KAAK,eAAe,MAAM,KAAK;AACtD,QAAK,QAAQ;GACb,MAAM,OAAO,KAAK;AAClB,OAAI,SAAS,KAAA,GAAW;AACpB,cAAU,KAAK;AAEX,WAAO;;;QAKlB;AACD,MAAI,KAAK,QAAQ;OACT,aAAa,KAAK,EAAE;IACpB,MAAM,OAAO,KAAK;AAClB,QAAI,SAAS,KAAA,EACT,kBAAiB,KAAK;;;EAIlC,IAAI,MAAM;AACV,SAAO,QAAQ,KAAA,GAAW;AACtB,OAAI,IAAI,QAAS,GAAQ;AACrB,SAAK,MAAM,KAAK,MAAM;AACtB;;AAEJ,SAAM,IAAI,MAAM;;AAEpB,SAAO,KAAK;;;AAGpB,SAAS,aAAa;AAClB,iBAAgB,KAAK,KAAK;;AAE9B,SAAS,kBAAkB;AACvB,MAAK,WAAW,KAAA;AAChB,MAAK,QAAQ;AACb,WAAU,KAAK;CACf,MAAM,MAAM,KAAK;AACjB,KAAI,QAAQ,KAAA,EACR,QAAO,IAAI;;AAGnB,SAAS,UAAU,KAAK;CACpB,MAAM,WAAW,IAAI;CACrB,IAAI,MAAM,aAAa,KAAA,IAAY,SAAS,UAAU,IAAI;AAC1D,QAAO,QAAQ,KAAA,EACX,OAAM,OAAO,KAAK,IAAI;;;;;;;;;;;;;;;;;;;;;;;ACnN9B,SAAgB,MACd,MACA,UACA,OAAwB,EAAE,EACd;CACZ,MAAM,SAAS,KAAK,UAAU,OAAO;CACrC,IAAI,SAAS;CACb,IAAI;AACJ,QAAO,aAAa;EAClB,MAAM,OAAO,MAAM;AACnB,MAAI,CAAC,QAAQ;AACX,YAAS;AACT,UAAO;AACP,OAAI,KAAK,UAAW,UAAS,MAAM,KAAK;AACxC;;AAEF,MAAI,OAAO,MAAM,KAAK,CAAE;EACxB,MAAM,MAAM;AACZ,SAAO;AACP,WAAS,MAAM,IAAI;GACnB"}
|
|
@@ -0,0 +1,202 @@
|
|
|
1
|
+
//#region packages/ag-react/src/ui/progress/step-node.d.ts
|
|
2
|
+
/**
|
|
3
|
+
* Step node tree structure for declarative steps
|
|
4
|
+
*
|
|
5
|
+
* Parses the user's declarative object structure into an internal tree
|
|
6
|
+
* that can be rendered and executed.
|
|
7
|
+
*/
|
|
8
|
+
/**
|
|
9
|
+
* A single step in the tree
|
|
10
|
+
*/
|
|
11
|
+
interface StepNode {
|
|
12
|
+
/** Display label (auto-generated or custom) */
|
|
13
|
+
label: string;
|
|
14
|
+
/** Object key from the declaration */
|
|
15
|
+
key: string;
|
|
16
|
+
/** Work function (if leaf node) */
|
|
17
|
+
work?: (...args: unknown[]) => unknown;
|
|
18
|
+
/** Child steps (if group node) */
|
|
19
|
+
children?: StepNode[];
|
|
20
|
+
/** Indentation level for display */
|
|
21
|
+
indent: number;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* What users can declare as a step value
|
|
25
|
+
*/
|
|
26
|
+
type StepValue = ((...args: unknown[]) => unknown) | [string, (...args: unknown[]) => unknown] | StepsDef;
|
|
27
|
+
/**
|
|
28
|
+
* The declarative structure users provide
|
|
29
|
+
*/
|
|
30
|
+
type StepsDef = {
|
|
31
|
+
[key: string]: StepValue;
|
|
32
|
+
};
|
|
33
|
+
//#endregion
|
|
34
|
+
//#region packages/ag-react/src/ui/progress/als-context.d.ts
|
|
35
|
+
/**
|
|
36
|
+
* Context available to work functions during step execution
|
|
37
|
+
*/
|
|
38
|
+
interface StepContext {
|
|
39
|
+
/** Update progress on current step */
|
|
40
|
+
progress(current: number, total: number): void;
|
|
41
|
+
/** Create a sub-step (auto-completes previous sub-step) */
|
|
42
|
+
sub(label: string): void;
|
|
43
|
+
/** Get current step label (for debugging) */
|
|
44
|
+
readonly label: string;
|
|
45
|
+
}
|
|
46
|
+
/**
|
|
47
|
+
* Get the current step context
|
|
48
|
+
*
|
|
49
|
+
* Safe to call anywhere - returns a no-op context when called outside
|
|
50
|
+
* of a steps() execution context.
|
|
51
|
+
*
|
|
52
|
+
* @example
|
|
53
|
+
* ```typescript
|
|
54
|
+
* async function processFiles(files: string[]) {
|
|
55
|
+
* for (let i = 0; i < files.length; i++) {
|
|
56
|
+
* step().progress(i + 1, files.length);
|
|
57
|
+
* await process(files[i]);
|
|
58
|
+
* }
|
|
59
|
+
* }
|
|
60
|
+
*
|
|
61
|
+
* // In tests (no steps context)
|
|
62
|
+
* await processFiles(["a.md", "b.md"]); // step() returns no-op, no errors
|
|
63
|
+
*
|
|
64
|
+
* // In production (with steps context)
|
|
65
|
+
* await steps({ process: processFiles }).run(); // Shows progress
|
|
66
|
+
* ```
|
|
67
|
+
*/
|
|
68
|
+
declare function step(): StepContext;
|
|
69
|
+
//#endregion
|
|
70
|
+
//#region packages/ag-react/src/ui/progress/declarative.d.ts
|
|
71
|
+
/**
|
|
72
|
+
* Options for run() and pipe() execution
|
|
73
|
+
*/
|
|
74
|
+
interface ExecuteOptions$1 {
|
|
75
|
+
/** Clear progress display after completion (default: false) */
|
|
76
|
+
clear?: boolean;
|
|
77
|
+
}
|
|
78
|
+
/**
|
|
79
|
+
* Extract the return type from a generator or async generator
|
|
80
|
+
*/
|
|
81
|
+
type GeneratorReturn<T> = T extends Generator<unknown, infer R, unknown> ? R : T extends AsyncGenerator<unknown, infer R, unknown> ? R : T;
|
|
82
|
+
/**
|
|
83
|
+
* Unwrap the result type, handling generators specially
|
|
84
|
+
*/
|
|
85
|
+
type UnwrapResult<T> = Awaited<GeneratorReturn<Awaited<T>>>;
|
|
86
|
+
/**
|
|
87
|
+
* Result type: maps step keys to their return values
|
|
88
|
+
*/
|
|
89
|
+
type StepResults<T extends StepsDef> = { [K in keyof T]: T[K] extends ((...args: unknown[]) => infer R) ? UnwrapResult<R> : T[K] extends [string, (...args: unknown[]) => infer R] ? UnwrapResult<R> : T[K] extends StepsDef ? StepResults<T[K]> : unknown };
|
|
90
|
+
/**
|
|
91
|
+
* The runner object returned by steps()
|
|
92
|
+
*/
|
|
93
|
+
interface StepsRunner<T extends StepsDef> {
|
|
94
|
+
/** Internal: the parsed step nodes (for testing) */
|
|
95
|
+
readonly _steps: StepNode[];
|
|
96
|
+
/**
|
|
97
|
+
* Execute all steps sequentially
|
|
98
|
+
* @returns Results keyed by step name
|
|
99
|
+
*/
|
|
100
|
+
run(options?: ExecuteOptions$1): Promise<StepResults<T>>;
|
|
101
|
+
/**
|
|
102
|
+
* Execute all steps in a pipeline (each receives previous result)
|
|
103
|
+
* @returns Final step's result
|
|
104
|
+
*/
|
|
105
|
+
pipe(options?: ExecuteOptions$1): Promise<unknown>;
|
|
106
|
+
/**
|
|
107
|
+
* Manually signal completion (for manual execution mode)
|
|
108
|
+
*/
|
|
109
|
+
done(options?: {
|
|
110
|
+
clear?: boolean;
|
|
111
|
+
}): void;
|
|
112
|
+
}
|
|
113
|
+
//#endregion
|
|
114
|
+
//#region packages/ag-react/src/ui/progress/steps.d.ts
|
|
115
|
+
/** Progress update (object form) */
|
|
116
|
+
interface ProgressUpdate {
|
|
117
|
+
current?: number;
|
|
118
|
+
total?: number;
|
|
119
|
+
}
|
|
120
|
+
/** Declare all sub-steps upfront (optional, yield as first value) */
|
|
121
|
+
interface DeclareSteps {
|
|
122
|
+
declare: string[];
|
|
123
|
+
}
|
|
124
|
+
/** What generators can yield */
|
|
125
|
+
type StepYield = string | ProgressUpdate | DeclareSteps;
|
|
126
|
+
/**
|
|
127
|
+
* Controller for creating and updating sub-steps
|
|
128
|
+
*
|
|
129
|
+
* Passed to work functions that need to report sub-step progress.
|
|
130
|
+
*/
|
|
131
|
+
interface StepController {
|
|
132
|
+
/** Create a new sub-step (auto-completes previous sub-step) */
|
|
133
|
+
new (label: string): void;
|
|
134
|
+
/** Update progress on current sub-step */
|
|
135
|
+
progress(current: number, total: number): void;
|
|
136
|
+
/** Explicitly complete current sub-step (optional - new() auto-completes) */
|
|
137
|
+
done(): void;
|
|
138
|
+
}
|
|
139
|
+
/** Work function types */
|
|
140
|
+
type SyncWork<T> = () => T;
|
|
141
|
+
type AsyncWork<T> = () => PromiseLike<T>;
|
|
142
|
+
type SyncGeneratorWork<T> = () => Generator<StepYield, T, unknown>;
|
|
143
|
+
type AsyncGeneratorWork<T> = () => AsyncGenerator<StepYield, T, unknown>;
|
|
144
|
+
/** Work function with step controller for sub-step progress */
|
|
145
|
+
type WorkWithStep<T> = (step: StepController) => T | PromiseLike<T>;
|
|
146
|
+
type WorkFn<T> = SyncWork<T> | AsyncWork<T> | SyncGeneratorWork<T> | AsyncGeneratorWork<T> | WorkWithStep<T>;
|
|
147
|
+
/** Options for execute() */
|
|
148
|
+
interface ExecuteOptions {
|
|
149
|
+
/** Clear progress display after completion (default: false) */
|
|
150
|
+
clear?: boolean;
|
|
151
|
+
}
|
|
152
|
+
interface StepBuilder {
|
|
153
|
+
/**
|
|
154
|
+
* Add a step to run
|
|
155
|
+
*
|
|
156
|
+
* @param title - Display title for this step
|
|
157
|
+
* @param work - Function to execute. Can be:
|
|
158
|
+
* - Sync function: `() => result`
|
|
159
|
+
* - Async function: `async () => result`
|
|
160
|
+
* - Sync generator: `function* () { yield "sub-step"; return result; }`
|
|
161
|
+
* - Async generator: `async function* () { yield "sub-step"; return result; }`
|
|
162
|
+
*
|
|
163
|
+
* Generators can yield:
|
|
164
|
+
* - `"string"` - Creates a new sub-step with that label
|
|
165
|
+
* - `{ current: N, total: M }` - Updates progress on current sub-step
|
|
166
|
+
*/
|
|
167
|
+
run<T>(title: string, work: WorkFn<T>): StepBuilder;
|
|
168
|
+
/**
|
|
169
|
+
* Execute all steps in sequence
|
|
170
|
+
* @param options - Execution options
|
|
171
|
+
* @returns Results keyed by step title
|
|
172
|
+
*/
|
|
173
|
+
execute(options?: ExecuteOptions): Promise<Record<string, unknown>>;
|
|
174
|
+
}
|
|
175
|
+
/**
|
|
176
|
+
* Create a step runner
|
|
177
|
+
*
|
|
178
|
+
* @overload Declarative mode - pass an object to declare steps upfront
|
|
179
|
+
* @overload Fluent mode - chain steps with .run() and execute with .execute()
|
|
180
|
+
*
|
|
181
|
+
* @example Declarative mode (recommended)
|
|
182
|
+
* ```typescript
|
|
183
|
+
* const loader = steps({
|
|
184
|
+
* loadModules,
|
|
185
|
+
* loadRepo: { discover, parse },
|
|
186
|
+
* });
|
|
187
|
+
* const results = await loader.run({ clear: true });
|
|
188
|
+
* ```
|
|
189
|
+
*
|
|
190
|
+
* @example Fluent mode
|
|
191
|
+
* ```typescript
|
|
192
|
+
* await steps()
|
|
193
|
+
* .run("Step 1", doStep1)
|
|
194
|
+
* .run("Step 2", doStep2)
|
|
195
|
+
* .execute();
|
|
196
|
+
* ```
|
|
197
|
+
*/
|
|
198
|
+
declare function steps<T extends StepsDef>(def: T): StepsRunner<T>;
|
|
199
|
+
declare function steps(): StepBuilder;
|
|
200
|
+
//#endregion
|
|
201
|
+
export { StepContext as a, StepsDef as c, StepsRunner as i, StepBuilder as n, step as o, steps as r, StepNode as s, ExecuteOptions as t };
|
|
202
|
+
//# sourceMappingURL=steps-DYrzCUCK.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"steps-DYrzCUCK.d.mts","names":[],"sources":["../packages/ag-react/src/ui/progress/step-node.ts","../packages/ag-react/src/ui/progress/als-context.ts","../packages/ag-react/src/ui/progress/declarative.ts","../packages/ag-react/src/ui/progress/steps.ts"],"mappings":";;AAUA;;;;;;;;UAAiB,QAAA;EAWJ;EATX,KAAA;EAYM;EATN,GAAA;EAeU;EAZV,IAAA,OAAW,IAAA;;EAGX,QAAA,GAAW,QAAA;EAUJ;EAPP,MAAA;AAAA;;;AAcF;KARY,SAAA,QACH,IAAA,wCACQ,IAAA,2BACb,QAAA;;;;KAKQ,QAAA;EAAA,CACT,GAAA,WAAc,SAAA;AAAA;;;;;;UCzBA,WAAA;EDUT;ECRN,QAAA,CAAS,OAAA,UAAiB,KAAA;EDchB;ECXV,GAAA,CAAI,KAAA;;WAGK,KAAA;AAAA;;;;;;;;;;AAgDX;;;;;;;;ACtCA;;;;;iBDsCgB,IAAA,CAAA,GAAQ,WAAA;;;;;;UCtCP,gBAAA;EFRT;EEUN,KAAA;AAAA;;;;KAMG,eAAA,MACH,CAAA,SAAU,SAAA,8BACN,CAAA,GACA,CAAA,SAAU,cAAA,8BACR,CAAA,GACA,CAAA;;;;KAKH,YAAA,MAAkB,OAAA,CAAQ,eAAA,CAAgB,OAAA,CAAQ,CAAA;AFZvD;;;AAAA,KEiBK,WAAA,WAAsB,QAAA,kBACb,CAAA,GAAI,CAAA,CAAE,CAAA,eAAe,IAAA,2BAC7B,YAAA,CAAa,CAAA,IACb,CAAA,CAAE,CAAA,uBAAwB,IAAA,2BACxB,YAAA,CAAa,CAAA,IACb,CAAA,CAAE,CAAA,UAAW,QAAA,GACX,WAAA,CAAY,CAAA,CAAE,CAAA;;;AD/CxB;UCsDiB,WAAA,WAAsB,QAAA;;WAE5B,MAAA,EAAQ,QAAA;EDtDjB;;;;EC4DA,GAAA,CAAI,OAAA,GAAU,gBAAA,GAAiB,OAAA,CAAQ,WAAA,CAAY,CAAA;EDtD1C;;;AAgDX;ECYE,IAAA,CAAK,OAAA,GAAU,gBAAA,GAAiB,OAAA;;;;EAKhC,IAAA,CAAK,OAAA;IAAY,KAAA;EAAA;AAAA;;;;UCrBT,cAAA;EACR,OAAA;EACA,KAAA;AAAA;;UAIQ,YAAA;EACR,OAAA;AAAA;;KAIG,SAAA,YAAqB,cAAA,GAAiB,YAAA;;;;;;UAO1B,cAAA;EDzCX;EAAA,KC2CC,KAAA;ED3CuC;EC8C5C,QAAA,CAAS,OAAA,UAAiB,KAAA;ED5CpB;EC+CN,IAAA;AAAA;AD/CO;AAAA,KCmDJ,QAAA,YAAoB,CAAA;AAAA,KACpB,SAAA,YAAqB,WAAA,CAAY,CAAA;AAAA,KACjC,iBAAA,YAA6B,SAAA,CAAU,SAAA,EAAW,CAAA;AAAA,KAClD,kBAAA,YAA8B,cAAA,CAAe,SAAA,EAAW,CAAA;;KAExD,YAAA,OAAmB,IAAA,EAAM,cAAA,KAAmB,CAAA,GAAI,WAAA,CAAY,CAAA;AAAA,KAE5D,MAAA,MACD,QAAA,CAAS,CAAA,IACT,SAAA,CAAU,CAAA,IACV,iBAAA,CAAkB,CAAA,IAClB,kBAAA,CAAmB,CAAA,IACnB,YAAA,CAAa,CAAA;;UASA,cAAA;EDnEM;ECqErB,KAAA;AAAA;AAAA,UAGe,WAAA;EDxEuC;;AAAA;;;;;;;;;;;;ECuFtD,GAAA,IAAO,KAAA,UAAe,IAAA,EAAM,MAAA,CAAO,CAAA,IAAK,WAAA;ED7ElC;;;;;ECoFN,OAAA,CAAQ,OAAA,GAAU,cAAA,GAAiB,OAAA,CAAQ,MAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;iBA0B7B,KAAA,WAAgB,QAAA,CAAA,CAAU,GAAA,EAAK,CAAA,GAAI,WAAA,CAAY,CAAA;AAAA,iBAC/C,KAAA,CAAA,GAAS,WAAA"}
|
|
@@ -0,0 +1,255 @@
|
|
|
1
|
+
//#region packages/ag-react/src/ui/recording-chrome/spec.ts
|
|
2
|
+
const RECORDING_CHROME_STYLES = [
|
|
3
|
+
"none",
|
|
4
|
+
"macos",
|
|
5
|
+
"windows"
|
|
6
|
+
];
|
|
7
|
+
const MACOS_CONTROLS = [
|
|
8
|
+
{
|
|
9
|
+
glyph: "●",
|
|
10
|
+
color: "red"
|
|
11
|
+
},
|
|
12
|
+
{
|
|
13
|
+
glyph: "●",
|
|
14
|
+
color: "yellow"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
glyph: "●",
|
|
18
|
+
color: "green"
|
|
19
|
+
}
|
|
20
|
+
];
|
|
21
|
+
const WINDOWS_CONTROLS = [
|
|
22
|
+
{
|
|
23
|
+
glyph: "−",
|
|
24
|
+
color: "$fg-muted"
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
glyph: "□",
|
|
28
|
+
color: "$fg-muted"
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
glyph: "×",
|
|
32
|
+
color: "red"
|
|
33
|
+
}
|
|
34
|
+
];
|
|
35
|
+
function recordingChromeOverhead(style) {
|
|
36
|
+
switch (style) {
|
|
37
|
+
case "macos":
|
|
38
|
+
case "windows": return {
|
|
39
|
+
cols: 2,
|
|
40
|
+
rows: 5
|
|
41
|
+
};
|
|
42
|
+
default: return {
|
|
43
|
+
cols: 0,
|
|
44
|
+
rows: 2
|
|
45
|
+
};
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
function composeRecordingChromeSpec(options = {}) {
|
|
49
|
+
const style = options.style ?? "macos";
|
|
50
|
+
const title = options.title ?? "";
|
|
51
|
+
const alignment = options.alignment ?? "center";
|
|
52
|
+
switch (style) {
|
|
53
|
+
case "macos": return {
|
|
54
|
+
style,
|
|
55
|
+
title,
|
|
56
|
+
alignment,
|
|
57
|
+
hasChrome: true,
|
|
58
|
+
overhead: recordingChromeOverhead(style),
|
|
59
|
+
live: {
|
|
60
|
+
borderStyle: "round",
|
|
61
|
+
titleBar: {
|
|
62
|
+
controlsSide: "left",
|
|
63
|
+
controls: MACOS_CONTROLS,
|
|
64
|
+
separator: "·"
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
};
|
|
68
|
+
case "windows": return {
|
|
69
|
+
style,
|
|
70
|
+
title,
|
|
71
|
+
alignment,
|
|
72
|
+
hasChrome: true,
|
|
73
|
+
overhead: recordingChromeOverhead(style),
|
|
74
|
+
live: {
|
|
75
|
+
borderStyle: "single",
|
|
76
|
+
titleBar: {
|
|
77
|
+
controlsSide: "right",
|
|
78
|
+
controls: WINDOWS_CONTROLS,
|
|
79
|
+
separator: null
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
};
|
|
83
|
+
default: return {
|
|
84
|
+
style: "none",
|
|
85
|
+
title,
|
|
86
|
+
alignment,
|
|
87
|
+
hasChrome: false,
|
|
88
|
+
overhead: recordingChromeOverhead("none"),
|
|
89
|
+
live: {
|
|
90
|
+
borderStyle: "none",
|
|
91
|
+
titleBar: null
|
|
92
|
+
}
|
|
93
|
+
};
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
function recordingChromeSvgLayout(spec) {
|
|
97
|
+
switch (spec.style) {
|
|
98
|
+
case "macos": {
|
|
99
|
+
const padding = 28;
|
|
100
|
+
const margin = 24;
|
|
101
|
+
const windowBarSize = 38;
|
|
102
|
+
return {
|
|
103
|
+
windowBar: "colorful",
|
|
104
|
+
windowBarSize,
|
|
105
|
+
padding,
|
|
106
|
+
borderRadius: 10,
|
|
107
|
+
margin,
|
|
108
|
+
shadow: 14,
|
|
109
|
+
contentOffset: {
|
|
110
|
+
x: margin + padding,
|
|
111
|
+
y: margin + padding + windowBarSize
|
|
112
|
+
}
|
|
113
|
+
};
|
|
114
|
+
}
|
|
115
|
+
case "windows": {
|
|
116
|
+
const padding = 24;
|
|
117
|
+
const margin = 0;
|
|
118
|
+
const windowBarSize = 34;
|
|
119
|
+
return {
|
|
120
|
+
windowBar: "windows",
|
|
121
|
+
windowBarSize,
|
|
122
|
+
padding,
|
|
123
|
+
borderRadius: 0,
|
|
124
|
+
margin,
|
|
125
|
+
shadow: 0,
|
|
126
|
+
contentOffset: {
|
|
127
|
+
x: margin + padding,
|
|
128
|
+
y: margin + padding + windowBarSize
|
|
129
|
+
}
|
|
130
|
+
};
|
|
131
|
+
}
|
|
132
|
+
default: return {
|
|
133
|
+
windowBar: "none",
|
|
134
|
+
windowBarSize: 0,
|
|
135
|
+
padding: 0,
|
|
136
|
+
borderRadius: 0,
|
|
137
|
+
margin: 0,
|
|
138
|
+
shadow: 0,
|
|
139
|
+
contentOffset: {
|
|
140
|
+
x: 0,
|
|
141
|
+
y: 0
|
|
142
|
+
}
|
|
143
|
+
};
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
function recordingChromeSvgContentOffset(spec) {
|
|
147
|
+
return recordingChromeSvgLayout(spec).contentOffset;
|
|
148
|
+
}
|
|
149
|
+
function recordingChromeSpecToSvgOptions(spec) {
|
|
150
|
+
if (!spec.hasChrome) return {};
|
|
151
|
+
const layout = recordingChromeSvgLayout(spec);
|
|
152
|
+
const options = {
|
|
153
|
+
windowBar: layout.windowBar,
|
|
154
|
+
windowBarSize: layout.windowBarSize,
|
|
155
|
+
padding: layout.padding,
|
|
156
|
+
borderRadius: layout.borderRadius,
|
|
157
|
+
...spec.title ? { windowTitle: spec.title } : {}
|
|
158
|
+
};
|
|
159
|
+
if (layout.margin > 0) options.margin = layout.margin;
|
|
160
|
+
if (layout.shadow > 0) options.shadow = layout.shadow;
|
|
161
|
+
return options;
|
|
162
|
+
}
|
|
163
|
+
//#endregion
|
|
164
|
+
//#region packages/ag-react/src/ui/recording-chrome/svg.ts
|
|
165
|
+
function coord(value) {
|
|
166
|
+
return String(Math.round(value * 1e3) / 1e3);
|
|
167
|
+
}
|
|
168
|
+
function escapeXml(text) {
|
|
169
|
+
return text.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'");
|
|
170
|
+
}
|
|
171
|
+
function rgbToHex(color) {
|
|
172
|
+
return `#${color.r.toString(16).padStart(2, "0")}${color.g.toString(16).padStart(2, "0")}${color.b.toString(16).padStart(2, "0")}`;
|
|
173
|
+
}
|
|
174
|
+
function parseHex(color) {
|
|
175
|
+
const m = /^#([0-9a-fA-F]{6})$/.exec(color.trim());
|
|
176
|
+
if (!m) return null;
|
|
177
|
+
const n = Number.parseInt(m[1], 16);
|
|
178
|
+
return {
|
|
179
|
+
r: n >> 16 & 255,
|
|
180
|
+
g: n >> 8 & 255,
|
|
181
|
+
b: n & 255
|
|
182
|
+
};
|
|
183
|
+
}
|
|
184
|
+
function luminance(c) {
|
|
185
|
+
return (.2126 * c.r + .7152 * c.g + .0722 * c.b) / 255;
|
|
186
|
+
}
|
|
187
|
+
function deriveBarColor(themeBg) {
|
|
188
|
+
const rgb = parseHex(themeBg);
|
|
189
|
+
if (!rgb) return "#333333";
|
|
190
|
+
const shift = luminance(rgb) < .5 ? 28 : -28;
|
|
191
|
+
const clamp = (v) => Math.max(0, Math.min(255, v + shift));
|
|
192
|
+
return rgbToHex({
|
|
193
|
+
r: clamp(rgb.r),
|
|
194
|
+
g: clamp(rgb.g),
|
|
195
|
+
b: clamp(rgb.b)
|
|
196
|
+
});
|
|
197
|
+
}
|
|
198
|
+
function titleColorFor(barColor) {
|
|
199
|
+
const rgb = parseHex(barColor);
|
|
200
|
+
if (!rgb) return "#cccccc";
|
|
201
|
+
return luminance(rgb) < .5 ? "#cccccc" : "#333333";
|
|
202
|
+
}
|
|
203
|
+
function composeRecordingChromeSvg(options) {
|
|
204
|
+
const specLayout = options.spec ? recordingChromeSvgLayout(options.spec) : null;
|
|
205
|
+
const windowBar = specLayout?.windowBar ?? options.windowBar ?? "none";
|
|
206
|
+
if (windowBar === "none") return [];
|
|
207
|
+
const barWidth = options.barWidth;
|
|
208
|
+
const barHeight = options.barHeight ?? specLayout?.windowBarSize ?? 40;
|
|
209
|
+
const borderRadius = options.borderRadius ?? specLayout?.borderRadius ?? 0;
|
|
210
|
+
const themeBg = options.themeBackground;
|
|
211
|
+
const title = options.title ?? options.spec?.title ?? null;
|
|
212
|
+
const fontSize = options.fontSize ?? 16;
|
|
213
|
+
const titleFontSize = Math.max(13, Math.min(fontSize, Math.round(barHeight * .5)));
|
|
214
|
+
const parts = [];
|
|
215
|
+
const barColor = deriveBarColor(themeBg);
|
|
216
|
+
parts.push(`<rect width="${coord(barWidth)}" height="${coord(barHeight)}" rx="${coord(borderRadius)}" ry="${coord(borderRadius)}" fill="${barColor}"/>`);
|
|
217
|
+
if (borderRadius > 0) parts.push(`<rect y="${coord(barHeight - borderRadius)}" width="${coord(barWidth)}" height="${coord(borderRadius)}" fill="${barColor}"/>`);
|
|
218
|
+
const titleColor = titleColorFor(barColor);
|
|
219
|
+
if (windowBar === "windows") {
|
|
220
|
+
const slot = 46;
|
|
221
|
+
const glyphSize = 10;
|
|
222
|
+
const cy = barHeight / 2;
|
|
223
|
+
const closeX = barWidth - slot / 2;
|
|
224
|
+
const maxX = barWidth - slot * 1.5;
|
|
225
|
+
const minX = barWidth - slot * 2.5;
|
|
226
|
+
const half = glyphSize / 2;
|
|
227
|
+
parts.push(`<line x1="${coord(minX - half)}" y1="${coord(cy)}" x2="${coord(minX + half)}" y2="${coord(cy)}" stroke="${titleColor}" stroke-width="1.4"/>`);
|
|
228
|
+
parts.push(`<rect x="${coord(maxX - half)}" y="${coord(cy - half)}" width="${glyphSize}" height="${glyphSize}" fill="none" stroke="${titleColor}" stroke-width="1.4"/>`);
|
|
229
|
+
parts.push(`<line x1="${coord(closeX - half)}" y1="${coord(cy - half)}" x2="${coord(closeX + half)}" y2="${coord(cy + half)}" stroke="#e81123" stroke-width="1.6"/>`);
|
|
230
|
+
parts.push(`<line x1="${coord(closeX - half)}" y1="${coord(cy + half)}" x2="${coord(closeX + half)}" y2="${coord(cy - half)}" stroke="#e81123" stroke-width="1.6"/>`);
|
|
231
|
+
if (title) parts.push(`<text x="14" y="${coord(cy)}" font-size="${titleFontSize}" font-family="'Segoe UI', 'Helvetica Neue', Arial, sans-serif" fill="${titleColor}" dominant-baseline="central">${escapeXml(title)}</text>`);
|
|
232
|
+
return parts;
|
|
233
|
+
}
|
|
234
|
+
const dotRadius = 6;
|
|
235
|
+
const dotY = barHeight / 2;
|
|
236
|
+
const dotStartX = 20;
|
|
237
|
+
if (windowBar === "rings") {
|
|
238
|
+
parts.push(`<circle cx="${dotStartX}" cy="${coord(dotY)}" r="${dotRadius}" fill="none" stroke="#ff5f57" stroke-width="1.5"/>`);
|
|
239
|
+
parts.push(`<circle cx="${dotStartX + 20}" cy="${coord(dotY)}" r="${dotRadius}" fill="none" stroke="#febc2e" stroke-width="1.5"/>`);
|
|
240
|
+
parts.push(`<circle cx="${dotStartX + 40}" cy="${coord(dotY)}" r="${dotRadius}" fill="none" stroke="#28c840" stroke-width="1.5"/>`);
|
|
241
|
+
} else {
|
|
242
|
+
parts.push(`<circle cx="${dotStartX}" cy="${coord(dotY)}" r="${dotRadius}" fill="#ff5f57"/>`);
|
|
243
|
+
parts.push(`<circle cx="${dotStartX + 20}" cy="${coord(dotY)}" r="${dotRadius}" fill="#febc2e"/>`);
|
|
244
|
+
parts.push(`<circle cx="${dotStartX + 40}" cy="${coord(dotY)}" r="${dotRadius}" fill="#28c840"/>`);
|
|
245
|
+
}
|
|
246
|
+
if (title) {
|
|
247
|
+
const titleStartX = dotStartX + 40 + dotRadius + 14;
|
|
248
|
+
parts.push(`<text x="${titleStartX}" y="${coord(dotY)}" font-size="${titleFontSize}" font-family="'Helvetica Neue', Arial, sans-serif" font-weight="bold" fill="${titleColor}" dominant-baseline="central">${escapeXml(title)}</text>`);
|
|
249
|
+
}
|
|
250
|
+
return parts;
|
|
251
|
+
}
|
|
252
|
+
//#endregion
|
|
253
|
+
export { recordingChromeSpecToSvgOptions as a, recordingChromeOverhead as i, RECORDING_CHROME_STYLES as n, recordingChromeSvgContentOffset as o, composeRecordingChromeSpec as r, recordingChromeSvgLayout as s, composeRecordingChromeSvg as t };
|
|
254
|
+
|
|
255
|
+
//# sourceMappingURL=svg-DhxQkz-O.mjs.map
|