silvery 0.17.3 → 0.18.0
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 +7 -13
- package/dist/{UPNG-AVSMjiFE.mjs → UPNG-DvKjM6wE.mjs} +1 -1
- package/dist/{UPNG-AVSMjiFE.mjs.map → UPNG-DvKjM6wE.mjs.map} +1 -1
- package/dist/{__vite-browser-external-2447137e-D3GdsvS_.mjs → __vite-browser-external-2447137e-DPKHHqQK.mjs} +1 -1
- package/dist/{__vite-browser-external-2447137e-D3GdsvS_.mjs.map → __vite-browser-external-2447137e-DPKHHqQK.mjs.map} +1 -1
- package/dist/{animation-C_PTO0uH.mjs → animation-DhINOJk8.mjs} +1 -1
- package/dist/{animation-C_PTO0uH.mjs.map → animation-DhINOJk8.mjs.map} +1 -1
- package/dist/{ansi-CXLE_pt1.mjs → ansi-C6Qs1Wn2.mjs} +1 -1
- package/dist/{ansi-CXLE_pt1.mjs.map → ansi-C6Qs1Wn2.mjs.map} +1 -1
- package/dist/{ansi-zmNzgkPB.d.mts → ansi-CsjnZtAw.d.mts} +1 -1
- package/dist/{ansi-zmNzgkPB.d.mts.map → ansi-CsjnZtAw.d.mts.map} +1 -1
- package/dist/apng-CvSlLBtc.mjs +3 -0
- package/dist/{apng-ENBAJk-H.mjs → apng-DFFVOItr.mjs} +3 -3
- package/dist/{apng-ENBAJk-H.mjs.map → apng-DFFVOItr.mjs.map} +1 -1
- package/dist/{backend-CkIkIHR-.mjs → backend-DU0Y938U.mjs} +1 -1
- package/dist/{backend-CkIkIHR-.mjs.map → backend-DU0Y938U.mjs.map} +1 -1
- package/dist/{backends-CkvbG3js.mjs → backends-BihMKFY_.mjs} +3 -3
- package/dist/{backends-CkvbG3js.mjs.map → backends-BihMKFY_.mjs.map} +1 -1
- package/dist/backends-Dk_5G_gC.mjs +3 -0
- package/dist/cli-GwJ0S2In.mjs +4 -0
- package/dist/{context-QreF3UHr.mjs → context-BjWgrikx.mjs} +1 -1
- package/dist/{context-QreF3UHr.mjs.map → context-BjWgrikx.mjs.map} +1 -1
- package/dist/{derive-D7bFJdfU.d.mts → derive-O_Kb1Bk_.d.mts} +3 -3
- package/dist/derive-O_Kb1Bk_.d.mts.map +1 -0
- package/dist/{devtools-owvUPfBi.mjs → devtools-CeO9X_uv.mjs} +4 -4
- package/dist/{devtools-owvUPfBi.mjs.map → devtools-CeO9X_uv.mjs.map} +1 -1
- package/dist/devtools-nX4tj6OH.mjs +2 -0
- package/dist/{eta-DLiVPaSD.mjs → eta-BnQSZcWf.mjs} +1 -1
- package/dist/{eta-DLiVPaSD.mjs.map → eta-BnQSZcWf.mjs.map} +1 -1
- package/dist/{flexily-zero-adapter-DmG4Ge8t.mjs → flexily-zero-adapter-BOM0cl8R.mjs} +61 -9
- package/dist/flexily-zero-adapter-BOM0cl8R.mjs.map +1 -0
- package/dist/{flexily-zero-adapter-GHwEW11s.mjs → flexily-zero-adapter-V8R3HQtK.mjs} +1 -1
- package/dist/{gif-Bp6fIyN3.mjs → gif-B9Uq4qZA.mjs} +3 -3
- package/dist/{gif-Bp6fIyN3.mjs.map → gif-B9Uq4qZA.mjs.map} +1 -1
- package/dist/gif-BdrLRBmM.mjs +3 -0
- package/dist/{gifenc-GiVCZ9-3.mjs → gifenc-DfhOb4xr.mjs} +1 -1
- package/dist/{gifenc-GiVCZ9-3.mjs.map → gifenc-DfhOb4xr.mjs.map} +1 -1
- package/dist/{image-Dx7gYjkq.mjs → image-B0zMbVUr.mjs} +136 -5
- package/dist/image-B0zMbVUr.mjs.map +1 -0
- package/dist/index-Bh3U1K09.d.mts +10823 -0
- package/dist/index-Bh3U1K09.d.mts.map +1 -0
- package/dist/{index-p-wBs_wH.d.mts → index-C4vrhbud.d.mts} +1 -1
- package/dist/{index-p-wBs_wH.d.mts.map → index-C4vrhbud.d.mts.map} +1 -1
- package/dist/{index-DCVL3jHo.d.mts → index-dehZ18K-.d.mts} +144 -99
- package/dist/index-dehZ18K-.d.mts.map +1 -0
- package/dist/index.d.mts +7 -7219
- package/dist/index.d.mts.map +1 -1
- package/dist/index.mjs +13 -9343
- package/dist/index.mjs.map +1 -1
- package/dist/{key-mapping-BsUHe_nk.mjs → key-mapping-7k2ufK2b.mjs} +1 -1
- package/dist/{key-mapping-DsyfLEdC.mjs → key-mapping-WLUmxjx1.mjs} +1 -1
- package/dist/{key-mapping-DsyfLEdC.mjs.map → key-mapping-WLUmxjx1.mjs.map} +1 -1
- package/dist/{layout-engine-D_lSR4i9.mjs → layout-engine--drvrWjD.mjs} +1 -1
- package/dist/{layout-engine-B3dsnVLU.mjs → layout-engine-Dr3cY5U4.mjs} +3 -3
- package/dist/{layout-engine-B3dsnVLU.mjs.map → layout-engine-Dr3cY5U4.mjs.map} +1 -1
- package/dist/{multi-progress-CQVB9lES.mjs → multi-progress-CcdqJFlf.mjs} +3 -3
- package/dist/{multi-progress-CQVB9lES.mjs.map → multi-progress-CcdqJFlf.mjs.map} +1 -1
- package/dist/{multi-progress-C0-rkn86.d.mts → multi-progress-DQ-uUzLf.d.mts} +2 -2
- package/dist/{multi-progress-C0-rkn86.d.mts.map → multi-progress-DQ-uUzLf.d.mts.map} +1 -1
- package/dist/{node-Dedx-6xF.mjs → node-CP5WChgr.mjs} +1 -1
- package/dist/{node-Dedx-6xF.mjs.map → node-CP5WChgr.mjs.map} +1 -1
- package/dist/{progress-bar-COPSBlT9.mjs → progress-bar-IrUjkLfU.mjs} +4 -4
- package/dist/{progress-bar-COPSBlT9.mjs.map → progress-bar-IrUjkLfU.mjs.map} +1 -1
- package/dist/{reconciler-B-NaZvbO.mjs → reconciler-B8uxQxaU.mjs} +57 -81
- package/dist/reconciler-B8uxQxaU.mjs.map +1 -0
- package/dist/{render-string-CZKpuKXo.mjs → render-string-BwLG7rIX.mjs} +1 -1
- package/dist/{pipeline-BmfaZb1O.mjs → render-string-DVfgc8xr.mjs} +836 -508
- package/dist/render-string-DVfgc8xr.mjs.map +1 -0
- package/dist/{resvg-js-V6oMi8CY.mjs → resvg-js-Cwipz-_J.mjs} +1 -1
- package/dist/{resvg-js-V6oMi8CY.mjs.map → resvg-js-Cwipz-_J.mjs.map} +1 -1
- package/dist/runtime.d.mts +2 -2
- package/dist/runtime.mjs +3 -3
- package/dist/{spinner-Cgej6Vnb.d.mts → spinner-BRkaJI0N.d.mts} +2 -2
- package/dist/{spinner-Cgej6Vnb.d.mts.map → spinner-BRkaJI0N.d.mts.map} +1 -1
- package/dist/{spinner-DSByknyx.mjs → spinner-BmldKx0M.mjs} +3 -3
- package/dist/{spinner-DSByknyx.mjs.map → spinner-BmldKx0M.mjs.map} +1 -1
- package/dist/{src-C9f3hiVG.mjs → src-C0sOQW-t.mjs} +402 -156
- package/dist/src-C0sOQW-t.mjs.map +1 -0
- package/dist/src-CJPXf3fC.mjs +18348 -0
- package/dist/src-CJPXf3fC.mjs.map +1 -0
- package/dist/{src-fJVbhdn-.mjs → src-D8kLrQBT.mjs} +1 -1
- package/dist/{src-fJVbhdn-.mjs.map → src-D8kLrQBT.mjs.map} +1 -1
- package/dist/{src-9B5k0JmY.mjs → src-D_BS-as7.mjs} +1130 -100
- package/dist/src-D_BS-as7.mjs.map +1 -0
- package/dist/theme.d.mts +45 -30
- package/dist/theme.d.mts.map +1 -1
- package/dist/theme.mjs +3 -3
- package/dist/{types-CDgkE-Rw.d.mts → types-B4A8Ebba.d.mts} +1 -1
- package/dist/{types-CDgkE-Rw.d.mts.map → types-B4A8Ebba.d.mts.map} +1 -1
- package/dist/types-e4dpfbSa.mjs +468 -0
- package/dist/types-e4dpfbSa.mjs.map +1 -0
- package/dist/ui/animation.d.mts +1 -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 +2 -2
- package/dist/ui/display.mjs +1 -1
- package/dist/ui/display.mjs.map +1 -1
- package/dist/ui/image.d.mts +1 -1
- package/dist/ui/image.mjs +1 -1
- package/dist/ui/input.d.mts +3 -3
- package/dist/ui/input.mjs +2 -2
- package/dist/ui/input.mjs.map +1 -1
- package/dist/ui/progress.d.mts +3 -3
- package/dist/ui/progress.mjs +4 -4
- package/dist/ui/progress.mjs.map +1 -1
- package/dist/ui/react.d.mts +3 -3
- package/dist/ui/react.mjs +4 -4
- package/dist/ui/react.mjs.map +1 -1
- package/dist/ui/utils.mjs +1 -1
- package/dist/ui/wrappers.d.mts +2 -2
- package/dist/ui/wrappers.mjs +1 -1
- package/dist/ui.d.mts +5 -5
- package/dist/ui.mjs +6 -6
- package/dist/{useLatest-BMIYXd6e.d.mts → useLatest-6xqnGIU6.d.mts} +1 -1
- package/dist/{useLatest-BMIYXd6e.d.mts.map → useLatest-6xqnGIU6.d.mts.map} +1 -1
- package/dist/{with-text-input-CmHf_9d6.d.mts → with-text-input-lUh9gYAG.d.mts} +3 -3
- package/dist/{with-text-input-CmHf_9d6.d.mts.map → with-text-input-lUh9gYAG.d.mts.map} +1 -1
- package/dist/{wrapper-Dqh0zi2W.mjs → wrapper-CE6GQ27z.mjs} +1 -1
- package/dist/{wrapper-Dqh0zi2W.mjs.map → wrapper-CE6GQ27z.mjs.map} +1 -1
- package/dist/{wrappers-hhL8EQ_n.mjs → wrappers-JrEYTuKA.mjs} +4 -4
- package/dist/wrappers-JrEYTuKA.mjs.map +1 -0
- package/dist/yoga-adapter-B8LZpQcE.mjs +2 -0
- package/dist/{yoga-adapter-BJ9SOhTY.mjs → yoga-adapter-Bc8XT9cN.mjs} +11 -2
- package/dist/yoga-adapter-Bc8XT9cN.mjs.map +1 -0
- package/package.json +20 -17
- package/dist/apng-DCWY913R.mjs +0 -3
- package/dist/backends-CyJqNLeK.mjs +0 -3
- package/dist/cli-B-k7Bm56.mjs +0 -4
- package/dist/derive-D7bFJdfU.d.mts.map +0 -1
- package/dist/devtools-DS9NseGT.mjs +0 -2
- package/dist/flexily-zero-adapter-DmG4Ge8t.mjs.map +0 -1
- package/dist/gif-BaJNREpP.mjs +0 -3
- package/dist/image-Dx7gYjkq.mjs.map +0 -1
- package/dist/index-CBcSpGSM.d.mts +0 -3416
- package/dist/index-CBcSpGSM.d.mts.map +0 -1
- package/dist/index-DCVL3jHo.d.mts.map +0 -1
- package/dist/pipeline-BmfaZb1O.mjs.map +0 -1
- package/dist/reconciler-B-NaZvbO.mjs.map +0 -1
- package/dist/render-string-Bvh1XzBv.mjs +0 -201
- package/dist/render-string-Bvh1XzBv.mjs.map +0 -1
- package/dist/runtime-PH2xY1DM.mjs +0 -8723
- package/dist/runtime-PH2xY1DM.mjs.map +0 -1
- package/dist/src-9B5k0JmY.mjs.map +0 -1
- package/dist/src-C9f3hiVG.mjs.map +0 -1
- package/dist/types-Bhj5QkIQ.mjs +0 -13
- package/dist/types-Bhj5QkIQ.mjs.map +0 -1
- package/dist/useLayout-BG2cGl15.mjs +0 -139
- package/dist/useLayout-BG2cGl15.mjs.map +0 -1
- package/dist/wrappers-hhL8EQ_n.mjs.map +0 -1
- package/dist/yoga-adapter-BJ9SOhTY.mjs.map +0 -1
- package/dist/yoga-adapter-Daq6-dw1.mjs +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"__vite-browser-external-2447137e-
|
|
1
|
+
{"version":3,"file":"__vite-browser-external-2447137e-DPKHHqQK.mjs","names":[],"sources":["../../../node_modules/.bun/ghostty-web@0.4.0/node_modules/ghostty-web/dist/__vite-browser-external-2447137e.js"],"sourcesContent":["const e = {};\nexport {\n e as default\n};\n"],"x_google_ignoreList":[0],"mappings":""}
|
|
@@ -301,4 +301,4 @@ function useLatest(value) {
|
|
|
301
301
|
//#endregion
|
|
302
302
|
export { useAnimation as a, useTransition as i, useTimeout as n, easings as o, useInterval as r, resolveEasing as s, useLatest as t };
|
|
303
303
|
|
|
304
|
-
//# sourceMappingURL=animation-
|
|
304
|
+
//# sourceMappingURL=animation-DhINOJk8.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"animation-C_PTO0uH.mjs","names":["TICK_MS"],"sources":["../packages/ag-react/src/ui/animation/easing.ts","../packages/ag-react/src/ui/animation/useAnimation.ts","../packages/ag-react/src/ui/animation/useTransition.ts","../packages/ag-react/src/ui/animation/useInterval.ts","../packages/ag-react/src/ui/animation/useTimeout.ts","../packages/ag-react/src/ui/animation/useLatest.ts"],"sourcesContent":["/**\n * Easing Functions\n *\n * Maps time progress (0-1) to value progress (0-1) for smooth animations.\n * Includes common presets and a resolver for name-or-function usage.\n */\n\n// ============================================================================\n// Types\n// ============================================================================\n\n/** Easing function: maps time progress (0-1) to value progress (0-1) */\nexport type EasingFn = (t: number) => number\n\n// ============================================================================\n// Presets\n// ============================================================================\n\nexport const easings = {\n linear: (t: number) => t,\n ease: (t: number) => (t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t),\n easeIn: (t: number) => t * t,\n easeOut: (t: number) => t * (2 - t),\n easeInOut: (t: number) => (t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t),\n easeInCubic: (t: number) => t * t * t,\n easeOutCubic: (t: number) => --t * t * t + 1,\n} as const satisfies Record<string, EasingFn>\n\nexport type EasingName = keyof typeof easings\n\n// ============================================================================\n// Resolver\n// ============================================================================\n\n/** Resolve an easing — accepts a name string or a custom function. */\nexport function resolveEasing(easing: EasingName | EasingFn): EasingFn {\n return typeof easing === \"function\" ? easing : easings[easing]\n}\n","/**\n * useAnimation - Animate a value from 0 to 1 over a duration.\n *\n * Drives a single animation cycle with configurable easing, delay,\n * and completion callback. Targets ~30fps (33ms interval) since\n * terminals don't benefit from higher refresh rates.\n */\n\nimport { useState, useEffect, useRef, useCallback } from \"react\"\nimport { resolveEasing, type EasingName, type EasingFn } from \"./easing\"\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface UseAnimationOptions {\n /** Duration in milliseconds */\n duration: number\n /** Easing function or preset name */\n easing?: EasingName | EasingFn\n /** Delay before starting (ms) */\n delay?: number\n /** Called when animation completes */\n onComplete?: () => void\n /** Whether to run the animation (default: true) */\n enabled?: boolean\n}\n\nexport interface UseAnimationResult {\n /** Current progress value (0 to 1, eased) */\n value: number\n /** Whether the animation is still running */\n isAnimating: boolean\n /** Reset and replay the animation */\n reset: () => void\n}\n\n// ============================================================================\n// Constants\n// ============================================================================\n\n/** ~30fps tick interval for terminal animations */\nconst TICK_MS = 33\n\n// ============================================================================\n// Hook\n// ============================================================================\n\n/**\n * Animate a value from 0 to 1 over a duration with easing.\n *\n * @example\n * ```tsx\n * function FadeIn({ children }) {\n * const { value } = useAnimation({ duration: 300, easing: \"easeOut\" })\n * return <Text dimColor={value < 1}>{children}</Text>\n * }\n * ```\n */\nexport function useAnimation(options: UseAnimationOptions): UseAnimationResult {\n const { duration, easing = \"linear\", delay = 0, onComplete, enabled = true } = options\n\n const [value, setValue] = useState(0)\n const [isAnimating, setIsAnimating] = useState(false)\n\n const startTimeRef = useRef(0)\n const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null)\n const onCompleteRef = useRef(onComplete)\n onCompleteRef.current = onComplete\n\n // Epoch bumps on each reset to invalidate stale intervals\n const epochRef = useRef(0)\n\n const easingFn = resolveEasing(easing)\n\n const stopInterval = useCallback(() => {\n if (intervalRef.current !== null) {\n clearInterval(intervalRef.current)\n intervalRef.current = null\n }\n }, [])\n\n const startAnimation = useCallback(() => {\n stopInterval()\n epochRef.current++\n const epoch = epochRef.current\n\n setValue(0)\n setIsAnimating(true)\n\n const begin = () => {\n // Guard against stale starts after a reset\n if (epochRef.current !== epoch) return\n\n startTimeRef.current = performance.now()\n\n intervalRef.current = setInterval(() => {\n // Guard against stale ticks after a reset\n if (epochRef.current !== epoch) return\n\n const elapsed = performance.now() - startTimeRef.current\n const raw = Math.min(elapsed / duration, 1)\n const eased = easingFn(raw)\n\n setValue(eased)\n\n if (raw >= 1) {\n stopInterval()\n setIsAnimating(false)\n onCompleteRef.current?.()\n }\n }, TICK_MS)\n }\n\n if (delay > 0) {\n setTimeout(() => begin(), delay)\n } else {\n begin()\n }\n }, [duration, delay, easingFn, stopInterval])\n\n // Start on mount (if enabled)\n useEffect(() => {\n if (!enabled) {\n stopInterval()\n setValue(0)\n setIsAnimating(false)\n return\n }\n\n startAnimation()\n\n return () => {\n stopInterval()\n }\n }, [enabled, startAnimation, stopInterval])\n\n const reset = useCallback(() => {\n startAnimation()\n }, [startAnimation])\n\n return { value, isAnimating, reset }\n}\n","/**\n * useTransition - Smoothly interpolate between numeric values.\n *\n * When the target value changes, animates from the current value toward\n * the new target. If the target changes mid-animation, restarts from\n * the current interpolated position. Targets ~30fps.\n */\n\nimport { useState, useEffect, useRef } from \"react\"\nimport { resolveEasing, type EasingName, type EasingFn } from \"./easing\"\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface UseTransitionOptions {\n /** Duration in milliseconds (default: 300) */\n duration?: number\n /** Easing function or preset name (default: \"easeOut\") */\n easing?: EasingName | EasingFn\n}\n\n// ============================================================================\n// Constants\n// ============================================================================\n\n/** ~30fps tick interval for terminal animations */\nconst TICK_MS = 33\n\n// ============================================================================\n// Hook\n// ============================================================================\n\n/**\n * Smoothly interpolate when the target value changes.\n *\n * Returns the current interpolated value. On the first render, returns\n * the target value immediately (no animation). Subsequent changes\n * animate from the previous value to the new target.\n *\n * @example\n * ```tsx\n * function ScrollOffset({ target }) {\n * const smooth = useTransition(target, { duration: 200, easing: \"easeOut\" })\n * return <Box marginTop={Math.round(smooth)}>...</Box>\n * }\n * ```\n */\nexport function useTransition(targetValue: number, options?: UseTransitionOptions): number {\n const { duration = 300, easing = \"easeOut\" } = options ?? {}\n\n const [currentValue, setCurrentValue] = useState(targetValue)\n\n const fromRef = useRef(targetValue)\n const toRef = useRef(targetValue)\n const startTimeRef = useRef(0)\n const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null)\n const isFirstRef = useRef(true)\n\n const easingFn = resolveEasing(easing)\n\n useEffect(() => {\n // On first render, snap to target without animation\n if (isFirstRef.current) {\n isFirstRef.current = false\n return\n }\n\n // If target hasn't changed, nothing to do\n if (targetValue === toRef.current) return\n\n // Start from wherever we currently are\n fromRef.current = currentValue\n toRef.current = targetValue\n startTimeRef.current = performance.now()\n\n // Clear any existing interval\n if (intervalRef.current !== null) {\n clearInterval(intervalRef.current)\n }\n\n intervalRef.current = setInterval(() => {\n const elapsed = performance.now() - startTimeRef.current\n const raw = Math.min(elapsed / duration, 1)\n const eased = easingFn(raw)\n const interpolated = fromRef.current + (toRef.current - fromRef.current) * eased\n\n setCurrentValue(interpolated)\n\n if (raw >= 1) {\n // Snap to exact target and stop\n setCurrentValue(toRef.current)\n if (intervalRef.current !== null) {\n clearInterval(intervalRef.current)\n intervalRef.current = null\n }\n }\n }, TICK_MS)\n\n return () => {\n if (intervalRef.current !== null) {\n clearInterval(intervalRef.current)\n intervalRef.current = null\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [targetValue, duration, easingFn])\n\n return currentValue\n}\n","/**\n * useInterval - Run a callback on a fixed interval.\n *\n * Uses Dan Abramov's ref pattern to avoid stale closures.\n * The callback is NOT called on mount — only on subsequent ticks.\n */\n\nimport { useEffect, useRef } from \"react\"\n\n// ============================================================================\n// Hook\n// ============================================================================\n\n/**\n * Run a callback on a fixed interval.\n *\n * The callback is NOT called on mount — only on ticks after the interval\n * elapses. Uses a ref for the callback to avoid stale closures.\n *\n * @param callback - Function to call on each tick\n * @param ms - Interval in milliseconds\n * @param enabled - Whether the interval is active (default: true)\n */\nexport function useInterval(callback: () => void, ms: number, enabled = true): void {\n const callbackRef = useRef(callback)\n callbackRef.current = callback\n\n useEffect(() => {\n if (!enabled) return\n\n const id = setInterval(() => {\n callbackRef.current()\n }, ms)\n\n return () => {\n clearInterval(id)\n }\n }, [ms, enabled])\n}\n","/**\n * useTimeout - Run a callback after a delay.\n *\n * Uses a ref for the callback to avoid stale closures (Dan Abramov pattern).\n * The timer resets when `ms` or `enabled` changes. When `enabled` becomes false,\n * the timer is cleared. Returns a `reset` function to restart the timer.\n *\n * Unlike useInterval, this fires exactly once per enable/reset cycle.\n */\n\nimport { useCallback, useEffect, useRef } from \"react\"\n\n// ============================================================================\n// Hook\n// ============================================================================\n\n/**\n * Run a callback after a delay.\n *\n * The callback fires once after `ms` milliseconds. The timer resets when\n * `ms` or `enabled` changes. Returns `{ reset, clear }` for manual control.\n *\n * @param callback - Function to call when the timer fires\n * @param ms - Delay in milliseconds\n * @param enabled - Whether the timer is active (default: true)\n */\nexport function useTimeout(callback: () => void, ms: number, enabled = true): { reset: () => void; clear: () => void } {\n const callbackRef = useRef(callback)\n callbackRef.current = callback\n\n const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n const clear = useCallback(() => {\n if (timerRef.current !== null) {\n clearTimeout(timerRef.current)\n timerRef.current = null\n }\n }, [])\n\n const reset = useCallback(() => {\n clear()\n if (enabled) {\n timerRef.current = setTimeout(() => {\n timerRef.current = null\n callbackRef.current()\n }, ms)\n }\n }, [ms, enabled, clear])\n\n useEffect(() => {\n if (!enabled) {\n clear()\n return\n }\n\n timerRef.current = setTimeout(() => {\n timerRef.current = null\n callbackRef.current()\n }, ms)\n\n return clear\n }, [ms, enabled, clear])\n\n return { reset, clear }\n}\n","/**\n * useLatest - Always-current ref to a value.\n *\n * The classic React pattern for avoiding stale closures in callbacks,\n * timers, and effects. Returns a ref whose `.current` is always the\n * latest value — safe to read from any async context.\n *\n * ```tsx\n * const countRef = useLatest(count)\n * useInterval(() => {\n * console.log(countRef.current) // always fresh\n * }, 1000)\n * ```\n */\n\nimport { useRef } from \"react\"\n\n// ============================================================================\n// Hook\n// ============================================================================\n\n/**\n * Returns a ref that always holds the latest value.\n *\n * Useful when a callback needs access to current state/props without\n * re-creating the callback (which would reset timers, event listeners, etc).\n *\n * @param value - The value to track\n * @returns A ref whose `.current` is always `value`\n */\nexport function useLatest<T>(value: T): { readonly current: T } {\n const ref = useRef(value)\n ref.current = value\n return ref\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"animation-DhINOJk8.mjs","names":["TICK_MS"],"sources":["../packages/ag-react/src/ui/animation/easing.ts","../packages/ag-react/src/ui/animation/useAnimation.ts","../packages/ag-react/src/ui/animation/useTransition.ts","../packages/ag-react/src/ui/animation/useInterval.ts","../packages/ag-react/src/ui/animation/useTimeout.ts","../packages/ag-react/src/ui/animation/useLatest.ts"],"sourcesContent":["/**\n * Easing Functions\n *\n * Maps time progress (0-1) to value progress (0-1) for smooth animations.\n * Includes common presets and a resolver for name-or-function usage.\n */\n\n// ============================================================================\n// Types\n// ============================================================================\n\n/** Easing function: maps time progress (0-1) to value progress (0-1) */\nexport type EasingFn = (t: number) => number\n\n// ============================================================================\n// Presets\n// ============================================================================\n\nexport const easings = {\n linear: (t: number) => t,\n ease: (t: number) => (t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t),\n easeIn: (t: number) => t * t,\n easeOut: (t: number) => t * (2 - t),\n easeInOut: (t: number) => (t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t),\n easeInCubic: (t: number) => t * t * t,\n easeOutCubic: (t: number) => --t * t * t + 1,\n} as const satisfies Record<string, EasingFn>\n\nexport type EasingName = keyof typeof easings\n\n// ============================================================================\n// Resolver\n// ============================================================================\n\n/** Resolve an easing — accepts a name string or a custom function. */\nexport function resolveEasing(easing: EasingName | EasingFn): EasingFn {\n return typeof easing === \"function\" ? easing : easings[easing]\n}\n","/**\n * useAnimation - Animate a value from 0 to 1 over a duration.\n *\n * Drives a single animation cycle with configurable easing, delay,\n * and completion callback. Targets ~30fps (33ms interval) since\n * terminals don't benefit from higher refresh rates.\n */\n\nimport { useState, useEffect, useRef, useCallback } from \"react\"\nimport { resolveEasing, type EasingName, type EasingFn } from \"./easing\"\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface UseAnimationOptions {\n /** Duration in milliseconds */\n duration: number\n /** Easing function or preset name */\n easing?: EasingName | EasingFn\n /** Delay before starting (ms) */\n delay?: number\n /** Called when animation completes */\n onComplete?: () => void\n /** Whether to run the animation (default: true) */\n enabled?: boolean\n}\n\nexport interface UseAnimationResult {\n /** Current progress value (0 to 1, eased) */\n value: number\n /** Whether the animation is still running */\n isAnimating: boolean\n /** Reset and replay the animation */\n reset: () => void\n}\n\n// ============================================================================\n// Constants\n// ============================================================================\n\n/** ~30fps tick interval for terminal animations */\nconst TICK_MS = 33\n\n// ============================================================================\n// Hook\n// ============================================================================\n\n/**\n * Animate a value from 0 to 1 over a duration with easing.\n *\n * @example\n * ```tsx\n * function FadeIn({ children }) {\n * const { value } = useAnimation({ duration: 300, easing: \"easeOut\" })\n * return <Text dimColor={value < 1}>{children}</Text>\n * }\n * ```\n */\nexport function useAnimation(options: UseAnimationOptions): UseAnimationResult {\n const { duration, easing = \"linear\", delay = 0, onComplete, enabled = true } = options\n\n const [value, setValue] = useState(0)\n const [isAnimating, setIsAnimating] = useState(false)\n\n const startTimeRef = useRef(0)\n const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null)\n const onCompleteRef = useRef(onComplete)\n onCompleteRef.current = onComplete\n\n // Epoch bumps on each reset to invalidate stale intervals\n const epochRef = useRef(0)\n\n const easingFn = resolveEasing(easing)\n\n const stopInterval = useCallback(() => {\n if (intervalRef.current !== null) {\n clearInterval(intervalRef.current)\n intervalRef.current = null\n }\n }, [])\n\n const startAnimation = useCallback(() => {\n stopInterval()\n epochRef.current++\n const epoch = epochRef.current\n\n setValue(0)\n setIsAnimating(true)\n\n const begin = () => {\n // Guard against stale starts after a reset\n if (epochRef.current !== epoch) return\n\n startTimeRef.current = performance.now()\n\n intervalRef.current = setInterval(() => {\n // Guard against stale ticks after a reset\n if (epochRef.current !== epoch) return\n\n const elapsed = performance.now() - startTimeRef.current\n const raw = Math.min(elapsed / duration, 1)\n const eased = easingFn(raw)\n\n setValue(eased)\n\n if (raw >= 1) {\n stopInterval()\n setIsAnimating(false)\n onCompleteRef.current?.()\n }\n }, TICK_MS)\n }\n\n if (delay > 0) {\n setTimeout(() => begin(), delay)\n } else {\n begin()\n }\n }, [duration, delay, easingFn, stopInterval])\n\n // Start on mount (if enabled)\n useEffect(() => {\n if (!enabled) {\n stopInterval()\n setValue(0)\n setIsAnimating(false)\n return\n }\n\n startAnimation()\n\n return () => {\n stopInterval()\n }\n }, [enabled, startAnimation, stopInterval])\n\n const reset = useCallback(() => {\n startAnimation()\n }, [startAnimation])\n\n return { value, isAnimating, reset }\n}\n","/**\n * useTransition - Smoothly interpolate between numeric values.\n *\n * When the target value changes, animates from the current value toward\n * the new target. If the target changes mid-animation, restarts from\n * the current interpolated position. Targets ~30fps.\n */\n\nimport { useState, useEffect, useRef } from \"react\"\nimport { resolveEasing, type EasingName, type EasingFn } from \"./easing\"\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface UseTransitionOptions {\n /** Duration in milliseconds (default: 300) */\n duration?: number\n /** Easing function or preset name (default: \"easeOut\") */\n easing?: EasingName | EasingFn\n}\n\n// ============================================================================\n// Constants\n// ============================================================================\n\n/** ~30fps tick interval for terminal animations */\nconst TICK_MS = 33\n\n// ============================================================================\n// Hook\n// ============================================================================\n\n/**\n * Smoothly interpolate when the target value changes.\n *\n * Returns the current interpolated value. On the first render, returns\n * the target value immediately (no animation). Subsequent changes\n * animate from the previous value to the new target.\n *\n * @example\n * ```tsx\n * function ScrollOffset({ target }) {\n * const smooth = useTransition(target, { duration: 200, easing: \"easeOut\" })\n * return <Box marginTop={Math.round(smooth)}>...</Box>\n * }\n * ```\n */\nexport function useTransition(targetValue: number, options?: UseTransitionOptions): number {\n const { duration = 300, easing = \"easeOut\" } = options ?? {}\n\n const [currentValue, setCurrentValue] = useState(targetValue)\n\n const fromRef = useRef(targetValue)\n const toRef = useRef(targetValue)\n const startTimeRef = useRef(0)\n const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null)\n const isFirstRef = useRef(true)\n\n const easingFn = resolveEasing(easing)\n\n useEffect(() => {\n // On first render, snap to target without animation\n if (isFirstRef.current) {\n isFirstRef.current = false\n return\n }\n\n // If target hasn't changed, nothing to do\n if (targetValue === toRef.current) return\n\n // Start from wherever we currently are\n fromRef.current = currentValue\n toRef.current = targetValue\n startTimeRef.current = performance.now()\n\n // Clear any existing interval\n if (intervalRef.current !== null) {\n clearInterval(intervalRef.current)\n }\n\n intervalRef.current = setInterval(() => {\n const elapsed = performance.now() - startTimeRef.current\n const raw = Math.min(elapsed / duration, 1)\n const eased = easingFn(raw)\n const interpolated = fromRef.current + (toRef.current - fromRef.current) * eased\n\n setCurrentValue(interpolated)\n\n if (raw >= 1) {\n // Snap to exact target and stop\n setCurrentValue(toRef.current)\n if (intervalRef.current !== null) {\n clearInterval(intervalRef.current)\n intervalRef.current = null\n }\n }\n }, TICK_MS)\n\n return () => {\n if (intervalRef.current !== null) {\n clearInterval(intervalRef.current)\n intervalRef.current = null\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [targetValue, duration, easingFn])\n\n return currentValue\n}\n","/**\n * useInterval - Run a callback on a fixed interval.\n *\n * Uses Dan Abramov's ref pattern to avoid stale closures.\n * The callback is NOT called on mount — only on subsequent ticks.\n */\n\nimport { useEffect, useRef } from \"react\"\n\n// ============================================================================\n// Hook\n// ============================================================================\n\n/**\n * Run a callback on a fixed interval.\n *\n * The callback is NOT called on mount — only on ticks after the interval\n * elapses. Uses a ref for the callback to avoid stale closures.\n *\n * @param callback - Function to call on each tick\n * @param ms - Interval in milliseconds\n * @param enabled - Whether the interval is active (default: true)\n */\nexport function useInterval(callback: () => void, ms: number, enabled = true): void {\n const callbackRef = useRef(callback)\n callbackRef.current = callback\n\n useEffect(() => {\n if (!enabled) return\n\n const id = setInterval(() => {\n callbackRef.current()\n }, ms)\n\n return () => {\n clearInterval(id)\n }\n }, [ms, enabled])\n}\n","/**\n * useTimeout - Run a callback after a delay.\n *\n * Uses a ref for the callback to avoid stale closures (Dan Abramov pattern).\n * The timer resets when `ms` or `enabled` changes. When `enabled` becomes false,\n * the timer is cleared. Returns a `reset` function to restart the timer.\n *\n * Unlike useInterval, this fires exactly once per enable/reset cycle.\n */\n\nimport { useCallback, useEffect, useRef } from \"react\"\n\n// ============================================================================\n// Hook\n// ============================================================================\n\n/**\n * Run a callback after a delay.\n *\n * The callback fires once after `ms` milliseconds. The timer resets when\n * `ms` or `enabled` changes. Returns `{ reset, clear }` for manual control.\n *\n * @param callback - Function to call when the timer fires\n * @param ms - Delay in milliseconds\n * @param enabled - Whether the timer is active (default: true)\n */\nexport function useTimeout(callback: () => void, ms: number, enabled = true): { reset: () => void; clear: () => void } {\n const callbackRef = useRef(callback)\n callbackRef.current = callback\n\n const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n const clear = useCallback(() => {\n if (timerRef.current !== null) {\n clearTimeout(timerRef.current)\n timerRef.current = null\n }\n }, [])\n\n const reset = useCallback(() => {\n clear()\n if (enabled) {\n timerRef.current = setTimeout(() => {\n timerRef.current = null\n callbackRef.current()\n }, ms)\n }\n }, [ms, enabled, clear])\n\n useEffect(() => {\n if (!enabled) {\n clear()\n return\n }\n\n timerRef.current = setTimeout(() => {\n timerRef.current = null\n callbackRef.current()\n }, ms)\n\n return clear\n }, [ms, enabled, clear])\n\n return { reset, clear }\n}\n","/**\n * useLatest - Always-current ref to a value.\n *\n * The classic React pattern for avoiding stale closures in callbacks,\n * timers, and effects. Returns a ref whose `.current` is always the\n * latest value — safe to read from any async context.\n *\n * ```tsx\n * const countRef = useLatest(count)\n * useInterval(() => {\n * console.log(countRef.current) // always fresh\n * }, 1000)\n * ```\n */\n\nimport { useRef } from \"react\"\n\n// ============================================================================\n// Hook\n// ============================================================================\n\n/**\n * Returns a ref that always holds the latest value.\n *\n * Useful when a callback needs access to current state/props without\n * re-creating the callback (which would reset timers, event listeners, etc).\n *\n * @param value - The value to track\n * @returns A ref whose `.current` is always `value`\n */\nexport function useLatest<T>(value: T): { readonly current: T } {\n const ref = useRef(value)\n ref.current = value\n return ref\n}\n"],"mappings":"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"}
|
|
@@ -68,4 +68,4 @@ function getTerminalWidth(stream = process.stdout) {
|
|
|
68
68
|
//#endregion
|
|
69
69
|
export { CURSOR_RESTORE as a, CURSOR_TO_START as c, getTerminalWidth as d, isTTY as f, writeLine as h, CURSOR_HIDE as i, cursorDown as l, write as m, CLEAR_LINE_END as n, CURSOR_SAVE as o, withCursor as p, CLEAR_SCREEN as r, CURSOR_SHOW as s, CLEAR_LINE as t, cursorUp as u };
|
|
70
70
|
|
|
71
|
-
//# sourceMappingURL=ansi-
|
|
71
|
+
//# sourceMappingURL=ansi-C6Qs1Wn2.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ansi-
|
|
1
|
+
{"version":3,"file":"ansi-C6Qs1Wn2.mjs","names":[],"sources":["../packages/ag-react/src/ui/cli/ansi.ts"],"sourcesContent":["/**\n * ANSI escape code utilities for terminal control\n */\n\n/** Hide the cursor */\nexport const CURSOR_HIDE = \"\\x1b[?25l\"\n\n/** Show the cursor */\nexport const CURSOR_SHOW = \"\\x1b[?25h\"\n\n/** Move cursor to beginning of line */\nexport const CURSOR_TO_START = \"\\r\"\n\n/** Clear from cursor to end of line */\nexport const CLEAR_LINE_END = \"\\x1b[K\"\n\n/** Clear entire line */\nexport const CLEAR_LINE = \"\\x1b[2K\"\n\n/** Clear screen and move to top-left */\nexport const CLEAR_SCREEN = \"\\x1b[2J\\x1b[H\"\n\n/** Move cursor up N lines */\nexport const cursorUp = (n: number = 1): string => `\\x1b[${n}A`\n\n/** Move cursor down N lines */\nexport const cursorDown = (n: number = 1): string => `\\x1b[${n}B`\n\n/** Save cursor position */\nexport const CURSOR_SAVE = \"\\x1b[s\"\n\n/** Restore cursor position */\nexport const CURSOR_RESTORE = \"\\x1b[u\"\n\n/**\n * Write to stream with proper handling\n */\nexport function write(text: string, stream: NodeJS.WriteStream = process.stdout): void {\n stream.write(text)\n}\n\n/**\n * Clear the current line and write new text\n */\nexport function writeLine(text: string, stream: NodeJS.WriteStream = process.stdout): void {\n stream.write(`${CURSOR_TO_START}${text}${CLEAR_LINE_END}`)\n}\n\n/**\n * Wrap a function to handle cursor visibility\n * Hides cursor on start, shows on completion/error\n */\nexport function withCursor<T>(fn: () => T | Promise<T>, stream: NodeJS.WriteStream = process.stdout): Promise<T> {\n stream.write(CURSOR_HIDE)\n\n const restore = () => stream.write(CURSOR_SHOW)\n\n try {\n const result = fn()\n if (result instanceof Promise) {\n return result.finally(restore)\n }\n restore()\n return Promise.resolve(result)\n } catch (error) {\n restore()\n throw error\n }\n}\n\n/**\n * Check if stream is a TTY (supports ANSI codes)\n * Also respects FORCE_TTY environment variable for testing\n */\nexport function isTTY(stream: NodeJS.WriteStream = process.stdout): boolean {\n if (process.env.FORCE_TTY === \"1\") return true\n return stream.isTTY ?? false\n}\n\n/**\n * Get terminal width\n */\nexport function getTerminalWidth(stream: NodeJS.WriteStream = process.stdout): number {\n return stream.columns ?? 80\n}\n"],"mappings":";;;;;AAKA,MAAa,cAAc;;AAG3B,MAAa,cAAc;;AAG3B,MAAa,kBAAkB;;AAG/B,MAAa,iBAAiB;;AAG9B,MAAa,aAAa;;AAG1B,MAAa,eAAe;;AAG5B,MAAa,YAAY,IAAY,MAAc,QAAQ,EAAE;;AAG7D,MAAa,cAAc,IAAY,MAAc,QAAQ,EAAE;;AAG/D,MAAa,cAAc;;AAG3B,MAAa,iBAAiB;;;;AAK9B,SAAgB,MAAM,MAAc,SAA6B,QAAQ,QAAc;AACrF,QAAO,MAAM,KAAK;;;;;AAMpB,SAAgB,UAAU,MAAc,SAA6B,QAAQ,QAAc;AACzF,QAAO,MAAM;EAAqB,UAAwB;;;;;;AAO5D,SAAgB,WAAc,IAA0B,SAA6B,QAAQ,QAAoB;AAC/G,QAAO,MAAM,YAAY;CAEzB,MAAM,gBAAgB,OAAO,MAAM,YAAY;AAE/C,KAAI;EACF,MAAM,SAAS,IAAI;AACnB,MAAI,kBAAkB,QACpB,QAAO,OAAO,QAAQ,QAAQ;AAEhC,WAAS;AACT,SAAO,QAAQ,QAAQ,OAAO;UACvB,OAAO;AACd,WAAS;AACT,QAAM;;;;;;;AAQV,SAAgB,MAAM,SAA6B,QAAQ,QAAiB;AAC1E,KAAI,QAAQ,IAAI,cAAc,IAAK,QAAO;AAC1C,QAAO,OAAO,SAAS;;;;;AAMzB,SAAgB,iBAAiB,SAA6B,QAAQ,QAAgB;AACpF,QAAO,OAAO,WAAW"}
|
|
@@ -46,4 +46,4 @@ declare function isTTY(stream?: NodeJS.WriteStream): boolean;
|
|
|
46
46
|
declare function getTerminalWidth(stream?: NodeJS.WriteStream): number;
|
|
47
47
|
//#endregion
|
|
48
48
|
export { CURSOR_RESTORE as a, CURSOR_TO_START as c, getTerminalWidth as d, isTTY as f, writeLine as h, CURSOR_HIDE as i, cursorDown as l, write as m, CLEAR_LINE_END as n, CURSOR_SAVE as o, withCursor as p, CLEAR_SCREEN as r, CURSOR_SHOW as s, CLEAR_LINE as t, cursorUp as u };
|
|
49
|
-
//# sourceMappingURL=ansi-
|
|
49
|
+
//# sourceMappingURL=ansi-CsjnZtAw.d.mts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ansi-
|
|
1
|
+
{"version":3,"file":"ansi-CsjnZtAw.d.mts","names":[],"sources":["../packages/ag-react/src/ui/cli/ansi.ts"],"mappings":";;AAKA;;;cAAa,WAAA;;cAGA,WAAA;;cAGA,eAAA;;cAGA,cAAA;AAHb;AAAA,cAMa,UAAA;;cAGA,YAAA;;cAGA,QAAA,GAAY,CAAA;;cAGZ,UAAA,GAAc,CAAA;;cAGd,WAAA;AAZb;AAAA,cAea,cAAA;;;;iBAKG,KAAA,CAAM,IAAA,UAAc,MAAA,GAAQ,MAAA,CAAO,WAAA;;;;iBAOnC,SAAA,CAAU,IAAA,UAAc,MAAA,GAAQ,MAAA,CAAO,WAAA;AArBvD;;;;AAAA,iBA6BgB,UAAA,GAAA,CAAc,EAAA,QAAU,CAAA,GAAI,OAAA,CAAQ,CAAA,GAAI,MAAA,GAAQ,MAAA,CAAO,WAAA,GAA+B,OAAA,CAAQ,CAAA;AA1B9G;;;;AAAA,iBAgDgB,KAAA,CAAM,MAAA,GAAQ,MAAA,CAAO,WAAA;AA7CrC;;;AAAA,iBAqDgB,gBAAA,CAAiB,MAAA,GAAQ,MAAA,CAAO,WAAA"}
|
|
@@ -3,7 +3,7 @@ import { n as __esmMin, o as __toESM } from "./chunk-BSw8zbkd.mjs";
|
|
|
3
3
|
async function loadUpng() {
|
|
4
4
|
if (upngModule) return upngModule;
|
|
5
5
|
try {
|
|
6
|
-
upngModule = await import("./UPNG-
|
|
6
|
+
upngModule = await import("./UPNG-DvKjM6wE.mjs").then((m) => /* @__PURE__ */ __toESM(m.default, 1));
|
|
7
7
|
return upngModule;
|
|
8
8
|
} catch {
|
|
9
9
|
throw new Error("createApng() requires upng-js. Install it:\n bun add upng-js");
|
|
@@ -12,7 +12,7 @@ async function loadUpng() {
|
|
|
12
12
|
async function loadResvg() {
|
|
13
13
|
if (resvgModule) return resvgModule;
|
|
14
14
|
try {
|
|
15
|
-
resvgModule = await import("./resvg-js-
|
|
15
|
+
resvgModule = await import("./resvg-js-Cwipz-_J.mjs").then((m) => /* @__PURE__ */ __toESM(m.default, 1));
|
|
16
16
|
return resvgModule;
|
|
17
17
|
} catch {
|
|
18
18
|
throw new Error("createApng() requires @resvg/resvg-js. Install it:\n bun add @resvg/resvg-js");
|
|
@@ -67,4 +67,4 @@ var init_apng = __esmMin((() => {
|
|
|
67
67
|
//#endregion
|
|
68
68
|
export { init_apng as n, createApng as t };
|
|
69
69
|
|
|
70
|
-
//# sourceMappingURL=apng-
|
|
70
|
+
//# sourceMappingURL=apng-DFFVOItr.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"apng-
|
|
1
|
+
{"version":3,"file":"apng-DFFVOItr.mjs","names":[],"sources":["../../termless/src/animation/apng.ts"],"sourcesContent":["/**\n * Animated PNG (APNG) encoder for termless.\n *\n * Converts SVG frames to an APNG using upng-js for APNG encoding\n * and @resvg/resvg-js for SVG→pixel rasterization.\n *\n * Both are optional/lazy-loaded dependencies — throws clear errors if missing.\n */\n\nimport type { AnimationFrame, AnimationOptions } from \"./types.ts\"\n\n// Lazy-cached imports\nlet upngModule: typeof import(\"upng-js\") | null = null\nlet resvgModule: { Resvg: any } | null = null\n\nasync function loadUpng() {\n if (upngModule) return upngModule\n try {\n upngModule = await import(\"upng-js\")\n return upngModule\n } catch {\n throw new Error(\"createApng() requires upng-js. Install it:\\n bun add upng-js\")\n }\n}\n\nasync function loadResvg() {\n if (resvgModule) return resvgModule\n try {\n resvgModule = await import(\"@resvg/resvg-js\")\n return resvgModule\n } catch {\n throw new Error(\"createApng() requires @resvg/resvg-js. Install it:\\n bun add @resvg/resvg-js\")\n }\n}\n\n/**\n * Encode animation frames as an animated PNG (APNG).\n *\n * Each SVG frame is rasterized to RGBA pixels via @resvg/resvg-js,\n * then combined into a single APNG file via upng-js.\n *\n * @param frames - SVG frames with durations\n * @param options - Animation options plus optional `scale` for rasterization\n * @returns APNG file as Uint8Array\n */\nexport async function createApng(\n frames: AnimationFrame[],\n options?: AnimationOptions & { scale?: number },\n): Promise<Uint8Array> {\n if (frames.length === 0) {\n throw new Error(\"createApng requires at least one frame\")\n }\n\n const [UPNG, { Resvg }] = await Promise.all([loadUpng(), loadResvg()])\n\n const defaultDuration = options?.defaultDuration ?? 100\n const scale = options?.scale ?? 2\n\n const rgbaBuffers: ArrayBuffer[] = []\n const delays: number[] = []\n let width = 0\n let height = 0\n\n for (const frame of frames) {\n const duration = frame.duration || defaultDuration\n\n const resvg = new Resvg(frame.svg, {\n fitTo: { mode: \"zoom\" as const, value: scale },\n font: { loadSystemFonts: true, defaultFontFamily: \"Menlo\" },\n })\n const rendered = resvg.render()\n\n // Use first frame's dimensions as the canvas size\n if (width === 0) {\n width = rendered.width\n height = rendered.height\n }\n\n rgbaBuffers.push(rendered.pixels.buffer as ArrayBuffer)\n delays.push(duration)\n }\n\n // upng-js encode: cnum=0 means lossless (full RGBA, no quantization)\n const apng = UPNG.encode(rgbaBuffers, width, height, 0, delays)\n return new Uint8Array(apng)\n}\n"],"mappings":";;AAeA,eAAe,WAAW;AACxB,KAAI,WAAY,QAAO;AACvB,KAAI;AACF,eAAa,MAAM,OAAO,uBAAA,MAAA,MAAA,wBAAA,EAAA,SAAA,EAAA,CAAA;AAC1B,SAAO;SACD;AACN,QAAM,IAAI,MAAM,gEAAgE;;;AAIpF,eAAe,YAAY;AACzB,KAAI,YAAa,QAAO;AACxB,KAAI;AACF,gBAAc,MAAM,OAAO,2BAAA,MAAA,MAAA,wBAAA,EAAA,SAAA,EAAA,CAAA;AAC3B,SAAO;SACD;AACN,QAAM,IAAI,MAAM,gFAAgF;;;;;;;;;;;;;AAcpG,eAAsB,WACpB,QACA,SACqB;AACrB,KAAI,OAAO,WAAW,EACpB,OAAM,IAAI,MAAM,yCAAyC;CAG3D,MAAM,CAAC,MAAM,EAAE,WAAW,MAAM,QAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;CAEtE,MAAM,kBAAkB,SAAS,mBAAmB;CACpD,MAAM,QAAQ,SAAS,SAAS;CAEhC,MAAM,cAA6B,EAAE;CACrC,MAAM,SAAmB,EAAE;CAC3B,IAAI,QAAQ;CACZ,IAAI,SAAS;AAEb,MAAK,MAAM,SAAS,QAAQ;EAC1B,MAAM,WAAW,MAAM,YAAY;EAMnC,MAAM,WAJQ,IAAI,MAAM,MAAM,KAAK;GACjC,OAAO;IAAE,MAAM;IAAiB,OAAO;IAAO;GAC9C,MAAM;IAAE,iBAAiB;IAAM,mBAAmB;IAAS;GAC5D,CAAC,CACqB,QAAQ;AAG/B,MAAI,UAAU,GAAG;AACf,WAAQ,SAAS;AACjB,YAAS,SAAS;;AAGpB,cAAY,KAAK,SAAS,OAAO,OAAsB;AACvD,SAAO,KAAK,SAAS;;CAIvB,MAAM,OAAO,KAAK,OAAO,aAAa,OAAO,QAAQ,GAAG,OAAO;AAC/D,QAAO,IAAI,WAAW,KAAK;;;;AAxEzB,cAA8C;AAC9C,eAAqC"}
|
|
@@ -13393,4 +13393,4 @@ var require_backend = /* @__PURE__ */ __commonJSMin(((exports, module) => {
|
|
|
13393
13393
|
export default require_backend();
|
|
13394
13394
|
export {};
|
|
13395
13395
|
|
|
13396
|
-
//# sourceMappingURL=backend-
|
|
13396
|
+
//# sourceMappingURL=backend-DU0Y938U.mjs.map
|