@spree/cli 2.4.9 → 3.0.0

package/dist/templates/dashboard-starter/vite.config.ts

@@ -27,9 +27,18 @@ export default defineConfig(({ mode }) => {
     // target, not VITE_SPREE_API_URL — that switches the SDK to absolute
     // cross-origin URLs and bypasses this proxy (see .env.example).
     server: {
+      // Reachable from a phone on the same network (`vite --host`) or through
+      // a tunnel: Vite otherwise rejects any request whose Host header it does
+      // not recognise. Dev server only — this file is not used for builds.
+      allowedHosts: ['.localhost', '.trycloudflare.com', '.ngrok-free.app'],
       proxy: {
-        '/api': { target: proxyTarget, changeOrigin: true },
-        '/rails': { target: proxyTarget, changeOrigin: true },
+        // `secure: false`: the worktree's Rails URL is served by portless
+        // behind a self-signed certificate, which Node refuses by default —
+        // the proxy fails with "self-signed certificate in certificate
+        // chain". Scoped to these two dev-only proxy routes rather than
+        // disabling TLS verification for the whole process.
+        '/api': { target: proxyTarget, changeOrigin: true, secure: false },
+        '/rails': { target: proxyTarget, changeOrigin: true, secure: false },
       },
     },
   }

package/dist/templates/seller-dashboard-starter/.env.example

@@ -0,0 +1,7 @@
+# The Rails server the dev proxy forwards /api to. The panel stays same-origin
+# with the API in dev, which is what lets the seller refresh cookie ride under
+# SameSite=Lax without HTTPS.
+#
+# Do NOT set VITE_SPREE_API_URL here — it switches the SDK to absolute
+# cross-origin URLs and bypasses this proxy.
+VITE_API_PROXY_TARGET=http://localhost:3000

package/dist/templates/seller-dashboard-starter/biome.json

@@ -0,0 +1,60 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.4.13/schema.json",
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true,
+      "correctness": {
+        "noUnusedImports": "warn",
+        "noUnusedVariables": "warn"
+      },
+      "suspicious": {
+        "noExplicitAny": "off"
+      },
+      "style": {
+        "noNonNullAssertion": "off"
+      }
+    }
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineWidth": 100
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "single",
+      "semicolons": "asNeeded"
+    }
+  },
+  "css": {
+    "linter": {
+      "enabled": false
+    },
+    "formatter": {
+      "enabled": false
+    }
+  },
+  "assist": {
+    "actions": {
+      "source": {
+        "organizeImports": "on"
+      }
+    }
+  },
+  "files": {
+    "includes": [
+      "src/**",
+      "*.ts",
+      "index.html",
+      "!src/routeTree.gen.ts",
+      "!src/**/*.css"
+    ]
+  }
+}

package/dist/templates/seller-dashboard-starter/gitignore.template

@@ -0,0 +1,3 @@
+dist
+node_modules
+.env.local

package/dist/templates/seller-dashboard-starter/index.html

@@ -0,0 +1,27 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Spree Seller Panel</title>
+  </head>
+  <body>
+    <script>
+      (() => {
+        try {
+          const stored = localStorage.getItem('spree-admin-theme');
+          const mode = stored === 'light' || stored === 'dark' ? stored : 'system';
+          const dark =
+            mode === 'dark' ||
+            (mode === 'system' && window.matchMedia('(prefers-color-scheme: dark)').matches);
+          if (dark) document.documentElement.classList.add('dark');
+          document.documentElement.style.colorScheme = dark ? 'dark' : 'light';
+        } catch (_) {
+          /* localStorage unavailable */
+        }
+      })();
+    </script>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/dist/templates/seller-dashboard-starter/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@spree/seller-dashboard-starter",
+  "private": true,
+  "license": "MIT",
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "typecheck": "tsc --noEmit",
+    "lint": "biome check .",
+    "lint:fix": "biome check --fix ."
+  },
+  "dependencies": {
+    "@spree/seller-dashboard": "^1.0.0-beta.1",
+    "@spree/seller-sdk": "^1.0.0-beta.1",
+    "@tanstack/react-query": "^5.100.9",
+    "@tanstack/react-router": "^1.169.2",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "^2.4.14",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.1",
+    "typescript": "~6.0.3",
+    "vite": "^8.0.16"
+  },
+  "packageManager": "pnpm@11.13.1"
+}

package/dist/templates/seller-dashboard-starter/pnpm-workspace.yaml

@@ -0,0 +1,11 @@
+packages:
+  - '.'
+# Image rebuilds re-install the committed lockfile verbatim — without this,
+# pnpm 11's supply-chain re-validation (minimumReleaseAge) fails any build
+# whose lockfile references <24h-old packages you intentionally installed.
+# Fresh resolution on your machine still honors the age gate.
+trustLockfile: true
+# Spree's own releases shouldn't wait out the age gate — an upgrade right
+# after a Spree release would otherwise fail for a day.
+minimumReleaseAgeExclude:
+  - '@spree/*'

package/dist/templates/seller-dashboard-starter/src/main.tsx

@@ -0,0 +1,29 @@
+import { createSellerApiClient, createSellerRouter, SellerDashboard } from '@spree/seller-dashboard'
+import { createRoot } from 'react-dom/client'
+import './styles.css'
+// Generated by @spree/seller-dashboard/vite on every dev start and build.
+// Commit it — its diff on upgrades shows exactly which pages changed.
+// Activate installed seller-panel plugins — synthesized by the Vite plugin
+// from your package.json deps. `pnpm add <plugin>` + dev-server restart is
+// the whole install; this line never changes.
+import 'virtual:spree-dashboard-plugins'
+// Your own customisations (nav entries, slot widgets, table columns).
+import './plugins'
+import { routeTree } from './routeTree.gen'
+
+// Build the Seller API client and register it with the shared framework
+// before anything renders: the providers read it on mount.
+createSellerApiClient({ baseUrl: import.meta.env.VITE_SPREE_API_URL || '' })
+
+// basepath mirrors Vite's `base` so sub-path mounts route correctly.
+const router = createSellerRouter(routeTree, { basepath: import.meta.env.BASE_URL })
+
+// Registers the router program-wide so <Link> and navigation are type-checked
+// against the real route tree.
+declare module '@tanstack/react-router' {
+  interface Register {
+    router: typeof router
+  }
+}
+
+createRoot(document.getElementById('root')!).render(<SellerDashboard router={router} />)

package/dist/templates/seller-dashboard-starter/src/plugins.ts

@@ -0,0 +1,30 @@
+// Seller panel customisations for this marketplace.
+//
+// The seller panel is the part of a marketplace most often shaped to fit —
+// but shaping it should mean adding and removing, not rewriting. Register
+// nav entries, slot widgets and table columns against the shared registries
+// here, the same API distributed plugins use. Imported once from main.tsx,
+// before the panel renders.
+//
+// Example — add a payouts page and drop the built-in team screen:
+//
+//   import { defineDashboardPlugin } from '@spree/seller-dashboard'
+//   import { PayoutsPage } from './pages/payouts'
+//
+//   defineDashboardPlugin({
+//     nav: {
+//       add: [{ key: 'payouts', label: 'Payouts', path: '/payouts', position: 300 }],
+//       remove: ['team'],
+//     },
+//     slots: {
+//       'seller.team.after': [{ id: 'audit', component: TeamAuditCard }],
+//     },
+//   })
+//
+// Slots the built-in screens expose: `seller.team.actions`, `seller.team.after`.
+//
+// Building custom pages? Add the framework and design-system packages first —
+// `pnpm add @spree/dashboard-core @spree/dashboard-ui` — then import hooks,
+// providers, and UI primitives from those.
+
+export {}