From ae182b739a5aec6f2262891cb0d3e5bb85a1fe26 Mon Sep 17 00:00:00 2001
From: Hsieh Chin Fan <pham@topo.tw>
Date: Sat, 14 Sep 2024 19:30:08 +0800
Subject: feat: Set maps full-width by default

Use new API "renderWith" with converter
---
 package.json     | 2 +-
 src/dumbymap.mjs | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index e66a45b..2e033e0 100644
--- a/package.json
+++ b/package.json
@@ -45,7 +45,7 @@
   "dependencies": {
     "easymde": "^2.18.0",
     "leader-line": "^1.0.7",
-    "mapclay": "^0.6.2",
+    "mapclay": "^0.6.3",
     "markdown-it": "^14.1.0",
     "markdown-it-anchor": "^9.2.0",
     "markdown-it-footnote": "^4.0.0",
diff --git a/src/dumbymap.mjs b/src/dumbymap.mjs
index 8222c80..f9a999b 100644
--- a/src/dumbymap.mjs
+++ b/src/dumbymap.mjs
@@ -5,7 +5,7 @@ import MarkdownItFrontMatter from 'markdown-it-front-matter'
 import MarkdownItTocDoneRight from 'markdown-it-toc-done-right'
 import LeaderLine from 'leader-line'
 import PlainDraggable from 'plain-draggable'
-import { render, parseConfigsFromYaml } from 'mapclay'
+import { renderWith, parseConfigsFromYaml } from 'mapclay'
 
 // Utils {{{
 const onRemove = (element, callback) => {
@@ -245,6 +245,7 @@ export const generateMaps = async (container) => {
   }
 
   // Render each code block with "language-map" class
+  const render = renderWith(config => ({ width: "100%", ...config }))
   const renderTargets = Array.from(container.querySelectorAll('pre:has(.language-map)'))
   const renderAllTargets = renderTargets.map(async (target) => {
     // Get text in code block starts with '```map'
-- 
cgit v1.2.3-70-g09d2