@bytesbrains/weblocks 0.6.1 → 0.7.0

package/lib/registry.js

@@ -12,6 +12,8 @@ import { split } from './blocks/split.js';
 import { steps } from './blocks/steps.js';
 import { stats } from './blocks/stats.js';
 import { services } from './blocks/services.js';
+import { menu } from './blocks/menu.js';
+import { product } from './blocks/product.js';
 import { pricing } from './blocks/pricing.js';
 import { logos } from './blocks/logos.js';
 import { team } from './blocks/team.js';
@@ -24,10 +26,12 @@ import { timeline } from './blocks/timeline.js';
 import { tabs } from './blocks/tabs.js';
 import { accordion } from './blocks/accordion.js';
 import { testimonials } from './blocks/testimonials.js';
+import { reviews } from './blocks/reviews.js';
 import { faq } from './blocks/faq.js';
 import { blogList } from './blocks/blogList.js';
 import { blogPost } from './blocks/blogPost.js';
 import { feed } from './blocks/feed.js';
+import { booking } from './blocks/booking.js';
 import { contactForm } from './blocks/contactForm.js';
 import { newsletter } from './blocks/newsletter.js';
 import { search } from './blocks/search.js';
@@ -35,6 +39,7 @@ import { auth } from './blocks/auth.js';
 import { cta } from './blocks/cta.js';
 import { socialLinks } from './blocks/socialLinks.js';
 import { contactDetails } from './blocks/contactDetails.js';
+import { hours } from './blocks/hours.js';
 import { directions } from './blocks/directions.js';
 import { legal } from './blocks/legal.js';
 import { divider } from './blocks/divider.js';
@@ -54,17 +59,17 @@ const SPECS = [
     profileHeader, experience, skills,
     // content
     features, about, richText, split, steps, stats,
-    services, pricing, logos, team,
+    services, menu, product, pricing, logos, team,
     // media
     gallery, carousel, video, videoGallery, map,
     // structured content
-    timeline, tabs, accordion, testimonials, faq,
+    timeline, tabs, accordion, testimonials, reviews, faq,
     // collections
     blogList, blogPost, feed,
     // dynamic / powered
-    contactForm, newsletter, search, auth,
+    booking, contactForm, newsletter, search, auth,
     // conversion / contact
-    cta, socialLinks, contactDetails, directions, legal,
+    cta, socialLinks, contactDetails, hours, directions, legal,
     // rhythm
     divider, spacer,
     copyright, footer,

package/lib/render.js

@@ -13,6 +13,7 @@ import { escapeAttr, escapeHtml, parse, sanitizeUrl } from './schema.js';
 import { getSpec, needsIsland, REGISTRY } from './registry.js';
 import { normalizeTokens, sectionOverrideCss, tokensToCss } from './tokens.js';
 import { NOOP_RUNTIME } from './runtime.js';
+import { buildAnchors, injectAnchorId } from './anchors.js';
 const RESET_CSS = `
 *,*::before,*::after{box-sizing:border-box}
 body{margin:0;font-family:var(--font);font-size:var(--fs-base);color:var(--text);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased}
@@ -25,14 +26,18 @@ img{max-width:100%}
 // un-stick fixed chrome, and avoid splitting entries across pages.
 const PRINT_CSS = `@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}[data-wl-noprint]{display:none!important}.blk-nav,.blk-app-shell,.blk-announcement-bar,.blk-sidebar{position:static!important}.blk-profile-header,.blk-experience .entry,.blk-skills .group,.blk-timeline li{break-inside:avoid}a[href]{text-decoration:none}@page{margin:1.4cm}}`;
 /** Render one block: normalize its config, then hand markup to the brick. */
-function renderBlock(block, manifest, runtime) {
+function renderBlock(block, manifest, runtime, anchors) {
     const spec = getSpec(block.type);
     if (!spec)
         return ''; // unknown type → skip (closed vocabulary; total)
     const { value } = parse(spec.schema, block.config ?? {});
     const tokens = normalizeTokens(manifest.design);
-    const ctx = { id: block.id, runtime };
+    const ctx = { id: block.id, runtime, resolveLink: anchors.resolve };
     let html = spec.render(value, tokens, ctx);
+    // In-page anchor: emit a stable id on the section so nav links can scroll to it.
+    const anchorId = anchors.idFor.get(block.id);
+    if (anchorId)
+        html = injectAnchorId(html, anchorId);
     // Opt-in per-section overrides: scope palette/radius/spacing as inherited CSS
     // vars on a wrapper (escaped for the style attribute).
     const style = sectionOverrideCss(block.overrides);
@@ -52,7 +57,8 @@ export function renderSite(manifest, options = {}) {
         .filter((s) => usedTypes.has(s.type) && s.css)
         .map((s) => s.css)
         .join('\n');
-    const body = blocks.map((b) => renderBlock(b, manifest, runtime)).filter(Boolean).join('\n');
+    const anchors = buildAnchors(blocks);
+    const body = blocks.map((b) => renderBlock(b, manifest, runtime, anchors)).filter(Boolean).join('\n');
     // Islands to hydrate. Static-only pages emit none.
     const islands = new Set();
     for (const b of blocks) {

package/lib/schema.d.ts

@@ -65,3 +65,9 @@ export declare function escapeAttr(s: unknown): string;
  * attribute context.
  */
 export declare function sanitizeUrl(url: unknown): string;
+/**
+ * A URL-fragment slug from arbitrary text: `'About Us!'` → `'about-us'`.
+ * Diacritics are folded (`résumé` → `resume`). Used for section anchor ids and
+ * nav in-page link resolution.
+ */
+export declare function slugify(s: unknown): string;

package/lib/schema.js

@@ -148,3 +148,18 @@ export function sanitizeUrl(url) {
         return '#';
     return s;
 }
+/**
+ * A URL-fragment slug from arbitrary text: `'About Us!'` → `'about-us'`.
+ * Diacritics are folded (`résumé` → `resume`). Used for section anchor ids and
+ * nav in-page link resolution.
+ */
+export function slugify(s) {
+    return String(s ?? '')
+        .normalize('NFKD').replace(/[̀-ͯ]/g, '') // fold accents
+        .toLowerCase()
+        .replace(/[^a-z0-9\s_-]/g, '') // drop other punctuation
+        .trim()
+        .replace(/[\s_]+/g, '-') // spaces/underscores → hyphen
+        .replace(/-+/g, '-') // collapse
+        .replace(/^-+|-+$/g, ''); // trim hyphens
+}

package/lib/templates.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Named **starter templates** (§ weblocks#31) — complete, valid `SiteManifest`s
+ * per vertical, with realistic placeholder copy and a fitting preset baked in.
+ *
+ * They serve two callers from ONE source of truth: a host can render a template
+ * as an instant, zero-LLM starter/preview a user picks from, and generation can
+ * seed a template as a scaffold to personalise ("keep this structure, rewrite
+ * the copy for THIS business"). Every manifest here passes `validateManifest`
+ * (asserted in `templates.test.ts`) and renders to a complete document
+ * (`example-templates.ts` writes them all out).
+ *
+ * Additive + stable: add templates/variants freely; don't rename existing ids.
+ * Design tokens come from the vertical's fitting preset (`getPreset`) so a
+ * started site is coherent out of the box. Placeholder images use a neutral
+ * remote service so a rendered starter looks real; hosts/users swap them.
+ *
+ * This ships one template per vertical (rollout step 1 of weblocks#31); add
+ * 2–3 variants for the high-traffic verticals next.
+ */
+import type { SiteManifest } from './types.js';
+export interface Template {
+    /** Stable id, e.g. `restaurant-modern`. */
+    id: string;
+    /** A `verticalNames()` value this template belongs to. */
+    vertical: string;
+    /** Human label for a picker. */
+    label: string;
+    /** Complete, `validateManifest`-clean manifest with realistic copy. */
+    manifest: SiteManifest;
+}
+export declare const TEMPLATES: Readonly<Record<string, Template>>;
+/** All template ids. */
+export declare function templateNames(): string[];
+/** Templates for a vertical id (may be empty until more are authored). */
+export declare function templatesForVertical(vertical: string): Template[];
+/** A template by id, or `undefined`. */
+export declare function getTemplate(id: string): Template | undefined;