CEL Scripting in Template Builder

Jouw script                    De engine                     Resultaat
    |                              |                              |
    v                              v                              v
documents.get("article", "intro") --> Haalt op uit de database --> { headline: "Welkom", body: "..." }
         .headline                --> Extraheert het veld    --> "Welkom"

// Toegang tot het prijsveld van het huidige document
doc.price

// Totaal berekenen op basis van velden in het huidige document
doc.price * doc.quantity

// Voorwaarde op basis van de status van het huidige document
doc.status == "published" ? doc.title : "Concept: " + doc.title

// Opgeslagen in het CMS als: article / welcome-post
{
  "headline": "Welkom op ons platform",
  "author": "Sarah Chen",
  "body": "We zijn verheugd aan te kondigen...",
  "tags": ["announcement", "news"]
}

documents.get("article", "welcome-post")

{
  "headline": "Welkom op ons platform",
  "author": "Sarah Chen",
  "body": "We zijn verheugd aan te kondigen...",
  "tags": ["announcement", "news"]
}

documents.get("article", "welcome-post").headline

documents.get("article", "welcome-post").author

documents.get("article", meta.params.slug).headline

// Haal alle landen op
documents.find("country")

[
  { "code": "us", "name": "Verenigde Staten", "flag": "US" },
  { "code": "sa", "name": "Saoedi-Arabië", "flag": "SA" },
  { "code": "gb", "name": "Verenigd Koninkrijk", "flag": "GB" }
]

// Haal landen op met een filter
documents.find("country", { "where": { "code": "us" } })

[
  { "code": "us", "name": "Verenigde Staten", "flag": "US" }
]

// Als meta.locale "fr" is, wordt de Franse vertaling samengevoegd met het basisdocument
documents.get("greeting", "welcome").headline

// Altijd de Spaanse vertaling ophalen
documents.translated("greeting", "welcome", "es").headline

// Vertaling ophalen op basis van URL-parameter
documents.translated("product", meta.params.id, meta.params.lang).description

// Vertalingen vergelijken
documents.translated("article", "intro", "en").title + " / " + documents.translated("article", "intro", "fr").title

// Basisdocument: greeting / welcome
{ "headline": "Welkom", "subheadline": "Welkom op ons platform" }

// Vertaling (taal: "fr")
{ "headline": "Bienvenue", "subheadline": "Bienvenue sur notre plateforme" }

// Vertaling (taal: "es")
{ "headline": "Bienvenido", "subheadline": "Bienvenido a nuestra plataforma" }

// Met meta.locale = "fr"
documents.get("greeting", "welcome").headline
// Geeft terug: "Bienvenue"

// Expliciete Spaanse vertaling
documents.translated("greeting", "welcome", "es").headline
// Geeft terug: "Bienvenido"

// Fallback-patroon voor ontbrekende vertalingen
documents.translated("greeting", "welcome", meta.params.lang) != null
  ? documents.translated("greeting", "welcome", meta.params.lang).headline
  : documents.get("greeting", "welcome").headline

{
  "headline": "Bouw sneller, lever slimmer",
  "subheadline": "Het moderne CMS voor ontwikkelaars"
}

documents.get("article", "homepage-hero").headline

// country / us
{ "code": "us", "name": "Verenigde Staten", "flag": "US", "languages": ["en", "es"] }

// country / sa
{ "code": "sa", "name": "Saoedi-Arabië", "flag": "SA", "languages": ["ar", "en"] }

documents.get("country", meta.params.code).name

meta.locale == "ar-SA" ? "Welkom, iedereen" : "Welkom"

{ "headline": "Nieuws uit de VS", "countryCode": "us" }

documents.get("country", documents.get("article", "us-news").countryCode).name

documents.get("article", meta.params.slug) != null
  ? documents.get("article", meta.params.slug).headline
  : "Artikel niet gevonden"

documents.get("article", "intro").author != null
  ? documents.get("article", "intro").author
  : "Onbekende auteur"

"featured" in documents.get("article", "welcome-post").tags

documents.get("article", "welcome-post").tags[0]

size(documents.get("article", "welcome-post").tags)

{
  "pattern": "/{lang}/landingPage",
  "param_bindings": {
    "lang": "language"
  }
}

// greeting / ko
{ "code": "ko", "headline": "Welkom", "subheadline": "Welkom op ons platform", "ctaText": "Aan de slag", "ctaUrl": "/ko/get-started" }

// greeting / en
{ "code": "en", "headline": "Welkom", "subheadline": "Welkom op ons platform", "ctaText": "Aan de slag", "ctaUrl": "/en/get-started" }

// greeting / ja
{ "code": "ja", "headline": "Welkom", "subheadline": "Welkom op ons platform", "ctaText": "Start", "ctaUrl": "/ja/get-started" }

documents.get("greeting", meta.params.lang).headline

{
  "pattern": "/{country}/{lang}/products",
  "param_bindings": {
    "country": "country",
    "lang": "language"
  }
}

// Landnaam ophalen
documents.get("country", meta.params.country).name

// Gelokaliseerde productlijst op basis van land
documents.find("product", { "where": { "country": meta.params.country } })

// Gecombineerd: toon land-specifieke begroeting in de taal van de gebruiker
documents.get("greeting", meta.params.lang).headline + " uit " + documents.get("country", meta.params.country).name

// Eerste segment ophalen (vaak taalcode)
meta.segments[0]

// Pad-diepte controleren
size(meta.segments) > 2 ? "diep" : "oppervlakkig"

// Controleren of we in het beheergedeelte zitten
"admin" in meta.segments ? "adminmodus" : "openbare modus"

// Fallback: gebruik segment als param niet is gekoppeld
has(meta.params.lang) ? meta.params.lang : meta.segments[0]

// Locale controleren voor RTL-talen
meta.locale == "ar-SA" || meta.locale == "he-IL" ? "rtl" : "ltr"

// Alleen het taalgedeelte ophalen
meta.locale.split("-")[0]  // Niet ondersteund - gebruik in plaats daarvan meta.params.lang

// Benoemde parameter benaderen
meta.params.lang           // "ko"
meta.params.country        // "us"
meta.params.slug           // "welcome-post"

// Controleren of parameter bestaat
has(meta.params.category)  // true/false

// Gebruiken in documentopvraag
documents.get("greeting", meta.params.lang)
documents.ref("airports").get(meta.params.code)

// Benader op index (0-based)
meta.segments[0]           // Eerste segment
meta.segments[1]           // Tweede segment

// Lengte controleren
size(meta.segments)        // Aantal segmenten

// Lidmaatschap controleren
"products" in meta.segments  // Bevat het pad "products"?

// Alleen beschikbaar bij het bewerken van bestaande documenten
meta.docId != null ? "bewerken" : "nieuw aanmaken"

// Gebruik in conditionele logica
meta.docId != null ? documents.get("article", meta.docId).status : "draft"

// Gebruik voor weergave
"Bewerken: " + meta.title

// Conditie op basis van titel
meta.title.contains("Draft") ? "werk in uitvoering" : "gepubliceerd"

// Traditionele aanpak
documents.get("airports", meta.params.code).name

// Met ref() - schema apart van dynamische identifier
documents.ref("airports").get(meta.params.code).name

documents.get("schema", "identifier")       // Eén document ophalen
documents.get("schema", "id").fieldName     // Een specifiek veld ophalen
documents.find("schema")                    // Alle documenten ophalen
documents.find("schema", { "where": {...}}) // Gefilterde query
documents.ref("schema").get(identifier)     // Gekoppelde lookup
documents.translated("schema", "id", "fr")  // Ophalen met expliciete locale

meta.locale          // "en-US", "ar-SA", enz.
meta.params.xyz      // URL-parameter met naam "xyz"
meta.segments        // URL-pad als array: ["articles", "intro"]
meta.segments[0]     // Eerste padsegment
meta.docId           // Huidige document-ID (of null)
meta.title           // Huidige documenttitel
doc.fieldName        // Veldwaarde van het huidige document (in editorcontext)

// Vergelijking
==  !=  <  <=  >  >=

// Logica
&&  ||  !

// Ternair (if-else)
voorwaarde ? waardeIndienWaar : waardeIndienOnwaar

// Lidmaatschap
"value" in listOrMap

size(list)                    // Aantal items
size(string)                  // Stringlengte
"text".startsWith("te")       // true
"text".endsWith("xt")         // true
"text".contains("ex")         // true
has(object.property)          // Controleren of eigenschap bestaat
hasProperty(obj, "key")       // Controleren of object sleutel heeft (alternatieve syntaxis)

// Toekomst: externe services aanroepen via MCP
mcp.translate(meta.params.text, "en", meta.params.lang)
mcp.analyze(documents.get("article", meta.params.id).body)

// Toekomst: door AI aangestuurde contentgeneratie
ai.summarize(documents.get("article", meta.params.id).body, 100)
ai.translate(meta.params.text, meta.params.targetLang)
ai.classify(meta.params.input, ["positive", "negative", "neutral"])

// Artikel slaat auteur-ID op, haal naam van auteur op
documents.get("author", documents.get("article", "intro").authorId).name

// Traditionele aanpak
documents.get("country", documents.get("airport", meta.params.code).countryCode).name

// Met ref() - duidelijker wanneer schema bekend is maar identifier dynamisch
\ndocuments.ref("country").get(documents.get("airport", meta.params.code).countryCode).name

// Airport → Country → Region → Continent
documents.get("continent",
  documents.get("region",
    documents.get("country",
      documents.get("airport", meta.params.code).countryCode
    ).regionCode
  ).continentCode
).name

// Gelokaliseerde landnaam voor een luchthaven ophalen
documents.translated("country",
  documents.get("airport", meta.params.code).countryCode,
  meta.params.lang
).name

// article / tech-news
{ "title": "Tech-update", "authorId": "author-123", "categoryId": "cat-tech" }

// Naam van auteur ophalen
documents.get("author", documents.get("article", meta.params.slug).authorId).name

// Categorie ophalen met fallback
documents.get("article", meta.params.slug).categoryId != null
  ? documents.get("category", documents.get("article", meta.params.slug).categoryId).name
  : "Geen categorie"

// airport / JFK
{ "code": "JFK", "name": "John F. Kennedy International", "countryCode": "us" }

// country / us
{ "code": "us", "name": "Verenigde Staten", "currencyCode": "usd" }

// currency / usd
{ "code": "usd", "symbol": "$", "name": "Amerikaanse dollar" }

// Airport → Country → Currency-keten
documents.get("currency",
  documents.get("country",
    documents.get("airport", meta.params.code).countryCode
  ).currencyCode
).symbol
// Voor JFK: geeft "$"

// In een productdocument, haal gerelateerde categoriedetails op
documents.get("category", doc.categoryId).description

// Berekende verzendkosten op basis van herkomstland van product
documents.get("shipping-rates", doc.originCountry).baseRate * doc.weight

// Haal auteur van artikel op en daarna andere artikelen van dezelfde auteur (let op fetch-telling)
documents.find("article", { "where": { "authorId": documents.get("article", meta.params.slug).authorId } })

// content-block / hero-1
{ "type": "hero", "sourceType": "article", "sourceId": "welcome-post" }

// content-block / hero-2
{ "type": "hero", "sourceType": "product", "sourceId": "featured-item" }

// Dynamische schema-opvraging op basis van sourceType
documents.get("content-block", "hero-1").sourceType == "article"
  ? documents.get("article", documents.get("content-block", "hero-1").sourceId).headline
  : documents.get("product", documents.get("content-block", "hero-1").sourceId).name

// Slecht: haalt hetzelfde document twee keer op
documents.get("author", documents.get("article", "intro").authorId).name + " - " +
documents.get("author", documents.get("article", "intro").authorId).bio

// Beter: gebruik conditionele controle om slechts één keer te halen
documents.get("article", "intro").authorId != null
  ? documents.get("author", documents.get("article", "intro").authorId).name
  : "Onbekende auteur"

{
  "name": "greeting",
  "fields": [
    { "name": "code", "type": "string", "required": true },
    { "name": "headline", "type": "string", "required": true },
    { "name": "subheadline", "type": "string" },
    { "name": "ctaText", "type": "string" },
    { "name": "ctaUrl", "type": "string" }
  ]
}

{
  "code": "ko",
  "headline": "Welkom",
  "subheadline": "Welkom op ons platform",
  "ctaText": "Aan de slag",
  "ctaUrl": "/ko/get-started"
}

{
  "code": "en",
  "headline": "Welkom",
  "subheadline": "Welkom op ons platform",
  "ctaText": "Aan de slag",
  "ctaUrl": "/en/get-started"
}

{
  "code": "ja",
  "headline": "Welkom",
  "subheadline": "Welkom op ons platform",
  "ctaText": "Start",
  "ctaUrl": "/ja/get-started"
}

  {
    "lang": "language"
  }

documents.get("greeting", meta.params.lang).headline

documents.get("greeting", meta.params.lang).subheadline

documents.get("greeting", meta.params.lang).ctaText

documents.get("greeting", meta.params.lang).ctaUrl

// app/[...slug]/page.tsx
import ParametricRoutePage from 'cms-renderer/lib/renderer';
import { registry } from '@/lib/registry';
import { cmsConfig } from '@/lib/cms-config';

export const dynamic = 'force-static';

interface PageProps {
  params: Promise<{ slug: string[] }>;
}

export default async function Page({ params }: PageProps) {
  const { slug } = await params;

  return (
    <ParametricRoutePage
      registry={registry}
      apiKey={cmsConfig.apiKey}
      websiteId={cmsConfig.websiteId}
      cmsUrl={cmsConfig.cmsUrl}
      params={Promise.resolve({ slug })}
    />
  );
}

interface CelMeta {
  /** Huidige localecode (bijv. 'en-US') */
  locale: string;
  /** Routeparameters die uit de URL zijn gehaald */
  params: Record<string, string>;
  /** URL-padsegmenten */
  segments: string[];
  /** Huidige document-ID (bij bewerken bestaand document) */
  docId: string | null;
  /** Huidige documenttitel */
  title: string;
}

Patroon: /{country}/{lang}/products
Pad:     /us/en/products

Algoritme:
1. Normaliseer beide (verwijder afsluitende slashes)
2. Splits in segmenten: ["us", "en", "products"] en ["{country}", "{lang}", "products"]
3. Segmentaantal moet overeenkomen
4. Voor elk segmentpaar:
   - Als patroon begint met : of {}, extraheer als parameter
   - Anders moet het exact overeenkomen
5. Resultaat: { country: "us", lang: "en" }

// Eenvoudige koppeling (gebruikt veld "code" voor lookup)
{ "lang": "language" }

// Gedetailleerde koppeling (aangepast slug-veld)
{
  "lang": {
    "schemaName": "language",
    "slugField": "code"
  },
  "slug": {
    "schemaName": "article",
    "slugField": "slug"
  }
}