@peaceroad/markdown-imgattr-to-pcaption 0.1.0 → 0.2.1

package/README.md

@@ -64,7 +64,9 @@ setMarkdownImgAttrToPCaption(markdownCont)
 
 ## Option
 
-### imgTitleCaption: true
+### imgTitleCaption
+
+Default: false.
 
 ```
 [Input]
@@ -85,7 +87,9 @@ setMarkdownImgAttrToPCaption(markdownCont)
 段落。段落。段落。
 ```
 
-### labelLang: 'en'
+### labelLang
+
+Default: 'en'.
 
 ```
 [Input]
@@ -99,9 +103,94 @@ setMarkdownImgAttrToPCaption(markdownCont)
 [Output]
 段落。段落。段落。
 
-Figure. キャプション
+図　キャプション
 
 ![](image.jpg)
 
 段落。段落。段落。
-```
+```
+
+### autoLangDetection
+
+Default: true. To force a specific `labelLang`, set `autoLangDetection: false`.
+When `autoLangDetection` is true, it can override an explicitly set `labelLang` (it is treated as the fallback when detection cannot decide).
+
+Detect `labelLang` from the first image caption line. If the caption text contains Japanese characters, it sets `labelLang: 'ja'`. Otherwise, if the caption contains ASCII letters, it sets `labelLang: 'en'` (symbols/emoji are ignored). If the caption contains non-ASCII letters such as accents, the existing `labelLang` is left unchanged.
+
+Example (non-ASCII letters keep the current `labelLang`):
+
+```
+[Input]
+段落。
+
+![Café](image.jpg)
+
+段落。
+
+[Output]
+段落。
+
+Figure. Café
+
+![](image.jpg)
+
+段落。
+```
+Only `ja` and `en` are auto-detected. For other languages, set `labelLang` explicitly (and use `labelSet` as needed) or leave auto-detection off.
+Detection runs only once on the first eligible image line; subsequent images do not affect the language choice.
+
+### labelSet
+
+Override the auto-inserted label, joint, and space for captions without labels (useful for other languages).
+`labelSet` accepts either a single config for the current `labelLang` or a per-language map.
+If a matching language entry is not found, the default (English) label config is used.
+
+```
+setMarkdownImgAttrToPCaption(markdownCont, {
+  labelSet: { label: '図', joint: '：', space: '　' }
+})
+```
+
+```
+setMarkdownImgAttrToPCaption(markdownCont, {
+  labelSet: {
+    en: { label: 'Figure', joint: '.', space: ' ' },
+    ja: { label: '図', joint: '　', space: '' },
+    fr: { label: 'Fig', joint: '.', space: ' ' },
+  }
+})
+```
+
+## Notes
+
+- Only converts images that are on a single line and surrounded by blank lines. Inline images or list items are not changed.
+- Skips fenced code blocks (``` or ~~~).
+- Label detection uses `p7d-markdown-it-p-captions` label patterns (en/ja by default). `labelSet` only affects auto-inserted labels when no label is detected.
+- `autoLangDetection` inspects the first eligible image line and uses the caption text (title when `imgTitleCaption: true`, otherwise alt). If the caption text is empty, it falls back to alt.
+
+## Browser DOM helper (live preview)
+
+This package also provides a DOM helper to turn image alt/title into `<figure><figcaption>` on the fly.
+It is useful for live preview environments that do not re-run markdown-it on each edit.
+This helper does not insert label prefixes; it uses the raw alt/title text as the caption.
+
+```html
+<script type="module">
+import setImgFigureCaption from '@peaceroad/markdown-imgattr-to-pcaption/script/set-img-figure-caption.js'
+
+await setImgFigureCaption({
+  imgAltCaption: true,
+  imgTitleCaption: false,
+  observe: true
+})
+</script>
+```
+
+### DOM helper options
+
+- `imgAltCaption` (boolean|string): use `alt` text as caption (strings are treated as true)
+- `imgTitleCaption` (boolean|string): use `title` text as caption (strings are treated as true)
+- `preferAlt` (boolean): when both are enabled, prefer alt (default true)
+- `figureClass` (string): class name for created figures (default `f-img`)
+- `readMeta` (boolean): read `<meta name="markdown-frontmatter">` and apply `imgAltCaption` / `imgTitleCaption`
+- `observe` (boolean): re-run on DOM changes (MutationObserver)

package/index.js

@@ -1,139 +1,305 @@
+import { markAfterNum, markReg, joint } from 'p7d-markdown-it-p-captions'
+import langSets from 'p7d-markdown-it-p-captions/lang.js'
+
+const imageLineReg = /^([ \t]*?)!\[ *?(.*?) *?\]\(([^ ]*?)( +"(.*?)")?\)( *(?:{.*?})?)$/
+const backquoteFenceReg = /^[ \t]*```/
+const tildeFenceReg = /^[ \t]*~~~/
+const blankLineReg = /^[ \t]*$/
+const asciiOnlyReg = /^[\x00-\x7F]*$/
+const whitespaceOnlyReg = /^[\s\u3000]+$/
+const unicodeLetterReg = (() => {
+  try {
+    return new RegExp('\\p{L}', 'u')
+  } catch {
+    return null
+  }
+})()
+
+const DEFAULT_LABEL_CONFIG_MAP = {
+  en: { label: 'Figure', joint: '.', space: ' ' },
+  ja: { label: '図', joint: '　', space: '' },
+}
+
+const buildLabelOnlyReg = () => {
+  const langs = Object.keys(langSets)
+  if (langs.length === 0) return null
+
+  const patterns = []
+  for (const lang of langs) {
+    const data = langSets[lang]
+    if (!data || !data.markReg || !data.markReg.img) continue
+    let pattern = data.markReg.img
+    if (data.type && data.type['inter-word-space']) {
+      pattern = pattern.replace(/([a-z])/g, (match) => '[' + match + match.toUpperCase() + ']')
+    }
+    patterns.push(pattern)
+  }
+
+  if (patterns.length === 0) return null
+  return new RegExp('^(' + patterns.join('|') + ')([ .]?' + markAfterNum + ')?$')
+}
+
+const labelOnlyReg = buildLabelOnlyReg()
+const jointSuffixReg = new RegExp(joint + '$')
+
+const getCaptionText = (imgLine, opt) => {
+  if (opt.imgTitleCaption) {
+    return imgLine[5] || ''
+  }
+  return imgLine[2] || ''
+}
+
+const getCaptionTextForDetection = (imgLine, opt) => {
+  const captionText = getCaptionText(imgLine, opt)
+  if (captionText) {
+    return captionText
+  }
+  return imgLine[2] || ''
+}
+
+const isAsciiOnly = (value) => asciiOnlyReg.test(value)
+const isAsciiLetterCode = (code) => (
+  (code >= 0x41 && code <= 0x5a) || (code >= 0x61 && code <= 0x7a)
+)
+
+const isJapaneseCodePoint = (code) => {
+  return (
+    (code >= 0x3040 && code <= 0x30ff) || // Hiragana + Katakana
+    (code >= 0x31f0 && code <= 0x31ff) || // Katakana extensions
+    (code >= 0x4e00 && code <= 0x9fff) || // CJK Unified Ideographs
+    (code >= 0xff66 && code <= 0xff9f)    // Half-width Katakana
+  )
+}
+
+const containsJapanese = (value) => {
+  for (const ch of value) {
+    const code = ch.codePointAt(0)
+    if (code !== undefined && isJapaneseCodePoint(code)) {
+      return true
+    }
+  }
+  return false
+}
+
+const detectAutoLang = (value) => {
+  let hasAsciiLetter = false
+  for (const ch of value) {
+    const code = ch.codePointAt(0)
+    if (code === undefined) continue
+    if (isJapaneseCodePoint(code)) return 'ja'
+    if (code <= 0x7f) {
+      if (isAsciiLetterCode(code)) {
+        hasAsciiLetter = true
+      }
+      continue
+    }
+    if (unicodeLetterReg) {
+      if (unicodeLetterReg.test(ch)) return null
+    } else if (ch.toLowerCase() !== ch.toUpperCase()) {
+      return null
+    }
+  }
+  return hasAsciiLetter ? 'en' : null
+}
+
+const getInterWordSpace = (labelLang, labelText) => {
+  const lang = langSets[labelLang]
+  if (lang && lang.type) {
+    return Boolean(lang.type['inter-word-space'])
+  }
+  return isAsciiOnly(labelText)
+}
+
+const normalizeLabelConfig = (value) => {
+  if (!value || typeof value !== 'object') return null
+  const config = {}
+  const labelValue = (typeof value.label === 'string')
+    ? value.label
+    : (typeof value.lable === 'string' ? value.lable : undefined)
+  if (labelValue !== undefined) {
+    config.label = labelValue
+  }
+  if (Object.prototype.hasOwnProperty.call(value, 'joint')) {
+    config.joint = String(value.joint)
+  }
+  if (Object.prototype.hasOwnProperty.call(value, 'space')) {
+    config.space = String(value.space)
+  }
+  if (Object.keys(config).length === 0) return null
+  return config
+}
+
+const mergeLabelConfig = (base, override) => {
+  if (!override) return base
+  const merged = { ...base }
+  if (Object.prototype.hasOwnProperty.call(override, 'label')) {
+    merged.label = override.label
+  }
+  if (Object.prototype.hasOwnProperty.call(override, 'joint')) {
+    merged.joint = override.joint
+  }
+  if (Object.prototype.hasOwnProperty.call(override, 'space')) {
+    merged.space = override.space
+  }
+  return merged
+}
+
+const getDefaultLabelConfig = (labelLang) => {
+  const base = DEFAULT_LABEL_CONFIG_MAP[labelLang] || DEFAULT_LABEL_CONFIG_MAP.en
+  return { label: base.label, joint: base.joint, space: base.space }
+}
+
+const resolveLabelConfig = (opt) => {
+  let config = getDefaultLabelConfig(opt.labelLang)
+  let mapConfig = null
+  let singleConfig = null
+  if (opt.labelSet && typeof opt.labelSet === 'object') {
+    singleConfig = normalizeLabelConfig(opt.labelSet)
+    if (!singleConfig) {
+      mapConfig = normalizeLabelConfig(opt.labelSet[opt.labelLang])
+    }
+  }
+  config = mergeLabelConfig(config, mapConfig)
+  config = mergeLabelConfig(config, singleConfig)
+
+  if (!config.label) {
+    config.label = DEFAULT_LABEL_CONFIG_MAP.en.label
+  }
+
+  if (config.joint === undefined || config.space === undefined) {
+    const interWordSpace = getInterWordSpace(opt.labelLang, config.label)
+    if (config.joint === undefined) {
+      config.joint = interWordSpace ? '.' : '　'
+    }
+    if (config.space === undefined) {
+      config.space = interWordSpace ? ' ' : '　'
+    }
+  }
+  return config
+}
+
+const buildLabelPrefix = (labelConfig, hasCaption) => {
+  const labelText = labelConfig.label || ''
+  const joint = labelConfig.joint || ''
+  const space = labelConfig.space || ''
+  let prefix = labelText
+
+  if (joint) {
+    const jointIsWhitespace = whitespaceOnlyReg.test(joint)
+    if (hasCaption || !jointIsWhitespace) {
+      if (!prefix.endsWith(joint)) {
+        prefix += joint
+      }
+    }
+  }
+
+  if (hasCaption && space) {
+    if (!prefix.endsWith(space)) {
+      if (!(space === joint && prefix.endsWith(joint))) {
+        prefix += space
+      }
+    }
+  }
+  return prefix
+}
+
+const buildLabelMeta = (opt) => {
+  return resolveLabelConfig(opt)
+}
+
 const setMarkdownImgAttrToPCaption = (markdown, option) => {
 
   const opt = {
     imgAltCaption : true,
     imgTitleCaption: false,
-    labelLang: 'ja',
+    labelLang: 'en',
+    autoLangDetection: true,
+    labelSet: null, // { label: '図', joint: '：', space: '　' } or { ja: { label: '図', joint: '　', space: '' }, en: { label: 'Figure', joint: '.', space: ' ' } }
     }
-    if (option !== undefined) {
+    if (option && typeof option === 'object') {
       if (option.imgTitleCaption) {
         opt.imgTitleCaption = option.imgTitleCaption
       }
       if (option.labelLang) {
         opt.labelLang = option.labelLang
       }
+      if (option.labelSet && typeof option.labelSet === 'object') {
+        opt.labelSet = option.labelSet
+      }
+      if (Object.prototype.hasOwnProperty.call(option, 'autoLangDetection')) {
+        opt.autoLangDetection = Boolean(option.autoLangDetection)
+      }
     }
     if (opt.imgTitleCaption) opt.imgAltCaption = false
 
-    let n = 0
-    let lines = markdown.split(/\r\n|\n/)
-    let lineBreaks = markdown.match(/\r\n|\n/g);
+    const lines = markdown.split(/\r\n|\n/)
+    const lineBreaks = markdown.match(/\r\n|\n/g) || []
     let isBackquoteCodeBlock = false
     let isTildeCodeBlock = false
-    const br = lineBreaks ? lineBreaks[0] : ''
+    const br = lineBreaks[0] || '\n'
+
+    let labelMeta = null
+    let autoLangChecked = !opt.autoLangDetection
   
     if(lines.length === 0) return markdown
   
-    while (n < lines.length) {
-      let isPrevBreakLine = false
-      let isNextBreakLine = false
-      if (lines[n].match(/^[ \t]*```/)) {
-        if (isBackquoteCodeBlock) {
-          isBackquoteCodeBlock = false
-        } else {
-          isBackquoteCodeBlock = true
-        }
+    for (let n = 0; n < lines.length; n++) {
+      const line = lines[n]
+      if (backquoteFenceReg.test(line)) {
+        isBackquoteCodeBlock = !isBackquoteCodeBlock
       }
-      if (lines[n].match(/^[ \t]*~~~/)) {
-        if (isTildeCodeBlock) {
-          isTildeCodeBlock = false
-        } else {
-          isTildeCodeBlock = true
-        }
+      if (tildeFenceReg.test(line)) {
+        isTildeCodeBlock = !isTildeCodeBlock
       }
       if (isBackquoteCodeBlock || isTildeCodeBlock) {
-        n++
         continue
       }
   
-      if (n === 0) {
-        isPrevBreakLine = true
-      } else {
-        isPrevBreakLine = /^[ \t]*$/.test(lines[n-1])
-      }
-      if (n === lines.length -1) {
-        isNextBreakLine = true
-      } else {
-        isNextBreakLine = /^[ \t]*$/.test(lines[n+1])
-      }
+      const isPrevBreakLine = (n === 0) ? true : blankLineReg.test(lines[n-1])
+      const isNextBreakLine = (n === lines.length -1) ? true : blankLineReg.test(lines[n+1])
       if (isPrevBreakLine && isNextBreakLine) {
-        lines[n] = modLines(n ,lines, br, opt)
+        if (line.indexOf('![') !== -1 && line.indexOf('](') !== -1) {
+          if (!autoLangChecked) {
+            const imgLine = line.match(imageLineReg)
+            if (imgLine) {
+              const rawText = getCaptionTextForDetection(imgLine, opt).trim()
+              if (rawText) {
+                const detected = detectAutoLang(rawText)
+                if (detected) {
+                  opt.labelLang = detected
+                }
+              }
+              autoLangChecked = true
+            }
+          }
+          if (!labelMeta && (!opt.autoLangDetection || autoLangChecked)) {
+            labelMeta = buildLabelMeta(opt)
+          }
+          if (labelMeta) {
+            lines[n] = modLines(n ,lines, br, opt, labelMeta)
+          }
+        }
       }
-      n++
     }
   
-    n = 0
-    markdown = ''
-    while (n < lines.length) {
-      if (n === lines.length - 1) {
-        markdown += lines[n]
-        break
+    const output = []
+    for (let n = 0; n < lines.length; n++) {
+      output.push(lines[n])
+      if (n < lines.length - 1) {
+        output.push(lineBreaks[n] || br)
       }
-      markdown += lines[n] + lineBreaks[n]
-      n++
     }
-    return markdown
+    return output.join('')
   }
   
-  const modLines = (n, lines, br, opt) => {
-  
-    const markAfterNum = '[A-Z0-9]{1,6}(?:[.-][A-Z0-9]{1,6}){0,5}';
-    const joint = '[.:．。：　]';
-    const jointFullWidth = '[．。：　]';
-    const jointHalfWidth = '[.:]';
-  
-    const markAfterEn = '(?:' +
-      ' *(?:' +
-        jointHalfWidth + '(?:(?=[ ]+)|$)|' +
-        jointFullWidth + '|' +
-        '(?=[ ]+[^0-9a-zA-Z])' +
-      ')|' +
-      ' *' + '(' + markAfterNum + ')(?:' +
-        jointHalfWidth + '(?:(?=[ ]+)|$)|' +
-        jointFullWidth + '|' +
-        '(?=[ ]+[^a-z])|$' +
-      ')|' +
-      '[.](' + markAfterNum + ')(?:' +
-        joint + '|(?=[ ]+[^a-z])|$' +
-      ')' +
-    ')';
-    const markAfterJa = '(?:' +
-    ' *(?:' +
-      jointHalfWidth + '(?:(?=[ ]+)|$)|' +
-      jointFullWidth + '|' +
-      '(?=[ ]+)' +
-    ')|' +
-    ' *' + '(' + markAfterNum + ')(?:' +
-      jointHalfWidth + '(?:(?=[ ]+)|$)|' +
-      jointFullWidth + '|' +
-      '(?=[ ]+)|$' +
-    ')' +
-  ')';
-  
-    const labelEn = '(?:[fF][iI][gG](?:[uU][rR][eE])?|[iI][lL]{2}[uU][sS][tT]|[pP][hH][oO][tT][oO])';
-    const labelJa = '(?:図|イラスト|写真)';
-  
-    const markReg = {
-      //fig(ure)?, illust, photo
-      "img": new RegExp('^(?:' + labelEn + markAfterEn + '|' + labelJa + markAfterJa +
-      ')'),
-    }
-    const markRegWithNoJoint = {
-      "img": new RegExp('^(' + labelEn + '|' + labelJa + ')([ .]?' + markAfterNum + ')?$'),
-    }
-  
-    let reg = /^([ \t]*?)!\[ *?(.*?) *?\]\(([^ ]*?)( +"(.*?)")?\)( *(?:{.*?})?)$/
-  
-    const imgLine = lines[n].match(reg)
+  const modLines = (n, lines, br, opt, labelMeta) => {
+    const imgLine = lines[n].match(imageLineReg)
     if (!imgLine) return lines[n]
     //console.log(imgLine)
   
-    let hasLabel
-    if (opt.imgAltCaption) hasLabel = imgLine[2].match(new RegExp(markReg.img))
-    if (opt.imgTitleCaption) hasLabel = imgLine[5].match(new RegExp(markReg.img))
-    let hasLabelWithNoJoint
-    if (opt.imgAltCaption) hasLabelWithNoJoint = imgLine[2].match(new RegExp(markRegWithNoJoint.img))
-    if (opt.imgTitleCaption) hasLabelWithNoJoint = imgLine[5].match(new RegExp(markRegWithNoJoint.img))
+    const captionText = getCaptionText(imgLine, opt)
+    const hasLabel = captionText ? captionText.match(markReg.img) : null
+    const hasLabelWithNoJoint = captionText && labelOnlyReg ? captionText.match(labelOnlyReg) : null
 
     lines[n] = imgLine[1]
     if (hasLabel) {
@@ -154,36 +320,22 @@ const setMarkdownImgAttrToPCaption = (markdown, option) => {
       } else if (opt.imgTitleCaption) {
         lines[n] += imgLine[5]
       }
-      lines[n] += br + br +  imgLine[1] + '![' + hasLabelWithNoJoint[0].replace(new RegExp(joint + '$')) + ']'
+      lines[n] += br + br +  imgLine[1] + '![' + hasLabelWithNoJoint[0].replace(jointSuffixReg, '') + ']'
     } else {
       //console.log('No label::')
-      if (opt.labelLang === 'ja') {
-        if (opt.imgAltCaption) {
-          if (imgLine[2]) {
-            lines[n] += '図　' + imgLine[2] + br + br + imgLine[1] + '![]'
-          } else {
-            lines[n] += '図' + br + br + imgLine[1] + '![]'
-          }
-        } else if (opt.imgTitleCaption) {
-          if (imgLine[5]) {
-            lines[n] += '図　' + imgLine[5] + br + br + imgLine[1] + '![' + imgLine[2] + ']'
-          } else {
-            lines[n] += '図' + br + br + imgLine[1] + '![' + imgLine[2] + ']'
-          }
+      const hasCaption = captionText !== ''
+      const labelPrefix = buildLabelPrefix(labelMeta, hasCaption)
+      if (opt.imgAltCaption) {
+        if (hasCaption) {
+          lines[n] += labelPrefix + captionText + br + br + imgLine[1] + '![]'
+        } else {
+          lines[n] += labelPrefix + br + br + imgLine[1] + '![]'
         }
-      } else if (opt.labelLang === 'en') {
-        if (opt.imgAltCaption) {
-          if (imgLine[2]) {
-            lines[n] += 'Figure. ' + imgLine[2] + br + br + imgLine[1] +'![]'
-          } else {
-            lines[n] += 'Figure.' + br + br + imgLine[1] +'![]'
-          }
-        } else if (opt.imgTitleCaption) {
-          if (imgLine[5]) {
-            lines[n] += 'Figure. ' + imgLine[5] + br + br + imgLine[1] + '![' + imgLine[2] + ']'
-          } else {
-            lines[n] += 'Figure. ' + br + br + imgLine[1] + '![' + imgLine[2] + ']'
-          }
+      } else if (opt.imgTitleCaption) {
+        if (hasCaption) {
+          lines[n] += labelPrefix + captionText + br + br + imgLine[1] + '![' + imgLine[2] + ']'
+        } else {
+          lines[n] += labelPrefix + br + br + imgLine[1] + '![' + imgLine[2] + ']'
         }
       }
     }
@@ -191,4 +343,4 @@ const setMarkdownImgAttrToPCaption = (markdown, option) => {
     return lines[n]
   }
 
-  export default setMarkdownImgAttrToPCaption
+  export default setMarkdownImgAttrToPCaption

package/package.json

@@ -1,9 +1,15 @@
 {
   "name": "@peaceroad/markdown-imgattr-to-pcaption",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "description": "Change img alt attribute to figure caption paragraph for p7d-markdown-it-p-captions.",
   "main": "index.js",
   "type": "module",
+  "files": [
+    "index.js",
+    "README.md",
+    "LICENSE",
+    "script/"
+  ],
   "scripts": {
     "test": "node test/test.js"
   },
@@ -16,5 +22,8 @@
   "bugs": {
     "url": "https://github.com/peaceroad/markdown-imgattr-to-pcaption/issues"
   },
-  "homepage": "https://github.com/peaceroad/markdown-imgattr-to-pcaption#readme"
+  "homepage": "https://github.com/peaceroad/markdown-imgattr-to-pcaption#readme",
+  "dependencies": {
+    "p7d-markdown-it-p-captions": "^0.20.0"
+  }
 }

package/script/set-img-figure-caption.js

@@ -0,0 +1,305 @@
+const whitespaceOnlyReg = /^[\s\u3000]+$/
+
+const normalizeBoolean = (value) => {
+  if (value === true) return true
+  if (value === false) return false
+  if (typeof value === 'string') {
+    const trimmed = value.trim()
+    if (!trimmed) return null
+    if (trimmed.toLowerCase() === 'true') return true
+    if (trimmed.toLowerCase() === 'false') return false
+    return true
+  }
+  return null
+}
+
+const isBlank = (value) => {
+  if (!value) return true
+  return whitespaceOnlyReg.test(value)
+}
+
+const getAttr = (element, name) => {
+  const value = element.getAttribute(name)
+  return value == null ? '' : value
+}
+
+const setTextIfChanged = (element, value) => {
+  if (!element) return
+  const nextValue = value == null ? '' : String(value)
+  if (element.textContent === nextValue) return
+  element.textContent = nextValue
+}
+
+const createCaption = (documentRef, text) => {
+  const caption = documentRef.createElement('figcaption')
+  caption.textContent = text
+  return caption
+}
+
+const readMetaFrontmatter = (readMeta) => {
+  if (!readMeta) return null
+  if (typeof document === 'undefined' || typeof document.querySelector !== 'function') return null
+  const metaTag = document.querySelector('meta[name="markdown-frontmatter"]')
+  if (!metaTag) return null
+  const content = metaTag.getAttribute('content')
+  if (!content) return null
+  const parseJson = (value) => {
+    try {
+      return JSON.parse(value)
+    } catch {
+      return null
+    }
+  }
+  let parsed = parseJson(content)
+  if (!parsed && content.includes('"')) {
+    parsed = parseJson(content.replace(/"/g, '"'))
+  }
+  return parsed && typeof parsed === 'object' ? parsed : null
+}
+
+const applyMetaOptions = (targetOpt, meta, optionOverrides) => {
+  if (!meta || typeof meta !== 'object') return
+  const extensionSettings = meta._extensionSettings && typeof meta._extensionSettings === 'object'
+    ? meta._extensionSettings
+    : null
+
+  const setFlag = (key) => {
+    if (optionOverrides.has(key)) return
+    const directValue = Object.prototype.hasOwnProperty.call(meta, key)
+      ? normalizeBoolean(meta[key])
+      : null
+    if (directValue !== null) {
+      targetOpt[key] = directValue
+      return
+    }
+    if (!extensionSettings || !Object.prototype.hasOwnProperty.call(extensionSettings, key)) return
+    const extValue = normalizeBoolean(extensionSettings[key])
+    if (extValue !== null) {
+      targetOpt[key] = extValue
+    }
+  }
+
+  setFlag('imgAltCaption')
+  setFlag('imgTitleCaption')
+}
+
+const getCaptionText = (img, opt) => {
+  if (!opt.imgAltCaption && !opt.imgTitleCaption) return ''
+  const alt = getAttr(img, 'alt')
+  const title = getAttr(img, 'title')
+  if (opt.imgAltCaption && opt.imgTitleCaption) {
+    if (opt.preferAlt) return alt || title
+    return title || alt
+  }
+  if (opt.imgAltCaption) return alt
+  if (opt.imgTitleCaption) return title
+  return ''
+}
+
+const updateFigure = (img, captionText, opt) => {
+  const figure = img.closest('figure')
+  if (figure) {
+    const figcaption = figure.querySelector('figcaption')
+    if (!captionText || isBlank(captionText)) {
+      if (figcaption && figcaption.parentNode) {
+        figcaption.parentNode.removeChild(figcaption)
+      }
+      return
+    }
+    if (figcaption) {
+      setTextIfChanged(figcaption, captionText)
+    } else {
+      figure.appendChild(createCaption(figure.ownerDocument, captionText))
+    }
+    return
+  }
+
+  if (!captionText || isBlank(captionText)) return
+  const parent = img.parentNode
+  if (!parent) return
+  const figureEl = img.ownerDocument.createElement('figure')
+  if (opt.figureClass) {
+    figureEl.className = opt.figureClass
+  }
+  parent.insertBefore(figureEl, img)
+  figureEl.appendChild(img)
+  figureEl.appendChild(createCaption(figureEl.ownerDocument, captionText))
+}
+
+const processImages = (images, opt) => {
+  if (!images) return []
+  const processed = []
+  for (const img of images) {
+    if (!img || img.nodeType !== 1 || img.tagName !== 'IMG') continue
+    const captionText = getCaptionText(img, opt)
+    updateFigure(img, captionText, opt)
+    processed.push(img)
+  }
+  return processed
+}
+
+export default async function setImgFigureCaption(option = {}) {
+  if (typeof document === 'undefined' || typeof document.querySelectorAll !== 'function') return []
+
+  const opt = {
+    imgAltCaption: false,
+    imgTitleCaption: false,
+    preferAlt: true,
+    figureClass: 'f-img',
+    readMeta: false,
+    observe: false,
+  }
+  Object.assign(opt, option)
+  const optionOverrides = new Set(Object.keys(option || {}))
+
+  const buildContext = () => {
+    const currentOpt = { ...opt }
+    const meta = readMetaFrontmatter(currentOpt.readMeta)
+    if (meta) {
+      applyMetaOptions(currentOpt, meta, optionOverrides)
+    }
+    return { opt: currentOpt }
+  }
+
+  const runProcess = (targets = null) => {
+    const { opt: currentOpt } = buildContext()
+    if (!currentOpt.imgAltCaption && !currentOpt.imgTitleCaption) return []
+    const images = targets
+      ? Array.from(targets)
+      : Array.from(document.querySelectorAll('img'))
+    return processImages(images, currentOpt)
+  }
+
+  if (!opt.observe || typeof MutationObserver !== 'function') {
+    return runProcess()
+  }
+
+  let scheduled = false
+  let running = false
+  let pending = false
+  let pendingAll = false
+  const pendingImages = new Set()
+  let observer = null
+
+  const scheduleProcess = () => {
+    if (scheduled) return
+    scheduled = true
+    const run = () => {
+      scheduled = false
+      runProcessLoop()
+    }
+    if (typeof requestAnimationFrame === 'function') {
+      requestAnimationFrame(run)
+    } else {
+      setTimeout(run, 50)
+    }
+  }
+
+  const runProcessLoop = async () => {
+    if (running) {
+      pending = true
+      return
+    }
+    running = true
+    do {
+      pending = false
+      const targets = pendingAll ? null : Array.from(pendingImages)
+      pendingAll = false
+      pendingImages.clear()
+      runProcess(targets)
+    } while (pending)
+    running = false
+  }
+
+  const isElementNode = (node) => node && node.nodeType === 1
+  const isMetaNode = (node) => {
+    if (!opt.readMeta || !isElementNode(node)) return false
+    return node.tagName === 'META'
+      && node.getAttribute('name') === 'markdown-frontmatter'
+  }
+  const isImageNode = (node) => isElementNode(node) && node.tagName === 'IMG'
+
+  const collectImagesFromNodes = (nodes) => {
+    if (!nodes) return
+    for (const node of nodes) {
+      if (!isElementNode(node)) continue
+      if (node.tagName === 'FIGCAPTION') continue
+      if (isImageNode(node)) {
+        pendingImages.add(node)
+        continue
+      }
+      if (node.querySelectorAll) {
+        const images = node.querySelectorAll('img')
+        for (const image of images) pendingImages.add(image)
+      }
+    }
+  }
+
+  const hasMetaInNodes = (nodes) => {
+    if (!opt.readMeta || !nodes) return false
+    for (const node of nodes) {
+      if (!isElementNode(node)) continue
+      if (isMetaNode(node)) return true
+      if (node.querySelector && node.querySelector('meta[name="markdown-frontmatter"]')) return true
+    }
+    return false
+  }
+
+  const attributeFilter = ['alt', 'title']
+  if (opt.readMeta) attributeFilter.push('content')
+
+  if (!observer) {
+    const root = document.documentElement || document.body
+    if (root) {
+      observer = new MutationObserver((mutations) => {
+        let shouldSchedule = false
+        let metaChanged = false
+        for (const mutation of mutations) {
+          if (!mutation) continue
+          if (mutation.type === 'attributes') {
+            const target = mutation.target
+            if (isImageNode(target) && ['alt', 'title'].includes(mutation.attributeName)) {
+              pendingImages.add(target)
+              shouldSchedule = true
+              continue
+            }
+            if (isMetaNode(target) && mutation.attributeName === 'content') {
+              metaChanged = true
+              shouldSchedule = true
+              continue
+            }
+            continue
+          }
+          if (mutation.type !== 'childList') continue
+          if (mutation.addedNodes && mutation.addedNodes.length > 0) {
+            collectImagesFromNodes(mutation.addedNodes)
+            if (pendingImages.size > 0) shouldSchedule = true
+            if (hasMetaInNodes(mutation.addedNodes)) {
+              metaChanged = true
+              shouldSchedule = true
+            }
+          }
+          if (mutation.removedNodes && mutation.removedNodes.length > 0) {
+            if (hasMetaInNodes(mutation.removedNodes)) {
+              metaChanged = true
+              shouldSchedule = true
+            }
+          }
+        }
+        if (metaChanged) {
+          pendingAll = true
+          pendingImages.clear()
+        }
+        if (shouldSchedule) scheduleProcess()
+      })
+      observer.observe(root, {
+        childList: true,
+        subtree: true,
+        attributes: true,
+        attributeFilter,
+      })
+    }
+  }
+
+  return runProcess()
+}

package/test/examples-img-title-attr.txt

@@ -1,87 +0,0 @@
-[Input]
-段落。段落。段落。
-
-![ALT](image.jpg "キャプション")
-
-段落。段落。段落。
-
-
-[Output]
-段落。段落。段落。
-
-図　キャプション
-
-![ALT](image.jpg)
-
-段落。段落。段落。
-
-
-[Input]
-段落。段落。段落。
-
-![ALT](image.jpg "図 キャプション")
-
-段落。段落。段落。
-
-[Output]
-段落。段落。段落。
-
-図 キャプション
-
-![ALT](image.jpg)
-
-段落。段落。段落。
-
-
-
-[Input]
-段落。段落。段落。
-
-![ALT](image.jpg "図1 キャプション")
-
-段落。段落。段落。
-
-[Output]
-段落。段落。段落。
-
-図1 キャプション
-
-![ALT](image.jpg)
-
-段落。段落。段落。
-
-
-
-[Input]
-段落。段落。段落。
-
-![ALT](image.jpg "図1　キャプション")
-
-段落。段落。段落。
-
-[Output]
-段落。段落。段落。
-
-図1　キャプション
-
-![ALT](image.jpg)
-
-段落。段落。段落。
-
-
-
-[Input]
-段落。段落。段落。
-
-![ALT](image.jpg "図1：キャプション")
-
-段落。段落。段落。
-
-[Output]
-段落。段落。段落。
-
-図1：キャプション
-
-![ALT](image.jpg)
-
-段落。段落。段落。

package/test/examples-label-lang.txt

@@ -1,16 +0,0 @@
-[Input]
-段落。段落。段落。
-
-![キャプション](image.jpg)
-
-段落。段落。段落。
-
-
-[Output]
-段落。段落。段落。
-
-Figure. キャプション
-
-![](image.jpg)
-
-段落。段落。段落。

package/test/examples.txt

@@ -1,88 +0,0 @@
-[Input]
-段落。段落。段落。
-
-![キャプション](image.jpg)
-
-段落。段落。段落。
-
-
-[Output]
-段落。段落。段落。
-
-図　キャプション
-
-![](image.jpg)
-
-段落。段落。段落。
-
-
-[Input]
-段落。段落。段落。
-
-![図 キャプション](image.jpg)
-
-段落。段落。段落。
-
-[Output]
-段落。段落。段落。
-
-図 キャプション
-
-![](image.jpg)
-
-段落。段落。段落。
-
-
-
-[Input]
-段落。段落。段落。
-
-![図1 キャプション](image.jpg)
-
-段落。段落。段落。
-
-[Output]
-段落。段落。段落。
-
-図1 キャプション
-
-![](image.jpg)
-
-段落。段落。段落。
-
-
-
-[Input]
-段落。段落。段落。
-
-![図1　キャプション](image.jpg)
-
-段落。段落。段落。
-
-[Output]
-段落。段落。段落。
-
-図1　キャプション
-
-![](image.jpg)
-
-段落。段落。段落。
-
-
-[Input]
-段落。段落。段落。
-
-![図1：キャプション](image.jpg)
-
-段落。段落。段落。
-
-[Output]
-段落。段落。段落。
-
-図1：キャプション
-
-![](image.jpg)
-
-段落。段落。段落。
-
-

package/test/test.js

@@ -1,77 +0,0 @@
-import assert from 'assert'
-import fs from 'fs'
-import path from 'path'
-import setMarkdownImgAttrToPCaption from '../index.js'
-
-let __dirname = path.dirname(new URL(import.meta.url).pathname)
-const isWindows = (process.platform === 'win32')
-if (isWindows) {
-  __dirname = __dirname.replace(/^\/+/, '').replace(/\//g, '\\')
-}
-
-const check = (name, ex) => {
-  const exCont = fs.readFileSync(ex, 'utf-8').trim()
-  let ms = [];
-  let ms0 = exCont.split(/\n*\[Input\]\n/)
-  let n = 1;
-  while(n < ms0.length) {
-    let mhs = ms0[n].split(/\n+\[Output[^\]]*?\]\n/)
-    let i = 1
-    while (i < 2) {
-      if (mhs[i] === undefined) {
-        mhs[i] = ''
-      } else {
-        mhs[i] = mhs[i].replace(/$/,'\n')
-      }
-      i++
-    }
-    ms[n] = {
-      inputMarkdown: mhs[0].trim(),
-      outputMarkdown: mhs[1].trim(),
-    };
-    n++
-  }
-
-  n = 1
-  while(n < ms.length) {
-    //if (n !== 10) { n++; continue }
-    console.log('Test: ' + n + ' >>>')
-    const m = ms[n].inputMarkdown
-    let h
-    let option = {}
-    if (name === 'default') {
-        h = setMarkdownImgAttrToPCaption(m)
-      }
-  
-
-      if (name === 'imgTitleAttr') {
-        h = setMarkdownImgAttrToPCaption(m, {imgTitleCaption: true})
-      }
-
-      if (name === 'labelLang') {
-        h = setMarkdownImgAttrToPCaption(m, {labelLang: 'en'})
-      }
-
-
-        try {
-      assert.strictEqual(h, ms[n].outputMarkdown)
-    } catch(e) {
-      console.log('incorrect: ')
-      //console.log(m)
-      //console.log('::convert ->')
-      console.log('H: ' + h +'\n\nC: ' + ms[n].outputMarkdown)
-    }
-    n++
-  }
-}
-
-
-const example = {
-    default: __dirname + path.sep + 'examples.txt',
-    imgTitleAttr: __dirname + path.sep + 'examples-img-title-attr.txt',
-    labelLang: __dirname + path.sep + 'examples-label-lang.txt',
-}
-for (let ex in example) {
-  console.log('[Test] ' + ex)
-  check(ex, example[ex])
-}