vue3-markdown-kit 0.1.0

package/lib/index.js

@@ -0,0 +1,331 @@
+// src/preview.js
+import { defineComponent, h, shallowRef, watch } from "vue";
+
+// src/core/renderer.js
+import MarkdownIt from "markdown-it";
+import markdownItAttrs from "markdown-it-attrs";
+function escapeHtml(value) {
+  return String(value).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function slugifyHeading(value) {
+  const slug = String(value || "").normalize("NFKC").trim().toLowerCase().replace(/\s+/g, "-").replace(/[^\p{Letter}\p{Number}_-]+/gu, "").replace(/-{2,}/g, "-").replace(/^-|-$/g, "");
+  return slug || "section";
+}
+function highlightCode(code, language, options) {
+  const {
+    Hljs,
+    codeHighlightExtensionMap = {},
+    codeBlockClass = (lang) => `v-md-hljs-${lang || ""}`
+  } = options;
+  const normalizedLanguage = codeHighlightExtensionMap[language] || language;
+  let highlighted = escapeHtml(code);
+  if (Hljs && normalizedLanguage && typeof Hljs.getLanguage === "function" && Hljs.getLanguage(normalizedLanguage)) {
+    try {
+      highlighted = Hljs.highlight(code, {
+        language: normalizedLanguage,
+        ignoreIllegals: true
+      }).value;
+    } catch {
+      highlighted = Hljs.highlight(normalizedLanguage, code, true).value;
+    }
+  }
+  return `<pre class="${escapeHtml(codeBlockClass(normalizedLanguage))}"><code>${highlighted}</code></pre>`;
+}
+function installHeadingAnchors(parser) {
+  parser.core.ruler.before("block", "vue_markdown_kit_heading_state", (state) => {
+    state.env.__vueMarkdownKitHeadingSlugs = /* @__PURE__ */ new Map();
+  });
+  const fallback = parser.renderer.rules.heading_open || ((tokens, index, options, _env, self) => self.renderToken(tokens, index, options));
+  parser.renderer.rules.heading_open = (tokens, index, options, env, self) => {
+    const inline = tokens[index + 1];
+    const baseSlug = slugifyHeading(inline && inline.content);
+    const slugs = env.__vueMarkdownKitHeadingSlugs || /* @__PURE__ */ new Map();
+    const count = slugs.get(baseSlug) || 0;
+    const slug = count === 0 ? baseSlug : `${baseSlug}-${count}`;
+    slugs.set(baseSlug, count + 1);
+    env.__vueMarkdownKitHeadingSlugs = slugs;
+    tokens[index].attrSet("id", slug);
+    tokens[index].attrSet("data-v-md-heading", slug);
+    return fallback(tokens, index, options, env, self);
+  };
+}
+function installSafeExternalLinks(parser) {
+  const fallback = parser.renderer.rules.link_open || ((tokens, index, options, _env, self) => self.renderToken(tokens, index, options));
+  parser.renderer.rules.link_open = (tokens, index, options, env, self) => {
+    const token = tokens[index];
+    const href = token.attrGet("href") || "";
+    if (/^https?:\/\//i.test(href)) {
+      token.attrSet("target", "_blank");
+      token.attrSet("rel", "noopener noreferrer");
+    }
+    return fallback(tokens, index, options, env, self);
+  };
+}
+function createMarkdownRenderer(options = {}) {
+  var _a, _b, _c, _d;
+  const parser = new MarkdownIt({
+    html: (_a = options.html) != null ? _a : true,
+    breaks: (_b = options.breaks) != null ? _b : true,
+    linkify: (_c = options.linkify) != null ? _c : false,
+    typographer: (_d = options.typographer) != null ? _d : true,
+    highlight: (code, language) => highlightCode(code, language, options)
+  });
+  if (options.attrs !== false) {
+    parser.use(markdownItAttrs, {
+      leftDelimiter: "{{{",
+      rightDelimiter: "}}}",
+      allowedAttributes: [
+        "class",
+        "height",
+        "id",
+        "title",
+        "width",
+        ...options.allowedAttributes || []
+      ]
+    });
+  }
+  installHeadingAnchors(parser);
+  installSafeExternalLinks(parser);
+  return parser;
+}
+
+// src/core/sanitize.js
+import createDOMPurify from "dompurify";
+var BASE_SANITIZE_OPTIONS = Object.freeze({
+  USE_PROFILES: {
+    html: true
+  },
+  ADD_ATTR: [
+    "data-mention-id",
+    "data-v-md-anchor",
+    "data-v-md-heading",
+    "data-v-md-line",
+    "rel",
+    "target"
+  ],
+  FORBID_TAGS: ["script"]
+});
+var sharedOptions = {};
+function mergeOptions(base, extra) {
+  const merged = {
+    ...base,
+    ...extra
+  };
+  for (const key of ["ADD_ATTR", "ADD_TAGS", "FORBID_ATTR", "FORBID_TAGS"]) {
+    if (base[key] || extra[key]) {
+      merged[key] = [.../* @__PURE__ */ new Set([...base[key] || [], ...extra[key] || []])];
+    }
+  }
+  if (base.USE_PROFILES || extra.USE_PROFILES) {
+    merged.USE_PROFILES = {
+      ...base.USE_PROFILES || {},
+      ...extra.USE_PROFILES || {}
+    };
+  }
+  return merged;
+}
+function resolvePurifier(windowLike) {
+  if (typeof createDOMPurify.sanitize === "function") {
+    return createDOMPurify;
+  }
+  if (windowLike && typeof createDOMPurify === "function") {
+    return createDOMPurify(windowLike);
+  }
+  return null;
+}
+function escapeHtml2(value) {
+  return String(value).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function sanitizeHtml(dirtyHtml, options = {}, windowLike = typeof window === "undefined" ? void 0 : window) {
+  const purifier = resolvePurifier(windowLike);
+  if (!purifier || typeof purifier.sanitize !== "function") {
+    return escapeHtml2(dirtyHtml || "");
+  }
+  return purifier.sanitize(
+    dirtyHtml || "",
+    mergeOptions(mergeOptions(BASE_SANITIZE_OPTIONS, sharedOptions), options)
+  );
+}
+var sanitizer = {
+  process(dirtyHtml, options) {
+    return sanitizeHtml(dirtyHtml, options);
+  },
+  extend(options = {}) {
+    sharedOptions = mergeOptions(sharedOptions, options);
+    return this;
+  },
+  reset() {
+    sharedOptions = {};
+    return this;
+  }
+};
+
+// src/version.js
+var version = "0.1.0";
+
+// src/preview.js
+var defaultThemeConfig = {
+  name: "base",
+  previewClass: "vmk-markdown-body",
+  markdownParser: createMarkdownRenderer(),
+  extend(callback) {
+    callback(this.markdownParser);
+  }
+};
+var markdownExtenders = [];
+var activeThemeConfig = defaultThemeConfig;
+function installTheme(theme, options) {
+  if (!theme) return;
+  if (typeof theme === "function") {
+    theme(VMdPreview, options);
+  } else if (typeof theme.install === "function") {
+    theme.install(VMdPreview, options);
+  } else if (theme.markdownParser) {
+    VMdPreview.theme(theme);
+  }
+}
+var VMdPreview = defineComponent({
+  name: "v-md-preview",
+  props: {
+    text: {
+      type: String,
+      default: ""
+    },
+    theme: {
+      type: Object,
+      default: void 0
+    },
+    tabSize: {
+      type: Number,
+      default: 2
+    },
+    scrollContainer: {
+      type: Function,
+      default: () => window
+    },
+    top: {
+      type: Number,
+      default: 0
+    },
+    sanitizeOptions: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: {
+    change: (_text, _html) => true,
+    "image-click": (_images, _index) => true
+  },
+  setup(props, { emit }) {
+    const rootElement = shallowRef(null);
+    const html = shallowRef("");
+    if (props.theme) {
+      installTheme(props.theme);
+    }
+    for (const extender of markdownExtenders) {
+      extender(activeThemeConfig.markdownParser);
+    }
+    const renderMarkdown = () => {
+      const rawHtml = activeThemeConfig.markdownParser.render(props.text || "");
+      html.value = sanitizer.process(rawHtml, props.sanitizeOptions);
+      emit("change", props.text, html.value);
+    };
+    watch([() => props.text, () => props.sanitizeOptions], renderMarkdown, {
+      deep: true,
+      immediate: true
+    });
+    const handlePreviewClick = (event) => {
+      const target = event.target;
+      const root = rootElement.value;
+      if (!root || !target || target.tagName !== "IMG") {
+        return;
+      }
+      const imageElements = Array.from(root.querySelectorAll("img"));
+      const images = imageElements.map((image) => image.getAttribute("src")).filter(Boolean);
+      const index = imageElements.indexOf(target);
+      emit("image-click", images, index);
+    };
+    return () => h(
+      "div",
+      {
+        ref: rootElement,
+        class: "vue-markdown-kit-preview",
+        style: {
+          tabSize: props.tabSize,
+          MozTabSize: props.tabSize
+        },
+        onClick: handlePreviewClick
+      },
+      [
+        h("div", {
+          class: activeThemeConfig.previewClass,
+          innerHTML: html.value
+        })
+      ]
+    );
+  }
+});
+VMdPreview.version = version;
+VMdPreview.install = (app) => {
+  app.component(VMdPreview.name, VMdPreview);
+};
+VMdPreview.theme = (themeConfig) => {
+  activeThemeConfig = themeConfig || defaultThemeConfig;
+  return VMdPreview;
+};
+VMdPreview.use = (theme, options) => {
+  installTheme(theme, options);
+  return VMdPreview;
+};
+VMdPreview.extendMarkdown = (extender) => {
+  markdownExtenders.push(extender);
+  return VMdPreview;
+};
+VMdPreview.xss = sanitizer;
+VMdPreview.lang = {
+  use() {
+  },
+  add() {
+  }
+};
+var preview_default = VMdPreview;
+
+// src/theme/github.js
+function createGithubTheme(options = {}) {
+  const markdownParser = createMarkdownRenderer(options);
+  return {
+    name: "github",
+    previewClass: "github-markdown-body",
+    markdownParser,
+    extend(callback) {
+      callback(markdownParser, options.Hljs);
+    }
+  };
+}
+var githubTheme = {
+  install(VMdPreview2, options = {}) {
+    VMdPreview2.theme(createGithubTheme(options));
+  }
+};
+var github_default = githubTheme;
+
+// src/index.js
+var VueMarkdownKit = {
+  version: preview_default.version,
+  install(Vue) {
+    preview_default.install(Vue);
+  }
+};
+var src_default = VueMarkdownKit;
+export {
+  preview_default as VMdPreview,
+  VueMarkdownKit,
+  createGithubTheme,
+  createMarkdownRenderer,
+  src_default as default,
+  github_default as githubTheme,
+  sanitizeHtml,
+  sanitizer,
+  slugifyHeading
+};
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/preview.js", "../src/core/renderer.js", "../src/core/sanitize.js", "../src/version.js", "../src/theme/github.js", "../src/index.js"],
+  "sourcesContent": ["import { defineComponent, h, shallowRef, watch } from 'vue'\nimport { createMarkdownRenderer } from './core/renderer.js'\nimport { sanitizer } from './core/sanitize.js'\nimport { version } from './version.js'\n\nconst defaultThemeConfig = {\n  name: 'base',\n  previewClass: 'vmk-markdown-body',\n  markdownParser: createMarkdownRenderer(),\n  extend(callback) {\n    callback(this.markdownParser)\n  },\n}\n\nconst markdownExtenders = []\nlet activeThemeConfig = defaultThemeConfig\n\nfunction installTheme(theme, options) {\n  if (!theme) return\n\n  if (typeof theme === 'function') {\n    theme(VMdPreview, options)\n  } else if (typeof theme.install === 'function') {\n    theme.install(VMdPreview, options)\n  } else if (theme.markdownParser) {\n    VMdPreview.theme(theme)\n  }\n}\n\nconst VMdPreview = defineComponent({\n  name: 'v-md-preview',\n\n  props: {\n    text: {\n      type: String,\n      default: '',\n    },\n    theme: {\n      type: Object,\n      default: undefined,\n    },\n    tabSize: {\n      type: Number,\n      default: 2,\n    },\n    scrollContainer: {\n      type: Function,\n      default: () => window,\n    },\n    top: {\n      type: Number,\n      default: 0,\n    },\n    sanitizeOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: {\n    change: (_text, _html) => true,\n    'image-click': (_images, _index) => true,\n  },\n\n  setup(props, { emit }) {\n    const rootElement = shallowRef(null)\n    const html = shallowRef('')\n\n    if (props.theme) {\n      installTheme(props.theme)\n    }\n\n    for (const extender of markdownExtenders) {\n      extender(activeThemeConfig.markdownParser)\n    }\n\n    const renderMarkdown = () => {\n      const rawHtml = activeThemeConfig.markdownParser.render(props.text || '')\n      html.value = sanitizer.process(rawHtml, props.sanitizeOptions)\n      emit('change', props.text, html.value)\n    }\n\n    watch([() => props.text, () => props.sanitizeOptions], renderMarkdown, {\n      deep: true,\n      immediate: true,\n    })\n\n    const handlePreviewClick = (event) => {\n      const target = event.target\n      const root = rootElement.value\n\n      if (!root || !target || target.tagName !== 'IMG') {\n        return\n      }\n\n      const imageElements = Array.from(root.querySelectorAll('img'))\n      const images = imageElements\n        .map((image) => image.getAttribute('src'))\n        .filter(Boolean)\n      const index = imageElements.indexOf(target)\n\n      emit('image-click', images, index)\n    }\n\n    return () =>\n      h(\n        'div',\n        {\n          ref: rootElement,\n          class: 'vue-markdown-kit-preview',\n          style: {\n            tabSize: props.tabSize,\n            MozTabSize: props.tabSize,\n          },\n          onClick: handlePreviewClick,\n        },\n        [\n          h('div', {\n            class: activeThemeConfig.previewClass,\n            innerHTML: html.value,\n          }),\n        ],\n      )\n  },\n})\n\nVMdPreview.version = version\nVMdPreview.install = (app) => {\n  app.component(VMdPreview.name, VMdPreview)\n}\nVMdPreview.theme = (themeConfig) => {\n  activeThemeConfig = themeConfig || defaultThemeConfig\n  return VMdPreview\n}\nVMdPreview.use = (theme, options) => {\n  installTheme(theme, options)\n  return VMdPreview\n}\nVMdPreview.extendMarkdown = (extender) => {\n  markdownExtenders.push(extender)\n  return VMdPreview\n}\nVMdPreview.xss = sanitizer\nVMdPreview.lang = {\n  use() {},\n  add() {},\n}\n\nexport default VMdPreview\n", "import MarkdownIt from 'markdown-it'\nimport markdownItAttrs from 'markdown-it-attrs'\n\nfunction escapeHtml(value) {\n  return String(value)\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n}\n\nexport function slugifyHeading(value) {\n  const slug = String(value || '')\n    .normalize('NFKC')\n    .trim()\n    .toLowerCase()\n    .replace(/\\s+/g, '-')\n    .replace(/[^\\p{Letter}\\p{Number}_-]+/gu, '')\n    .replace(/-{2,}/g, '-')\n    .replace(/^-|-$/g, '')\n\n  return slug || 'section'\n}\n\nfunction highlightCode(code, language, options) {\n  const {\n    Hljs,\n    codeHighlightExtensionMap = {},\n    codeBlockClass = (lang) => `v-md-hljs-${lang || ''}`,\n  } = options\n\n  const normalizedLanguage = codeHighlightExtensionMap[language] || language\n  let highlighted = escapeHtml(code)\n\n  if (\n    Hljs &&\n    normalizedLanguage &&\n    typeof Hljs.getLanguage === 'function' &&\n    Hljs.getLanguage(normalizedLanguage)\n  ) {\n    try {\n      highlighted = Hljs.highlight(code, {\n        language: normalizedLanguage,\n        ignoreIllegals: true,\n      }).value\n    } catch {\n      // highlight.js 10 compatibility.\n      highlighted = Hljs.highlight(normalizedLanguage, code, true).value\n    }\n  }\n\n  return `<pre class=\"${escapeHtml(codeBlockClass(normalizedLanguage))}\"><code>${highlighted}</code></pre>`\n}\n\nfunction installHeadingAnchors(parser) {\n  parser.core.ruler.before('block', 'vue_markdown_kit_heading_state', (state) => {\n    state.env.__vueMarkdownKitHeadingSlugs = new Map()\n  })\n\n  const fallback =\n    parser.renderer.rules.heading_open ||\n    ((tokens, index, options, _env, self) => self.renderToken(tokens, index, options))\n\n  parser.renderer.rules.heading_open = (tokens, index, options, env, self) => {\n    const inline = tokens[index + 1]\n    const baseSlug = slugifyHeading(inline && inline.content)\n    const slugs = env.__vueMarkdownKitHeadingSlugs || new Map()\n    const count = slugs.get(baseSlug) || 0\n    const slug = count === 0 ? baseSlug : `${baseSlug}-${count}`\n\n    slugs.set(baseSlug, count + 1)\n    env.__vueMarkdownKitHeadingSlugs = slugs\n\n    tokens[index].attrSet('id', slug)\n    tokens[index].attrSet('data-v-md-heading', slug)\n\n    return fallback(tokens, index, options, env, self)\n  }\n}\n\nfunction installSafeExternalLinks(parser) {\n  const fallback =\n    parser.renderer.rules.link_open ||\n    ((tokens, index, options, _env, self) => self.renderToken(tokens, index, options))\n\n  parser.renderer.rules.link_open = (tokens, index, options, env, self) => {\n    const token = tokens[index]\n    const href = token.attrGet('href') || ''\n\n    if (/^https?:\\/\\//i.test(href)) {\n      token.attrSet('target', '_blank')\n      token.attrSet('rel', 'noopener noreferrer')\n    }\n\n    return fallback(tokens, index, options, env, self)\n  }\n}\n\nexport function createMarkdownRenderer(options = {}) {\n  const parser = new MarkdownIt({\n    html: options.html ?? true,\n    breaks: options.breaks ?? true,\n    linkify: options.linkify ?? false,\n    typographer: options.typographer ?? true,\n    highlight: (code, language) => highlightCode(code, language, options),\n  })\n\n  if (options.attrs !== false) {\n    parser.use(markdownItAttrs, {\n      leftDelimiter: '{{{',\n      rightDelimiter: '}}}',\n      allowedAttributes: [\n        'class',\n        'height',\n        'id',\n        'title',\n        'width',\n        ...(options.allowedAttributes || []),\n      ],\n    })\n  }\n\n  installHeadingAnchors(parser)\n  installSafeExternalLinks(parser)\n\n  return parser\n}\n", "import createDOMPurify from 'dompurify'\n\nconst BASE_SANITIZE_OPTIONS = Object.freeze({\n  USE_PROFILES: {\n    html: true,\n  },\n  ADD_ATTR: [\n    'data-mention-id',\n    'data-v-md-anchor',\n    'data-v-md-heading',\n    'data-v-md-line',\n    'rel',\n    'target',\n  ],\n  FORBID_TAGS: ['script'],\n})\n\nlet sharedOptions = {}\n\nfunction mergeOptions(base, extra) {\n  const merged = {\n    ...base,\n    ...extra,\n  }\n\n  for (const key of ['ADD_ATTR', 'ADD_TAGS', 'FORBID_ATTR', 'FORBID_TAGS']) {\n    if (base[key] || extra[key]) {\n      merged[key] = [...new Set([...(base[key] || []), ...(extra[key] || [])])]\n    }\n  }\n\n  if (base.USE_PROFILES || extra.USE_PROFILES) {\n    merged.USE_PROFILES = {\n      ...(base.USE_PROFILES || {}),\n      ...(extra.USE_PROFILES || {}),\n    }\n  }\n\n  return merged\n}\n\nfunction resolvePurifier(windowLike) {\n  if (typeof createDOMPurify.sanitize === 'function') {\n    return createDOMPurify\n  }\n\n  if (windowLike && typeof createDOMPurify === 'function') {\n    return createDOMPurify(windowLike)\n  }\n\n  return null\n}\n\nfunction escapeHtml(value) {\n  return String(value)\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n    .replace(/'/g, '&#39;')\n}\n\nexport function sanitizeHtml(\n  dirtyHtml,\n  options = {},\n  windowLike = typeof window === 'undefined' ? undefined : window,\n) {\n  const purifier = resolvePurifier(windowLike)\n\n  // Fail closed in non-DOM environments rather than returning executable HTML.\n  if (!purifier || typeof purifier.sanitize !== 'function') {\n    return escapeHtml(dirtyHtml || '')\n  }\n\n  return purifier.sanitize(\n    dirtyHtml || '',\n    mergeOptions(mergeOptions(BASE_SANITIZE_OPTIONS, sharedOptions), options),\n  )\n}\n\nexport const sanitizer = {\n  process(dirtyHtml, options) {\n    return sanitizeHtml(dirtyHtml, options)\n  },\n\n  extend(options = {}) {\n    sharedOptions = mergeOptions(sharedOptions, options)\n    return this\n  },\n\n  reset() {\n    sharedOptions = {}\n    return this\n  },\n}\n", "export const version = '0.1.0'\n", "import { createMarkdownRenderer } from '../core/renderer.js'\n\nexport function createGithubTheme(options = {}) {\n  const markdownParser = createMarkdownRenderer(options)\n\n  return {\n    name: 'github',\n    previewClass: 'github-markdown-body',\n    markdownParser,\n    extend(callback) {\n      callback(markdownParser, options.Hljs)\n    },\n  }\n}\n\nconst githubTheme = {\n  install(VMdPreview, options = {}) {\n    VMdPreview.theme(createGithubTheme(options))\n  },\n}\n\nexport default githubTheme\n", "import VMdPreview from './preview.js'\nimport githubTheme, { createGithubTheme } from './theme/github.js'\n\nconst VueMarkdownKit = {\n  version: VMdPreview.version,\n  install(Vue) {\n    VMdPreview.install(Vue)\n  },\n}\n\nexport { VMdPreview, VueMarkdownKit, createGithubTheme, githubTheme }\nexport * from './core/index.js'\nexport default VueMarkdownKit\n"],
+  "mappings": "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",
+  "names": ["escapeHtml", "VMdPreview"]
+}

package/lib/preview.cjs

@@ -0,0 +1,325 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/preview.js
+var preview_exports = {};
+__export(preview_exports, {
+  default: () => preview_default
+});
+module.exports = __toCommonJS(preview_exports);
+var import_vue = require("vue");
+
+// src/core/renderer.js
+var import_markdown_it = __toESM(require("markdown-it"), 1);
+var import_markdown_it_attrs = __toESM(require("markdown-it-attrs"), 1);
+function escapeHtml(value) {
+  return String(value).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function slugifyHeading(value) {
+  const slug = String(value || "").normalize("NFKC").trim().toLowerCase().replace(/\s+/g, "-").replace(/[^\p{Letter}\p{Number}_-]+/gu, "").replace(/-{2,}/g, "-").replace(/^-|-$/g, "");
+  return slug || "section";
+}
+function highlightCode(code, language, options) {
+  const {
+    Hljs,
+    codeHighlightExtensionMap = {},
+    codeBlockClass = (lang) => `v-md-hljs-${lang || ""}`
+  } = options;
+  const normalizedLanguage = codeHighlightExtensionMap[language] || language;
+  let highlighted = escapeHtml(code);
+  if (Hljs && normalizedLanguage && typeof Hljs.getLanguage === "function" && Hljs.getLanguage(normalizedLanguage)) {
+    try {
+      highlighted = Hljs.highlight(code, {
+        language: normalizedLanguage,
+        ignoreIllegals: true
+      }).value;
+    } catch {
+      highlighted = Hljs.highlight(normalizedLanguage, code, true).value;
+    }
+  }
+  return `<pre class="${escapeHtml(codeBlockClass(normalizedLanguage))}"><code>${highlighted}</code></pre>`;
+}
+function installHeadingAnchors(parser) {
+  parser.core.ruler.before("block", "vue_markdown_kit_heading_state", (state) => {
+    state.env.__vueMarkdownKitHeadingSlugs = /* @__PURE__ */ new Map();
+  });
+  const fallback = parser.renderer.rules.heading_open || ((tokens, index, options, _env, self) => self.renderToken(tokens, index, options));
+  parser.renderer.rules.heading_open = (tokens, index, options, env, self) => {
+    const inline = tokens[index + 1];
+    const baseSlug = slugifyHeading(inline && inline.content);
+    const slugs = env.__vueMarkdownKitHeadingSlugs || /* @__PURE__ */ new Map();
+    const count = slugs.get(baseSlug) || 0;
+    const slug = count === 0 ? baseSlug : `${baseSlug}-${count}`;
+    slugs.set(baseSlug, count + 1);
+    env.__vueMarkdownKitHeadingSlugs = slugs;
+    tokens[index].attrSet("id", slug);
+    tokens[index].attrSet("data-v-md-heading", slug);
+    return fallback(tokens, index, options, env, self);
+  };
+}
+function installSafeExternalLinks(parser) {
+  const fallback = parser.renderer.rules.link_open || ((tokens, index, options, _env, self) => self.renderToken(tokens, index, options));
+  parser.renderer.rules.link_open = (tokens, index, options, env, self) => {
+    const token = tokens[index];
+    const href = token.attrGet("href") || "";
+    if (/^https?:\/\//i.test(href)) {
+      token.attrSet("target", "_blank");
+      token.attrSet("rel", "noopener noreferrer");
+    }
+    return fallback(tokens, index, options, env, self);
+  };
+}
+function createMarkdownRenderer(options = {}) {
+  var _a, _b, _c, _d;
+  const parser = new import_markdown_it.default({
+    html: (_a = options.html) != null ? _a : true,
+    breaks: (_b = options.breaks) != null ? _b : true,
+    linkify: (_c = options.linkify) != null ? _c : false,
+    typographer: (_d = options.typographer) != null ? _d : true,
+    highlight: (code, language) => highlightCode(code, language, options)
+  });
+  if (options.attrs !== false) {
+    parser.use(import_markdown_it_attrs.default, {
+      leftDelimiter: "{{{",
+      rightDelimiter: "}}}",
+      allowedAttributes: [
+        "class",
+        "height",
+        "id",
+        "title",
+        "width",
+        ...options.allowedAttributes || []
+      ]
+    });
+  }
+  installHeadingAnchors(parser);
+  installSafeExternalLinks(parser);
+  return parser;
+}
+
+// src/core/sanitize.js
+var import_dompurify = __toESM(require("dompurify"), 1);
+var BASE_SANITIZE_OPTIONS = Object.freeze({
+  USE_PROFILES: {
+    html: true
+  },
+  ADD_ATTR: [
+    "data-mention-id",
+    "data-v-md-anchor",
+    "data-v-md-heading",
+    "data-v-md-line",
+    "rel",
+    "target"
+  ],
+  FORBID_TAGS: ["script"]
+});
+var sharedOptions = {};
+function mergeOptions(base, extra) {
+  const merged = {
+    ...base,
+    ...extra
+  };
+  for (const key of ["ADD_ATTR", "ADD_TAGS", "FORBID_ATTR", "FORBID_TAGS"]) {
+    if (base[key] || extra[key]) {
+      merged[key] = [.../* @__PURE__ */ new Set([...base[key] || [], ...extra[key] || []])];
+    }
+  }
+  if (base.USE_PROFILES || extra.USE_PROFILES) {
+    merged.USE_PROFILES = {
+      ...base.USE_PROFILES || {},
+      ...extra.USE_PROFILES || {}
+    };
+  }
+  return merged;
+}
+function resolvePurifier(windowLike) {
+  if (typeof import_dompurify.default.sanitize === "function") {
+    return import_dompurify.default;
+  }
+  if (windowLike && typeof import_dompurify.default === "function") {
+    return (0, import_dompurify.default)(windowLike);
+  }
+  return null;
+}
+function escapeHtml2(value) {
+  return String(value).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function sanitizeHtml(dirtyHtml, options = {}, windowLike = typeof window === "undefined" ? void 0 : window) {
+  const purifier = resolvePurifier(windowLike);
+  if (!purifier || typeof purifier.sanitize !== "function") {
+    return escapeHtml2(dirtyHtml || "");
+  }
+  return purifier.sanitize(
+    dirtyHtml || "",
+    mergeOptions(mergeOptions(BASE_SANITIZE_OPTIONS, sharedOptions), options)
+  );
+}
+var sanitizer = {
+  process(dirtyHtml, options) {
+    return sanitizeHtml(dirtyHtml, options);
+  },
+  extend(options = {}) {
+    sharedOptions = mergeOptions(sharedOptions, options);
+    return this;
+  },
+  reset() {
+    sharedOptions = {};
+    return this;
+  }
+};
+
+// src/version.js
+var version = "0.1.0";
+
+// src/preview.js
+var defaultThemeConfig = {
+  name: "base",
+  previewClass: "vmk-markdown-body",
+  markdownParser: createMarkdownRenderer(),
+  extend(callback) {
+    callback(this.markdownParser);
+  }
+};
+var markdownExtenders = [];
+var activeThemeConfig = defaultThemeConfig;
+function installTheme(theme, options) {
+  if (!theme) return;
+  if (typeof theme === "function") {
+    theme(VMdPreview, options);
+  } else if (typeof theme.install === "function") {
+    theme.install(VMdPreview, options);
+  } else if (theme.markdownParser) {
+    VMdPreview.theme(theme);
+  }
+}
+var VMdPreview = (0, import_vue.defineComponent)({
+  name: "v-md-preview",
+  props: {
+    text: {
+      type: String,
+      default: ""
+    },
+    theme: {
+      type: Object,
+      default: void 0
+    },
+    tabSize: {
+      type: Number,
+      default: 2
+    },
+    scrollContainer: {
+      type: Function,
+      default: () => window
+    },
+    top: {
+      type: Number,
+      default: 0
+    },
+    sanitizeOptions: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: {
+    change: (_text, _html) => true,
+    "image-click": (_images, _index) => true
+  },
+  setup(props, { emit }) {
+    const rootElement = (0, import_vue.shallowRef)(null);
+    const html = (0, import_vue.shallowRef)("");
+    if (props.theme) {
+      installTheme(props.theme);
+    }
+    for (const extender of markdownExtenders) {
+      extender(activeThemeConfig.markdownParser);
+    }
+    const renderMarkdown = () => {
+      const rawHtml = activeThemeConfig.markdownParser.render(props.text || "");
+      html.value = sanitizer.process(rawHtml, props.sanitizeOptions);
+      emit("change", props.text, html.value);
+    };
+    (0, import_vue.watch)([() => props.text, () => props.sanitizeOptions], renderMarkdown, {
+      deep: true,
+      immediate: true
+    });
+    const handlePreviewClick = (event) => {
+      const target = event.target;
+      const root = rootElement.value;
+      if (!root || !target || target.tagName !== "IMG") {
+        return;
+      }
+      const imageElements = Array.from(root.querySelectorAll("img"));
+      const images = imageElements.map((image) => image.getAttribute("src")).filter(Boolean);
+      const index = imageElements.indexOf(target);
+      emit("image-click", images, index);
+    };
+    return () => (0, import_vue.h)(
+      "div",
+      {
+        ref: rootElement,
+        class: "vue-markdown-kit-preview",
+        style: {
+          tabSize: props.tabSize,
+          MozTabSize: props.tabSize
+        },
+        onClick: handlePreviewClick
+      },
+      [
+        (0, import_vue.h)("div", {
+          class: activeThemeConfig.previewClass,
+          innerHTML: html.value
+        })
+      ]
+    );
+  }
+});
+VMdPreview.version = version;
+VMdPreview.install = (app) => {
+  app.component(VMdPreview.name, VMdPreview);
+};
+VMdPreview.theme = (themeConfig) => {
+  activeThemeConfig = themeConfig || defaultThemeConfig;
+  return VMdPreview;
+};
+VMdPreview.use = (theme, options) => {
+  installTheme(theme, options);
+  return VMdPreview;
+};
+VMdPreview.extendMarkdown = (extender) => {
+  markdownExtenders.push(extender);
+  return VMdPreview;
+};
+VMdPreview.xss = sanitizer;
+VMdPreview.lang = {
+  use() {
+  },
+  add() {
+  }
+};
+var preview_default = VMdPreview;
+//# sourceMappingURL=preview.cjs.map