@sampleapp.ai/sdk 1.0.45 → 1.0.46
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/dist/components/sandbox/guardian/demo/guardian-demo.js +16 -13
- package/dist/components/sandbox/guardian/header.js +1 -1
- package/dist/index.es.js +48 -27
- package/dist/index.standalone.umd.js +1 -1
- package/dist/lib/generated-css.js +1 -1
- package/dist/sdk.css +1 -1
- package/dist/tailwind.css +1 -1
- package/package.json +1 -1
|
@@ -57,18 +57,21 @@ export default function GuardianDemo({ CustomConsole, GuideView, browserUrl, pla
|
|
|
57
57
|
};
|
|
58
58
|
return (React.createElement(React.Fragment, null,
|
|
59
59
|
React.createElement("div", { className: "md:hidden h-full flex flex-col min-h-0" },
|
|
60
|
-
React.createElement("div", { className: "flex-1 min-h-0 overflow-hidden
|
|
61
|
-
React.createElement(
|
|
62
|
-
React.createElement(
|
|
63
|
-
React.createElement(
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
React.createElement(
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
React.createElement(
|
|
70
|
-
|
|
71
|
-
|
|
60
|
+
React.createElement("div", { className: "flex-1 min-h-0 overflow-hidden relative" },
|
|
61
|
+
React.createElement("div", { className: cn("absolute inset-0", !hasPreview || mobileTab === "guide" ? "flex flex-col" : "hidden") },
|
|
62
|
+
React.createElement(PanelGroup, { direction: "vertical", className: "flex-1 min-h-0" },
|
|
63
|
+
React.createElement(Panel, { defaultSize: 50, minSize: 25, maxSize: 75, order: 1 },
|
|
64
|
+
React.createElement("div", { className: "h-full w-full overflow-y-auto overflow-x-hidden" },
|
|
65
|
+
React.createElement(ConsoleWithGuide, { CustomConsole: CustomConsole, GuideView: GuideView, playgroundUid: playgroundUid, onReloadPreview: handleReloadPreview, onStageChange: handleStageChange, codeZipFile: codeZipFile, themeColor: themeColor, browserUrl: browserUrl, gitUrl: gitUrl, sandboxId: sandboxId, apiKey: apiKey }))),
|
|
66
|
+
React.createElement(PanelResizeHandle, { className: "h-2 relative group flex-shrink-0 bg-zinc-900 dark:bg-zinc-950" },
|
|
67
|
+
React.createElement("div", { className: "absolute inset-x-0 top-1/2 -translate-y-1/2 h-1 -mt-0.5 group-active:bg-blue-400/30 transition-colors flex justify-center items-center" },
|
|
68
|
+
React.createElement("div", { className: "h-full w-12 rounded-full bg-zinc-600 dark:bg-zinc-500" }))),
|
|
69
|
+
React.createElement(Panel, { defaultSize: 50, minSize: 25, maxSize: 75, order: 2 },
|
|
70
|
+
React.createElement("div", { className: "h-full w-full min-h-0" },
|
|
71
|
+
React.createElement(RightTopDownView, Object.assign({}, rightViewProps, { hasPreview: false, codeOnly: true })))))),
|
|
72
|
+
hasPreview && (React.createElement("div", { className: cn("absolute inset-0", mobileTab === "preview" ? "" : "hidden") },
|
|
73
|
+
React.createElement(RightView, Object.assign({}, rightViewProps, { previewOnly: true }))))),
|
|
74
|
+
hasPreview && (React.createElement("div", { className: "flex-shrink-0 border-t border-zinc-800 dark:border-zinc-700 bg-zinc-900/95 dark:bg-zinc-950/95 backdrop-blur-sm px-3 py-2 flex items-center justify-center gap-1" },
|
|
72
75
|
React.createElement("button", { type: "button", onClick: () => setMobileTab("guide"), className: cn("flex items-center gap-2 px-4 py-2 rounded-full text-sm font-medium transition-colors", mobileTab === "guide"
|
|
73
76
|
? "bg-zinc-700 dark:bg-zinc-600 text-white"
|
|
74
77
|
: "text-zinc-500 hover:text-zinc-300") },
|
|
@@ -78,6 +81,6 @@ export default function GuardianDemo({ CustomConsole, GuideView, browserUrl, pla
|
|
|
78
81
|
? "bg-zinc-700 dark:bg-zinc-600 text-white"
|
|
79
82
|
: "text-zinc-500 hover:text-zinc-300") },
|
|
80
83
|
React.createElement(Monitor, { className: "w-4 h-4" }),
|
|
81
|
-
"Preview"))),
|
|
84
|
+
"Preview")))),
|
|
82
85
|
React.createElement(ConsoleWithApp, { containerClassName: "hidden md:block", console: React.createElement(ConsoleWithGuide, { CustomConsole: CustomConsole, GuideView: GuideView, playgroundUid: playgroundUid, onReloadPreview: handleReloadPreview, onStageChange: handleStageChange, codeZipFile: codeZipFile, themeColor: themeColor, browserUrl: browserUrl, gitUrl: gitUrl, sandboxId: sandboxId, apiKey: apiKey }), app: React.createElement(RightView, { reloadCounter: reloadCounter, overlayStage: overlayStage, browserUrl: browserUrl, useVm: useVm, codeZipFile: codeZipFile, hasPreview: hasPreview, variant: variant, themeColor: themeColor, completeCodeZipFile: completeCodeZipFile, isGuardian: isGuardian, isBrowserMaximized: isBrowserMaximized, isBrowserUrlReady: isBrowserUrlReady, isFrame: isFrame, sandboxId: sandboxId, apiKey: apiKey, sandboxError: sandboxError, hasNetworkView: hasNetworkView }) })));
|
|
83
86
|
}
|
|
@@ -9,7 +9,7 @@ import { useSdkTheme } from "./context/theme-context";
|
|
|
9
9
|
*/
|
|
10
10
|
export default function Header({ sections, onSelect, playgroundLogo, themecolor }) {
|
|
11
11
|
const { isDark } = useSdkTheme();
|
|
12
|
-
return (React.createElement("div", { className: "w-full sticky top-0 z-50 px-
|
|
12
|
+
return (React.createElement("div", { className: "w-full sticky top-0 z-50 px-8 backdrop-blur-md" },
|
|
13
13
|
React.createElement("div", { className: "flex flex-wrap items-center justify-between py-2" },
|
|
14
14
|
React.createElement("div", { className: "flex flex-wrap items-center gap-6" }, sections.map((section) => {
|
|
15
15
|
var _a;
|