@frontlit/page-builder 0.1.0-alpha.2 → 0.1.0-alpha.4

package/dist/theme.css

@@ -160,6 +160,18 @@
   --font-inter:
     var(--font-inter, Inter), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
     "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --font-archivo:
+    var(--font-archivo, Archivo), ui-sans-serif, system-ui, sans-serif,
+    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --font-jetbrains-mono:
+    var(--font-jetbrains-mono, "JetBrains Mono"), ui-monospace, SFMono-Regular, Menlo,
+    Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --font-hanken-grotesk:
+    var(--font-hanken-grotesk, "Hanken Grotesk"), ui-sans-serif, system-ui, sans-serif,
+    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --font-spline-sans-mono:
+    var(--font-spline-sans-mono, "Spline Sans Mono"), ui-monospace, SFMono-Regular,
+    Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   --font-alegreya:
     var(--font-alegreya, Alegreya), ui-serif, Georgia, Cambria, "Times New Roman",
     Times, serif;

package/dist/{widget-B_RoG6se.d.ts → widget-CpE2HdgU.d.ts}

@@ -1,6 +1,6 @@
 import { ComponentType, ReactNode } from 'react';
-import { S as SectionBackground, T as Theme } from './section-background-MsdE40Rk.js';
-import { T as ThemeStyle } from './theme-style-Cbl7NM-T.js';
+import { S as SectionBackground, T as Theme } from './section-background-6V_LCi5e.js';
+import { T as ThemeStyle } from './theme-style-BVd5tOsc.js';
 
 /**
  * The kind of page a widget/block can be placed on. Kept intentionally
@@ -51,11 +51,13 @@ interface WidgetDefaultSettings {
 }
 interface PageData extends Record<string, unknown> {
     pageType?: string;
-    /** Tenant branding supplied by the host application. Layout blocks use
-     * this on published sites, while the builder can continue to use its
-     * own local block settings. */
-    siteLogoUrl?: string;
-    siteLogoAlt?: string;
+    /** Branding from site settings. Required so a host can't silently drop
+     * it; pass `null` for an unset one. Hosts build these with
+     * `toSiteBranding` from `@frontlit/api-contract`. */
+    siteTitle: string | null;
+    siteSubtitle: string | null;
+    siteLogoUrl: string | null;
+    siteLogoAlt: string | null;
     /** The page's team (public id) and slug, plus the base URL of FrontLit's
      * public API — threaded through so blocks that make unauthenticated
      * public calls (e.g. the email-form block's lead capture, architecture.md
@@ -75,13 +77,12 @@ interface WidgetProps<T extends WidgetDefaultSettings = WidgetDefaultSettings> {
     /** Host-resolved data rendered by a generic `data-slot` block. */
     data?: ReactNode;
     editing?: boolean;
-    /** Resolved palette currently painted (`system` is already applied). */
-    nextTheme?: "light" | "dark";
-    /** Visitor or preview preference, including follow-the-OS. */
-    themeMode?: "light" | "dark" | "system";
-    setThemeMode?: (mode: "light" | "dark" | "system") => void;
-    /** Flips the resolved palette. Used by compact header controls. */
-    toggleTheme?: () => void;
+    /**
+     * Host-wired light/dark control shown by the footer. A ready element
+     * (rather than callbacks) so server-rendered pages can supply a client
+     * component that owns the colour-mode state.
+     */
+    themeSwitcher?: ReactNode;
 }
 interface WidgetEditorProps<T extends WidgetDefaultSettings = WidgetDefaultSettings> {
     settings: T;
@@ -98,6 +99,8 @@ interface Widget<T extends WidgetDefaultSettings = WidgetDefaultSettings> {
      */
     designEditor?: ComponentType<WidgetEditorProps<T>>;
     getDefaultSettings?: () => Partial<T>;
+    /** Offer per-device title sizes (`settings.titleSize`) on the Design tab. */
+    titleSize?: boolean;
     /**
      * Alternate layouts this block can render its data in, selectable from
      * the Design tab. The widget reads `settings.layout` while rendering

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frontlit/page-builder",
-  "version": "0.1.0-alpha.2",
+  "version": "0.1.0-alpha.4",
   "description": "Block-based WYSIWYG page builder and renderer for React",
   "author": "FrontLit",
   "license": "MIT",
@@ -10,6 +10,7 @@
   "types": "./dist/index.d.ts",
   "files": [
     "dist",
+    "schema",
     "README.md",
     "LICENSE"
   ],
@@ -49,6 +50,32 @@
       "import": "./dist/builder/index.js",
       "default": "./dist/builder/index.js"
     },
+    "./server": {
+      "types": "./dist/server/index.d.ts",
+      "import": "./dist/server/index.js",
+      "default": "./dist/server/index.js"
+    },
+    "./primitives/server": {
+      "types": "./dist/server/primitives.d.ts",
+      "import": "./dist/server/primitives.js",
+      "default": "./dist/server/primitives.js"
+    },
+    "./islands/*": {
+      "types": "./dist/server/islands/*.d.ts",
+      "import": "./dist/server/islands/*.js",
+      "default": "./dist/server/islands/*.js"
+    },
+    "./theme": {
+      "types": "./dist/server/theme.d.ts",
+      "import": "./dist/server/theme.js",
+      "default": "./dist/server/theme.js"
+    },
+    "./schema": {
+      "types": "./dist/server/schema.d.ts",
+      "import": "./dist/server/schema.js",
+      "default": "./dist/server/schema.js"
+    },
+    "./schema/*.json": "./schema/*.json",
     "./data-slots": {
       "types": "./dist/data-slots.d.ts",
       "import": "./dist/data-slots.js",
@@ -77,6 +104,21 @@
       "builder": [
         "dist/builder/index.d.ts"
       ],
+      "server": [
+        "dist/server/index.d.ts"
+      ],
+      "theme": [
+        "dist/server/theme.d.ts"
+      ],
+      "primitives/server": [
+        "dist/server/primitives.d.ts"
+      ],
+      "islands/*": [
+        "dist/server/islands/*.d.ts"
+      ],
+      "schema": [
+        "dist/server/schema.d.ts"
+      ],
       "data-slots": [
         "dist/data-slots.d.ts"
       ]
@@ -106,19 +148,21 @@
     "frontlit"
   ],
   "scripts": {
-    "build": "tsup && node scripts/add-use-client.mjs && tailwindcss -i src/styles.css -o dist/styles.css && cp src/theme.css dist/theme.css && rm -rf dist/fonts && cp -a fonts dist/fonts && node scripts/rewrite-font-urls.mjs",
-    "prepublishOnly": "pnpm run build",
-    "dev": "tsup --watch",
+    "build": "tsup && tsup --config tsup.islands.config.ts && tsup --config tsup.server.config.ts && tsup --config tsup.schema.config.ts && node scripts/add-use-client.mjs && tailwindcss -i src/styles.css -o dist/styles.css && cp src/theme.css dist/theme.css && rm -rf dist/fonts && cp -a fonts dist/fonts && node scripts/rewrite-font-urls.mjs",
+    "dev": "tsup --watch & tsup --watch --config tsup.islands.config.ts & tsup --watch --config tsup.server.config.ts & wait",
     "clean": "rimraf dist",
-    "check-types": "tsc --noEmit"
+    "check-types": "tsc --noEmit",
+    "schema:generate": "bun scripts/generate-json-schemas.ts",
+    "build:schema": "tsup --config tsup.schema.config.ts",
+    "test": "vitest run"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@frontlit/media-uploader": "0.1.0-alpha.0",
-    "@frontlit/text-editor": "0.1.0-alpha.1",
+    "@frontlit/media-uploader": "0.1.0-alpha.1",
+    "@frontlit/text-editor": "0.1.0-alpha.3",
     "@radix-ui/react-alert-dialog": "^1.1.23",
     "@radix-ui/react-avatar": "^1.2.6",
     "@radix-ui/react-checkbox": "^1.3.11",
@@ -127,27 +171,31 @@
     "@radix-ui/react-label": "^2.1.8",
     "@radix-ui/react-popover": "^1.1.23",
     "@radix-ui/react-radio-group": "^1.4.7",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-select": "^2.3.7",
     "@radix-ui/react-separator": "^1.1.15",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-tooltip": "^1.2.16",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "color-convert": "^3.1.0",
+    "jsonc-parser": "^3.3.1",
     "lucide-react": "^0.553.0",
     "tailwind-merge": "^3.4.0",
-    "tw-animate-css": "^1.4.0"
+    "tw-animate-css": "^1.4.0",
+    "zod": "^3.25.76"
   },
   "devDependencies": {
+    "@tailwindcss/cli": "^4.1.0",
     "@types/color-convert": "^2.0.4",
     "@types/node": "^20.0.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
-    "@tailwindcss/cli": "^4.1.0",
     "rimraf": "^5.0.0",
     "tailwindcss": "^4.1.0",
     "tsup": "^8.3.0",
-    "typescript": "^5.6.2"
+    "typescript": "^5.6.2",
+    "vitest": "^3.2.4",
+    "zod-to-json-schema": "^3.25.2"
   }
 }