sunpeak 0.4.4 → 0.5.3

package/template/src/components/apps/AlbumsApp.tsx

@@ -1,13 +0,0 @@
-import * as React from "react"
-import { Albums } from "../album"
-
-/**
- * Production-ready Albums App
- *
- * This app displays photo albums in a carousel layout with fullscreen viewing capability.
- * Can be dropped into any production environment without changes.
- */
-export const AlbumsApp = React.forwardRef<HTMLDivElement>((_props, ref) => {
-  return <Albums ref={ref} />
-})
-AlbumsApp.displayName = "AlbumsApp"

package/template/src/components/apps/active-app.ts

@@ -1,11 +0,0 @@
-/**
- * Active app selection - SINGLE SOURCE OF TRUTH
- *
- * 👇 CHANGE THIS LINE to switch which app is active for the:
- * - ChatGPT build (index.chatgpt.tsx)
- * - MCP server (server.ts)
- */
-
-export type AppName = 'app' | 'albums' | 'carousel';
-
-export const ACTIVE_APP: AppName = 'app';

package/template/src/components/apps/index.ts

@@ -1,3 +0,0 @@
-export { App } from './App';
-export { AlbumsApp } from './AlbumsApp';
-export { PlacesApp, type Place, type PlacesData } from './PlacesApp';

package/template/src/index.chatgpt.tsx

@@ -1,9 +0,0 @@
-import { createRoot } from 'react-dom/client';
-import { ActiveComponent as ActiveApp } from './simulations/simulations';
-
-// Mount the active app
-// To switch apps, edit ACTIVE_APP in components/apps/active-app.ts
-const root = document.getElementById('root');
-if (root) {
-  createRoot(root).render(<ActiveApp />);
-}

package/template/src/index.ts

@@ -1,2 +0,0 @@
-export * from './components';
-export * from './lib';

package/template/src/simulations/app-configs.ts

@@ -1,30 +0,0 @@
-/**
- * Server-safe app configurations
- *
- * This file contains only metadata and can be safely imported in Node.js contexts
- * (like MCP servers) without causing issues with CSS imports or React components.
- *
- * To switch apps, change ACTIVE_APP in components/apps/active-app.ts
- */
-
-import { ACTIVE_APP } from '../components/apps/active-app';
-import { appSimulationConfig } from './app-simulation';
-import { albumsSimulationConfig } from './albums-simulation';
-import { carouselSimulationConfig } from './carousel-simulation';
-
-/**
- * Server-safe config map - contains only metadata, no React components
- */
-export const CONFIG_MAP = {
-  app: appSimulationConfig,
-  albums: albumsSimulationConfig,
-  carousel: carouselSimulationConfig,
-} as const;
-
-export type AppName = keyof typeof CONFIG_MAP;
-
-// Re-export for convenience
-export { ACTIVE_APP };
-
-// Active config for server use
-export const activeConfig = CONFIG_MAP[ACTIVE_APP];

package/template/src/simulations/app-simulation.ts

@@ -1,15 +0,0 @@
-/**
- * Server-safe configuration for the app simulation.
- * This file contains only metadata and doesn't import React components or CSS.
- */
-export const appSimulationConfig = {
-  appName: 'sunpeak',
-  value: 'app',
-  label: 'My App',
-  appIcon: '🏗️',
-  userMessage: 'What do you have for me today?',
-  toolOutput: null,
-  widgetState: null,
-  toolName: 'show-app',
-  toolDescription: 'Show the Sunpeak app',
-} as const;

package/template/src/simulations/simulations.ts

@@ -1,74 +0,0 @@
-/**
- * Simulations - combines apps with their simulation configs
- *
- * This file creates simulations by pairing production-ready apps with their
- * server-safe configs. Each simulation is used for development and testing.
- *
- * IMPORTANT: This file imports React components and CSS. Do not import this
- * in Node.js/MCP server contexts. Use app-configs.ts instead.
- *
- * To switch apps, change ACTIVE_APP in components/apps/active-app.ts
- */
-
-import type { Simulation } from "sunpeak"
-import type { ComponentType } from "react"
-import { App } from "../components/apps/App"
-import { AlbumsApp } from "../components/apps/AlbumsApp"
-import { PlacesApp } from "../components/apps/PlacesApp"
-import { CONFIG_MAP, ACTIVE_APP } from "./app-configs"
-
-export const appSimulation: Simulation = {
-  ...CONFIG_MAP.app,
-  component: App,
-}
-
-export const albumsSimulation: Simulation = {
-  ...CONFIG_MAP.albums,
-  component: AlbumsApp,
-}
-
-export const carouselSimulation: Simulation = {
-  ...CONFIG_MAP.carousel,
-  component: PlacesApp,
-}
-
-export const simulations = [
-  appSimulation,
-  carouselSimulation,
-  albumsSimulation,
-]
-
-/**
- * Static map from simulation name to simulation config and component
- */
-export const APP_MAP = {
-  app: {
-    config: CONFIG_MAP.app,
-    component: App,
-    simulation: appSimulation,
-  },
-  albums: {
-    config: CONFIG_MAP.albums,
-    component: AlbumsApp,
-    simulation: albumsSimulation,
-  },
-  carousel: {
-    config: CONFIG_MAP.carousel,
-    component: PlacesApp,
-    simulation: carouselSimulation,
-  },
-} as const satisfies Record<string, {
-  config: typeof CONFIG_MAP[keyof typeof CONFIG_MAP];
-  component: ComponentType;
-  simulation: Simulation;
-}>;
-
-export type AppName = keyof typeof APP_MAP;
-
-// Re-export for convenience
-export { ACTIVE_APP, CONFIG_MAP };
-
-// Derived exports for convenience
-export const activeSimulation = APP_MAP[ACTIVE_APP].simulation;
-export const activeConfig = APP_MAP[ACTIVE_APP].config;
-export const ActiveComponent = APP_MAP[ACTIVE_APP].component;