|
|
@@ -0,0 +1,93 @@
|
|
|
+/* https://github.com/arve0/markdown-it-implicit-figures @c709117 */
|
|
|
+(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.markdownitImplicitFigure = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
|
|
|
+'use strict';
|
|
|
+
|
|
|
+module.exports = function implicitFiguresPlugin(md, options) {
|
|
|
+ options = options || {};
|
|
|
+
|
|
|
+ function implicitFigures(state) {
|
|
|
+ // reset tabIndex on md.render()
|
|
|
+ var tabIndex = 1;
|
|
|
+
|
|
|
+ // do not process first and last token
|
|
|
+ for (var i=1, l=state.tokens.length; i < (l - 1); ++i) {
|
|
|
+ var token = state.tokens[i];
|
|
|
+
|
|
|
+ if (token.type !== 'inline') { continue; }
|
|
|
+ // children: image alone, or link_open -> image -> link_close
|
|
|
+ if (!token.children || (token.children.length !== 1 && token.children.length !== 3)) { continue; }
|
|
|
+ // one child, should be img
|
|
|
+ if (token.children.length === 1 && token.children[0].type !== 'image') { continue; }
|
|
|
+ // three children, should be image enclosed in link
|
|
|
+ if (token.children.length === 3 &&
|
|
|
+ (token.children[0].type !== 'link_open' ||
|
|
|
+ token.children[1].type !== 'image' ||
|
|
|
+ token.children[2].type !== 'link_close')) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ // prev token is paragraph open
|
|
|
+ if (i !== 0 && state.tokens[i - 1].type !== 'paragraph_open') { continue; }
|
|
|
+ // next token is paragraph close
|
|
|
+ if (i !== (l - 1) && state.tokens[i + 1].type !== 'paragraph_close') { continue; }
|
|
|
+
|
|
|
+ // We have inline token containing an image only.
|
|
|
+ // Previous token is paragraph open.
|
|
|
+ // Next token is paragraph close.
|
|
|
+ // Lets replace the paragraph tokens with figure tokens.
|
|
|
+ var figure = state.tokens[i - 1];
|
|
|
+ figure.type = 'figure_open';
|
|
|
+ figure.tag = 'figure';
|
|
|
+ state.tokens[i + 1].type = 'figure_close';
|
|
|
+ state.tokens[i + 1].tag = 'figure';
|
|
|
+
|
|
|
+ if (options.dataType == true) {
|
|
|
+ state.tokens[i - 1].attrPush(['data-type', 'image']);
|
|
|
+ }
|
|
|
+ var image;
|
|
|
+
|
|
|
+ if (options.link == true && token.children.length === 1) {
|
|
|
+ image = token.children[0];
|
|
|
+ token.children.unshift(
|
|
|
+ new state.Token('link_open', 'a', 1)
|
|
|
+ );
|
|
|
+ token.children[0].attrPush(['href', image.attrGet('src')]);
|
|
|
+ token.children.push(
|
|
|
+ new state.Token('link_close', 'a', -1)
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ // for linked images, image is one off
|
|
|
+ image = token.children.length === 1 ? token.children[0] : token.children[1];
|
|
|
+
|
|
|
+ if (options.figcaption == true) {
|
|
|
+ if (image.children && image.children.length) {
|
|
|
+ token.children.push(
|
|
|
+ new state.Token('figcaption_open', 'figcaption', 1)
|
|
|
+ );
|
|
|
+ token.children.splice(token.children.length, 0, ...image.children);
|
|
|
+ token.children.push(
|
|
|
+ new state.Token('figcaption_close', 'figcaption', -1)
|
|
|
+ );
|
|
|
+ image.children.length = 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (options.copyAttrs && image.attrs) {
|
|
|
+ const f = options.copyAttrs === true ? '' : options.copyAttrs
|
|
|
+ figure.attrs = image.attrs.filter(([k,v]) => k.match(f))
|
|
|
+ }
|
|
|
+
|
|
|
+ if (options.tabindex == true) {
|
|
|
+ // add a tabindex property
|
|
|
+ // you could use this with css-tricks.com/expanding-images-html5
|
|
|
+ state.tokens[i - 1].attrPush(['tabindex', tabIndex]);
|
|
|
+ tabIndex++;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ md.core.ruler.before('linkify', 'implicit_figures', implicitFigures);
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+},{}]},{},[1])(1)
|
|
|
+});
|
Le Tan