@xosen/site-sdk 0.0.7 → 0.0.9

package/dist/composables/useLivePreview.d.ts

@@ -0,0 +1,54 @@
+import type { Router } from 'vue-router';
+export interface PreviewMessage {
+    type: 'xosen-preview-update';
+    page: {
+        slug: string;
+        locale: string;
+        title?: string;
+        blocks?: any[];
+        meta?: Record<string, any>;
+        layout?: string;
+        /** Page-level context fields (author, featuredImage, excerpt, etc.) */
+        [key: string]: any;
+    };
+}
+/** Check if running inside an iframe (preview mode) */
+export declare function isInPreview(): boolean;
+/**
+ * Install a router guard that blocks all navigation in preview mode.
+ * Call this once during app setup (e.g. in App.vue or router config).
+ */
+export declare function setupPreviewRouter(router: Router): void;
+/**
+ * Listen for live preview messages from the admin UI.
+ * When the admin sends page data via postMessage, this composable
+ * provides reactive access to the preview data.
+ */
+export declare function useLivePreview(): {
+    previewPage: import("vue").Ref<{
+        [x: string]: any;
+        slug: string;
+        locale: string;
+        title?: string | undefined;
+        blocks?: any[] | undefined;
+        meta?: Record<string, any> | undefined;
+        layout?: string | undefined;
+    } | null, {
+        [key: string]: any;
+        slug: string;
+        locale: string;
+        title?: string;
+        blocks?: any[];
+        meta?: Record<string, any>;
+        layout?: string;
+    } | {
+        [x: string]: any;
+        slug: string;
+        locale: string;
+        title?: string | undefined;
+        blocks?: any[] | undefined;
+        meta?: Record<string, any> | undefined;
+        layout?: string | undefined;
+    } | null>;
+    isPreviewMode: import("vue").Ref<boolean, boolean>;
+};

package/dist/composables/useSiteApi.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Fetch data from the Xosen org API (for live data like tariffs, products).
+ * Uses the API base URL from site config.
+ */
+export declare function useSiteApi(): {
+    get: <T>(path: string) => Promise<T>;
+    getTariffs: () => Promise<any[]>;
+    getProducts: () => Promise<any[]>;
+};

package/dist/composables/useSiteConfig.d.ts

@@ -0,0 +1,25 @@
+import type { SiteConfig } from '../types/config.js';
+/**
+ * Access the site configuration injected by the CF Worker.
+ */
+export declare function useSiteConfig(): {
+    config: import("vue").ComputedRef<SiteConfig | null>;
+    components: import("vue").ComputedRef<Record<string, any>>;
+    navigation: import("vue").ComputedRef<import("../index.js").NavItem[]>;
+    locales: import("vue").ComputedRef<string[]>;
+    defaultLocale: import("vue").ComputedRef<string>;
+    branding: import("vue").ComputedRef<{
+        logo?: string;
+        favicon?: string;
+        siteName?: string;
+    }>;
+    footer: import("vue").ComputedRef<{
+        copyright?: string;
+        links?: Array<{
+            text: string;
+            url: string;
+        }>;
+    }>;
+    features: import("vue").ComputedRef<Record<string, boolean | Record<string, any>>>;
+    hasFeature: (key: string) => boolean;
+};

package/dist/composables/useSiteData.d.ts

@@ -0,0 +1,8 @@
+import { type Ref } from 'vue';
+/**
+ * Read preloaded site data from window.__SITE_DATA__ or fetch from API.
+ *
+ * @param key - Key in __SITE_DATA__ object (e.g. 'tariffs', 'contacts:offices')
+ * @param kvKey - KV key suffix for API fallback (e.g. 'tariffs', 'contacts:offices')
+ */
+export declare function useSiteData<T>(key: string, kvKey: string): Ref<T | null>;

package/dist/composables/useSkin.d.ts

@@ -0,0 +1,6 @@
+import type { Skin } from '../types/skin.js';
+/**
+ * Apply skin CSS custom properties to :root.
+ * Reads skin from __SITE_DATA__.skin or accepts explicit skin object.
+ */
+export declare function useSkin(skinOverride?: Skin): void;

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+export { useSiteData } from './composables/useSiteData.js';
+export { useSiteConfig } from './composables/useSiteConfig.js';
+export { useSkin } from './composables/useSkin.js';
+export { useSiteApi } from './composables/useSiteApi.js';
+export { useLivePreview, setupPreviewRouter, isInPreview } from './composables/useLivePreview.js';
+export type { PreviewMessage } from './composables/useLivePreview.js';
+export { createSiteWorker } from './worker/index.js';
+export type { WorkerEnv, WorkerConfig, PageData } from './worker/index.js';
+export type { Block, BlockSettings, HeroBlockData, HtmlBlockData, CardsBlockData, ImageTextBlockData, PricingBlockData, PricingPlan, ContactsBlockData, Office, GalleryBlockData, MapBlockData, } from './types/blocks.js';
+export type { SiteConfig, NavItem, PageConfig, SiteData, PageContext } from './types/config.js';
+export { PAGE_CONTEXT_KEY } from './types/config.js';
+export type { Skin } from './types/skin.js';

package/dist/index.js

@@ -1,31 +1,31 @@
-import { ref as y, onMounted as T, watch as E, computed as u, onUnmounted as b } from "vue";
-import { useI18n as x } from "vue-i18n";
-function P(o, n) {
-  const t = y(null), { locale: e } = x(), a = window.__SITE_DATA__, s = a?.locale;
+import { ref as y, onMounted as T, watch as $, computed as u, onUnmounted as b } from "vue";
+import { useI18n as C } from "vue-i18n";
+function R(n, o) {
+  const t = y(null), { locale: e } = C(), a = window.__SITE_DATA__, s = a?.locale;
   function c() {
-    return a && a[o] && e.value === s ? (t.value = a[o], !0) : !1;
+    return a && a[n] && e.value === s ? (t.value = a[n], !0) : !1;
   }
   async function h() {
     try {
-      const r = await fetch(`/api/content/${n}:${e.value}`);
+      const r = await fetch(`/api/content/${o}:${e.value}`);
       r.ok && (t.value = await r.json());
     } catch {
     }
   }
   return T(() => {
     c() || h();
-  }), E(e, () => {
+  }), $(e, () => {
     h();
   }), t;
 }
 function O() {
-  const o = window.__SITE_DATA__, n = u(() => o?.config || null), t = u(() => o?.components || {}), e = u(() => n.value?.navigation || []), a = u(() => n.value?.locales || []), s = u(() => n.value?.defaultLocale || "en"), c = u(() => n.value?.branding || {}), h = u(() => n.value?.footer || {}), r = u(() => n.value?.features || {});
-  function p(g) {
-    const f = r.value[g];
-    return typeof f == "boolean" ? f : typeof f == "object";
+  const n = window.__SITE_DATA__, o = u(() => n?.config || null), t = u(() => n?.components || {}), e = u(() => o.value?.navigation || []), a = u(() => o.value?.locales || []), s = u(() => o.value?.defaultLocale || "en"), c = u(() => o.value?.branding || {}), h = u(() => o.value?.footer || {}), r = u(() => o.value?.features || {});
+  function f(g) {
+    const p = r.value[g];
+    return typeof p == "boolean" ? p : typeof p == "object";
   }
   return {
-    config: n,
+    config: o,
     components: t,
     navigation: e,
     locales: a,
@@ -33,37 +33,37 @@ function O() {
     branding: c,
     footer: h,
     features: r,
-    hasFeature: p
+    hasFeature: f
   };
 }
-function j(o) {
-  function n(t) {
+function j(n) {
+  function o(t) {
     const e = document.documentElement;
     if (t.colors)
       for (const [a, s] of Object.entries(t.colors))
-        s && e.style.setProperty(`--x-color-${A(a)}`, s);
+        s && e.style.setProperty(`--x-color-${x(a)}`, s);
     t.typography?.fontFamily && e.style.setProperty("--x-font-family", t.typography.fontFamily), t.typography?.headingFont && e.style.setProperty("--x-font-heading", t.typography.headingFont), t.typography?.baseFontSize && e.style.setProperty("--x-font-size", t.typography.baseFontSize), t.shape?.borderRadius && e.style.setProperty("--x-border-radius", t.shape.borderRadius), t.shape?.maxWidth && e.style.setProperty("--x-max-width", t.shape.maxWidth);
   }
   T(() => {
-    if (o) {
-      n(o);
+    if (n) {
+      o(n);
       return;
     }
     const e = window.__SITE_DATA__?.skin;
-    e && (e.colors || e.typography || e.shape) && n({
+    e && (e.colors || e.typography || e.shape) && o({
       colors: e.colors || {},
       typography: e.typography || {},
       shape: e.shape || {}
     });
   });
 }
-function A(o) {
-  return o.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+function x(n) {
+  return n.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
 function F() {
-  const n = window.__SITE_DATA__?.apiBase || "";
+  const o = window.__SITE_DATA__?.apiBase || "";
   async function t(s) {
-    const c = await fetch(`${n}${s}`);
+    const c = await fetch(`${o}${s}`);
     if (!c.ok)
       throw new Error(`API error: ${c.status}`);
     return c.json();
@@ -87,43 +87,43 @@ function S() {
     return !0;
   }
 }
-function D(o) {
-  S() && o.beforeEach((n, t) => !t.name);
+function D(n) {
+  S() && n.beforeEach((o, t) => !t.name);
 }
 function U() {
-  const o = y(null), n = y(S());
+  const n = y(null), o = y(S());
   function t(e) {
     const a = e.data;
-    a?.type === "xosen-preview-update" && a.page && (o.value = a.page, n.value = !0);
+    a?.type === "xosen-preview-update" && a.page && (n.value = a.page, o.value = !0);
   }
   return T(() => {
     window.addEventListener("message", t);
   }), b(() => {
     window.removeEventListener("message", t);
   }), {
-    previewPage: o,
-    isPreviewMode: n
+    previewPage: n,
+    isPreviewMode: o
   };
 }
-const C = /\.(js|css|png|jpg|jpeg|gif|svg|ico|woff2?|ttf|eot|webp|avif|map|json|txt|xml|webmanifest)$/;
-function N(o, n) {
-  const e = new URL(o.url).searchParams.get("lang");
-  if (e && n.supportedLocales?.includes(e)) return e;
-  if (n.supportedLocales?.length) {
-    const a = o.headers.get("Accept-Language") || "";
-    for (const s of n.supportedLocales)
+const A = /\.(js|css|png|jpg|jpeg|gif|svg|ico|woff2?|ttf|eot|webp|avif|map|json|txt|xml|webmanifest)$/;
+function N(n, o) {
+  const e = new URL(n.url).searchParams.get("lang");
+  if (e && o.supportedLocales?.includes(e)) return e;
+  if (o.supportedLocales?.length) {
+    const a = n.headers.get("Accept-Language") || "";
+    for (const s of o.supportedLocales)
       if (a.includes(s)) return s;
   }
-  return n.defaultLocale;
+  return o.defaultLocale;
 }
-function I(o, n, t) {
-  if (!o.pathname.startsWith("/api/content/")) return null;
-  const e = decodeURIComponent(o.pathname.replace("/api/content/", ""));
+function I(n, o, t) {
+  if (!n.pathname.startsWith("/api/content/")) return null;
+  const e = decodeURIComponent(n.pathname.replace("/api/content/", ""));
   return e ? (async () => {
-    let a = await n.SITE_CONTENT.get(e);
+    let a = await o.SITE_CONTENT.get(e);
     if (!a) {
       const s = e.lastIndexOf(":");
-      s > 0 && e.slice(s + 1) !== t && (a = await n.SITE_CONTENT.get(e.slice(0, s + 1) + t));
+      s > 0 && e.slice(s + 1) !== t && (a = await o.SITE_CONTENT.get(e.slice(0, s + 1) + t));
     }
     return a ? new Response(a, {
       headers: {
@@ -134,30 +134,30 @@ function I(o, n, t) {
     }) : Response.json({ error: "Not found" }, { status: 404 });
   })() : Promise.resolve(Response.json({ error: "Key is required" }, { status: 400 }));
 }
-function _(o, n, t) {
-  let e = o;
-  if (n.title) {
+function _(n, o, t) {
+  let e = n;
+  if (o.title) {
     const a = t ? ` — ${t}` : "";
-    e = e.replace(/<title>[^<]*<\/title>/, `<title>${n.title}${a}</title>`);
+    e = e.replace(/<title>[^<]*<\/title>/, `<title>${o.title}${a}</title>`);
   }
-  return n.meta?.description && (e = e.replace(/(<meta\s+name="description"\s+content=")[^"]*(")/, `$1${n.meta.description}$2`)), n.meta?.ogTitle && (e = e.replace(/(<meta\s+property="og:title"\s+content=")[^"]*(")/, `$1${n.meta.ogTitle}$2`)), n.html && (e = e.replace('<div id="app"></div>', `<div id="app">${n.html}</div>`)), e;
+  return o.meta?.description && (e = e.replace(/(<meta\s+name="description"\s+content=")[^"]*(")/, `$1${o.meta.description}$2`)), o.meta?.ogTitle && (e = e.replace(/(<meta\s+property="og:title"\s+content=")[^"]*(")/, `$1${o.meta.ogTitle}$2`)), o.html && (e = e.replace('<div id="app"></div>', `<div id="app">${o.html}</div>`)), e;
 }
-function J(o) {
+function J(n) {
   return {
-    async fetch(n, t) {
-      const e = new URL(n.url), a = I(e, t, o.defaultLocale);
+    async fetch(o, t) {
+      const e = new URL(o.url), a = I(e, t, n.defaultLocale);
       if (a) return a;
-      if (C.test(e.pathname))
-        return t.ASSETS.fetch(n);
-      const s = N(n, o), c = new URL("/index.html", n.url);
+      if (A.test(e.pathname))
+        return t.ASSETS.fetch(o);
+      const s = N(o, n), c = new URL("/index.html", o.url);
       let r = await (await t.ASSETS.fetch(new Request(c))).text();
-      const p = o.defaultLocale, [g, f] = await Promise.all([
+      const f = n.defaultLocale, [g, p] = await Promise.all([
         t.SITE_CONTENT.get("config"),
         t.SITE_CONTENT.get(`content:${s}`)
       ]), v = g ? JSON.parse(g) : {};
-      let d = f ? JSON.parse(f) : {};
-      if (!f && s !== p) {
-        const i = await t.SITE_CONTENT.get(`content:${p}`);
+      let d = p ? JSON.parse(p) : {};
+      if (!p && s !== f) {
+        const i = await t.SITE_CONTENT.get(`content:${f}`);
         i && (d = JSON.parse(i));
       }
       const m = e.pathname.match(/^\/p\/(.+)$/);
@@ -165,7 +165,7 @@ function J(o) {
         const i = m[1];
         if (!d[i]) {
           let l = await t.SITE_CONTENT.get(`page:${i}:${s}`);
-          !l && s !== p && (l = await t.SITE_CONTENT.get(`page:${i}:${p}`)), l && (d[i] = JSON.parse(l));
+          !l && s !== f && (l = await t.SITE_CONTENT.get(`page:${i}:${f}`)), l && (d[i] = JSON.parse(l));
         }
       }
       const w = {
@@ -176,11 +176,11 @@ function J(o) {
         w[`page:${i}`] = l;
       if (m) {
         const i = m[1], l = w[`page:${i}`];
-        l && (r = _(r, l, o.siteName));
+        l && (r = _(r, l, n.siteName));
       }
-      e.pathname === "/" && d.home && (r = _(r, d.home, o.siteName));
-      const $ = `<script>window.__SITE_DATA__ = ${JSON.stringify(w)};<\/script>`;
-      return r = r.replace("</head>", `${$}
+      e.pathname === "/" && d.home && (r = _(r, d.home, n.siteName));
+      const E = `<script>window.__SITE_DATA__ = ${JSON.stringify(w)};<\/script>`;
+      return r = r.replace("</head>", `${E}
 </head>`), new Response(r, {
         headers: {
           "Content-Type": "text/html;charset=utf-8",
@@ -190,13 +190,15 @@ function J(o) {
     }
   };
 }
+const M = /* @__PURE__ */ Symbol("pageContext");
 export {
+  M as PAGE_CONTEXT_KEY,
   J as createSiteWorker,
   S as isInPreview,
   D as setupPreviewRouter,
   U as useLivePreview,
   F as useSiteApi,
   O as useSiteConfig,
-  P as useSiteData,
+  R as useSiteData,
   j as useSkin
 };

package/dist/types/blocks.d.ts

@@ -0,0 +1,103 @@
+export interface BlockSettings {
+    id?: string;
+    visible?: boolean;
+    className?: string;
+    spacing?: 'none' | 'sm' | 'md' | 'lg';
+}
+export interface Block<T = any> {
+    type: string;
+    data?: T;
+    /** Alias for data — accepted for convenience */
+    props?: T;
+    settings?: BlockSettings & Record<string, any>;
+}
+export interface HeroBlockData {
+    title: string;
+    subtitle?: string;
+    image?: string;
+    overlay?: boolean;
+    buttons?: Array<{
+        text: string;
+        url: string;
+        variant?: 'primary' | 'outline' | 'white';
+    }>;
+    stats?: Array<{
+        value: string;
+        label: string;
+    }>;
+}
+export interface HtmlBlockData {
+    content: string;
+}
+export interface CardsBlockData {
+    title?: string;
+    subtitle?: string;
+    cards: Array<{
+        title: string;
+        desc: string;
+        icon?: string;
+        image?: string;
+        link?: string;
+    }>;
+}
+export interface ImageTextBlockData {
+    title?: string;
+    content?: string;
+    image?: string;
+    items?: Array<{
+        text: string;
+        icon?: string;
+    }>;
+}
+export interface PricingPlan {
+    id?: string;
+    name: string;
+    description?: string;
+    price: string | number;
+    period?: string;
+    features?: string[];
+    actionUrl?: string;
+    actionText?: string;
+    tariffGroupName?: string;
+}
+export interface PricingBlockData {
+    title?: string;
+    subtitle?: string;
+    plans?: PricingPlan[];
+}
+export interface Office {
+    name: string;
+    address?: string;
+    phone?: string;
+    email?: string;
+    hours?: string;
+    isMain?: boolean;
+}
+export interface ContactsBlockData {
+    title?: string;
+    subtitle?: string;
+    showBankDetails?: boolean;
+    showForm?: boolean;
+    offices?: Office[];
+}
+export interface GalleryBlockData {
+    title?: string;
+    images: Array<{
+        url: string;
+        alt?: string;
+        caption?: string;
+    }>;
+}
+export interface MapBlockData {
+    title?: string;
+    center: {
+        lat: number;
+        lng: number;
+    };
+    zoom?: number;
+    markers?: Array<{
+        lat: number;
+        lng: number;
+        label?: string;
+    }>;
+}

package/dist/types/config.d.ts

@@ -0,0 +1,56 @@
+import type { InjectionKey, Ref } from 'vue';
+import type { Block } from './blocks.js';
+export interface PageContext {
+    title?: string;
+    type?: string;
+    author?: string;
+    featuredImage?: string;
+    excerpt?: string;
+    isGated?: boolean;
+    termIds?: string[];
+    layout?: string;
+    publishedAt?: string;
+}
+export declare const PAGE_CONTEXT_KEY: InjectionKey<Ref<PageContext>>;
+export interface SiteConfig {
+    template: string;
+    version: string;
+    skin: string;
+    autoUpdate?: boolean;
+    branding: {
+        logo?: string;
+        favicon?: string;
+        siteName?: string;
+    };
+    navigation: NavItem[];
+    locales: string[];
+    defaultLocale: string;
+    footer?: {
+        copyright?: string;
+        links?: Array<{
+            text: string;
+            url: string;
+        }>;
+    };
+    features?: Record<string, boolean | Record<string, any>>;
+}
+export interface NavItem {
+    text: string | Record<string, string>;
+    url: string;
+    external?: boolean;
+    children?: NavItem[];
+}
+export interface PageConfig {
+    title: string;
+    blocks: Block[];
+    meta?: {
+        description?: string;
+        ogTitle?: string;
+        ogImage?: string;
+    };
+}
+export interface SiteData {
+    config: SiteConfig;
+    locale: string;
+    [key: string]: any;
+}

package/dist/types/skin.d.ts

@@ -0,0 +1,41 @@
+export interface Skin {
+    name: string;
+    colors: {
+        primary: string;
+        primaryDark?: string;
+        primaryLight?: string;
+        secondary?: string;
+        accent?: string;
+        background: string;
+        backgroundAlt?: string;
+        surface: string;
+        text: string;
+        textLight?: string;
+        border?: string;
+        success?: string;
+        error?: string;
+    };
+    typography: {
+        fontFamily: string;
+        headingFont?: string;
+        baseFontSize?: string;
+    };
+    shape: {
+        borderRadius: string;
+        cardElevation?: number;
+        maxWidth?: string;
+    };
+    components?: {
+        navbar?: {
+            variant?: 'fixed' | 'static';
+            transparent?: boolean;
+        };
+        footer?: {
+            variant?: 'dark' | 'light';
+        };
+        hero?: {
+            variant?: 'fullscreen' | 'compact';
+            overlay?: boolean;
+        };
+    };
+}

package/dist/worker/create-site-worker.d.ts

@@ -0,0 +1,14 @@
+import type { WorkerEnv, WorkerConfig } from './types.js';
+/**
+ * Create a Cloudflare Worker handler for an Xosen site template.
+ *
+ * The worker:
+ * - Serves static assets from ASSETS binding
+ * - Provides /api/content/:key endpoint for KV reads
+ * - Injects preloaded KV data as window.__SITE_DATA__ into HTML pages
+ * - Detects locale from query param or Accept-Language header
+ * - Preloads page-specific data for /p/:slug routes
+ */
+export declare function createSiteWorker(config: WorkerConfig): {
+    fetch: (request: Request, env: WorkerEnv) => Promise<Response>;
+};

package/dist/worker/index.d.ts

@@ -0,0 +1,2 @@
+export { createSiteWorker } from './create-site-worker.js';
+export type { WorkerEnv, WorkerConfig, PageData } from './types.js';

package/dist/worker/types.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Minimal CF Workers type declarations to avoid requiring @cloudflare/workers-types.
+ * These match the Cloudflare Workers runtime API.
+ */
+export interface CfKVNamespace {
+    get(key: string, options?: any): Promise<string | null>;
+    put(key: string, value: string | ArrayBuffer | ReadableStream, options?: any): Promise<void>;
+    delete(key: string): Promise<void>;
+    list(options?: any): Promise<any>;
+}
+export interface CfFetcher {
+    fetch(input: RequestInfo | URL, init?: RequestInit): Promise<Response>;
+}
+export interface WorkerEnv {
+    SITE_CONTENT: CfKVNamespace;
+    ASSETS: CfFetcher;
+}
+export interface WorkerConfig {
+    /** Default locale for the site */
+    defaultLocale: string;
+    /** Supported locales for Accept-Language detection */
+    supportedLocales?: string[];
+    /** Site name for meta title suffix, e.g. 'SWI' */
+    siteName?: string;
+}
+export interface PageData {
+    title?: string;
+    blocks?: unknown[];
+    html?: string;
+    meta?: {
+        description?: string;
+        ogTitle?: string;
+        ogImage?: string;
+    };
+    type?: string;
+    author?: string;
+    featuredImage?: string;
+    excerpt?: string;
+    termIds?: string[];
+    layout?: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xosen/site-sdk",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "Shared Vue components and composables for Xosen site templates",
   "type": "module",
   "main": "./dist/index.js",
@@ -25,14 +25,14 @@
     "src"
   ],
   "scripts": {
-    "build": "vue-tsc --declaration --emitDeclarationOnly --outDir dist && vite build",
+    "build": "vite build && vue-tsc --declaration --emitDeclarationOnly --outDir dist",
     "dev": "vite build --watch",
     "clean": "rm -rf dist"
   },
   "peerDependencies": {
-    "vue": "catalog:",
-    "vue-i18n": "catalog:",
-    "vue-router": "catalog:"
+    "vue": "^3.5.0",
+    "vue-i18n": "^11.0.0",
+    "vue-router": "^5.0.0"
   },
   "devDependencies": {
     "vue": "catalog:",

package/src/composables/useLivePreview.ts

@@ -10,6 +10,8 @@ export interface PreviewMessage {
     blocks?: any[];
     meta?: Record<string, any>;
     layout?: string;
+    /** Page-level context fields (author, featuredImage, excerpt, etc.) */
+    [key: string]: any;
   };
 }
 

package/src/index.ts

@@ -25,5 +25,6 @@ export type {
   GalleryBlockData,
   MapBlockData,
 } from './types/blocks.js';
-export type { SiteConfig, NavItem, PageConfig, SiteData } from './types/config.js';
+export type { SiteConfig, NavItem, PageConfig, SiteData, PageContext } from './types/config.js';
+export { PAGE_CONTEXT_KEY } from './types/config.js';
 export type { Skin } from './types/skin.js';

package/src/types/blocks.ts

@@ -82,7 +82,7 @@ export interface ContactsBlockData {
 
 export interface GalleryBlockData {
   title?: string;
-  images: Array<{ src: string; alt?: string; caption?: string }>;
+  images: Array<{ url: string; alt?: string; caption?: string }>;
 }
 
 export interface MapBlockData {

package/src/types/config.ts

@@ -1,5 +1,20 @@
+import type { InjectionKey, Ref } from 'vue';
 import type { Block } from './blocks.js';
 
+export interface PageContext {
+  title?: string;
+  type?: string;
+  author?: string;
+  featuredImage?: string;
+  excerpt?: string;
+  isGated?: boolean;
+  termIds?: string[];
+  layout?: string;
+  publishedAt?: string;
+}
+
+export const PAGE_CONTEXT_KEY: InjectionKey<Ref<PageContext>> = Symbol('pageContext');
+
 export interface SiteConfig {
   template: string;
   version: string;

package/src/worker/types.ts

@@ -36,4 +36,10 @@ export interface PageData {
     ogTitle?: string;
     ogImage?: string;
   };
+  type?: string;
+  author?: string;
+  featuredImage?: string;
+  excerpt?: string;
+  termIds?: string[];
+  layout?: string;
 }