sunpeak 0.9.8 → 0.9.12

package/dist/chatgpt/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const simulatorUrl = require("../simulator-url-BpCa95pE.cjs");
+const simulatorUrl = require("../simulator-url-D4tFBjeu.cjs");
 exports.ChatGPTSimulator = simulatorUrl.ChatGPTSimulator;
 exports.IframeResource = simulatorUrl.IframeResource;
 exports.ThemeProvider = simulatorUrl.ThemeProvider;

package/dist/chatgpt/index.js

@@ -1,4 +1,4 @@
-import { C, I, T, c, i, u } from "../simulator-url-q5tHLc4-.js";
+import { C, I, T, c, i, u } from "../simulator-url-BZBcq5tc.js";
 export {
   C as ChatGPTSimulator,
   I as IframeResource,

package/dist/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const simulatorUrl = require("./simulator-url-BpCa95pE.cjs");
+const simulatorUrl = require("./simulator-url-D4tFBjeu.cjs");
 const React = require("react");
 const discovery = require("./discovery-a4WId9PC.cjs");
 function _interopNamespaceDefault(e) {

package/dist/index.js

@@ -1,5 +1,5 @@
-import { a as clsx } from "./simulator-url-q5tHLc4-.js";
-import { C, I, S, T, c, v, s, q, i, r, w, t, e, f, g, h, j, u, k, l, m, n, d, b, o, p } from "./simulator-url-q5tHLc4-.js";
+import { a as clsx } from "./simulator-url-BZBcq5tc.js";
+import { C, I, S, T, c, v, s, q, i, r, w, t, e, f, g, h, j, u, k, l, m, n, d, b, o, p } from "./simulator-url-BZBcq5tc.js";
 import * as React from "react";
 import { i as i2, d as d2, h as h2, c as c2, b as b2, e as e2, a, f as f2, g as g2, t as t2 } from "./discovery-ft3cd2dW.js";
 const MOBILE_BREAKPOINT = 768;

package/dist/{simulator-url-q5tHLc4-.js → simulator-url-BZBcq5tc.js}

@@ -7379,9 +7379,34 @@ const Segment = ({ children, ...restProps }) => {
   return jsx(Item2, { className: s.SegmentedControlOption, ...restProps, onPointerEnter: handlePressableMouseEnter, children: jsx("span", { className: "relative", children }) });
 };
 SegmentedControl.Option = Segment;
+const DEFAULT_SIDEBAR_WIDTH = 224;
 function SimpleSidebar({ children, controls }) {
   const [isDrawerOpen, setIsDrawerOpen] = React.useState(false);
+  const [sidebarWidth, setSidebarWidth] = React.useState(DEFAULT_SIDEBAR_WIDTH);
+  const [isResizing, setIsResizing] = React.useState(false);
+  const handleMouseDown = React.useCallback((e) => {
+    e.preventDefault();
+    setIsResizing(true);
+  }, []);
+  React.useEffect(() => {
+    if (!isResizing) return;
+    const handleMouseMove = (e) => {
+      const maxWidth = Math.floor(window.innerWidth / 3);
+      const newWidth = Math.min(maxWidth, Math.max(DEFAULT_SIDEBAR_WIDTH, e.clientX));
+      setSidebarWidth(newWidth);
+    };
+    const handleMouseUp = () => {
+      setIsResizing(false);
+    };
+    document.addEventListener("mousemove", handleMouseMove);
+    document.addEventListener("mouseup", handleMouseUp);
+    return () => {
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+    };
+  }, [isResizing]);
   return /* @__PURE__ */ jsxs("div", { className: "sunpeak-simulator-root flex h-screen w-full overflow-hidden relative", children: [
+    isResizing && /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-50 cursor-col-resize" }),
     isDrawerOpen && /* @__PURE__ */ jsx(
       "div",
       {
@@ -7393,50 +7418,60 @@ function SimpleSidebar({ children, controls }) {
         }
       }
     ),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs(
       "aside",
       {
         className: `
-          w-56 flex flex-col border-r border-subtle bg-sidebar
-          md:relative md:z-auto
+          relative flex flex-col border-r border-subtle bg-sidebar
+          md:z-auto
           max-md:fixed max-md:inset-y-0 max-md:left-0 max-md:z-[100]
-          max-md:transition-transform max-md:duration-300
+          max-md:transition-transform max-md:duration-300 max-md:!w-2/3
           ${isDrawerOpen ? "max-md:translate-x-0" : "max-md:-translate-x-full"}
         `,
-        children: /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto min-h-0 px-3 pb-3 pt-0", children: /* @__PURE__ */ jsx("div", { className: "space-y-3", children: /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between sticky top-0 bg-sidebar z-10 py-2", children: [
-            /* @__PURE__ */ jsx("h2", { className: "text-xs font-semibold", children: "Controls" }),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                onClick: () => setIsDrawerOpen(false),
-                className: "md:hidden text-secondary hover:text-primary transition-colors p-1",
-                type: "button",
-                "aria-label": "Close sidebar",
-                children: /* @__PURE__ */ jsx(
-                  "svg",
-                  {
-                    width: "16",
-                    height: "16",
-                    viewBox: "0 0 16 16",
-                    fill: "none",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    children: /* @__PURE__ */ jsx(
-                      "path",
-                      {
-                        d: "M12 4L4 12M4 4L12 12",
-                        stroke: "currentColor",
-                        strokeWidth: "2",
-                        strokeLinecap: "round"
-                      }
-                    )
-                  }
-                )
-              }
-            )
-          ] }),
-          controls
-        ] }) }) })
+        style: { width: sidebarWidth },
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto min-h-0 px-3 pb-3 pt-0", children: /* @__PURE__ */ jsx("div", { className: "space-y-3", children: /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between sticky top-0 bg-sidebar z-10 py-2", children: [
+              /* @__PURE__ */ jsx("h2", { className: "text-xs font-semibold", children: "Controls" }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: () => setIsDrawerOpen(false),
+                  className: "md:hidden text-secondary hover:text-primary transition-colors p-1",
+                  type: "button",
+                  "aria-label": "Close sidebar",
+                  children: /* @__PURE__ */ jsx(
+                    "svg",
+                    {
+                      width: "16",
+                      height: "16",
+                      viewBox: "0 0 16 16",
+                      fill: "none",
+                      xmlns: "http://www.w3.org/2000/svg",
+                      children: /* @__PURE__ */ jsx(
+                        "path",
+                        {
+                          d: "M12 4L4 12M4 4L12 12",
+                          stroke: "currentColor",
+                          strokeWidth: "2",
+                          strokeLinecap: "round"
+                        }
+                      )
+                    }
+                  )
+                }
+              )
+            ] }),
+            controls
+          ] }) }) }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              onMouseDown: handleMouseDown,
+              className: "hidden md:block absolute top-0 right-0 w-1 h-full cursor-col-resize hover:bg-primary/20 active:bg-primary/30 transition-colors"
+            }
+          )
+        ]
       }
     ),
     /* @__PURE__ */ jsxs("main", { className: "flex-1 overflow-auto relative", children: [
@@ -7546,7 +7581,7 @@ function SidebarTextarea({
         placeholder,
         rows,
         size: "2xs",
-        className: "text-[10px] font-mono resize-y",
+        className: "text-[10px] font-mono resize-y [&>textarea]:!h-full [&>textarea]:!max-h-none [&>textarea]:!min-h-0",
         style: { whiteSpace: "pre", overflowX: "auto", overflowWrap: "normal" },
         invalid: !!error
       }
@@ -7574,14 +7609,14 @@ const SCREEN_WIDTHS = {
   full: 1024
 };
 const ALLOWED_SCRIPT_ORIGINS = [
-  "https://sandbox.sunpeakai.com",
+  "https://sunpeak-prod-app-storage.s3.us-east-2.amazonaws.com",
   "http://localhost",
   "https://localhost",
   "http://127.0.0.1",
   "https://127.0.0.1"
 ];
 const ALLOWED_PARENT_ORIGINS = [
-  "https://app.sunpeak.ai",
+  "https://sandbox.sunpeakai.com",
   "http://localhost",
   "https://localhost",
   "http://127.0.0.1",
@@ -8114,31 +8149,24 @@ function IframeResource({ scriptSrc, className, style, csp }) {
     sendUpdate("openai:update");
   }, [sendUpdate]);
   const isValidScriptSrc = useMemo(() => isAllowedScriptSrc(scriptSrc), [scriptSrc]);
-  const blobUrl = useMemo(() => {
+  const htmlContent = useMemo(() => {
     if (!isValidScriptSrc) {
       console.error("[IframeResource] Script source not allowed:", scriptSrc);
-      const errorHtml = `<!DOCTYPE html><html><body><h1>Error</h1><p>Script source not allowed.</p></body></html>`;
-      const blob2 = new Blob([errorHtml], { type: "text/html" });
-      return URL.createObjectURL(blob2);
+      return `<!DOCTYPE html><html><body><h1>Error</h1><p>Script source not allowed.</p></body></html>`;
     }
     const absoluteScriptSrc = scriptSrc.startsWith("/") ? `${window.location.origin}${scriptSrc}` : scriptSrc;
     const cspPolicy = generateCSP(csp, absoluteScriptSrc);
     const bridgeScript = generateBridgeScript(ALLOWED_PARENT_ORIGINS);
-    const html = injectBridgeScript(
+    return injectBridgeScript(
       generateScriptHtml(absoluteScriptSrc, theme ?? "dark", cspPolicy),
       bridgeScript
     );
-    const blob = new Blob([html], { type: "text/html" });
-    return URL.createObjectURL(blob);
   }, [scriptSrc, theme, isValidScriptSrc, csp]);
-  useEffect(() => {
-    return () => URL.revokeObjectURL(blobUrl);
-  }, [blobUrl]);
   return /* @__PURE__ */ jsx(
     "iframe",
     {
       ref: iframeRef,
-      src: blobUrl,
+      srcDoc: htmlContent,
       className,
       style: {
         border: "none",
@@ -8150,8 +8178,8 @@ function IframeResource({ scriptSrc, className, style, csp }) {
         ...style
       },
       title: "Resource Preview",
-      sandbox: "allow-scripts",
-      allow: "accelerometer 'none'; autoplay 'none'; camera 'none'; display-capture 'none'; geolocation 'none'; gyroscope 'none'; magnetometer 'none'; microphone 'none'; midi 'none'; payment 'none'; publickey-credentials-get 'none'; usb 'none'; xr-spatial-tracking 'none'"
+      sandbox: "allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox",
+      allow: "local-network-access *; microphone *; midi *; accelerometer 'none'; autoplay 'none'; camera 'none'; display-capture 'none'; geolocation 'none'; gyroscope 'none'; magnetometer 'none'; payment 'none'; publickey-credentials-get 'none'; usb 'none'; xr-spatial-tracking 'none'"
     }
   );
 }
@@ -9151,4 +9179,4 @@ export {
   getAPI as v,
   resetProviderCache as w
 };
-//# sourceMappingURL=simulator-url-q5tHLc4-.js.map
+//# sourceMappingURL=simulator-url-BZBcq5tc.js.map