@frontlit/page-builder 0.1.0-alpha.1 → 0.1.0-alpha.3

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

@@ -1,18 +1,17 @@
 import { ComponentType, ReactNode } from 'react';
-import { S as SectionBackground, T as Theme } from './section-background-BgOCp5l3.js';
-import { T as ThemeStyle } from './theme-style-39nxXQy0.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
  * generic (unlike CourseLit's LMS-specific page types) since FrontLit pages
  * can be a marketing site, a blog post, a changelog entry, etc.
  */
-type PageType = "site" | "blog" | "landing" | "post" | "custom";
 interface WidgetMetadata {
     name: string;
     displayName: string;
     description?: string;
-    compatibleWith: PageType[];
+    compatibleWith?: string[];
     icon?: string;
 }
 /**
@@ -51,12 +50,14 @@ interface WidgetDefaultSettings {
     layout?: string;
 }
 interface PageData extends Record<string, unknown> {
-    pageType: PageType;
-    /** 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;
+    pageType?: 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
@@ -76,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;
@@ -93,7 +93,14 @@ interface Widget<T extends WidgetDefaultSettings = WidgetDefaultSettings> {
     metadata: WidgetMetadata;
     widget: ComponentType<WidgetProps<T>>;
     editor?: ComponentType<WidgetEditorProps<T>>;
+    /**
+     * Block-specific design controls rendered on the panel's Design tab
+     * alongside layouts and common section styling.
+     */
+    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
@@ -102,4 +109,4 @@ interface Widget<T extends WidgetDefaultSettings = WidgetDefaultSettings> {
     layouts?: BlockLayout[];
 }
 
-export type { BlockLayout as B, PageData as P, Widget as W, PageType as a, WidgetDefaultSettings as b, WidgetEditorProps as c, WidgetInstance as d, WidgetMetadata as e, WidgetProps as f };
+export type { BlockLayout as B, PageData as P, Widget as W, WidgetDefaultSettings as a, WidgetEditorProps as b, WidgetInstance as c, WidgetMetadata as d, WidgetProps as e };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frontlit/page-builder",
-  "version": "0.1.0-alpha.1",
+  "version": "0.1.0-alpha.3",
   "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"
       ]
@@ -105,38 +147,56 @@
     "landing-page",
     "frontlit"
   ],
+  "scripts": {
+    "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",
+    "prepublishOnly": "bun run build",
+    "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",
+    "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.2",
+    "@radix-ui/react-alert-dialog": "^1.1.23",
+    "@radix-ui/react-avatar": "^1.2.6",
+    "@radix-ui/react-checkbox": "^1.3.11",
     "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.24",
     "@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-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",
-    "@frontlit/text-editor": "0.1.0-alpha.1"
+    "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"
-  },
-  "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",
-    "dev": "tsup --watch",
-    "clean": "rimraf dist",
-    "check-types": "tsc --noEmit"
+    "typescript": "^5.6.2",
+    "vitest": "^3.2.4",
+    "zod-to-json-schema": "^3.25.2"
   }
-}
+}