@xiwebdesign/xicms-core 5.3.0 → 5.4.0

package/dist/server/seo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/server/seo.ts"],"sourcesContent":["import \"server-only\";\n\nimport type { Metadata, MetadataRoute } from \"next\";\nimport type { Seo } from \"../schema/seo\";\nimport type { Page } from \"../schema/pages\";\nimport { localizedPath, type LocaleConfig } from \"../i18n/overlay\";\n\n/** Absolute origin (https://domein) uit de site-config; \"\" als er geen domein is. */\nexport function siteOrigin(site: { domain?: string }): string {\n  return site.domain ? `https://${site.domain.replace(/^https?:\\/\\//, \"\").replace(/\\/$/, \"\")}` : \"\";\n}\n\n/**\n * Bouwt een Next `sitemap.xml` uit een lijst pagina's. Gebruik in `app/sitemap.ts`:\n *   export default function sitemap() { return buildSitemap(pages, siteConfig); }\n */\nexport function buildSitemap(\n  pages: Array<{ path: string; updatedAt?: string | number | Date; seo?: { noindex?: boolean } }>,\n  site: { domain?: string },\n  i18n?: LocaleConfig,\n): MetadataRoute.Sitemap {\n  const origin = siteOrigin(site);\n  // Meertalige site (5.0): elke pagina één keer per taal (default zonder prefix, rest mét).\n  const locales = i18n && i18n.locales.length > 1 ? i18n.locales : [undefined];\n  return pages\n    .filter((p) => !p.seo?.noindex)\n    .flatMap((p) =>\n      locales.map((locale) => {\n        const path = locale && i18n ? localizedPath(p.path, locale, i18n.defaultLocale) : p.path;\n        return {\n          url: `${origin}${path === \"/\" ? \"/\" : path}`,\n          lastModified: p.updatedAt ? new Date(p.updatedAt) : undefined,\n          changeFrequency: p.path === \"/\" ? (\"weekly\" as const) : (\"monthly\" as const),\n          priority: p.path === \"/\" ? 1 : 0.7,\n        };\n      }),\n    );\n}\n\n/**\n * Bouwt een Next `robots.txt`. In `mode:\"demo\"` wordt de hele site op noindex gezet; anders alles\n * toegestaan behalve de beheerpaden, met verwijzing naar de sitemap. Gebruik in `app/robots.ts`.\n */\nexport function buildRobots(\n  site: { domain?: string; mode?: string },\n  opts?: { disallow?: string[] },\n): MetadataRoute.Robots {\n  const origin = siteOrigin(site);\n  if (site.mode === \"demo\") {\n    // Let op: disallow blokkeert alleen het CRAWLEN — de URL kan alsnog (kaal) geïndexeerd\n    // raken. buildMetadata zet in demo-modus daarom óók robots.index=false op elke pagina.\n    return { rules: { userAgent: \"*\", disallow: \"/\" } };\n  }\n  return {\n    rules: { userAgent: \"*\", allow: \"/\", disallow: opts?.disallow ?? [\"/beheer\", \"/login\"] },\n    ...(origin ? { sitemap: `${origin}/sitemap.xml`, host: origin } : {}),\n  };\n}\n\ninterface SeoSiteContext {\n  name: string;\n  domain?: string;\n  /** \"demo\" zet elke pagina op noindex (robots.txt-disallow alleen is geen noindex). */\n  mode?: string;\n  seoDefaults?: Seo;\n}\n\n/**\n * Bouwt Next `Metadata` voor een pagina, met fallback op site-defaults. Geef voor een meertalige\n * site (5.0) `i18n` mee: de canonical wijst dan naar de taalvariant en er komen\n * hreflang-alternates voor élke taal (default zonder prefix, incl. x-default).\n */\nexport function buildMetadata(\n  page: Pick<Page, \"title\" | \"path\" | \"seo\">,\n  site: SeoSiteContext,\n  i18n?: LocaleConfig & { locale: string },\n): Metadata {\n  const seo = page.seo ?? {};\n  const d = site.seoDefaults ?? {};\n  const title = seo.title ?? page.title ?? site.name;\n  const description = seo.description ?? d.description;\n  // Absolute canonical/OG-URL (Google prefereert absoluut) wanneer het domein bekend is.\n  const origin = site.domain ? `https://${site.domain.replace(/^https?:\\/\\//, \"\").replace(/\\/$/, \"\")}` : \"\";\n  const rawPath = seo.canonical ?? page.path;\n  const path = i18n && !/^https?:\\/\\//.test(rawPath) ? localizedPath(rawPath, i18n.locale, i18n.defaultLocale) : rawPath;\n  const canonical = /^https?:\\/\\//.test(path) ? path : `${origin}${path.startsWith(\"/\") ? \"\" : \"/\"}${path}`;\n  const languages =\n    i18n && i18n.locales.length > 1\n      ? Object.fromEntries([\n          ...i18n.locales.map((l) => [l, `${origin}${localizedPath(page.path, l, i18n.defaultLocale)}`]),\n          [\"x-default\", `${origin}${page.path}`],\n        ])\n      : undefined;\n  const ogImage = seo.ogImage ?? d.ogImage;\n  // OG-afbeeldingen met afmetingen (1200×630) → betere previews op social.\n  const images = ogImage ? [{ url: ogImage, width: 1200, height: 630 }] : undefined;\n\n  return {\n    title,\n    description,\n    metadataBase: origin ? new URL(origin) : undefined,\n    alternates: { canonical, ...(languages ? { languages } : {}) },\n    robots: seo.noindex || site.mode === \"demo\" ? { index: false, follow: false } : undefined,\n    openGraph: {\n      title,\n      description,\n      url: canonical,\n      siteName: site.name,\n      type: \"website\",\n      ...(images ? { images } : {}),\n    },\n    twitter: {\n      card: images ? \"summary_large_image\" : \"summary\",\n      title,\n      description,\n      ...(images ? { images: [ogImage as string] } : {}),\n    },\n  };\n}\n\n/** Bedrijfsgegevens voor gestructureerde data (schema.org LocalBusiness e.d.). */\nexport interface BusinessInfo {\n  /** schema.org-type, bv. \"LocalBusiness\", \"LodgingBusiness\", \"Restaurant\", \"Store\". */\n  type?: string;\n  name: string;\n  description?: string;\n  url?: string;\n  telephone?: string;\n  email?: string;\n  image?: string;\n  /** Indicatie prijsniveau, bv. \"€€\". */\n  priceRange?: string;\n  address?: {\n    street?: string;\n    locality?: string;\n    region?: string;\n    postalCode?: string;\n    country?: string;\n  };\n  geo?: { lat: number; lng: number };\n  /** schema.org openingHours, bv. [\"Mo-Fr 09:00-17:00\", \"Sa 10:00-16:00\"]. */\n  openingHours?: string[];\n  /** Externe profielen (social, etc.). */\n  sameAs?: string[];\n}\n\n/**\n * Bouwt gestructureerde data voor een lokaal bedrijf (herbruikbaar per branche). Plaats het\n * resultaat als JSON-LD in de layout:  <script type=\"application/ld+json\">JSON.stringify(...)</script>\n */\nexport function businessJsonLd(info: BusinessInfo): Record<string, unknown> {\n  const out: Record<string, unknown> = {\n    \"@context\": \"https://schema.org\",\n    \"@type\": info.type ?? \"LocalBusiness\",\n    // Zelfde relatieve @id als de contact-/openingstijden-blokken: zo voegen zoekmachines de\n    // layout-brede en blok-specifieke LocalBusiness-JSON-LD samen tot één entiteit per pagina.\n    \"@id\": \"#business\",\n    name: info.name,\n  };\n  if (info.description) out.description = info.description;\n  if (info.url) out.url = info.url;\n  if (info.telephone) out.telephone = info.telephone;\n  if (info.email) out.email = info.email;\n  if (info.image) out.image = info.image;\n  if (info.priceRange) out.priceRange = info.priceRange;\n  if (info.address) {\n    out.address = {\n      \"@type\": \"PostalAddress\",\n      streetAddress: info.address.street,\n      addressLocality: info.address.locality,\n      addressRegion: info.address.region,\n      postalCode: info.address.postalCode,\n      addressCountry: info.address.country,\n    };\n  }\n  if (info.geo) out.geo = { \"@type\": \"GeoCoordinates\", latitude: info.geo.lat, longitude: info.geo.lng };\n  if (info.openingHours?.length) out.openingHours = info.openingHours;\n  if (info.sameAs?.length) out.sameAs = info.sameAs;\n  return out;\n}\n\n/** Breadcrumb-trail (schema.org BreadcrumbList) — voor genest navigeren + rich results. */\nexport function breadcrumbListJsonLd(items: { name: string; url: string }[]): Record<string, unknown> {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"BreadcrumbList\",\n    itemListElement: items.map((it, i) => ({\n      \"@type\": \"ListItem\",\n      position: i + 1,\n      name: it.name,\n      item: it.url,\n    })),\n  };\n}\n\n/** Article-JSON-LD voor nieuws/blog. */\nexport function articleJsonLd(a: {\n  title: string;\n  description?: string;\n  author?: string;\n  datePublished?: string;\n  image?: string;\n  url?: string;\n}): Record<string, unknown> {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"Article\",\n    headline: a.title,\n    ...(a.description ? { description: a.description } : {}),\n    ...(a.author ? { author: { \"@type\": \"Person\", name: a.author } } : {}),\n    ...(a.datePublished ? { datePublished: a.datePublished } : {}),\n    ...(a.image ? { image: a.image } : {}),\n    ...(a.url ? { url: a.url } : {}),\n  };\n}\n\n/** Product/Offer-JSON-LD. */\nexport function productJsonLd(p: {\n  name: string;\n  description?: string;\n  price?: string | number;\n  currency?: string;\n  image?: string;\n  availability?: string;\n}): Record<string, unknown> {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"Product\",\n    name: p.name,\n    ...(p.description ? { description: p.description } : {}),\n    ...(p.image ? { image: p.image } : {}),\n    ...(p.price != null\n      ? {\n          offers: {\n            \"@type\": \"Offer\",\n            price: String(p.price),\n            priceCurrency: p.currency ?? \"EUR\",\n            ...(p.availability ? { availability: `https://schema.org/${p.availability}` } : {}),\n          },\n        }\n      : {}),\n  };\n}\n\n/** OpeningHoursSpecification — bv. `[{ days:[\"Mo\",\"Tu\"], opens:\"09:00\", closes:\"17:00\" }]`. */\nexport function openingHoursJsonLd(\n  spec: { days: string[]; opens: string; closes: string }[],\n): Record<string, unknown>[] {\n  return spec.map((s) => ({\n    \"@type\": \"OpeningHoursSpecification\",\n    dayOfWeek: s.days,\n    opens: s.opens,\n    closes: s.closes,\n  }));\n}\n\n/** ImageGallery-JSON-LD voor een fotogalerij. */\nexport function galleryJsonLd(items: { url: string; caption?: string }[]): Record<string, unknown> {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"ImageGallery\",\n    image: items.map((it) => ({ \"@type\": \"ImageObject\", contentUrl: it.url, ...(it.caption ? { caption: it.caption } : {}) })),\n  };\n}\n\n/** VideoObject-JSON-LD. */\nexport function videoObjectJsonLd(v: {\n  name: string;\n  description?: string;\n  thumbnailUrl?: string;\n  contentUrl?: string;\n  uploadDate?: string;\n}): Record<string, unknown> {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"VideoObject\",\n    name: v.name,\n    ...(v.description ? { description: v.description } : {}),\n    ...(v.thumbnailUrl ? { thumbnailUrl: v.thumbnailUrl } : {}),\n    ...(v.contentUrl ? { contentUrl: v.contentUrl } : {}),\n    ...(v.uploadDate ? { uploadDate: v.uploadDate } : {}),\n  };\n}\n\n/** Bouwt een JSON-LD-object voor een pagina (schema.org). */\nexport function buildJsonLd(\n  page: Pick<Page, \"title\" | \"path\" | \"seo\">,\n  site: SeoSiteContext,\n): Record<string, unknown> {\n  const type = page.seo?.jsonLdType ?? \"WebPage\";\n  const base = site.domain ? `https://${site.domain.replace(/^https?:\\/\\//, \"\")}` : \"\";\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": type,\n    name: page.seo?.title ?? page.title,\n    description: page.seo?.description ?? site.seoDefaults?.description,\n    url: base + page.path,\n    publisher: { \"@type\": \"Organization\", name: site.name },\n  };\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/server/seo.ts"],"sourcesContent":["import \"server-only\";\n\nimport type { Metadata, MetadataRoute } from \"next\";\nimport type { Seo } from \"../schema/seo\";\nimport type { Page } from \"../schema/pages\";\nimport { localizedPath, type LocaleConfig } from \"../i18n/overlay\";\n\n/** Absolute origin (https://domein) uit de site-config; \"\" als er geen domein is. */\nexport function siteOrigin(site: { domain?: string }): string {\n  return site.domain ? `https://${site.domain.replace(/^https?:\\/\\//, \"\").replace(/\\/$/, \"\")}` : \"\";\n}\n\n/**\n * Bouwt een Next `sitemap.xml` uit een lijst pagina's. Gebruik in `app/sitemap.ts`:\n *   export default function sitemap() { return buildSitemap(pages, siteConfig); }\n */\nexport function buildSitemap(\n  pages: Array<{ path: string; updatedAt?: string | number | Date; seo?: { noindex?: boolean } }>,\n  site: { domain?: string },\n  i18n?: LocaleConfig,\n): MetadataRoute.Sitemap {\n  const origin = siteOrigin(site);\n  // Meertalige site (5.0): elke pagina één keer per taal (default zonder prefix, rest mét).\n  const locales = i18n && i18n.locales.length > 1 ? i18n.locales : [undefined];\n  return pages\n    .filter((p) => !p.seo?.noindex)\n    .flatMap((p) =>\n      locales.map((locale) => {\n        const path = locale && i18n ? localizedPath(p.path, locale, i18n.defaultLocale) : p.path;\n        return {\n          url: `${origin}${path === \"/\" ? \"/\" : path}`,\n          lastModified: p.updatedAt ? new Date(p.updatedAt) : undefined,\n          changeFrequency: p.path === \"/\" ? (\"weekly\" as const) : (\"monthly\" as const),\n          priority: p.path === \"/\" ? 1 : 0.7,\n        };\n      }),\n    );\n}\n\n/**\n * Bouwt een Next `robots.txt`. In `mode:\"demo\"` wordt de hele site op noindex gezet; anders alles\n * toegestaan behalve de beheerpaden, met verwijzing naar de sitemap. Gebruik in `app/robots.ts`.\n */\nexport function buildRobots(\n  site: { domain?: string; mode?: string },\n  opts?: { disallow?: string[] },\n): MetadataRoute.Robots {\n  const origin = siteOrigin(site);\n  if (site.mode === \"demo\") {\n    // Let op: disallow blokkeert alleen het CRAWLEN — de URL kan alsnog (kaal) geïndexeerd\n    // raken. buildMetadata zet in demo-modus daarom óók robots.index=false op elke pagina.\n    return { rules: { userAgent: \"*\", disallow: \"/\" } };\n  }\n  return {\n    rules: { userAgent: \"*\", allow: \"/\", disallow: opts?.disallow ?? [\"/beheer\", \"/login\"] },\n    ...(origin ? { sitemap: `${origin}/sitemap.xml`, host: origin } : {}),\n  };\n}\n\ninterface SeoSiteContext {\n  name: string;\n  domain?: string;\n  /** \"demo\" zet elke pagina op noindex (robots.txt-disallow alleen is geen noindex). */\n  mode?: string;\n  seoDefaults?: Seo;\n}\n\n/**\n * Bouwt Next `Metadata` voor een pagina, met fallback op site-defaults. Geef voor een meertalige\n * site (5.0) `i18n` mee: de canonical wijst dan naar de taalvariant en er komen\n * hreflang-alternates voor élke taal (default zonder prefix, incl. x-default).\n */\nexport function buildMetadata(\n  page: Pick<Page, \"title\" | \"path\" | \"seo\">,\n  site: SeoSiteContext,\n  i18n?: LocaleConfig & { locale: string },\n): Metadata {\n  const seo = page.seo ?? {};\n  const d = site.seoDefaults ?? {};\n  const title = seo.title ?? page.title ?? site.name;\n  const description = seo.description ?? d.description;\n  // Absolute canonical/OG-URL (Google prefereert absoluut) wanneer het domein bekend is.\n  const origin = site.domain ? `https://${site.domain.replace(/^https?:\\/\\//, \"\").replace(/\\/$/, \"\")}` : \"\";\n  const rawPath = seo.canonical ?? page.path;\n  // Een door de auteur EXPLICIET gezette canonical wordt verbatim gebruikt — die her-localiseren\n  // (taalprefix ervoor plakken) zou de bewuste keuze van de auteur overschrijven.\n  const path =\n    i18n && !seo.canonical && !/^https?:\\/\\//.test(rawPath)\n      ? localizedPath(rawPath, i18n.locale, i18n.defaultLocale)\n      : rawPath;\n  const canonical = /^https?:\\/\\//.test(path) ? path : `${origin}${path.startsWith(\"/\") ? \"\" : \"/\"}${path}`;\n  const languages =\n    i18n && i18n.locales.length > 1\n      ? Object.fromEntries([\n          ...i18n.locales.map((l) => [l, `${origin}${localizedPath(page.path, l, i18n.defaultLocale)}`]),\n          [\"x-default\", `${origin}${page.path}`],\n        ])\n      : undefined;\n  const ogImage = seo.ogImage ?? d.ogImage;\n  // OG-afbeeldingen met afmetingen (1200×630) → betere previews op social.\n  const images = ogImage ? [{ url: ogImage, width: 1200, height: 630 }] : undefined;\n\n  return {\n    title,\n    description,\n    metadataBase: origin ? new URL(origin) : undefined,\n    alternates: { canonical, ...(languages ? { languages } : {}) },\n    robots: seo.noindex || site.mode === \"demo\" ? { index: false, follow: false } : undefined,\n    openGraph: {\n      title,\n      description,\n      url: canonical,\n      siteName: site.name,\n      type: \"website\",\n      ...(images ? { images } : {}),\n    },\n    twitter: {\n      card: images ? \"summary_large_image\" : \"summary\",\n      title,\n      description,\n      ...(images ? { images: [ogImage as string] } : {}),\n    },\n  };\n}\n\n/** Bedrijfsgegevens voor gestructureerde data (schema.org LocalBusiness e.d.). */\nexport interface BusinessInfo {\n  /** schema.org-type, bv. \"LocalBusiness\", \"LodgingBusiness\", \"Restaurant\", \"Store\". */\n  type?: string;\n  name: string;\n  description?: string;\n  url?: string;\n  telephone?: string;\n  email?: string;\n  image?: string;\n  /** Indicatie prijsniveau, bv. \"€€\". */\n  priceRange?: string;\n  address?: {\n    street?: string;\n    locality?: string;\n    region?: string;\n    postalCode?: string;\n    country?: string;\n  };\n  geo?: { lat: number; lng: number };\n  /** schema.org openingHours, bv. [\"Mo-Fr 09:00-17:00\", \"Sa 10:00-16:00\"]. */\n  openingHours?: string[];\n  /** Externe profielen (social, etc.). */\n  sameAs?: string[];\n}\n\n/**\n * Bouwt gestructureerde data voor een lokaal bedrijf (herbruikbaar per branche). Plaats het\n * resultaat als JSON-LD in de layout:  <script type=\"application/ld+json\">JSON.stringify(...)</script>\n */\nexport function businessJsonLd(info: BusinessInfo): Record<string, unknown> {\n  const out: Record<string, unknown> = {\n    \"@context\": \"https://schema.org\",\n    \"@type\": info.type ?? \"LocalBusiness\",\n    // Zelfde relatieve @id als de contact-/openingstijden-blokken: zo voegen zoekmachines de\n    // layout-brede en blok-specifieke LocalBusiness-JSON-LD samen tot één entiteit per pagina.\n    \"@id\": \"#business\",\n    name: info.name,\n  };\n  if (info.description) out.description = info.description;\n  if (info.url) out.url = info.url;\n  if (info.telephone) out.telephone = info.telephone;\n  if (info.email) out.email = info.email;\n  if (info.image) out.image = info.image;\n  if (info.priceRange) out.priceRange = info.priceRange;\n  // Alleen een PostalAddress-node emitten als er ook echt een adresveld is ingevuld — een leeg\n  // object is ongeldige/lage-kwaliteit structured data.\n  if (info.address && (info.address.street || info.address.locality || info.address.postalCode)) {\n    out.address = {\n      \"@type\": \"PostalAddress\",\n      streetAddress: info.address.street,\n      addressLocality: info.address.locality,\n      addressRegion: info.address.region,\n      postalCode: info.address.postalCode,\n      addressCountry: info.address.country,\n    };\n  }\n  if (info.geo) out.geo = { \"@type\": \"GeoCoordinates\", latitude: info.geo.lat, longitude: info.geo.lng };\n  if (info.openingHours?.length) out.openingHours = info.openingHours;\n  if (info.sameAs?.length) out.sameAs = info.sameAs;\n  return out;\n}\n\n/** Breadcrumb-trail (schema.org BreadcrumbList) — voor genest navigeren + rich results. */\nexport function breadcrumbListJsonLd(items: { name: string; url: string }[]): Record<string, unknown> {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"BreadcrumbList\",\n    itemListElement: items.map((it, i) => ({\n      \"@type\": \"ListItem\",\n      position: i + 1,\n      name: it.name,\n      item: it.url,\n    })),\n  };\n}\n\n/** Article-JSON-LD voor nieuws/blog. */\nexport function articleJsonLd(a: {\n  title: string;\n  description?: string;\n  author?: string;\n  datePublished?: string;\n  image?: string;\n  url?: string;\n}): Record<string, unknown> {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"Article\",\n    headline: a.title,\n    ...(a.description ? { description: a.description } : {}),\n    ...(a.author ? { author: { \"@type\": \"Person\", name: a.author } } : {}),\n    ...(a.datePublished ? { datePublished: a.datePublished } : {}),\n    ...(a.image ? { image: a.image } : {}),\n    ...(a.url ? { url: a.url } : {}),\n  };\n}\n\n/** Product/Offer-JSON-LD. */\nexport function productJsonLd(p: {\n  name: string;\n  description?: string;\n  price?: string | number;\n  currency?: string;\n  image?: string;\n  availability?: string;\n}): Record<string, unknown> {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"Product\",\n    name: p.name,\n    ...(p.description ? { description: p.description } : {}),\n    ...(p.image ? { image: p.image } : {}),\n    ...(p.price != null\n      ? {\n          offers: {\n            \"@type\": \"Offer\",\n            price: String(p.price),\n            priceCurrency: p.currency ?? \"EUR\",\n            ...(p.availability ? { availability: `https://schema.org/${p.availability}` } : {}),\n          },\n        }\n      : {}),\n  };\n}\n\n/** OpeningHoursSpecification — bv. `[{ days:[\"Mo\",\"Tu\"], opens:\"09:00\", closes:\"17:00\" }]`. */\nexport function openingHoursJsonLd(\n  spec: { days: string[]; opens: string; closes: string }[],\n): Record<string, unknown>[] {\n  return spec.map((s) => ({\n    \"@type\": \"OpeningHoursSpecification\",\n    dayOfWeek: s.days,\n    opens: s.opens,\n    closes: s.closes,\n  }));\n}\n\n/** ImageGallery-JSON-LD voor een fotogalerij. */\nexport function galleryJsonLd(items: { url: string; caption?: string }[]): Record<string, unknown> {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"ImageGallery\",\n    image: items.map((it) => ({ \"@type\": \"ImageObject\", contentUrl: it.url, ...(it.caption ? { caption: it.caption } : {}) })),\n  };\n}\n\n/** VideoObject-JSON-LD. */\nexport function videoObjectJsonLd(v: {\n  name: string;\n  description?: string;\n  thumbnailUrl?: string;\n  contentUrl?: string;\n  uploadDate?: string;\n}): Record<string, unknown> {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"VideoObject\",\n    name: v.name,\n    ...(v.description ? { description: v.description } : {}),\n    ...(v.thumbnailUrl ? { thumbnailUrl: v.thumbnailUrl } : {}),\n    ...(v.contentUrl ? { contentUrl: v.contentUrl } : {}),\n    ...(v.uploadDate ? { uploadDate: v.uploadDate } : {}),\n  };\n}\n\n/** Bouwt een JSON-LD-object voor een pagina (schema.org). */\nexport function buildJsonLd(\n  page: Pick<Page, \"title\" | \"path\" | \"seo\">,\n  site: SeoSiteContext,\n): Record<string, unknown> {\n  const type = page.seo?.jsonLdType ?? \"WebPage\";\n  const base = site.domain ? `https://${site.domain.replace(/^https?:\\/\\//, \"\")}` : \"\";\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": type,\n    name: page.seo?.title ?? page.title,\n    description: page.seo?.description ?? site.seoDefaults?.description,\n    // Alleen een url-node met een echte origin: een relatieve url (\"/over-ons\") is ongeldige\n    // structured data wanneer het domein (nog) niet geconfigureerd is.\n    ...(base ? { url: base + page.path } : {}),\n    publisher: { \"@type\": \"Organization\", name: site.name },\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/settings/useSiteSettings.d.ts

@@ -5,21 +5,33 @@ import type { SiteConfig } from "../schema/siteConfig";
  * Live, publiek-veilige site-instellingen (`sites/{siteId}/settings/public`) zodat dingen die de
  * klant in /beheer wijzigt (footer, nav, thema, module-instellingen) direct op de site verschijnen.
  *
- * - Publiek (live site): één `getDoc` (geen per-bezoeker listener).
- * - `live` (editor/preview): `onSnapshot` zodat wijzigingen meteen zichtbaar zijn.
+ * - Met SSR-seed (`initial`, via XiCMSProvider `settingsData`): géén client-read voor publiek —
+ *   de settings zitten al in de server-HTML (geen theme-flits) en verversen via ISR.
+ * - Zonder seed (publiek): één `getDoc` (geen per-bezoeker listener).
+ * - Editors: `useSiteSettingsLiveSync` (onSnapshot) zodat /beheer-wijzigingen meteen zichtbaar zijn.
  * Zonder Firebase of zonder doc valt alles terug op de statische `SiteConfig` (identiek aan vroeger).
  */
 interface Ctx {
     settings: PublicSiteSettings;
     loaded: boolean;
+    /** Interne setter voor de editor-live-sync (useSiteSettingsLiveSync). */
+    _set?: (s: PublicSiteSettings) => void;
 }
-export declare function SiteSettingsProvider({ siteId, live, children, }: {
+export declare function SiteSettingsProvider({ siteId, live, initial, children, }: {
     siteId: string;
     live?: boolean;
+    /** SSR-startset (server-side gelezen via `getPublicSiteSettings`); slaat de client-read over. */
+    initial?: PublicSiteSettings;
     children: ReactNode;
 }): import("react").JSX.Element;
 /** Ruwe publieke settings + laadstatus. */
 export declare function useSiteSettings(): Ctx;
+/**
+ * Editor-live-sync: onSnapshot op `settings/public` zolang `enabled` (ingelogde editor). Aparte
+ * hook (i.p.v. `live` op de provider) zodat publiek nooit een listener krijgt — zelfde patroon
+ * als CustomBlocksSync in XiCMSProvider. Een leesfout laat de bestaande settings staan.
+ */
+export declare function useSiteSettingsLiveSync(siteId: string, enabled: boolean): void;
 /** SiteConfig met de live Firestore-settings eroverheen (Firestore wint waar gezet). */
 export declare function useMergedSiteConfig(): SiteConfig;
 export {};

package/dist/settings/useSiteSettings.js

@@ -12,11 +12,14 @@ const SettingsContext = createContext({ settings: {}, loaded: false });
 function SiteSettingsProvider({
   siteId,
   live = false,
+  initial,
   children
 }) {
-  const [settings, setSettings] = useState({});
-  const [loaded, setLoaded] = useState(false);
+  const hasInitial = initial !== void 0;
+  const [settings, setSettings] = useState(initial ?? {});
+  const [loaded, setLoaded] = useState(hasInitial);
   useEffect(() => {
+    if (hasInitial && !live) return;
     const db = getDb();
     if (!db) {
       setLoaded(true);
@@ -40,12 +43,29 @@ function SiteSettingsProvider({
     return () => {
       cancelled = true;
     };
-  }, [siteId, live]);
-  return /* @__PURE__ */ jsx(SettingsContext.Provider, { value: { settings, loaded }, children });
+  }, [siteId, live, hasInitial]);
+  const value = useMemo(() => ({ settings, loaded, _set: setSettings }), [settings, loaded]);
+  return /* @__PURE__ */ jsx(SettingsContext.Provider, { value, children });
 }
 function useSiteSettings() {
   return useContext(SettingsContext);
 }
+function useSiteSettingsLiveSync(siteId, enabled) {
+  const { _set } = useContext(SettingsContext);
+  useEffect(() => {
+    if (!enabled || !_set) return;
+    const db = getDb();
+    if (!db) return;
+    return onSnapshot(
+      doc(db, "sites", siteId, "settings", "public"),
+      (snap) => {
+        const res = PublicSiteSettingsSchema.safeParse(snap.exists() ? snap.data() : {});
+        if (res.success) _set(res.data);
+      },
+      () => void 0
+    );
+  }, [enabled, siteId, _set]);
+}
 function useMergedSiteConfig() {
   const base = useSiteConfig();
   const { settings } = useSiteSettings();
@@ -63,6 +83,7 @@ function useMergedSiteConfig() {
 export {
   SiteSettingsProvider,
   useMergedSiteConfig,
-  useSiteSettings
+  useSiteSettings,
+  useSiteSettingsLiveSync
 };
 //# sourceMappingURL=useSiteSettings.js.map

package/dist/settings/useSiteSettings.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/settings/useSiteSettings.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext, useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport { doc, getDoc, onSnapshot } from \"firebase/firestore\";\nimport { getDb } from \"../firebase/client\";\nimport { useSiteConfig } from \"../config\";\nimport {\n  PublicSiteSettingsSchema,\n  mergeThemeTokens,\n  type PublicSiteSettings,\n} from \"../schema/settings\";\nimport type { SiteConfig } from \"../schema/siteConfig\";\n\n/**\n * Live, publiek-veilige site-instellingen (`sites/{siteId}/settings/public`) zodat dingen die de\n * klant in /beheer wijzigt (footer, nav, thema, module-instellingen) direct op de site verschijnen.\n *\n * - Publiek (live site): één `getDoc` (geen per-bezoeker listener).\n * - `live` (editor/preview): `onSnapshot` zodat wijzigingen meteen zichtbaar zijn.\n * Zonder Firebase of zonder doc valt alles terug op de statische `SiteConfig` (identiek aan vroeger).\n */\ninterface Ctx {\n  settings: PublicSiteSettings;\n  loaded: boolean;\n}\nconst SettingsContext = createContext<Ctx>({ settings: {}, loaded: false });\n\nexport function SiteSettingsProvider({\n  siteId,\n  live = false,\n  children,\n}: {\n  siteId: string;\n  live?: boolean;\n  children: ReactNode;\n}) {\n  const [settings, setSettings] = useState<PublicSiteSettings>({});\n  const [loaded, setLoaded] = useState(false);\n\n  useEffect(() => {\n    const db = getDb();\n    if (!db) {\n      setLoaded(true);\n      return;\n    }\n    const ref = doc(db, \"sites\", siteId, \"settings\", \"public\");\n    const apply = (data: unknown) => {\n      const res = PublicSiteSettingsSchema.safeParse(data ?? {});\n      if (res.success) setSettings(res.data);\n      setLoaded(true);\n    };\n    if (live) {\n      return onSnapshot(\n        ref,\n        (snap) => apply(snap.exists() ? snap.data() : {}),\n        () => setLoaded(true),\n      );\n    }\n    let cancelled = false;\n    getDoc(ref)\n      .then((snap) => !cancelled && apply(snap.exists() ? snap.data() : {}))\n      .catch(() => !cancelled && setLoaded(true));\n    return () => {\n      cancelled = true;\n    };\n  }, [siteId, live]);\n\n  return <SettingsContext.Provider value={{ settings, loaded }}>{children}</SettingsContext.Provider>;\n}\n\n/** Ruwe publieke settings + laadstatus. */\nexport function useSiteSettings(): Ctx {\n  return useContext(SettingsContext);\n}\n\n/** SiteConfig met de live Firestore-settings eroverheen (Firestore wint waar gezet). */\nexport function useMergedSiteConfig(): SiteConfig {\n  const base = useSiteConfig();\n  const { settings } = useSiteSettings();\n  return useMemo(() => {\n    const nav = settings.nav && settings.nav.length > 0 ? settings.nav : base.nav;\n    return {\n      ...base,\n      name: settings.name ?? base.name,\n      nav,\n      theme: mergeThemeTokens(base.theme, settings.theme),\n      seoDefaults: settings.seoDefaults ?? base.seoDefaults,\n    };\n  }, [base, settings]);\n}\n"],"mappings":";AAmES;AAjET,SAAS,eAAe,YAAY,WAAW,SAAS,gBAAgC;AACxF,SAAS,KAAK,QAAQ,kBAAkB;AACxC,SAAS,aAAa;AACtB,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAeP,MAAM,kBAAkB,cAAmB,EAAE,UAAU,CAAC,GAAG,QAAQ,MAAM,CAAC;AAEnE,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA,OAAO;AAAA,EACP;AACF,GAIG;AACD,QAAM,CAAC,UAAU,WAAW,IAAI,SAA6B,CAAC,CAAC;AAC/D,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAE1C,YAAU,MAAM;AACd,UAAM,KAAK,MAAM;AACjB,QAAI,CAAC,IAAI;AACP,gBAAU,IAAI;AACd;AAAA,IACF;AACA,UAAM,MAAM,IAAI,IAAI,SAAS,QAAQ,YAAY,QAAQ;AACzD,UAAM,QAAQ,CAAC,SAAkB;AAC/B,YAAM,MAAM,yBAAyB,UAAU,QAAQ,CAAC,CAAC;AACzD,UAAI,IAAI,QAAS,aAAY,IAAI,IAAI;AACrC,gBAAU,IAAI;AAAA,IAChB;AACA,QAAI,MAAM;AACR,aAAO;AAAA,QACL;AAAA,QACA,CAAC,SAAS,MAAM,KAAK,OAAO,IAAI,KAAK,KAAK,IAAI,CAAC,CAAC;AAAA,QAChD,MAAM,UAAU,IAAI;AAAA,MACtB;AAAA,IACF;AACA,QAAI,YAAY;AAChB,WAAO,GAAG,EACP,KAAK,CAAC,SAAS,CAAC,aAAa,MAAM,KAAK,OAAO,IAAI,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,EACpE,MAAM,MAAM,CAAC,aAAa,UAAU,IAAI,CAAC;AAC5C,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,QAAQ,IAAI,CAAC;AAEjB,SAAO,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,EAAE,UAAU,OAAO,GAAI,UAAS;AAC1E;AAGO,SAAS,kBAAuB;AACrC,SAAO,WAAW,eAAe;AACnC;AAGO,SAAS,sBAAkC;AAChD,QAAM,OAAO,cAAc;AAC3B,QAAM,EAAE,SAAS,IAAI,gBAAgB;AACrC,SAAO,QAAQ,MAAM;AACnB,UAAM,MAAM,SAAS,OAAO,SAAS,IAAI,SAAS,IAAI,SAAS,MAAM,KAAK;AAC1E,WAAO;AAAA,MACL,GAAG;AAAA,MACH,MAAM,SAAS,QAAQ,KAAK;AAAA,MAC5B;AAAA,MACA,OAAO,iBAAiB,KAAK,OAAO,SAAS,KAAK;AAAA,MAClD,aAAa,SAAS,eAAe,KAAK;AAAA,IAC5C;AAAA,EACF,GAAG,CAAC,MAAM,QAAQ,CAAC;AACrB;","names":[]}
+{"version":3,"sources":["../../src/settings/useSiteSettings.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext, useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport { doc, getDoc, onSnapshot } from \"firebase/firestore\";\nimport { getDb } from \"../firebase/client\";\nimport { useSiteConfig } from \"../config\";\nimport {\n  PublicSiteSettingsSchema,\n  mergeThemeTokens,\n  type PublicSiteSettings,\n} from \"../schema/settings\";\nimport type { SiteConfig } from \"../schema/siteConfig\";\n\n/**\n * Live, publiek-veilige site-instellingen (`sites/{siteId}/settings/public`) zodat dingen die de\n * klant in /beheer wijzigt (footer, nav, thema, module-instellingen) direct op de site verschijnen.\n *\n * - Met SSR-seed (`initial`, via XiCMSProvider `settingsData`): géén client-read voor publiek —\n *   de settings zitten al in de server-HTML (geen theme-flits) en verversen via ISR.\n * - Zonder seed (publiek): één `getDoc` (geen per-bezoeker listener).\n * - Editors: `useSiteSettingsLiveSync` (onSnapshot) zodat /beheer-wijzigingen meteen zichtbaar zijn.\n * Zonder Firebase of zonder doc valt alles terug op de statische `SiteConfig` (identiek aan vroeger).\n */\ninterface Ctx {\n  settings: PublicSiteSettings;\n  loaded: boolean;\n  /** Interne setter voor de editor-live-sync (useSiteSettingsLiveSync). */\n  _set?: (s: PublicSiteSettings) => void;\n}\nconst SettingsContext = createContext<Ctx>({ settings: {}, loaded: false });\n\nexport function SiteSettingsProvider({\n  siteId,\n  live = false,\n  initial,\n  children,\n}: {\n  siteId: string;\n  live?: boolean;\n  /** SSR-startset (server-side gelezen via `getPublicSiteSettings`); slaat de client-read over. */\n  initial?: PublicSiteSettings;\n  children: ReactNode;\n}) {\n  const hasInitial = initial !== undefined;\n  const [settings, setSettings] = useState<PublicSiteSettings>(initial ?? {});\n  const [loaded, setLoaded] = useState(hasInitial);\n\n  useEffect(() => {\n    // Met een SSR-seed doet de publieke site géén client-read meer: de layout-route is ISR-gecached\n    // en levert verse settings per revalidate; editors krijgen apart een live sync.\n    if (hasInitial && !live) return;\n    const db = getDb();\n    if (!db) {\n      setLoaded(true);\n      return;\n    }\n    const ref = doc(db, \"sites\", siteId, \"settings\", \"public\");\n    const apply = (data: unknown) => {\n      const res = PublicSiteSettingsSchema.safeParse(data ?? {});\n      if (res.success) setSettings(res.data);\n      setLoaded(true);\n    };\n    if (live) {\n      return onSnapshot(\n        ref,\n        (snap) => apply(snap.exists() ? snap.data() : {}),\n        () => setLoaded(true),\n      );\n    }\n    let cancelled = false;\n    getDoc(ref)\n      .then((snap) => !cancelled && apply(snap.exists() ? snap.data() : {}))\n      .catch(() => !cancelled && setLoaded(true));\n    return () => {\n      cancelled = true;\n    };\n  }, [siteId, live, hasInitial]);\n\n  const value = useMemo<Ctx>(() => ({ settings, loaded, _set: setSettings }), [settings, loaded]);\n  return <SettingsContext.Provider value={value}>{children}</SettingsContext.Provider>;\n}\n\n/** Ruwe publieke settings + laadstatus. */\nexport function useSiteSettings(): Ctx {\n  return useContext(SettingsContext);\n}\n\n/**\n * Editor-live-sync: onSnapshot op `settings/public` zolang `enabled` (ingelogde editor). Aparte\n * hook (i.p.v. `live` op de provider) zodat publiek nooit een listener krijgt — zelfde patroon\n * als CustomBlocksSync in XiCMSProvider. Een leesfout laat de bestaande settings staan.\n */\nexport function useSiteSettingsLiveSync(siteId: string, enabled: boolean) {\n  const { _set } = useContext(SettingsContext);\n  useEffect(() => {\n    if (!enabled || !_set) return;\n    const db = getDb();\n    if (!db) return;\n    return onSnapshot(\n      doc(db, \"sites\", siteId, \"settings\", \"public\"),\n      (snap) => {\n        const res = PublicSiteSettingsSchema.safeParse(snap.exists() ? snap.data() : {});\n        if (res.success) _set(res.data);\n      },\n      () => undefined,\n    );\n  }, [enabled, siteId, _set]);\n}\n\n/** SiteConfig met de live Firestore-settings eroverheen (Firestore wint waar gezet). */\nexport function useMergedSiteConfig(): SiteConfig {\n  const base = useSiteConfig();\n  const { settings } = useSiteSettings();\n  return useMemo(() => {\n    const nav = settings.nav && settings.nav.length > 0 ? settings.nav : base.nav;\n    return {\n      ...base,\n      name: settings.name ?? base.name,\n      nav,\n      theme: mergeThemeTokens(base.theme, settings.theme),\n      seoDefaults: settings.seoDefaults ?? base.seoDefaults,\n    };\n  }, [base, settings]);\n}\n"],"mappings":";AA+ES;AA7ET,SAAS,eAAe,YAAY,WAAW,SAAS,gBAAgC;AACxF,SAAS,KAAK,QAAQ,kBAAkB;AACxC,SAAS,aAAa;AACtB,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAmBP,MAAM,kBAAkB,cAAmB,EAAE,UAAU,CAAC,GAAG,QAAQ,MAAM,CAAC;AAEnE,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AACF,GAMG;AACD,QAAM,aAAa,YAAY;AAC/B,QAAM,CAAC,UAAU,WAAW,IAAI,SAA6B,WAAW,CAAC,CAAC;AAC1E,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,UAAU;AAE/C,YAAU,MAAM;AAGd,QAAI,cAAc,CAAC,KAAM;AACzB,UAAM,KAAK,MAAM;AACjB,QAAI,CAAC,IAAI;AACP,gBAAU,IAAI;AACd;AAAA,IACF;AACA,UAAM,MAAM,IAAI,IAAI,SAAS,QAAQ,YAAY,QAAQ;AACzD,UAAM,QAAQ,CAAC,SAAkB;AAC/B,YAAM,MAAM,yBAAyB,UAAU,QAAQ,CAAC,CAAC;AACzD,UAAI,IAAI,QAAS,aAAY,IAAI,IAAI;AACrC,gBAAU,IAAI;AAAA,IAChB;AACA,QAAI,MAAM;AACR,aAAO;AAAA,QACL;AAAA,QACA,CAAC,SAAS,MAAM,KAAK,OAAO,IAAI,KAAK,KAAK,IAAI,CAAC,CAAC;AAAA,QAChD,MAAM,UAAU,IAAI;AAAA,MACtB;AAAA,IACF;AACA,QAAI,YAAY;AAChB,WAAO,GAAG,EACP,KAAK,CAAC,SAAS,CAAC,aAAa,MAAM,KAAK,OAAO,IAAI,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,EACpE,MAAM,MAAM,CAAC,aAAa,UAAU,IAAI,CAAC;AAC5C,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,QAAQ,MAAM,UAAU,CAAC;AAE7B,QAAM,QAAQ,QAAa,OAAO,EAAE,UAAU,QAAQ,MAAM,YAAY,IAAI,CAAC,UAAU,MAAM,CAAC;AAC9F,SAAO,oBAAC,gBAAgB,UAAhB,EAAyB,OAAe,UAAS;AAC3D;AAGO,SAAS,kBAAuB;AACrC,SAAO,WAAW,eAAe;AACnC;AAOO,SAAS,wBAAwB,QAAgB,SAAkB;AACxE,QAAM,EAAE,KAAK,IAAI,WAAW,eAAe;AAC3C,YAAU,MAAM;AACd,QAAI,CAAC,WAAW,CAAC,KAAM;AACvB,UAAM,KAAK,MAAM;AACjB,QAAI,CAAC,GAAI;AACT,WAAO;AAAA,MACL,IAAI,IAAI,SAAS,QAAQ,YAAY,QAAQ;AAAA,MAC7C,CAAC,SAAS;AACR,cAAM,MAAM,yBAAyB,UAAU,KAAK,OAAO,IAAI,KAAK,KAAK,IAAI,CAAC,CAAC;AAC/E,YAAI,IAAI,QAAS,MAAK,IAAI,IAAI;AAAA,MAChC;AAAA,MACA,MAAM;AAAA,IACR;AAAA,EACF,GAAG,CAAC,SAAS,QAAQ,IAAI,CAAC;AAC5B;AAGO,SAAS,sBAAkC;AAChD,QAAM,OAAO,cAAc;AAC3B,QAAM,EAAE,SAAS,IAAI,gBAAgB;AACrC,SAAO,QAAQ,MAAM;AACnB,UAAM,MAAM,SAAS,OAAO,SAAS,IAAI,SAAS,IAAI,SAAS,MAAM,KAAK;AAC1E,WAAO;AAAA,MACL,GAAG;AAAA,MACH,MAAM,SAAS,QAAQ,KAAK;AAAA,MAC5B;AAAA,MACA,OAAO,iBAAiB,KAAK,OAAO,SAAS,KAAK;AAAA,MAClD,aAAa,SAAS,eAAe,KAAK;AAAA,IAC5C;AAAA,EACF,GAAG,CAAC,MAAM,QAAQ,CAAC;AACrB;","names":[]}

package/dist/styles.css

@@ -370,6 +370,13 @@
   .xicms-ve__inserter {
     flex-wrap: wrap;
   }
+  /* Touch-raakdoelen: de blok-toolbarknoppen (✏️ ↑ ↓ ⎘ 🗑) waren op een telefoon te klein om
+     betrouwbaar te raken (WCAG raakdoel ≥ 44px op mobiel). */
+  .xicms-ve-block__toolbar button {
+    min-width: 40px;
+    min-height: 40px;
+    font-size: 1rem;
+  }
   .xicms-ve__inserter-select {
     width: 100%;
   }
@@ -1074,6 +1081,13 @@
     grid-template-columns: 1fr !important;
   }
 }
+/* Tablet: 3-4 kolommen squishen tussen 641-959px — terug naar 2 (mobiel heeft al 1). */
+@media (min-width: 641px) and (max-width: 959px) {
+  .xicms-columns[data-cols="3"],
+  .xicms-columns[data-cols="4"] {
+    grid-template-columns: repeat(2, 1fr) !important;
+  }
+}
 .xicms-newslist {
   margin: 1.5rem 0;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xiwebdesign/xicms-core",
-  "version": "5.3.0",
+  "version": "5.4.0",
   "description": "XiCMS engine: gestructureerde content, pagina's, draft/publish, admin (TipTap+Radix), SEO en beveiliging voor klantsites.",
   "license": "UNLICENSED",
   "repository": {
@@ -42,7 +42,11 @@
     },
     "./layers.css": "./dist/layers.css",
     "./styles.css": "./dist/styles.css",
-    "./admin.css": "./dist/admin.css"
+    "./admin.css": "./dist/admin.css",
+    "./demo": {
+      "types": "./dist/demo/index.d.ts",
+      "import": "./dist/demo/index.js"
+    }
   },
   "files": [
     "dist"