@beforesemicolon/builder 1.8.1 → 1.8.11

package/dist/cjs/docs/templates/fading-citrus/template.config.js

@@ -1,6 +1,27 @@
-import { renderCodeBlock } from './layouts/_code-snippet.js'
+import {
+    renderCodeBlock,
+    renderCodeCopyScript,
+} from './layouts/_code-snippet.js'
+import landingHero from './layouts/landing-hero.js'
+import landingEcosystem from './layouts/landing-ecosystem.js'
+import landingFeatures from './layouts/landing-features.js'
+import landingShowcase, {
+    renderShowcaseScript,
+} from './layouts/landing-showcase.js'
+import landingInstall, {
+    renderInstallScript,
+} from './layouts/landing-install.js'
+import landingCta from './layouts/landing-cta.js'
 
 export default {
+    markdownLayouts: {
+        'landing-hero': landingHero,
+        'landing-ecosystem': landingEcosystem,
+        'landing-features': landingFeatures,
+        'landing-showcase': landingShowcase,
+        'landing-install': landingInstall,
+        'landing-cta': landingCta,
+    },
     markedOptions: {
         renderer: {
             code({ lang, raw }) {
@@ -11,4 +32,82 @@ export default {
             },
         },
     },
+    scripts: {
+        'code-copy': {
+            match: 'code-copy-btn',
+            render: renderCodeCopyScript,
+        },
+        showcase: {
+            match: 'data-fading-citrus-showcase',
+            render: renderShowcaseScript,
+        },
+        install: {
+            match: 'data-fading-citrus-install',
+            render: renderInstallScript,
+        },
+    },
+    theme: {
+        light: {
+            '--background': 'oklch(0.98 0.006 250)',
+            '--foreground': 'oklch(0.18 0.015 250)',
+            '--card': 'oklch(1 0 0)',
+            '--primary': 'oklch(0.66 0.18 45)',
+            '--primary-glow': 'oklch(0.72 0.19 50)',
+            '--primary-foreground': 'oklch(0.98 0.006 250)',
+            '--secondary': 'oklch(0.93 0.01 250)',
+            '--muted': 'oklch(0.94 0.01 250)',
+            '--muted-foreground': 'oklch(0.42 0.02 250)',
+            '--accent': 'oklch(0.58 0.16 200)',
+            '--border': 'oklch(0.86 0.018 250)',
+            '--ring': 'oklch(0.66 0.18 45)',
+            '--code-bg': 'oklch(0.16 0.015 250)',
+            '--syntax-comment': 'oklch(0.55 0.02 250)',
+            '--syntax-keyword': 'oklch(0.78 0.19 50)',
+            '--syntax-string': 'oklch(0.78 0.15 145)',
+            '--syntax-tag': 'oklch(0.72 0.16 200)',
+            '--syntax-attr': 'oklch(0.82 0.14 90)',
+            '--gradient-hero':
+                'radial-gradient(ellipse at top, oklch(0.86 0.08 45 / 0.35), transparent 60%)',
+            '--gradient-primary':
+                'linear-gradient(135deg, var(--primary), var(--primary-glow))',
+            '--gradient-text':
+                'linear-gradient(135deg, oklch(0.18 0.015 250), oklch(0.35 0.03 250))',
+            '--gradient-border':
+                'linear-gradient(135deg, oklch(0.66 0.18 45 / 0.45), oklch(0.58 0.16 200 / 0.25))',
+            '--shadow-glow': '0 0 60px -15px oklch(0.66 0.18 45 / 0.35)',
+            '--shadow-card':
+                '0 1px 0 0 oklch(1 0 0 / 0.75) inset, 0 20px 40px -20px oklch(0.18 0.015 250 / 0.18)',
+        },
+        dark: {
+            '--background': 'oklch(0.18 0.015 250)',
+            '--foreground': 'oklch(0.96 0.005 250)',
+            '--card': 'oklch(0.22 0.018 250)',
+            '--primary': 'oklch(0.74 0.18 45)',
+            '--primary-glow': 'oklch(0.78 0.19 50)',
+            '--primary-foreground': 'oklch(0.18 0.02 250)',
+            '--secondary': 'oklch(0.27 0.02 250)',
+            '--muted': 'oklch(0.25 0.018 250)',
+            '--muted-foreground': 'oklch(0.68 0.02 250)',
+            '--accent': 'oklch(0.7 0.16 200)',
+            '--border': 'oklch(0.3 0.02 250)',
+            '--ring': 'oklch(0.74 0.18 45)',
+            '--code-bg': 'oklch(0.16 0.015 250)',
+            '--syntax-comment': 'oklch(0.55 0.02 250)',
+            '--syntax-keyword': 'oklch(0.78 0.19 50)',
+            '--syntax-string': 'oklch(0.78 0.15 145)',
+            '--syntax-tag': 'oklch(0.72 0.16 200)',
+            '--syntax-attr': 'oklch(0.82 0.14 90)',
+            '--gradient-hero':
+                'radial-gradient(ellipse at top, oklch(0.28 0.08 45 / 0.35), transparent 60%)',
+            '--gradient-primary':
+                'linear-gradient(135deg, var(--primary), var(--primary-glow))',
+            '--gradient-text':
+                'linear-gradient(135deg, oklch(0.98 0.005 250), oklch(0.78 0.05 250))',
+            '--gradient-border':
+                'linear-gradient(135deg, oklch(0.74 0.18 45 / 0.5), oklch(0.7 0.16 200 / 0.3))',
+            '--shadow-glow': '0 0 60px -15px oklch(0.74 0.18 45 / 0.5)',
+            '--shadow-card':
+                '0 1px 0 0 oklch(1 0 0 / 0.05) inset, 0 20px 40px -20px oklch(0 0 0 / 0.5)',
+        },
+    },
 }

package/dist/cjs/docs/types.js

@@ -1 +1 @@
-"use strict";var r=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var o=Object.prototype.hasOwnProperty;var p=(n,t,s,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of g(t))!o.call(n,e)&&e!==s&&r(n,e,{get:()=>t[e],enumerable:!(i=a(t,e))||i.enumerable});return n};var l=n=>p(r({},"__esModule",{value:!0}),n);var u={};module.exports=l(u);
+"use strict";var i=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var g=(e,t,s,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of a(t))!p.call(e,r)&&r!==s&&i(e,r,{get:()=>t[r],enumerable:!(n=o(t,r))||n.enumerable});return e};var c=e=>g(i({},"__esModule",{value:!0}),e);var m={};module.exports=c(m);

package/dist/esm/docs/markdown-layout/index.js

@@ -0,0 +1 @@
+export*from"./marked-extension.js";export*from"./parser.js";export*from"./renderer.js";export*from"./types.js";

package/dist/esm/docs/markdown-layout/marked-extension.js

@@ -0,0 +1 @@
+var s=Object.defineProperty;var u=(t,e)=>s(t,"name",{value:e,configurable:!0});import{parseLayoutBlock as i,readLayoutBlock as y}from"./parser.js";import{renderDefaultMarkdownLayout as M,renderMarkdownLayout as w}from"./renderer.js";const N=u(({marked:t,handlers:e={},renderMarkdown:d})=>({extensions:[{name:"markdownLayout",level:"block",start(o){return o.match(/^::: layout /m)?.index},tokenizer(o){const n=y(o);if(n)return{...i(n),type:"markdownLayout",raw:n}},renderer(o){const n=o,a={marked:t,renderMarkdown(r){return d?d(r):t.parse(r)},renderDefault(r){return M(r,a)},renderParts(r){return r.items.map(k=>({...k,html:a.renderMarkdown(k.body)}))}};return w(n,a,e)}}]}),"createMarkdownLayoutExtension");export{N as createMarkdownLayoutExtension};

package/dist/esm/docs/markdown-layout/parser.js

@@ -0,0 +1,7 @@
+var m=Object.defineProperty;var i=(n,t)=>m(n,"name",{value:t,configurable:!0});const a=/^::: layout(?:\s+.*)?$/,l=/^:::\s*$/,y=/^===(?:\s+.*)?$/,f=i(n=>{const t=n.replace(/^(['"])(.*)\1$/,"$2");return/^-?\d+(\.\d+)?$/.test(t)?Number(t):t==="true"?!0:t==="false"?!1:t},"coerceOptionValue"),c=i((n="")=>{const t=[],e=/\S+=("(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*'|\S*)|"[^"]*"|'[^']*'|\S+/g;let r;for(;r=e.exec(n);)t.push(r[0]);return t},"tokenizeOptions"),d=i((n="")=>c(n).reduce((t,e)=>{const r=e.indexOf("=");if(r===-1)return t[e]=!0,t;const o=e.slice(0,r).trim(),s=e.slice(r+1).trim();return o&&(t[o]=f(s)),t},{}),"parseOptions"),h=i(n=>{const t=n.replace(/^:::\s*layout\s*/,"").trim(),[e="",...r]=c(t);if(!e)throw new Error(`Invalid layout header: ${n}`);return{layoutType:e,options:d(r.join(" "))}},"parseLayoutHeader"),w=i(n=>{const t=n.replace(/^===\s*/,"").trim();if(!t)return{name:null,options:{}};const[e=null,...r]=c(t);return{name:e,options:d(r.join(" "))}},"parseItemHeader"),L=i(n=>{const t=n.split(`
+`),e=[];let r=0,o=null,s=[];const p=i(()=>{o&&(e.push({...o,body:s.join(`
+`).trim()}),s=[])},"pushCurrent");for(const u of t){if(a.test(u.trim())){o&&s.push(u),r+=1;continue}if(l.test(u.trim())&&r>0){r-=1,o&&s.push(u);continue}if(r===0&&y.test(u.trim())){p(),o=w(u.trim());continue}o&&s.push(u)}return p(),e.length?e:[{name:null,options:{},body:n.trim()}]},"splitLayoutItems"),$=i(n=>{const t=n.replace(/\s+$/,"").split(`
+`),e=t.shift();if(!e||!a.test(e.trim()))throw new Error("Layout block must start with `::: layout`.");return t.length&&l.test(t[t.length-1].trim())&&t.pop(),{...h(e.trim()),items:L(t.join(`
+`)),raw:n}},"parseLayoutBlock"),N=i(n=>{if(!n.startsWith("::: layout"))return null;const t=n.split(`
+`);let e=0;const r=[];for(const o of t){const s=o.trim();if(r.push(o),a.test(s))e+=1;else if(l.test(s)&&(e-=1,e===0))return r.join(`
+`)}return null},"readLayoutBlock");export{w as parseItemHeader,$ as parseLayoutBlock,h as parseLayoutHeader,d as parseOptions,N as readLayoutBlock};

package/dist/esm/docs/markdown-layout/renderer.js

@@ -0,0 +1 @@
+var u=Object.defineProperty;var r=(t,o)=>u(t,"name",{value:o,configurable:!0});const s=r(t=>String(t).replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;"),"escapeAttribute"),l=r(t=>`--${t.replace(/[A-Z]/g,o=>`-${o.toLowerCase()}`)}`,"optionToStyleName"),y=r(t=>{const o=Object.entries(t).filter(([,a])=>typeof a!="boolean").map(([a,e])=>`${l(a)}: ${e};`);return o.length?` style="${s(o.join(" "))}"`:""},"optionsToStyle"),M=r((t,o)=>{const a=s(t.layoutType),e=t.items.map(n=>`<section class="bfs-layout-item"${n.name?` data-name="${s(n.name)}"`:""}${y(n.options)}>${o.renderMarkdown(n.body)}</section>`).join("");return`<div class="bfs-layout bfs-layout-${a}" data-layout="${a}"${y(t.options)}>${e}</div>`},"renderDefaultMarkdownLayout"),$=r((t,o,a={})=>{const e=a[t.layoutType];return e?e({type:t.layoutType,options:t.options,parts:o.renderParts(t),raw:t.raw},o):o.renderDefault(t)},"renderMarkdownLayout");export{M as renderDefaultMarkdownLayout,$ as renderMarkdownLayout};

package/dist/esm/docs/run.js

@@ -1 +1,76 @@
-var J=Object.defineProperty;var S=(a,c)=>J(a,"name",{value:c,configurable:!0});import{Marked as U}from"marked";import{cp as W,mkdir as v,readdir as G,readFile as b,writeFile as C}from"fs/promises";import s from"path";import H from"front-matter";import Q from"isomorphic-dompurify";import{markedHighlight as q}from"marked-highlight";import N from"highlight.js";import I from"./templates/default.template.js";import K from"./renderer/index.js";import V from"clean-css";import X from"html-minifier";import*as Y from"@putout/minify";import{fileURLToPath as Z,pathToFileURL as R}from"url";import p from"fs";let _;const tt=new V({inline:["none"]}),F=new Map;F.set("default",I);let E;const g=new U(q({langPrefix:"hljs language-",highlight(a,c){const l=N.getLanguage(c)?c:"plaintext";return N.highlight(a,{language:l}).value}}));g.use({renderer:K});const d=S(async a=>{const c=await G(a),l=[];for(const i of c){const f=s.extname(i);/^[._]/.test(i)||(f?l.push(s.join(a,i)):/(stylesheets|assets|scripts)/.test(i)||l.push(...await d(s.join(a,i))))}return l},"traverseDirectory");g.use({hooks:{postprocess(a){const{layout:c="default",...l}=E.attributes;a=Q.sanitize(a);const i=[...a.matchAll(/<h([0-6])\sid="[^"]+".*?>.*?<a\s+href="([^"]+)".*?>([^<]+)<\/a>/gm)].map(f=>({path:f[2],label:f[3],level:f[1]}));return F.get(c)?.({...l,content:a,siteMap:E.siteMap,tableOfContent:i,projectMeta:_})||a}}});const vt=S(async({srcDir:a,publicDir:c,markedOptions:l,template:i}={})=>{try{const t=s.resolve(process.cwd(),"package.json");p.existsSync(t)&&(_=JSON.parse(await b(t,"utf-8")))}catch(t){console.warn("Failed to load project package.json metadata",t)}const f=S(()=>{try{return __dirname}catch{return s.dirname(Z(import.meta.url))}},"getDirname"),m=i?s.resolve(f(),"templates",i):null,M=m?s.resolve(m,"assets"):null,D=m?s.resolve(m,"stylesheets"):null,j=m?s.resolve(m,"layouts"):null;if(m)try{let t=s.resolve(m,"template.config.js");if(p.existsSync(t)||(t=t.replace(/\.js$/,".ts")),p.existsSync(t)){const e=await import(R(t).href),r=e.default||e;r.markedOptions&&g.use(r.markedOptions)}}catch(t){console.error(`Failed to load template config for ${i}`,t)}l&&g.use(l);const o=a??s.resolve(process.cwd(),"docs"),u=c??s.resolve(process.cwd(),"website"),A=s.resolve(o,"_layouts"),w=s.resolve(o,"assets"),L=s.resolve(o,"stylesheets"),x=s.resolve(o,"scripts");if(await v(u,{recursive:!0}),M&&p.existsSync(M))try{await W(M,w.replace(o,u),{recursive:!0})}catch(t){console.warn(t)}if(p.existsSync(w))try{await W(w,w.replace(o,u),{recursive:!0})}catch(t){console.warn(t)}try{const t=new Set;if(D&&p.existsSync(D)&&(await d(D)).forEach(e=>t.add(e)),p.existsSync(L)&&(await d(L)).forEach(e=>t.add(e)),t.size){await v(s.join(u,"stylesheets"),{recursive:!0});for(const e of t){const r=await b(e,"utf-8"),n=tt.minify(r);n.errors.length&&n.errors.forEach(console.error);const h=e.startsWith(o)?e.replace(o,u):s.join(u,"stylesheets",s.basename(e));await C(h,n.styles??r)}}}catch(t){console.error(t)}if(p.existsSync(x))try{const t=await d(x);t.length&&await v(x.replace(o,u),{recursive:!0});for(const e of t)try{const r=await b(e,"utf-8");await C(e.replace(o,u),Y.minify(r))}catch(r){console.error(r)}}catch(t){console.warn(t)}try{const t=new Map;j&&p.existsSync(j)&&(await d(j)).forEach(e=>{/\.(j|t)s$/.test(e)&&t.set(s.basename(e).replace(/\.(j|t)s$/,""),e)}),p.existsSync(A)&&(await d(A)).forEach(e=>{/\.(j|t)s$/.test(e)&&t.set(s.basename(e).replace(/\.(j|t)s$/,""),e)});for(const[e,r]of t.entries()){const n=await import(R(r).href);F.set(e,n.default)}}catch(t){console.error("Template import failed",t)}const B=await d(o),T=new Map;(await Promise.all(B.filter(t=>t.endsWith(".md")).map(async t=>{const e=await b(t,"utf-8");return{filePath:t,...H(e)}}))).sort((t,e)=>(t.attributes.order??0)-(e.attributes.order??0)).map(({attributes:t,body:e,filePath:r})=>{const n=r.replace(o,"").replace(/\.md/,".html"),h=r.replace(o,u).replace(".md",".html"),P=h.replace(s.basename(h),""),k=s.basename(n)||"/",z=n.replace(k,"").replace(/\/$/,"");let y=T;z.split("/").filter(Boolean).forEach(O=>{y.has(O)||y.set(O,new Map),y=y.get(O)});const $={...t,path:n};return y.has(k)||y.set(k,$),{attributes:$,fileWebsitePath:h,fileDirWebsitePath:P,body:e,siteMap:T}}).forEach(async({attributes:t,body:e,fileDirWebsitePath:r,fileWebsitePath:n,siteMap:h})=>{E={attributes:t,siteMap:h};const P=await g.parse(e);await v(r,{recursive:!0}),await C(n,X.minify(P,{includeAutoGeneratedTags:!0,removeAttributeQuotes:!0,removeComments:!0,removeRedundantAttributes:!0,removeScriptTypeAttributes:!0,removeStyleLinkTypeAttributes:!0,sortClassName:!0,useShortDoctype:!0,collapseWhitespace:!0,minifyJS:!0,minifyCSS:!0}))})},"buildDocs");export{vt as buildDocs};
+var oe=Object.defineProperty;var c=(e,t)=>oe(e,"name",{value:t,configurable:!0});import{Marked as ae}from"marked";import{cp as F,mkdir as v,readdir as ne,readFile as M,writeFile as b}from"fs/promises";import o from"path";import ie from"front-matter";import le from"isomorphic-dompurify";import{markedHighlight as ce}from"marked-highlight";import Q from"highlight.js";import me from"./templates/default.template.js";import ue from"./renderer/index.js";import{createMarkdownLayoutExtension as pe}from"./markdown-layout/index.js";import fe from"clean-css";import de from"html-minifier";import*as X from"@putout/minify";import{fileURLToPath as he,pathToFileURL as A}from"url";import p from"fs";let K;const V=new fe({inline:["none"]}),R=new Map;R.set("default",me);let W;const ge=c((e,t)=>{if(!(!e&&!t))return{light:{...e?.light,...t?.light},dark:{...e?.dark,...t?.dark}}},"mergeTheme"),ye=c((e,t)=>({...e,...t,markdownLayouts:{...e.markdownLayouts,...t.markdownLayouts},scripts:{...e.scripts,...t.scripts},theme:ge(e.theme,t.theme)}),"mergeTemplateConfig"),we=c((e,t)=>{if(typeof e=="function")return!0;const{match:r}=e;return r?typeof r=="string"?t.includes(r):Array.isArray(r)?r.some(i=>t.includes(i)):r instanceof RegExp?r.test(t):r(t):!0},"scriptMatches"),ve=c((e,t)=>e?Object.values(e).filter(r=>r!==!1).filter(r=>we(r,t)).map(r=>typeof r=="function"?r():r.render()):[],"renderPageScripts"),G=c((e,t)=>{const r=Object.entries(t).filter(([i])=>i.startsWith("--")).map(([i,l])=>`    ${i}: ${l};`).join(`
+`);return r?`${e} {
+${r}
+}`:""},"renderThemeBlock"),xe=c(e=>{if(!e)return"";const t=e.light??e.dark,r=e.dark??e.light;return!t&&!r?"":[t?G(":root",t):"",r?`@media (prefers-color-scheme: dark) {
+${G("    :root",r)}
+}`:"",t?G('[data-theme="light"]',t):"",r?G('[data-theme="dark"]',r):""].filter(Boolean).join(`
+
+`)},"renderThemeStylesheet"),Se=c((e="")=>String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&apos;"),"escapeXML"),be=c((e="")=>e.replace(/```[\s\S]*?```/g," ").replace(/`([^`]+)`/g,"$1").replace(/!\[[^\]]*]\([^)]*\)/g," ").replace(/\[([^\]]+)]\([^)]*\)/g,"$1").replace(/^#{1,6}\s+/gm,"").replace(/^---+$/gm," ").replace(/[>*_~]/g,"").replace(/\s+/g," ").trim(),"stripMarkdown"),De=c(e=>e==="/index.html"?"/":e.replace(/\/index\.html$/,"/").replace(/\.html$/,"").replace(/\/+/g,"/"),"pagePathToUrlPath"),Y=c((e,t)=>e?`${e.replace(/\/$/,"")}${t==="/"?"/":t}`:t,"canonicalUrl"),$e=c(async(e,t)=>p.existsSync(e)?(await v(o.dirname(t),{recursive:!0}),await F(e,t),!0):!1,"copyIfExists"),Pe=c(e=>{const t={sitemap:!0,robots:!0,llms:!0,llmsFull:!0,netlify:!1};return e===!1?{sitemap:!1,robots:!1,llms:!1,llmsFull:!1,netlify:!1}:e===!0||e===void 0?t:{...t,...e}},"normalizeGeneratedFilesConfig"),ke=c((e,t)=>{if(!t)return"";const r=new Date().toISOString().slice(0,10);return`<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+${e.map(l=>{const m=l.urlPath==="/"?"1.0":"0.8";return`    <url>
+        <loc>${Se(Y(t,l.urlPath))}</loc>
+        <lastmod>${r}</lastmod>
+        <changefreq>weekly</changefreq>
+        <priority>${m}</priority>
+    </url>`}).join(`
+`)}
+</urlset>
+`},"generateSitemap"),je=c(e=>`User-agent: *
+Allow: /
+${e?`
+Sitemap: ${e.replace(/\/$/,"")}/sitemap.xml
+Host: ${e.replace(/\/$/,"")}
+`:""}
+`,"generateRobots"),Te=c(e=>`# Documentation
+
+## Page index
+
+${e.map(t=>`- ${t.name}: ${t.urlPath} - ${t.description}`).join(`
+`)}
+`,"generateLlms"),Me=c((e,t)=>`# Documentation for AI agents
+
+This file is generated at build time from the Markdown documentation. Use it to choose the most relevant page before reading the canonical HTML documentation.
+
+${e.map(r=>`## ${r.title}
+
+URL: ${Y(t,r.urlPath)}
+Source: docs/${r.sourcePath}
+Description: ${r.description}
+
+${r.summary||r.description}
+`).join(`
+`)}
+`,"generateLlmsFull"),Ce=c((e,t)=>{const r=["# Generated by @beforesemicolon/builder"];return[t.llms?"llms.txt":"",t.llmsFull?"llms-full.txt":"",t.sitemap?"sitemap.xml":"",t.robots?"robots.txt":""].filter(Boolean).forEach(l=>r.push(`/${l} /${l} 200`)),e.forEach(l=>{if(l.urlPath==="/")return;const m=l.urlPath.endsWith("/")?`${l.urlPath}index.html`:`${l.urlPath}.html`;r.push(`${l.urlPath} ${m} 200`),l.urlPath.endsWith("/")&&r.push(`${l.urlPath.replace(/\/$/,"")} ${m} 200`)}),`${[...new Set(r)].join(`
+`)}
+`},"generateNetlifyRedirects"),Fe=c(e=>`[build]
+command = "node build-docs.js"
+publish = "${e||"website"}"
+
+[[headers]]
+for = "/llms.txt"
+
+[headers.values]
+Content-Type = "text/plain; charset=utf-8"
+Cache-Control = "public, max-age=0, must-revalidate"
+
+[[headers]]
+for = "/llms-full.txt"
+
+[headers.values]
+Content-Type = "text/plain; charset=utf-8"
+Cache-Control = "public, max-age=0, must-revalidate"
+
+[[headers]]
+for = "/sitemap.xml"
+
+[headers.values]
+Content-Type = "application/xml; charset=utf-8"
+Cache-Control = "public, max-age=0, must-revalidate"
+
+[[headers]]
+for = "/robots.txt"
+
+[headers.values]
+Content-Type = "text/plain; charset=utf-8"
+Cache-Control = "public, max-age=0, must-revalidate"
+`,"generateNetlifyToml"),D=c(async(e,t,r,i)=>{if(await $e(e,t))return;const l=r();if(!l){i&&console.warn(i);return}await v(o.dirname(t),{recursive:!0}),await b(t,l)},"writeGeneratedFile"),Ge=c(async({docsDir:e,docsSiteDir:t,pages:r,siteUrl:i,publicDir:l,generatedFiles:m})=>{m.sitemap&&await D(o.resolve(e,"sitemap.xml"),o.resolve(t,"sitemap.xml"),()=>ke(r,i),"Skipping generated sitemap.xml because buildDocs({ siteUrl }) is not set."),m.robots&&await D(o.resolve(e,"robots.txt"),o.resolve(t,"robots.txt"),()=>je(i)),m.llms&&await D(o.resolve(e,"llms.txt"),o.resolve(t,"llms.txt"),()=>Te(r)),m.llmsFull&&await D(o.resolve(e,"llms-full.txt"),o.resolve(t,"llms-full.txt"),()=>Me(r,i)),m.netlify&&(await D(o.resolve(e,"_redirects"),o.resolve(t,"_redirects"),()=>Ce(r,m)),await D(o.resolve(e,"netlify.toml"),o.resolve(t,"netlify.toml"),()=>Fe(l&&o.basename(l))))},"writeGeneratedDocsFiles"),Z=c((e={},t,r)=>{const i=new ae(ce({langPrefix:"hljs language-",highlight(l,m){const $=Q.getLanguage(m)?m:"plaintext";return Q.highlight(l,{language:$}).value}}));return i.use({renderer:ue}),i.use(pe({marked:i,handlers:e.markdownLayouts,renderMarkdown:r})),e.markedOptions&&i.use(e.markedOptions),t&&i.use(t),i},"createBaseMarked"),Ee=c((e={},t)=>{const r=Z(e,t),i=c(m=>r.parse(m),"renderMarkdown"),l=Z(e,t,i);return l.use({hooks:{postprocess(m){const{layout:$="default",...g}=W.attributes,P=ve(e.scripts,m);m=le.sanitize(m);const k=[...m.matchAll(/<h([0-6])\sid="[^"]+".*?>.*?<a\s+href="([^"]+)".*?>([^<]+)<\/a>/gm)].map(x=>({path:x[2],label:x[3],level:x[1]}));return R.get($)?.({...g,content:m,siteMap:W.siteMap,tableOfContent:k,projectMeta:K,renderMarkdown:i,scripts:P,themeStylesheet:e.theme?"/stylesheets/theme.css":void 0})||m}}}),l},"createMarked"),y=c(async e=>{const t=await ne(e),r=[];for(const i of t){const l=o.extname(i);/^[._]/.test(i)||(l?r.push(o.join(e,i)):/(stylesheets|assets|scripts)/.test(i)||r.push(...await y(o.join(e,i))))}return r},"traverseDirectory"),ot=c(async({srcDir:e,publicDir:t,markedOptions:r,template:i,siteUrl:l,generatedFiles:m}={})=>{try{const s=o.resolve(process.cwd(),"package.json");p.existsSync(s)&&(K=JSON.parse(await M(s,"utf-8")))}catch(s){console.warn("Failed to load project package.json metadata",s)}const $=c(()=>{try{return __dirname}catch{return o.dirname(he(import.meta.url))}},"getDirname"),g=i?o.resolve($(),"templates",i):null,P=g?o.resolve(g,"assets"):null,k=g?o.resolve(g,"stylesheets"):null,x=g?o.resolve(g,"layouts"):null;let j={};if(g)try{let s=o.resolve(g,"template.config.js");if(p.existsSync(s)||(s=s.replace(/\.js$/,".ts")),p.existsSync(s)){const a=await import(A(s).href);j=a.default||a}}catch(s){console.error(`Failed to load template config for ${i}`,s)}const f=e??o.resolve(process.cwd(),"docs"),u=t??o.resolve(process.cwd(),"website"),ee=Pe(m),w=o.resolve(f,"_template"),_=o.resolve(w,"assets"),B=o.resolve(w,"stylesheets"),N=o.resolve(w,"scripts"),U=o.resolve(w,"layouts"),z=o.resolve(f,"_layouts"),C=o.resolve(f,"assets"),q=o.resolve(f,"stylesheets"),E=o.resolve(f,"scripts");try{let s=o.resolve(w,"template.config.js");if(p.existsSync(s)||(s=s.replace(/\.js$/,".ts")),p.existsSync(s)){const a=await import(A(s).href),n=a.default||a;j=ye(j,n)}}catch(s){console.error("Failed to load docs _template config",s)}const te=Ee(j,r);if(await v(u,{recursive:!0}),P&&p.existsSync(P))try{await F(P,C.replace(f,u),{recursive:!0})}catch(s){console.warn(s)}if(p.existsSync(C))try{await F(C,C.replace(f,u),{recursive:!0})}catch(s){console.warn(s)}if(p.existsSync(_))try{await F(_,o.resolve(u,"assets"),{recursive:!0})}catch(s){console.warn(s)}try{const s=new Set;if(k&&p.existsSync(k)&&(await y(k)).forEach(n=>s.add(n)),p.existsSync(q)&&(await y(q)).forEach(n=>s.add(n)),p.existsSync(B)&&(await y(B)).forEach(n=>s.add(n)),s.size){await v(o.join(u,"stylesheets"),{recursive:!0});for(const n of s){const d=await M(n,"utf-8"),h=V.minify(d);h.errors.length&&h.errors.forEach(console.error);const T=n.startsWith(w)?n.replace(w,u):n.startsWith(f)?n.replace(f,u):o.join(u,"stylesheets",o.basename(n));await b(T,h.styles??d)}}const a=xe(j.theme);if(a){const n=V.minify(a);n.errors.length&&n.errors.forEach(console.error),await v(o.join(u,"stylesheets"),{recursive:!0}),await b(o.join(u,"stylesheets","theme.css"),n.styles??a)}}catch(s){console.error(s)}if(p.existsSync(E))try{const s=await y(E);s.length&&await v(E.replace(f,u),{recursive:!0});for(const a of s)try{const n=await M(a,"utf-8");await b(a.replace(f,u),X.minify(n))}catch(n){console.error(n)}}catch(s){console.warn(s)}if(p.existsSync(N))try{const s=await y(N);s.length&&await v(o.join(u,"scripts"),{recursive:!0});for(const a of s)try{const n=await M(a,"utf-8");await b(a.replace(w,u),X.minify(n))}catch(n){console.error(n)}}catch(s){console.warn(s)}try{const s=new Map;x&&p.existsSync(x)&&(await y(x)).forEach(a=>{/\.(j|t)s$/.test(a)&&s.set(o.basename(a).replace(/\.(j|t)s$/,""),a)}),p.existsSync(z)&&(await y(z)).forEach(a=>{/\.(j|t)s$/.test(a)&&s.set(o.basename(a).replace(/\.(j|t)s$/,""),a)}),p.existsSync(U)&&(await y(U)).forEach(a=>{/\.(j|t)s$/.test(a)&&s.set(o.basename(a).replace(/\.(j|t)s$/,""),a)});for(const[a,n]of s.entries()){const d=await import(A(n).href);R.set(a,d.default)}}catch(s){console.error("Template import failed",s)}const se=await y(f),H=new Map,I=(await Promise.all(se.filter(s=>s.endsWith(".md")).map(async s=>{const a=await M(s,"utf-8");return{filePath:s,...ie(a)}}))).sort((s,a)=>(s.attributes.order??0)-(a.attributes.order??0)).map(({attributes:s,body:a,filePath:n})=>{const d=n.replace(f,"").replace(/\.md/,".html"),h=n.replace(f,u).replace(".md",".html"),T=h.replace(o.basename(h),""),L=o.basename(d)||"/",re=d.replace(L,"").replace(/\/$/,"");let S=H;re.split("/").filter(Boolean).forEach(O=>{S.has(O)||S.set(O,new Map),S=S.get(O)});const J={...s,path:d};return S.has(L)||S.set(L,J),{attributes:J,fileWebsitePath:h,fileDirWebsitePath:T,body:a,sourcePath:o.relative(f,n),siteMap:H}});for(const{attributes:s,body:a,fileDirWebsitePath:n,fileWebsitePath:d,siteMap:h}of I){W={attributes:s,siteMap:h};const T=await te.parse(a);await v(n,{recursive:!0}),await b(d,de.minify(T,{includeAutoGeneratedTags:!0,removeAttributeQuotes:!0,removeComments:!0,removeRedundantAttributes:!0,removeScriptTypeAttributes:!0,removeStyleLinkTypeAttributes:!0,sortClassName:!0,useShortDoctype:!0,collapseWhitespace:!0,minifyJS:!0,minifyCSS:!0}))}await Ge({docsDir:f,docsSiteDir:u,pages:I.map(({attributes:s,body:a,sourcePath:n})=>{const d=De(String(s.path)),h=be(a);return{sourcePath:n,urlPath:d,title:String(s.title||s.name||"").trim()||"Documentation",name:String(s.name||s.title||"").trim()||"Documentation",description:String(s.description||"").trim()||h.slice(0,156)||"Documentation page.",order:Number(s.order??999),summary:h.slice(0,320)}}),siteUrl:l,publicDir:u,generatedFiles:ee})},"buildDocs");export{ot as buildDocs};

package/dist/esm/docs/templates/fading-citrus/layouts/_code-snippet.js

@@ -44,6 +44,59 @@ export const highlightLine = (line) => {
     return tokens.join('')
 }
 
+export const renderCodeCopyScript = () => `
+<script type="application/javascript">
+    (() => {
+        if (window.__fadingCitrusCodeCopyReady) return
+        window.__fadingCitrusCodeCopyReady = true
+
+        const showCopyButton = (snippet) => {
+            const copyBtn = snippet.querySelector('.code-copy-btn')
+            const hasCode = snippet.dataset.code || snippet.querySelector('code') || snippet.querySelector('.content')
+            if (copyBtn && hasCode) copyBtn.style.visibility = 'visible'
+        }
+
+        document.querySelectorAll('.code-snippet').forEach(showCopyButton)
+
+        document.addEventListener('click', (event) => {
+            const copyBtn = event.target.closest('.code-copy-btn')
+            if (!copyBtn) return
+
+            const snippet = copyBtn.closest('.code-snippet')
+            if (!snippet) return
+
+            let code = snippet.dataset.code ?? ''
+
+            if (!code) {
+                const codeEl = snippet.querySelector('code')
+                if (codeEl) {
+                    const clone = codeEl.cloneNode(true)
+                    clone.querySelectorAll('.line-number').forEach((el) => el.remove())
+                    code = clone.textContent ?? ''
+                }
+            }
+
+            if (!code) {
+                code = snippet.querySelector('.content')?.textContent ?? ''
+            }
+
+            if (!code.trim().length) return
+
+            clearTimeout(copyBtn._timer)
+            navigator.clipboard.writeText(code.trim())
+            copyBtn.textContent = 'copied'
+            copyBtn.setAttribute('aria-label', 'Code copied')
+            copyBtn.classList.add('copied')
+            copyBtn._timer = setTimeout(() => {
+                copyBtn.textContent = 'copy'
+                copyBtn.setAttribute('aria-label', 'Copy code')
+                copyBtn.classList.remove('copied')
+            }, 1000)
+        })
+    })()
+</script>
+`
+
 export const renderCodeBlock = (filename, code, lang = 'javascript') => {
     const lines = code
         .replace(/\n$/, '')

package/dist/esm/docs/templates/fading-citrus/layouts/_layout-utils.js

@@ -0,0 +1,89 @@
+export const escapeHTML = (value = '') =>
+    String(value)
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#39;')
+
+export const partByName = (parts, name) =>
+    parts.find((part) => part.name === name)
+
+export const option = (value, fallback = '') =>
+    value === undefined || value === true ? fallback : String(value)
+
+export const optionText = (value, fallback = '') =>
+    option(value, fallback).replace(/&quot;/g, '"')
+
+export const codeFromPart = (part = {}) => {
+    const match = String(part.body || '').match(
+        /(?:```|~~~)([^\n]*)\n([\s\S]*?)\n(?:```|~~~)/
+    )
+
+    if (!match) return ''
+
+    return match[2]
+}
+
+export const withFirstParagraphClass = (html = '', className = '') =>
+    html.replace(/<p>/, `<p class="${className}">`)
+
+export const statContent = (html = '') => {
+    const value = html.match(/<h2[^>]*>([\s\S]*?)<\/h2>/)?.[1] || ''
+    const label = html.match(/<p[^>]*>([\s\S]*?)<\/p>/)?.[1] || ''
+
+    return `
+        <span class="stat-value text-gradient-primary">${value}</span>
+        <span class="stat-label">${label}</span>
+    `
+}
+
+export const stripHeadingLinks = (html = '') =>
+    html.replace(
+        /<h([1-6])([^>]*)><a href="[^"]*">([\s\S]*?)<\/a><\/h\1>/g,
+        '<h$1$2>$3</h$1>'
+    )
+
+export const sectionHeader = (html = '') =>
+    stripHeadingLinks(html).replace(
+        /<p><code>([\s\S]*?)<\/code><\/p>/,
+        '<span class="section-tag font-mono">$1</span>'
+    )
+
+export const groupedSectionHeader = (html = '') => {
+    const normalized = sectionHeader(html)
+    const match = normalized.match(
+        /^(\s*<span class="section-tag font-mono">[\s\S]*?<\/span>)(\s*<h2[^>]*>[\s\S]*?<\/h2>)([\s\S]*)$/
+    )
+
+    if (!match) return normalized
+
+    return `<div>${match[1]}${match[2]}</div>${match[3]}`
+}
+
+export const icon = (name) => {
+    const icons = {
+        arrowRight:
+            '<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>',
+        arrowUpRight:
+            '<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17 17 7"/><path d="M7 7h10v10"/></svg>',
+        book: '<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/></svg>',
+        terminal:
+            '<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 17 10 11 4 5"/><line x1="12" y1="19" x2="20" y2="19"/></svg>',
+        sparkles:
+            '<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sparkles-icon"><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275Z"/><path d="m5 3 1 2.5L8.5 6 6 7 5 9.5 4 7 1.5 6 4 5Z"/><path d="m19 17 1 2.5 2.5.5-2.5 1-1 2.5-1-2.5-2.5-1 2.5-1Z"/></svg>',
+        webComponents:
+            '<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5.5 8.5 9 12l-3.5 3.5L2 12l3.5-3.5Z"/><path d="m12 2 3.5 3.5L12 9 8.5 5.5 12 2Z"/><path d="M18.5 8.5 22 12l-3.5 3.5L15 12l3.5-3.5Z"/><path d="m12 15 3.5 3.5-3.5 3.5-3.5-3.5 3.5-3.5Z"/></svg>',
+        router: '<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="19" r="3"/><circle cx="18" cy="5" r="3"/><path d="M9 19h8.5a3.5 3.5 0 0 0 3.5-3.5V8.5a3.5 3.5 0 0 0-3.5-3.5H9"/></svg>',
+        reactive:
+            '<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>',
+        tiny: '<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z"/><line x1="16" y1="8" x2="2" y2="22"/><line x1="17.5" y1="15" x2="9" y2="15"/></svg>',
+        standards:
+            '<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8.3 10a3.5 3.5 0 0 1 0-7h7.4a3.5 3.5 0 0 1 0 7H8.3Z"/><path d="M12 14a3 3 0 0 1 3-3h3.5a3 3 0 0 1 3 3v3.5a3 3 0 0 1-3 3H15a3 3 0 0 1-3-3V14Z"/><path d="M2 14.5a3.5 3.5 0 0 1 7 0v2.8a3.5 3.5 0 0 1-7 0v-2.8Z"/></svg>',
+        plug: '<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22v-5"/><path d="M9 8V2"/><path d="M15 8V2"/><path d="M18 8H6v5a4 4 0 0 0 4 4h4a4 4 0 0 0 4-4Z"/></svg>',
+        surgical:
+            '<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m12 14 4-4"/><path d="M3.34 19a10 10 0 1 1 17.32 0"/></svg>',
+    }
+
+    return icons[name] || icons.reactive
+}

package/dist/esm/docs/templates/fading-citrus/layouts/document.js

@@ -1,7 +1,6 @@
 import meta from './_head-meta.js'
 import header from './_header.js'
 import footer from './_footer.js'
-import copyCode from './_copy-code.js'
 
 const githubDocsPath =
     'https://github.com/beforesemicolon/markup/tree/main/docs'
@@ -47,6 +46,11 @@ export default (props) => {
     <head>
         ${meta(props)}
         <link rel="stylesheet" href="/stylesheets/documentation.css?v=20260621exact">
+        ${
+            props.themeStylesheet
+                ? `<link rel="stylesheet" href="${props.themeStylesheet}">`
+                : ''
+        }
     </head>
     <body>
         ${header(props)}
@@ -83,8 +87,7 @@ export default (props) => {
         </main>
         
         ${footer()}
-        
-        ${copyCode()}
+        ${props.scripts?.join('') || ''}
         
     </body>
 </html>

package/dist/esm/docs/templates/fading-citrus/layouts/landing-cta.js

@@ -0,0 +1,30 @@
+import { icon, partByName } from './_layout-utils.js'
+
+export default ({ parts, options }) => {
+    const copy = partByName(parts, 'copy') || parts[0]
+    const title = options.title || ''
+    const title2 = options.title2 || ''
+
+    return `
+        <section class="cta-section wrapper">
+            <div class="cta-card">
+                <div class="cta-glow"></div>
+                <h2>
+                    <span class="text-gradient">${title}</span>
+                    <span class="text-gradient-primary">${title2}</span>
+                </h2>
+                ${copy?.html || ''}
+                <div class="cta-buttons">
+                    <a href="/documentation/get-started" class="btn-primary">
+                        <span>Get Started</span>
+                        ${icon('arrowRight')}
+                    </a>
+                    <a href="/documentation/index.html?v=20260621exact" class="btn-outline">
+                        ${icon('book')}
+                        <span>Read the Docs</span>
+                    </a>
+                </div>
+            </div>
+        </section>
+    `
+}

package/dist/esm/docs/templates/fading-citrus/layouts/landing-ecosystem.js

@@ -0,0 +1,43 @@
+import {
+    groupedSectionHeader,
+    icon,
+    option,
+    partByName,
+} from './_layout-utils.js'
+
+export default ({ parts }) => {
+    const header = partByName(parts, 'header') || parts[0]
+    const cards = parts.filter((part) => part.name === 'product')
+
+    return `
+        <section class="products-section wrapper">
+            <div class="section-header">${groupedSectionHeader(header?.html || '')}</div>
+            <div class="products-grid">
+                ${cards
+                    .map(
+                        (card) => `
+                            <div class="product-card card-${option(card.options.color, 'orange')}">
+                                <div class="product-glow"></div>
+                                <a href="${option(card.options.href, '#')}" target="_blank" rel="noreferrer" class="product-head">
+                                    <div class="product-title-row">
+                                        <div class="icon-container">${icon(option(card.options.icon, 'webComponents'))}</div>
+                                        <div>
+                                            <h3>${option(card.options.title, card.name || '')}</h3>
+                                            <span class="package-name font-mono">${option(card.options.package, '')}</span>
+                                        </div>
+                                    </div>
+                                    <span class="product-arrow">${icon('arrowUpRight')}</span>
+                                </a>
+                                ${card.html}
+                                <a href="${option(card.options.href, '#')}" target="_blank" rel="noreferrer" class="product-link">
+                                    <span>Read the docs</span>
+                                    ${icon('arrowUpRight')}
+                                </a>
+                            </div>
+                        `
+                    )
+                    .join('')}
+            </div>
+        </section>
+    `
+}

package/dist/esm/docs/templates/fading-citrus/layouts/landing-features.js

@@ -0,0 +1,25 @@
+import { icon, option, partByName, sectionHeader } from './_layout-utils.js'
+
+export default ({ parts }) => {
+    const header = partByName(parts, 'header') || parts[0]
+    const features = parts.filter((part) => part.name === 'feature')
+
+    return `
+        <section id="features" class="features-section wrapper">
+            <div class="section-header">${sectionHeader(header?.html || '')}</div>
+            <div class="features-grid">
+                ${features
+                    .map(
+                        (feature) => `
+                            <div class="feature-card">
+                                <div class="feature-border"></div>
+                                <div class="icon-box">${icon(option(feature.options.icon, 'reactive'))}</div>
+                                ${feature.html}
+                            </div>
+                        `
+                    )
+                    .join('')}
+            </div>
+        </section>
+    `
+}

package/dist/esm/docs/templates/fading-citrus/layouts/landing-hero.js

@@ -0,0 +1,81 @@
+import { renderCodeBlock } from './_code-snippet.js'
+import {
+    codeFromPart,
+    icon,
+    option,
+    partByName,
+    statContent,
+    withFirstParagraphClass,
+} from './_layout-utils.js'
+
+export default ({ parts, options }) => {
+    const copy = partByName(parts, 'copy') || parts[0]
+    const code = partByName(parts, 'code') || parts[1]
+    const stats = parts.filter((part) => part.name === 'stat')
+    const version = option(options.version)
+    const title = option(options.title, '')
+    const title2 = option(options.title2, '')
+    const primaryHref = option(
+        options.primaryHref,
+        '/documentation/get-started'
+    )
+    const primaryLabel = option(options.primaryLabel, 'Get Started')
+    const secondaryLabel = option(
+        options.secondaryLabel,
+        'npm i @beforesemicolon/markup'
+    )
+
+    return `
+        <section class="hero-section relative overflow-hidden">
+            <div class="absolute inset-0 bg-grid pointer-events-none"></div>
+            <div class="absolute inset-0 hero-glow pointer-events-none animate-pulse-glow"></div>
+            <div class="wrapper hero-container animate-float-up">
+                <div class="hero-content">
+                    ${
+                        version
+                            ? `<a href="https://github.com/beforesemicolon/markup" target="_blank" rel="noopener" class="version-badge">
+                                ${icon('sparkles')}
+                                <span>${version}</span>
+                                ${icon('arrowRight')}
+                            </a>`
+                            : ''
+                    }
+                    <h1 class="hero-title">
+                        <span class="text-gradient">${title}</span><br/>
+                        <span class="text-gradient-primary">${title2}</span>
+                    </h1>
+                    ${withFirstParagraphClass(copy?.html || '', 'hero-subtitle')}
+                    <div class="hero-actions">
+                        <a href="${primaryHref}" class="btn-primary">
+                            <span>${primaryLabel}</span>
+                            ${icon('arrowRight')}
+                        </a>
+                        <a href="#install" class="btn-secondary font-mono">${secondaryLabel}</a>
+                    </div>
+                    ${
+                        stats.length
+                            ? `<div class="hero-stats">${stats
+                                  .map(
+                                      (stat, index) => `
+                                        ${index ? '<div class="stat-divider"></div>' : ''}
+                                        <div class="stat-item">${statContent(stat.html)}</div>
+                                    `
+                                  )
+                                  .join('')}</div>`
+                            : ''
+                    }
+                </div>
+                ${
+                    code
+                        ? `<div class="hero-code-panel">
+                            <div class="glow-container">
+                                <div class="absolute inset-0 bg-gradient-to-br from-primary/20 to-accent/20 blur-3xl rounded-full"></div>
+                            </div>
+                            ${renderCodeBlock(option(code.options.filename, ''), codeFromPart(code), option(code.options.lang, 'javascript'))}
+                        </div>`
+                        : ''
+                }
+            </div>
+        </section>
+    `
+}