ryugi-artifacts 1.44.2 → 1.45.0

package/dist/viewer-lib/types/src/viewer/hooks/useBoardTiers.d.ts

@@ -2,7 +2,7 @@ import { type BoardSpec } from '../../shared/types';
 import { type BoardRender } from '../lib/board-tiers';
 import { type SnapshotStore } from '../lib/snapshot-store';
 import type { View } from '../lib/view';
-export declare function useBoardTiers({ artifact, boards, versions, pending, view, scaling, viewport, pinned, hovered, hoverPromotes, persistable, store: provided, }: {
+export declare function useBoardTiers({ artifact, boards, versions, pending, view, scaling, viewport, pinned, hovered, hoverPromotes, persistable, preview, store: provided, }: {
     artifact: string;
     boards: [string, BoardSpec][];
     versions: Record<string, number>;
@@ -17,6 +17,7 @@ export declare function useBoardTiers({ artifact, boards, versions, pending, vie
     hovered: string | null;
     hoverPromotes: boolean;
     persistable: (id: string) => boolean;
+    preview?: boolean;
     store?: SnapshotStore;
 }): {
     renders: Map<string, BoardRender>;

package/dist/viewer-lib/types/src/viewer/layouts/PhoneArtboard.d.ts

@@ -13,8 +13,9 @@ interface Props {
     live?: boolean;
     loaded: boolean;
     pending: string[];
+    tiers?: boolean;
     versions: Record<string, number>;
     warnings: string[];
 }
-export declare function PhoneArtboard({ id, canvas, layout, warnings, pending, contentBase, versions, live, loaded, agent, comments, actions, }: Props): import("react").JSX.Element;
+export declare function PhoneArtboard({ id, artifact, canvas, layout, warnings, pending, contentBase, versions, live, loaded, agent, comments, actions, tiers: tiered, }: Props): import("react").JSX.Element;
 export {};

package/dist/viewer-lib/types/src/viewer/lib/board-tiers.d.ts

@@ -3,7 +3,6 @@ export declare const SNAPSHOT_SCALES: readonly [0.125, 0.25, 0.5, 1, 2];
 export type SnapshotScale = (typeof SNAPSHOT_SCALES)[number];
 export type BoardTier = 'live' | 'snapshot' | 'placeholder' | 'empty';
 export declare const LIVE_MIN_ZOOM = 0.4;
-export declare const LIVE_MAX = 8;
 export declare const WARM_MIN_WIDTH = 120;
 export interface TierBoard {
     h: number;
@@ -15,8 +14,10 @@ export interface TierBoard {
 export interface TierInput {
     boards: TierBoard[];
     hovered?: string | null;
+    limit?: number;
     pinned: ReadonlySet<string>;
     snapshots: ReadonlySet<string>;
+    untilSnapshot?: boolean;
     view: View;
     viewport: {
         width: number;
@@ -31,8 +32,9 @@ export interface BoardRender {
     tier: BoardTier;
 }
 export declare const snapshotScale: (k: number, dpr: number) => SnapshotScale;
-export declare function chooseTiers({ boards, view, viewport, pinned, snapshots, hovered, }: TierInput): Map<string, BoardTier>;
+export declare function chooseTiers({ boards, view, viewport, pinned, snapshots, hovered, limit, untilSnapshot, }: TierInput): Map<string, BoardTier>;
 export declare function visibleRenders({ boards, view, viewport, }: Pick<TierInput, 'boards' | 'view' | 'viewport'>): Map<string, BoardRender>;
-export declare function boardsToWarm({ boards, view, viewport, snapshots, skip, }: Pick<TierInput, 'boards' | 'view' | 'viewport' | 'snapshots'> & {
+export declare function boardsToWarm({ boards, view, viewport, snapshots, skip, minWidth, }: Pick<TierInput, 'boards' | 'view' | 'viewport' | 'snapshots'> & {
+    minWidth?: number;
     skip: ReadonlySet<string>;
 }): string[];

package/dist/viewer-lib/types/src/viewer/lib/hover-dwell.d.ts

@@ -1,4 +1,4 @@
-export declare const HOVER_DWELL_MS = 600;
+export declare const HOVER_DWELL_MS = 150;
 interface Point {
     x: number;
     y: number;

package/dist/viewer-lib/types/src/viewer/lib/live-limit.d.ts

@@ -0,0 +1,33 @@
+export declare const LIVE_LIMIT_MIN = 8;
+export declare const LIVE_LIMIT_MAX = 32;
+export declare const DEFAULT_LIVE_LIMIT = 24;
+export declare const REFERENCE_VIEWPORT: {
+    readonly width: 1440;
+    readonly height: 900;
+};
+export interface DeviceProfile {
+    cores?: number;
+    memoryGB?: number;
+}
+export interface LiveLimitInput {
+    device?: DeviceProfile;
+    viewport: {
+        width: number;
+        height: number;
+    };
+}
+/**
+ * How many live board frames the viewer may mount.
+ *
+ * Measured on the real viewer (headless Chrome, DPR 1): a static board costs
+ * ~0.3 MB of JS heap and ~0.02 s of main-thread time to mount, then no idle
+ * CPU; a 32-frame page holds ~10 MB of heap and ~0.8 s of task time. Raster
+ * surfaces are 2-4 MB per frame at DPR 1, so Retina screens are the upper
+ * bound. The old fixed 8 assumed 50-80 MB per frame, which is not what the
+ * snapshots-and-tiers viewer does.
+ *
+ * The budget scales with the screen (a larger viewport keeps more boards
+ * mostly visible) and with the device (low-memory or few-core machines keep
+ * the old conservative 8).
+ */
+export declare function liveLimit({ device, viewport }: LiveLimitInput): number;

package/dist/viewer-lib/types/src/viewer/lib/tier-controller.d.ts

@@ -2,6 +2,7 @@ import { type BoardTier, type TierInput } from './board-tiers';
 export interface ControllerInput extends TierInput {
     hovered: string | null;
     hoverPromotes: boolean;
+    maxMounting?: number;
     scaling: boolean;
     warm?: readonly string[];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ryugi-artifacts",
-  "version": "1.44.2",
+  "version": "1.45.0",
   "description": "Server and viewer for the Ryugi artifacts app",
   "repository": {
     "type": "git",