@peaceroad/markdown-it-figure-with-p-caption 0.3.1 → 0.3.2

package/README.md

@@ -158,3 +158,67 @@ A paragraph.
 </figure>
 <p>A paragraph.</p>
 ~~~
+
+
+## Option: Specify file name
+
+Specify the file name before writing the caption.
+Note that a space is required between the file name and caption.
+
+### Use double quote
+
+```js
+
+md.use(mdFigureWithPCaption, {dquoteFilename: true});
+```
+
+~~~
+[Markdown]
+A paragraph.
+
+Code. "filename.js" Call a cat.
+
+```js
+console.log('Nyaan!');
+```
+
+A paragraph.
+
+[HTML]
+<p>A paragraph.</p>
+<figure class="f-pre-code" role="doc-example">
+<figcaption><span class="f-pre-code-label">Code<span class="f-pre-code-label-joint">.</span></span> <strong class="f-pre-code-filename">filename.js</strong> Call a cat.</figcaption>
+<pre><code class="language-js">console.log('Nyaan!');
+</code></pre>
+</figure>
+<p>A paragraph.</p>
+~~~
+
+### Use strong mark
+
+```js
+md.use(mdFigureWithPCaption, {strongFilename: true});
+```
+
+~~~
+
+[Markdown]
+A paragraph.
+
+Code. **filename.js** Call a cat.
+
+```js
+console.log('Nyaan!');
+```
+
+A paragraph.
+
+[HTML]
+<p>A paragraph.</p>
+<figure class="f-pre-code" role="doc-example">
+<figcaption><span class="f-pre-code-label">Code<span class="f-pre-code-label-joint">.</span></span> <strong class="f-pre-code-filename">filename.js</strong> Call a cat.</figcaption>
+<pre><code class="language-js">console.log('Nyaan!');
+</code></pre>
+</figure>
+<p>A paragraph.</p>
+~~~

package/index.js

@@ -1,5 +1,7 @@
 'use strict';
 
+const { has } = require('markdown-it/lib/common/utils');
+
 module.exports = function figure_with_caption_plugin(md, option) {
 
   const mdPCaption = require('p7d-markdown-it-p-captions');
@@ -7,6 +9,8 @@ module.exports = function figure_with_caption_plugin(md, option) {
   let opt = {
     classPrefix: 'f',
     scaleSuffix: false,
+    dquoteFilename: false,
+    strongFilename: false,
   };
   if (option !== undefined) {
     for (let o in option) {
@@ -215,7 +219,7 @@ module.exports = function figure_with_caption_plugin(md, option) {
         const tags = ['video', 'audio', 'iframe'];
         let ctj = 0;
         while (ctj < tags.length) {
-          const hasTag = token.content.match(new RegExp('^<'+ tags[ctj] + ' ?[^>]*?>[\\s\\S]*?<\\/' + tags[ctj] + '>\\n'))
+          const hasTag = token.content.match(new RegExp('^<'+ tags[ctj] + ' ?[^>]*?>[\\s\\S]*?<\\/' + tags[ctj] + '>\\n'));
           if (!hasTag) {
             ctj++;
             continue;
@@ -232,8 +236,8 @@ module.exports = function figure_with_caption_plugin(md, option) {
             range = wrapWithFigure(state, range, tagName, false);
             break;
           }
+          ctj++
         }
-        ctj++
       }
 
       if (token.type === 'paragraph_open'
@@ -271,7 +275,11 @@ module.exports = function figure_with_caption_plugin(md, option) {
     return;
   }
 
-  md.use(mdPCaption, {'classPrefix': opt.classPrefix});
+  md.use(mdPCaption, {
+    classPrefix: opt.classPrefix,
+    dquoteFilename: opt.dquoteFilename,
+    strongFilename: opt.strongFilename,
+  });
   md.core.ruler.before('linkify', 'figure_with_caption', figureWithCaption);
   md.renderer.rules['fence_samp'] = function (tokens, idx, options, env, slf) {
     const token = tokens[idx];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@peaceroad/markdown-it-figure-with-p-caption",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "A markdown-it plugin. For a paragraph with only one image, a table or code block or blockquote, and by writing a caption paragraph immediately before or after, they are converted into the figure element with the figcaption element.",
   "main": "index.js",
   "scripts": {
@@ -16,6 +16,6 @@
     "markdown-it": "^12.1.0"
   },
   "dependencies": {
-    "p7d-markdown-it-p-captions": "^0.5.0"
+    "p7d-markdown-it-p-captions": "^0.6.2"
   }
 }

package/test/examples.txt

@@ -408,3 +408,44 @@ A paragraph.
 <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/XXXXXXXXXXX" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 </figure>
 <p>A paragraph.</p>
+
+
+[Markdown]
+A paragraph.
+
+Code. "filename.js" Call a cat.
+
+```js
+console.log('Nyaan!');
+```
+
+A paragraph.
+
+[HTML]
+<p>A paragraph.</p>
+<figure class="f-pre-code" role="doc-example">
+<figcaption><span class="f-pre-code-label">Code<span class="f-pre-code-label-joint">.</span></span> <strong class="f-pre-code-filename">filename.js</strong> Call a cat.</figcaption>
+<pre><code class="language-js">console.log('Nyaan!');
+</code></pre>
+</figure>
+<p>A paragraph.</p>
+
+[Markdown]
+A paragraph.
+
+Code. **filename.js** Call a cat.
+
+```js
+console.log('Nyaan!');
+```
+
+A paragraph.
+
+[HTML]
+<p>A paragraph.</p>
+<figure class="f-pre-code" role="doc-example">
+<figcaption><span class="f-pre-code-label">Code<span class="f-pre-code-label-joint">.</span></span> <strong class="f-pre-code-filename">filename.js</strong> Call a cat.</figcaption>
+<pre><code class="language-js">console.log('Nyaan!');
+</code></pre>
+</figure>
+<p>A paragraph.</p>

package/test/test.js

@@ -5,7 +5,10 @@ const md = require('markdown-it')({
 });
 const mdFigureWithPCaption = require('../index.js');
 
-md.use(mdFigureWithPCaption);
+md.use(mdFigureWithPCaption, {
+  dquoteFilename: true,
+  strongFilename: true,
+});
 
 const example = __dirname + '/examples.txt';
 const mdPath = __dirname + '/examples.md';