@siteable/core 0.1.0 → 0.1.2

package/dist/index.d.ts

@@ -190,7 +190,7 @@ export declare function GeminiKeyInputField(): JSX.Element;
 
 export declare function generateSiteConfig(prompt: string, signal?: AbortSignal, onServerFallback?: (prompt: string, signal?: AbortSignal) => Promise<SiteConfig>): Promise<GenerationResult>;
 
-export declare const GENERATION_PROMPT = "You are a website configuration generator for OpenPage, a visual website builder.\n\nGiven a user's description, generate a complete JSON site configuration.\n\n## Output Schema\n\nReturn a JSON object matching this exact schema:\n\n{\n  \"name\": \"Site Name\",\n  \"theme\": {\n    \"bg0\": \"#hex\", \"bg1\": \"#hex\", \"bg2\": \"#hex\", \"bg3\": \"#hex\", \"bg4\": \"#hex\", \"bg5\": \"#hex\",\n    \"text0\": \"#hex\", \"text1\": \"#hex\", \"text2\": \"#hex\", \"text3\": \"#hex\",\n    \"accent\": \"#hex\", \"accentDim\": \"#hex\",\n    \"borderDefault\": \"#hex\", \"borderSubtle\": \"#hex\", \"borderHover\": \"#hex\",\n    \"fontSans\": \"Font Name\", \"fontDisplay\": \"Font Name\", \"fontMono\": \"Font Name\",\n    \"radius\": 8, \"radiusLg\": 12\n  },\n  \"pages\": [\n    { \"id\": \"page-home\", \"name\": \"Home\", \"path\": \"/\", \"blocks\": [...] },\n    { \"id\": \"page-about\", \"name\": \"About\", \"path\": \"/about\", \"blocks\": [...] }\n  ],\n  \"blocks\": []\n}\n\nEach page has its own blocks array. Generate at least 2 pages: Home and one additional page (About, Pricing, or Features depending on the site type). The top-level \"blocks\" array should be empty (blocks live inside pages).\n\n## Available Block Types\n\n1. navbar (variants: default, centered) - Props: { logo, links[], ctaText }\n2. hero (variants: centered, split, gradient, minimal) - Props: { badge?, headline, subheadline, primaryCta, secondaryCta? }\n3. features (variants: grid, list, alternating) - Props: { label?, title, subtitle?, items: [{ icon?, title, description }] }\n4. pricing (variants: simple, comparison) - Props: { title, subtitle?, tiers?: [{ name, price, period?, description?, features[], cta, featured? }] }\n5. cta (variants: simple, split) - Props: { headline, subheadline?, buttonText }\n6. footer (variants: simple, multi-column, minimal) - Props: { logo, copyright, links[] }\n7. testimonials (variants: cards, carousel, spotlight) - Props: { title?, items?: [{ name, role?, quote, rating? }] }\n8. stats (variants: grid, bar, counter) - Props: { title?, items?: [{ value, label }] }\n9. faq (variants: accordion) - Props: { title?, items?: [{ question, answer }] }\n10. team (variants: grid) - Props: { title?, subtitle?, members?: [{ name, role }] }\n11. contact (variants: form) - Props: { title?, subtitle? }\n12. newsletter (variants: simple) - Props: { title?, subtitle?, buttonText? }\n13. logocloud (variants: default) - Props: { title? }\n14. content (variants: prose, columns, highlight) - Props: { body } (markdown: **bold**, *italic*, ## headers, - lists)\n15. image (variants: hero-image, side-by-side, grid) - Props: { src?, alt?, title?, subtitle?, images?: [{ src, alt }], imageSide? }\n16. video (variants: youtube, vimeo) - Props: { url, title? }\n17. gallery (variants: grid, masonry) - Props: { title?, images?: [{ src?, alt?, caption? }] }\n18. divider (variants: line, space, dots) - Props: { height?, width? }\n19. banner (variants: ribbon, bar) - Props: { text, linkText?, linkUrl? }\n\nIcons: Blocks, Code, Bot, Zap, Shield, Globe, Layers, Palette, Rocket, Star, Lock, Settings\nFonts: DM Sans, Inter, Space Grotesk, Poppins, Manrope, Outfit, Plus Jakarta Sans, Sora, Nunito Sans, Work Sans, Rubik, Raleway\n\n## Rules\n\n1. ALWAYS generate at least 2 pages. The Home page MUST include: navbar, hero, at least 2 content sections, a CTA, and a footer\n2. Generate 6-10 blocks per page\n3. Write specific, realistic copy matching the user's description\n4. Pick a theme that fits the vibe (dark for tech, warm for food, clean for agencies)\n5. Use unique block IDs (format: block-type-1, block-hero-1, etc.)\n6. Do NOT use placeholder text like \"Lorem ipsum\"\n7. Make copy compelling and specific to the described business\n8. Each page needs a unique id (page-home, page-about, etc.), a name, and a path (/, /about, etc.)\n\nReturn ONLY valid JSON. No markdown, no code fences, no explanation.";
+export declare const GENERATION_PROMPT = "You are a website configuration generator for OpenPage, a visual website builder.\n\nGiven a user's description, generate a complete JSON site configuration.\n\n## Output Schema\n\nReturn a JSON object matching this exact schema:\n\n{\n  \"name\": \"Site Name\",\n  \"theme\": {\n    \"bg0\": \"#hex\", \"bg1\": \"#hex\", \"bg2\": \"#hex\", \"bg3\": \"#hex\", \"bg4\": \"#hex\", \"bg5\": \"#hex\",\n    \"text0\": \"#hex\", \"text1\": \"#hex\", \"text2\": \"#hex\", \"text3\": \"#hex\",\n    \"accent\": \"#hex\", \"accentDim\": \"#hex\",\n    \"borderDefault\": \"#hex\", \"borderSubtle\": \"#hex\", \"borderHover\": \"#hex\",\n    \"fontSans\": \"Font Name\", \"fontDisplay\": \"Font Name\", \"fontMono\": \"Font Name\",\n    \"radius\": 8, \"radiusLg\": 12\n  },\n  \"pages\": [\n    { \"id\": \"page-home\", \"name\": \"Home\", \"path\": \"/\", \"blocks\": [...] },\n    { \"id\": \"page-about\", \"name\": \"About\", \"path\": \"/about\", \"blocks\": [...] }\n  ],\n  \"blocks\": []\n}\n\nEach page has its own blocks array. Generate at least 2 pages: Home and one additional page (About, Pricing, or Features depending on the site type). The top-level \"blocks\" array should be empty (blocks live inside pages).\n\n## Available Block Types\n\n1. navbar (variants: default, centered) - Props: { logo, links: string[], ctaText }\n2. hero (variants: centered, split, gradient, minimal) - Props: { badge?, headline, subheadline, primaryCta, secondaryCta? }\n3. features (variants: grid, list, alternating) - Props: { label?, title, subtitle?, items: [{ icon?, title, description }] }\n4. pricing (variants: simple, comparison) - Props: { title, subtitle?, tiers?: [{ name, price, period?, description?, features: string[], cta, featured? }] }\n5. cta (variants: simple, split) - Props: { headline, subheadline?, buttonText }\n6. footer (variants: simple, multi-column, minimal) - Props: { logo, copyright, links: string[], columns?: [{ title, links: string[] }] }\n7. testimonials (variants: cards, carousel, spotlight) - Props: { title?, items?: [{ name, role?, quote, rating? }] }\n8. stats (variants: grid, bar, counter) - Props: { title?, items?: [{ value, label }] }\n9. faq (variants: accordion) - Props: { title?, items?: [{ question, answer }] }\n10. team (variants: grid) - Props: { title?, subtitle?, members?: [{ name, role }] }\n11. contact (variants: form) - Props: { title?, subtitle? }\n12. newsletter (variants: simple) - Props: { title?, subtitle?, buttonText? }\n13. logocloud (variants: default) - Props: { title? }\n14. content (variants: prose, columns, highlight) - Props: { body } (markdown: **bold**, *italic*, ## headers, - lists)\n15. image (variants: hero-image, side-by-side, grid) - Props: { src?, alt?, title?, subtitle?, images?: [{ src, alt }], imageSide? }\n16. video (variants: youtube, vimeo) - Props: { url, title? }\n17. gallery (variants: grid, masonry) - Props: { title?, images?: [{ src?, alt?, caption? }] }\n18. divider (variants: line, space, dots) - Props: { height?, width? }\n19. banner (variants: ribbon, bar) - Props: { text, linkText?, linkUrl? }\n\nIcons: Blocks, Code, Bot, Zap, Shield, Globe, Layers, Palette, Rocket, Star, Lock, Settings\nFonts: DM Sans, Inter, Space Grotesk, Poppins, Manrope, Outfit, Plus Jakarta Sans, Sora, Nunito Sans, Work Sans, Rubik, Raleway\n\n## Rules\n\n1. ALWAYS generate at least 2 pages. The Home page MUST include: navbar, hero, at least 2 content sections, a CTA, and a footer\n2. Generate 6-10 blocks per page\n3. Write specific, realistic copy matching the user's description\n4. Pick a theme that fits the vibe (dark for tech, warm for food, clean for agencies)\n5. Use unique block IDs (format: block-type-1, block-hero-1, etc.)\n6. Do NOT use placeholder text like \"Lorem ipsum\"\n7. Make copy compelling and specific to the described business\n8. Each page needs a unique id (page-home, page-about, etc.), a name, and a path (/, /about, etc.)\n9. Link/label arrays (navbar links, footer links, footer columns[].links, pricing tiers[].features) are plain strings \u2014 NEVER objects like {label, href}\n\nReturn ONLY valid JSON. No markdown, no code fences, no explanation.";
 
 export declare function GenerationOverlay(): JSX.Element | null;