sunpeak 0.4.2 → 0.5.1

package/dist/index.js

@@ -5,12 +5,6 @@ import * as React from "react";
 import { useSyncExternalStore, useMemo, useState, useEffect, useCallback, useRef, useLayoutEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 const SET_GLOBALS_EVENT_TYPE = "openai:set_globals";
-class SetGlobalsEvent extends CustomEvent {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "type", SET_GLOBALS_EVENT_TYPE);
-  }
-}
 function isOpenAiAvailable() {
   return typeof window !== "undefined" && window.openai != null;
 }
@@ -67,7 +61,7 @@ function getOpenAiProvider() {
 }
 let cachedProvider = null;
 let detectionComplete = false;
-function getProvider() {
+function detectProvider() {
   if (detectionComplete) {
     return cachedProvider;
   }
@@ -77,8 +71,18 @@ function getProvider() {
   detectionComplete = true;
   return cachedProvider;
 }
+function isProviderAvailable$1() {
+  return detectProvider() !== null;
+}
+function resetProviderCache$1() {
+  cachedProvider = null;
+  detectionComplete = false;
+}
+function getProvider() {
+  return detectProvider();
+}
 function isProviderAvailable() {
-  return getProvider() !== null;
+  return isProviderAvailable$1();
 }
 function getGlobal(key) {
   const provider = getProvider();
@@ -94,8 +98,7 @@ function getAPI() {
   return (provider == null ? void 0 : provider.getAPI()) ?? null;
 }
 function resetProviderCache() {
-  cachedProvider = null;
-  detectionComplete = false;
+  resetProviderCache$1();
 }
 function useWidgetGlobal(key) {
   return useSyncExternalStore(
@@ -3377,9 +3380,9 @@ const SCREEN_WIDTHS = {
 function Conversation({
   children,
   screenWidth,
-  appName = "ChatGPT",
+  appName = "Sunpeak App",
   appIcon,
-  userMessage = "Show me some interesting places to visit."
+  userMessage = "What have you got for me today?"
 }) {
   const displayMode = useDisplayMode() ?? "inline";
   const containerWidth = screenWidth === "full" ? "100%" : `${SCREEN_WIDTHS[screenWidth]}px`;
@@ -3387,7 +3390,7 @@ function Conversation({
     return /* @__PURE__ */ jsx("div", { className: "flex flex-col bg-surface w-full flex-1", children: /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto", children }) });
   }
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col bg-surface w-full h-full flex-1", children: [
-    /* @__PURE__ */ jsx("header", { className: "h-12 border-b border-subtle bg-surface flex items-center px-4 text-lg", children: /* @__PURE__ */ jsx("span", { className: "text-foreground", children: "ChatGPT" }) }),
+    /* @__PURE__ */ jsx("header", { className: "h-12 border-b border-subtle bg-surface flex items-center px-4 text-lg", children: /* @__PURE__ */ jsx("span", { className: "text-foreground", children: "SimGPT" }) }),
     /* @__PURE__ */ jsxs(
       "div",
       {
@@ -3458,7 +3461,7 @@ function Conversation({
               type: "text",
               name: "userInput",
               disabled: true,
-              placeholder: "Message ChatGPT",
+              placeholder: "Message SimGPT",
               className: "w-full bg-[var(--color-background-primary)] dark:bg-[#303030] text-secondary-foreground placeholder:text-muted-foreground rounded-3xl px-5 py-3 pr-12 shadow-md light:border border-[#0000000f]"
             }
           ) }) }) })
@@ -3554,12 +3557,33 @@ function initMockOpenAI(initialData) {
     if ((initialData == null ? void 0 : initialData.theme) !== void 0) {
       mock.theme = initialData.theme;
     }
+    if ((initialData == null ? void 0 : initialData.userAgent) !== void 0) {
+      mock.userAgent = initialData.userAgent;
+    }
+    if ((initialData == null ? void 0 : initialData.locale) !== void 0) {
+      mock.locale = initialData.locale;
+    }
+    if ((initialData == null ? void 0 : initialData.maxHeight) !== void 0) {
+      mock.maxHeight = initialData.maxHeight;
+    }
     if ((initialData == null ? void 0 : initialData.displayMode) !== void 0) {
       mock.displayMode = initialData.displayMode;
     }
+    if ((initialData == null ? void 0 : initialData.safeArea) !== void 0) {
+      mock.safeArea = initialData.safeArea;
+    }
+    if ((initialData == null ? void 0 : initialData.view) !== void 0) {
+      mock.view = initialData.view;
+    }
+    if ((initialData == null ? void 0 : initialData.toolInput) !== void 0) {
+      mock.toolInput = initialData.toolInput;
+    }
     if ((initialData == null ? void 0 : initialData.toolOutput) !== void 0) {
       mock.toolOutput = initialData.toolOutput;
     }
+    if ((initialData == null ? void 0 : initialData.toolResponseMetadata) !== void 0) {
+      mock.toolResponseMetadata = initialData.toolResponseMetadata;
+    }
     if ((initialData == null ? void 0 : initialData.widgetState) !== void 0) {
       mock.widgetState = initialData.widgetState;
     }
@@ -3608,38 +3632,42 @@ const DEFAULT_THEME = "dark";
 const DEFAULT_DISPLAY_MODE = "inline";
 function ChatGPTSimulator({
   children,
-  simulations = []
+  simulations = [],
+  appName = "Sunpeak App",
+  appIcon
 }) {
   const [screenWidth, setScreenWidth] = React.useState("full");
+  const getSimulationKey = (sim) => `${sim.resource.name}-${sim.tool.name}`;
   const [selectedKey, setSelectedKey] = React.useState(
-    simulations.length > 0 ? simulations[0].value : ""
+    simulations.length > 0 ? getSimulationKey(simulations[0]) : ""
   );
-  const selectedSim = simulations.find((sim) => sim.value === selectedKey);
-  const appName = selectedSim == null ? void 0 : selectedSim.appName;
-  const appIcon = selectedSim == null ? void 0 : selectedSim.appIcon;
+  const selectedSim = simulations.find((sim) => getSimulationKey(sim) === selectedKey);
   const userMessage = selectedSim == null ? void 0 : selectedSim.userMessage;
-  const toolOutput = (selectedSim == null ? void 0 : selectedSim.toolOutput) ?? null;
-  const widgetState = (selectedSim == null ? void 0 : selectedSim.widgetState) ?? null;
   const mock = useMemo(
-    () => initMockOpenAI({
-      theme: DEFAULT_THEME,
-      displayMode: DEFAULT_DISPLAY_MODE
-    }),
-    []
+    () => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+      return initMockOpenAI({
+        theme: ((_a = selectedSim == null ? void 0 : selectedSim.simulationGlobals) == null ? void 0 : _a.theme) ?? DEFAULT_THEME,
+        userAgent: (_b = selectedSim == null ? void 0 : selectedSim.simulationGlobals) == null ? void 0 : _b.userAgent,
+        locale: (_c = selectedSim == null ? void 0 : selectedSim.simulationGlobals) == null ? void 0 : _c.locale,
+        maxHeight: (_d = selectedSim == null ? void 0 : selectedSim.simulationGlobals) == null ? void 0 : _d.maxHeight,
+        displayMode: ((_e = selectedSim == null ? void 0 : selectedSim.simulationGlobals) == null ? void 0 : _e.displayMode) ?? DEFAULT_DISPLAY_MODE,
+        safeArea: (_f = selectedSim == null ? void 0 : selectedSim.simulationGlobals) == null ? void 0 : _f.safeArea,
+        view: (_g = selectedSim == null ? void 0 : selectedSim.simulationGlobals) == null ? void 0 : _g.view,
+        toolInput: (_h = selectedSim == null ? void 0 : selectedSim.simulationGlobals) == null ? void 0 : _h.toolInput,
+        widgetState: ((_i = selectedSim == null ? void 0 : selectedSim.simulationGlobals) == null ? void 0 : _i.widgetState) ?? null,
+        toolOutput: ((_j = selectedSim == null ? void 0 : selectedSim.toolCall) == null ? void 0 : _j.structuredContent) ?? null
+      });
+    },
+    [selectedSim]
   );
   const theme = useTheme() ?? DEFAULT_THEME;
   const displayMode = useDisplayMode() ?? DEFAULT_DISPLAY_MODE;
   useLayoutEffect(() => {
     if (mock && typeof window !== "undefined") {
       window.openai = mock;
-      if (toolOutput !== void 0) {
-        mock.setToolOutput(toolOutput);
-      }
-      if (widgetState !== void 0) {
-        mock.setWidgetStateExternal(widgetState);
-      }
     }
-  }, [mock, toolOutput, widgetState]);
+  }, [mock]);
   useEffect(() => {
     return () => {
       if (typeof window !== "undefined") {
@@ -3647,7 +3675,7 @@ function ChatGPTSimulator({
       }
     };
   }, []);
-  const SelectedComponent = selectedSim == null ? void 0 : selectedSim.component;
+  const SelectedComponent = selectedSim == null ? void 0 : selectedSim.resourceComponent;
   const content = SelectedComponent ? /* @__PURE__ */ jsx(SelectedComponent, {}) : children;
   return /* @__PURE__ */ jsx(ThemeProvider, { theme, children: /* @__PURE__ */ jsx(
     SimpleSidebar,
@@ -3658,10 +3686,14 @@ function ChatGPTSimulator({
           {
             value: selectedKey,
             onChange: (value) => setSelectedKey(value),
-            options: simulations.map((sim) => ({
-              value: sim.value,
-              label: sim.label
-            }))
+            options: simulations.map((sim) => {
+              const resourceTitle = sim.resource.title || sim.resource.name;
+              const toolTitle = sim.tool.title || sim.tool.name;
+              return {
+                value: getSimulationKey(sim),
+                label: `${resourceTitle} ${toolTitle}`
+              };
+            })
           }
         ) }),
         /* @__PURE__ */ jsx(SidebarControl, { label: "Theme", children: /* @__PURE__ */ jsx(
@@ -3717,17 +3749,13 @@ function ChatGPTSimulator({
 export {
   ChatGPTSimulator,
   SCREEN_WIDTHS,
-  SET_GLOBALS_EVENT_TYPE,
-  SetGlobalsEvent,
   ThemeProvider,
   cn,
   getAPI,
   getGlobal,
-  getOpenAiProvider,
   getProvider,
   initMockOpenAI,
   isHoverAvailable,
-  isOpenAiAvailable,
   isPrimarilyTouchDevice,
   isProviderAvailable,
   prefersReducedMotion,