2026-06-10 15:50:42 +00:00
7 changed files with 1859 additions and 0 deletions
@@ -0,0 +1,12 @@
 <!doctype html>
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>ecomm</title>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
 </html>
@@ -0,0 +1,22 @@
 {
  "name": "wiggleverse-ecomm-frontend",
  "private": true,
  "version": "0.1.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "tsc && vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "react": "^18.3.1",
    "react-dom": "^18.3.1"
  },
  "devDependencies": {
    "@types/react": "^18.3.12",
    "@types/react-dom": "^18.3.1",
    "@vitejs/plugin-react": "^4.3.4",
    "typescript": "^5.6.3",
    "vite": "^5.4.11"
  }
 }
@@ -0,0 +1,10 @@
 // SLICE-1 shell only — the Landing, Sign-in, Create-storefront, and Admin screens
 // (SD-0001 §5) land in SLICE-2/3. This proves the build and dev server work.
 export default function App() {
  return (
    <main>
      <h1>ecomm</h1>
      <p>Honest commerce. Your storefront is yours.</p>
    </main>
  );
 }
@@ -0,0 +1,9 @@
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import App from "./App";
 createRoot(document.getElementById("root")!).render(
  <StrictMode>
    <App />
  </StrictMode>,
 );
@@ -0,0 +1,17 @@
 {
  "compilerOptions": {
    "target": "ES2020",
    "useDefineForClassFields": true,
    "lib": ["ES2020", "DOM", "DOM.Iterable"],
    "module": "ESNext",
    "skipLibCheck": true,
    "moduleResolution": "bundler",
    "allowImportingTsExtensions": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx",
    "strict": true
  },
  "include": ["src"]
 }
@@ -0,0 +1,18 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
 // The SPA talks to the FastAPI backend on :8000 via a same-origin proxy, so the
 // browser makes no cross-origin calls in dev. Override the target with
 // VITE_API_TARGET when :8000 is occupied. Screen-shaped /api/* endpoints arrive in
 // SLICE-2/3 (SD-0001 §6.4).
 const apiTarget = process.env.VITE_API_TARGET || "http://localhost:8000";
 export default defineConfig({
  plugins: [react()],
  server: {
    port: 5173,
    proxy: {
      "/api": apiTarget,
    },
  },
 });