flinker-markdown 1.1.9 → 1.1.11

package/README.md

@@ -17,22 +17,23 @@ npm run dev
 
 ## Example 1
 ```ts
-import { md, MDGrammar, MDParser } from "flinker-markdown"
 import { div, TextProps } from "flinker-dom"
+import { md, MDGrammar, MDParser } from "flinker-markdown"
 
 interface MarkdownProps extends TextProps {
-  absolutePathPrefix?: string
-  showRawText?: boolean
+  absolutePathPrefix?: string //it will be added to the relative path of a media file [<a>, <img>, <audio>, <video>]
+  mode: 'md' | 'rawText' | 'rawHtml'
 }
 
-const grammar = new MDGrammar()
-const parser = new MDParser(grammar)
+const parser = new MDParser(new MDGrammar())
 export const Markdown = () => {
   return div<MarkdownProps>()
     .map(s => {
-      if (!s.showRawText) {
+      if (s.mode === 'md') {
         s.htmlText = s.text ? md(parser, s.text, s.absolutePathPrefix) : ''
         s.text = ''
+      } else if (s.mode === 'rawHtml') {
+        s.text = s.text ? md(parser, s.text, s.absolutePathPrefix) : ''
       }
     })
 }

package/dist/esm/md.js

@@ -59,11 +59,11 @@ export class MDGrammar {
         this.code = new MDInlineGrammarRule();
         this.code.matcher = [/``([^`]+)``/g, '<code>$1</code>'];
         this.figure = new MDInlineGrammarRule();
-        this.figure.matcher = [/\[img:([^, ]+), ?([^\]]+)\]/gm, '<figure><img src="$1"/><figcaption>$2</figcaption></figure>'];
+        this.figure.matcher = [/\[img:([^, ]+), ?([^\]]+)\]/g, '<figure><img src="$1"/><figcaption>$2</figcaption></figure>'];
         this.img = new MDInlineGrammarRule();
-        this.img.matcher = [/\[img:([^\]]+)\]/gm, '<img src="$1"/>'];
+        this.img.matcher = [/\[img:([^\]]+)\]/g, '<img src="$1"/>'];
         this.link = new MDInlineGrammarRule();
-        this.link.matcher = [/\[link:([^, ]+),? ?([^\]]*)\]/, (line, url, descr) => {
+        this.link.matcher = [/\[link:([^, \]]+),? *([^\]]*)\]/g, (line, url, descr) => {
                 return '<a href="' + url + '">' + (descr || url) + '</a>';
             }];
         this.globalRule.childrenInlineRules = [this.code, this.figure, this.img, this.link, this.sub, this.sup, this.strong, this.boldItalic, this.bold, this.em, this.italic];
@@ -71,7 +71,7 @@ export class MDGrammar {
         // LINE GRAMMAR RULES
         //
         this.header = new MDLineGrammarRule();
-        this.header.matcher = [/^\$?(#{1,6}) (.*)$/, (line, signs, header) => {
+        this.header.matcher = [/^(#{1,6}) (.*)$/, (line, signs, header) => {
                 const count = signs.length;
                 return '<h' + count + '>' + header + '</h' + count + '>';
             }];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "flinker-markdown",
   "description": "Free TypeScript library for parsing markdown text (customisable, not standardized).",
-  "version": "1.1.9",
+  "version": "1.1.11",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Dittner/FlinkerMD.git"