sunpeak 0.8.6 → 0.9.1

package/bin/commands/build.mjs

@@ -87,10 +87,10 @@ export async function build(projectRoot = process.cwd()) {
   const resourceFiles = readdirSync(resourcesDir)
     .filter(file => file.endsWith('-resource.tsx'))
     .map(file => {
-      // Extract kebab-case name: 'counter-resource.tsx' -> 'counter'
+      // Extract kebab-case name: 'review-resource.tsx' -> 'review'
       const kebabName = file.replace('-resource.tsx', '');
 
-      // Convert kebab-case to PascalCase: 'counter' -> 'Counter', 'my-widget' -> 'MyWidget'
+      // Convert kebab-case to PascalCase: 'review' -> 'Review', 'my-widget' -> 'MyWidget'
       const pascalName = kebabName
         .split('-')
         .map(word => word.charAt(0).toUpperCase() + word.slice(1))
@@ -107,7 +107,7 @@ export async function build(projectRoot = process.cwd()) {
 
   if (resourceFiles.length === 0) {
     console.error('Error: No resource files found in src/resources/');
-    console.error('Resource files should be named like: counter-resource.tsx');
+    console.error('Resource files should be named like: review-resource.tsx');
     process.exit(1);
   }
 

package/bin/commands/pull.mjs

@@ -111,7 +111,7 @@ Options:
 
 Examples:
   sunpeak pull -r myorg/my-app -t prod             Pull all resources tagged "prod"
-  sunpeak pull -r myorg/my-app -t prod -n counter  Pull only the "counter" resource
+  sunpeak pull -r myorg/my-app -t prod -n review   Pull only the "review" resource
   sunpeak pull -r myorg/my-app -t v1.0.0           Pull a specific version
 `);
     return;
@@ -247,7 +247,7 @@ Options:
 
 Examples:
   sunpeak pull -r myorg/my-app -t prod             Pull all resources tagged "prod"
-  sunpeak pull -r myorg/my-app -t prod -n counter  Pull only the "counter" resource
+  sunpeak pull -r myorg/my-app -t prod -n review   Pull only the "review" resource
   sunpeak pull -r myorg/my-app -t v1.0.0           Pull a specific version
 `);
       process.exit(0);

package/bin/sunpeak.js

@@ -28,7 +28,7 @@ function checkPackageJson() {
 }
 
 function parseResourcesInput(input) {
-  const VALID_RESOURCES = ['albums', 'carousel', 'counter', 'map', 'review'];
+  const VALID_RESOURCES = ['albums', 'carousel', 'map', 'review'];
 
   // If no input, return all resources
   if (!input || input.trim() === '') {
@@ -59,7 +59,6 @@ function updateIndexFiles(targetDir, selectedResources) {
   const resourceMap = {
     albums: { component: 'album', resourceClass: 'AlbumsResource' },
     carousel: { component: 'carousel', resourceClass: 'CarouselResource' },
-    counter: { component: null, resourceClass: 'CounterResource' },
     map: { component: 'map', resourceClass: 'MapResource' },
     review: { component: null, resourceClass: 'ReviewResource' },
   };
@@ -139,7 +138,7 @@ async function init(projectName, resourcesArg) {
     console.log(`☀️ 🏔️ Resources: ${resourcesArg}`);
   } else {
     resourcesInput = await prompt(
-      '☀️ 🏔️ Resources (UIs) to include [albums, carousel, counter, map, review]: '
+      '☀️ 🏔️ Resources (UIs) to include [albums, carousel, map, review]: '
     );
   }
   const selectedResources = parseResourcesInput(resourcesInput);
@@ -161,7 +160,6 @@ async function init(projectName, resourcesArg) {
   const resourceComponentMap = {
     albums: 'album',
     carousel: 'carousel',
-    counter: null, // Counter doesn't have a component directory
     map: 'map',
     review: null, // Review doesn't have a component directory
   };
@@ -177,7 +175,7 @@ async function init(projectName, resourcesArg) {
       }
 
       // Filter resource files based on selection
-      const VALID_RESOURCES = ['albums', 'carousel', 'counter', 'map', 'review'];
+      const VALID_RESOURCES = ['albums', 'carousel', 'map', 'review'];
       const excludedResources = VALID_RESOURCES.filter((r) => !selectedResources.includes(r));
 
       for (const resource of excludedResources) {
@@ -194,6 +192,10 @@ async function init(projectName, resourcesArg) {
         if (name.startsWith(`${resource}-`) && name.endsWith('-simulation.json')) {
           return false;
         }
+        // Skip e2e test files for excluded resources
+        if (src.includes('/tests/e2e/') && name === `${resource}.spec.ts`) {
+          return false;
+        }
         // Skip component directories (map resource name to component dir name)
         const componentDirName = resourceComponentMap[resource];
         if (componentDirName && src.includes('/components/') && name === componentDirName) {
@@ -416,7 +418,7 @@ Usage:
   sunpeak upgrade          Upgrade sunpeak to latest version
   sunpeak --version        Show version number
 
-  Resources: albums, carousel, counter, map, review (comma/space separated)
+  Resources: albums, carousel, map, review (comma/space separated)
   Example: sunpeak new my-app "albums,carousel"
 
 For more information, visit: https://sunpeak.ai/

package/dist/chatgpt/chatgpt-simulator.d.ts

@@ -1,9 +1,8 @@
 import { Simulation } from '../types/simulation';
 import * as React from 'react';
-type SimulationWithResource = Simulation & Required<Pick<Simulation, 'resource'>>;
 interface ChatGPTSimulatorProps {
     children?: React.ReactNode;
-    simulations?: SimulationWithResource[];
+    simulations?: Record<string, Simulation>;
     appName?: string;
     appIcon?: string;
 }

package/dist/chatgpt/index.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const simulatorUrl = require("../simulator-url-CG8lAAC3.cjs");
+exports.ChatGPTSimulator = simulatorUrl.ChatGPTSimulator;
+exports.ThemeProvider = simulatorUrl.ThemeProvider;
+exports.createSimulatorUrl = simulatorUrl.createSimulatorUrl;
+exports.initMockOpenAI = simulatorUrl.initMockOpenAI;
+exports.useThemeContext = simulatorUrl.useThemeContext;
+//# sourceMappingURL=index.cjs.map

package/dist/chatgpt/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/chatgpt/index.d.ts

@@ -1,4 +1,6 @@
 export { ChatGPTSimulator } from './chatgpt-simulator';
-export type { Simulation, SimulationCallToolResult, SimulationGlobals } from '../types/simulation';
+export type { Simulation } from '../types/simulation';
 export { initMockOpenAI } from './mock-openai';
 export * from './theme-provider';
+export { createSimulatorUrl } from './simulator-url';
+export type { SimulatorUrlParams } from './simulator-url';

package/dist/chatgpt/index.js

@@ -0,0 +1,9 @@
+import { C, T, c, i, u } from "../simulator-url-CexnaL-e.js";
+export {
+  C as ChatGPTSimulator,
+  T as ThemeProvider,
+  c as createSimulatorUrl,
+  i as initMockOpenAI,
+  u as useThemeContext
+};
+//# sourceMappingURL=index.js.map

package/dist/chatgpt/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/chatgpt/simulator-url.d.ts

@@ -0,0 +1,127 @@
+import { Theme, DisplayMode, DeviceType, ViewMode } from '../types/runtime';
+/**
+ * Strongly-typed URL parameters for the ChatGPT Simulator.
+ *
+ * Use with `createSimulatorUrl()` to generate type-safe URL paths for e2e tests.
+ *
+ * @example
+ * ```ts
+ * import { createSimulatorUrl } from 'sunpeak/chatgpt';
+ *
+ * // In e2e tests:
+ * await page.goto(createSimulatorUrl({
+ *   simulation: 'albums-show',
+ *   theme: 'dark',
+ *   displayMode: 'fullscreen',
+ * }));
+ * ```
+ */
+export interface SimulatorUrlParams {
+    /**
+     * The simulation name to load (e.g., 'albums-show', 'review-diff').
+     * Corresponds to the simulation JSON filename without the '-simulation.json' suffix.
+     */
+    simulation?: string;
+    /**
+     * The color theme for the simulator.
+     * @default 'dark'
+     */
+    theme?: Theme;
+    /**
+     * The display mode for the widget.
+     * - 'inline': Embedded in the conversation
+     * - 'pip': Picture-in-picture mode with max height
+     * - 'fullscreen': Full screen overlay
+     * @default 'inline'
+     */
+    displayMode?: DisplayMode;
+    /**
+     * The locale for the simulator (e.g., 'en-US', 'ja-JP').
+     * @default 'en-US'
+     */
+    locale?: string;
+    /**
+     * Maximum height in pixels for PiP mode.
+     * Only applicable when displayMode is 'pip'.
+     */
+    maxHeight?: number;
+    /**
+     * The device type to simulate.
+     * Affects default hover/touch capabilities.
+     */
+    deviceType?: DeviceType;
+    /**
+     * Whether the device supports hover interactions.
+     * @default true for desktop, false for mobile/tablet
+     */
+    hover?: boolean;
+    /**
+     * Whether the device supports touch interactions.
+     * @default false for desktop, true for mobile/tablet
+     */
+    touch?: boolean;
+    /**
+     * Safe area inset from the top of the screen (in pixels).
+     * Used for devices with notches or status bars.
+     */
+    safeAreaTop?: number;
+    /**
+     * Safe area inset from the bottom of the screen (in pixels).
+     * Used for devices with home indicators.
+     */
+    safeAreaBottom?: number;
+    /**
+     * Safe area inset from the left of the screen (in pixels).
+     */
+    safeAreaLeft?: number;
+    /**
+     * Safe area inset from the right of the screen (in pixels).
+     */
+    safeAreaRight?: number;
+    /**
+     * The view mode for the widget.
+     * - 'modal': Display as a modal dialog
+     * - 'default': Normal display
+     */
+    viewMode?: ViewMode;
+}
+/**
+ * Creates a URL path with query parameters for the ChatGPT Simulator.
+ *
+ * @param params - The simulator parameters to encode
+ * @param basePath - The base path for the URL (default: '/')
+ * @returns A URL path string with encoded query parameters
+ *
+ * @example
+ * ```ts
+ * // Basic usage
+ * createSimulatorUrl({ simulation: 'albums-show', theme: 'light' })
+ * // Returns: '/?simulation=albums-show&theme=light'
+ *
+ * // With display mode
+ * createSimulatorUrl({
+ *   simulation: 'review-diff',
+ *   theme: 'dark',
+ *   displayMode: 'fullscreen',
+ * })
+ * // Returns: '/?simulation=review-diff&theme=dark&displayMode=fullscreen'
+ *
+ * // With device simulation
+ * createSimulatorUrl({
+ *   simulation: 'map-show',
+ *   deviceType: 'mobile',
+ *   touch: true,
+ *   hover: false,
+ * })
+ * // Returns: '/?simulation=map-show&deviceType=mobile&touch=true&hover=false'
+ *
+ * // With safe area insets (for notch simulation)
+ * createSimulatorUrl({
+ *   simulation: 'carousel-show',
+ *   safeAreaTop: 44,
+ *   safeAreaBottom: 34,
+ * })
+ * // Returns: '/?simulation=carousel-show&safeAreaTop=44&safeAreaBottom=34'
+ * ```
+ */
+export declare function createSimulatorUrl(params: SimulatorUrlParams, basePath?: string): string;