mktcms 0.3.16 → 0.3.18

package/README.md

@@ -28,6 +28,35 @@ This is my personal, minimalist alternative to @nuxt/content and Studio, which a
 npx nuxi module add mktcms
 ```
 
+The module also applies a small set of app defaults that you can still override in your own `nuxt.config.ts`:
+
+- `router.options.scrollBehaviorType = 'smooth'`
+- default German `app.head` language, title, description, and favicon
+- `mdc.headings.anchorLinks = false`
+- includes and configures `@nuxtjs/robots` with admin route disallow rules
+- includes and configures `@nuxt/fonts` with default font weights
+- includes and configures `@nuxtjs/plausible` with `proxy = true` and `autoPageviews = false`
+- default frontmatter schema for `Seiten/Startseite.md` and `Seiten/**/*.md`
+
+Example override:
+
+```ts
+export default defineNuxtConfig({
+  app: {
+    head: {
+      title: 'Meine Website',
+    },
+  },
+  mktcms: {
+    frontmatter: {
+      'Seiten/**/*.md': {
+        seoTitle: { type: 'string', label: 'Eigener SEO-Titel' },
+      },
+    },
+  },
+})
+```
+
 ```bash
 NUXT_PUBLIC_MKTCMS_SITE_URL="http://localhost:3000"
 NUXT_PUBLIC_MKTCMS_SHOW_VERSIONING=false

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "mktcms",
   "configKey": "mktcms",
-  "version": "0.3.16",
+  "version": "0.3.18",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -1,6 +1,100 @@
 import { defineNuxtModule, createResolver, addComponent, addImports, addServerImports, addServerPlugin, addServerHandler, extendPages } from '@nuxt/kit';
 import defu from 'defu';
 
+const DEFAULT_HEAD_META = [
+  {
+    name: "description",
+    content: "Meine neue mktCMS Website"
+  }
+];
+const DEFAULT_HEAD_LINK = [
+  {
+    rel: "icon",
+    type: "image/png",
+    href: "/favicon.png"
+  }
+];
+const defaultFrontmatterSchema = {
+  seoTitle: {
+    type: "string",
+    label: "SEO-Titel"
+  }
+};
+const defaultFrontmatterSchemas = {
+  "Seiten/Startseite.md": defaultFrontmatterSchema,
+  "Seiten/**/*.md": defaultFrontmatterSchema
+};
+function mergeHeadMeta(meta) {
+  const nextMeta = Array.isArray(meta) ? [...meta] : [];
+  for (const defaultMeta of DEFAULT_HEAD_META) {
+    const hasMatch = nextMeta.some((item) => item?.name === defaultMeta.name);
+    if (!hasMatch) {
+      nextMeta.push(defaultMeta);
+    }
+  }
+  return nextMeta;
+}
+function mergeHeadLinks(links) {
+  const nextLinks = Array.isArray(links) ? [...links] : [];
+  for (const defaultLink of DEFAULT_HEAD_LINK) {
+    const hasMatch = nextLinks.some((item) => item?.rel === defaultLink.rel);
+    if (!hasMatch) {
+      nextLinks.push(defaultLink);
+    }
+  }
+  return nextLinks;
+}
+function applyMktcmsNuxtDefaults(nuxtOptions, moduleOptions = {}) {
+  nuxtOptions.router = defu(nuxtOptions.router, {
+    options: {
+      scrollBehaviorType: "smooth"
+    }
+  });
+  nuxtOptions.app = defu(nuxtOptions.app, {
+    head: {
+      htmlAttrs: {
+        lang: "de"
+      },
+      title: "Neue Website"
+    }
+  });
+  nuxtOptions.app.head = nuxtOptions.app.head || {};
+  nuxtOptions.app.head.meta = mergeHeadMeta(nuxtOptions.app.head.meta);
+  nuxtOptions.app.head.link = mergeHeadLinks(nuxtOptions.app.head.link);
+  nuxtOptions.runtimeConfig = defu(nuxtOptions.runtimeConfig, {
+    plausibleApiKey: ""
+  });
+  nuxtOptions.runtimeConfig.public = defu(nuxtOptions.runtimeConfig.public, {
+    plausibleApiHost: ""
+  });
+  nuxtOptions.runtimeConfig.mktcms = defu(nuxtOptions.runtimeConfig.mktcms, {
+    adminAuthKey: "",
+    authCookieMaxAgeSeconds: 7 * 24 * 60 * 60,
+    authCookiePath: "/",
+    authCookieSameSite: "lax",
+    authCookieSecure: process.env.NODE_ENV === "production",
+    loginRateLimitMaxAttempts: 5,
+    loginRateLimitWindowSeconds: 300,
+    loginRateLimitBlockSeconds: 600,
+    uploadMaxBytes: 50 * 1024 * 1024,
+    smtpHost: "",
+    smtpPort: 465,
+    smtpSecure: true,
+    smtpUser: "",
+    smtpPass: "",
+    mailerFrom: "",
+    mailerTo: "",
+    gitUser: "",
+    gitRepo: "",
+    gitToken: "",
+    frontmatter: defu(moduleOptions.frontmatter || {}, defaultFrontmatterSchemas)
+  });
+  nuxtOptions.runtimeConfig.public.mktcms = defu(nuxtOptions.runtimeConfig.public.mktcms, {
+    siteUrl: "",
+    showVersioning: false
+  });
+}
+
 const module$1 = defineNuxtModule({
   meta: {
     name: "mktcms",
@@ -8,43 +102,38 @@ const module$1 = defineNuxtModule({
   },
   moduleDependencies: {
     "@nuxtjs/mdc": {
-      version: "^0.20.0"
+      version: "^0.20.0",
+      defaults: {
+        headings: {
+          anchorLinks: false
+        }
+      }
+    },
+    "@nuxt/fonts": {
+      version: "^0.14.0",
+      defaults: {
+        defaults: {
+          weights: [300, 400, 700, 800]
+        }
+      }
+    },
+    "@nuxtjs/robots": {
+      version: "^6.0.6",
+      defaults: {
+        disallow: ["/api/admin/*", "/admin/*"]
+      }
+    },
+    "@nuxtjs/plausible": {
+      version: "^3.0.2",
+      defaults: {
+        proxy: true,
+        autoPageviews: false
+      }
     }
   },
   setup(_options, _nuxt) {
     const resolver = createResolver(import.meta.url);
-    _nuxt.options.runtimeConfig = defu(_nuxt.options.runtimeConfig, {
-      plausibleApiKey: ""
-    });
-    _nuxt.options.runtimeConfig.public = defu(_nuxt.options.runtimeConfig.public, {
-      plausibleApiHost: ""
-    });
-    _nuxt.options.runtimeConfig.mktcms = defu((_nuxt.options.runtimeConfig.mktcms, {
-      adminAuthKey: "",
-      authCookieMaxAgeSeconds: 7 * 24 * 60 * 60,
-      authCookiePath: "/",
-      authCookieSameSite: "lax",
-      authCookieSecure: process.env.NODE_ENV === "production",
-      loginRateLimitMaxAttempts: 5,
-      loginRateLimitWindowSeconds: 300,
-      loginRateLimitBlockSeconds: 600,
-      uploadMaxBytes: 50 * 1024 * 1024,
-      smtpHost: "",
-      smtpPort: 465,
-      smtpSecure: true,
-      smtpUser: "",
-      smtpPass: "",
-      mailerFrom: "",
-      mailerTo: "",
-      gitUser: "",
-      gitRepo: "",
-      gitToken: "",
-      frontmatter: _options.frontmatter || {}
-    }));
-    _nuxt.options.runtimeConfig.public.mktcms = defu((_nuxt.options.runtimeConfig.public.mktcms, {
-      siteUrl: "",
-      showVersioning: false
-    }));
+    applyMktcmsNuxtDefaults(_nuxt.options, _options);
     addComponent({
       name: "AdminWidget",
       filePath: resolver.resolve("runtime/app/components/frontend/widget.vue")

package/dist/runtime/app/components/content/editor/monacoEditor.d.vue.ts

@@ -1,7 +1,8 @@
 import 'monaco-editor/min/vs/editor/editor.main.css';
+import 'monaco-editor/esm/vs/basic-languages/markdown/markdown.contribution.js';
 type __VLS_Props = {
     modelValue: string;
-    language?: string;
+    language?: 'markdown';
     readOnly?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -9,7 +10,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-    language: string;
+    language: "markdown";
     readOnly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/app/components/content/editor/monacoEditor.vue

@@ -1,12 +1,10 @@
 <script setup>
 import { onBeforeUnmount, onMounted, ref, watch } from "vue";
+import TurndownService from "turndown";
 import "monaco-editor/min/vs/editor/editor.main.css";
-import * as monaco from "monaco-editor";
+import "monaco-editor/esm/vs/basic-languages/markdown/markdown.contribution.js";
+import * as monaco from "monaco-editor/esm/vs/editor/editor.api.js";
 import EditorWorker from "monaco-editor/esm/vs/editor/editor.worker?worker";
-import JsonWorker from "monaco-editor/esm/vs/language/json/json.worker?worker";
-import CssWorker from "monaco-editor/esm/vs/language/css/css.worker?worker";
-import HtmlWorker from "monaco-editor/esm/vs/language/html/html.worker?worker";
-import TsWorker from "monaco-editor/esm/vs/language/typescript/ts.worker?worker";
 const props = defineProps({
   modelValue: { type: String, required: true },
   language: { type: String, required: false, default: "markdown" },
@@ -17,20 +15,171 @@ const rootEl = ref(null);
 let editor;
 let resizeObserver;
 let suppressModelEmit = false;
+const allowedPasteElementNames = /* @__PURE__ */ new Set([
+  "a",
+  "b",
+  "blockquote",
+  "br",
+  "em",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "i",
+  "li",
+  "ol",
+  "p",
+  "strong",
+  "ul"
+]);
+const removablePasteElementNames = /* @__PURE__ */ new Set([
+  "applet",
+  "area",
+  "audio",
+  "button",
+  "canvas",
+  "caption",
+  "col",
+  "colgroup",
+  "embed",
+  "figcaption",
+  "figure",
+  "form",
+  "hr",
+  "iframe",
+  "img",
+  "input",
+  "link",
+  "map",
+  "math",
+  "meta",
+  "noscript",
+  "object",
+  "option",
+  "picture",
+  "script",
+  "select",
+  "source",
+  "style",
+  "svg",
+  "table",
+  "tbody",
+  "td",
+  "textarea",
+  "tfoot",
+  "th",
+  "thead",
+  "title",
+  "tr",
+  "track",
+  "video"
+]);
+const turndownService = new TurndownService({
+  headingStyle: "atx",
+  codeBlockStyle: "fenced",
+  bulletListMarker: "-"
+});
+turndownService.addRule("removeUnsupportedPasteElements", {
+  filter: (node) => removablePasteElementNames.has(node.nodeName.toLowerCase()) || node.nodeName.includes(":"),
+  replacement: () => ""
+});
+function unwrapElement(element) {
+  const parent = element.parentNode;
+  if (!parent)
+    return;
+  while (element.firstChild)
+    parent.insertBefore(element.firstChild, element);
+  parent.removeChild(element);
+}
+function isSafeHref(href) {
+  if (!href.trim())
+    return false;
+  try {
+    const url = new URL(href, window.location.origin);
+    return ["http:", "https:", "mailto:", "tel:"].includes(url.protocol);
+  } catch {
+    return false;
+  }
+}
+function sanitizePastedHtml(html) {
+  const clipboardDocument = new DOMParser().parseFromString(html, "text/html");
+  const comments = clipboardDocument.createTreeWalker(clipboardDocument.body, NodeFilter.SHOW_COMMENT);
+  const commentsToRemove = [];
+  while (comments.nextNode())
+    commentsToRemove.push(comments.currentNode);
+  for (const comment of commentsToRemove)
+    comment.remove();
+  const elements = Array.from(clipboardDocument.body.querySelectorAll("*"));
+  for (const element of elements) {
+    if (!element.isConnected)
+      continue;
+    const tagName = element.tagName.toLowerCase();
+    const inlineStyle = element.getAttribute("style") ?? "";
+    if (/display\s*:\s*none/i.test(inlineStyle) || /mso-hide\s*:\s*all/i.test(inlineStyle)) {
+      element.remove();
+      continue;
+    }
+    if (tagName.includes(":") || removablePasteElementNames.has(tagName)) {
+      element.remove();
+      continue;
+    }
+    if (tagName === "a") {
+      const href = element.getAttribute("href") ?? "";
+      if (!isSafeHref(href)) {
+        unwrapElement(element);
+        continue;
+      }
+      for (const attribute of Array.from(element.attributes)) {
+        if (attribute.name !== "href")
+          element.removeAttribute(attribute.name);
+      }
+      continue;
+    }
+    if (!allowedPasteElementNames.has(tagName)) {
+      unwrapElement(element);
+      continue;
+    }
+    for (const attribute of Array.from(element.attributes))
+      element.removeAttribute(attribute.name);
+  }
+  return clipboardDocument.body;
+}
+function insertMarkdown(markdown) {
+  if (!editor)
+    return;
+  const selections = editor.getSelections();
+  if (!selections?.length)
+    return;
+  editor.pushUndoStop();
+  editor.executeEdits("paste-html-as-markdown", selections.map((selection) => ({
+    range: selection,
+    text: markdown,
+    forceMoveMarkers: true
+  })));
+  editor.pushUndoStop();
+  editor.focus();
+}
+function handlePaste(event) {
+  if (!editor?.hasTextFocus())
+    return;
+  const html = event.clipboardData?.getData("text/html");
+  if (!html)
+    return;
+  const markdown = turndownService.turndown(sanitizePastedHtml(html)).trim();
+  if (!markdown)
+    return;
+  event.preventDefault();
+  event.stopPropagation();
+  insertMarkdown(markdown);
+}
 function ensureMonacoWorkers() {
   const globalAny = globalThis;
   if (globalAny.MonacoEnvironment?.getWorker)
     return;
   globalAny.MonacoEnvironment = {
-    getWorker(_, label) {
-      if (label === "json")
-        return new JsonWorker();
-      if (label === "css" || label === "scss" || label === "less")
-        return new CssWorker();
-      if (label === "html" || label === "handlebars" || label === "razor")
-        return new HtmlWorker();
-      if (label === "typescript" || label === "javascript")
-        return new TsWorker();
+    getWorker() {
       return new EditorWorker();
     }
   };
@@ -53,6 +202,7 @@ onMounted(() => {
       return;
     emit("update:modelValue", editor.getValue());
   });
+  document.addEventListener("paste", handlePaste, true);
   resizeObserver = new ResizeObserver(() => {
     editor?.layout();
   });
@@ -74,6 +224,7 @@ watch(() => props.modelValue, (nextValue) => {
 onBeforeUnmount(() => {
   resizeObserver?.disconnect();
   resizeObserver = void 0;
+  document.removeEventListener("paste", handlePaste, true);
   editor?.dispose();
   editor = void 0;
 });

package/dist/runtime/app/components/content/editor/monacoEditor.vue.d.ts

@@ -1,7 +1,8 @@
 import 'monaco-editor/min/vs/editor/editor.main.css';
+import 'monaco-editor/esm/vs/basic-languages/markdown/markdown.contribution.js';
 type __VLS_Props = {
     modelValue: string;
-    language?: string;
+    language?: 'markdown';
     readOnly?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -9,7 +10,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-    language: string;
+    language: "markdown";
     readOnly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mktcms",
-  "version": "0.3.16",
+  "version": "0.3.18",
   "description": "Simple CMS module for Nuxt",
   "repository": "mktcode/mktcms",
   "license": "MIT",
@@ -38,8 +38,11 @@
     "css:watch": "tailwindcss -i ./src/runtime/app/styles/admin.css -o ./src/runtime/app/styles/admin.min.css --minify --watch"
   },
   "dependencies": {
+    "@nuxt/fonts": "^0.14.0",
     "@nuxt/kit": "^4.2.2",
     "@nuxtjs/mdc": "^0.20.1",
+    "@nuxtjs/plausible": "^3.0.2",
+    "@nuxtjs/robots": "^6.0.6",
     "@types/ejs": "^3.1.5",
     "@vueuse/core": "^14.2.1",
     "csv-parse": "^6.1.0",
@@ -52,6 +55,7 @@
     "nodemailer": "^7.0.13",
     "sharp": "^0.34.5",
     "simple-git": "^3.32.2",
+    "turndown": "^7.2.4",
     "unzipper": "^0.12.3",
     "yaml": "^2.8.2",
     "zod": "^4.3.6"
@@ -66,6 +70,7 @@
     "@tailwindcss/typography": "^0.5.19",
     "@types/node": "^25.3.0",
     "@types/nodemailer": "^7.0.11",
+    "@types/turndown": "^5.0.6",
     "@types/unzipper": "^0.10.11",
     "changelogen": "^0.6.2",
     "eslint": "^9.39.3",