@syntrologie/runtime-sdk 2.0.0 → 2.0.1-canary.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/CAPABILITIES.md +232 -138
- package/README.md +76 -57
- package/dist/RuntimeProvider.d.ts +6 -6
- package/dist/RuntimeProvider.js +2 -3
- package/dist/RuntimeProvider.js.map +1 -1
- package/dist/SmartCanvasApp.d.ts +8 -8
- package/dist/SmartCanvasApp.js +16 -18
- package/dist/SmartCanvasApp.js.map +1 -1
- package/dist/SmartCanvasElement.d.ts +5 -5
- package/dist/SmartCanvasElement.js +13 -13
- package/dist/SmartCanvasElement.js.map +1 -1
- package/dist/SmartCanvasPortal.d.ts +2 -2
- package/dist/SmartCanvasPortal.js +2 -2
- package/dist/actions/ActionEngine.d.ts +1 -1
- package/dist/actions/ActionEngine.js +24 -24
- package/dist/actions/ActionEngine.js.map +1 -1
- package/dist/actions/executors/index.d.ts +6 -6
- package/dist/actions/executors/index.js +22 -22
- package/dist/actions/executors/index.js.map +1 -1
- package/dist/actions/executors/tour.d.ts +1 -1
- package/dist/actions/executors/tour.js +19 -19
- package/dist/actions/executors/tour.js.map +1 -1
- package/dist/actions/index.d.ts +5 -5
- package/dist/actions/index.js +3 -3
- package/dist/actions/index.js.map +1 -1
- package/dist/actions/types.d.ts +37 -37
- package/dist/actions/validation.d.ts +1 -1
- package/dist/actions/validation.js +195 -196
- package/dist/actions/validation.js.map +1 -1
- package/dist/antiFlicker.js +1 -1
- package/dist/api.d.ts +10 -10
- package/dist/api.js +11 -11
- package/dist/api.js.map +1 -1
- package/dist/apps/AppContext.d.ts +2 -2
- package/dist/apps/AppContext.js +1 -1
- package/dist/apps/AppContext.js.map +1 -1
- package/dist/apps/AppLoader.d.ts +2 -2
- package/dist/apps/AppLoader.js +24 -24
- package/dist/apps/AppLoader.js.map +1 -1
- package/dist/apps/AppRegistry.d.ts +2 -2
- package/dist/apps/AppRegistry.js +28 -28
- package/dist/apps/AppRegistry.js.map +1 -1
- package/dist/apps/adaptive-chatbot/index.js +7 -0
- package/dist/apps/adaptive-chatbot/index.js.map +7 -0
- package/dist/apps/examples/gamification-app.example.d.ts +3 -3
- package/dist/apps/examples/gamification-app.example.js +94 -94
- package/dist/apps/examples/gamification-app.example.js.map +1 -1
- package/dist/apps/faq/index.js.map +3 -3
- package/dist/apps/gamification/index.js.map +3 -3
- package/dist/apps/index.d.ts +10 -10
- package/dist/apps/index.js +6 -6
- package/dist/apps/nav/index.js.map +3 -3
- package/dist/apps/types.d.ts +10 -10
- package/dist/blocks/data/ComparisonBlock.d.ts +1 -1
- package/dist/blocks/data/ComparisonBlock.js +40 -40
- package/dist/blocks/data/ComparisonBlock.js.map +1 -1
- package/dist/blocks/data/StatsBlock.d.ts +1 -1
- package/dist/blocks/data/StatsBlock.js +41 -41
- package/dist/blocks/data/StatsBlock.js.map +1 -1
- package/dist/blocks/data/index.d.ts +2 -2
- package/dist/blocks/data/index.js +2 -2
- package/dist/blocks/index.d.ts +5 -5
- package/dist/blocks/index.js +29 -29
- package/dist/blocks/index.js.map +1 -1
- package/dist/blocks/interactive/ChecklistBlock.d.ts +1 -1
- package/dist/blocks/interactive/ChecklistBlock.js +60 -60
- package/dist/blocks/interactive/ChecklistBlock.js.map +1 -1
- package/dist/blocks/interactive/RatingBlock.d.ts +1 -1
- package/dist/blocks/interactive/RatingBlock.js +75 -65
- package/dist/blocks/interactive/RatingBlock.js.map +1 -1
- package/dist/blocks/interactive/index.d.ts +2 -2
- package/dist/blocks/interactive/index.js +2 -2
- package/dist/blocks/notification/NotificationBlock.d.ts +2 -2
- package/dist/blocks/notification/NotificationBlock.js +67 -63
- package/dist/blocks/notification/NotificationBlock.js.map +1 -1
- package/dist/blocks/notification/index.d.ts +1 -1
- package/dist/blocks/notification/index.js +1 -1
- package/dist/bootstrap.d.ts +10 -10
- package/dist/bootstrap.js +54 -40
- package/dist/bootstrap.js.map +1 -1
- package/dist/components/ShadowCanvasOverlay.d.ts +6 -6
- package/dist/components/ShadowCanvasOverlay.js +117 -107
- package/dist/components/ShadowCanvasOverlay.js.map +1 -1
- package/dist/components/TileCard.d.ts +5 -5
- package/dist/components/TileCard.js +174 -143
- package/dist/components/TileCard.js.map +1 -1
- package/dist/components/TileWheel.d.ts +3 -3
- package/dist/components/TileWheel.js +7 -7
- package/dist/components/TileWheel.js.map +1 -1
- package/dist/configFetcher.d.ts +2 -2
- package/dist/configFetcher.js +10 -7
- package/dist/configFetcher.js.map +1 -1
- package/dist/context/ContextManager.d.ts +3 -3
- package/dist/context/ContextManager.js +15 -15
- package/dist/context/ContextManager.js.map +1 -1
- package/dist/context/index.d.ts +4 -4
- package/dist/context/index.js +3 -3
- package/dist/context/schema.d.ts +1 -1
- package/dist/context/schema.js +1 -1
- package/dist/decisions/engine.d.ts +5 -5
- package/dist/decisions/engine.js +13 -13
- package/dist/decisions/index.d.ts +6 -6
- package/dist/decisions/index.js +5 -5
- package/dist/decisions/schema.d.ts +1 -1
- package/dist/decisions/schema.js +20 -20
- package/dist/decisions/strategies/rules.d.ts +1 -1
- package/dist/decisions/strategies/rules.js +24 -24
- package/dist/decisions/strategies/rules.js.map +1 -1
- package/dist/decisions/strategies/score.d.ts +1 -1
- package/dist/decisions/strategies/score.js +3 -3
- package/dist/decisions/types.d.ts +19 -19
- package/dist/editorLoader.js +20 -20
- package/dist/editorLoader.js.map +1 -1
- package/dist/events/EventBus.d.ts +3 -3
- package/dist/events/EventBus.js +5 -7
- package/dist/events/EventBus.js.map +1 -1
- package/dist/events/index.d.ts +6 -6
- package/dist/events/index.js +5 -5
- package/dist/events/normalizers/canvas.d.ts +2 -2
- package/dist/events/normalizers/canvas.js +3 -3
- package/dist/events/normalizers/canvas.js.map +1 -1
- package/dist/events/normalizers/posthog.d.ts +1 -1
- package/dist/events/normalizers/posthog.js +34 -27
- package/dist/events/normalizers/posthog.js.map +1 -1
- package/dist/events/schema.d.ts +1 -1
- package/dist/events/schema.js +2 -2
- package/dist/events/types.d.ts +1 -1
- package/dist/events/types.js +27 -27
- package/dist/experiments/adapters/growthbook.d.ts +4 -4
- package/dist/experiments/adapters/growthbook.js +5 -5
- package/dist/experiments/adapters/growthbook.js.map +1 -1
- package/dist/experiments/index.d.ts +3 -3
- package/dist/experiments/index.js +1 -1
- package/dist/experiments/registry.d.ts +2 -2
- package/dist/experiments/registry.js +2 -2
- package/dist/experiments/types.d.ts +5 -1
- package/dist/fetchers/cdnFetcher.d.ts +1 -1
- package/dist/fetchers/cdnFetcher.js +4 -8
- package/dist/fetchers/cdnFetcher.js.map +1 -1
- package/dist/fetchers/experimentsFetcher.d.ts +2 -2
- package/dist/fetchers/experimentsFetcher.js +7 -7
- package/dist/fetchers/experimentsFetcher.js.map +1 -1
- package/dist/fetchers/index.d.ts +3 -3
- package/dist/fetchers/index.js +2 -2
- package/dist/fetchers/index.js.map +1 -1
- package/dist/fetchers/registry.d.ts +1 -1
- package/dist/fetchers/registry.js +4 -4
- package/dist/fetchers/types.d.ts +1 -1
- package/dist/hooks/useCanvasOverlays.d.ts +5 -5
- package/dist/hooks/useCanvasOverlays.js +15 -13
- package/dist/hooks/useCanvasOverlays.js.map +1 -1
- package/dist/hooks/useHostPatches.d.ts +2 -2
- package/dist/hooks/useHostPatches.js +8 -8
- package/dist/hooks/useHostPatches.js.map +1 -1
- package/dist/hooks/useShadowCanvasConfig.d.ts +3 -3
- package/dist/hooks/useShadowCanvasConfig.js +5 -2
- package/dist/hooks/useShadowCanvasConfig.js.map +1 -1
- package/dist/hostPatcher/core/patcher.d.ts +1 -1
- package/dist/hostPatcher/core/patcher.js +18 -9
- package/dist/hostPatcher/core/patcher.js.map +1 -1
- package/dist/hostPatcher/core/sanitizer.js +24 -3
- package/dist/hostPatcher/core/sanitizer.js.map +1 -1
- package/dist/hostPatcher/policy/defaultPolicy.js +15 -5
- package/dist/hostPatcher/policy/defaultPolicy.js.map +1 -1
- package/dist/hostPatcher/utils/anchors.js +4 -6
- package/dist/hostPatcher/utils/anchors.js.map +1 -1
- package/dist/index.d.ts +32 -32
- package/dist/index.js +29 -29
- package/dist/index.js.map +1 -1
- package/dist/metrics/index.d.ts +1 -1
- package/dist/metrics/index.js +1 -1
- package/dist/metrics/sessionMetrics.d.ts +1 -1
- package/dist/metrics/sessionMetrics.js +6 -6
- package/dist/overlays/fetcher.d.ts +2 -2
- package/dist/overlays/fetcher.js +4 -4
- package/dist/overlays/recipeRegistry.js +2 -2
- package/dist/overlays/recipeRegistry.js.map +1 -1
- package/dist/overlays/runtime/anchor/resolve.js +1 -1
- package/dist/overlays/runtime/anchor/resolve.js.map +1 -1
- package/dist/overlays/runtime/index.d.ts +7 -7
- package/dist/overlays/runtime/index.js +7 -7
- package/dist/overlays/runtime/overlay/highlight.js +39 -39
- package/dist/overlays/runtime/overlay/highlight.js.map +1 -1
- package/dist/overlays/runtime/overlay/modal.js +5 -5
- package/dist/overlays/runtime/overlay/modal.js.map +1 -1
- package/dist/overlays/runtime/overlay/root.js +1 -1
- package/dist/overlays/runtime/overlay/runner.js +70 -23
- package/dist/overlays/runtime/overlay/runner.js.map +1 -1
- package/dist/overlays/runtime/overlay/tooltip.d.ts +1 -1
- package/dist/overlays/runtime/overlay/tooltip.js +10 -10
- package/dist/overlays/runtime/overlay/tooltip.js.map +1 -1
- package/dist/overlays/runtime/utils/dom.js +4 -1
- package/dist/overlays/runtime/utils/dom.js.map +1 -1
- package/dist/overlays/schema.js +12 -8
- package/dist/overlays/schema.js.map +1 -1
- package/dist/react.d.ts +7 -7
- package/dist/react.js +4 -4
- package/dist/react.js.map +1 -1
- package/dist/render/RenderContext.d.ts +2 -2
- package/dist/render/RenderContext.js +5 -5
- package/dist/render/RenderContext.js.map +1 -1
- package/dist/render/index.d.ts +3 -3
- package/dist/render/index.js +1 -1
- package/dist/render/types.d.ts +4 -4
- package/dist/runtime.d.ts +12 -12
- package/dist/runtime.js +20 -20
- package/dist/runtime.js.map +1 -1
- package/dist/smart-canvas.esm.js +16 -16
- package/dist/smart-canvas.esm.js.map +4 -4
- package/dist/smart-canvas.js +644 -491
- package/dist/smart-canvas.js.map +4 -4
- package/dist/smart-canvas.min.js +15 -15
- package/dist/smart-canvas.min.js.map +4 -4
- package/dist/state/StateStore.d.ts +1 -1
- package/dist/state/StateStore.js +9 -9
- package/dist/state/StateStore.js.map +1 -1
- package/dist/state/helpers/cooldowns.d.ts +1 -1
- package/dist/state/helpers/cooldowns.js +1 -1
- package/dist/state/helpers/dismissals.d.ts +1 -1
- package/dist/state/helpers/dismissals.js +1 -1
- package/dist/state/helpers/frequency.d.ts +1 -1
- package/dist/state/helpers/frequency.js +1 -1
- package/dist/state/index.d.ts +4 -4
- package/dist/state/index.js +3 -3
- package/dist/state/schema.d.ts +1 -1
- package/dist/state/schema.js +1 -1
- package/dist/store/example.js +13 -13
- package/dist/store/example.js.map +1 -1
- package/dist/store/mini-effector.js +6 -8
- package/dist/store/mini-effector.js.map +1 -1
- package/dist/surfaces/Surfaces.d.ts +1 -1
- package/dist/surfaces/Surfaces.js +25 -25
- package/dist/surfaces/Surfaces.js.map +1 -1
- package/dist/surfaces/index.d.ts +4 -4
- package/dist/surfaces/index.js +3 -3
- package/dist/surfaces/positioning.d.ts +2 -2
- package/dist/surfaces/positioning.js +74 -77
- package/dist/surfaces/positioning.js.map +1 -1
- package/dist/surfaces/types.d.ts +9 -9
- package/dist/surfaces/types.js +7 -7
- package/dist/surfaces/types.js.map +1 -1
- package/dist/telemetry/adapters/noop.d.ts +12 -0
- package/dist/telemetry/adapters/noop.js +42 -0
- package/dist/telemetry/adapters/noop.js.map +1 -0
- package/dist/telemetry/adapters/posthog.d.ts +2 -2
- package/dist/telemetry/adapters/posthog.js +29 -16
- package/dist/telemetry/adapters/posthog.js.map +1 -1
- package/dist/telemetry/index.d.ts +4 -3
- package/dist/telemetry/index.js +3 -2
- package/dist/telemetry/index.js.map +1 -1
- package/dist/telemetry/registry.d.ts +2 -2
- package/dist/telemetry/registry.js +4 -2
- package/dist/telemetry/registry.js.map +1 -1
- package/dist/telemetry/types.d.ts +1 -1
- package/dist/theme/ThemeProvider.d.ts +2 -2
- package/dist/theme/ThemeProvider.js +21 -21
- package/dist/theme/ThemeProvider.js.map +1 -1
- package/dist/theme/defaultTheme.d.ts +2 -2
- package/dist/theme/defaultTheme.js +111 -111
- package/dist/theme/defaultTheme.js.map +1 -1
- package/dist/theme/extractHostTheme.d.ts +1 -1
- package/dist/theme/extractHostTheme.js +42 -44
- package/dist/theme/extractHostTheme.js.map +1 -1
- package/dist/theme/index.d.ts +5 -5
- package/dist/theme/index.js +3 -3
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/types.d.ts +2 -2
- package/dist/token.js +3 -6
- package/dist/token.js.map +1 -1
- package/dist/types-only.d.ts +1 -1
- package/dist/types.d.ts +43 -43
- package/dist/widgets/WidgetRegistry.d.ts +2 -2
- package/dist/widgets/WidgetRegistry.js +11 -11
- package/dist/widgets/WidgetRegistry.js.map +1 -1
- package/dist/widgets/index.d.ts +2 -2
- package/dist/widgets/index.js +1 -1
- package/dist/widgets/index.js.map +1 -1
- package/package.json +4 -2
- package/schema/canvas-config.schema.json +51 -7
- package/schema/runtime-context.schema.json +1 -5
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect, useState, useCallback } from
|
|
3
|
-
import { createPortal } from
|
|
4
|
-
import { TileCard } from
|
|
5
|
-
import { useRuntime } from
|
|
6
|
-
import { CanvasEvents } from
|
|
2
|
+
import { useEffect, useState, useCallback } from 'react';
|
|
3
|
+
import { createPortal } from 'react-dom';
|
|
4
|
+
import { TileCard } from './TileCard';
|
|
5
|
+
import { useRuntime } from '../RuntimeProvider';
|
|
6
|
+
import { CanvasEvents } from '../events/normalizers/canvas';
|
|
7
7
|
// Inject launcher animation styles once
|
|
8
|
-
const LAUNCHER_STYLES_ID =
|
|
8
|
+
const LAUNCHER_STYLES_ID = 'syntro-launcher-styles';
|
|
9
9
|
function ensureLauncherStyles() {
|
|
10
|
-
if (typeof document ===
|
|
10
|
+
if (typeof document === 'undefined')
|
|
11
11
|
return;
|
|
12
12
|
if (document.getElementById(LAUNCHER_STYLES_ID))
|
|
13
13
|
return;
|
|
14
|
-
const style = document.createElement(
|
|
14
|
+
const style = document.createElement('style');
|
|
15
15
|
style.id = LAUNCHER_STYLES_ID;
|
|
16
16
|
style.textContent = `
|
|
17
17
|
@keyframes syntro-launcher-pulse {
|
|
@@ -52,7 +52,7 @@ const DEFAULT_THEME = {
|
|
|
52
52
|
colorTextSecondary: '#a1a1a6',
|
|
53
53
|
borderRadius: '12px',
|
|
54
54
|
};
|
|
55
|
-
export function ShadowCanvasOverlay({ isOpen, onToggle, telemetry, launcherLabel =
|
|
55
|
+
export function ShadowCanvasOverlay({ isOpen, onToggle, telemetry, launcherLabel = 'Adaptives', launcherAnimate = false, launcherAnimationStyle: _launcherAnimationStyle = 'pulse', footerSlot, tiles, isLoading, error, canvasTitle, displayMode = 'standard', theme: themeOverride, customRenderers, }) {
|
|
56
56
|
const [mounted, setMounted] = useState(false);
|
|
57
57
|
const [expandedId, setExpandedId] = useState(null);
|
|
58
58
|
// Get runtime for publishing events to the EventBus
|
|
@@ -64,8 +64,8 @@ export function ShadowCanvasOverlay({ isOpen, onToggle, telemetry, launcherLabel
|
|
|
64
64
|
// Publish tile expand/collapse events to EventBus
|
|
65
65
|
if (runtime) {
|
|
66
66
|
const event = wasExpanded
|
|
67
|
-
? CanvasEvents.tileCollapsed(id,
|
|
68
|
-
: CanvasEvents.tileExpanded(id,
|
|
67
|
+
? CanvasEvents.tileCollapsed(id, 'overlay')
|
|
68
|
+
: CanvasEvents.tileExpanded(id, 'overlay');
|
|
69
69
|
runtime.events.publish(event.name, event.props, event.source);
|
|
70
70
|
}
|
|
71
71
|
}, [expandedId, runtime]);
|
|
@@ -75,10 +75,10 @@ export function ShadowCanvasOverlay({ isOpen, onToggle, telemetry, launcherLabel
|
|
|
75
75
|
return;
|
|
76
76
|
tiles.forEach((tile) => {
|
|
77
77
|
// Telemetry tracking (PostHog)
|
|
78
|
-
telemetry === null || telemetry === void 0 ? void 0 : telemetry.trackRectangleViewed(tile.id,
|
|
78
|
+
telemetry === null || telemetry === void 0 ? void 0 : telemetry.trackRectangleViewed(tile.id, 'overlay');
|
|
79
79
|
// EventBus publishing
|
|
80
80
|
if (runtime) {
|
|
81
|
-
const event = CanvasEvents.tileViewed(tile.id,
|
|
81
|
+
const event = CanvasEvents.tileViewed(tile.id, 'overlay');
|
|
82
82
|
runtime.events.publish(event.name, event.props, event.source);
|
|
83
83
|
}
|
|
84
84
|
});
|
|
@@ -91,16 +91,16 @@ export function ShadowCanvasOverlay({ isOpen, onToggle, telemetry, launcherLabel
|
|
|
91
91
|
const next = !isOpen;
|
|
92
92
|
// Telemetry tracking (PostHog)
|
|
93
93
|
if (next) {
|
|
94
|
-
telemetry === null || telemetry === void 0 ? void 0 : telemetry.trackCanvasOpened(
|
|
94
|
+
telemetry === null || telemetry === void 0 ? void 0 : telemetry.trackCanvasOpened('overlay');
|
|
95
95
|
}
|
|
96
96
|
else {
|
|
97
|
-
telemetry === null || telemetry === void 0 ? void 0 : telemetry.trackCanvasClosed(
|
|
97
|
+
telemetry === null || telemetry === void 0 ? void 0 : telemetry.trackCanvasClosed('overlay');
|
|
98
98
|
}
|
|
99
99
|
// EventBus publishing
|
|
100
100
|
if (runtime) {
|
|
101
101
|
const event = next
|
|
102
|
-
? CanvasEvents.canvasOpened(
|
|
103
|
-
: CanvasEvents.canvasClosed(
|
|
102
|
+
? CanvasEvents.canvasOpened('overlay')
|
|
103
|
+
: CanvasEvents.canvasClosed('overlay');
|
|
104
104
|
runtime.events.publish(event.name, event.props, event.source);
|
|
105
105
|
}
|
|
106
106
|
onToggle();
|
|
@@ -119,123 +119,133 @@ export function ShadowCanvasOverlay({ isOpen, onToggle, telemetry, launcherLabel
|
|
|
119
119
|
? `linear-gradient(to top right, ${primaryColor}11 0%, ${bgColor}fa 50%, ${bgColor}fc 100%)`
|
|
120
120
|
: `linear-gradient(to top right, ${primaryColor}15 0%, ${bgColor}f2 45%, ${bgColor}f7 100%)`;
|
|
121
121
|
const containerStyle = {
|
|
122
|
-
display:
|
|
123
|
-
flexDirection:
|
|
122
|
+
display: 'flex',
|
|
123
|
+
flexDirection: 'column',
|
|
124
124
|
width: isFocused ? theme.expandedWidth : theme.baseWidth,
|
|
125
|
-
minWidth:
|
|
126
|
-
height:
|
|
127
|
-
maxHeight:
|
|
128
|
-
|
|
129
|
-
backdropFilter: `blur(${theme.backdropBlur})`,
|
|
130
|
-
WebkitBackdropFilter: `blur(${theme.backdropBlur})`,
|
|
131
|
-
pointerEvents: "auto",
|
|
125
|
+
minWidth: '320px',
|
|
126
|
+
height: '100%',
|
|
127
|
+
maxHeight: '100%',
|
|
128
|
+
pointerEvents: 'auto',
|
|
132
129
|
opacity: isOpen ? 1 : 0.8,
|
|
133
|
-
transition:
|
|
130
|
+
transition: 'all 340ms cubic-bezier(0.16, 1, 0.3, 1)',
|
|
134
131
|
color: theme.colorText || '#f5f5f7',
|
|
135
|
-
//
|
|
132
|
+
// In standard mode: transparent container (cards have their own styling)
|
|
133
|
+
// In focused mode: full panel with gradient background
|
|
134
|
+
background: isFocused ? (isLightMode ? lightGradient : darkGradient) : 'transparent',
|
|
135
|
+
backdropFilter: isFocused ? `blur(${theme.backdropBlur})` : undefined,
|
|
136
|
+
WebkitBackdropFilter: isFocused ? `blur(${theme.backdropBlur})` : undefined,
|
|
137
|
+
// Borders - only in focused mode
|
|
136
138
|
border: isFocused
|
|
137
|
-
?
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
?
|
|
146
|
-
:
|
|
139
|
+
? isRight
|
|
140
|
+
? undefined
|
|
141
|
+
: `1px solid ${isLightMode ? 'rgba(0, 0, 0, 0.06)' : 'rgba(255, 255, 255, 0.06)'}`
|
|
142
|
+
: 'none',
|
|
143
|
+
borderLeft: isFocused && isRight
|
|
144
|
+
? `1px solid ${isLightMode ? 'rgba(0, 0, 0, 0.08)' : 'rgba(255, 255, 255, 0.08)'}`
|
|
145
|
+
: undefined,
|
|
146
|
+
borderRight: isFocused && !isRight
|
|
147
|
+
? `1px solid ${isLightMode ? 'rgba(0, 0, 0, 0.08)' : 'rgba(255, 255, 255, 0.08)'}`
|
|
148
|
+
: undefined,
|
|
149
|
+
// Rounded corners - only in focused mode
|
|
150
|
+
borderRadius: isFocused ? '0' : undefined,
|
|
151
|
+
// Shadow - only in focused mode
|
|
152
|
+
boxShadow: isFocused ? 'none' : undefined,
|
|
147
153
|
// Transform logic
|
|
148
|
-
transform: isOpen
|
|
149
|
-
? "translateX(0)"
|
|
150
|
-
: (isRight ? "translateX(120%)" : "translateX(-120%)")
|
|
154
|
+
transform: isOpen ? 'translateX(0)' : isRight ? 'translateX(120%)' : 'translateX(-120%)',
|
|
151
155
|
};
|
|
152
156
|
const wrapperStyle = {
|
|
153
|
-
position:
|
|
157
|
+
position: 'absolute',
|
|
154
158
|
inset: 0,
|
|
155
|
-
display:
|
|
156
|
-
flexDirection: isRight ?
|
|
157
|
-
alignItems:
|
|
158
|
-
pointerEvents:
|
|
159
|
-
padding: isFocused ?
|
|
159
|
+
display: 'flex',
|
|
160
|
+
flexDirection: isRight ? 'row-reverse' : 'row',
|
|
161
|
+
alignItems: 'stretch',
|
|
162
|
+
pointerEvents: 'none',
|
|
163
|
+
padding: isFocused ? '0' : '1rem',
|
|
160
164
|
};
|
|
161
165
|
const content = (_jsx("div", { "data-shadow-canvas-id": "overlay-root", style: {
|
|
162
|
-
position:
|
|
166
|
+
position: 'fixed',
|
|
163
167
|
inset: 0,
|
|
164
|
-
pointerEvents: isOpen ?
|
|
168
|
+
pointerEvents: isOpen ? 'auto' : 'none',
|
|
165
169
|
zIndex: theme.zIndex,
|
|
166
|
-
}, children: _jsxs("div", { style: wrapperStyle, children: [_jsxs("div", { style: containerStyle, children: [
|
|
170
|
+
}, children: _jsxs("div", { style: wrapperStyle, children: [_jsxs("div", { style: containerStyle, children: [isFocused && canvasTitle && (_jsx("header", { style: { color: 'white', padding: '1.5rem 1.5rem 0' }, children: _jsx("p", { style: {
|
|
171
|
+
margin: 0,
|
|
172
|
+
fontSize: '0.7rem',
|
|
173
|
+
textTransform: 'uppercase',
|
|
174
|
+
letterSpacing: '0.5em',
|
|
175
|
+
color: 'rgba(255, 255, 255, 0.6)',
|
|
176
|
+
}, children: canvasTitle }) })), _jsx("div", { style: { flex: 1, overflowY: 'auto', padding: isFocused ? '0' : '1rem' }, children: isLoading ? (_jsx("div", { style: { color: 'rgba(255, 255, 255, 0.85)', padding: isFocused ? '1rem' : '0' }, children: "Loading..." })) : error ? (_jsxs("div", { style: { color: '#fecdd3', padding: isFocused ? '1rem' : '0' }, children: ["Failed to load: ", error] })) : isFocused ? (
|
|
167
177
|
/* Focused Mode: Render first tile full size */
|
|
168
|
-
tiles.length > 0 ? (_jsx(TileCard, { config: tiles[0], surface: "overlay", telemetry: telemetry, customRenderers: customRenderers, isExpanded: true, onToggleExpand: () => { }, style: { width:
|
|
169
|
-
/* Standard Mode:
|
|
178
|
+
tiles.length > 0 ? (_jsx(TileCard, { config: tiles[0], surface: "overlay", telemetry: telemetry, customRenderers: customRenderers, isExpanded: true, onToggleExpand: () => { }, style: { width: '100%', height: '100%' } })) : null) : (
|
|
179
|
+
/* Standard Mode: Stacked floating cards */
|
|
170
180
|
_jsx("div", { style: {
|
|
171
|
-
display:
|
|
172
|
-
|
|
173
|
-
gap:
|
|
174
|
-
width:
|
|
181
|
+
display: 'flex',
|
|
182
|
+
flexDirection: 'column',
|
|
183
|
+
gap: '0.75rem',
|
|
184
|
+
width: '100%',
|
|
175
185
|
}, children: tiles.map((tile) => {
|
|
176
|
-
const isHalf = tile.size === "half";
|
|
177
186
|
const isExpanded = expandedId === tile.id;
|
|
178
|
-
return (_jsx("
|
|
179
|
-
gridColumn: isHalf && !isExpanded ? "span 1" : "span 2",
|
|
180
|
-
transition: "all 0.25s ease",
|
|
181
|
-
}, children: _jsx(TileCard, { config: tile, surface: "overlay", telemetry: telemetry, customRenderers: customRenderers, isExpanded: isExpanded, onToggleExpand: () => handleTileClick(tile.id), style: { width: "100%" } }) }, tile.id));
|
|
187
|
+
return (_jsx(TileCard, { config: tile, surface: "overlay", telemetry: telemetry, customRenderers: customRenderers, isExpanded: isExpanded, onToggleExpand: () => handleTileClick(tile.id), style: { width: '100%' } }, tile.id));
|
|
182
188
|
}) })) }), footerSlot] }), _jsx("div", { onClick: toggle, style: {
|
|
183
|
-
flex:
|
|
184
|
-
pointerEvents: isOpen ?
|
|
185
|
-
cursor:
|
|
189
|
+
flex: '1 1 auto',
|
|
190
|
+
pointerEvents: isOpen ? 'auto' : 'none',
|
|
191
|
+
cursor: 'default',
|
|
186
192
|
} })] }) }));
|
|
187
193
|
if (!mounted)
|
|
188
194
|
return null;
|
|
189
195
|
return (_jsxs(_Fragment, { children: [createPortal(_jsx("div", { "data-shadow-canvas-id": "overlay-launcher", style: {
|
|
190
|
-
position:
|
|
196
|
+
position: 'fixed',
|
|
191
197
|
inset: 0,
|
|
192
|
-
pointerEvents:
|
|
198
|
+
pointerEvents: 'none',
|
|
193
199
|
zIndex: theme.zIndex + 47,
|
|
194
|
-
}, children: _jsxs("button", { onClick: toggle, "aria-label": "Toggle shadow canvas", className: launcherAnimate && !isOpen ?
|
|
195
|
-
position:
|
|
196
|
-
bottom:
|
|
197
|
-
right: isRight ?
|
|
198
|
-
left: !isRight ?
|
|
199
|
-
pointerEvents:
|
|
200
|
-
display:
|
|
201
|
-
alignItems:
|
|
202
|
-
gap:
|
|
203
|
-
borderRadius:
|
|
204
|
-
color:
|
|
205
|
-
boxShadow:
|
|
206
|
-
transition:
|
|
207
|
-
outline:
|
|
208
|
-
padding:
|
|
209
|
-
border:
|
|
210
|
-
backgroundColor:
|
|
211
|
-
backdropFilter:
|
|
212
|
-
cursor:
|
|
213
|
-
}, onMouseEnter: (e) => (e.currentTarget.style.transform =
|
|
214
|
-
width:
|
|
215
|
-
height:
|
|
216
|
-
borderRadius:
|
|
200
|
+
}, children: _jsxs("button", { onClick: toggle, "aria-label": "Toggle shadow canvas", className: launcherAnimate && !isOpen ? 'syntro-launcher-animate' : undefined, style: {
|
|
201
|
+
position: 'fixed',
|
|
202
|
+
bottom: '2.5rem',
|
|
203
|
+
right: isRight ? '2.5rem' : undefined,
|
|
204
|
+
left: !isRight ? '2.5rem' : undefined,
|
|
205
|
+
pointerEvents: 'auto',
|
|
206
|
+
display: 'flex',
|
|
207
|
+
alignItems: 'center',
|
|
208
|
+
gap: '0.75rem',
|
|
209
|
+
borderRadius: '18px',
|
|
210
|
+
color: 'white',
|
|
211
|
+
boxShadow: '0 20px 45px rgba(15, 23, 42, 0.35)',
|
|
212
|
+
transition: 'transform 0.2s ease',
|
|
213
|
+
outline: 'none',
|
|
214
|
+
padding: '0.65rem 1.25rem',
|
|
215
|
+
border: '2px solid rgba(255, 255, 255, 0.25)',
|
|
216
|
+
backgroundColor: 'rgba(2, 6, 23, 0.8)',
|
|
217
|
+
backdropFilter: 'blur(12px)',
|
|
218
|
+
cursor: 'pointer',
|
|
219
|
+
}, onMouseEnter: (e) => (e.currentTarget.style.transform = 'translateY(-2px)'), onMouseLeave: (e) => (e.currentTarget.style.transform = 'translateY(0)'), children: [_jsx("div", { style: {
|
|
220
|
+
width: '36px',
|
|
221
|
+
height: '36px',
|
|
222
|
+
borderRadius: '12px',
|
|
217
223
|
background: isOpen
|
|
218
|
-
?
|
|
219
|
-
:
|
|
220
|
-
display:
|
|
221
|
-
alignItems:
|
|
222
|
-
justifyContent:
|
|
224
|
+
? 'linear-gradient(135deg, #f472b6, #ec4899)'
|
|
225
|
+
: 'linear-gradient(135deg, #94a3b8, #0f172a)',
|
|
226
|
+
display: 'flex',
|
|
227
|
+
alignItems: 'center',
|
|
228
|
+
justifyContent: 'center',
|
|
223
229
|
}, children: _jsx("span", { style: {
|
|
224
|
-
width:
|
|
225
|
-
height:
|
|
226
|
-
backgroundColor:
|
|
227
|
-
display:
|
|
228
|
-
transform: isOpen ?
|
|
229
|
-
position:
|
|
230
|
-
transition:
|
|
230
|
+
width: '14px',
|
|
231
|
+
height: '2px',
|
|
232
|
+
backgroundColor: '#fff',
|
|
233
|
+
display: 'block',
|
|
234
|
+
transform: isOpen ? 'rotate(45deg)' : 'rotate(0)',
|
|
235
|
+
position: 'relative',
|
|
236
|
+
transition: 'transform 200ms ease',
|
|
231
237
|
}, children: !isOpen ? (_jsx("span", { style: {
|
|
232
|
-
position:
|
|
238
|
+
position: 'absolute',
|
|
233
239
|
top: 0,
|
|
234
240
|
left: 0,
|
|
235
|
-
width:
|
|
236
|
-
height:
|
|
237
|
-
backgroundColor:
|
|
238
|
-
transform:
|
|
239
|
-
} })) : null }) }), _jsxs("div", { style: { display:
|
|
241
|
+
width: '14px',
|
|
242
|
+
height: '2px',
|
|
243
|
+
backgroundColor: '#fff',
|
|
244
|
+
transform: 'rotate(90deg)',
|
|
245
|
+
} })) : null }) }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', textAlign: 'left' }, children: [_jsx("span", { style: {
|
|
246
|
+
fontSize: '0.55rem',
|
|
247
|
+
letterSpacing: '0.35em',
|
|
248
|
+
color: 'rgba(255,255,255,0.7)',
|
|
249
|
+
}, children: isOpen ? 'Hide' : 'Open' }), _jsx("span", { style: { fontSize: '0.85rem', letterSpacing: '0.25em' }, children: launcherLabel })] })] }) }), document.body), isOpen ? createPortal(content, document.body) : null] }));
|
|
240
250
|
}
|
|
241
251
|
//# sourceMappingURL=ShadowCanvasOverlay.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShadowCanvasOverlay.js","sourceRoot":"","sources":["../../src/components/ShadowCanvasOverlay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,SAAS,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"ShadowCanvasOverlay.js","sourceRoot":"","sources":["../../src/components/ShadowCanvasOverlay.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { CSSProperties } from
|
|
2
|
-
import type { TileConfig } from
|
|
3
|
-
import type { TelemetryClient } from
|
|
4
|
-
import { MountableComponent } from
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
import type { TileConfig } from '../types';
|
|
3
|
+
import type { TelemetryClient } from '../telemetry/types';
|
|
4
|
+
import { MountableComponent } from '../api';
|
|
5
5
|
interface TileCardProps {
|
|
6
6
|
config: TileConfig;
|
|
7
|
-
surface:
|
|
7
|
+
surface: 'overlay' | 'wheel';
|
|
8
8
|
telemetry?: TelemetryClient;
|
|
9
9
|
style?: CSSProperties;
|
|
10
10
|
customRenderers?: Record<string, MountableComponent>;
|