flinker-markdown 1.1.10 → 1.1.12

package/README.md

@@ -21,7 +21,7 @@ import { div, TextProps } from "flinker-dom"
 import { md, MDGrammar, MDParser } from "flinker-markdown"
 
 interface MarkdownProps extends TextProps {
-  absolutePathPrefix?: string
+  absolutePathPrefix?: string //it will be added to the relative path of a media file [<a>, <img>, <audio>, <video>]
   mode: 'md' | 'rawText' | 'rawHtml'
 }
 

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];
@@ -106,7 +106,14 @@ export class MDGrammar {
         this.audio = new MDLineGrammarRule();
         this.audio.matcher = [/\[audio:([^\]]+)\]/, '<audio controls src="$1"></audio>'];
         this.video = new MDLineGrammarRule();
-        this.video.matcher = [/\[video:([^\]]+)\]/, '<video controls src="$1"></video>'];
+        const videoReplacer = (_, url, params) => {
+            const keyValues = params ? params.split(/, */) : [];
+            let res = '<video src="' + url + '"';
+            keyValues.forEach(kv => res += kv.replace(/^ *([^:]+):?(.*)$/, (_, key, value) => value ? ` ${key}="${value}"` : ` ${key}`));
+            res += '></video>';
+            return res;
+        };
+        this.video.matcher = [/\[video:([^\]]+)\]/, videoReplacer];
         this.stars = new MDLineGrammarRule();
         this.stars.matcher = [/^(\*{3,})/, '<p class="md-delim">$1</p>'];
         this.p = new MDLineGrammarRule();

package/package.json

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