@xiwebdesign/xicms-core 4.18.0 → 5.0.1

package/dist/components/EditableRichText.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/EditableRichText.tsx"],"sourcesContent":["\"use client\";\n\nimport { type CSSProperties } from \"react\";\nimport { useContent } from \"../content/ContentProvider\";\n\ninterface EditableRichTextProps {\n  id: string;\n  className?: string;\n  style?: CSSProperties;\n  children?: string;\n}\n\n/**\n * Meerregelig bewerkbaar tekstblok (platte tekst, regelafbrekingen blijven behouden).\n * In bewerk-modus een textarea; daarbuiten paragrafen. Bewust géén HTML, om XSS te vermijden.\n */\n/** @deprecated Legacy inline (v1). Gebruik een richText-block + de visuele editor. */\nexport function EditableRichText({ id, className, style, children }: EditableRichTextProps) {\n  const { get, set, editMode, canEdit } = useContent();\n  const value = get(id, children ?? \"\");\n\n  if (editMode && canEdit) {\n    return (\n      <textarea\n        className={`${className ?? \"\"} xicms-editable`.trim()}\n        style={{ width: \"100%\", minHeight: 120, ...style }}\n        defaultValue={value}\n        data-xicms-id={id}\n        onBlur={(e) => {\n          if (e.currentTarget.value !== value) void set(id, e.currentTarget.value);\n        }}\n      />\n    );\n  }\n\n  return (\n    <div className={className} style={style}>\n      {value.split(/\\n{2,}/).map((para, i) => (\n        <p key={i} style={{ whiteSpace: \"pre-wrap\" }}>\n          {para}\n        </p>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";AAuBM;AApBN,SAAS,kBAAkB;AAcpB,SAAS,iBAAiB,EAAE,IAAI,WAAW,OAAO,SAAS,GAA0B;AAC1F,QAAM,EAAE,KAAK,KAAK,UAAU,QAAQ,IAAI,WAAW;AACnD,QAAM,QAAQ,IAAI,IAAI,YAAY,EAAE;AAEpC,MAAI,YAAY,SAAS;AACvB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,aAAa,EAAE,kBAAkB,KAAK;AAAA,QACpD,OAAO,EAAE,OAAO,QAAQ,WAAW,KAAK,GAAG,MAAM;AAAA,QACjD,cAAc;AAAA,QACd,iBAAe;AAAA,QACf,QAAQ,CAAC,MAAM;AACb,cAAI,EAAE,cAAc,UAAU,MAAO,MAAK,IAAI,IAAI,EAAE,cAAc,KAAK;AAAA,QACzE;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE,oBAAC,SAAI,WAAsB,OACxB,gBAAM,MAAM,QAAQ,EAAE,IAAI,CAAC,MAAM,MAChC,oBAAC,OAAU,OAAO,EAAE,YAAY,WAAW,GACxC,kBADK,CAER,CACD,GACH;AAEJ;","names":[]}

package/dist/components/EditableText.d.ts

@@ -1,21 +0,0 @@
-import { type CSSProperties } from "react";
-interface EditableTextProps {
-    /** Stabiel content-id, bv. "home.hero.title". */
-    id: string;
-    /** HTML-element waarin de tekst wordt gerenderd. */
-    as?: keyof React.JSX.IntrinsicElements;
-    className?: string;
-    style?: CSSProperties;
-    /** Standaardtekst als er nog geen waarde is. */
-    children?: string;
-}
-/**
- * Inline bewerkbaar tekstblok. In bewerk-modus (voor wie mag bewerken) wordt het element
- * `contentEditable`; bij blur wordt de tekst opgeslagen. Buiten bewerk-modus is het gewone tekst.
- */
-/** @deprecated Legacy inline (v1). Gebruik een block met `data-xicms-edit` + de visuele editor. */
-export declare function EditableText({ id, as, className, style, children }: EditableTextProps): import("react").ReactElement<{
-    className: string | undefined;
-    style: CSSProperties | undefined;
-}, string | import("react").JSXElementConstructor<any>>;
-export {};

package/dist/components/EditableText.js

@@ -1,25 +0,0 @@
-"use client";
-import { createElement } from "react";
-import { useContent } from "../content/ContentProvider";
-function EditableText({ id, as = "span", className, style, children }) {
-  const { get, set, editMode, canEdit } = useContent();
-  const value = get(id, children ?? "");
-  if (editMode && canEdit) {
-    return createElement(as, {
-      className: `${className ?? ""} xicms-editable`.trim(),
-      style,
-      contentEditable: true,
-      suppressContentEditableWarning: true,
-      "data-xicms-id": id,
-      onBlur: (e) => {
-        const next = e.currentTarget.textContent ?? "";
-        if (next !== value) void set(id, next);
-      }
-    }, value);
-  }
-  return createElement(as, { className, style }, value);
-}
-export {
-  EditableText
-};
-//# sourceMappingURL=EditableText.js.map

package/dist/components/EditableText.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/EditableText.tsx"],"sourcesContent":["\"use client\";\n\nimport { createElement, type CSSProperties, type FocusEvent } from \"react\";\nimport { useContent } from \"../content/ContentProvider\";\n\ninterface EditableTextProps {\n  /** Stabiel content-id, bv. \"home.hero.title\". */\n  id: string;\n  /** HTML-element waarin de tekst wordt gerenderd. */\n  as?: keyof React.JSX.IntrinsicElements;\n  className?: string;\n  style?: CSSProperties;\n  /** Standaardtekst als er nog geen waarde is. */\n  children?: string;\n}\n\n/**\n * Inline bewerkbaar tekstblok. In bewerk-modus (voor wie mag bewerken) wordt het element\n * `contentEditable`; bij blur wordt de tekst opgeslagen. Buiten bewerk-modus is het gewone tekst.\n */\n/** @deprecated Legacy inline (v1). Gebruik een block met `data-xicms-edit` + de visuele editor. */\nexport function EditableText({ id, as = \"span\", className, style, children }: EditableTextProps) {\n  const { get, set, editMode, canEdit } = useContent();\n  const value = get(id, children ?? \"\");\n\n  if (editMode && canEdit) {\n    return createElement(as, {\n      className: `${className ?? \"\"} xicms-editable`.trim(),\n      style,\n      contentEditable: true,\n      suppressContentEditableWarning: true,\n      \"data-xicms-id\": id,\n      onBlur: (e: FocusEvent<HTMLElement>) => {\n        const next = e.currentTarget.textContent ?? \"\";\n        if (next !== value) void set(id, next);\n      },\n    }, value);\n  }\n\n  return createElement(as, { className, style }, value);\n}\n"],"mappings":";AAEA,SAAS,qBAA0D;AACnE,SAAS,kBAAkB;AAkBpB,SAAS,aAAa,EAAE,IAAI,KAAK,QAAQ,WAAW,OAAO,SAAS,GAAsB;AAC/F,QAAM,EAAE,KAAK,KAAK,UAAU,QAAQ,IAAI,WAAW;AACnD,QAAM,QAAQ,IAAI,IAAI,YAAY,EAAE;AAEpC,MAAI,YAAY,SAAS;AACvB,WAAO,cAAc,IAAI;AAAA,MACvB,WAAW,GAAG,aAAa,EAAE,kBAAkB,KAAK;AAAA,MACpD;AAAA,MACA,iBAAiB;AAAA,MACjB,gCAAgC;AAAA,MAChC,iBAAiB;AAAA,MACjB,QAAQ,CAAC,MAA+B;AACtC,cAAM,OAAO,EAAE,cAAc,eAAe;AAC5C,YAAI,SAAS,MAAO,MAAK,IAAI,IAAI,IAAI;AAAA,MACvC;AAAA,IACF,GAAG,KAAK;AAAA,EACV;AAEA,SAAO,cAAc,IAAI,EAAE,WAAW,MAAM,GAAG,KAAK;AACtD;","names":[]}

package/dist/content/ContentProvider.d.ts

@@ -1,23 +0,0 @@
-import { type ReactNode } from "react";
-interface ContentState {
-    /** Haal een waarde op; valt terug op defaults en daarna op `fallback`. */
-    get: (key: string, fallback?: string) => string;
-    /** Sla een waarde op (alleen als de gebruiker mag bewerken). */
-    set: (key: string, value: string) => Promise<void>;
-    /** Of de bewerk-modus aanstaat. */
-    editMode: boolean;
-    setEditMode: (on: boolean) => void;
-    /** Of de huidige gebruiker content mag bewerken. */
-    canEdit: boolean;
-    loading: boolean;
-}
-/** @deprecated LEGACY v1 (plat `cms/content`-model). Vervangen door het block-model (pagina's/
- * drafts) + de visuele editor. Blijft werken voor bestaande sites; verwijdering volgt in een major. */
-export declare function ContentProvider({ siteId, defaults, children, }: {
-    siteId: string;
-    defaults?: Record<string, string>;
-    children: ReactNode;
-}): import("react").JSX.Element;
-/** @deprecated Hoort bij het legacy `cms/content`-model. Voor rechten: `useAuth()` + `canEdit(role)`. */
-export declare function useContent(): ContentState;
-export {};

package/dist/content/ContentProvider.js

@@ -1,86 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import {
-  createContext,
-  useContext,
-  useEffect,
-  useMemo,
-  useState
-} from "react";
-import { doc, getDoc, onSnapshot, setDoc, serverTimestamp } from "firebase/firestore";
-import { getDb } from "../firebase/client";
-import { useAuth } from "../auth/AuthProvider";
-import { canEdit } from "../auth/roles";
-const ContentContext = createContext(null);
-function ContentProvider({
-  siteId,
-  defaults = {},
-  children
-}) {
-  const { role } = useAuth();
-  const editable = canEdit(role);
-  const [values, setValues] = useState({});
-  const [editMode, setEditMode] = useState(false);
-  const [loading, setLoading] = useState(true);
-  useEffect(() => {
-    const db = getDb();
-    if (!db) {
-      setLoading(false);
-      return;
-    }
-    const ref = doc(db, "sites", siteId, "cms", "content");
-    const apply = (snap) => {
-      const data = snap.data();
-      setValues(data?.values ?? {});
-      setLoading(false);
-    };
-    if (editable) {
-      const unsub = onSnapshot(ref, apply, () => setLoading(false));
-      return () => unsub();
-    }
-    let active = true;
-    getDoc(ref).then((snap) => {
-      if (active) apply(snap);
-    }).catch(() => {
-      if (active) setLoading(false);
-    });
-    return () => {
-      active = false;
-    };
-  }, [siteId, editable]);
-  useEffect(() => {
-    if (!editable && editMode) setEditMode(false);
-  }, [editable, editMode]);
-  const value = useMemo(
-    () => ({
-      get: (key, fallback = "") => values[key] ?? defaults[key] ?? fallback,
-      set: async (key, val) => {
-        if (!editable) return;
-        const db = getDb();
-        if (!db) return;
-        const ref = doc(db, "sites", siteId, "cms", "content");
-        await setDoc(
-          ref,
-          { values: { [key]: val }, updatedAt: serverTimestamp() },
-          { merge: true }
-        );
-      },
-      editMode,
-      setEditMode,
-      canEdit: editable,
-      loading
-    }),
-    [values, defaults, editMode, editable, loading, siteId]
-  );
-  return /* @__PURE__ */ jsx(ContentContext.Provider, { value, children });
-}
-function useContent() {
-  const ctx = useContext(ContentContext);
-  if (!ctx) throw new Error("useContent moet binnen <XiCMSProvider> worden gebruikt.");
-  return ctx;
-}
-export {
-  ContentProvider,
-  useContent
-};
-//# sourceMappingURL=ContentProvider.js.map

package/dist/content/ContentProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/content/ContentProvider.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport { doc, getDoc, onSnapshot, setDoc, serverTimestamp } from \"firebase/firestore\";\nimport { getDb } from \"../firebase/client\";\nimport { useAuth } from \"../auth/AuthProvider\";\nimport { canEdit } from \"../auth/roles\";\n\ninterface ContentState {\n  /** Haal een waarde op; valt terug op defaults en daarna op `fallback`. */\n  get: (key: string, fallback?: string) => string;\n  /** Sla een waarde op (alleen als de gebruiker mag bewerken). */\n  set: (key: string, value: string) => Promise<void>;\n  /** Of de bewerk-modus aanstaat. */\n  editMode: boolean;\n  setEditMode: (on: boolean) => void;\n  /** Of de huidige gebruiker content mag bewerken. */\n  canEdit: boolean;\n  loading: boolean;\n}\n\nconst ContentContext = createContext<ContentState | null>(null);\n\n/** @deprecated LEGACY v1 (plat `cms/content`-model). Vervangen door het block-model (pagina's/\n * drafts) + de visuele editor. Blijft werken voor bestaande sites; verwijdering volgt in een major. */\nexport function ContentProvider({\n  siteId,\n  defaults = {},\n  children,\n}: {\n  siteId: string;\n  defaults?: Record<string, string>;\n  children: ReactNode;\n}) {\n  const { role } = useAuth();\n  const editable = canEdit(role);\n  const [values, setValues] = useState<Record<string, string>>({});\n  const [editMode, setEditMode] = useState(false);\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    const db = getDb();\n    if (!db) {\n      setLoading(false);\n      return;\n    }\n    const ref = doc(db, \"sites\", siteId, \"cms\", \"content\");\n    const apply = (snap: { data: () => unknown }) => {\n      const data = snap.data() as { values?: Record<string, string> } | undefined;\n      setValues(data?.values ?? {});\n      setLoading(false);\n    };\n\n    // Kostenbesparing: publieke bezoekers (geen bewerkrechten) lezen de content één keer\n    // (getDoc) i.p.v. een realtime listener per bezoeker. Editors houden onSnapshot zodat ze\n    // hun eigen wijzigingen meteen terugzien.\n    if (editable) {\n      const unsub = onSnapshot(ref, apply, () => setLoading(false));\n      return () => unsub();\n    }\n    let active = true;\n    getDoc(ref)\n      .then((snap) => {\n        if (active) apply(snap);\n      })\n      .catch(() => {\n        if (active) setLoading(false);\n      });\n    return () => {\n      active = false;\n    };\n  }, [siteId, editable]);\n\n  // Geen bewerk-rechten? Forceer edit-modus uit.\n  useEffect(() => {\n    if (!editable && editMode) setEditMode(false);\n  }, [editable, editMode]);\n\n  const value = useMemo<ContentState>(\n    () => ({\n      get: (key, fallback = \"\") => values[key] ?? defaults[key] ?? fallback,\n      set: async (key, val) => {\n        if (!editable) return;\n        const db = getDb();\n        if (!db) return;\n        const ref = doc(db, \"sites\", siteId, \"cms\", \"content\");\n        await setDoc(\n          ref,\n          { values: { [key]: val }, updatedAt: serverTimestamp() },\n          { merge: true },\n        );\n      },\n      editMode,\n      setEditMode,\n      canEdit: editable,\n      loading,\n    }),\n    [values, defaults, editMode, editable, loading, siteId],\n  );\n\n  return <ContentContext.Provider value={value}>{children}</ContentContext.Provider>;\n}\n\n/** @deprecated Hoort bij het legacy `cms/content`-model. Voor rechten: `useAuth()` + `canEdit(role)`. */\nexport function useContent(): ContentState {\n  const ctx = useContext(ContentContext);\n  if (!ctx) throw new Error(\"useContent moet binnen <XiCMSProvider> worden gebruikt.\");\n  return ctx;\n}\n"],"mappings":";AA2GS;AAzGT;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,KAAK,QAAQ,YAAY,QAAQ,uBAAuB;AACjE,SAAS,aAAa;AACtB,SAAS,eAAe;AACxB,SAAS,eAAe;AAexB,MAAM,iBAAiB,cAAmC,IAAI;AAIvD,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA,WAAW,CAAC;AAAA,EACZ;AACF,GAIG;AACD,QAAM,EAAE,KAAK,IAAI,QAAQ;AACzB,QAAM,WAAW,QAAQ,IAAI;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiC,CAAC,CAAC;AAC/D,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAE3C,YAAU,MAAM;AACd,UAAM,KAAK,MAAM;AACjB,QAAI,CAAC,IAAI;AACP,iBAAW,KAAK;AAChB;AAAA,IACF;AACA,UAAM,MAAM,IAAI,IAAI,SAAS,QAAQ,OAAO,SAAS;AACrD,UAAM,QAAQ,CAAC,SAAkC;AAC/C,YAAM,OAAO,KAAK,KAAK;AACvB,gBAAU,MAAM,UAAU,CAAC,CAAC;AAC5B,iBAAW,KAAK;AAAA,IAClB;AAKA,QAAI,UAAU;AACZ,YAAM,QAAQ,WAAW,KAAK,OAAO,MAAM,WAAW,KAAK,CAAC;AAC5D,aAAO,MAAM,MAAM;AAAA,IACrB;AACA,QAAI,SAAS;AACb,WAAO,GAAG,EACP,KAAK,CAAC,SAAS;AACd,UAAI,OAAQ,OAAM,IAAI;AAAA,IACxB,CAAC,EACA,MAAM,MAAM;AACX,UAAI,OAAQ,YAAW,KAAK;AAAA,IAC9B,CAAC;AACH,WAAO,MAAM;AACX,eAAS;AAAA,IACX;AAAA,EACF,GAAG,CAAC,QAAQ,QAAQ,CAAC;AAGrB,YAAU,MAAM;AACd,QAAI,CAAC,YAAY,SAAU,aAAY,KAAK;AAAA,EAC9C,GAAG,CAAC,UAAU,QAAQ,CAAC;AAEvB,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL,KAAK,CAAC,KAAK,WAAW,OAAO,OAAO,GAAG,KAAK,SAAS,GAAG,KAAK;AAAA,MAC7D,KAAK,OAAO,KAAK,QAAQ;AACvB,YAAI,CAAC,SAAU;AACf,cAAM,KAAK,MAAM;AACjB,YAAI,CAAC,GAAI;AACT,cAAM,MAAM,IAAI,IAAI,SAAS,QAAQ,OAAO,SAAS;AACrD,cAAM;AAAA,UACJ;AAAA,UACA,EAAE,QAAQ,EAAE,CAAC,GAAG,GAAG,IAAI,GAAG,WAAW,gBAAgB,EAAE;AAAA,UACvD,EAAE,OAAO,KAAK;AAAA,QAChB;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT;AAAA,IACF;AAAA,IACA,CAAC,QAAQ,UAAU,UAAU,UAAU,SAAS,MAAM;AAAA,EACxD;AAEA,SAAO,oBAAC,eAAe,UAAf,EAAwB,OAAe,UAAS;AAC1D;AAGO,SAAS,aAA2B;AACzC,QAAM,MAAM,WAAW,cAAc;AACrC,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,yDAAyD;AACnF,SAAO;AACT;","names":[]}