flinker-markdown 1.1.6 → 1.1.8

package/README.md

@@ -7,6 +7,14 @@ __FlinkerMD__ (MD) is a TypeScript library for parsing markdown text into html.
 npm i flinker-markdown
 ```
 
+## Demo
+```cli
+git clone https://github.com/Dittner/FlinkerMD
+cd FlinkerMD/MarkdownDemo
+npm install
+npm run dev
+```
+
 ## Example 1
 ```ts
 import { md, MDGrammar, MDParser } from "flinker-markdown"

package/dist/esm/md.js

@@ -81,20 +81,22 @@ export class MDGrammar {
         this.quote.matcher = [/^> (.*)$/, '<blockquote><p>$1</p></blockquote>'];
         this.quote.childrenInlineRules = this.globalRule.childrenInlineRules;
         this.quote.preProccessing = defLinePreproccessing;
+        this.tilde = new MDLineGrammarRule();
+        this.tilde.matcher = [/^~ (.*)$/, '<p class="md-tilde">$1</p>'];
+        this.tilde.childrenInlineRules = this.globalRule.childrenInlineRules;
+        this.tilde.preProccessing = defLinePreproccessing;
+        this.warn = new MDLineGrammarRule();
+        this.warn.matcher = [/^! (.*)$/, '<p class="md-warn">$1</p>'];
+        this.warn.childrenInlineRules = this.globalRule.childrenInlineRules;
+        this.warn.preProccessing = defLinePreproccessing;
         this.alignRight = new MDLineGrammarRule();
-        this.alignRight.matcher = [/^==> (.*)$/, '<div class="md-right">$1</div>'];
+        this.alignRight.matcher = [/^==> (.*)$/, '<p class="md-right">$1</p>'];
         this.alignRight.childrenInlineRules = this.globalRule.childrenInlineRules;
         this.alignRight.preProccessing = defLinePreproccessing;
         this.alignCenter = new MDLineGrammarRule();
-        this.alignCenter.matcher = [/^=> (.*)$/, '<div class="md-center">$1</div>'];
+        this.alignCenter.matcher = [/^=> (.*)$/, '<p class="md-center">$1</p>'];
         this.alignCenter.childrenInlineRules = this.globalRule.childrenInlineRules;
         this.alignCenter.preProccessing = defLinePreproccessing;
-        this.stars = new MDLineGrammarRule();
-        this.stars.matcher = [/^(\*{3,})/, '<p class="md-delim">$1</p>'];
-        this.p = new MDLineGrammarRule();
-        this.p.matcher = [/^(.*)$/, '<p>$1</p>'];
-        this.p.childrenInlineRules = this.globalRule.childrenInlineRules;
-        this.p.preProccessing = defLinePreproccessing;
         this.br = new MDLineGrammarRule();
         this.br.matcher = [/^\n$/, '<br/>'];
         this.oli = new MDLineGrammarRule();
@@ -109,7 +111,13 @@ export class MDGrammar {
         this.audio.matcher = [/\[audio:([^\]]+)\]/, '<audio controls src="$1"></audio>'];
         this.video = new MDLineGrammarRule();
         this.video.matcher = [/\[video:([^\]]+)\]/, '<video controls src="$1"></video>'];
-        this.globalRule.childrenLineRules = [this.header, this.quote, this.alignCenter, this.alignRight, this.audio, this.video, this.stars, this.br, this.p];
+        this.stars = new MDLineGrammarRule();
+        this.stars.matcher = [/^(\*{3,})/, '<p class="md-delim">$1</p>'];
+        this.p = new MDLineGrammarRule();
+        this.p.matcher = [/^(.*)$/, '<p>$1</p>'];
+        this.p.childrenInlineRules = this.globalRule.childrenInlineRules;
+        this.p.preProccessing = defLinePreproccessing;
+        this.globalRule.childrenLineRules = [this.header, this.quote, this.alignCenter, this.alignRight, this.tilde, this.warn, this.audio, this.video, this.stars, this.br, this.p];
         //
         // MULTILINE GRAMMAR RULES
         //
@@ -117,12 +125,12 @@ export class MDGrammar {
         this.ul = new MDMultilineGrammarRule();
         this.ol.startMatcher = [/^```ol *$/, '<ol>'];
         this.ol.endMatcher = [/^``` *$/, '</ol>'];
-        this.ol.childrenLineRules = [this.oli, this.br, this.p];
+        this.ol.childrenLineRules = [this.oli, this.tilde, this.warn, this.br, this.p];
         this.ol.childrenInlineRules = this.globalRule.childrenInlineRules;
         this.ol.childrenMultilineRules = [this.ol, this.ul];
         this.ul.startMatcher = [/^```ul *$/, '<ul>'];
         this.ul.endMatcher = [/^``` *$/, '</ul>'];
-        this.ul.childrenLineRules = [this.uli, this.br, this.p];
+        this.ul.childrenLineRules = [this.uli, this.tilde, this.warn, this.br, this.p];
         this.ul.childrenInlineRules = this.globalRule.childrenInlineRules;
         this.ul.childrenMultilineRules = [this.ol, this.ul];
         this.table = new MDMultilineGrammarRule();
@@ -139,7 +147,7 @@ export class MDGrammar {
         this.div.startMatcher = [/^```([a-zA-Z]+) */, '<div class="$1"><div>'];
         this.div.endMatcher = [/^``` *$/, '</div></div>'];
         this.div.childrenInlineRules = this.globalRule.childrenInlineRules;
-        this.div.childrenLineRules = [this.quote, this.alignCenter, this.alignRight, this.br, this.p];
+        this.div.childrenLineRules = [this.quote, this.alignCenter, this.alignRight, this.tilde, this.warn, this.br, this.p];
         this.div.childrenMultilineRules = [this.div];
         this.globalRule.childrenMultilineRules = [this.ol, this.ul, this.table, this.div];
     }

package/dist/types/md.d.ts

@@ -38,6 +38,8 @@ export declare class MDGrammar {
     readonly header: MDLineGrammarRule;
     readonly quote: MDLineGrammarRule;
     readonly alignRight: MDLineGrammarRule;
+    readonly tilde: MDLineGrammarRule;
+    readonly warn: MDLineGrammarRule;
     readonly alignCenter: MDLineGrammarRule;
     readonly stars: MDLineGrammarRule;
     readonly p: 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.6",
+  "version": "1.1.8",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Dittner/FlinkerMD.git"