@diagrammo/dgmo 0.10.1 → 0.10.2

package/dist/auto.cjs

@@ -42402,7 +42402,7 @@ pre.dgmo, code.language-dgmo, pre > code.language-dgmo,
 
 // src/auto/index.ts
 init_safe_href();
-var VERSION = "0.10.1";
+var VERSION = "0.10.2";
 var DEFAULTS = {
   theme: "auto",
   palette: "nord",

package/dist/auto.js

@@ -634,7 +634,7 @@ pre.dgmo, code.language-dgmo, pre > code.language-dgmo,
 .dgmo-rendered.dgmo-theme-dark .dgmo-source-pre .dgmo-tok-comment,
 .dgmo-rendered.dgmo-theme-dark .dgmo-source-pre .dgmo-tok-noteContent,
 .dgmo-rendered.dgmo-theme-dark .dgmo-source-pre .dgmo-tok-punctuation { color: #616e88; }
-`;rz();var y$e="0.10.1",xai={theme:"auto",palette:"nord",showSource:!0,showEditorLink:!0},QAe={...xai},RZ=new Set,Cai="https://online.diagrammo.app",kai=8192,wmr=256*1024,Iai=200,_ai=1200,Dai="[dgmo:auto]",Bai=/[\x00-\x1F‪-‮⁦-⁩]/g,f$e="dgmoAutoStyles";function Zf(...e){typeof console<"u"&&console.warn&&console.warn(Dai,...e)}function Tmr(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function Nai(e){e.querySelectorAll("script, foreignObject").forEach(i=>i.remove());let n=[e,...Array.from(e.querySelectorAll("*"))];for(let i of n){for(let o of Array.from(i.attributes))o.name.toLowerCase().startsWith("on")&&i.removeAttribute(o.name);if(i.hasAttribute("href")&&qx(i.getAttribute("href"))===null&&i.removeAttribute("href"),i.hasAttributeNS("http://www.w3.org/1999/xlink","href")){let o=i.getAttributeNS("http://www.w3.org/1999/xlink","href");qx(o)===null&&i.removeAttributeNS("http://www.w3.org/1999/xlink","href")}}}function xmr(e){try{return FO().some(t=>t.id===e)}catch{return!1}}function Cmr(){if(typeof document>"u")return null;let e=document.currentScript;if(e&&e instanceof HTMLScriptElement)return e;let t=document.querySelectorAll('script[src*="auto.js"], script[src*="auto.min.js"]');return t.length===0?null:t[t.length-1]}var Fai=["theme","palette","showSource","showEditorLink"],kmr=["__proto__","constructor","prototype"],Mai=["auto","light","dark","transparent"];function Imr(e){return typeof e=="string"&&Mai.includes(e)}function _mr(e){if(!e)return{};let t;try{t=JSON.parse(e)}catch(i){return Zf("data-config: invalid JSON",i),{}}if(!Tmr(t))return Zf("data-config: not an object"),{};for(let i of kmr)if(Object.prototype.hasOwnProperty.call(t,i))return Zf("data-config: rejected (prototype-pollution key:",i,")"),{};let n={};for(let[i,o]of Object.entries(t)){if(!Fai.includes(i)){Zf("data-config: dropping unknown key",i);continue}if(i==="theme"){if(!Imr(o)){Zf("data-config: rejected theme",o);continue}n.theme=o}else if(i==="palette"){if(typeof o!="string"||!xmr(o)){Zf("data-config: rejected palette",o);continue}n.palette=o}else if(i==="showSource"){if(typeof o!="boolean"){Zf("data-config: rejected showSource",o);continue}n.showSource=o}else if(i==="showEditorLink"){if(typeof o!="boolean"){Zf("data-config: rejected showEditorLink",o);continue}n.showEditorLink=o}}return n}function Dmr(e=document){let t=e.querySelectorAll(".dgmo:not([data-dgmo-processed]), .language-dgmo:not([data-dgmo-processed])");return Array.from(t).filter(n=>!n.closest(".dgmo-rendered"))}function Bmr(e){if(e==="light"||e==="dark"||e==="transparent")return e;if(typeof document>"u")return"light";let t=document.documentElement,n=t.getAttribute("data-theme");return n==="dark"?"dark":n==="light"?"light":t.classList.contains("dark")?"dark":t.classList.contains("light")?"light":typeof window<"u"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}function Nmr(){if(typeof document>"u")return;let e=document.documentElement;if(e&&e.dataset&&e.dataset[f$e]==="1")return;if(document.querySelector('link[rel="stylesheet"][href*="auto.css"]')){e&&e.dataset&&(e.dataset[f$e]="1");return}let n=document.createElement("style");n.setAttribute("data-dgmo-auto",""),n.textContent=vmr,document.head.appendChild(n),e&&e.dataset&&(e.dataset[f$e]="1")}function Pai(e){let t=document.createDocumentFragment(),n;try{n=Smr(e)}catch{return t.appendChild(document.createTextNode(e)),t}for(let i of n){if(!i.text)continue;let o=document.createElement("span");o.className=`dgmo-tok-${i.role}`,o.textContent=i.text,t.appendChild(o)}return t}var Fmr='<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5.5" y="5.5" width="8" height="8" rx="1.5"/><path d="M10.5 5.5V3a1.5 1.5 0 0 0-1.5-1.5H3A1.5 1.5 0 0 0 1.5 3v6A1.5 1.5 0 0 0 3 10.5h2.5"/></svg>',Lai='<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="3 8.5 6.5 12 13 4.5"/></svg>',Rai='<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 2h5v5"/><path d="M14 2L7 9"/><path d="M13 9v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4"/></svg>';function HAe(e,t){e.innerHTML=t}function bai(e,t,n){let i=document.createElement("div");i.className="dgmo-source-panel";let o=document.createElement("button");o.type="button",o.className="dgmo-source-toggle",o.setAttribute("aria-expanded","false");let r=document.createElement("span");r.className="dgmo-chevron",r.setAttribute("aria-hidden","true"),r.textContent="\u25B8",o.appendChild(r);let s=document.createElement("span");s.textContent="DGMO source",o.appendChild(s);let a=document.createElement("div");a.className="dgmo-source-body";let l=document.createElement("pre");l.className="dgmo-source-pre",l.appendChild(Pai(e)),a.appendChild(l);let u=document.createElement("div");u.className="dgmo-source-actions";let c=document.createElement("button");if(c.type="button",c.className="dgmo-btn dgmo-btn-copy",c.setAttribute("aria-label","Copy DGMO source"),c.title="Copy source",HAe(c,Fmr),c.addEventListener("click",()=>{Qai(e,c)}),u.appendChild(c),n){let d=document.createElement("a");d.className="dgmo-btn dgmo-btn-editor",d.target="_blank",d.rel="noopener noreferrer",d.setAttribute("aria-label","Open in editor"),HAe(d,Rai),t?(d.href=t,d.title="Open in editor"):(d.setAttribute("aria-disabled","true"),d.title="Diagram too large for share link; copy source and paste into editor",d.addEventListener("click",p=>p.preventDefault())),u.appendChild(d)}return a.appendChild(u),i.appendChild(o),i.appendChild(a),o.addEventListener("click",()=>{let d=a.classList.toggle("dgmo-open");o.setAttribute("aria-expanded",d?"true":"false")}),i}async function Qai(e,t){let n=!1;try{navigator?.clipboard?.writeText&&(await navigator.clipboard.writeText(e),n=!0)}catch{}if(!n&&typeof document<"u")try{let i=document.createElement("textarea");i.value=e,i.setAttribute("readonly",""),i.style.position="absolute",i.style.left="-9999px",document.body.appendChild(i),i.select(),n=document.execCommand("copy"),document.body.removeChild(i)}catch{n=!1}n?(HAe(t,Lai),t.classList.add("dgmo-btn-copied"),setTimeout(()=>{HAe(t,Fmr),t.classList.remove("dgmo-btn-copied")},_ai)):Zf("clipboard write failed")}function LZ(e){let t=document.createElement("div");t.className="dgmo-error-banner",t.setAttribute("role","alert");let n=document.createElement("div");if(n.className="dgmo-error-banner-title",n.textContent=`${e.severity??"error"}: ${e.message}`,t.appendChild(n),e.line!==void 0&&e.line>0){let i=document.createElement("div");i.className="dgmo-error-banner-loc",i.textContent=e.column!==void 0?`at ${e.line}:${e.column}`:`at line ${e.line}`,t.appendChild(i)}return t}function Hai(e){let t=e.split(`
+`;rz();var y$e="0.10.2",xai={theme:"auto",palette:"nord",showSource:!0,showEditorLink:!0},QAe={...xai},RZ=new Set,Cai="https://online.diagrammo.app",kai=8192,wmr=256*1024,Iai=200,_ai=1200,Dai="[dgmo:auto]",Bai=/[\x00-\x1F‪-‮⁦-⁩]/g,f$e="dgmoAutoStyles";function Zf(...e){typeof console<"u"&&console.warn&&console.warn(Dai,...e)}function Tmr(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function Nai(e){e.querySelectorAll("script, foreignObject").forEach(i=>i.remove());let n=[e,...Array.from(e.querySelectorAll("*"))];for(let i of n){for(let o of Array.from(i.attributes))o.name.toLowerCase().startsWith("on")&&i.removeAttribute(o.name);if(i.hasAttribute("href")&&qx(i.getAttribute("href"))===null&&i.removeAttribute("href"),i.hasAttributeNS("http://www.w3.org/1999/xlink","href")){let o=i.getAttributeNS("http://www.w3.org/1999/xlink","href");qx(o)===null&&i.removeAttributeNS("http://www.w3.org/1999/xlink","href")}}}function xmr(e){try{return FO().some(t=>t.id===e)}catch{return!1}}function Cmr(){if(typeof document>"u")return null;let e=document.currentScript;if(e&&e instanceof HTMLScriptElement)return e;let t=document.querySelectorAll('script[src*="auto.js"], script[src*="auto.min.js"]');return t.length===0?null:t[t.length-1]}var Fai=["theme","palette","showSource","showEditorLink"],kmr=["__proto__","constructor","prototype"],Mai=["auto","light","dark","transparent"];function Imr(e){return typeof e=="string"&&Mai.includes(e)}function _mr(e){if(!e)return{};let t;try{t=JSON.parse(e)}catch(i){return Zf("data-config: invalid JSON",i),{}}if(!Tmr(t))return Zf("data-config: not an object"),{};for(let i of kmr)if(Object.prototype.hasOwnProperty.call(t,i))return Zf("data-config: rejected (prototype-pollution key:",i,")"),{};let n={};for(let[i,o]of Object.entries(t)){if(!Fai.includes(i)){Zf("data-config: dropping unknown key",i);continue}if(i==="theme"){if(!Imr(o)){Zf("data-config: rejected theme",o);continue}n.theme=o}else if(i==="palette"){if(typeof o!="string"||!xmr(o)){Zf("data-config: rejected palette",o);continue}n.palette=o}else if(i==="showSource"){if(typeof o!="boolean"){Zf("data-config: rejected showSource",o);continue}n.showSource=o}else if(i==="showEditorLink"){if(typeof o!="boolean"){Zf("data-config: rejected showEditorLink",o);continue}n.showEditorLink=o}}return n}function Dmr(e=document){let t=e.querySelectorAll(".dgmo:not([data-dgmo-processed]), .language-dgmo:not([data-dgmo-processed])");return Array.from(t).filter(n=>!n.closest(".dgmo-rendered"))}function Bmr(e){if(e==="light"||e==="dark"||e==="transparent")return e;if(typeof document>"u")return"light";let t=document.documentElement,n=t.getAttribute("data-theme");return n==="dark"?"dark":n==="light"?"light":t.classList.contains("dark")?"dark":t.classList.contains("light")?"light":typeof window<"u"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}function Nmr(){if(typeof document>"u")return;let e=document.documentElement;if(e&&e.dataset&&e.dataset[f$e]==="1")return;if(document.querySelector('link[rel="stylesheet"][href*="auto.css"]')){e&&e.dataset&&(e.dataset[f$e]="1");return}let n=document.createElement("style");n.setAttribute("data-dgmo-auto",""),n.textContent=vmr,document.head.appendChild(n),e&&e.dataset&&(e.dataset[f$e]="1")}function Pai(e){let t=document.createDocumentFragment(),n;try{n=Smr(e)}catch{return t.appendChild(document.createTextNode(e)),t}for(let i of n){if(!i.text)continue;let o=document.createElement("span");o.className=`dgmo-tok-${i.role}`,o.textContent=i.text,t.appendChild(o)}return t}var Fmr='<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5.5" y="5.5" width="8" height="8" rx="1.5"/><path d="M10.5 5.5V3a1.5 1.5 0 0 0-1.5-1.5H3A1.5 1.5 0 0 0 1.5 3v6A1.5 1.5 0 0 0 3 10.5h2.5"/></svg>',Lai='<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="3 8.5 6.5 12 13 4.5"/></svg>',Rai='<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 2h5v5"/><path d="M14 2L7 9"/><path d="M13 9v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4"/></svg>';function HAe(e,t){e.innerHTML=t}function bai(e,t,n){let i=document.createElement("div");i.className="dgmo-source-panel";let o=document.createElement("button");o.type="button",o.className="dgmo-source-toggle",o.setAttribute("aria-expanded","false");let r=document.createElement("span");r.className="dgmo-chevron",r.setAttribute("aria-hidden","true"),r.textContent="\u25B8",o.appendChild(r);let s=document.createElement("span");s.textContent="DGMO source",o.appendChild(s);let a=document.createElement("div");a.className="dgmo-source-body";let l=document.createElement("pre");l.className="dgmo-source-pre",l.appendChild(Pai(e)),a.appendChild(l);let u=document.createElement("div");u.className="dgmo-source-actions";let c=document.createElement("button");if(c.type="button",c.className="dgmo-btn dgmo-btn-copy",c.setAttribute("aria-label","Copy DGMO source"),c.title="Copy source",HAe(c,Fmr),c.addEventListener("click",()=>{Qai(e,c)}),u.appendChild(c),n){let d=document.createElement("a");d.className="dgmo-btn dgmo-btn-editor",d.target="_blank",d.rel="noopener noreferrer",d.setAttribute("aria-label","Open in editor"),HAe(d,Rai),t?(d.href=t,d.title="Open in editor"):(d.setAttribute("aria-disabled","true"),d.title="Diagram too large for share link; copy source and paste into editor",d.addEventListener("click",p=>p.preventDefault())),u.appendChild(d)}return a.appendChild(u),i.appendChild(o),i.appendChild(a),o.addEventListener("click",()=>{let d=a.classList.toggle("dgmo-open");o.setAttribute("aria-expanded",d?"true":"false")}),i}async function Qai(e,t){let n=!1;try{navigator?.clipboard?.writeText&&(await navigator.clipboard.writeText(e),n=!0)}catch{}if(!n&&typeof document<"u")try{let i=document.createElement("textarea");i.value=e,i.setAttribute("readonly",""),i.style.position="absolute",i.style.left="-9999px",document.body.appendChild(i),i.select(),n=document.execCommand("copy"),document.body.removeChild(i)}catch{n=!1}n?(HAe(t,Lai),t.classList.add("dgmo-btn-copied"),setTimeout(()=>{HAe(t,Fmr),t.classList.remove("dgmo-btn-copied")},_ai)):Zf("clipboard write failed")}function LZ(e){let t=document.createElement("div");t.className="dgmo-error-banner",t.setAttribute("role","alert");let n=document.createElement("div");if(n.className="dgmo-error-banner-title",n.textContent=`${e.severity??"error"}: ${e.message}`,t.appendChild(n),e.line!==void 0&&e.line>0){let i=document.createElement("div");i.className="dgmo-error-banner-loc",i.textContent=e.column!==void 0?`at ${e.line}:${e.column}`:`at line ${e.line}`,t.appendChild(i)}return t}function Hai(e){let t=e.split(`
 `).map(n=>n.trim()).find(n=>n.length>0);return t?t.replace(Bai,"").slice(0,Iai):"DGMO diagram"}function Wai(e){if(e.tagName==="CODE"){let t=e.parentElement;if(t&&t.tagName==="PRE"){let n=Array.from(t.childNodes).filter(i=>i.nodeType===1||i.nodeType===3&&(i.textContent||"").trim().length>0);if(n.length===1&&n[0]===e)return t}}return e}async function Mmr(e){if(!(e instanceof HTMLElement))return{};if(e.dataset.dgmoProcessed==="true")return{};e.dataset.dgmoProcessed="true";let t=e.textContent||"";if(new TextEncoder().encode(t).byteLength>wmr){e.style.visibility="";let w=LZ({message:`DGMO source too large to render \u2014 ${wmr/1024} KB max`,severity:"error"});return e.parentElement?.insertBefore(w,e),Zf("source exceeds 256 KB cap"),{}}let i=QAe,o=i.theme==="transparent"?"transparent":Bmr(i.theme),r=o==="transparent"?"transparent":o,s=Hai(t),a=e.dataset.showSource,l=i.showSource;a==="true"?l=!0:a==="false"?l=!1:a!==void 0&&Zf("data-show-source: invalid value",a,'\u2014 expected "true" or "false"');let u;try{u=await Zfr(t,{theme:r,palette:i.palette})}catch(w){e.style.visibility="";let E=w instanceof Error?w.message:"Render failed unexpectedly",T=LZ({message:E,severity:"error"});return e.parentElement?.insertBefore(T,e),Zf("render() rejected:",w),{}}if(u.diagnostics&&u.diagnostics.length>0){e.style.visibility="";let w=u.diagnostics[0],E=LZ({message:w.message,severity:w.severity,line:w.line,column:w.column});return e.parentElement?.insertBefore(E,e),Zf("diagnostic:",w.message,w.line,w.column),{}}if(!u.svg){e.style.visibility="";let w=LZ({message:"Empty SVG returned from renderer",severity:"error"});return e.parentElement?.insertBefore(w,e),{}}let c=document.createElement("div"),d=o==="dark"?"dgmo-theme-dark":o==="transparent"?"dgmo-theme-transparent":"dgmo-theme-light";c.className=`dgmo-rendered ${d}`,c.dataset.dgmoProcessed="true";let p=document.createElement("div");p.innerHTML=u.svg;let h=p.querySelector("svg");if(!h){e.style.visibility="";let w=LZ({message:"Empty SVG returned from renderer",severity:"error"});return e.parentElement?.insertBefore(w,e),{}}if(Nai(h),h.setAttribute("role","img"),h.setAttribute("aria-label",s),c.appendChild(h),l){let w=null;if(i.showEditorLink){let T=o==="dark"?"dark":"light",x=emr(t,{baseUrl:Cai,palette:i.palette,theme:T});if(x.url){let I=`utm_source=auto-embed&utm_medium=html&utm_campaign=${encodeURIComponent(y$e)}`,_=x.url.indexOf("#"),D;if(_===-1){let B=x.url.includes("?")?"&":"?";D=x.url+B+I}else{let B=x.url.slice(0,_),F=x.url.slice(_+1),M=B.includes("?")?"&":"?",R=F.length>0?"&":"";D=B+M+I+"#"+F+R+I}w=D,qx(w)||(w=null)}else x.error==="too-large"&&x.compressedSize>kai&&(w=null)}let E=bai(t,w,i.showEditorLink);c.appendChild(E)}let S={wrapper:c,source:t,perElementShowSource:a==="true"?!0:a==="false"?!1:null};return RZ.add(S),Wai(e).replaceWith(c),{wrapper:c}}function A$e(e={}){if(!Tmr(e))return;for(let n of kmr)if(Object.prototype.hasOwnProperty.call(e,n)){Zf("initialize: rejected (prototype-pollution key:",n,")");return}let t={...QAe};Imr(e.theme)&&(t.theme=e.theme),typeof e.palette=="string"&&xmr(e.palette)&&(t.palette=e.palette),typeof e.showSource=="boolean"&&(t.showSource=e.showSource),typeof e.showEditorLink=="boolean"&&(t.showEditorLink=e.showEditorLink),QAe=t}async function g$e(e={}){Nmr();for(let n of Array.from(RZ))document.contains(n.wrapper)||RZ.delete(n);let t;if(e.nodes){t=("length"in e.nodes&&typeof e.nodes!="string"?Array.from(e.nodes):[]).filter(o=>o instanceof Element&&(o.matches(".dgmo, .language-dgmo")||o.querySelector(".dgmo, .language-dgmo")!==null));let i=[];for(let o of t)o.matches(".dgmo, .language-dgmo")&&i.push(o),o.querySelectorAll(".dgmo:not([data-dgmo-processed]), .language-dgmo:not([data-dgmo-processed])").forEach(s=>i.push(s));t=Array.from(new Set(i)).filter(o=>!o.closest(".dgmo-rendered"))}else t=Dmr();await Promise.all(t.map(n=>Mmr(n).catch(()=>({}))))}function Uai(){if(QAe.theme==="auto")for(let e of Array.from(RZ)){let t=document.createElement("pre");t.className="dgmo",t.textContent=e.source,e.perElementShowSource!==null&&(t.dataset.showSource=String(e.perElementShowSource)),e.wrapper.replaceWith(t),RZ.delete(e),Mmr(t)}}function Gai(){if(typeof window>"u"||!window.matchMedia)return;let e=window.matchMedia("(prefers-color-scheme: dark)"),t=()=>Uai();e.addEventListener?e.addEventListener("change",t):"addListener"in e&&typeof e.addListener=="function"&&e.addListener(t)}function m$e(){if(typeof document>"u")return;document.querySelectorAll(".dgmo:not(.dgmo-rendered), .language-dgmo").forEach(t=>{t.closest(".dgmo-rendered")||(t.style.visibility="visible")}),document.documentElement&&document.documentElement.dataset&&(document.documentElement.dataset.dgmoAutoFailed="1")}function Vai(){try{Nmr();let e=Cmr(),t=e?.getAttribute("data-auto"),n=e?.getAttribute("data-config");if(n){let o=_mr(n);A$e(o)}if(Gai(),typeof window<"u"&&window.setTimeout(()=>{document.querySelectorAll(".dgmo:not(.dgmo-rendered):not([data-dgmo-processed])").length>0&&(Zf("safety timeout: un-hiding unrendered sources"),m$e())},3e4),t==="false")return;let i=()=>{g$e().catch(o=>{Zf("run() crashed:",o),m$e()})};typeof document<"u"&&document.readyState!=="loading"?i():typeof document<"u"&&document.addEventListener("DOMContentLoaded",i,{once:!0})}catch(e){Zf("bootstrap failed:",e),m$e()}}var Pmr=Object.freeze({initialize:A$e,run:g$e,version:y$e});function Emr(e,t){try{Object.defineProperty(e,t,{value:Pmr,writable:!1,configurable:!1,enumerable:!0})}catch{}}typeof window<"u"&&(Emr(window,"dgmo"),Emr(window,"diagrammo"),Vai());var qai=Pmr;return sc(zai);})();
 /*! Bundled license information:
 

package/dist/auto.mjs

@@ -42404,7 +42404,7 @@ pre.dgmo, code.language-dgmo, pre > code.language-dgmo,
 
 // src/auto/index.ts
 init_safe_href();
-var VERSION = "0.10.1";
+var VERSION = "0.10.2";
 var DEFAULTS = {
   theme: "auto",
   palette: "nord",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@diagrammo/dgmo",
-  "version": "0.10.1",
+  "version": "0.10.2",
   "description": "DGMO diagram markup language — parser, renderer, and color system",
   "license": "MIT",
   "repository": {
@@ -72,7 +72,7 @@
     "dist",
     "fonts",
     "src",
-    "docs",
+    "docs/*.md",
     "gallery/fixtures",
     ".claude/commands",
     ".github/copilot-instructions.md",

package/docs/guide/chart-arc.md

@@ -1,71 +0,0 @@
-# Arc Diagram
-
-```dgmo
-arc Pirate Alliances
-//order appearance | name | group | degree
-
-// Source -> Target weight
-[Caribbean](red)
-  Blackbeard -> Bonnet 8
-  Blackbeard -> Vane 5
-  Blackbeard -> Hornigold 4
-  Hornigold -> Bonnet 2
-
-[Women Pirates](purple)
-  Bonny -> Rackham 9
-  Bonny -> Read 7
-  Rackham -> Vane 3
-
-[West Africa](teal)
-  Roberts -> Davis 6
-```
-
-## Syntax
-
-```
-arc Chart Title
-order appearance
-
-Source -> Target weight
-```
-
-## Metadata Keys
-
-| Key     | Description                                                         | Required |
-| ------- | ------------------------------------------------------------------- | -------- |
-| `chart` | Must be `arc`                                                       | Yes      |
-| `title` | Chart title displayed above the chart                               | No       |
-| `order` | Node ordering: `appearance` (default), `name`, `group`, or `degree` | No       |
-
-## Data Format
-
-Each data line defines a connection between two nodes with an optional weight:
-
-```
-Source -> Target weight
-Source -> Target
-```
-
-If weight is omitted, it defaults to 1. Arc thickness is proportional to weight.
-
-## Node Groups
-
-Use `[Group Name](color)` headers to group nodes by color:
-
-```
-[Captains](red)
-Blackbeard -> Bonnet 8
-Blackbeard -> Vane 5
-
-[Crew](blue)
-Bonny -> Read 7
-```
-
-Nodes inherit the color of the group in which they first appear.
-
-## Node Ordering
-
-- `appearance` — nodes appear in the order they are first mentioned (default)
-- `name` — nodes sorted alphabetically
-- `group` — nodes sorted by group, then by appearance within group
-- `degree` — nodes sorted by number of connections (most connected first)

package/docs/guide/chart-area.md

@@ -1,73 +0,0 @@
-# Area Chart
-
-```dgmo
-area Fleet Growth Over Time
-series Ships
-x-label Year
-
-era 1710 -> 1716 Rise (green)
-era 1716 -> 1720 Decline (red)
-
-1710 3
-1712 5
-1714 9
-1716 14
-1718 8
-1720 4
-```
-
-## Syntax
-
-```
-area Chart Title
-series Series Name
-x-label X Axis Label
-y-label Y Axis Label
-
-Label value
-```
-
-## Era Bands
-
-Annotate named time periods with a shaded background band and label:
-
-```dgmo
-area Fleet Growth by Era
-x-label Year
-
-era 1710 -> 1714 Early Growth (blue)
-era 1714 -> 1720 Decline (red)
-
-1710 3
-1712 5
-1714 9
-1716 14
-1718 8
-1720 4
-```
-
-Era syntax: `era <start> -> <end> Label (color)`
-
-- `start` and `end` must exactly match data point labels
-- Color is optional; omit for the palette default
-
-## Metadata Keys
-
-| Key       | Description                               | Required |
-| --------- | ----------------------------------------- | -------- |
-| `chart`   | Must be `area`                            | Yes      |
-| `title`   | Chart title displayed above the chart     | No       |
-| `series`  | Name of the data series (shown in legend) | No       |
-| `x-label` | Label for the X axis                      | No       |
-| `y-label` | Label for the Y axis                      | No       |
-| `color`   | Override the area fill color              | No       |
-
-## Data Format
-
-Each data line follows the pattern `Label value`:
-
-```
-1710 3
-1712 5
-1714 9
-```

package/docs/guide/chart-bar-stacked.md

@@ -1,61 +0,0 @@
-# Stacked Bar Chart
-
-```dgmo
-bar-stacked Cargo by Voyage
-series Rum, Spices, Silk, Gold
-
-Voyage 1 40 20 10 30
-Voyage 2 25 35 20 20
-Voyage 3 15 10 45 30
-Voyage 4 30 25 15 30
-```
-
-## Syntax
-
-```
-bar-stacked Chart Title
-series Series1, Series2, Series3
-
-Label value1 value2 value3
-```
-
-## Metadata Keys
-
-| Key                      | Description                                                      | Required |
-| ------------------------ | ---------------------------------------------------------------- | -------- |
-| `chart`                  | Must be `bar-stacked`                                            | Yes      |
-| `title`                  | Chart title displayed above the chart                            | No       |
-| `series`                 | Comma-separated series names with optional colors in parentheses | Yes      |
-| `orientation-horizontal` | Horizontal bars (default is vertical)                            | No       |
-
-## Data Format
-
-Each data line provides space-separated values matching the series order:
-
-```
-Voyage 1 40 20 10 30
-Voyage 2 25 35 20 20
-```
-
-## Series Colors
-
-Colors can be specified per series:
-
-```
-series Imports(blue), Exports(green), Tariffs(orange)
-```
-
-## Variants
-
-### Horizontal Stacked Bar
-
-```dgmo
-bar-stacked Port Revenue by Trade
-orientation-horizontal
-series Imports(blue), Exports(green), Tariffs(orange)
-
-Port Royal 300 450 80
-Tortuga 150 200 30
-Nassau 400 350 120
-Havana 500 600 150
-```

package/docs/guide/chart-bar.md

@@ -1,62 +0,0 @@
-# Bar Chart
-
-```dgmo
-bar Treasure Hauls by Port
-series Gold Doubloons
-
-Port Royal 850
-Tortuga 620
-Nassau 1100
-Havana 430
-Cartagena 780
-```
-
-## Syntax
-
-```
-bar Chart Title
-series Series Name
-x-label X Axis Label
-y-label Y Axis Label
-
-Label value
-```
-
-## Metadata Keys
-
-| Key                      | Description                               | Required |
-| ------------------------ | ----------------------------------------- | -------- |
-| `chart`                  | Must be `bar`                             | Yes      |
-| `title`                  | Chart title displayed above the chart     | No       |
-| `series`                 | Name of the data series (shown in legend) | No       |
-| `x-label`                | Label for the X axis                      | No       |
-| `y-label`                | Label for the Y axis                      | No       |
-| `orientation-horizontal` | Horizontal bars (default is vertical)     | No       |
-| `color`                  | Override the bar color (e.g., `red`)      | No       |
-
-## Data Format
-
-Each data line follows the pattern `Label value`:
-
-```
-Port Royal 850
-Tortuga 620
-Nassau 1100
-```
-
-## Variants
-
-### Horizontal Bar
-
-Add `orientation-horizontal` to display bars horizontally:
-
-```dgmo
-bar Crew Size by Ship
-orientation-horizontal
-series Crew Members
-
-Queen Anne's Revenge 300
-Royal Fortune 262
-Whydah Gally 146
-Adventure Galley 152
-```

package/docs/guide/chart-boxes-and-lines.md

@@ -1,243 +0,0 @@
-# Boxes and Lines
-
-```dgmo
-boxes-and-lines Pirate Software
-
-tag Status s
-  Done(green)
-  Doing(yellow)
-  Todo(red)
-  NA(gray) default
-
-active-tag Status
-
-MobileApp | s:Todo
-  -> API
-
-WebSite | s:Doing
-  -> API
-
-[Backend]
-  API | s:Doing
-    -> DB
-    -> AuthVendor
-
-  DB | s:Done
-
-AuthVendor
-```
-
-## Overview
-
-Boxes and lines is a general-purpose node-edge diagram for modeling systems, architectures, and relationships. Nodes are connected with labeled arrows, organized into nested groups, and annotated with color-coded tags.
-
-Unlike more specialized diagram types (infra for traffic simulation, C4 for system context), boxes-and-lines is intentionally flexible. Node shapes are inferred from names — a node called "UserDB" renders as a cylinder, "Redis" as a diamond, "OrderQueue" as a hexagon.
-
-## Declaration
-
-```
-boxes-and-lines Optional Title
-```
-
-The first line declares the diagram type and optional title.
-
-## Nodes
-
-Nodes are created explicitly or implicitly when referenced in edges.
-
-### Explicit nodes
-
-```
-API Gateway | description: Main entry point
-UserDB
-```
-
-A name on its own line creates a node. Pipe metadata is optional.
-
-### Implicit nodes
-
-```
-API Gateway -routes-> UserService
-```
-
-If `UserService` hasn't been declared yet, it's created automatically from the edge.
-
-### Pipe metadata
-
-```
-API Gateway | t: Backend, description: Main entry point
-```
-
-Metadata uses pipe syntax with `key: value` pairs separated by commas. Common keys:
-
-- Tag aliases (e.g., `t: Backend` where `t` is a tag alias)
-- `description` — shown as a subtitle on the node
-
-### Shape inference
-
-Node shapes are inferred from names:
-
-| Name contains                                  | Shape             |
-| ---------------------------------------------- | ----------------- |
-| `DB`, `Database`, `Postgres`, `MySQL`, `Mongo` | Cylinder          |
-| `Cache`, `Redis`, `Memcached`                  | Diamond           |
-| `Queue`, `Kafka`, `SQS`, `EventBus`            | Hexagon           |
-| `Gateway`, `LB`, `Proxy`, `Router`             | Wide rectangle    |
-| `User`, `Actor`, `Client`, `Admin`             | Rounded rectangle |
-| `External`, `Stripe`, `Twilio`                 | Dashed border     |
-| Everything else                                | Default rectangle |
-
-## Edges
-
-### Directed edges
-
-```
-A -> B                    // unlabeled
-A -routes-> B             // labeled
-```
-
-### Bidirectional edges
-
-```
-A <-syncs-> B             // bidirectional with label
-A <-> B                   // bidirectional unlabeled
-```
-
-### Indented shorthand
-
-When a node has multiple outbound edges, indent them below:
-
-```
-API Gateway
-  -routes-> UserService
-  -routes-> ProductService
-  -routes-> OrderService
-```
-
-This is equivalent to writing three separate edge lines with `API Gateway` as the source.
-
-### Edge metadata
-
-```
-SessionCache <-syncs-> ProductDB | p: Medium
-```
-
-Edges support pipe metadata, typically for tag values.
-
-## Groups
-
-Groups visually contain nodes in a dashed rectangle.
-
-### Basic groups
-
-```
-[AWS us-east-1]
-  API Gateway
-  UserService
-  ProductDB
-```
-
-### Nested groups (max 2 levels)
-
-```
-[AWS us-east-1]
-  [Compute]
-    API Gateway
-    UserService
-  [Data]
-    UserDB
-    ProductDB
-```
-
-### Group-to-group edges
-
-Groups can be edge endpoints:
-
-```
-[Frontend] -> [Backend]
-```
-
-## Tags
-
-Tags add colored metadata dimensions for filtering and visual grouping.
-
-### Declaring tags
-
-```
-tag Team t Backend(blue), Frontend(green), Platform(purple)
-tag Priority p High(red), Medium(orange), Low(gray)
-```
-
-Format: `tag Name alias Value1(color), Value2(color), ...`
-
-### Assigning tags
-
-Use the alias in pipe metadata:
-
-```
-API Gateway | t: Backend
-UserDB | t: Platform
-```
-
-### Filtering
-
-```
-active-tag Team           // color nodes by Team tag
-hide priority:Low         // hide nodes tagged Low priority
-```
-
-## Options
-
-| Directive    | Values         | Default | Description                                 |
-| ------------ | -------------- | ------- | ------------------------------------------- |
-| `direction`  | `LR`, `TB`     | `TB`    | Layout direction (left-right or top-bottom) |
-| `active-tag` | tag group name | none    | Which tag group drives node coloring        |
-| `hide`       | `alias:value`  | none    | Hide nodes with a specific tag value        |
-| `mode`       | `shapes`       | —       | Force shape rendering mode                  |
-
-## Comments
-
-```
-// This is a comment
-```
-
-Only `//` comments are supported.
-
-## Complete Example
-
-```dgmo
-boxes-and-lines Microservices
-
-tag Team t Backend(blue), Frontend(green), Infra(purple)
-active-tag Team
-direction LR
-
-WebApp | t: Frontend
-  -> API Gateway
-
-API Gateway | t: Infra
-  -auth-> AuthService
-  -data-> DataService
-
-AuthService | t: Backend
-  -> UserDB
-
-DataService | t: Backend
-  -> PostgreSQL
-  -> Redis
-
-UserDB | t: Infra
-PostgreSQL | t: Infra
-Redis | t: Infra
-
-[Cloud]
-  [Services]
-    API Gateway
-    AuthService
-    DataService
-  [Storage]
-    UserDB
-    PostgreSQL
-
-Redis <-cache-> DataService
-```