@nakobase/nakobase-md-html 1.2.1 → 1.2.3

package/dist/cjs/constants.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CONTAINER_TYPES = exports.ARGUMENT_DIVIDER = void 0;
+const ARGUMENT_DIVIDER = exports.ARGUMENT_DIVIDER = '|';
+const CONTAINER_TYPES = exports.CONTAINER_TYPES = {
+  TOC: 'toc',
+  BOX: 'box',
+  BUBBLE: 'bubble',
+  BUBBLE_IMAGE: 'bubbleImage',
+  DETAILS: 'details'
+};

package/dist/{esm → cjs}/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAkB1C,eAAO,MAAM,QAAQ,GACnB,UAAU,MAAM,EAChB,UAAU,eAAe,KACxB,MA6BF,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAmB1C,eAAO,MAAM,QAAQ,GACnB,UAAU,MAAM,EAChB,UAAU,eAAe,KACxB,MA8BF,CAAC"}

package/dist/cjs/index.js

@@ -0,0 +1,43 @@
+#!/usr/bin/env node
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mdToHtml = void 0;
+var _markdownIt = _interopRequireDefault(require("markdown-it"));
+var _sanitizer = require("./sanitizer");
+var _mdContainer = require("./utils/md-container");
+var _mdRendererFence = require("./utils/md-renderer-fence");
+var _mdCustomBlocks = require("./utils/md-custom-blocks");
+var _constants = require("./constants");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// plugins
+const MdItImSize = require('@steelydylan/markdown-it-imsize').default;
+const MdItInlineComments = require('markdown-it-inline-comments');
+const MdItContainer = require('markdown-it-container');
+const MdItTaskLists = require('markdown-it-task-lists');
+const mdToHtml = (markdown, options) => {
+  const {
+    codeHighlight
+  } = options || {};
+  if (!(markdown && markdown.length)) return '';
+  const md = (0, _markdownIt.default)({
+    breaks: true,
+    linkify: true
+  });
+  md.linkify.set({
+    fuzzyLink: false
+  });
+  md.linkify.set({
+    fuzzyEmail: false
+  });
+  md.use(MdItInlineComments).use(MdItImSize).use(MdItTaskLists, {
+    enabled: true
+  }).use(MdItContainer, _constants.CONTAINER_TYPES.DETAILS, _mdContainer.detailsOptions).use(MdItContainer, _constants.CONTAINER_TYPES.BOX, _mdContainer.boxOptions).use(MdItContainer, _constants.CONTAINER_TYPES.BUBBLE, _mdContainer.bubbleOptions).use(MdItContainer, _constants.CONTAINER_TYPES.BUBBLE_IMAGE, _mdContainer.bubbleImageOptions).use(_mdCustomBlocks.mdCustomBlocks);
+  if (codeHighlight) {
+    md.use(_mdRendererFence.mdRendererFence);
+  }
+  return (0, _sanitizer.sanitize)(md.render(markdown));
+};
+exports.mdToHtml = mdToHtml;

package/dist/cjs/sanitizer.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sanitize = void 0;
+var _sanitizeHtml = _interopRequireWildcard(require("sanitize-html"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// sanitizer.ts
+
+const extendedTags = ['iframe', 'code', 'details', 'summary', 'circle', 'img', 'input', 'pre', 'span', 'picture', 'source'];
+const extendedAttributes = {
+  a: [...(_sanitizeHtml.defaults.allowedAttributes.a || []), 'id', 'class', 'data-line'],
+  iframe: ['src', 'width', 'height', 'allow', 'sandbox', 'frameborder'],
+  input: ['type', 'checked', 'disabled', 'readonly', 'value', 'class'],
+  source: ['srcset', 'type'],
+  img: ['src', 'alt', 'width', 'height'],
+  ul: ['class'],
+  ol: ['class'],
+  li: ['class'],
+  div: ['class'],
+  pre: ['class'],
+  code: [...(_sanitizeHtml.defaults.allowedAttributes.code || []), 'class'],
+  span: ['class']
+};
+const sanitize = html => (0, _sanitizeHtml.default)(html, {
+  allowedTags: [..._sanitizeHtml.defaults.allowedTags, ...extendedTags],
+  allowedAttributes: {
+    ..._sanitizeHtml.defaults.allowedAttributes,
+    ...extendedAttributes
+  },
+  allowedSchemes: ['http', 'https', 'mailto', 'tel'],
+  allowedSchemesByTag: {
+    iframe: ['https'],
+    img: ['http', 'https', 'data']
+  },
+  allowedStyles: {
+    '*': {
+      width: [/^\d+(?:px|%)$/],
+      height: [/^\d+(?:px|%)$/],
+      'text-align': [/^(?:left|right|center|justify)$/]
+    }
+  },
+  disallowedTagsMode: 'discard'
+});
+exports.sanitize = sanitize;

package/dist/cjs/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/utils/highlight.js

@@ -0,0 +1,311 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.highlightCode = highlightCode;
+var _prismCore = _interopRequireDefault(require("prismjs/components/prism-core"));
+require("prismjs/components/prism-markup");
+require("prismjs/components/prism-css");
+require("prismjs/components/prism-clike");
+require("prismjs/components/prism-regex");
+require("prismjs/components/prism-javascript");
+require("prismjs/components/prism-abap");
+require("prismjs/components/prism-abnf");
+require("prismjs/components/prism-actionscript");
+require("prismjs/components/prism-ada");
+require("prismjs/components/prism-agda");
+require("prismjs/components/prism-al");
+require("prismjs/components/prism-antlr4");
+require("prismjs/components/prism-apacheconf");
+require("prismjs/components/prism-sql");
+require("prismjs/components/prism-apex");
+require("prismjs/components/prism-apl");
+require("prismjs/components/prism-applescript");
+require("prismjs/components/prism-aql");
+require("prismjs/components/prism-c");
+require("prismjs/components/prism-cpp");
+require("prismjs/components/prism-arduino");
+require("prismjs/components/prism-arff");
+require("prismjs/components/prism-armasm");
+require("prismjs/components/prism-bash");
+require("prismjs/components/prism-yaml");
+require("prismjs/components/prism-markdown");
+require("prismjs/components/prism-arturo");
+require("prismjs/components/prism-asciidoc");
+require("prismjs/components/prism-csharp");
+require("prismjs/components/prism-aspnet");
+require("prismjs/components/prism-asm6502");
+require("prismjs/components/prism-asmatmel");
+require("prismjs/components/prism-autohotkey");
+require("prismjs/components/prism-autoit");
+require("prismjs/components/prism-avisynth");
+require("prismjs/components/prism-avro-idl");
+require("prismjs/components/prism-awk");
+require("prismjs/components/prism-basic");
+require("prismjs/components/prism-batch");
+require("prismjs/components/prism-bbcode");
+require("prismjs/components/prism-bbj");
+require("prismjs/components/prism-bicep");
+require("prismjs/components/prism-birb");
+require("prismjs/components/prism-bison");
+require("prismjs/components/prism-bnf");
+require("prismjs/components/prism-bqn");
+require("prismjs/components/prism-brainfuck");
+require("prismjs/components/prism-brightscript");
+require("prismjs/components/prism-bro");
+require("prismjs/components/prism-bsl");
+require("prismjs/components/prism-cfscript");
+require("prismjs/components/prism-chaiscript");
+require("prismjs/components/prism-cil");
+require("prismjs/components/prism-cilkc");
+require("prismjs/components/prism-cilkcpp");
+require("prismjs/components/prism-clojure");
+require("prismjs/components/prism-cmake");
+require("prismjs/components/prism-cobol");
+require("prismjs/components/prism-coffeescript");
+require("prismjs/components/prism-concurnas");
+require("prismjs/components/prism-csp");
+require("prismjs/components/prism-cooklang");
+require("prismjs/components/prism-coq");
+require("prismjs/components/prism-ruby");
+require("prismjs/components/prism-crystal");
+require("prismjs/components/prism-css-extras");
+require("prismjs/components/prism-csv");
+require("prismjs/components/prism-cue");
+require("prismjs/components/prism-cypher");
+require("prismjs/components/prism-d");
+require("prismjs/components/prism-dart");
+require("prismjs/components/prism-dataweave");
+require("prismjs/components/prism-dax");
+require("prismjs/components/prism-dhall");
+require("prismjs/components/prism-diff");
+require("prismjs/components/prism-markup-templating");
+require("prismjs/components/prism-django");
+require("prismjs/components/prism-dns-zone-file");
+require("prismjs/components/prism-docker");
+require("prismjs/components/prism-dot");
+require("prismjs/components/prism-ebnf");
+require("prismjs/components/prism-editorconfig");
+require("prismjs/components/prism-eiffel");
+require("prismjs/components/prism-ejs");
+require("prismjs/components/prism-elixir");
+require("prismjs/components/prism-elm");
+require("prismjs/components/prism-lua");
+require("prismjs/components/prism-etlua");
+require("prismjs/components/prism-erb");
+require("prismjs/components/prism-erlang");
+require("prismjs/components/prism-excel-formula");
+require("prismjs/components/prism-fsharp");
+require("prismjs/components/prism-factor");
+require("prismjs/components/prism-false");
+require("prismjs/components/prism-firestore-security-rules");
+require("prismjs/components/prism-flow");
+require("prismjs/components/prism-fortran");
+require("prismjs/components/prism-ftl");
+require("prismjs/components/prism-gml");
+require("prismjs/components/prism-gap");
+require("prismjs/components/prism-gcode");
+require("prismjs/components/prism-gdscript");
+require("prismjs/components/prism-gedcom");
+require("prismjs/components/prism-gettext");
+require("prismjs/components/prism-gherkin");
+require("prismjs/components/prism-git");
+require("prismjs/components/prism-glsl");
+require("prismjs/components/prism-gn");
+require("prismjs/components/prism-linker-script");
+require("prismjs/components/prism-go");
+require("prismjs/components/prism-go-module");
+require("prismjs/components/prism-gradle");
+require("prismjs/components/prism-graphql");
+require("prismjs/components/prism-groovy");
+require("prismjs/components/prism-less");
+require("prismjs/components/prism-scss");
+require("prismjs/components/prism-textile");
+require("prismjs/components/prism-haml");
+require("prismjs/components/prism-handlebars");
+require("prismjs/components/prism-haskell");
+require("prismjs/components/prism-haxe");
+require("prismjs/components/prism-hcl");
+require("prismjs/components/prism-hlsl");
+require("prismjs/components/prism-hoon");
+require("prismjs/components/prism-hpkp");
+require("prismjs/components/prism-hsts");
+require("prismjs/components/prism-json");
+require("prismjs/components/prism-uri");
+require("prismjs/components/prism-http");
+require("prismjs/components/prism-ichigojam");
+require("prismjs/components/prism-icon");
+require("prismjs/components/prism-icu-message-format");
+require("prismjs/components/prism-idris");
+require("prismjs/components/prism-ignore");
+require("prismjs/components/prism-inform7");
+require("prismjs/components/prism-ini");
+require("prismjs/components/prism-io");
+require("prismjs/components/prism-j");
+require("prismjs/components/prism-java");
+require("prismjs/components/prism-php");
+require("prismjs/components/prism-javadoclike");
+require("prismjs/components/prism-scala");
+require("prismjs/components/prism-javadoc");
+require("prismjs/components/prism-javastacktrace");
+require("prismjs/components/prism-jexl");
+require("prismjs/components/prism-jolie");
+require("prismjs/components/prism-jq");
+require("prismjs/components/prism-js-templates");
+require("prismjs/components/prism-typescript");
+require("prismjs/components/prism-jsdoc");
+require("prismjs/components/prism-n4js");
+require("prismjs/components/prism-js-extras");
+require("prismjs/components/prism-json5");
+require("prismjs/components/prism-jsonp");
+require("prismjs/components/prism-jsstacktrace");
+require("prismjs/components/prism-julia");
+require("prismjs/components/prism-keepalived");
+require("prismjs/components/prism-keyman");
+require("prismjs/components/prism-kotlin");
+require("prismjs/components/prism-kumir");
+require("prismjs/components/prism-kusto");
+require("prismjs/components/prism-latex");
+require("prismjs/components/prism-latte");
+require("prismjs/components/prism-scheme");
+require("prismjs/components/prism-lilypond");
+require("prismjs/components/prism-liquid");
+require("prismjs/components/prism-lisp");
+require("prismjs/components/prism-livescript");
+require("prismjs/components/prism-llvm");
+require("prismjs/components/prism-log");
+require("prismjs/components/prism-lolcode");
+require("prismjs/components/prism-magma");
+require("prismjs/components/prism-makefile");
+require("prismjs/components/prism-mata");
+require("prismjs/components/prism-matlab");
+require("prismjs/components/prism-maxscript");
+require("prismjs/components/prism-mel");
+require("prismjs/components/prism-mermaid");
+require("prismjs/components/prism-metafont");
+require("prismjs/components/prism-mizar");
+require("prismjs/components/prism-mongodb");
+require("prismjs/components/prism-monkey");
+require("prismjs/components/prism-moonscript");
+require("prismjs/components/prism-n1ql");
+require("prismjs/components/prism-nand2tetris-hdl");
+require("prismjs/components/prism-naniscript");
+require("prismjs/components/prism-nasm");
+require("prismjs/components/prism-neon");
+require("prismjs/components/prism-nevod");
+require("prismjs/components/prism-nginx");
+require("prismjs/components/prism-nim");
+require("prismjs/components/prism-nix");
+require("prismjs/components/prism-nsis");
+require("prismjs/components/prism-objectivec");
+require("prismjs/components/prism-ocaml");
+require("prismjs/components/prism-odin");
+require("prismjs/components/prism-opencl");
+require("prismjs/components/prism-openqasm");
+require("prismjs/components/prism-oz");
+require("prismjs/components/prism-parigp");
+require("prismjs/components/prism-parser");
+require("prismjs/components/prism-pascal");
+require("prismjs/components/prism-pascaligo");
+require("prismjs/components/prism-psl");
+require("prismjs/components/prism-pcaxis");
+require("prismjs/components/prism-peoplecode");
+require("prismjs/components/prism-perl");
+require("prismjs/components/prism-phpdoc");
+require("prismjs/components/prism-php-extras");
+require("prismjs/components/prism-plant-uml");
+require("prismjs/components/prism-plsql");
+require("prismjs/components/prism-powerquery");
+require("prismjs/components/prism-powershell");
+require("prismjs/components/prism-processing");
+require("prismjs/components/prism-prolog");
+require("prismjs/components/prism-promql");
+require("prismjs/components/prism-properties");
+require("prismjs/components/prism-protobuf");
+require("prismjs/components/prism-stylus");
+require("prismjs/components/prism-twig");
+require("prismjs/components/prism-pug");
+require("prismjs/components/prism-puppet");
+require("prismjs/components/prism-pure");
+require("prismjs/components/prism-purebasic");
+require("prismjs/components/prism-purescript");
+require("prismjs/components/prism-python");
+require("prismjs/components/prism-qsharp");
+require("prismjs/components/prism-q");
+require("prismjs/components/prism-qml");
+require("prismjs/components/prism-qore");
+require("prismjs/components/prism-r");
+require("prismjs/components/prism-racket");
+require("prismjs/components/prism-cshtml");
+require("prismjs/components/prism-jsx");
+require("prismjs/components/prism-tsx");
+require("prismjs/components/prism-reason");
+require("prismjs/components/prism-rego");
+require("prismjs/components/prism-renpy");
+require("prismjs/components/prism-rescript");
+require("prismjs/components/prism-rest");
+require("prismjs/components/prism-rip");
+require("prismjs/components/prism-roboconf");
+require("prismjs/components/prism-robotframework");
+require("prismjs/components/prism-rust");
+require("prismjs/components/prism-sas");
+require("prismjs/components/prism-sass");
+require("prismjs/components/prism-shell-session");
+require("prismjs/components/prism-smali");
+require("prismjs/components/prism-smalltalk");
+require("prismjs/components/prism-smarty");
+require("prismjs/components/prism-sml");
+require("prismjs/components/prism-solidity");
+require("prismjs/components/prism-solution-file");
+require("prismjs/components/prism-soy");
+require("prismjs/components/prism-turtle");
+require("prismjs/components/prism-sparql");
+require("prismjs/components/prism-splunk-spl");
+require("prismjs/components/prism-sqf");
+require("prismjs/components/prism-squirrel");
+require("prismjs/components/prism-stan");
+require("prismjs/components/prism-stata");
+require("prismjs/components/prism-iecst");
+require("prismjs/components/prism-supercollider");
+require("prismjs/components/prism-swift");
+require("prismjs/components/prism-systemd");
+require("prismjs/components/prism-t4-templating");
+require("prismjs/components/prism-t4-cs");
+require("prismjs/components/prism-vbnet");
+require("prismjs/components/prism-t4-vb");
+require("prismjs/components/prism-tap");
+require("prismjs/components/prism-tcl");
+require("prismjs/components/prism-tt2");
+require("prismjs/components/prism-toml");
+require("prismjs/components/prism-tremor");
+require("prismjs/components/prism-typoscript");
+require("prismjs/components/prism-unrealscript");
+require("prismjs/components/prism-uorazor");
+require("prismjs/components/prism-v");
+require("prismjs/components/prism-vala");
+require("prismjs/components/prism-velocity");
+require("prismjs/components/prism-verilog");
+require("prismjs/components/prism-vhdl");
+require("prismjs/components/prism-vim");
+require("prismjs/components/prism-visual-basic");
+require("prismjs/components/prism-warpscript");
+require("prismjs/components/prism-wasm");
+require("prismjs/components/prism-web-idl");
+require("prismjs/components/prism-wgsl");
+require("prismjs/components/prism-wiki");
+require("prismjs/components/prism-wolfram");
+require("prismjs/components/prism-wren");
+require("prismjs/components/prism-xeora");
+require("prismjs/components/prism-xml-doc");
+require("prismjs/components/prism-xojo");
+require("prismjs/components/prism-xquery");
+require("prismjs/components/prism-yang");
+require("prismjs/components/prism-zig");
+var _utils = require("markdown-it/lib/common/utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function highlightCode(text, lang) {
+  const grammar = _prismCore.default.languages[lang];
+  if (!grammar) return (0, _utils.escapeHtml)(text);
+  return _prismCore.default.highlight(text, grammar, lang);
+}

package/dist/{esm → cjs}/utils/md-container.js

@@ -1,8 +1,14 @@
-import { escapeHtml } from 'markdown-it/lib/common/utils';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.detailsOptions = exports.bubbleOptions = exports.bubbleImageOptions = exports.boxOptions = void 0;
+var _utils = require("markdown-it/lib/common/utils");
 // ::: details Detail
 //   summary here
 // :::
-export const detailsOptions = {
+const detailsOptions = exports.detailsOptions = {
   validate: function (params) {
     return /^details\s+(.*)$/.test(params.trim());
   },
@@ -11,7 +17,7 @@ export const detailsOptions = {
     const m = tokens[idx].info.trim().match(/^details\s+(.*)$/);
     const summary = (m === null || m === void 0 ? void 0 : m[1]) || '';
     if (isOpeningTag) {
-      return '<details><summary>' + escapeHtml(summary) + '</summary><div class="details-content">';
+      return '<details><summary>' + (0, _utils.escapeHtml)(summary) + '</summary><div class="details-content">';
     } else {
       return '</div></details>\n';
     }
@@ -22,7 +28,7 @@ export const detailsOptions = {
 // ::: bubble alt="alt" src="src" webp="src.webp" width="100" height="100" pos="left"
 // markdown
 // :::
-export const bubbleOptions = {
+const bubbleOptions = exports.bubbleOptions = {
   validate: function (params) {
     return /^bubble(?:\s+\w+="[^"]*")*\s*$/.test(params.trim());
   },
@@ -44,10 +50,10 @@ export const bubbleOptions = {
         pos = 'left',
         webp = ''
       } = attrs;
-      const imgHtml = `<img src="${escapeHtml(src)}" alt="${escapeHtml(alt)}" ` + `width="${escapeHtml(width)}" height="${escapeHtml(height)}">`;
+      const imgHtml = `<img src="${(0, _utils.escapeHtml)(src)}" alt="${(0, _utils.escapeHtml)(alt)}" ` + `width="${(0, _utils.escapeHtml)(width)}" height="${(0, _utils.escapeHtml)(height)}">`;
       let imageElement;
       if (webp) {
-        imageElement = '<picture>' + `<source srcset="${escapeHtml(webp)}" type="image/webp">` + imgHtml + '</picture>';
+        imageElement = '<picture>' + `<source srcset="${(0, _utils.escapeHtml)(webp)}" type="image/webp">` + imgHtml + '</picture>';
       } else {
         imageElement = imgHtml;
       }
@@ -62,7 +68,7 @@ export const bubbleOptions = {
 // ::: bubble-image alt="alt" src="src" webp="src.webp" width="640" height="360"
 // markdown
 // :::
-export const bubbleImageOptions = {
+const bubbleImageOptions = exports.bubbleImageOptions = {
   validate: function (params) {
     return /^bubble-image(?:\s+\w+="[^"]*")*\s*$/.test(params.trim());
   },
@@ -83,10 +89,10 @@ export const bubbleImageOptions = {
         height = '360',
         webp = ''
       } = attrs;
-      const imgHtml = `<img src="${escapeHtml(src)}" alt="${escapeHtml(alt)}" ` + `width="${escapeHtml(width)}" height="${escapeHtml(height)}">`;
+      const imgHtml = `<img src="${(0, _utils.escapeHtml)(src)}" alt="${(0, _utils.escapeHtml)(alt)}" ` + `width="${(0, _utils.escapeHtml)(width)}" height="${(0, _utils.escapeHtml)(height)}">`;
       let imageElement;
       if (webp) {
-        imageElement = '<picture>' + `<source srcset="${escapeHtml(webp)}" type="image/webp">` + imgHtml + '</picture>';
+        imageElement = '<picture>' + `<source srcset="${(0, _utils.escapeHtml)(webp)}" type="image/webp">` + imgHtml + '</picture>';
       } else {
         imageElement = imgHtml;
       }
@@ -102,7 +108,7 @@ export const bubbleImageOptions = {
 // markdown
 // :::
 //
-export const boxOptions = {
+const boxOptions = exports.boxOptions = {
   validate: function (params) {
     return /^(box[1-6])(?:\s+(.*))?$/.test(params.trim());
   },

package/dist/{esm → cjs}/utils/md-custom-blocks.js

@@ -1,4 +1,10 @@
-import { escapeHtml } from 'markdown-it/lib/common/utils';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mdCustomBlocks = mdCustomBlocks;
+var _utils = require("markdown-it/lib/common/utils");
 function escapeRegExp(string) {
   return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
 }
@@ -30,7 +36,7 @@ function registerKVBlock(md, block) {
     return block.renderer(tokens[idx].meta);
   };
 }
-export function mdCustomBlocks(md) {
+function mdCustomBlocks(md) {
   // @[img](src="", alt="", webp="", width="", height="")
   registerKVBlock(md, {
     name: 'image_with_webp',
@@ -44,14 +50,14 @@ export function mdCustomBlocks(md) {
       height,
       caption
     }) => {
-      const webpSource = webp ? `<source srcset="${escapeHtml(webp)}" type="image/webp">` : '';
-      const altText = alt ? `alt="${escapeHtml(alt)}"` : '';
-      const widthAttr = width ? ` width="${escapeHtml(width)}"` : '';
-      const heightAttr = height ? ` height="${escapeHtml(height)}"` : '';
-      const captionText = caption ? `<em>${escapeHtml(caption)}</em>` : '';
+      const webpSource = webp ? `<source srcset="${(0, _utils.escapeHtml)(webp)}" type="image/webp">` : '';
+      const altText = alt ? `alt="${(0, _utils.escapeHtml)(alt)}"` : '';
+      const widthAttr = width ? ` width="${(0, _utils.escapeHtml)(width)}"` : '';
+      const heightAttr = height ? ` height="${(0, _utils.escapeHtml)(height)}"` : '';
+      const captionText = caption ? `<em>${(0, _utils.escapeHtml)(caption)}</em>` : '';
       return `<picture>
         ${webpSource}
-        <img src="${escapeHtml(src)}" ${altText}${widthAttr}${heightAttr}>
+        <img src="${(0, _utils.escapeHtml)(src)}" ${altText}${widthAttr}${heightAttr}>
         ${captionText}
       </picture>`;
     }
@@ -67,8 +73,8 @@ export function mdCustomBlocks(md) {
       text
     }) => {
       const label = text || url;
-      return `<a href="${escapeHtml(url)}" target="_blank" rel="noopener noreferrer" class="external-link">
-        ${escapeHtml(label)}
+      return `<a href="${(0, _utils.escapeHtml)(url)}" target="_blank" rel="noopener noreferrer" class="external-link">
+        ${(0, _utils.escapeHtml)(label)}
       </a>`;
     }
   });

package/dist/{esm → cjs}/utils/md-renderer-fence.js

@@ -1,13 +1,20 @@
-import { escapeHtml } from 'markdown-it/lib/common/utils';
-import { highlightCode } from './highlight';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mdRendererFence = mdRendererFence;
+exports.parseInfo = parseInfo;
+var _utils = require("markdown-it/lib/common/utils");
+var _highlight = require("./highlight");
 function getHtml({
   content,
   className,
   fileName,
   line
 }) {
-  const escapedClass = escapeHtml(className);
-  return `<div class="code-container">${fileName ? `<div class="code-filename-container"><span class="code-filename">${escapeHtml(fileName)}</span></div>` : ''}<pre class="${escapedClass}"><code class="${escapedClass !== '' ? `${escapedClass} code-line` : 'code-line'}" ${line !== undefined ? `data-line="${line}"` : ''}>${content}</code></pre></div>`;
+  const escapedClass = (0, _utils.escapeHtml)(className);
+  return `<div class="code-container">${fileName ? `<div class="code-filename-container"><span class="code-filename">${(0, _utils.escapeHtml)(fileName)}</span></div>` : ''}<pre class="${escapedClass}"><code class="${escapedClass !== '' ? `${escapedClass} code-line` : 'code-line'}" ${line !== undefined ? `data-line="${line}"` : ''}>${content}</code></pre></div>`;
 }
 function getClassName({
   lang = ''
@@ -29,7 +36,7 @@ function normalizeLangName(str) {
   const langName = str.toLocaleLowerCase();
   return fallbackLanguages[langName] ?? langName;
 }
-export function parseInfo(str) {
+function parseInfo(str) {
   if (str.trim() === '') {
     return {
       lang: '',
@@ -46,7 +53,7 @@ export function parseInfo(str) {
     fileName
   };
 }
-export function mdRendererFence(md) {
+function mdRendererFence(md) {
   // override fence
   md.renderer.rules.fence = function (...args) {
     var _tokens$idx$map;
@@ -62,7 +69,7 @@ export function mdRendererFence(md) {
     const className = getClassName({
       lang
     });
-    const highlightedContent = highlightCode(content, lang);
+    const highlightedContent = (0, _highlight.highlightCode)(content, lang);
     const fenceStart = (_tokens$idx$map = tokens[idx].map) === null || _tokens$idx$map === void 0 ? void 0 : _tokens$idx$map[0];
     return getHtml({
       content: highlightedContent,

package/package.json

@@ -1,21 +1,20 @@
 {
   "name": "@nakobase/nakobase-md-html",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "description": "Convert Markdown to **sanitized HTML** and apply consistent styles – simple, secure, and styled.",
-  "type": "module",
-  "main": "dist/esm/index.js",
-  "types": "dist/esm/index.d.ts",
-  "bin": "./dist/esm/index.js",
+  "main": "dist/cjs/index.js",
+  "types": "dist/cjs/index.d.ts",
+  "bin": "./dist/cjs/index.js",
   "exports": {
     ".": {
-      "import": "./dist/esm/index.js"
+      "import": "./dist/cjs/index.js"
     },
     "./styles/style.css": {
       "import": "./dist/styles/style.css"
     }
   },
   "files": [
-    "dist/esm",
+    "dist/cjs",
     "dist/styles",
     "README.md",
     "LICENSE"
@@ -25,11 +24,11 @@
   ],
   "scripts": {
     "clean": "rimraf dist",
-    "build:types": "tsc --project tsconfig.esm.json",
-    "build:js": "babel src --extensions .ts,.tsx --ignore **/*.d.ts --out-dir dist/esm",
+    "build:types": "tsc --project tsconfig.build.json",
+    "build:js": "babel src --extensions .ts,.tsx --ignore **/*.d.ts --out-dir dist/cjs",
     "build:styles": "sass src/styles/style.scss:dist/styles/style.css --no-source-map --style compressed",
     "build": "pnpm run clean && pnpm run build:types && pnpm run build:styles && pnpm run build:js",
-    "start": "pnpm run build && node dist/esm/index.js",
+    "start": "pnpm run build && node dist/cjs/index.js",
     "test": "jest",
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
@@ -92,6 +91,7 @@
     "typescript": "^5.5.4"
   },
   "dependencies": {
+    "@steelydylan/markdown-it-imsize": "^1.0.2",
     "markdown-it": "^12.3.2",
     "markdown-it-container": "^2.0.0",
     "markdown-it-custom-block": "^1.0.0",

package/dist/esm/constants.js

@@ -1,8 +0,0 @@
-export const ARGUMENT_DIVIDER = '|';
-export const CONTAINER_TYPES = {
-  TOC: 'toc',
-  BOX: 'box',
-  BUBBLE: 'bubble',
-  BUBBLE_IMAGE: 'bubbleImage',
-  DETAILS: 'details'
-};

package/dist/esm/index.js

@@ -1,35 +0,0 @@
-#!/usr/bin/env node
-import MarkdownIt from 'markdown-it';
-import { sanitize } from './sanitizer';
-import { boxOptions, bubbleImageOptions, bubbleOptions, detailsOptions } from './utils/md-container';
-import { mdRendererFence } from './utils/md-renderer-fence';
-import { mdCustomBlocks } from './utils/md-custom-blocks';
-import { CONTAINER_TYPES } from './constants';
-
-// plugins
-const MdItInlineComments = require('markdown-it-inline-comments');
-const MdItContainer = require('markdown-it-container');
-const MdItTaskLists = require('markdown-it-task-lists');
-export const mdToHtml = (markdown, options) => {
-  const {
-    codeHighlight
-  } = options || {};
-  if (!(markdown && markdown.length)) return '';
-  const md = MarkdownIt({
-    breaks: true,
-    linkify: true
-  });
-  md.linkify.set({
-    fuzzyLink: false
-  });
-  md.linkify.set({
-    fuzzyEmail: false
-  });
-  md.use(MdItInlineComments).use(MdItTaskLists, {
-    enabled: true
-  }).use(MdItContainer, CONTAINER_TYPES.DETAILS, detailsOptions).use(MdItContainer, CONTAINER_TYPES.BOX, boxOptions).use(MdItContainer, CONTAINER_TYPES.BUBBLE, bubbleOptions).use(MdItContainer, CONTAINER_TYPES.BUBBLE_IMAGE, bubbleImageOptions).use(mdCustomBlocks);
-  if (codeHighlight) {
-    md.use(mdRendererFence);
-  }
-  return sanitize(md.render(markdown));
-};

package/dist/esm/sanitizer.js

@@ -1,37 +0,0 @@
-// sanitizer.ts
-import sanitizeHtml, { defaults } from 'sanitize-html';
-const extendedTags = ['iframe', 'code', 'details', 'summary', 'circle', 'img', 'input', 'pre', 'span', 'picture', 'source'];
-const extendedAttributes = {
-  a: [...(defaults.allowedAttributes.a || []), 'id', 'class', 'data-line'],
-  iframe: ['src', 'width', 'height', 'allow', 'sandbox', 'frameborder'],
-  input: ['type', 'checked', 'disabled', 'readonly', 'value', 'class'],
-  source: ['srcset', 'type'],
-  img: ['src', 'alt', 'width', 'height'],
-  ul: ['class'],
-  ol: ['class'],
-  li: ['class'],
-  div: ['class'],
-  pre: ['class'],
-  code: [...(defaults.allowedAttributes.code || []), 'class'],
-  span: ['class']
-};
-export const sanitize = html => sanitizeHtml(html, {
-  allowedTags: [...defaults.allowedTags, ...extendedTags],
-  allowedAttributes: {
-    ...defaults.allowedAttributes,
-    ...extendedAttributes
-  },
-  allowedSchemes: ['http', 'https', 'mailto', 'tel'],
-  allowedSchemesByTag: {
-    iframe: ['https'],
-    img: ['http', 'https', 'data']
-  },
-  allowedStyles: {
-    '*': {
-      width: [/^\d+(?:px|%)$/],
-      height: [/^\d+(?:px|%)$/],
-      'text-align': [/^(?:left|right|center|justify)$/]
-    }
-  },
-  disallowedTagsMode: 'discard'
-});

package/dist/esm/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/utils/highlight.js

@@ -1,304 +0,0 @@
-import Prism from "prismjs/components/prism-core";
-import "prismjs/components/prism-markup";
-import "prismjs/components/prism-css";
-import "prismjs/components/prism-clike";
-import "prismjs/components/prism-regex";
-import "prismjs/components/prism-javascript";
-import "prismjs/components/prism-abap";
-import "prismjs/components/prism-abnf";
-import "prismjs/components/prism-actionscript";
-import "prismjs/components/prism-ada";
-import "prismjs/components/prism-agda";
-import "prismjs/components/prism-al";
-import "prismjs/components/prism-antlr4";
-import "prismjs/components/prism-apacheconf";
-import "prismjs/components/prism-sql";
-import "prismjs/components/prism-apex";
-import "prismjs/components/prism-apl";
-import "prismjs/components/prism-applescript";
-import "prismjs/components/prism-aql";
-import "prismjs/components/prism-c";
-import "prismjs/components/prism-cpp";
-import "prismjs/components/prism-arduino";
-import "prismjs/components/prism-arff";
-import "prismjs/components/prism-armasm";
-import "prismjs/components/prism-bash";
-import "prismjs/components/prism-yaml";
-import "prismjs/components/prism-markdown";
-import "prismjs/components/prism-arturo";
-import "prismjs/components/prism-asciidoc";
-import "prismjs/components/prism-csharp";
-import "prismjs/components/prism-aspnet";
-import "prismjs/components/prism-asm6502";
-import "prismjs/components/prism-asmatmel";
-import "prismjs/components/prism-autohotkey";
-import "prismjs/components/prism-autoit";
-import "prismjs/components/prism-avisynth";
-import "prismjs/components/prism-avro-idl";
-import "prismjs/components/prism-awk";
-import "prismjs/components/prism-basic";
-import "prismjs/components/prism-batch";
-import "prismjs/components/prism-bbcode";
-import "prismjs/components/prism-bbj";
-import "prismjs/components/prism-bicep";
-import "prismjs/components/prism-birb";
-import "prismjs/components/prism-bison";
-import "prismjs/components/prism-bnf";
-import "prismjs/components/prism-bqn";
-import "prismjs/components/prism-brainfuck";
-import "prismjs/components/prism-brightscript";
-import "prismjs/components/prism-bro";
-import "prismjs/components/prism-bsl";
-import "prismjs/components/prism-cfscript";
-import "prismjs/components/prism-chaiscript";
-import "prismjs/components/prism-cil";
-import "prismjs/components/prism-cilkc";
-import "prismjs/components/prism-cilkcpp";
-import "prismjs/components/prism-clojure";
-import "prismjs/components/prism-cmake";
-import "prismjs/components/prism-cobol";
-import "prismjs/components/prism-coffeescript";
-import "prismjs/components/prism-concurnas";
-import "prismjs/components/prism-csp";
-import "prismjs/components/prism-cooklang";
-import "prismjs/components/prism-coq";
-import "prismjs/components/prism-ruby";
-import "prismjs/components/prism-crystal";
-import "prismjs/components/prism-css-extras";
-import "prismjs/components/prism-csv";
-import "prismjs/components/prism-cue";
-import "prismjs/components/prism-cypher";
-import "prismjs/components/prism-d";
-import "prismjs/components/prism-dart";
-import "prismjs/components/prism-dataweave";
-import "prismjs/components/prism-dax";
-import "prismjs/components/prism-dhall";
-import "prismjs/components/prism-diff";
-import "prismjs/components/prism-markup-templating";
-import "prismjs/components/prism-django";
-import "prismjs/components/prism-dns-zone-file";
-import "prismjs/components/prism-docker";
-import "prismjs/components/prism-dot";
-import "prismjs/components/prism-ebnf";
-import "prismjs/components/prism-editorconfig";
-import "prismjs/components/prism-eiffel";
-import "prismjs/components/prism-ejs";
-import "prismjs/components/prism-elixir";
-import "prismjs/components/prism-elm";
-import "prismjs/components/prism-lua";
-import "prismjs/components/prism-etlua";
-import "prismjs/components/prism-erb";
-import "prismjs/components/prism-erlang";
-import "prismjs/components/prism-excel-formula";
-import "prismjs/components/prism-fsharp";
-import "prismjs/components/prism-factor";
-import "prismjs/components/prism-false";
-import "prismjs/components/prism-firestore-security-rules";
-import "prismjs/components/prism-flow";
-import "prismjs/components/prism-fortran";
-import "prismjs/components/prism-ftl";
-import "prismjs/components/prism-gml";
-import "prismjs/components/prism-gap";
-import "prismjs/components/prism-gcode";
-import "prismjs/components/prism-gdscript";
-import "prismjs/components/prism-gedcom";
-import "prismjs/components/prism-gettext";
-import "prismjs/components/prism-gherkin";
-import "prismjs/components/prism-git";
-import "prismjs/components/prism-glsl";
-import "prismjs/components/prism-gn";
-import "prismjs/components/prism-linker-script";
-import "prismjs/components/prism-go";
-import "prismjs/components/prism-go-module";
-import "prismjs/components/prism-gradle";
-import "prismjs/components/prism-graphql";
-import "prismjs/components/prism-groovy";
-import "prismjs/components/prism-less";
-import "prismjs/components/prism-scss";
-import "prismjs/components/prism-textile";
-import "prismjs/components/prism-haml";
-import "prismjs/components/prism-handlebars";
-import "prismjs/components/prism-haskell";
-import "prismjs/components/prism-haxe";
-import "prismjs/components/prism-hcl";
-import "prismjs/components/prism-hlsl";
-import "prismjs/components/prism-hoon";
-import "prismjs/components/prism-hpkp";
-import "prismjs/components/prism-hsts";
-import "prismjs/components/prism-json";
-import "prismjs/components/prism-uri";
-import "prismjs/components/prism-http";
-import "prismjs/components/prism-ichigojam";
-import "prismjs/components/prism-icon";
-import "prismjs/components/prism-icu-message-format";
-import "prismjs/components/prism-idris";
-import "prismjs/components/prism-ignore";
-import "prismjs/components/prism-inform7";
-import "prismjs/components/prism-ini";
-import "prismjs/components/prism-io";
-import "prismjs/components/prism-j";
-import "prismjs/components/prism-java";
-import "prismjs/components/prism-php";
-import "prismjs/components/prism-javadoclike";
-import "prismjs/components/prism-scala";
-import "prismjs/components/prism-javadoc";
-import "prismjs/components/prism-javastacktrace";
-import "prismjs/components/prism-jexl";
-import "prismjs/components/prism-jolie";
-import "prismjs/components/prism-jq";
-import "prismjs/components/prism-js-templates";
-import "prismjs/components/prism-typescript";
-import "prismjs/components/prism-jsdoc";
-import "prismjs/components/prism-n4js";
-import "prismjs/components/prism-js-extras";
-import "prismjs/components/prism-json5";
-import "prismjs/components/prism-jsonp";
-import "prismjs/components/prism-jsstacktrace";
-import "prismjs/components/prism-julia";
-import "prismjs/components/prism-keepalived";
-import "prismjs/components/prism-keyman";
-import "prismjs/components/prism-kotlin";
-import "prismjs/components/prism-kumir";
-import "prismjs/components/prism-kusto";
-import "prismjs/components/prism-latex";
-import "prismjs/components/prism-latte";
-import "prismjs/components/prism-scheme";
-import "prismjs/components/prism-lilypond";
-import "prismjs/components/prism-liquid";
-import "prismjs/components/prism-lisp";
-import "prismjs/components/prism-livescript";
-import "prismjs/components/prism-llvm";
-import "prismjs/components/prism-log";
-import "prismjs/components/prism-lolcode";
-import "prismjs/components/prism-magma";
-import "prismjs/components/prism-makefile";
-import "prismjs/components/prism-mata";
-import "prismjs/components/prism-matlab";
-import "prismjs/components/prism-maxscript";
-import "prismjs/components/prism-mel";
-import "prismjs/components/prism-mermaid";
-import "prismjs/components/prism-metafont";
-import "prismjs/components/prism-mizar";
-import "prismjs/components/prism-mongodb";
-import "prismjs/components/prism-monkey";
-import "prismjs/components/prism-moonscript";
-import "prismjs/components/prism-n1ql";
-import "prismjs/components/prism-nand2tetris-hdl";
-import "prismjs/components/prism-naniscript";
-import "prismjs/components/prism-nasm";
-import "prismjs/components/prism-neon";
-import "prismjs/components/prism-nevod";
-import "prismjs/components/prism-nginx";
-import "prismjs/components/prism-nim";
-import "prismjs/components/prism-nix";
-import "prismjs/components/prism-nsis";
-import "prismjs/components/prism-objectivec";
-import "prismjs/components/prism-ocaml";
-import "prismjs/components/prism-odin";
-import "prismjs/components/prism-opencl";
-import "prismjs/components/prism-openqasm";
-import "prismjs/components/prism-oz";
-import "prismjs/components/prism-parigp";
-import "prismjs/components/prism-parser";
-import "prismjs/components/prism-pascal";
-import "prismjs/components/prism-pascaligo";
-import "prismjs/components/prism-psl";
-import "prismjs/components/prism-pcaxis";
-import "prismjs/components/prism-peoplecode";
-import "prismjs/components/prism-perl";
-import "prismjs/components/prism-phpdoc";
-import "prismjs/components/prism-php-extras";
-import "prismjs/components/prism-plant-uml";
-import "prismjs/components/prism-plsql";
-import "prismjs/components/prism-powerquery";
-import "prismjs/components/prism-powershell";
-import "prismjs/components/prism-processing";
-import "prismjs/components/prism-prolog";
-import "prismjs/components/prism-promql";
-import "prismjs/components/prism-properties";
-import "prismjs/components/prism-protobuf";
-import "prismjs/components/prism-stylus";
-import "prismjs/components/prism-twig";
-import "prismjs/components/prism-pug";
-import "prismjs/components/prism-puppet";
-import "prismjs/components/prism-pure";
-import "prismjs/components/prism-purebasic";
-import "prismjs/components/prism-purescript";
-import "prismjs/components/prism-python";
-import "prismjs/components/prism-qsharp";
-import "prismjs/components/prism-q";
-import "prismjs/components/prism-qml";
-import "prismjs/components/prism-qore";
-import "prismjs/components/prism-r";
-import "prismjs/components/prism-racket";
-import "prismjs/components/prism-cshtml";
-import "prismjs/components/prism-jsx";
-import "prismjs/components/prism-tsx";
-import "prismjs/components/prism-reason";
-import "prismjs/components/prism-rego";
-import "prismjs/components/prism-renpy";
-import "prismjs/components/prism-rescript";
-import "prismjs/components/prism-rest";
-import "prismjs/components/prism-rip";
-import "prismjs/components/prism-roboconf";
-import "prismjs/components/prism-robotframework";
-import "prismjs/components/prism-rust";
-import "prismjs/components/prism-sas";
-import "prismjs/components/prism-sass";
-import "prismjs/components/prism-shell-session";
-import "prismjs/components/prism-smali";
-import "prismjs/components/prism-smalltalk";
-import "prismjs/components/prism-smarty";
-import "prismjs/components/prism-sml";
-import "prismjs/components/prism-solidity";
-import "prismjs/components/prism-solution-file";
-import "prismjs/components/prism-soy";
-import "prismjs/components/prism-turtle";
-import "prismjs/components/prism-sparql";
-import "prismjs/components/prism-splunk-spl";
-import "prismjs/components/prism-sqf";
-import "prismjs/components/prism-squirrel";
-import "prismjs/components/prism-stan";
-import "prismjs/components/prism-stata";
-import "prismjs/components/prism-iecst";
-import "prismjs/components/prism-supercollider";
-import "prismjs/components/prism-swift";
-import "prismjs/components/prism-systemd";
-import "prismjs/components/prism-t4-templating";
-import "prismjs/components/prism-t4-cs";
-import "prismjs/components/prism-vbnet";
-import "prismjs/components/prism-t4-vb";
-import "prismjs/components/prism-tap";
-import "prismjs/components/prism-tcl";
-import "prismjs/components/prism-tt2";
-import "prismjs/components/prism-toml";
-import "prismjs/components/prism-tremor";
-import "prismjs/components/prism-typoscript";
-import "prismjs/components/prism-unrealscript";
-import "prismjs/components/prism-uorazor";
-import "prismjs/components/prism-v";
-import "prismjs/components/prism-vala";
-import "prismjs/components/prism-velocity";
-import "prismjs/components/prism-verilog";
-import "prismjs/components/prism-vhdl";
-import "prismjs/components/prism-vim";
-import "prismjs/components/prism-visual-basic";
-import "prismjs/components/prism-warpscript";
-import "prismjs/components/prism-wasm";
-import "prismjs/components/prism-web-idl";
-import "prismjs/components/prism-wgsl";
-import "prismjs/components/prism-wiki";
-import "prismjs/components/prism-wolfram";
-import "prismjs/components/prism-wren";
-import "prismjs/components/prism-xeora";
-import "prismjs/components/prism-xml-doc";
-import "prismjs/components/prism-xojo";
-import "prismjs/components/prism-xquery";
-import "prismjs/components/prism-yang";
-import "prismjs/components/prism-zig";
-import { escapeHtml } from 'markdown-it/lib/common/utils';
-export function highlightCode(text, lang) {
-  const grammar = Prism.languages[lang];
-  if (!grammar) return escapeHtml(text);
-  return Prism.highlight(text, grammar, lang);
-}