@jhuix/showdowns 0.7.3 → 0.7.5

package/README.md

@@ -4,8 +4,6 @@
 
 [Showdowns](https://github.com/jhuix/showdowns) is a lib that make markdown to html with some extensions features(include more diagrams extensions) of showdown.js.
 
-**In browser environment, it is implemented to dynamically load js lib files related to more showdown diagrams extension for using [showdowns >= 0.3.0 version](https://github.com/jhuix/showdowns).**
-
 > If you think the showdowns library can help you or also hope to encourage the author, click on the top right corner to give me a [Star](https://github.com/jhuix/showdowns)⭐️.
 
 ## Markdown To Html
@@ -14,7 +12,7 @@
 
 [Showdown](https://github.com/showdownjs/showdown) is a Javascript Markdown to HTML converter, based on the original works by John Gruber. Showdown can be used client side (in the browser) or server side (with NodeJs). For more information, refer to the following document:
 
-- [Showdowns Features Syntax](https://jhuix.github.io/showdowns/demo/index.html)
+- [Showdowns Features Syntax](https://jhuix.github.io/showdowns)
 - [Showdown's Markdown Syntax](https://github.com/showdownjs/showdown/wiki/Showdown's-Markdown-syntax)
 - [Showdown Options](https://github.com/showdownjs/showdown/wiki/Showdown-options)
 
@@ -228,55 +226,59 @@ Table header can be eliminated.
 
 ### Supporting some markdown extension features
 
-[Footnotes](https://github.com/jhuix/showdowns/blob/master/docs/showdowns-features.md#footnotes)
+[Footnotes](https://jhuix.github.io/showdowns/?page=footnotes)
+
+[Directives](https://jhuix.github.io/showdowns/?page=directives)
 
-[Directives](https://github.com/jhuix/showdowns/blob/master/docs/showdowns-features.md#directives)
+[CSS defined](https://jhuix.github.io/showdowns/?page=css)
 
-[CSS defined](https://github.com/jhuix/showdowns/blob/master/docs/showdowns-features.md#css-defined)
+[Inline Image](https://jhuix.github.io/showdowns/?page=images)
 
-[Inline Image](https://github.com/jhuix/showdowns/blob/master/docs/showdowns-features.md#inline-image)
+[Content Tabs](https://jhuix.github.io/showdowns/?page=content-tabs)
 
-[Table of Contents](https://github.com/jhuix/showdowns/blob/master/docs/showdowns-features.md#table-of-contents)
+[Page Tabs](https://jhuix.github.io/showdowns/?page=page-tabs)
 
-[LaTeX math and AsciiMath](https://github.com/jhuix/showdowns/blob/master/docs/showdowns-features.md#latex-math-and-asciimath)
+[Table of Contents](https://jhuix.github.io/showdowns/?page=toc)
 
-[Code Block Theme](https://github.com/jhuix/showdowns/blob/master/docs/showdowns-features.md#code-block-theme)
+[LaTeX math and AsciiMath](https://jhuix.github.io/showdowns/?page=math)
 
-[Mermaid](https://github.com/jhuix/showdowns/blob/master/docs/showdowns-features.md#mermaid)
+[Code Blocks Theme](https://jhuix.github.io/showdowns/?page=code-blocks)
 
-[Plantuml](https://github.com/jhuix/showdowns/blob/master/docs/showdowns-features.md#plantuml)
+[Mermaid](https://jhuix.github.io/showdowns/?page=mermaid)
 
-[Flowchart](https://github.com/jhuix/showdowns/blob/master/docs/showdowns-features.md#flowchart)
+[Plantuml](https://jhuix.github.io/showdowns/?page=plantuml)
 
-[Network Sequence](https://github.com/jhuix/showdowns/blob/master/docs/showdowns-features.md#network-sequence)
+[Flowchart](https://jhuix.github.io/showdowns/?page=flowchart)
 
-[Graphviz's dot](https://github.com/jhuix/showdowns/blob/master/docs/showdowns-features.md#graphviz-s-dot)
+[Network Sequence](https://jhuix.github.io/showdowns/?page=sequence)
 
-[Railroad diagrams](https://github.com/jhuix/showdowns/blob/master/docs/showdowns-features.md#railroad-diagrams)
+[Graphviz's dot](https://jhuix.github.io/showdowns/?page=viz)
 
-[WaveDrom](https://github.com/jhuix/showdowns/blob/master/docs/showdowns-features.md#wavedrom)
+[Railroad diagrams](https://jhuix.github.io/showdowns/?page=railroad)
 
-[Vega and Vega-Lite](https://github.com/jhuix/showdowns/blob/master/docs/showdowns-features.md#vega-and-vega-lite)
+[WaveDrom](https://jhuix.github.io/showdowns/?page=wavedrom)
 
-[Echarts](https://github.com/jhuix/showdowns/blob/master/docs/showdowns-features.md#echarts)
+[Vega and Vega-Lite](https://jhuix.github.io/showdowns/?page=vega)
 
-[ABCJS](https://github.com/jhuix/showdowns/blob/master/docs/showdowns-features.md#abc)
+[Echarts](https://jhuix.github.io/showdowns/?page=echarts)
 
-[Kroki](https://github.com/jhuix/showdowns/blob/master/docs/showdowns-features.md#kroki)
+[ABCJS](https://jhuix.github.io/showdowns/?page=abc)
 
-[Plotly](https://github.com/jhuix/showdowns/blob/master/docs/showdowns-features.md#plotly)
+[Kroki](https://jhuix.github.io/showdowns/?page=kroki)
 
-[AntV Infographic](https://github.com/jhuix/showdowns/blob/master/docs/showdowns-features.md#antv-infographic)
+[Plotly](https://jhuix.github.io/showdowns/?page=plotly)
 
-[ZenUML](https://github.com/jhuix/showdowns/blob/master/docs/showdowns-features.md#zenuml)
+[AntV Infographic](https://jhuix.github.io/showdowns/?page=antv)
+
+[ZenUML](https://jhuix.github.io/showdowns/?page=zenuml)
 
 See more information, refer to the following document:
 
-[Extensions Examples](https://github.com/jhuix/showdowns/blob/master/docs/showdowns-features.md)
+[Extensions Examples](https://jhuix.github.io/showdowns)
 
 ### Preview
 
-- View [Extensions Examples](https://github.com/jhuix/showdowns/blob/master/docs/showdowns-features.md) is previewed as [Showdowns Features](https://jhuix.github.io/showdowns/)
+- View Extensions Examples is previewed as [Showdowns Features](https://jhuix.github.io/showdowns/)
 
 - View video
 
@@ -427,7 +429,8 @@ Default options is described below:
       vega: { theme: 'vox' },
       tex: { serverUrl: 'tex.io', buildType: 'pdflatex' },
       shiki: { theme: 'ayu-dark' },
-      gnuplot: {}
+      gnuplot: {},
+      pagetabs:{}
     };
 
 - showdown: showdown options object
@@ -552,6 +555,14 @@ Default options is described below:
         svgRender: (id:string, code:string) => string
       }
 
+- pagetabs: page tabs options object
+
+  For more page tabs options:
+
+      {
+        pageRender: (pageId: string) => void
+      }
+
 #### defaultExtensions
 
 Type: Array of showdown extensions
@@ -563,6 +574,8 @@ Default extensions is described below:
       'showdown-image': showdownImage(),
       'showdown-align': showdownAlign(),
       'showdown-footnotes': showdownFootnotes(),
+      'showdown-content-tabs': showdownContentTabs(),
+      'showdown-page-tabs': showdownPageTabs(),
       'showdown-directive': showdownDirective(),
       'showdown-sequence': showdownSequence()
     }
@@ -595,7 +608,10 @@ Default async extensions is described below:
       'showdown-echarts': showdownEcharts(),
       'showdown-gnuplot': showdownShiki(gnuplotOptions),
       'showdown-antv': showdownAntV(),
+      'showdown-zenuml': showdownZenuml(),
       'showdown-sequence': getExtension('showdown-sequence', showdownSequence),
+      'showdown-content-tabs': showdownAsyncContentTabs(), 
+      'showdown-page-tabs': showdownAsyncPageTabs(pagetabsOptions),     
       'showdown-shiki': showdownShiki(shikiOptions),
       'showdow-css': showdownCss(),
     }
@@ -807,7 +823,17 @@ Type: interface csslink {
   link: string
 }
 
-Type: ({type:'zip', content: string, output: 'dom'} | string) => Promise\<{html: string | HTMLElement[], scripts: script[], cssLinks: csslink[]}>
+Type: ({
+  type:'zip',
+  content: string,
+  output: 'dom',
+  exclusive: boolean,
+  pageRender: (pageId: string) => void
+} | string) => Promise\<{
+  html: string | HTMLElement[],
+  scripts: script[],
+  cssLinks: csslink[]
+}>
 
 A async function to make markdown to html that showdown.convertor converte it in current showdowns instance.
 

package/demo/index.html

@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
     <link rel="icon" href="../favicon.ico" />
-    <title>showdowns demo</title>
+    <title>Showdowns Features</title>
     <style>
       * {
         margin: 0;
@@ -41,7 +41,6 @@
       }
 
       .workspace-container {
-        overflow: hidden;
         display: flex;
         flex-direction: column;
         height: 100%;
@@ -94,7 +93,7 @@
         let md = "";
         let mdCssTypes = null;
         window
-          .fetch("https://jhuix.github.io/showdowns/showdowns-features.md")
+          .fetch("https://jhuix.github.io/showdowns/pages/showdowns.md")
           .then(function(response) {
             if (response.ok) {
               return response.text();
@@ -102,20 +101,12 @@
           })
           .then(function(text) {
             md = text;
-            return window.fetch("https://jhuix.github.io/showdowns/Showdown's-Markdown-syntax.md");
-          })
-          .then(function(response) {
-            if (response.ok) {
-              return response.text();
-            }
-          })
-          .then(function(text) {
-            md = md + `\n\n# Showdown's Markdown syntax\n\n` + text;
             showdowns
               .makeHtml({content: md, output: 'dom'}, csstypes => {
                 mdCssTypes = csstypes;
               })
               .then(res => {
+                element.replaceChildren();
                 if (typeof res === 'object') {
                   if (typeof res.html === 'string') {
                     element.innerHTML = res.html;
@@ -128,6 +119,15 @@
                 } else {
                   element.innerHTML = res;
                 }
+
+                const urlParams = new URLSearchParams(window.location.search);
+                const pageName = urlParams.get('page');
+                if (pageName) {
+                  const pageElement = document.getElementById('page-' + pageName);
+                  if (pageElement) {
+                    pageElement.click();
+                  }
+                }
               })
               .catch(err => {
                 element.innerText = err;
@@ -135,29 +135,6 @@
           })
           .catch(function(error) {
             console.log(error);
-            if (md) {
-              showdowns
-                .makeHtml(md, csstypes => {
-                  mdCssTypes = csstypes;
-                })
-                .then(res => {
-                  if (typeof res === 'object') {
-                    if (typeof res.html === 'string') {
-                      element.innerHTML = res.html;
-                    } else {
-                      res.html.forEach((e)=>{
-                        element.appendChild(e);
-                      });
-                    }
-                    showdowns.completedHtml(res.scripts, '.showdowns');
-                  } else {
-                    element.innerHTML = res;
-                  }
-                })
-                .catch(err => {
-                  element.innerText = err;
-                });
-            }
           });
       })(document.getElementById("main"));
     </script>