codesandbox
diff --git a/‎demo/.gitignore‎
Lines changed: 24 additions & 0 deletions b/‎demo/.gitignore‎
Lines changed: 24 additions & 0 deletions
diff --git a/‎demo/README.md‎
Lines changed: 59 additions & 0 deletions b/‎demo/README.md‎
Lines changed: 59 additions & 0 deletions
diff --git a/‎demo/index.html‎
Lines changed: 13 additions & 0 deletions b/‎demo/index.html‎
Lines changed: 13 additions & 0 deletions
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
@@ -0,0 +1,59 @@
+# CodeSandbox SDK Demo
+
+This is a demo application showcasing the CodeSandbox SDK with an Express server running Vite middleware in a single process.
+
+## Architecture
+
+The demo uses a TypeScript Express server that integrates Vite as middleware, providing:
+- **API routes** for backend functionality
+- **Vite dev server** for hot module replacement and frontend serving
+- **Single process** - no need to run separate frontend/backend servers
+
+## Setup
+
+1. Build the SDK from the root directory:
+   ```bash
+   npm run build
+   ```
+
+2. Install demo dependencies:
+   ```bash
+   cd demo
+   npm install
+   ```
+
+3. Run the demo:
+   ```bash
+   npm run dev
+   ```
+
+This will start the server at `http://localhost:3000` with both API routes and the Vite frontend.
+
+## Available Scripts
+
+- `npm run dev` - Start the TypeScript server with Vite middleware
+- `npm run build` - Build the frontend for production
+- `npm run preview` - Preview production build
+
+## Usage
+
+### Frontend (Vite + React)
+
+The demo app imports the SDK from the local build using:
+
+```typescript
+import CodeSandbox from '@codesandbox/sdk'
+```
+
+You can modify `src/App.tsx` to add your SDK demo code.
+
+### Backend (Express + Vite Middleware)
+
+The Express server (`server.ts`) provides:
+
+- API routes (mounted before Vite middleware):
+  - `GET /api/health` - Health check endpoint
+  - `GET /api/example` - Example API endpoint
+- Vite middleware for serving the frontend with HMR
+
+Add your custom API routes in `server.ts` before the Vite middleware setup to support your SDK demo needs (like handling API keys, proxying requests, etc.).
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>CodeSandbox SDK Demo</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>