@gtsx/studio 0.0.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/LICENSE +21 -0
- package/dist/case-grid-layout.d.ts +6 -0
- package/dist/case-grid-layout.d.ts.map +1 -0
- package/dist/chunks/client-entry-6rzfPqgF.js +3973 -0
- package/dist/client-entry.d.ts +5 -0
- package/dist/client-entry.d.ts.map +1 -0
- package/dist/client.d.ts +200 -0
- package/dist/client.d.ts.map +1 -0
- package/dist/client.js +3 -0
- package/dist/components/BufferedPreviewIframe.g.d.ts +30 -0
- package/dist/components/BufferedPreviewIframe.g.d.ts.map +1 -0
- package/dist/components/ComponentBoundsHitTarget.g.d.ts +24 -0
- package/dist/components/ComponentBoundsHitTarget.g.d.ts.map +1 -0
- package/dist/components/ComponentCard.g.d.ts +29 -0
- package/dist/components/ComponentCard.g.d.ts.map +1 -0
- package/dist/components/FileGroupLink.g.d.ts +54 -0
- package/dist/components/FileGroupLink.g.d.ts.map +1 -0
- package/dist/components/LazyPreviewFrame.g.d.ts +58 -0
- package/dist/components/LazyPreviewFrame.g.d.ts.map +1 -0
- package/dist/components/PreviewCaseSheet.g.d.ts +51 -0
- package/dist/components/PreviewCaseSheet.g.d.ts.map +1 -0
- package/dist/components/PreviewError.g.d.ts +27 -0
- package/dist/components/PreviewError.g.d.ts.map +1 -0
- package/dist/components/PreviewMessage.g.d.ts +29 -0
- package/dist/components/PreviewMessage.g.d.ts.map +1 -0
- package/dist/components/SelectedBoundaryOutline.g.d.ts +21 -0
- package/dist/components/SelectedBoundaryOutline.g.d.ts.map +1 -0
- package/dist/components/SidebarComponentPreview.g.d.ts +70 -0
- package/dist/components/SidebarComponentPreview.g.d.ts.map +1 -0
- package/dist/components/StudioComponentCardSlot.d.ts +26 -0
- package/dist/components/StudioComponentCardSlot.d.ts.map +1 -0
- package/dist/components/StudioEmptyState.g.d.ts +19 -0
- package/dist/components/StudioEmptyState.g.d.ts.map +1 -0
- package/dist/components/StudioPreviewIframe.d.ts +14 -0
- package/dist/components/StudioPreviewIframe.d.ts.map +1 -0
- package/dist/components/StudioShell.d.ts +10 -0
- package/dist/components/StudioShell.d.ts.map +1 -0
- package/dist/components/StudioWorkspaceView.g.d.ts +119 -0
- package/dist/components/StudioWorkspaceView.g.d.ts.map +1 -0
- package/dist/components/ViewportPresetTabs.g.d.ts +24 -0
- package/dist/components/ViewportPresetTabs.g.d.ts.map +1 -0
- package/dist/index.d.ts +26 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +3 -0
- package/dist/manifest-server.d.ts +8 -0
- package/dist/manifest-server.d.ts.map +1 -0
- package/dist/manifest-server.js +20 -0
- package/dist/manifest.d.ts +52 -0
- package/dist/manifest.d.ts.map +1 -0
- package/dist/manifest.js +58 -0
- package/dist/preview-cache-indexeddb.d.ts +6 -0
- package/dist/preview-cache-indexeddb.d.ts.map +1 -0
- package/dist/preview-frame-layout.d.ts +23 -0
- package/dist/preview-frame-layout.d.ts.map +1 -0
- package/dist/preview-frame-slot.d.ts +6 -0
- package/dist/preview-frame-slot.d.ts.map +1 -0
- package/dist/preview-geometry-cache-store.d.ts +37 -0
- package/dist/preview-geometry-cache-store.d.ts.map +1 -0
- package/dist/preview-iframe-pool.d.ts +86 -0
- package/dist/preview-iframe-pool.d.ts.map +1 -0
- package/dist/preview-lazy-loading.d.ts +30 -0
- package/dist/preview-lazy-loading.d.ts.map +1 -0
- package/dist/preview-render-queue.d.ts +54 -0
- package/dist/preview-render-queue.d.ts.map +1 -0
- package/dist/preview-render-session-store.d.ts +17 -0
- package/dist/preview-render-session-store.d.ts.map +1 -0
- package/dist/studio-canvas-geometry.d.ts +19 -0
- package/dist/studio-canvas-geometry.d.ts.map +1 -0
- package/dist/studio-canvas-transform-event.d.ts +4 -0
- package/dist/studio-canvas-transform-event.d.ts.map +1 -0
- package/dist/studio-component-preview-frame-states.d.ts +6 -0
- package/dist/studio-component-preview-frame-states.d.ts.map +1 -0
- package/dist/studio-preview-message-flush.d.ts +14 -0
- package/dist/studio-preview-message-flush.d.ts.map +1 -0
- package/dist/studio-preview-render-completion-source.d.ts +12 -0
- package/dist/studio-preview-render-completion-source.d.ts.map +1 -0
- package/dist/studio-preview-render-observation.d.ts +43 -0
- package/dist/studio-preview-render-observation.d.ts.map +1 -0
- package/dist/studio-preview-render-plan.d.ts +40 -0
- package/dist/studio-preview-render-plan.d.ts.map +1 -0
- package/dist/studio-preview-render-request-clock.d.ts +24 -0
- package/dist/studio-preview-render-request-clock.d.ts.map +1 -0
- package/dist/studio-preview-render-request-policy.d.ts +19 -0
- package/dist/studio-preview-render-request-policy.d.ts.map +1 -0
- package/dist/use-studio-canvas-controller.d.ts +40 -0
- package/dist/use-studio-canvas-controller.d.ts.map +1 -0
- package/dist/use-studio-canvas-layout.d.ts +28 -0
- package/dist/use-studio-canvas-layout.d.ts.map +1 -0
- package/dist/use-studio-preview-render-scheduler.d.ts +32 -0
- package/dist/use-studio-preview-render-scheduler.d.ts.map +1 -0
- package/package.json +70 -0
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { default as StudioShell } from "./components/StudioShell";
|
|
2
|
+
export type { StudioShellProps } from "./components/StudioShell";
|
|
3
|
+
export { default as StudioWorkspaceView } from "./components/StudioWorkspaceView.g";
|
|
4
|
+
export type { StudioWorkspaceViewProps } from "./components/StudioWorkspaceView.g";
|
|
5
|
+
//# sourceMappingURL=client-entry.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"client-entry.d.ts","sourceRoot":"","sources":["../src/client-entry.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACjE,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AACnF,YAAY,EAAE,wBAAwB,EAAE,MAAM,oCAAoC,CAAA"}
|
package/dist/client.d.ts
ADDED
|
@@ -0,0 +1,200 @@
|
|
|
1
|
+
import { type GPreviewRenderTarget, type GBoundaryRect, type GBoundaryTreeNode, type GRuntimeValuesSnapshot, type GPreviewProtocolMessage, type GPreviewRequestValuesMessage } from "@gtsx/core";
|
|
2
|
+
import type { StudioManifest, StudioManifestComponent } from "./manifest";
|
|
3
|
+
export type StudioPreviewFrameState = {
|
|
4
|
+
expectedSessionId: string;
|
|
5
|
+
ready: boolean;
|
|
6
|
+
tree?: GBoundaryTreeNode[];
|
|
7
|
+
size?: {
|
|
8
|
+
width: number;
|
|
9
|
+
height: number;
|
|
10
|
+
};
|
|
11
|
+
error?: {
|
|
12
|
+
message: string;
|
|
13
|
+
stack?: string;
|
|
14
|
+
};
|
|
15
|
+
valuesByBoundaryId?: Record<string, GRuntimeValuesSnapshot>;
|
|
16
|
+
};
|
|
17
|
+
export type StudioWorkspaceColumn = {
|
|
18
|
+
components: StudioManifestComponent[];
|
|
19
|
+
parentCoordinate?: string;
|
|
20
|
+
};
|
|
21
|
+
export type StudioWorkspaceState = {
|
|
22
|
+
canvasViewportPreset?: StudioViewportPreset;
|
|
23
|
+
columns: StudioWorkspaceColumn[];
|
|
24
|
+
selectedCaseByCoordinate: Record<string, string>;
|
|
25
|
+
selectedCoordinatePath: string[];
|
|
26
|
+
selectedRuntimeInstanceByCoordinate: Record<string, string>;
|
|
27
|
+
selectedViewportPresetByCoordinate: Record<string, StudioViewportPreset>;
|
|
28
|
+
};
|
|
29
|
+
export type StudioCanvasTransform = {
|
|
30
|
+
x: number;
|
|
31
|
+
y: number;
|
|
32
|
+
scale: number;
|
|
33
|
+
};
|
|
34
|
+
export type StudioCanvasScreenRect = {
|
|
35
|
+
bottom: number;
|
|
36
|
+
left: number;
|
|
37
|
+
right: number;
|
|
38
|
+
top: number;
|
|
39
|
+
};
|
|
40
|
+
export type StudioColumnLayout = {
|
|
41
|
+
x: number;
|
|
42
|
+
y: number;
|
|
43
|
+
};
|
|
44
|
+
export type StudioColumnLayoutMeasurement = {
|
|
45
|
+
cardRectsByCoordinate: Record<string, StudioCanvasScreenRect>;
|
|
46
|
+
height: number;
|
|
47
|
+
previewFrameRectsBySessionId?: Record<string, StudioCanvasScreenRect>;
|
|
48
|
+
};
|
|
49
|
+
export type StudioCaseGridItemLayout = {
|
|
50
|
+
height: number;
|
|
51
|
+
width: number;
|
|
52
|
+
};
|
|
53
|
+
export type StudioCaseGridLayout = {
|
|
54
|
+
caseChromeHeight: number;
|
|
55
|
+
cellHeight: number;
|
|
56
|
+
cellWidth: number;
|
|
57
|
+
columns: number;
|
|
58
|
+
gap: number;
|
|
59
|
+
height: number;
|
|
60
|
+
previewScale: number;
|
|
61
|
+
rows: number;
|
|
62
|
+
width: number;
|
|
63
|
+
};
|
|
64
|
+
export type StudioCanvasWheelInput = {
|
|
65
|
+
clientX: number;
|
|
66
|
+
clientY: number;
|
|
67
|
+
ctrlKey: boolean;
|
|
68
|
+
deltaMode: number;
|
|
69
|
+
deltaX: number;
|
|
70
|
+
deltaY: number;
|
|
71
|
+
focalViewportX?: number;
|
|
72
|
+
focalViewportY?: number;
|
|
73
|
+
metaKey: boolean;
|
|
74
|
+
viewportLeft: number;
|
|
75
|
+
viewportTop: number;
|
|
76
|
+
};
|
|
77
|
+
export type StudioCardSelectionSource = "keyboard" | "pointer";
|
|
78
|
+
export type StudioCardSelectionAction = {
|
|
79
|
+
type: "activate-card";
|
|
80
|
+
coordinate: string;
|
|
81
|
+
source: StudioCardSelectionSource;
|
|
82
|
+
} | {
|
|
83
|
+
type: "clear";
|
|
84
|
+
};
|
|
85
|
+
export type StudioViewportPreset = "phone" | "tablet" | "desktop";
|
|
86
|
+
export type StudioComponentSelectionOptions = {
|
|
87
|
+
columnIndex?: number;
|
|
88
|
+
};
|
|
89
|
+
export type StudioRuntimeInstance = {
|
|
90
|
+
boundaryId: string;
|
|
91
|
+
coordinate: string;
|
|
92
|
+
parentPath: string[];
|
|
93
|
+
rect?: GBoundaryRect;
|
|
94
|
+
};
|
|
95
|
+
export type StudioRuntimeValuesRequest = {
|
|
96
|
+
sessionId: string;
|
|
97
|
+
message: GPreviewRequestValuesMessage;
|
|
98
|
+
};
|
|
99
|
+
export type StudioPreviewCacheEntry = {
|
|
100
|
+
frameState: StudioPreviewFrameState;
|
|
101
|
+
lastUsedAt: number;
|
|
102
|
+
};
|
|
103
|
+
export type StudioPreviewTarget = {
|
|
104
|
+
cacheKey: string;
|
|
105
|
+
previewUrl: string;
|
|
106
|
+
sessionId: string;
|
|
107
|
+
size: {
|
|
108
|
+
width: number;
|
|
109
|
+
height: number;
|
|
110
|
+
};
|
|
111
|
+
title: string;
|
|
112
|
+
};
|
|
113
|
+
export type StudioWorkspaceUrlState = {
|
|
114
|
+
canvas: StudioCanvasTransform;
|
|
115
|
+
selection: string;
|
|
116
|
+
workspace: StudioWorkspaceState;
|
|
117
|
+
warning?: string;
|
|
118
|
+
};
|
|
119
|
+
export declare function applyStudioPreviewMessage(state: StudioPreviewFrameState, message: GPreviewProtocolMessage): StudioPreviewFrameState;
|
|
120
|
+
export declare function applyStudioPreviewMessageToFrameStates(frameStates: Record<string, StudioPreviewFrameState>, message: GPreviewProtocolMessage, activeSessionIds: Set<string>): Record<string, StudioPreviewFrameState>;
|
|
121
|
+
export declare function createStudioWorkspaceState(manifest: StudioManifest, selection?: string): StudioWorkspaceState;
|
|
122
|
+
export declare function defaultStudioCanvasTransform(): StudioCanvasTransform;
|
|
123
|
+
export declare function selectStudioComponent(state: StudioWorkspaceState, manifest: StudioManifest, coordinate: string, tree: GBoundaryTreeNode[] | GBoundaryTreeNode[][], options?: StudioComponentSelectionOptions): StudioWorkspaceState;
|
|
124
|
+
export declare function selectedStudioCaseName(state: Pick<StudioWorkspaceState, "selectedCaseByCoordinate">, component: StudioManifestComponent): string;
|
|
125
|
+
export declare function changeStudioComponentCase(state: StudioWorkspaceState, coordinate: string, caseName: string, options?: {
|
|
126
|
+
keepDrilldown?: boolean;
|
|
127
|
+
}): StudioWorkspaceState;
|
|
128
|
+
export declare function selectStudioRuntimeInstance(state: StudioWorkspaceState, coordinate: string, boundaryId: string): StudioWorkspaceState;
|
|
129
|
+
export declare function changeStudioViewportPreset(state: StudioWorkspaceState, coordinate: string, preset: StudioViewportPreset): StudioWorkspaceState;
|
|
130
|
+
export declare function changeStudioCanvasViewportPreset(state: StudioWorkspaceState, preset: StudioViewportPreset): StudioWorkspaceState;
|
|
131
|
+
export declare function createStudioWorkspaceUrlSearchParams(selection: string | undefined, workspace: StudioWorkspaceState, canvas?: StudioCanvasTransform): URLSearchParams;
|
|
132
|
+
export declare function createStudioWorkspaceStateFromUrl(manifest: StudioManifest, params: URLSearchParams): StudioWorkspaceUrlState;
|
|
133
|
+
export declare function createStudioRuntimeValuesRequest(manifest: StudioManifest, workspace: StudioWorkspaceState, boundaryId: string): StudioRuntimeValuesRequest | undefined;
|
|
134
|
+
export declare function initialStudioUrlSearchParams(selection: string | undefined, urlSearch: string | undefined): URLSearchParams;
|
|
135
|
+
export declare function createStudioCanvasTransformFromUrl(params: URLSearchParams): StudioCanvasTransform;
|
|
136
|
+
export declare function replaceStudioCanvasUrlState(canvas: StudioCanvasTransform): void;
|
|
137
|
+
export declare function pushStudioWorkspaceUrlState(selection: string | undefined, workspace: StudioWorkspaceState, options?: {
|
|
138
|
+
canvas?: StudioCanvasTransform;
|
|
139
|
+
}): void;
|
|
140
|
+
export declare function isStudioPreviewPoolDebugEnabled(params: URLSearchParams): boolean;
|
|
141
|
+
export declare function isStudioPreviewQueueDebugEnabled(params: URLSearchParams): boolean;
|
|
142
|
+
export declare function isStudioPreviewPoolDisabled(params: URLSearchParams): boolean;
|
|
143
|
+
export declare function applyStudioCanvasWheel(current: StudioCanvasTransform, input: StudioCanvasWheelInput): StudioCanvasTransform;
|
|
144
|
+
export declare function revealStudioCanvasRect(current: StudioCanvasTransform, input: {
|
|
145
|
+
blockerRects?: StudioCanvasScreenRect[];
|
|
146
|
+
margin?: number;
|
|
147
|
+
rect: StudioCanvasScreenRect;
|
|
148
|
+
viewportRect: StudioCanvasScreenRect;
|
|
149
|
+
}): StudioCanvasTransform;
|
|
150
|
+
export declare function computeStudioColumnLayout(input: {
|
|
151
|
+
columns: {
|
|
152
|
+
componentCoordinates: string[];
|
|
153
|
+
parentCoordinate?: string;
|
|
154
|
+
}[];
|
|
155
|
+
margin?: number;
|
|
156
|
+
measurementsByIndex: Record<number, StudioColumnLayoutMeasurement>;
|
|
157
|
+
}): Record<number, StudioColumnLayout>;
|
|
158
|
+
export declare function computeStudioCaseGridLayout(input: {
|
|
159
|
+
caseChromeHeight?: number;
|
|
160
|
+
gap?: number;
|
|
161
|
+
items: StudioCaseGridItemLayout[];
|
|
162
|
+
maxSide?: number;
|
|
163
|
+
minScale?: number;
|
|
164
|
+
previewScale?: number;
|
|
165
|
+
}): StudioCaseGridLayout;
|
|
166
|
+
export declare function applyStudioCardSelectionAction(current: string | undefined, action: StudioCardSelectionAction): string | undefined;
|
|
167
|
+
export declare function componentCardLayoutWidth(displaySize: {
|
|
168
|
+
width: number | string;
|
|
169
|
+
}, tree: GBoundaryTreeNode[] | undefined, coordinate: string): number;
|
|
170
|
+
export declare function clipPreviewBoundaryRectToViewport(rect: GBoundaryRect | undefined, viewport: {
|
|
171
|
+
width: number | string;
|
|
172
|
+
height: number;
|
|
173
|
+
}): GBoundaryRect | undefined;
|
|
174
|
+
export declare function canvasViewportPresetForWorkspace(workspace: StudioWorkspaceState): StudioViewportPreset;
|
|
175
|
+
export declare function visibleWorkspaceComponents(workspace: StudioWorkspaceState): StudioManifestComponent[];
|
|
176
|
+
export declare function findManifestComponent(manifest: StudioManifest, coordinate: string): StudioManifestComponent | undefined;
|
|
177
|
+
export declare function createStudioPreviewUrl(manifest: StudioManifest, component: StudioManifestComponent, caseName: string, sessionId?: string, options?: {
|
|
178
|
+
static?: boolean;
|
|
179
|
+
}): string;
|
|
180
|
+
export declare function createStudioPreviewPoolUrl(manifest: StudioManifest): string;
|
|
181
|
+
export declare function studioPreviewRenderTargetFromUrl(previewUrl: string, fallbackSessionId: string): GPreviewRenderTarget;
|
|
182
|
+
export declare function previewSessionId(component: StudioManifestComponent, caseName: string, viewportPreset?: StudioViewportPreset): string;
|
|
183
|
+
export declare function studioPreviewCacheKey(component: StudioManifestComponent, caseName: string, viewportPreset: StudioViewportPreset): string;
|
|
184
|
+
export declare function studioPreviewFrameSize(preset: StudioViewportPreset, reportedSize: {
|
|
185
|
+
width: number;
|
|
186
|
+
height: number;
|
|
187
|
+
} | undefined): {
|
|
188
|
+
width: number | string;
|
|
189
|
+
height: number;
|
|
190
|
+
};
|
|
191
|
+
export declare function mergeStudioPreviewFrameState(sessionId: string, current: StudioPreviewFrameState | undefined, cached: StudioPreviewFrameState | undefined): StudioPreviewFrameState | undefined;
|
|
192
|
+
export declare function currentPreviewSessionIds(workspace: StudioWorkspaceState): Set<string>;
|
|
193
|
+
export declare function currentStudioPreviewTargets(manifest: StudioManifest, workspace: StudioWorkspaceState): StudioPreviewTarget[];
|
|
194
|
+
export declare function isGPreviewProtocolMessage(value: unknown): value is GPreviewProtocolMessage;
|
|
195
|
+
export declare function resolveStudioSelection(manifest: StudioManifest, selection: string | undefined): {
|
|
196
|
+
id: string;
|
|
197
|
+
components: StudioManifestComponent[];
|
|
198
|
+
};
|
|
199
|
+
export declare function rootStudioManifestComponents(manifest: StudioManifest): StudioManifestComponent[];
|
|
200
|
+
//# sourceMappingURL=client.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.tsx"],"names":[],"mappings":"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"}
|
package/dist/client.js
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { StudioPreviewFrameSlot } from "../preview-frame-slot";
|
|
2
|
+
import type { StudioPreviewIframeMountState } from "../preview-iframe-pool";
|
|
3
|
+
type BufferedPreviewIframeProps = {
|
|
4
|
+
onPreviewFrameMount?: (sessionId: string, frame: HTMLIFrameElement | null, state?: StudioPreviewIframeMountState) => void;
|
|
5
|
+
size: {
|
|
6
|
+
width: number | string;
|
|
7
|
+
height: number;
|
|
8
|
+
};
|
|
9
|
+
slot: StudioPreviewFrameSlot;
|
|
10
|
+
};
|
|
11
|
+
declare function BufferedPreviewIframe(props: BufferedPreviewIframeProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare namespace BufferedPreviewIframe {
|
|
13
|
+
var cases: {
|
|
14
|
+
active: {
|
|
15
|
+
props: {
|
|
16
|
+
size: {
|
|
17
|
+
width: number;
|
|
18
|
+
height: number;
|
|
19
|
+
};
|
|
20
|
+
slot: {
|
|
21
|
+
previewUrl: string;
|
|
22
|
+
sessionId: string;
|
|
23
|
+
title: string;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
export default BufferedPreviewIframe;
|
|
30
|
+
//# sourceMappingURL=BufferedPreviewIframe.g.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BufferedPreviewIframe.g.d.ts","sourceRoot":"","sources":["../../src/components/BufferedPreviewIframe.g.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAA;AACnE,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,wBAAwB,CAAA;AAE3E,KAAK,0BAA0B,GAAG;IAChC,mBAAmB,CAAC,EAAE,CACpB,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,iBAAiB,GAAG,IAAI,EAC/B,KAAK,CAAC,EAAE,6BAA6B,KAClC,IAAI,CAAA;IACT,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAChD,IAAI,EAAE,sBAAsB,CAAA;CAC7B,CAAA;AAED,iBAAwB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CAsB9E;kBAtBuB,qBAAqB;;;;;;;;;;;;;;;;;eAArB,qBAAqB"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import type { GBoundaryRect } from "@gtsx/core";
|
|
2
|
+
type ComponentBoundsHitTargetProps = {
|
|
3
|
+
coordinate: string;
|
|
4
|
+
onSelect?: () => void;
|
|
5
|
+
rect: GBoundaryRect;
|
|
6
|
+
};
|
|
7
|
+
declare function ComponentBoundsHitTarget(props: ComponentBoundsHitTargetProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare namespace ComponentBoundsHitTarget {
|
|
9
|
+
var cases: {
|
|
10
|
+
userCardBounds: {
|
|
11
|
+
props: {
|
|
12
|
+
coordinate: string;
|
|
13
|
+
rect: {
|
|
14
|
+
x: number;
|
|
15
|
+
y: number;
|
|
16
|
+
width: number;
|
|
17
|
+
height: number;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
export default ComponentBoundsHitTarget;
|
|
24
|
+
//# sourceMappingURL=ComponentBoundsHitTarget.g.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ComponentBoundsHitTarget.g.d.ts","sourceRoot":"","sources":["../../src/components/ComponentBoundsHitTarget.g.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAU,MAAM,YAAY,CAAA;AAEvD,KAAK,6BAA6B,GAAG;IACnC,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,IAAI,EAAE,aAAa,CAAA;CACpB,CAAA;AAED,iBAAwB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,2CAsBpF;kBAtBuB,wBAAwB;;;;;;;;;;;;;;;eAAxB,wBAAwB"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import type { GCases } from "@gtsx/core";
|
|
2
|
+
import { type StudioPreviewFrameState } from "../client";
|
|
3
|
+
import type { StudioManifest, StudioManifestComponent } from "../manifest";
|
|
4
|
+
import type { StudioPreviewIframeMountState } from "../preview-iframe-pool";
|
|
5
|
+
type StudioViewportPreset = "phone" | "tablet" | "desktop";
|
|
6
|
+
type StudioCardSelectionSource = "keyboard" | "pointer";
|
|
7
|
+
type ComponentCardFrameState = StudioPreviewFrameState;
|
|
8
|
+
type ComponentCardProps = {
|
|
9
|
+
caseFrameStates?: Record<string, ComponentCardFrameState | undefined>;
|
|
10
|
+
caseLayoutFrameStates?: Record<string, ComponentCardFrameState | undefined>;
|
|
11
|
+
casePreviewScale?: number;
|
|
12
|
+
columnIndex?: number;
|
|
13
|
+
component: StudioManifestComponent;
|
|
14
|
+
debugPreviewPool?: boolean;
|
|
15
|
+
debugPreviewQueue?: boolean;
|
|
16
|
+
frameState?: ComponentCardFrameState;
|
|
17
|
+
manifest: StudioManifest;
|
|
18
|
+
onPreviewFrameMount?: (sessionId: string, frame: HTMLIFrameElement | null, state?: StudioPreviewIframeMountState) => void;
|
|
19
|
+
onSelect?: (component: StudioManifestComponent, caseFrameStates: Record<string, ComponentCardFrameState | undefined>, columnIndex: number, source: StudioCardSelectionSource) => void;
|
|
20
|
+
selected: boolean;
|
|
21
|
+
selectedCaseName: string;
|
|
22
|
+
viewportPreset: StudioViewportPreset;
|
|
23
|
+
};
|
|
24
|
+
declare function ComponentCardView(props: ComponentCardProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
declare const ComponentCard: typeof ComponentCardView & {
|
|
26
|
+
cases?: GCases<ComponentCardProps>;
|
|
27
|
+
};
|
|
28
|
+
export default ComponentCard;
|
|
29
|
+
//# sourceMappingURL=ComponentCard.g.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ComponentCard.g.d.ts","sourceRoot":"","sources":["../../src/components/ComponentCard.g.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAoC,MAAM,EAAE,MAAM,YAAY,CAAA;AAE1E,OAAO,EAML,KAAK,uBAAuB,EAC7B,MAAM,WAAW,CAAA;AAOlB,OAAO,KAAK,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAC1E,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,wBAAwB,CAAA;AAK3E,KAAK,oBAAoB,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;AAC1D,KAAK,yBAAyB,GAAG,UAAU,GAAG,SAAS,CAAA;AAEvD,KAAK,uBAAuB,GAAG,uBAAuB,CAAA;AAEtD,KAAK,kBAAkB,GAAG;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,uBAAuB,GAAG,SAAS,CAAC,CAAA;IACrE,qBAAqB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,uBAAuB,GAAG,SAAS,CAAC,CAAA;IAC3E,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,uBAAuB,CAAA;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,UAAU,CAAC,EAAE,uBAAuB,CAAA;IACpC,QAAQ,EAAE,cAAc,CAAA;IACxB,mBAAmB,CAAC,EAAE,CACpB,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,iBAAiB,GAAG,IAAI,EAC/B,KAAK,CAAC,EAAE,6BAA6B,KAClC,IAAI,CAAA;IACT,QAAQ,CAAC,EAAE,CACT,SAAS,EAAE,uBAAuB,EAClC,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,uBAAuB,GAAG,SAAS,CAAC,EACpE,WAAW,EAAE,MAAM,EACnB,MAAM,EAAE,yBAAyB,KAC9B,IAAI,CAAA;IACT,QAAQ,EAAE,OAAO,CAAA;IACjB,gBAAgB,EAAE,MAAM,CAAA;IACxB,cAAc,EAAE,oBAAoB,CAAA;CACrC,CAAA;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,kBAAkB,2CA+LnD;AAED,QAAA,MAAM,aAAa,EAAgE,OAAO,iBAAiB,GAAG;IAC5G,KAAK,CAAC,EAAE,MAAM,CAAC,kBAAkB,CAAC,CAAA;CACnC,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { type StudioPreviewCacheEntry } from "../client";
|
|
2
|
+
import type { StudioManifest, StudioManifestFile } from "../manifest";
|
|
3
|
+
type FileGroupLinkProps = {
|
|
4
|
+
file: StudioManifestFile;
|
|
5
|
+
manifest: StudioManifest;
|
|
6
|
+
onChangeSelection?: (selection: string) => void;
|
|
7
|
+
previewCache?: Record<string, StudioPreviewCacheEntry>;
|
|
8
|
+
selectedId: string;
|
|
9
|
+
};
|
|
10
|
+
declare function FileGroupLink(props: FileGroupLinkProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare namespace FileGroupLink {
|
|
12
|
+
var cases: {
|
|
13
|
+
selectedComponent: {
|
|
14
|
+
props: {
|
|
15
|
+
file: {
|
|
16
|
+
path: string;
|
|
17
|
+
groupId: string;
|
|
18
|
+
components: {
|
|
19
|
+
coordinate: string;
|
|
20
|
+
filePath: string;
|
|
21
|
+
exportName: string;
|
|
22
|
+
componentName: string;
|
|
23
|
+
mode: "scope";
|
|
24
|
+
cases: {
|
|
25
|
+
kind: "scope";
|
|
26
|
+
name: string;
|
|
27
|
+
}[];
|
|
28
|
+
providers: {};
|
|
29
|
+
diagnostics: never[];
|
|
30
|
+
}[];
|
|
31
|
+
diagnostics: never[];
|
|
32
|
+
};
|
|
33
|
+
manifest: {
|
|
34
|
+
version: 1;
|
|
35
|
+
routes: {
|
|
36
|
+
preview: string;
|
|
37
|
+
studio: string;
|
|
38
|
+
manifest: string;
|
|
39
|
+
};
|
|
40
|
+
preview: {
|
|
41
|
+
urlTemplate: string;
|
|
42
|
+
allUrlTemplate: string;
|
|
43
|
+
};
|
|
44
|
+
files: never[];
|
|
45
|
+
diagnostics: never[];
|
|
46
|
+
};
|
|
47
|
+
previewCache: {};
|
|
48
|
+
selectedId: string;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
export default FileGroupLink;
|
|
54
|
+
//# sourceMappingURL=FileGroupLink.g.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FileGroupLink.g.d.ts","sourceRoot":"","sources":["../../src/components/FileGroupLink.g.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAyB,KAAK,uBAAuB,EAAE,MAAM,WAAW,CAAA;AAC/E,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAGrE,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,kBAAkB,CAAA;IACxB,QAAQ,EAAE,cAAc,CAAA;IACxB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAA;IACtD,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,iBAAwB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CA0E9D;kBA1EuB,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAAb,aAAa"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { type GBoundaryRect } from "@gtsx/core";
|
|
2
|
+
import type { StudioPreviewFrameState } from "../client";
|
|
3
|
+
import type { StudioPreviewIframeMountState } from "../preview-iframe-pool";
|
|
4
|
+
type LazyPreviewFrameProps = {
|
|
5
|
+
"data-gtsx-preview-session-id": string;
|
|
6
|
+
boundaryRect?: GBoundaryRect;
|
|
7
|
+
coordinate: string;
|
|
8
|
+
debugIndicatorScale?: number;
|
|
9
|
+
debugPreviewPool?: boolean;
|
|
10
|
+
debugPreviewQueue?: boolean;
|
|
11
|
+
frameState?: StudioPreviewFrameState;
|
|
12
|
+
onSelect?: () => void;
|
|
13
|
+
onPreviewFrameMount?: (sessionId: string, frame: HTMLIFrameElement | null, state?: StudioPreviewIframeMountState) => void;
|
|
14
|
+
previewUrl: string;
|
|
15
|
+
selectedBoundaryRect?: GBoundaryRect;
|
|
16
|
+
shouldLoad?: boolean;
|
|
17
|
+
size: {
|
|
18
|
+
width: number | string;
|
|
19
|
+
height: number;
|
|
20
|
+
};
|
|
21
|
+
sessionId: string;
|
|
22
|
+
title: string;
|
|
23
|
+
viewportPreset: "phone" | "tablet" | "desktop";
|
|
24
|
+
};
|
|
25
|
+
declare function LazyPreviewFrame(props: LazyPreviewFrameProps): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
declare namespace LazyPreviewFrame {
|
|
27
|
+
var cases: {
|
|
28
|
+
loadedPhone: {
|
|
29
|
+
props: {
|
|
30
|
+
"data-gtsx-preview-session-id": string;
|
|
31
|
+
boundaryRect: {
|
|
32
|
+
x: number;
|
|
33
|
+
y: number;
|
|
34
|
+
width: number;
|
|
35
|
+
height: number;
|
|
36
|
+
};
|
|
37
|
+
coordinate: string;
|
|
38
|
+
previewUrl: string;
|
|
39
|
+
selectedBoundaryRect: {
|
|
40
|
+
x: number;
|
|
41
|
+
y: number;
|
|
42
|
+
width: number;
|
|
43
|
+
height: number;
|
|
44
|
+
};
|
|
45
|
+
shouldLoad: true;
|
|
46
|
+
size: {
|
|
47
|
+
width: number;
|
|
48
|
+
height: number;
|
|
49
|
+
};
|
|
50
|
+
sessionId: string;
|
|
51
|
+
title: string;
|
|
52
|
+
viewportPreset: "phone";
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
}
|
|
57
|
+
export default LazyPreviewFrame;
|
|
58
|
+
//# sourceMappingURL=LazyPreviewFrame.g.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LazyPreviewFrame.g.d.ts","sourceRoot":"","sources":["../../src/components/LazyPreviewFrame.g.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAoB,KAAK,aAAa,EAAe,MAAM,YAAY,CAAA;AAY9E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAA;AACxD,OAAO,KAAK,EAAmC,6BAA6B,EAAE,MAAM,wBAAwB,CAAA;AAG5G,KAAK,qBAAqB,GAAG;IAC3B,8BAA8B,EAAE,MAAM,CAAA;IACtC,YAAY,CAAC,EAAE,aAAa,CAAA;IAC5B,UAAU,EAAE,MAAM,CAAA;IAClB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,UAAU,CAAC,EAAE,uBAAuB,CAAA;IACpC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,mBAAmB,CAAC,EAAE,CACpB,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,iBAAiB,GAAG,IAAI,EAC/B,KAAK,CAAC,EAAE,6BAA6B,KAClC,IAAI,CAAA;IACT,UAAU,EAAE,MAAM,CAAA;IAClB,oBAAoB,CAAC,EAAE,aAAa,CAAA;IACpC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAChD,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,cAAc,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;CAC/C,CAAA;AAgBD,iBAAwB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CA6JpE;kBA7JuB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAAhB,gBAAgB"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { type GTSXPreviewCase, type GTSXPreviewCaseSheetProps, type GTSXPreviewComponent } from "@gtsx/preview-react";
|
|
2
|
+
export type PreviewCase<Props extends object = Record<string, unknown>> = GTSXPreviewCase<Props>;
|
|
3
|
+
export type PreviewComponent<Props extends object = Record<string, unknown>> = GTSXPreviewComponent<Props>;
|
|
4
|
+
export type PreviewRenderableCase<Props extends object = Record<string, unknown>> = {
|
|
5
|
+
name: string;
|
|
6
|
+
testCase: PreviewCase<Props>;
|
|
7
|
+
};
|
|
8
|
+
export type PreviewCaseSheetProps<Props extends object = Record<string, unknown>> = GTSXPreviewCaseSheetProps<Props>;
|
|
9
|
+
declare function PreviewCaseSheet<Props extends object = Record<string, unknown>>(props: PreviewCaseSheetProps<Props>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare namespace PreviewCaseSheet {
|
|
11
|
+
var cases: {
|
|
12
|
+
chromeVisible: {
|
|
13
|
+
props: {
|
|
14
|
+
component: typeof ExamplePreviewComponent;
|
|
15
|
+
entry: string;
|
|
16
|
+
selectedCases: {
|
|
17
|
+
name: string;
|
|
18
|
+
testCase: {
|
|
19
|
+
props: {
|
|
20
|
+
label: string;
|
|
21
|
+
tone: "neutral";
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
}[];
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
chromeHidden: {
|
|
28
|
+
props: {
|
|
29
|
+
component: typeof ExamplePreviewComponent;
|
|
30
|
+
entry: string;
|
|
31
|
+
selectedCases: {
|
|
32
|
+
name: string;
|
|
33
|
+
testCase: {
|
|
34
|
+
props: {
|
|
35
|
+
label: string;
|
|
36
|
+
tone: "selected";
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
}[];
|
|
40
|
+
showChrome: false;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
}
|
|
45
|
+
export default PreviewCaseSheet;
|
|
46
|
+
type ExamplePreviewProps = {
|
|
47
|
+
label: string;
|
|
48
|
+
tone: "neutral" | "selected";
|
|
49
|
+
};
|
|
50
|
+
declare function ExamplePreviewComponent(props: ExamplePreviewProps): import("react/jsx-runtime").JSX.Element;
|
|
51
|
+
//# sourceMappingURL=PreviewCaseSheet.g.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PreviewCaseSheet.g.d.ts","sourceRoot":"","sources":["../../src/components/PreviewCaseSheet.g.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,yBAAyB,EAC9B,KAAK,oBAAoB,EAC1B,MAAM,qBAAqB,CAAA;AAE5B,MAAM,MAAM,WAAW,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,eAAe,CAAC,KAAK,CAAC,CAAA;AAEhG,MAAM,MAAM,gBAAgB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,oBAAoB,CAAC,KAAK,CAAC,CAAA;AAE1G,MAAM,MAAM,qBAAqB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IAClF,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,qBAAqB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,yBAAyB,CAAC,KAAK,CAAC,CAAA;AAEpH,iBAAwB,gBAAgB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,qBAAqB,CAAC,KAAK,CAAC,2CAE3H;kBAFuB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAAhB,gBAAgB;AAIxC,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,SAAS,GAAG,UAAU,CAAA;CAC7B,CAAA;AAED,iBAAS,uBAAuB,CAAC,KAAK,EAAE,mBAAmB,2CAc1D"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
type PreviewErrorProps = {
|
|
2
|
+
caseName: string;
|
|
3
|
+
coordinate: string;
|
|
4
|
+
error: {
|
|
5
|
+
message: string;
|
|
6
|
+
stack?: string;
|
|
7
|
+
};
|
|
8
|
+
previewUrl: string;
|
|
9
|
+
};
|
|
10
|
+
declare function PreviewError(props: PreviewErrorProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare namespace PreviewError {
|
|
12
|
+
var cases: {
|
|
13
|
+
renderFailure: {
|
|
14
|
+
props: {
|
|
15
|
+
caseName: string;
|
|
16
|
+
coordinate: string;
|
|
17
|
+
error: {
|
|
18
|
+
message: string;
|
|
19
|
+
stack: string;
|
|
20
|
+
};
|
|
21
|
+
previewUrl: string;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
export default PreviewError;
|
|
27
|
+
//# sourceMappingURL=PreviewError.g.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PreviewError.g.d.ts","sourceRoot":"","sources":["../../src/components/PreviewError.g.tsx"],"names":[],"mappings":"AAEA,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE;QACL,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IACD,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,iBAAwB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CA2B5D;kBA3BuB,YAAY;;;;;;;;;;;;;;;eAAZ,YAAY"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
export type PreviewMessageProps = {
|
|
2
|
+
detail: string;
|
|
3
|
+
title: string;
|
|
4
|
+
};
|
|
5
|
+
declare function PreviewMessage(props: PreviewMessageProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare namespace PreviewMessage {
|
|
7
|
+
var cases: {
|
|
8
|
+
missingEntry: {
|
|
9
|
+
props: {
|
|
10
|
+
detail: string;
|
|
11
|
+
title: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
unknownCase: {
|
|
15
|
+
props: {
|
|
16
|
+
detail: string;
|
|
17
|
+
title: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
loading: {
|
|
21
|
+
props: {
|
|
22
|
+
detail: string;
|
|
23
|
+
title: string;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
export default PreviewMessage;
|
|
29
|
+
//# sourceMappingURL=PreviewMessage.g.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PreviewMessage.g.d.ts","sourceRoot":"","sources":["../../src/components/PreviewMessage.g.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,iBAAwB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAchE;kBAduB,cAAc;;;;;;;;;;;;;;;;;;;;;;eAAd,cAAc"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { GBoundaryRect } from "@gtsx/core";
|
|
2
|
+
type SelectedBoundaryOutlineProps = {
|
|
3
|
+
rect: GBoundaryRect;
|
|
4
|
+
};
|
|
5
|
+
declare function SelectedBoundaryOutline(props: SelectedBoundaryOutlineProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare namespace SelectedBoundaryOutline {
|
|
7
|
+
var cases: {
|
|
8
|
+
userCardSelected: {
|
|
9
|
+
props: {
|
|
10
|
+
rect: {
|
|
11
|
+
x: number;
|
|
12
|
+
y: number;
|
|
13
|
+
width: number;
|
|
14
|
+
height: number;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
export default SelectedBoundaryOutline;
|
|
21
|
+
//# sourceMappingURL=SelectedBoundaryOutline.g.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectedBoundaryOutline.g.d.ts","sourceRoot":"","sources":["../../src/components/SelectedBoundaryOutline.g.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAU,MAAM,YAAY,CAAA;AAEvD,KAAK,4BAA4B,GAAG;IAClC,IAAI,EAAE,aAAa,CAAA;CACpB,CAAA;AAED,iBAAwB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,2CAiBlF;kBAjBuB,uBAAuB;;;;;;;;;;;;;;eAAvB,uBAAuB"}
|