sproutkit-code 0.13.0 → 0.14.0

package/dist/index.js

@@ -79756,7 +79756,8 @@ var require_builder = __commonJS({
       }
     }
     async function buildAndDeploySite(args) {
-      const { lead, anthropicKey, vercelToken, placesKey, customInstructions, onProgress, includeCms, blobToken, reuseAdminPassword, skipContentExtraction } = args;
+      const { lead, anthropicKey, vercelToken, placesKey, customInstructions, onProgress, includeCms, blobToken, reuseAdminPassword, skipContentExtraction, multipage, pages } = args;
+      const pageList = multipage && (!pages || pages.length === 0) ? ["Home", "Services", "About", "Contact"] : pages ?? [];
       if (includeCms && !blobToken) {
         throw new Error("CMS is enabled but no Vercel Blob token is set. Add it in Settings \u2192 Vercel Blob token.");
       }
@@ -79913,11 +79914,24 @@ SECTIONS (in this order)
 6. REVIEWS \u2014 display the real reviews above as testimonial cards with the customer's name and stars
 7. CONTACT \u2014 address, phone, hours in a clear card. Map embed NOT required.
 8. FOOTER \u2014 simple, business name + address + a final "Built with Sproutkit \xB7 sproutkit.app" line in muted text
+${multipage ? `
+\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+MULTIPAGE (REQUIRED) \u2014 real separate pages, not one long scroll
+\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+Build a MULTI-PAGE site using react-router-dom's HashRouter (import { HashRouter, Routes, Route, Link, useNavigate } from "react-router-dom"). HashRouter is REQUIRED (not BrowserRouter) so routes work on static hosting without server config.
 
+Pages (one <Route> each), with a persistent sticky NAV linking between them via <Link>:
+${pageList.map((p, i) => `  ${i + 1}. ${p}`).join("\n")}
+
+- Home: hero + a short intro + 2-3 teaser sections that link through to the other pages.
+- Distribute the sections above across the pages sensibly (e.g. Services page = full services; About = the about/story + reviews; Contact = address/phone/hours/CTA). Don't cram everything onto Home.
+- The whole thing is STILL one App.jsx exporting a single default App component that renders <HashRouter>\u2026</HashRouter>. Define each page as a component in the same file.
+- Nav must be present on every page and highlight the active route. Include the phone/Book CTA in the nav.
+` : ""}
 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
 TECHNICAL REQUIREMENTS
 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-- Single React component in App.jsx, exported as default
+- Single React component in App.jsx, exported as default${multipage ? " (it renders <HashRouter> with the pages above; define page components in the same file)" : ""}
 - Inline styles ONLY (no Tailwind, no CSS files, no external UI libs)
 - Mobile-responsive (test mental model: 375px wide must look great)
 - Use this constant for photos: const PHOTOS = REPLACE_PHOTOS;
@@ -79928,7 +79942,7 @@ TECHNICAL REQUIREMENTS
 - Phone CTA button: <a href="tel:${lead.phone}">
 - WhatsApp option: <a href="https://wa.me/${lead.phone.replace(/[^0-9]/g, "").replace(/^0/, "44")}">
 - Final line MUST be: export default App;
-- Keep it focused: max 350 lines, no unused code
+- Keep it focused: max ${multipage ? 700 : 350} lines, no unused code
 ${includeCms ? `
 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
 CMS INTEGRATION (MANDATORY when this brief mentions it)
@@ -80063,13 +80077,16 @@ ${prompt}` : prompt;
 import { createRoot } from 'react-dom/client';
 import App from './App.jsx';
 createRoot(document.getElementById('root')).render(<StrictMode><App /></StrictMode>);`;
+      const baseDeps = { react: "^18.3.1", "react-dom": "^18.3.1" };
+      if (multipage)
+        baseDeps["react-router-dom"] = "^6.26.2";
       const packageJson = JSON.stringify({
         name: "sprout-demo",
         private: true,
         version: "0.0.1",
         type: "module",
         scripts: { build: "vite build", dev: "vite" },
-        dependencies: { react: "^18.3.1", "react-dom": "^18.3.1" },
+        dependencies: { ...baseDeps },
         devDependencies: { "@vitejs/plugin-react": "^4.3.1", vite: "^5.4.2" }
       });
       const viteConfig = `import { defineConfig } from 'vite';
@@ -80086,8 +80103,7 @@ export default defineConfig({ plugins: [react()] });`;
         type: "module",
         scripts: { build: "vite build", dev: "vite" },
         dependencies: {
-          react: "^18.3.1",
-          "react-dom": "^18.3.1",
+          ...baseDeps,
           "@vercel/blob": "^0.23.4",
           bcryptjs: "^2.4.3"
         },
@@ -81126,6 +81142,10 @@ var require_chat_tools = __commonJS({
             includeCms: {
               type: "boolean",
               description: "When true, deploy the site WITH a /admin CMS editor on the customer's own domain. The site becomes editable by the business owner via a password. Requires a Vercel Blob token to be configured in Settings. Returns an admin URL + password to hand off."
+            },
+            multipage: {
+              type: "boolean",
+              description: "When true, build a MULTI-PAGE site (Home/Services/About/Contact as real routed pages with a nav) instead of a single long-scroll page. Use when the user asks for a multipage site or a bigger site with separate pages."
             }
           },
           required: ["id"]
@@ -81254,6 +81274,7 @@ var require_chat_tools = __commonJS({
           placesKey,
           customInstructions: args.instructions,
           includeCms: args.includeCms,
+          multipage: args.multipage,
           blobToken,
           onProgress: (msg) => args.ctx.emitProgress?.({
             channel: "sites:progress",
@@ -81490,6 +81511,7 @@ Interested?`;
             id,
             instructions: input.instructions,
             includeCms: !!input.includeCms,
+            multipage: !!input.multipage,
             ctx
           });
           return { ...result, id };
@@ -81503,7 +81525,12 @@ Interested?`;
               error: "Please ask the user what they want changed before regenerating \u2014 instructions are required."
             };
           }
-          const result = await buildSiteForChat({ id, instructions, ctx });
+          const result = await buildSiteForChat({
+            id,
+            instructions,
+            multipage: !!input.multipage,
+            ctx
+          });
           return { ...result, id };
         }
         case "build_all_sites": {
@@ -82565,7 +82592,7 @@ var require_package = __commonJS({
   "package.json"(exports2, module2) {
     module2.exports = {
       name: "sproutkit-code",
-      version: "0.13.0",
+      version: "0.14.0",
       description: "Sproutkit in your terminal \u2014 find leads, build sites, run outreach, all via chat.",
       bin: {
         sproutkit: "./dist/index.js"
@@ -83714,7 +83741,8 @@ async function cmdBuild(argv) {
       {
         id,
         instructions: flags.instructions ? String(flags.instructions) : void 0,
-        includeCms: !!flags.cms
+        includeCms: !!flags.cms,
+        multipage: !!flags.multipage
       },
       makeCtx({ json, status })
     );
@@ -83784,7 +83812,7 @@ async function cmdRegenerate(argv) {
   try {
     const result = await runTool(
       "regenerate_site",
-      { id, instructions },
+      { id, instructions, multipage: !!flags.multipage },
       makeCtx({ json, status })
     );
     if (result && result.ok === false) {
@@ -83961,7 +83989,7 @@ When a request is missing information the command needs, ask a SHORT, STRUCTURED
 COMMANDS:
 - sproutkit find "<area>" --categories "<type>,<type>" --json   \u2014 find website-less leads
 - sproutkit list --json [--status <s>] [--city <c>]             \u2014 list leads (get ids)
-- sproutkit build <id> --json [--instructions "..."] [--cms]    \u2014 build a demo site
+- sproutkit build <id> --json [--instructions "..."] [--cms] [--multipage]  \u2014 build a demo site (--multipage = real Home/Services/About/Contact pages, not one scroll)
 - sproutkit build-all --json [--ids 3,5] [--concurrency 3]      \u2014 build many at once
 - sproutkit regenerate <id> --instructions "..." --json         \u2014 rebuild an existing site with changes
 - sproutkit cms <id> --json                                     \u2014 add the editable CMS on top of the site we built them
@@ -84220,7 +84248,7 @@ async function main() {
       say(c.bold("  Commands (type with or without a leading /):"));
       say(`    ${c.greenBold("find")} "<area>" --categories "cafe,barber"    find website-less leads`);
       say(`    ${c.greenBold("list")} [--status <s>] [--city <c>]           list leads (get ids)`);
-      say(`    ${c.greenBold("build")} <id> [--instructions "\u2026"] [--cms]     build a demo site`);
+      say(`    ${c.greenBold("build")} <id> [--instructions "\u2026"] [--cms] [--multipage]   build a demo site`);
       say(`    ${c.greenBold("build-all")} [--ids 3,5] [--concurrency 3]     build many at once`);
       say(`    ${c.greenBold("regenerate")} <id> --instructions "\u2026"         rebuild a site with changes`);
       say(`    ${c.greenBold("cms")} <id>                                   add the editable CMS to a built site`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sproutkit-code",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "description": "Sproutkit in your terminal — find leads, build sites, run outreach, all via chat.",
   "bin": {
     "sproutkit": "./dist/index.js"