make_loaders.py

# make_loaders.py
# turns every SVG in this folder (and below) into a matching _load.js

import os, re, itertools, xml.etree.ElementTree as ET
from pathlib import Path

SVG_NS   = "http://www.w3.org/2000/svg"
XLINK_NS = "http://www.w3.org/1999/xlink"

# -------- helpers --------
def esc(txt: str) -> str:
    return txt.replace("\\", "\\\\").replace("`", "\\`").replace("${", "\\${")

def add_attr(code, var, k, v):
    if k.startswith("{%s}" % XLINK_NS):
        code.append(f'{var}.setAttributeNS("{XLINK_NS}","xlink:href",`{esc(v)}`);')
    else:
        key = re.sub(r"^{.*}", "", k)
        code.append(f'{var}.setAttribute("{key}",`{esc(v)}`);')

def handle_text(code, var, text):
    if text and text.strip():
        code.append(f'{var}.textContent = `{esc(text)}`;')

def el_to_js(el, parent, idx):
    var = f"n{next(idx)}"
    tag = re.sub(r"^{.*}", "", el.tag)
    out = [f'const {var}=document.createElementNS("{SVG_NS}","{tag}");']
    for k, v in el.attrib.items():
        add_attr(out, var, k, v)
    handle_text(out, var, el.text)
    if parent:
        out.append(f"{parent}.appendChild({var});")
    for child in el:
        out.extend(el_to_js(child, var, idx))
        handle_text(out, var, child.tail)
    return out

# -------- main routine --------
def make_loader(svg_path: Path, dest_folder: Path):
    name = svg_path.stem
    tree = ET.parse(svg_path)
    root = tree.getroot()
    idx = itertools.count()
    body = "\n  ".join(el_to_js(root, None, idx))
    js = f"""// auto-generated from {svg_path.name}
document.addEventListener('DOMContentLoaded',()=>{{
  const box=document.getElementById('{name}');
  if(!box) return;
  {body}
  box.appendChild(n0);
}});"""
    out_file = dest_folder / f"{name}_load.js"
    out_file.write_text(js, encoding="utf-8")
    print(f"wrote {out_file}")

def scan_folder(base="."):
    for path in Path(base).rglob("*.svg"):
        make_loader(path, path.parent)

if __name__ == "__main__":
    scan_folder()