@gtsx/studio 0.0.2 → 0.0.3

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.
Files changed (40) hide show
  1. package/dist/case-grid-layout.d.ts +8 -4
  2. package/dist/case-grid-layout.d.ts.map +1 -1
  3. package/dist/chunks/{client-entry-Dp-03O2F.js → client-entry-ByeOr0nI.js} +2126 -1573
  4. package/dist/client.d.ts +2 -0
  5. package/dist/client.d.ts.map +1 -1
  6. package/dist/client.js +1 -1
  7. package/dist/components/BufferedPreviewIframe.g.d.ts.map +1 -1
  8. package/dist/components/ComponentCard.g.d.ts +0 -2
  9. package/dist/components/ComponentCard.g.d.ts.map +1 -1
  10. package/dist/components/LazyPreviewFrame.g.d.ts.map +1 -1
  11. package/dist/components/StudioComponentCardSlot.d.ts +0 -2
  12. package/dist/components/StudioComponentCardSlot.d.ts.map +1 -1
  13. package/dist/components/StudioDesignWorkspace.g.d.ts +11 -0
  14. package/dist/components/StudioDesignWorkspace.g.d.ts.map +1 -0
  15. package/dist/components/StudioShell.d.ts.map +1 -1
  16. package/dist/components/StudioWorkspaceView.g.d.ts +1 -3
  17. package/dist/components/StudioWorkspaceView.g.d.ts.map +1 -1
  18. package/dist/components/ViewportPresetTabs.g.d.ts +5 -16
  19. package/dist/components/ViewportPresetTabs.g.d.ts.map +1 -1
  20. package/dist/index.d.ts +3 -3
  21. package/dist/index.d.ts.map +1 -1
  22. package/dist/index.js +2 -2
  23. package/dist/manifest-server.d.ts +2 -1
  24. package/dist/manifest-server.d.ts.map +1 -1
  25. package/dist/manifest-server.js +39 -15
  26. package/dist/manifest.d.ts +14 -1
  27. package/dist/manifest.d.ts.map +1 -1
  28. package/dist/manifest.js +8 -5
  29. package/dist/preview-iframe-pool.d.ts +8 -0
  30. package/dist/preview-iframe-pool.d.ts.map +1 -1
  31. package/dist/studio-canvas-geometry.d.ts +2 -1
  32. package/dist/studio-canvas-geometry.d.ts.map +1 -1
  33. package/dist/studio-canvas-screen-stable-chrome.d.ts +28 -0
  34. package/dist/studio-canvas-screen-stable-chrome.d.ts.map +1 -0
  35. package/dist/studio-theme.d.ts +5 -5
  36. package/dist/studio-theme.d.ts.map +1 -1
  37. package/dist/studio-workspace-view-helpers.d.ts +11 -0
  38. package/dist/studio-workspace-view-helpers.d.ts.map +1 -0
  39. package/dist/use-studio-canvas-controller.d.ts.map +1 -1
  40. package/package.json +5 -5
@@ -6,7 +6,7 @@ export declare const studioColors: {
6
6
  readonly panelBgElevated: "#282828";
7
7
  readonly panelBorder: "#3a3a3a";
8
8
  readonly panelBorderSubtle: "#2e2e2e";
9
- readonly dotGrid: "rgba(255,255,255,0.07)";
9
+ readonly dotGrid: "rgba(255,255,255,0.12)";
10
10
  readonly text: "#d4d4d4";
11
11
  readonly textMuted: "#a0a0a0";
12
12
  readonly textDim: "#8f8f8f";
@@ -66,10 +66,10 @@ export declare const studioTypography: {
66
66
  export declare const studioCardTitleMotionMs = 120;
67
67
  export declare const studioViewportHighlightMotionMs = 210;
68
68
  export declare const studioViewportHighlightEasing = "cubic-bezier(0.34, 1.26, 0.64, 1)";
69
- export declare const studioDrilldownColumnEnterMotionMs = 240;
70
- export declare const studioDrilldownColumnEnterEasing = "cubic-bezier(0.22, 1, 0.36, 1)";
71
- export declare const studioDrilldownColumnEnterKeyframes = "@keyframes gtsx-studio-drilldown-column-enter {\n from {\n opacity: 0;\n transform: translateX(-10px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}";
72
- export declare function studioDrilldownColumnEnterStyle(): CSSProperties;
69
+ export declare const studioLayoutNeutralDrilldownColumnEnterMotionMs = 180;
70
+ export declare const studioLayoutNeutralDrilldownColumnEnterEasing = "cubic-bezier(0.22, 1, 0.36, 1)";
71
+ export declare const studioLayoutNeutralDrilldownColumnEnterCss = "@keyframes gtsx-studio-layout-neutral-drilldown-column-enter {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes gtsx-studio-layout-neutral-drilldown-chrome-enter {\n from {\n opacity: 0;\n translate: -8px 0;\n }\n to {\n opacity: 1;\n translate: 0 0;\n }\n}\n\n[data-gtsx-drilldown-column-enter=\"true\"] [data-gtsx-canvas-screen-stable-chrome] > * {\n animation: gtsx-studio-layout-neutral-drilldown-chrome-enter 180ms cubic-bezier(0.22, 1, 0.36, 1) both;\n}\n\n@media (prefers-reduced-motion: reduce) {\n [data-gtsx-drilldown-column-enter=\"true\"],\n [data-gtsx-drilldown-column-enter=\"true\"] [data-gtsx-canvas-screen-stable-chrome] > * {\n animation: none !important;\n opacity: 1 !important;\n translate: 0 0 !important;\n }\n}";
72
+ export declare function studioLayoutNeutralDrilldownColumnEnterStyle(): CSSProperties;
73
73
  export declare function studioCardTitleStyle(selected: boolean): CSSProperties;
74
74
  export declare function studioCardTitleIndicatorStyle(selected: boolean): CSSProperties;
75
75
  export declare function studioCaseLabelStyle(mismatch: boolean): CSSProperties;
@@ -1 +1 @@
1
- {"version":3,"file":"studio-theme.d.ts","sourceRoot":"","sources":["../src/studio-theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,eAAO,MAAM,gBAAgB,iHAC6E,CAAA;AAE1G,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+Bf,CAAA;AAEV,eAAO,MAAM,WAAW;;;;CAId,CAAA;AAEV,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;CAyBnB,CAAA;AAEV,eAAO,MAAM,uBAAuB,MAAM,CAAA;AAE1C,eAAO,MAAM,+BAA+B,MAAM,CAAA;AAGlD,eAAO,MAAM,6BAA6B,sCAAsC,CAAA;AAEhF,eAAO,MAAM,kCAAkC,MAAM,CAAA;AAErD,eAAO,MAAM,gCAAgC,mCAAmC,CAAA;AAEhF,eAAO,MAAM,mCAAmC,uLAS9C,CAAA;AAEF,wBAAgB,+BAA+B,IAAI,aAAa,CAI/D;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,aAAa,CAiBrE;AAED,wBAAgB,6BAA6B,CAAC,QAAQ,EAAE,OAAO,GAAG,aAAa,CAS9E;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,aAAa,CAerE;AAED,wBAAgB,2BAA2B,IAAI,aAAa,CAM3D;AAED,wBAAgB,gBAAgB,IAAI,aAAa,CAQhD;AAED,wBAAgB,oCAAoC,IAAI,aAAa,CAQpE;AAED,wBAAgB,mCAAmC,IAAI,aAAa,CAKnE;AAED,wBAAgB,gCAAgC,IAAI,aAAa,CAchE;AAED,wBAAgB,+BAA+B,IAAI,aAAa,CAY/D;AAED,wBAAgB,qCAAqC,IAAI,aAAa,CAKrE;AAED,wBAAgB,4BAA4B,CAAC,QAAQ,EAAE,OAAO,GAAG,aAAa,CAmB7E;AAED,wBAAgB,iCAAiC,CAAC,OAAO,EAAE,OAAO,GAAG,aAAa,CAkBjF;AAED,wBAAgB,gCAAgC,CAAC,OAAO,EAAE,OAAO,GAAG,aAAa,CAqBhF"}
1
+ {"version":3,"file":"studio-theme.d.ts","sourceRoot":"","sources":["../src/studio-theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,eAAO,MAAM,gBAAgB,iHAC6E,CAAA;AAE1G,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+Bf,CAAA;AAEV,eAAO,MAAM,WAAW;;;;CAId,CAAA;AAEV,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;CAyBnB,CAAA;AAEV,eAAO,MAAM,uBAAuB,MAAM,CAAA;AAE1C,eAAO,MAAM,+BAA+B,MAAM,CAAA;AAGlD,eAAO,MAAM,6BAA6B,sCAAsC,CAAA;AAEhF,eAAO,MAAM,+CAA+C,MAAM,CAAA;AAElE,eAAO,MAAM,6CAA6C,mCAAmC,CAAA;AAE7F,eAAO,MAAM,0CAA0C,8xBA+BrD,CAAA;AAEF,wBAAgB,4CAA4C,IAAI,aAAa,CAI5E;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,aAAa,CAiBrE;AAED,wBAAgB,6BAA6B,CAAC,QAAQ,EAAE,OAAO,GAAG,aAAa,CAS9E;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,aAAa,CAerE;AAED,wBAAgB,2BAA2B,IAAI,aAAa,CAM3D;AAED,wBAAgB,gBAAgB,IAAI,aAAa,CAQhD;AAED,wBAAgB,oCAAoC,IAAI,aAAa,CAQpE;AAED,wBAAgB,mCAAmC,IAAI,aAAa,CAKnE;AAED,wBAAgB,gCAAgC,IAAI,aAAa,CAchE;AAED,wBAAgB,+BAA+B,IAAI,aAAa,CAY/D;AAED,wBAAgB,qCAAqC,IAAI,aAAa,CAKrE;AAED,wBAAgB,4BAA4B,CAAC,QAAQ,EAAE,OAAO,GAAG,aAAa,CAmB7E;AAED,wBAAgB,iCAAiC,CAAC,OAAO,EAAE,OAAO,GAAG,aAAa,CAkBjF;AAED,wBAAgB,gCAAgC,CAAC,OAAO,EAAE,OAAO,GAAG,aAAa,CAqBhF"}
@@ -0,0 +1,11 @@
1
+ import type { StudioCanvasTransform, StudioWorkspaceState } from "./client";
2
+ export type StudioCanvasViewportAnchorPoint = {
3
+ x: number;
4
+ y: number;
5
+ };
6
+ export declare function preserveStudioCanvasViewportAnchor(current: StudioCanvasTransform, input: {
7
+ currentViewportPoint: StudioCanvasViewportAnchorPoint;
8
+ targetViewportPoint: StudioCanvasViewportAnchorPoint;
9
+ }): StudioCanvasTransform;
10
+ export declare function layoutNeutralDrilldownColumnEnterIdentity(workspace: StudioWorkspaceState, columnIndex: number, column: StudioWorkspaceState["columns"][number]): string;
11
+ //# sourceMappingURL=studio-workspace-view-helpers.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"studio-workspace-view-helpers.d.ts","sourceRoot":"","sources":["../src/studio-workspace-view-helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAE3E,MAAM,MAAM,+BAA+B,GAAG;IAC5C,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV,CAAA;AAED,wBAAgB,kCAAkC,CAChD,OAAO,EAAE,qBAAqB,EAC9B,KAAK,EAAE;IACL,oBAAoB,EAAE,+BAA+B,CAAA;IACrD,mBAAmB,EAAE,+BAA+B,CAAA;CACrD,GACA,qBAAqB,CAUvB;AAED,wBAAgB,yCAAyC,CACvD,SAAS,EAAE,oBAAoB,EAC/B,WAAW,EAAE,MAAM,EACnB,MAAM,EAAE,oBAAoB,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,GAC9C,MAAM,CASR"}
@@ -1 +1 @@
1
- {"version":3,"file":"use-studio-canvas-controller.d.ts","sourceRoot":"","sources":["../src/use-studio-canvas-controller.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,UAAU,CAAA;AAIjB,KAAK,UAAU,CAAC,CAAC,IAAI;IACnB,OAAO,EAAE,CAAC,CAAA;CACX,CAAA;AAED,KAAK,yBAAyB,GAAG;IAC/B,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV,CAAA;AAcD,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,EAAE,qBAAqB,CAAA;IAC7B,SAAS,EAAE,UAAU,CAAC,qBAAqB,CAAC,CAAA;IAC5C,oBAAoB,EAAE,cAAc,GAAG,IAAI,CAAA;IAC3C,qBAAqB,EAAE,cAAc,GAAG,IAAI,CAAA;IAC5C,UAAU,EAAE,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,qBAAqB,KAAK,qBAAqB,KAAK,IAAI,CAAA;IACxF,qBAAqB,EAAE,KAAK,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAA;IAChE,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAA;IAC9D,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAA;IAC9D,iBAAiB,EAAE,KAAK,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAA;IAC5D,uBAAuB,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAA;IACjE,wBAAwB,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAA;CACnE,CAAA;AAKD,wBAAgB,yBAAyB,CAAC,KAAK,EAAE;IAC/C,MAAM,CAAC,EAAE,qBAAqB,CAAA;IAC9B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAA;IACxD,YAAY,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAA;IACrD,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,uBAAuB,EAAE,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,KAAK,OAAO,CAAA;CACjE,GAAG,sBAAsB,CAmNzB;AAED,wBAAgB,qCAAqC,CAAC,KAAK,EAAE;IAC3D,kBAAkB,CAAC,EAAE,yBAAyB,CAAA;IAC9C,+BAA+B,CAAC,EAAE,MAAM,CAAA;IACxC,6BAA6B,EAAE,yBAAyB,GAAG,IAAI,CAAA;IAC/D,YAAY,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;CAChD,GAAG,yBAAyB,CAsB5B"}
1
+ {"version":3,"file":"use-studio-canvas-controller.d.ts","sourceRoot":"","sources":["../src/use-studio-canvas-controller.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,UAAU,CAAA;AAKjB,KAAK,UAAU,CAAC,CAAC,IAAI;IACnB,OAAO,EAAE,CAAC,CAAA;CACX,CAAA;AAED,KAAK,yBAAyB,GAAG;IAC/B,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV,CAAA;AAcD,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,EAAE,qBAAqB,CAAA;IAC7B,SAAS,EAAE,UAAU,CAAC,qBAAqB,CAAC,CAAA;IAC5C,oBAAoB,EAAE,cAAc,GAAG,IAAI,CAAA;IAC3C,qBAAqB,EAAE,cAAc,GAAG,IAAI,CAAA;IAC5C,UAAU,EAAE,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,qBAAqB,KAAK,qBAAqB,KAAK,IAAI,CAAA;IACxF,qBAAqB,EAAE,KAAK,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAA;IAChE,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAA;IAC9D,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAA;IAC9D,iBAAiB,EAAE,KAAK,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAA;IAC5D,uBAAuB,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAA;IACjE,wBAAwB,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAA;CACnE,CAAA;AAKD,wBAAgB,yBAAyB,CAAC,KAAK,EAAE;IAC/C,MAAM,CAAC,EAAE,qBAAqB,CAAA;IAC9B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAA;IACxD,YAAY,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAA;IACrD,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,uBAAuB,EAAE,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,KAAK,OAAO,CAAA;CACjE,GAAG,sBAAsB,CAyNzB;AAED,wBAAgB,qCAAqC,CAAC,KAAK,EAAE;IAC3D,kBAAkB,CAAC,EAAE,yBAAyB,CAAA;IAC9C,+BAA+B,CAAC,EAAE,MAAM,CAAA;IACxC,6BAA6B,EAAE,yBAAyB,GAAG,IAAI,CAAA;IAC/D,YAAY,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;CAChD,GAAG,yBAAyB,CAsB5B"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gtsx/studio",
3
- "version": "0.0.2",
3
+ "version": "0.0.3",
4
4
  "description": "Studio UI for browsing and previewing GTSX component cases.",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -50,7 +50,7 @@
50
50
  "peerDependencies": {
51
51
  "react": ">=18",
52
52
  "react-dom": ">=18",
53
- "@gtsx/core": "0.0.2"
53
+ "@gtsx/core": "0.0.3"
54
54
  },
55
55
  "devDependencies": {
56
56
  "@vitejs/plugin-react": "^5.1.2",
@@ -58,9 +58,9 @@
58
58
  "react-dom": "^19.2.6",
59
59
  "vite": "^8.0.14",
60
60
  "typescript": "^6.0.3",
61
- "@gtsx/adapter-vite-react": "0.0.2",
62
- "@gtsx/preview-react": "0.0.2",
63
- "@gtsx/core": "0.0.2"
61
+ "@gtsx/adapter-vite-react": "0.0.3",
62
+ "@gtsx/preview-react": "0.0.3",
63
+ "@gtsx/core": "0.0.3"
64
64
  },
65
65
  "scripts": {
66
66
  "dev": "vite --host 127.0.0.1",