sunpeak 0.5.8 → 0.5.10

package/README.md

@@ -13,7 +13,7 @@
 [![CI](https://img.shields.io/github/actions/workflow/status/Sunpeak-AI/sunpeak/ci.yml?branch=main&style=flat-square&label=CI)](https://github.com/Sunpeak-AI/sunpeak/actions)
 [![License](https://img.shields.io/npm/l/sunpeak.svg?style=flat-square)](https://github.com/Sunpeak-AI/sunpeak/blob/main/LICENSE)
 [![TypeScript](https://img.shields.io/badge/TypeScript-5.6-blue?style=flat-square&logo=typescript)](https://www.typescriptlang.org/)
-[![React](https://img.shields.io/badge/React-18%20%7C%2019-blue?style=flat-square&logo=react)](https://reactjs.org/)
+[![React](https://img.shields.io/badge/React-19-blue?style=flat-square&logo=react)](https://reactjs.org/)
 
 The MCP App SDK.
 
@@ -29,7 +29,7 @@ Quickstart, build, and test your ChatGPT App locally with OpenAI apps-sdk-ui Rea
   </a>
 </div>
 
-## Quickstart 
+## Quickstart
 
 ### New Projects
 
@@ -42,6 +42,7 @@ pnpm dlx sunpeak new
 To add sunpeak to an existing project, refer to the [documentation](https://docs.sunpeak.ai/add-to-existing-project).
 
 ## Key Features
+
 - 📺 [ChatGPT simulator](https://docs.sunpeak.ai/library/chatgpt-simulator) for local UI component development.
 - 📚 [Pre-built component library](https://docs.sunpeak.ai/template/ui-components) built on [openai/apps-sdk-ui](https://github.com/openai/apps-sdk-ui).
 - 📱 [Multi-platform interface](https://docs.sunpeak.ai/library/multi-platform-apis) for portable MCP UI App development.
@@ -49,9 +50,10 @@ To add sunpeak to an existing project, refer to the [documentation](https://docs
 - 🧪 [Testing framework](https://docs.sunpeak.ai/guides/testing) that replicates advanced ChatGPT behavior locally.
 
 ## Example Component
+
 ```tsx
-import "./styles/globals.css";
-import { Card } from "./components/card";
+import './styles/globals.css';
+import { Card } from './components/card';
 
 export default function App() {
   return (
@@ -60,8 +62,8 @@ export default function App() {
       imageAlt="Lady Bird Lake"
       header="Lady Bird Lake"
       metadata="⭐ 4.5 • Austin, TX"
-      button1={{ children: "Visit", isPrimary: true, onClick: () => {} }}
-      button2={{ children: "Learn More", onClick: () => {} }}
+      button1={{ children: 'Visit', isPrimary: true, onClick: () => {} }}
+      button2={{ children: 'Learn More', onClick: () => {} }}
     >
       Scenic lake perfect for kayaking, paddleboarding, and trails.
     </Card>
@@ -75,12 +77,12 @@ sunpeak is an npm package consisting of:
 
 1. **A CLI utility** for working with sunpeak (`./bin`).
 2. **A templated npm package** (`./template`). This template includes:
-    1. Project scaffold - Complete development setup with build, test, and dev tooling.
-    2. Pre-built UI components - Production-ready components following ChatGPT design guidelines.
+   1. Project scaffold - Complete development setup with build, test, and dev tooling.
+   2. Pre-built UI components - Production-ready components following ChatGPT design guidelines.
 3. **The `sunpeak` library** (`./src`). This library contains:
-    1. Multi-platform APIs - Abstraction layer for future platform support (Gemini, Claude).
-    2. ChatGPT simulator - Local development environment replicating ChatGPT's widget runtime.
-    3. MCP server - View local widgets in the real ChatGPT.
+   1. Multi-platform APIs - Abstraction layer for future platform support (Gemini, Claude).
+   2. ChatGPT simulator - Local development environment replicating ChatGPT's widget runtime.
+   3. MCP server - View local widgets in the real ChatGPT.
 
 ## Contributing
 

package/bin/sunpeak.js

@@ -21,7 +21,7 @@ async function init(projectName) {
   if (!projectName) {
     projectName = await prompt('☀️ 🏔️ Project name [my-app]: ');
     if (!projectName) {
-      projectName = 'my-app'
+      projectName = 'my-app';
     }
   }
 
@@ -48,7 +48,7 @@ async function init(projectName) {
     filter: (src) => {
       const name = basename(src);
       return name !== 'node_modules' && name !== 'pnpm-lock.yaml';
-    }
+    },
   });
 
   // Read sunpeak version from root package.json
@@ -78,7 +78,7 @@ See README.md for more details.
 `);
 }
 
-const [,, command, ...args] = process.argv;
+const [, , command, ...args] = process.argv;
 
 if (command === 'new') {
   init(args[0]);

package/dist/chatgpt/mock-openai.d.ts

@@ -40,8 +40,15 @@ declare class MockOpenAI implements OpenAiAPI, OpenAiGlobals {
     notifyIntrinsicHeight(height: number): void;
     setWidgetState(state: Record<string, unknown>): Promise<void>;
     setTheme(theme: Theme): void;
+    setUserAgent(userAgent: OpenAiGlobals['userAgent']): void;
+    setLocale(locale: string): void;
+    setMaxHeight(maxHeight: number): void;
     setDisplayMode(displayMode: DisplayMode): void;
+    setSafeArea(safeArea: OpenAiGlobals['safeArea']): void;
+    setView(view: View | null): void;
+    setToolInput(toolInput: Record<string, unknown>): void;
     setToolOutput(toolOutput: Record<string, unknown> | null): void;
+    setToolResponseMetadata(toolResponseMetadata: Record<string, unknown> | null): void;
     setWidgetStateExternal(widgetState: Record<string, unknown> | null): void;
     emitUpdate(globals: Partial<OpenAiGlobals>): void;
 }

package/dist/chatgpt/simple-sidebar.d.ts

@@ -9,6 +9,12 @@ interface SidebarControlProps {
     children: React.ReactNode;
 }
 export declare function SidebarControl({ label, children }: SidebarControlProps): import("react/jsx-runtime").JSX.Element;
+interface SidebarCollapsibleControlProps {
+    label: string;
+    children: React.ReactNode;
+    defaultCollapsed?: boolean;
+}
+export declare function SidebarCollapsibleControl({ label, children, defaultCollapsed, }: SidebarCollapsibleControlProps): import("react/jsx-runtime").JSX.Element;
 interface SidebarSelectProps {
     value: string;
     onChange: (value: string) => void;
@@ -19,4 +25,36 @@ interface SidebarSelectProps {
     placeholder?: string;
 }
 export declare function SidebarSelect({ value, onChange, options, placeholder }: SidebarSelectProps): import("react/jsx-runtime").JSX.Element;
+interface SidebarInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    type?: 'text' | 'number';
+}
+export declare function SidebarInput({ value, onChange, placeholder, type }: SidebarInputProps): import("react/jsx-runtime").JSX.Element;
+interface SidebarCheckboxProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    label: string;
+}
+export declare function SidebarCheckbox({ checked, onChange, label }: SidebarCheckboxProps): import("react/jsx-runtime").JSX.Element;
+interface SidebarTextareaProps {
+    value: string;
+    onChange: (value: string) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    placeholder?: string;
+    rows?: number;
+    error?: string;
+}
+export declare function SidebarTextarea({ value, onChange, onFocus, onBlur, placeholder, rows, error, }: SidebarTextareaProps): import("react/jsx-runtime").JSX.Element;
+interface SidebarToggleProps {
+    value: string;
+    onChange: (value: string) => void;
+    options: Array<{
+        value: string;
+        label: string;
+    }>;
+}
+export declare function SidebarToggle({ value, onChange, options }: SidebarToggleProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/chatgpt/theme-provider.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
-type Theme = "light" | "dark";
+import * as React from 'react';
+type Theme = 'light' | 'dark';
 type ThemeProviderProps = {
     children: React.ReactNode;
     defaultTheme?: Theme;