@xiwebdesign/xicms-core 4.17.1

package/dist/theme/presets.d.ts

@@ -0,0 +1,12 @@
+import type { ThemeTokens } from "../schema/settings";
+/**
+ * Kant-en-klare thema-presets (kleur + lettertype + afronding) waarmee een agent of editor in één
+ * keuze een verzorgde huisstijl neerzet. Pas daarna gerust losse tokens aan. De `fontUrl` is een
+ * Google-Fonts-stylesheet die de provider automatisch inlaadt.
+ */
+export interface ThemePreset {
+    id: string;
+    label: string;
+    theme: ThemeTokens;
+}
+export declare const builtinThemePresets: ThemePreset[];

package/dist/theme/presets.js

@@ -0,0 +1,147 @@
+const g = (family) => `https://fonts.googleapis.com/css2?family=${family}&display=swap`;
+const builtinThemePresets = [
+  {
+    id: "strak-zakelijk",
+    label: "Strak & zakelijk",
+    theme: {
+      primary: "#4f46e5",
+      accent: "#6366f1",
+      background: "#ffffff",
+      foreground: "#0f172a",
+      fontFamily: "'Inter', system-ui, sans-serif",
+      fontUrl: g("Inter:wght@400;500;600;700"),
+      radius: { sm: "6px", md: "10px", lg: "14px" }
+    }
+  },
+  {
+    id: "warm-uitnodigend",
+    label: "Warm & uitnodigend",
+    theme: {
+      primary: "#ea580c",
+      accent: "#f59e0b",
+      background: "#fffaf5",
+      foreground: "#1c1917",
+      fontFamily: "'Poppins', system-ui, sans-serif",
+      fontUrl: g("Poppins:wght@400;500;600;700"),
+      radius: { sm: "8px", md: "14px", lg: "20px" }
+    }
+  },
+  {
+    id: "elegant-klassiek",
+    label: "Elegant & klassiek",
+    theme: {
+      primary: "#166534",
+      accent: "#a16207",
+      background: "#fdfdfb",
+      foreground: "#1a1a1a",
+      // Font-pairing: serif-koppen boven een rustige sans-body (de fontUrl laadt beide).
+      fontFamily: "'Source Sans 3', system-ui, sans-serif",
+      headingFont: "'Playfair Display', Georgia, serif",
+      fontUrl: g("Playfair+Display:wght@500;700&family=Source+Sans+3:wght@400;600"),
+      radius: { sm: "2px", md: "4px", lg: "8px" }
+    }
+  },
+  {
+    id: "modern-fris",
+    label: "Modern & fris",
+    theme: {
+      primary: "#0d9488",
+      accent: "#06b6d4",
+      background: "#ffffff",
+      foreground: "#0f172a",
+      fontFamily: "'Manrope', system-ui, sans-serif",
+      fontUrl: g("Manrope:wght@400;500;700;800"),
+      radius: { sm: "8px", md: "16px", lg: "24px" }
+    }
+  },
+  {
+    id: "minimalistisch",
+    label: "Minimalistisch zwart-wit",
+    theme: {
+      primary: "#111111",
+      accent: "#444444",
+      background: "#ffffff",
+      foreground: "#111111",
+      fontFamily: "'Space Grotesk', system-ui, sans-serif",
+      fontUrl: g("Space+Grotesk:wght@400;500;700"),
+      radius: { sm: "0px", md: "0px", lg: "0px" }
+    }
+  },
+  {
+    id: "donker-modern",
+    label: "Donker & modern",
+    theme: {
+      primary: "#8b5cf6",
+      accent: "#22d3ee",
+      background: "#0b1020",
+      foreground: "#e2e8f0",
+      fontFamily: "'Manrope', system-ui, sans-serif",
+      fontUrl: g("Manrope:wght@400;500;700;800"),
+      radius: { sm: "8px", md: "14px", lg: "20px" },
+      dark: { auto: false }
+    }
+  },
+  {
+    id: "redactioneel",
+    label: "Redactioneel (serif-koppen)",
+    theme: {
+      primary: "#9f1239",
+      accent: "#e11d48",
+      background: "#fffdf9",
+      foreground: "#27272a",
+      fontFamily: "'Inter', system-ui, sans-serif",
+      headingFont: "'Fraunces', Georgia, serif",
+      fontUrl: g("Fraunces:opsz,wght@9..144,500;9..144,700&family=Inter:wght@400;500;600"),
+      radius: { sm: "4px", md: "8px", lg: "12px" }
+    }
+  },
+  {
+    id: "vriendelijk-afgerond",
+    label: "Vriendelijk & afgerond",
+    theme: {
+      primary: "#0284c7",
+      accent: "#22c55e",
+      background: "#f8fbff",
+      foreground: "#1e293b",
+      fontFamily: "'Nunito', system-ui, sans-serif",
+      headingFont: "'Nunito', system-ui, sans-serif",
+      fontUrl: g("Nunito:wght@400;600;800"),
+      radius: { sm: "10px", md: "18px", lg: "28px" }
+    }
+  },
+  {
+    id: "luxe-donker",
+    label: "Luxe donker (goud-accent)",
+    theme: {
+      primary: "#d4af37",
+      accent: "#f0d78c",
+      background: "#101014",
+      foreground: "#ece9e2",
+      fontFamily: "'Jost', system-ui, sans-serif",
+      headingFont: "'Cormorant Garamond', Georgia, serif",
+      fontUrl: g("Cormorant+Garamond:wght@500;600;700&family=Jost:wght@400;500;600"),
+      radius: { sm: "2px", md: "6px", lg: "10px" },
+      dark: { auto: false }
+    }
+  },
+  {
+    id: "natuurlijk-groen",
+    label: "Natuurlijk groen (auto-dark)",
+    theme: {
+      primary: "#3f6212",
+      accent: "#84cc16",
+      background: "#fbfdf7",
+      foreground: "#1f2937",
+      fontFamily: "'Karla', system-ui, sans-serif",
+      headingFont: "'Lora', Georgia, serif",
+      fontUrl: g("Lora:wght@500;600;700&family=Karla:wght@400;500;700"),
+      radius: { sm: "6px", md: "12px", lg: "18px" },
+      // Volgt het systeem: 's avonds donker, met eigen dark-tokens voor kleurbehoud.
+      dark: { auto: true, background: "#131a10", foreground: "#e6eadf", primary: "#a3e635" }
+    }
+  }
+];
+export {
+  builtinThemePresets
+};
+//# sourceMappingURL=presets.js.map

package/dist/theme/presets.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/presets.ts"],"sourcesContent":["import type { ThemeTokens } from \"../schema/settings\";\n\n/**\n * Kant-en-klare thema-presets (kleur + lettertype + afronding) waarmee een agent of editor in één\n * keuze een verzorgde huisstijl neerzet. Pas daarna gerust losse tokens aan. De `fontUrl` is een\n * Google-Fonts-stylesheet die de provider automatisch inlaadt.\n */\nexport interface ThemePreset {\n  id: string;\n  label: string;\n  theme: ThemeTokens;\n}\n\nconst g = (family: string) => `https://fonts.googleapis.com/css2?family=${family}&display=swap`;\n\nexport const builtinThemePresets: ThemePreset[] = [\n  {\n    id: \"strak-zakelijk\",\n    label: \"Strak & zakelijk\",\n    theme: {\n      primary: \"#4f46e5\",\n      accent: \"#6366f1\",\n      background: \"#ffffff\",\n      foreground: \"#0f172a\",\n      fontFamily: \"'Inter', system-ui, sans-serif\",\n      fontUrl: g(\"Inter:wght@400;500;600;700\"),\n      radius: { sm: \"6px\", md: \"10px\", lg: \"14px\" },\n    },\n  },\n  {\n    id: \"warm-uitnodigend\",\n    label: \"Warm & uitnodigend\",\n    theme: {\n      primary: \"#ea580c\",\n      accent: \"#f59e0b\",\n      background: \"#fffaf5\",\n      foreground: \"#1c1917\",\n      fontFamily: \"'Poppins', system-ui, sans-serif\",\n      fontUrl: g(\"Poppins:wght@400;500;600;700\"),\n      radius: { sm: \"8px\", md: \"14px\", lg: \"20px\" },\n    },\n  },\n  {\n    id: \"elegant-klassiek\",\n    label: \"Elegant & klassiek\",\n    theme: {\n      primary: \"#166534\",\n      accent: \"#a16207\",\n      background: \"#fdfdfb\",\n      foreground: \"#1a1a1a\",\n      // Font-pairing: serif-koppen boven een rustige sans-body (de fontUrl laadt beide).\n      fontFamily: \"'Source Sans 3', system-ui, sans-serif\",\n      headingFont: \"'Playfair Display', Georgia, serif\",\n      fontUrl: g(\"Playfair+Display:wght@500;700&family=Source+Sans+3:wght@400;600\"),\n      radius: { sm: \"2px\", md: \"4px\", lg: \"8px\" },\n    },\n  },\n  {\n    id: \"modern-fris\",\n    label: \"Modern & fris\",\n    theme: {\n      primary: \"#0d9488\",\n      accent: \"#06b6d4\",\n      background: \"#ffffff\",\n      foreground: \"#0f172a\",\n      fontFamily: \"'Manrope', system-ui, sans-serif\",\n      fontUrl: g(\"Manrope:wght@400;500;700;800\"),\n      radius: { sm: \"8px\", md: \"16px\", lg: \"24px\" },\n    },\n  },\n  {\n    id: \"minimalistisch\",\n    label: \"Minimalistisch zwart-wit\",\n    theme: {\n      primary: \"#111111\",\n      accent: \"#444444\",\n      background: \"#ffffff\",\n      foreground: \"#111111\",\n      fontFamily: \"'Space Grotesk', system-ui, sans-serif\",\n      fontUrl: g(\"Space+Grotesk:wght@400;500;700\"),\n      radius: { sm: \"0px\", md: \"0px\", lg: \"0px\" },\n    },\n  },\n  {\n    id: \"donker-modern\",\n    label: \"Donker & modern\",\n    theme: {\n      primary: \"#8b5cf6\",\n      accent: \"#22d3ee\",\n      background: \"#0b1020\",\n      foreground: \"#e2e8f0\",\n      fontFamily: \"'Manrope', system-ui, sans-serif\",\n      fontUrl: g(\"Manrope:wght@400;500;700;800\"),\n      radius: { sm: \"8px\", md: \"14px\", lg: \"20px\" },\n      dark: { auto: false },\n    },\n  },\n  {\n    id: \"redactioneel\",\n    label: \"Redactioneel (serif-koppen)\",\n    theme: {\n      primary: \"#9f1239\",\n      accent: \"#e11d48\",\n      background: \"#fffdf9\",\n      foreground: \"#27272a\",\n      fontFamily: \"'Inter', system-ui, sans-serif\",\n      headingFont: \"'Fraunces', Georgia, serif\",\n      fontUrl: g(\"Fraunces:opsz,wght@9..144,500;9..144,700&family=Inter:wght@400;500;600\"),\n      radius: { sm: \"4px\", md: \"8px\", lg: \"12px\" },\n    },\n  },\n  {\n    id: \"vriendelijk-afgerond\",\n    label: \"Vriendelijk & afgerond\",\n    theme: {\n      primary: \"#0284c7\",\n      accent: \"#22c55e\",\n      background: \"#f8fbff\",\n      foreground: \"#1e293b\",\n      fontFamily: \"'Nunito', system-ui, sans-serif\",\n      headingFont: \"'Nunito', system-ui, sans-serif\",\n      fontUrl: g(\"Nunito:wght@400;600;800\"),\n      radius: { sm: \"10px\", md: \"18px\", lg: \"28px\" },\n    },\n  },\n  {\n    id: \"luxe-donker\",\n    label: \"Luxe donker (goud-accent)\",\n    theme: {\n      primary: \"#d4af37\",\n      accent: \"#f0d78c\",\n      background: \"#101014\",\n      foreground: \"#ece9e2\",\n      fontFamily: \"'Jost', system-ui, sans-serif\",\n      headingFont: \"'Cormorant Garamond', Georgia, serif\",\n      fontUrl: g(\"Cormorant+Garamond:wght@500;600;700&family=Jost:wght@400;500;600\"),\n      radius: { sm: \"2px\", md: \"6px\", lg: \"10px\" },\n      dark: { auto: false },\n    },\n  },\n  {\n    id: \"natuurlijk-groen\",\n    label: \"Natuurlijk groen (auto-dark)\",\n    theme: {\n      primary: \"#3f6212\",\n      accent: \"#84cc16\",\n      background: \"#fbfdf7\",\n      foreground: \"#1f2937\",\n      fontFamily: \"'Karla', system-ui, sans-serif\",\n      headingFont: \"'Lora', Georgia, serif\",\n      fontUrl: g(\"Lora:wght@500;600;700&family=Karla:wght@400;500;700\"),\n      radius: { sm: \"6px\", md: \"12px\", lg: \"18px\" },\n      // Volgt het systeem: 's avonds donker, met eigen dark-tokens voor kleurbehoud.\n      dark: { auto: true, background: \"#131a10\", foreground: \"#e6eadf\", primary: \"#a3e635\" },\n    },\n  },\n];\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,112 @@
+{
+  "name": "@xiwebdesign/xicms-core",
+  "version": "4.17.1",
+  "description": "XiCMS engine: gestructureerde content, pagina's, draft/publish, admin (TipTap+Radix), SEO en beveiliging voor klantsites.",
+  "license": "UNLICENSED",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/jwhengeveld/xicms.git",
+    "directory": "packages/core"
+  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./schema": {
+      "types": "./dist/schema/index.d.ts",
+      "import": "./dist/schema/index.js"
+    },
+    "./blocks": {
+      "types": "./dist/blocks/index.d.ts",
+      "import": "./dist/blocks/index.js"
+    },
+    "./modules": {
+      "types": "./dist/modules/index.d.ts",
+      "import": "./dist/modules/index.js"
+    },
+    "./patterns": {
+      "types": "./dist/patterns/index.d.ts",
+      "import": "./dist/patterns/index.js"
+    },
+    "./admin": {
+      "types": "./dist/admin/index.d.ts",
+      "import": "./dist/admin/index.js"
+    },
+    "./server": {
+      "types": "./dist/server/index.d.ts",
+      "import": "./dist/server/index.js"
+    },
+    "./layers.css": "./dist/layers.css",
+    "./styles.css": "./dist/styles.css",
+    "./admin.css": "./dist/admin.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "*.css",
+    "**/*.css"
+  ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup && tsc -p tsconfig.build.json && tailwindcss -c src/admin/tailwind.config.cjs -i src/admin/admin.css -o dist/admin.css --minify && node ./scripts/copy-css.mjs",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "firebase": "^11.0.0",
+    "next": "^15 || ^16",
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19"
+  },
+  "peerDependenciesMeta": {
+    "next": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@astryxdesign/core": "^0.1.1",
+    "@astryxdesign/theme-neutral": "^0.1.1",
+    "@radix-ui/react-dialog": "^1.1.4",
+    "@radix-ui/react-dropdown-menu": "^2.1.4",
+    "@radix-ui/react-label": "^2.1.1",
+    "@radix-ui/react-select": "^2.1.4",
+    "@radix-ui/react-switch": "^1.1.2",
+    "@radix-ui/react-tabs": "^1.1.2",
+    "@radix-ui/react-toast": "^1.2.4",
+    "@radix-ui/react-tooltip": "^1.1.6",
+    "@tiptap/extension-image": "^2.11.0",
+    "@tiptap/extension-link": "^2.11.0",
+    "@tiptap/pm": "^2.11.0",
+    "@tiptap/react": "^2.11.0",
+    "@tiptap/starter-kit": "^2.11.0",
+    "clsx": "^2.1.1",
+    "dompurify": "^3.2.3",
+    "firebase-admin": "^13.0.0",
+    "sanitize-html": "^2.14.0",
+    "tailwind-merge": "^2.6.0",
+    "zod": "^3.24.1"
+  },
+  "devDependencies": {
+    "@astryxdesign/cli": "^0.1.1",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@types/sanitize-html": "^2.13.0",
+    "firebase": "^11.0.0",
+    "next": "^16.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tailwindcss": "^3.4.17",
+    "tsup": "^8.5.0",
+    "typescript": "^5.6.0",
+    "vitest": "^2.1.8"
+  }
+}