@n-uf/hypr-tiling 26.7.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/CHANGELOG.md +145 -0
- package/README.md +242 -0
- package/dist/chunk-ZCGZOWOY.mjs +9871 -0
- package/dist/devtools.cjs +12001 -0
- package/dist/devtools.d.mts +111 -0
- package/dist/devtools.d.ts +111 -0
- package/dist/devtools.mjs +2286 -0
- package/dist/drag-easing-5WbK3T82.d.ts +605 -0
- package/dist/drag-easing-KxPPNNZT.d.mts +605 -0
- package/dist/engine.cjs +9899 -0
- package/dist/engine.d.mts +314 -0
- package/dist/engine.d.ts +314 -0
- package/dist/engine.mjs +116 -0
- package/dist/index.cjs +9833 -0
- package/dist/index.d.mts +74 -0
- package/dist/index.d.ts +74 -0
- package/dist/index.mjs +125 -0
- package/dist/tiling-renderer-kTlSm4H4.d.mts +2185 -0
- package/dist/tiling-renderer-kTlSm4H4.d.ts +2185 -0
- package/package.json +96 -0
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { T as TilingLayoutNode, a as TilingLayoutConfig, b as TilingObservabilityColorConfig, c as TilingObservabilityColorEnableConfig, d as TilingDropIntentDebugState, e as TilingLiveHitLogState, f as TilingSplitNode, g as TilingFocusDirection, R as ResolvedTilingInteractionCapabilities } from './tiling-renderer-kTlSm4H4.mjs';
|
|
3
|
+
export { h as TILING_OBSERVABILITY_COLOR_DEFAULTS, i as TILING_OBSERVABILITY_COLOR_ENABLE_DEFAULTS, j as TilingDropIntentTuningState, k as TilingLiveHitEdgeDebugState, l as TilingPaneFootprint, m as TilingPaneHitZoneCandidateDebugState, n as TilingPaneHitZoneOverlayDebugState, o as TilingRenderer, p as TilingRendererObservabilityProps, q as TilingViewportCursorState } from './tiling-renderer-kTlSm4H4.mjs';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* ANIMATION control-group defaults — the single source of truth shared by the
|
|
7
|
+
* showcase initial state and the group's "reset to defaults" affordance. Speeds
|
|
8
|
+
* start linked at parity (100 % = the 170ms baseline for both parties), the swap
|
|
9
|
+
* bounce starts at a visible demo magnitude (the public-API prop default is 0), pickup
|
|
10
|
+
* scale + coherent transit keep their library defaults.
|
|
11
|
+
*/
|
|
12
|
+
interface AnimationControlDefaults {
|
|
13
|
+
speedLinked: boolean;
|
|
14
|
+
ghostTransitSpeedPercent: number;
|
|
15
|
+
survivorReflowSpeedPercent: number;
|
|
16
|
+
swapBounceMagnitudePercent: number;
|
|
17
|
+
ghostPickupScalePercent: number;
|
|
18
|
+
coherentTransit: boolean;
|
|
19
|
+
}
|
|
20
|
+
declare const ANIMATION_CONTROL_DEFAULTS: AnimationControlDefaults;
|
|
21
|
+
interface TilingObservabilityLedgerEntry {
|
|
22
|
+
id: string;
|
|
23
|
+
timestampLabel: string;
|
|
24
|
+
streamLine: string;
|
|
25
|
+
}
|
|
26
|
+
interface TilingObservabilityPanelProps {
|
|
27
|
+
layout: TilingLayoutNode;
|
|
28
|
+
setLayout: React.Dispatch<React.SetStateAction<TilingLayoutNode>>;
|
|
29
|
+
config: TilingLayoutConfig;
|
|
30
|
+
setConfig: React.Dispatch<React.SetStateAction<TilingLayoutConfig>>;
|
|
31
|
+
focusedLeafId: string | null;
|
|
32
|
+
selectedSourceLeafId: string;
|
|
33
|
+
setSelectedSourceLeafId: React.Dispatch<React.SetStateAction<string>>;
|
|
34
|
+
selectedTargetLeafId: string;
|
|
35
|
+
setSelectedTargetLeafId: React.Dispatch<React.SetStateAction<string>>;
|
|
36
|
+
selectedSplitId: string;
|
|
37
|
+
setSelectedSplitId: React.Dispatch<React.SetStateAction<string>>;
|
|
38
|
+
preserveParentSplitAxis: boolean;
|
|
39
|
+
setPreserveParentSplitAxis: React.Dispatch<React.SetStateAction<boolean>>;
|
|
40
|
+
showDropPreviewOverlays: boolean;
|
|
41
|
+
setShowDropPreviewOverlays: React.Dispatch<React.SetStateAction<boolean>>;
|
|
42
|
+
observabilityColors: TilingObservabilityColorConfig;
|
|
43
|
+
setObservabilityColors: React.Dispatch<React.SetStateAction<TilingObservabilityColorConfig>>;
|
|
44
|
+
observabilityColorEnables: TilingObservabilityColorEnableConfig;
|
|
45
|
+
setObservabilityColorEnables: React.Dispatch<React.SetStateAction<TilingObservabilityColorEnableConfig>>;
|
|
46
|
+
projectedOverlayBgAlphaPercent: number;
|
|
47
|
+
setProjectedOverlayBgAlphaPercent: React.Dispatch<React.SetStateAction<number>>;
|
|
48
|
+
animationSpeedLinked: boolean;
|
|
49
|
+
setAnimationSpeedLinked: React.Dispatch<React.SetStateAction<boolean>>;
|
|
50
|
+
ghostTransitSpeedPercent: number;
|
|
51
|
+
setGhostTransitSpeedPercent: React.Dispatch<React.SetStateAction<number>>;
|
|
52
|
+
survivorReflowSpeedPercent: number;
|
|
53
|
+
setSurvivorReflowSpeedPercent: React.Dispatch<React.SetStateAction<number>>;
|
|
54
|
+
swapBounceMagnitudePercent: number;
|
|
55
|
+
setSwapBounceMagnitudePercent: React.Dispatch<React.SetStateAction<number>>;
|
|
56
|
+
dragHopEasing: string;
|
|
57
|
+
setDragHopEasing: React.Dispatch<React.SetStateAction<string>>;
|
|
58
|
+
projectedOverlayRenderCount: number;
|
|
59
|
+
showDropBorderHints: boolean;
|
|
60
|
+
setShowDropBorderHints: React.Dispatch<React.SetStateAction<boolean>>;
|
|
61
|
+
showDropIntentTranslucentBg: boolean;
|
|
62
|
+
setShowDropIntentTranslucentBg: React.Dispatch<React.SetStateAction<boolean>>;
|
|
63
|
+
showDropIntentDebug: boolean;
|
|
64
|
+
setShowDropIntentDebug: React.Dispatch<React.SetStateAction<boolean>>;
|
|
65
|
+
showPaneHitZones: boolean;
|
|
66
|
+
setShowPaneHitZones: React.Dispatch<React.SetStateAction<boolean>>;
|
|
67
|
+
paneHitZonesAlphaPercent: number;
|
|
68
|
+
setPaneHitZonesAlphaPercent: React.Dispatch<React.SetStateAction<number>>;
|
|
69
|
+
showLiveStatus: boolean;
|
|
70
|
+
setShowLiveStatus: React.Dispatch<React.SetStateAction<boolean>>;
|
|
71
|
+
liveStatusSticky: boolean;
|
|
72
|
+
setLiveStatusSticky: React.Dispatch<React.SetStateAction<boolean>>;
|
|
73
|
+
previewOverlaysEnabled: boolean;
|
|
74
|
+
setPreviewOverlaysEnabled: React.Dispatch<React.SetStateAction<boolean>>;
|
|
75
|
+
previewOverlaysSticky: boolean;
|
|
76
|
+
setPreviewOverlaysSticky: React.Dispatch<React.SetStateAction<boolean>>;
|
|
77
|
+
subjectColorsEnabled: boolean;
|
|
78
|
+
setSubjectColorsEnabled: React.Dispatch<React.SetStateAction<boolean>>;
|
|
79
|
+
subjectColorsSticky: boolean;
|
|
80
|
+
setSubjectColorsSticky: React.Dispatch<React.SetStateAction<boolean>>;
|
|
81
|
+
dropIntentDebugEnabled: boolean;
|
|
82
|
+
setDropIntentDebugEnabled: React.Dispatch<React.SetStateAction<boolean>>;
|
|
83
|
+
dropIntentDebugSticky: boolean;
|
|
84
|
+
setDropIntentDebugSticky: React.Dispatch<React.SetStateAction<boolean>>;
|
|
85
|
+
hitZoneOverlaysEnabled: boolean;
|
|
86
|
+
setHitZoneOverlaysEnabled: React.Dispatch<React.SetStateAction<boolean>>;
|
|
87
|
+
hitZoneOverlaysSticky: boolean;
|
|
88
|
+
setHitZoneOverlaysSticky: React.Dispatch<React.SetStateAction<boolean>>;
|
|
89
|
+
hitZoneGeometryEnabled: boolean;
|
|
90
|
+
setHitZoneGeometryEnabled: React.Dispatch<React.SetStateAction<boolean>>;
|
|
91
|
+
hitZoneGeometrySticky: boolean;
|
|
92
|
+
setHitZoneGeometrySticky: React.Dispatch<React.SetStateAction<boolean>>;
|
|
93
|
+
animationControlsEnabled: boolean;
|
|
94
|
+
setAnimationControlsEnabled: React.Dispatch<React.SetStateAction<boolean>>;
|
|
95
|
+
animationControlsSticky: boolean;
|
|
96
|
+
setAnimationControlsSticky: React.Dispatch<React.SetStateAction<boolean>>;
|
|
97
|
+
liveDropIntent: TilingDropIntentDebugState | null;
|
|
98
|
+
liveHitLog: TilingLiveHitLogState | null;
|
|
99
|
+
observabilityLedgerEntries: ReadonlyArray<TilingObservabilityLedgerEntry>;
|
|
100
|
+
splitCount: number;
|
|
101
|
+
leafIds: ReadonlyArray<string>;
|
|
102
|
+
tileOrder: ReadonlyArray<string>;
|
|
103
|
+
splitNodes: ReadonlyArray<TilingSplitNode>;
|
|
104
|
+
setFocusedLeafId: React.Dispatch<React.SetStateAction<string | null>>;
|
|
105
|
+
runDirectionalFocus: (direction: TilingFocusDirection) => void;
|
|
106
|
+
interactionCapabilities: ResolvedTilingInteractionCapabilities;
|
|
107
|
+
setInteractionCapabilities: React.Dispatch<React.SetStateAction<ResolvedTilingInteractionCapabilities>>;
|
|
108
|
+
}
|
|
109
|
+
declare function TilingObservabilityPanel(props: TilingObservabilityPanelProps): React.ReactElement;
|
|
110
|
+
|
|
111
|
+
export { ANIMATION_CONTROL_DEFAULTS, type AnimationControlDefaults, TilingDropIntentDebugState, TilingLiveHitLogState, TilingObservabilityColorConfig, TilingObservabilityColorEnableConfig, type TilingObservabilityLedgerEntry, TilingObservabilityPanel };
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { T as TilingLayoutNode, a as TilingLayoutConfig, b as TilingObservabilityColorConfig, c as TilingObservabilityColorEnableConfig, d as TilingDropIntentDebugState, e as TilingLiveHitLogState, f as TilingSplitNode, g as TilingFocusDirection, R as ResolvedTilingInteractionCapabilities } from './tiling-renderer-kTlSm4H4.js';
|
|
3
|
+
export { h as TILING_OBSERVABILITY_COLOR_DEFAULTS, i as TILING_OBSERVABILITY_COLOR_ENABLE_DEFAULTS, j as TilingDropIntentTuningState, k as TilingLiveHitEdgeDebugState, l as TilingPaneFootprint, m as TilingPaneHitZoneCandidateDebugState, n as TilingPaneHitZoneOverlayDebugState, o as TilingRenderer, p as TilingRendererObservabilityProps, q as TilingViewportCursorState } from './tiling-renderer-kTlSm4H4.js';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* ANIMATION control-group defaults — the single source of truth shared by the
|
|
7
|
+
* showcase initial state and the group's "reset to defaults" affordance. Speeds
|
|
8
|
+
* start linked at parity (100 % = the 170ms baseline for both parties), the swap
|
|
9
|
+
* bounce starts at a visible demo magnitude (the public-API prop default is 0), pickup
|
|
10
|
+
* scale + coherent transit keep their library defaults.
|
|
11
|
+
*/
|
|
12
|
+
interface AnimationControlDefaults {
|
|
13
|
+
speedLinked: boolean;
|
|
14
|
+
ghostTransitSpeedPercent: number;
|
|
15
|
+
survivorReflowSpeedPercent: number;
|
|
16
|
+
swapBounceMagnitudePercent: number;
|
|
17
|
+
ghostPickupScalePercent: number;
|
|
18
|
+
coherentTransit: boolean;
|
|
19
|
+
}
|
|
20
|
+
declare const ANIMATION_CONTROL_DEFAULTS: AnimationControlDefaults;
|
|
21
|
+
interface TilingObservabilityLedgerEntry {
|
|
22
|
+
id: string;
|
|
23
|
+
timestampLabel: string;
|
|
24
|
+
streamLine: string;
|
|
25
|
+
}
|
|
26
|
+
interface TilingObservabilityPanelProps {
|
|
27
|
+
layout: TilingLayoutNode;
|
|
28
|
+
setLayout: React.Dispatch<React.SetStateAction<TilingLayoutNode>>;
|
|
29
|
+
config: TilingLayoutConfig;
|
|
30
|
+
setConfig: React.Dispatch<React.SetStateAction<TilingLayoutConfig>>;
|
|
31
|
+
focusedLeafId: string | null;
|
|
32
|
+
selectedSourceLeafId: string;
|
|
33
|
+
setSelectedSourceLeafId: React.Dispatch<React.SetStateAction<string>>;
|
|
34
|
+
selectedTargetLeafId: string;
|
|
35
|
+
setSelectedTargetLeafId: React.Dispatch<React.SetStateAction<string>>;
|
|
36
|
+
selectedSplitId: string;
|
|
37
|
+
setSelectedSplitId: React.Dispatch<React.SetStateAction<string>>;
|
|
38
|
+
preserveParentSplitAxis: boolean;
|
|
39
|
+
setPreserveParentSplitAxis: React.Dispatch<React.SetStateAction<boolean>>;
|
|
40
|
+
showDropPreviewOverlays: boolean;
|
|
41
|
+
setShowDropPreviewOverlays: React.Dispatch<React.SetStateAction<boolean>>;
|
|
42
|
+
observabilityColors: TilingObservabilityColorConfig;
|
|
43
|
+
setObservabilityColors: React.Dispatch<React.SetStateAction<TilingObservabilityColorConfig>>;
|
|
44
|
+
observabilityColorEnables: TilingObservabilityColorEnableConfig;
|
|
45
|
+
setObservabilityColorEnables: React.Dispatch<React.SetStateAction<TilingObservabilityColorEnableConfig>>;
|
|
46
|
+
projectedOverlayBgAlphaPercent: number;
|
|
47
|
+
setProjectedOverlayBgAlphaPercent: React.Dispatch<React.SetStateAction<number>>;
|
|
48
|
+
animationSpeedLinked: boolean;
|
|
49
|
+
setAnimationSpeedLinked: React.Dispatch<React.SetStateAction<boolean>>;
|
|
50
|
+
ghostTransitSpeedPercent: number;
|
|
51
|
+
setGhostTransitSpeedPercent: React.Dispatch<React.SetStateAction<number>>;
|
|
52
|
+
survivorReflowSpeedPercent: number;
|
|
53
|
+
setSurvivorReflowSpeedPercent: React.Dispatch<React.SetStateAction<number>>;
|
|
54
|
+
swapBounceMagnitudePercent: number;
|
|
55
|
+
setSwapBounceMagnitudePercent: React.Dispatch<React.SetStateAction<number>>;
|
|
56
|
+
dragHopEasing: string;
|
|
57
|
+
setDragHopEasing: React.Dispatch<React.SetStateAction<string>>;
|
|
58
|
+
projectedOverlayRenderCount: number;
|
|
59
|
+
showDropBorderHints: boolean;
|
|
60
|
+
setShowDropBorderHints: React.Dispatch<React.SetStateAction<boolean>>;
|
|
61
|
+
showDropIntentTranslucentBg: boolean;
|
|
62
|
+
setShowDropIntentTranslucentBg: React.Dispatch<React.SetStateAction<boolean>>;
|
|
63
|
+
showDropIntentDebug: boolean;
|
|
64
|
+
setShowDropIntentDebug: React.Dispatch<React.SetStateAction<boolean>>;
|
|
65
|
+
showPaneHitZones: boolean;
|
|
66
|
+
setShowPaneHitZones: React.Dispatch<React.SetStateAction<boolean>>;
|
|
67
|
+
paneHitZonesAlphaPercent: number;
|
|
68
|
+
setPaneHitZonesAlphaPercent: React.Dispatch<React.SetStateAction<number>>;
|
|
69
|
+
showLiveStatus: boolean;
|
|
70
|
+
setShowLiveStatus: React.Dispatch<React.SetStateAction<boolean>>;
|
|
71
|
+
liveStatusSticky: boolean;
|
|
72
|
+
setLiveStatusSticky: React.Dispatch<React.SetStateAction<boolean>>;
|
|
73
|
+
previewOverlaysEnabled: boolean;
|
|
74
|
+
setPreviewOverlaysEnabled: React.Dispatch<React.SetStateAction<boolean>>;
|
|
75
|
+
previewOverlaysSticky: boolean;
|
|
76
|
+
setPreviewOverlaysSticky: React.Dispatch<React.SetStateAction<boolean>>;
|
|
77
|
+
subjectColorsEnabled: boolean;
|
|
78
|
+
setSubjectColorsEnabled: React.Dispatch<React.SetStateAction<boolean>>;
|
|
79
|
+
subjectColorsSticky: boolean;
|
|
80
|
+
setSubjectColorsSticky: React.Dispatch<React.SetStateAction<boolean>>;
|
|
81
|
+
dropIntentDebugEnabled: boolean;
|
|
82
|
+
setDropIntentDebugEnabled: React.Dispatch<React.SetStateAction<boolean>>;
|
|
83
|
+
dropIntentDebugSticky: boolean;
|
|
84
|
+
setDropIntentDebugSticky: React.Dispatch<React.SetStateAction<boolean>>;
|
|
85
|
+
hitZoneOverlaysEnabled: boolean;
|
|
86
|
+
setHitZoneOverlaysEnabled: React.Dispatch<React.SetStateAction<boolean>>;
|
|
87
|
+
hitZoneOverlaysSticky: boolean;
|
|
88
|
+
setHitZoneOverlaysSticky: React.Dispatch<React.SetStateAction<boolean>>;
|
|
89
|
+
hitZoneGeometryEnabled: boolean;
|
|
90
|
+
setHitZoneGeometryEnabled: React.Dispatch<React.SetStateAction<boolean>>;
|
|
91
|
+
hitZoneGeometrySticky: boolean;
|
|
92
|
+
setHitZoneGeometrySticky: React.Dispatch<React.SetStateAction<boolean>>;
|
|
93
|
+
animationControlsEnabled: boolean;
|
|
94
|
+
setAnimationControlsEnabled: React.Dispatch<React.SetStateAction<boolean>>;
|
|
95
|
+
animationControlsSticky: boolean;
|
|
96
|
+
setAnimationControlsSticky: React.Dispatch<React.SetStateAction<boolean>>;
|
|
97
|
+
liveDropIntent: TilingDropIntentDebugState | null;
|
|
98
|
+
liveHitLog: TilingLiveHitLogState | null;
|
|
99
|
+
observabilityLedgerEntries: ReadonlyArray<TilingObservabilityLedgerEntry>;
|
|
100
|
+
splitCount: number;
|
|
101
|
+
leafIds: ReadonlyArray<string>;
|
|
102
|
+
tileOrder: ReadonlyArray<string>;
|
|
103
|
+
splitNodes: ReadonlyArray<TilingSplitNode>;
|
|
104
|
+
setFocusedLeafId: React.Dispatch<React.SetStateAction<string | null>>;
|
|
105
|
+
runDirectionalFocus: (direction: TilingFocusDirection) => void;
|
|
106
|
+
interactionCapabilities: ResolvedTilingInteractionCapabilities;
|
|
107
|
+
setInteractionCapabilities: React.Dispatch<React.SetStateAction<ResolvedTilingInteractionCapabilities>>;
|
|
108
|
+
}
|
|
109
|
+
declare function TilingObservabilityPanel(props: TilingObservabilityPanelProps): React.ReactElement;
|
|
110
|
+
|
|
111
|
+
export { ANIMATION_CONTROL_DEFAULTS, type AnimationControlDefaults, TilingDropIntentDebugState, TilingLiveHitLogState, TilingObservabilityColorConfig, TilingObservabilityColorEnableConfig, type TilingObservabilityLedgerEntry, TilingObservabilityPanel };
|