@rcarls/rc-textarea-plugin-markdown 0.1.0

package/README.md

@@ -0,0 +1,15 @@
+# @rcarls/rc-textarea-plugin-markdown
+
+Markdown decoration plugin for [@rcarls/rc-textarea](../rc-textarea/). Usable standalone
+on any `rc-textarea` instance.
+
+Part of the [rc-webcomponents](https://github.com/richardcarls/rc-webcomponents) library.
+
+## Documentation
+
+Full API, usage examples, and keyboard/accessibility notes are on the
+[rc-webcomponents docs site](https://richardcarls.github.io/rc-webcomponents/).
+
+## License
+
+MIT

package/dist/rc-textarea-plugin-markdown.js

@@ -0,0 +1,36 @@
+import { fromMarkdown as l } from "mdast-util-from-markdown";
+import { visit as m } from "unist-util-visit";
+import { micromark as d } from "micromark";
+const u = {
+  heading: { bold: !0, className: "rte-heading" },
+  emphasis: { italic: !0 },
+  strong: { bold: !0 },
+  inlineCode: { className: "rte-code" },
+  link: { underline: "solid", className: "rte-link" },
+  blockquote: { className: "rte-blockquote" }
+};
+function f(t) {
+  return d(t);
+}
+function s() {
+  return {
+    getPreviewHtml: f,
+    update(t, a) {
+      const c = l(t), e = [];
+      m(c, (o) => {
+        const r = u[o.type], i = o.position?.start.offset, n = o.position?.end.offset;
+        r !== void 0 && i !== void 0 && n !== void 0 && e.push({ type: "mark", from: i, to: n, ...r });
+      }), a.setDecorations(e);
+    }
+  };
+}
+const v = s();
+function w() {
+  return s();
+}
+export {
+  w as createMarkdownPlugin,
+  f as getMarkdownPreviewHtml,
+  v as markdownPlugin
+};
+//# sourceMappingURL=rc-textarea-plugin-markdown.js.map

package/dist/rc-textarea-plugin-markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rc-textarea-plugin-markdown.js","sources":["../src/markdown-plugin.ts"],"sourcesContent":["import { fromMarkdown } from 'mdast-util-from-markdown';\nimport { visit } from 'unist-util-visit';\nimport { micromark } from 'micromark';\n\nimport type { RCTextareaPlugin, RCTextareaPluginAPI, DecorationInput } from '@rcarls/rc-textarea';\n\n/** Minimal shape of a unist node as used by visit(). */\ninterface VisitNode {\n  type: string;\n  position?: {\n    start: { offset?: number };\n    end: { offset?: number };\n  };\n}\n\n\n/** Decoration styles applied per MDAST node type. */\nconst DECORATION_MAP: Record<string, Partial<Omit<DecorationInput, 'type' | 'from' | 'to'>>> = {\n  heading:    { bold: true, className: 'rte-heading' },\n  emphasis:   { italic: true },\n  strong:     { bold: true },\n  inlineCode: { className: 'rte-code' },\n  link:       { underline: 'solid', className: 'rte-link' },\n  blockquote: { className: 'rte-blockquote' },\n};\n\n/** Render a markdown string to safe HTML using micromark (no raw HTML passthrough). */\nexport function getMarkdownPreviewHtml(value: string): string {\n  return micromark(value);\n}\n\nfunction buildPlugin(): RCTextareaPlugin & { getPreviewHtml(value: string): string } {\n  return {\n    getPreviewHtml: getMarkdownPreviewHtml,\n\n    update(value: string, api: RCTextareaPluginAPI): void {\n      const tree = fromMarkdown(value);\n      const decorations: DecorationInput[] = [];\n\n      visit(tree, (node: VisitNode) => {\n        const style = DECORATION_MAP[node.type];\n        const start = node.position?.start.offset;\n        const end = node.position?.end.offset;\n\n        if (style !== undefined && start !== undefined && end !== undefined) {\n          decorations.push({ type: 'mark', from: start, to: end, ...style } as DecorationInput);\n        }\n      });\n\n      api.setDecorations(decorations);\n    },\n  };\n}\n\n/** Singleton markdown plugin. Use when a single instance is sufficient. */\nexport const markdownPlugin = buildPlugin();\n\n/** Factory for cases where multiple independent instances are needed. */\nexport function createMarkdownPlugin(): RCTextareaPlugin & {\n  getPreviewHtml(value: string): string;\n} {\n  return buildPlugin();\n}\n"],"names":["DECORATION_MAP","getMarkdownPreviewHtml","value","micromark","buildPlugin","api","tree","fromMarkdown","decorations","visit","node","style","start","end","markdownPlugin","createMarkdownPlugin"],"mappings":";;;AAiBA,MAAMA,IAAyF;AAAA,EAC7F,SAAY,EAAE,MAAM,IAAM,WAAW,cAAA;AAAA,EACrC,UAAY,EAAE,QAAQ,GAAA;AAAA,EACtB,QAAY,EAAE,MAAM,GAAA;AAAA,EACpB,YAAY,EAAE,WAAW,WAAA;AAAA,EACzB,MAAY,EAAE,WAAW,SAAS,WAAW,WAAA;AAAA,EAC7C,YAAY,EAAE,WAAW,iBAAA;AAC3B;AAGO,SAASC,EAAuBC,GAAuB;AAC5D,SAAOC,EAAUD,CAAK;AACxB;AAEA,SAASE,IAA4E;AACnF,SAAO;AAAA,IACL,gBAAgBH;AAAA,IAEhB,OAAOC,GAAeG,GAAgC;AACpD,YAAMC,IAAOC,EAAaL,CAAK,GACzBM,IAAiC,CAAA;AAEvC,MAAAC,EAAMH,GAAM,CAACI,MAAoB;AAC/B,cAAMC,IAAQX,EAAeU,EAAK,IAAI,GAChCE,IAAQF,EAAK,UAAU,MAAM,QAC7BG,IAAMH,EAAK,UAAU,IAAI;AAE/B,QAAIC,MAAU,UAAaC,MAAU,UAAaC,MAAQ,UACxDL,EAAY,KAAK,EAAE,MAAM,QAAQ,MAAMI,GAAO,IAAIC,GAAK,GAAGF,GAA0B;AAAA,MAExF,CAAC,GAEDN,EAAI,eAAeG,CAAW;AAAA,IAChC;AAAA,EAAA;AAEJ;AAGO,MAAMM,IAAiBV,EAAA;AAGvB,SAASW,IAEd;AACA,SAAOX,EAAA;AACT;"}

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export { markdownPlugin, createMarkdownPlugin, getMarkdownPreviewHtml } from './markdown-plugin.ts';

package/dist/types/markdown-plugin.d.ts

@@ -0,0 +1,11 @@
+import { RCTextareaPlugin } from '@rcarls/rc-textarea';
+/** Render a markdown string to safe HTML using micromark (no raw HTML passthrough). */
+export declare function getMarkdownPreviewHtml(value: string): string;
+/** Singleton markdown plugin. Use when a single instance is sufficient. */
+export declare const markdownPlugin: RCTextareaPlugin & {
+    getPreviewHtml(value: string): string;
+};
+/** Factory for cases where multiple independent instances are needed. */
+export declare function createMarkdownPlugin(): RCTextareaPlugin & {
+    getPreviewHtml(value: string): string;
+};

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@rcarls/rc-textarea-plugin-markdown",
+  "publishConfig": {
+    "access": "public"
+  },
+  "version": "0.1.0",
+  "description": "Markdown decoration plugin for rc-textarea",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/richardcarls/rc-webcomponents.git",
+    "directory": "packages/rc-textarea-plugin-markdown"
+  },
+  "homepage": "https://github.com/richardcarls/rc-webcomponents#readme",
+  "license": "MIT",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/rc-textarea-plugin-markdown.js",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/types/packages/rc-textarea-plugin-markdown/src/index.d.ts",
+        "default": "./dist/rc-textarea-plugin-markdown.js"
+      }
+    }
+  },
+  "types": "./dist/types/packages/rc-textarea-plugin-markdown/src/index.d.ts",
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsc && vite build",
+    "yalc:publish": "yalc publish --push"
+  },
+  "devDependencies": {
+    "@rcarls/rc-textarea": "workspace:^",
+    "mdast-util-from-markdown": "^2.0.2",
+    "micromark": "^4.0.2",
+    "typescript": "~5.9.3",
+    "unist-util-visit": "^5.0.0",
+    "vite": "^7.1.7",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "peerDependencies": {
+    "@rcarls/rc-textarea": "workspace:^",
+    "mdast-util-from-markdown": ">=2.0.0",
+    "micromark": ">=4.0.0",
+    "unist-util-visit": ">=5.0.0"
+  }
+}