@regmisatyam/retex 0.1.0

package/dist/react.js

@@ -0,0 +1,802 @@
+// src/theme/default.ts
+var defaultTheme = {
+  name: "default",
+  colors: {
+    primary: "#2563eb",
+    secondary: "#64748b",
+    text: "#1e293b",
+    muted: "#64748b",
+    background: "#ffffff",
+    border: "#e2e8f0",
+    accent: "#2563eb",
+    success: "#16a34a"
+  },
+  fonts: {
+    heading: '"Inter", "Helvetica Neue", Helvetica, Arial, sans-serif',
+    body: '"Inter", "Helvetica Neue", Helvetica, Arial, sans-serif',
+    mono: '"JetBrains Mono", "SF Mono", "Fira Code", Consolas, monospace'
+  },
+  fontSizes: {
+    base: "10.5pt",
+    small: "9pt",
+    large: "12pt",
+    Large: "15pt",
+    Huge: "22pt",
+    name: "26pt",
+    section: "13pt"
+  },
+  spacing: {
+    unit: "4px",
+    section: "1.1rem",
+    item: "0.28rem",
+    page: "0.55in"
+  },
+  page: {
+    size: "Letter",
+    margin: "0.55in",
+    maxWidth: "8.5in"
+  },
+  sectionStyle: "rule"
+};
+
+// src/theme/themes.ts
+function resolveTheme(partial, base = defaultTheme) {
+  if (!partial) return base;
+  return {
+    name: partial.name ?? base.name,
+    colors: { ...base.colors, ...partial.colors },
+    fonts: { ...base.fonts, ...partial.fonts },
+    fontSizes: { ...base.fontSizes, ...partial.fontSizes },
+    spacing: { ...base.spacing, ...partial.spacing },
+    page: { ...base.page, ...partial.page },
+    sectionStyle: partial.sectionStyle ?? base.sectionStyle
+  };
+}
+resolveTheme({
+  name: "modern",
+  colors: { primary: "#7c3aed", accent: "#7c3aed", text: "#111827" },
+  sectionStyle: "underline"
+});
+resolveTheme({
+  name: "classic",
+  colors: { primary: "#111827", secondary: "#4b5563", accent: "#111827" },
+  fonts: {
+    heading: 'Georgia, "Times New Roman", serif',
+    body: 'Georgia, "Times New Roman", serif',
+    mono: 'Consolas, "Courier New", monospace'
+  },
+  sectionStyle: "rule"
+});
+resolveTheme({
+  name: "compact",
+  fontSizes: {
+    base: "9.5pt",
+    small: "8pt",
+    large: "11pt",
+    Large: "13pt",
+    Huge: "18pt",
+    name: "20pt",
+    section: "11pt"
+  },
+  spacing: { unit: "3px", section: "0.7rem", item: "0.18rem", page: "0.4in" },
+  sectionStyle: "bar"
+});
+
+// src/security/sanitize.ts
+var SAFE_PROTOCOLS = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "tel:", "ftp:", "sms:"]);
+var SCHEME_RE = /^([a-z][a-z0-9+.-]*):/i;
+var CONTROL_CHARS_RE = /[\x00-\x1f\x7f]/g;
+function sanitizeUrl(input) {
+  const raw = String(input ?? "").trim();
+  const cleaned = raw.replace(CONTROL_CHARS_RE, "");
+  const match = SCHEME_RE.exec(cleaned);
+  if (!match) {
+    return { safe: cleaned, blocked: false };
+  }
+  const scheme = match[1].toLowerCase() + ":";
+  if (SAFE_PROTOCOLS.has(scheme)) {
+    return { safe: cleaned, blocked: false, scheme };
+  }
+  return { safe: "#", blocked: true, scheme };
+}
+function isSafeColor(value) {
+  const v = value.trim();
+  if (/^#([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(v)) return true;
+  if (/^(rgb|rgba|hsl|hsla)\(\s*[0-9.,%\s/]+\)$/i.test(v)) return true;
+  return CSS_NAMED_COLORS.has(v.toLowerCase());
+}
+function isSafeDimension(value) {
+  return /^-?\d*\.?\d+(px|pt|em|rem|ex|ch|vw|vh|vmin|vmax|cm|mm|in|pc|%|fr)?$/.test(
+    value.trim()
+  );
+}
+function sanitizeStyleValue(value) {
+  const v = value.trim();
+  if (/[<>;{}]/.test(v) || /expression|url\s*\(|javascript:/i.test(v)) {
+    return void 0;
+  }
+  return v;
+}
+var CSS_NAMED_COLORS = /* @__PURE__ */ new Set([
+  "black",
+  "silver",
+  "gray",
+  "grey",
+  "white",
+  "maroon",
+  "red",
+  "purple",
+  "fuchsia",
+  "green",
+  "lime",
+  "olive",
+  "yellow",
+  "navy",
+  "blue",
+  "teal",
+  "aqua",
+  "cyan",
+  "magenta",
+  "orange",
+  "pink",
+  "brown",
+  "gold",
+  "indigo",
+  "violet",
+  "tan",
+  "beige",
+  "ivory",
+  "coral",
+  "salmon",
+  "khaki",
+  "crimson",
+  "turquoise",
+  "lavender",
+  "plum",
+  "orchid",
+  "slateblue",
+  "slategray",
+  "steelblue",
+  "skyblue",
+  "royalblue",
+  "midnightblue",
+  "darkblue",
+  "darkgreen",
+  "darkred",
+  "darkgray",
+  "darkgrey",
+  "lightgray",
+  "lightgrey",
+  "lightblue",
+  "transparent",
+  "currentcolor",
+  "inherit"
+]);
+
+// src/icons/icons.ts
+var ICONS = {
+  github: {
+    body: '<path d="M12 1.5A10.5 10.5 0 0 0 8.7 22c.5.1.7-.2.7-.5v-2c-2.9.6-3.5-1.3-3.5-1.3-.5-1.2-1.2-1.5-1.2-1.5-.9-.6.1-.6.1-.6 1 .1 1.6 1 1.6 1 .9 1.6 2.4 1.1 3 .9.1-.7.4-1.1.7-1.4-2.3-.3-4.8-1.2-4.8-5.2 0-1.2.4-2.1 1-2.9-.1-.3-.5-1.3.1-2.7 0 0 .9-.3 2.8 1.1a9.6 9.6 0 0 1 5 0c1.9-1.4 2.8-1.1 2.8-1.1.6 1.4.2 2.4.1 2.7.7.8 1 1.7 1 2.9 0 4-2.5 4.9-4.8 5.2.4.3.7 1 .7 2v3c0 .3.2.6.7.5A10.5 10.5 0 0 0 12 1.5Z"/>'
+  },
+  linkedin: {
+    body: '<path d="M20.5 2h-17A1.5 1.5 0 0 0 2 3.5v17A1.5 1.5 0 0 0 3.5 22h17a1.5 1.5 0 0 0 1.5-1.5v-17A1.5 1.5 0 0 0 20.5 2ZM8 19H5v-9h3v9ZM6.5 8.7A1.7 1.7 0 1 1 6.5 5.3a1.7 1.7 0 0 1 0 3.4ZM19 19h-3v-4.7c0-1.1 0-2.6-1.6-2.6s-1.8 1.2-1.8 2.5V19h-3v-9h2.9v1.2h.04a3.2 3.2 0 0 1 2.9-1.6c3.1 0 3.7 2 3.7 4.7V19Z"/>'
+  },
+  email: {
+    body: '<path d="M3 5h18a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1Zm.4 2 8.6 6 8.6-6H3.4ZM20 8.2l-7.4 5.2a1 1 0 0 1-1.2 0L4 8.2V17h16V8.2Z"/>',
+    aliases: ["mail", "envelope"]
+  },
+  phone: {
+    body: '<path d="M6.6 10.8a15.5 15.5 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.58 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.4 11.4 0 0 0 .57 3.6 1 1 0 0 1-.25 1l-2.2 2.2Z"/>',
+    aliases: ["tel", "telephone"]
+  },
+  location: {
+    body: '<path d="M12 2a7 7 0 0 0-7 7c0 5 7 13 7 13s7-8 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5Z"/>',
+    aliases: ["map", "pin", "marker", "geo"]
+  },
+  website: {
+    body: '<path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm6.9 6h-2.9a15.7 15.7 0 0 0-1.3-3.4A8 8 0 0 1 18.9 8ZM12 4c.8 1.1 1.5 2.5 1.9 4h-3.8c.4-1.5 1.1-2.9 1.9-4ZM4.3 14a8 8 0 0 1 0-4h3.3a17.6 17.6 0 0 0 0 4H4.3Zm.8 2h2.9a15.7 15.7 0 0 0 1.3 3.4A8 8 0 0 1 5.1 16Zm2.9-8H5.1a8 8 0 0 1 4.2-3.4A15.7 15.7 0 0 0 8 8Zm4 12c-.8-1.1-1.5-2.5-1.9-4h3.8c-.4 1.5-1.1 2.9-1.9 4Zm2.3-6h-4.6a15.3 15.3 0 0 1 0-4h4.6a15.3 15.3 0 0 1 0 4Zm.4 5.4a15.7 15.7 0 0 0 1.3-3.4h2.9a8 8 0 0 1-4.2 3.4ZM16.4 14a17.6 17.6 0 0 0 0-4h3.3a8 8 0 0 1 0 4h-3.3Z"/>',
+    aliases: ["globe", "web", "link", "url"]
+  },
+  twitter: {
+    body: '<path d="M22 5.9c-.7.3-1.5.6-2.3.7a4 4 0 0 0 1.8-2.2c-.8.5-1.7.8-2.6 1a4 4 0 0 0-6.8 3.6A11.3 11.3 0 0 1 3.9 4.8a4 4 0 0 0 1.2 5.3c-.6 0-1.2-.2-1.8-.5a4 4 0 0 0 3.2 3.9c-.6.1-1.2.2-1.8.1a4 4 0 0 0 3.7 2.8A8 8 0 0 1 2 18.1 11.3 11.3 0 0 0 8.1 20c7.4 0 11.5-6.2 11.5-11.5v-.5c.8-.6 1.5-1.3 2-2.1Z"/>',
+    aliases: ["x"]
+  },
+  gitlab: {
+    body: '<path d="m21.9 13.1-1.1-3.4-2.2-6.8a.6.6 0 0 0-1.1 0l-2.2 6.8H8.7L6.5 2.9a.6.6 0 0 0-1.1 0L3.2 9.7l-1.1 3.4a1.2 1.2 0 0 0 .4 1.3l9.5 6.9 9.5-6.9a1.2 1.2 0 0 0 .4-1.3Z"/>'
+  },
+  stackoverflow: {
+    body: '<path d="M17 21v-6h2v8H4v-8h2v6h11ZM7 17h9v-2H7v2Zm.3-4.2 8.8 1.8.4-2-8.8-1.8-.4 2Zm1.2-4.4 8.1 3.8.8-1.8-8.1-3.8-.8 1.8Zm2.5-4 6.9 5.7 1.3-1.5-6.9-5.7-1.3 1.5ZM15.6 1l-1.6 1.2 5.3 7.2 1.6-1.2L15.6 1Z"/>',
+    aliases: ["stack-overflow", "so"]
+  },
+  scholar: {
+    body: '<path d="M12 2 1 9l11 7 9-5.7V17h2V9L12 2ZM5 14.2V18c0 1.7 3.1 3 7 3s7-1.3 7-3v-3.8l-7 4.4-7-4.4Z"/>',
+    aliases: ["google-scholar", "academic"]
+  },
+  orcid: {
+    body: '<path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20ZM8.5 7.6a1.1 1.1 0 1 1 0 2.2 1.1 1.1 0 0 1 0-2.2ZM9.5 17h-2v-6.2h2V17Zm2-6.2h3.3c2.2 0 3.6 1.5 3.6 3.1 0 1.8-1.4 3.1-3.6 3.1H11.5v-6.2Zm2 1.7v2.8h1.1c1.2 0 1.8-.6 1.8-1.4s-.6-1.4-1.8-1.4h-1.1Z"/>'
+  },
+  calendar: {
+    body: '<path d="M7 2v2H5a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2V2h-2v2H9V2H7ZM5 9h14v10H5V9Z"/>',
+    aliases: ["date"]
+  },
+  briefcase: {
+    body: '<path d="M9 3a2 2 0 0 0-2 2v1H4a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-3V5a2 2 0 0 0-2-2H9Zm0 3V5h6v1H9Z"/>',
+    aliases: ["work", "job"]
+  }
+};
+var ALIASES = {};
+for (const [name, def] of Object.entries(ICONS)) {
+  for (const alias of def.aliases ?? []) ALIASES[alias] = name;
+}
+function resolveIconName(name) {
+  const key = name.trim().toLowerCase();
+  if (ICONS[key]) return key;
+  if (ALIASES[key]) return ALIASES[key];
+  return void 0;
+}
+function getIcon(name) {
+  const key = resolveIconName(name);
+  return key ? ICONS[key] : void 0;
+}
+function iconToSvg(name, opts = {}) {
+  const def = getIcon(name);
+  if (!def) return null;
+  const size = opts.size ?? "1em";
+  const dim = typeof size === "number" ? `${size}` : size;
+  const cls = opts.className ? ` class="${opts.className}"` : "";
+  const fillOrStroke = def.stroked ? 'fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"' : 'fill="currentColor"';
+  return `<svg${cls} width="${dim}" height="${dim}" viewBox="0 0 24 24" ${fillOrStroke} role="img" aria-hidden="true" focusable="false">${def.body}</svg>`;
+}
+
+// src/renderers/css.ts
+var tokenSafe = (s) => s.replace(/[^a-zA-Z0-9_-]/g, "");
+function themeToCss(theme, prefix = "retex") {
+  const p = prefix;
+  const colorVars = Object.entries(theme.colors).map(([k, v]) => `    --${p}-color-${tokenSafe(k)}: ${v};`).join("\n");
+  return `.${p}-resume {
+${colorVars}
+    --${p}-primary: ${theme.colors.primary};
+    --${p}-text: ${theme.colors.text};
+    --${p}-muted: ${theme.colors.muted};
+    --${p}-border: ${theme.colors.border};
+    --${p}-bg: ${theme.colors.background};
+    --${p}-font-heading: ${theme.fonts.heading};
+    --${p}-font-body: ${theme.fonts.body};
+    --${p}-font-mono: ${theme.fonts.mono};
+    --${p}-fs-base: ${theme.fontSizes.base};
+    --${p}-fs-small: ${theme.fontSizes.small};
+    --${p}-fs-large: ${theme.fontSizes.large};
+    --${p}-fs-Large: ${theme.fontSizes.Large};
+    --${p}-fs-Huge: ${theme.fontSizes.Huge};
+    --${p}-fs-name: ${theme.fontSizes.name};
+    --${p}-fs-section: ${theme.fontSizes.section};
+    --${p}-sp-section: ${theme.spacing.section};
+    --${p}-sp-item: ${theme.spacing.item};
+
+    box-sizing: border-box;
+    max-width: ${theme.page.maxWidth};
+    margin: 0 auto;
+    padding: ${theme.spacing.page};
+    background: var(--${p}-bg);
+    color: var(--${p}-text);
+    font-family: var(--${p}-font-body);
+    font-size: var(--${p}-fs-base);
+    line-height: 1.45;
+}
+.${p}-resume *, .${p}-resume *::before, .${p}-resume *::after { box-sizing: border-box; }
+
+.${p}-header { margin-bottom: var(--${p}-sp-section); }
+.${p}-name {
+    font-family: var(--${p}-font-heading);
+    font-size: var(--${p}-fs-name);
+    font-weight: 700;
+    margin: 0 0 0.1em;
+    color: var(--${p}-text);
+    letter-spacing: -0.01em;
+}
+.${p}-title {
+    font-size: var(--${p}-fs-large);
+    color: var(--${p}-primary);
+    margin: 0 0 0.45em;
+    font-weight: 500;
+}
+.${p}-contact {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.35rem 1rem;
+    font-size: var(--${p}-fs-small);
+    color: var(--${p}-muted);
+}
+.${p}-contact-item {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.3em;
+    color: inherit;
+    text-decoration: none;
+}
+.${p}-contact-item svg { opacity: 0.8; }
+
+.${p}-section { margin-bottom: var(--${p}-sp-section); break-inside: avoid; }
+.${p}-section-title {
+    font-family: var(--${p}-font-heading);
+    font-size: var(--${p}-fs-section);
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    color: var(--${p}-primary);
+    margin: 0 0 0.5em;
+}
+.${p}-section--rule .${p}-section-title { border-bottom: 2px solid var(--${p}-border); padding-bottom: 0.2em; }
+.${p}-section--underline .${p}-section-title { text-decoration: underline; text-underline-offset: 3px; }
+.${p}-section--bar .${p}-section-title {
+    border-left: 3px solid var(--${p}-primary);
+    padding-left: 0.5em;
+    border-bottom: none;
+}
+.${p}-subsection-title {
+    font-family: var(--${p}-font-heading);
+    font-size: var(--${p}-fs-large);
+    font-weight: 600;
+    margin: 0.6em 0 0.3em;
+}
+
+.${p}-entry { margin-bottom: 0.6rem; break-inside: avoid; }
+.${p}-entry-row {
+    display: flex;
+    justify-content: space-between;
+    align-items: baseline;
+    gap: 1rem;
+}
+.${p}-entry-title { font-weight: 700; }
+.${p}-entry-subtitle { color: var(--${p}-primary); font-weight: 500; }
+.${p}-entry-dates, .${p}-entry-location {
+    color: var(--${p}-muted);
+    font-size: var(--${p}-fs-small);
+    white-space: nowrap;
+}
+.${p}-entry-body { margin-top: 0.15rem; }
+.${p}-entry-body p { margin: 0.2em 0; }
+
+.${p}-list { margin: 0.2rem 0 0.2rem 1.1rem; padding: 0; }
+.${p}-list li { margin-bottom: var(--${p}-sp-item); padding-left: 0.15rem; }
+
+.${p}-columns { display: flex; gap: 1.5rem; align-items: flex-start; }
+.${p}-column { min-width: 0; }
+
+.${p}-skills { display: flex; flex-wrap: wrap; gap: 0.4rem; list-style: none; margin: 0.2rem 0; padding: 0; }
+.${p}-skill {
+    background: color-mix(in srgb, var(--${p}-primary) 12%, transparent);
+    color: var(--${p}-primary);
+    border-radius: 4px;
+    padding: 0.12rem 0.5rem;
+    font-size: var(--${p}-fs-small);
+    font-weight: 500;
+    white-space: nowrap;
+}
+
+.${p}-link { color: var(--${p}-primary); text-decoration: none; }
+.${p}-link:hover { text-decoration: underline; }
+.${p}-icon { display: inline-flex; vertical-align: -0.125em; }
+.${p}-rule { border: none; border-top: 1px solid var(--${p}-border); margin: 0.6rem 0; }
+.${p}-center { text-align: center; }
+.${p}-scale-small { font-size: var(--${p}-fs-small); }
+.${p}-scale-large { font-size: var(--${p}-fs-large); }
+.${p}-scale-Large { font-size: var(--${p}-fs-Large); }
+.${p}-scale-Huge { font-size: var(--${p}-fs-Huge); }
+p.${p}-para { margin: 0 0 0.45em; }
+p.${p}-para:last-child { margin-bottom: 0; }
+
+@media print {
+    .${p}-resume { max-width: none; margin: 0; padding: 0; }
+    .${p}-section, .${p}-entry { break-inside: avoid; }
+    a { color: inherit; }
+}`;
+}
+
+// src/renderers/context.ts
+var BLOCK_TYPES = /* @__PURE__ */ new Set([
+  "section",
+  "job",
+  "education",
+  "project",
+  "skills",
+  "list",
+  "columns",
+  "rule"
+]);
+function isBlockNode(node) {
+  if (BLOCK_TYPES.has(node.type)) return true;
+  if (node.type === "space") return node.axis === "vertical";
+  if (node.type === "command" && node.name === "center") return true;
+  return false;
+}
+
+// src/renderers/structure.ts
+function toRegions(children) {
+  const regions = [{ nodes: [] }];
+  for (const node of children) {
+    if (node.type === "section" && node.level === 1) {
+      regions.push({ section: node, nodes: [] });
+    } else {
+      regions[regions.length - 1].nodes.push(node);
+    }
+  }
+  return regions;
+}
+var CONTACTISH = /* @__PURE__ */ new Set(["contact", "icon", "link", "url"]);
+function splitPreamble(nodes) {
+  const name = nodes.find(
+    (n) => n.type === "contact" && n.field === "name"
+  );
+  const title = nodes.find(
+    (n) => n.type === "contact" && n.field === "title"
+  );
+  const contacts = nodes.filter(
+    (n) => CONTACTISH.has(n.type) && n !== name && n !== title
+  );
+  const other = nodes.filter(
+    (n) => !CONTACTISH.has(n.type) && n.type !== "parbreak" && !(n.type === "text" && n.value.trim() === "")
+  );
+  return { name, title, contacts, other };
+}
+function entryParts(fields, kind) {
+  let title;
+  let subtitle;
+  if (kind === "education") {
+    title = fields.school ?? fields.degree ?? "";
+    subtitle = fields.school ? fields.degree ?? "" : "";
+  } else if (kind === "project") {
+    title = fields.name ?? fields.title ?? "";
+    subtitle = fields.organization ?? fields.tech ?? "";
+  } else {
+    title = fields.title ?? fields.role ?? fields.name ?? "";
+    subtitle = fields.company ?? fields.organization ?? "";
+  }
+  return {
+    title,
+    subtitle,
+    dates: dateRange(fields.start, fields.end, fields.date),
+    location: fields.location ?? "",
+    url: fields.url ?? fields.link ?? ""
+  };
+}
+function dateRange(start, end, date) {
+  if (date) return date;
+  if (start && end) return `${start} \u2013 ${end}`;
+  return start ?? end ?? "";
+}
+
+// src/renderers/react.ts
+var tokenSafe2 = (s) => s.replace(/[^a-zA-Z0-9_-]/g, "");
+var ReactRenderer = class {
+  constructor(options) {
+    this.key = 0;
+    if (typeof options.createElement !== "function") {
+      throw new TypeError(
+        "ReactRenderer requires a `createElement` factory (e.g. React.createElement)."
+      );
+    }
+    this.theme = options.theme ?? resolveTheme();
+    this.prefix = options.classPrefix ?? "retex";
+    this.h = options.createElement;
+    this.Fragment = options.Fragment ?? "div";
+    this.overrides = options.overrides ?? /* @__PURE__ */ new Map();
+    this.useHeader = options.header ?? true;
+  }
+  /** The stylesheet for the active theme. Render it in a `<style>` yourself. */
+  styles() {
+    return themeToCss(this.theme, this.prefix);
+  }
+  /** Render the document AST to a React element. */
+  render(ast) {
+    const regions = toRegions(ast.children);
+    const parts = [];
+    const preamble = regions[0]?.section ? void 0 : regions.shift();
+    if (preamble) parts.push(...this.renderPreamble(preamble.nodes));
+    for (const region of regions) {
+      if (region.section) parts.push(this.renderSection(region.section, region.nodes));
+      else parts.push(...this.renderFlow(region.nodes));
+    }
+    return this.el("div", { className: this.cls("resume") }, parts);
+  }
+  ctx() {
+    return {
+      theme: this.theme,
+      classPrefix: this.prefix,
+      h: this.h,
+      Fragment: this.Fragment,
+      overrides: this.overrides,
+      renderNodes: (nodes) => this.renderFlow(nodes),
+      cls: (name) => this.cls(name)
+    };
+  }
+  /* --------------------------- structuring ---------------------------- */
+  renderSection(section, body) {
+    return this.el(
+      "section",
+      {
+        className: `${this.cls("section")} ${this.cls("section")}--${this.theme.sectionStyle}`
+      },
+      [
+        this.el("h2", { className: this.cls("section-title") }, [section.title]),
+        this.el("div", { className: this.cls("section-body") }, this.renderFlow(body))
+      ]
+    );
+  }
+  renderPreamble(nodes) {
+    if (!this.useHeader) return this.renderFlow(nodes);
+    const { name, title, contacts, other } = splitPreamble(nodes);
+    const out = [];
+    if (name || title || contacts.length > 0) {
+      const head = [];
+      if (name) head.push(this.el("h1", { className: this.cls("name") }, [name.value]));
+      if (title) head.push(this.el("p", { className: this.cls("title") }, [title.value]));
+      if (contacts.length > 0) {
+        head.push(
+          this.el(
+            "div",
+            { className: this.cls("contact") },
+            contacts.map((c) => this.renderNode(c))
+          )
+        );
+      }
+      out.push(this.el("header", { className: this.cls("header") }, head));
+    }
+    if (other.length > 0) out.push(...this.renderFlow(other));
+    return out;
+  }
+  /* ----------------------------- flow / inline ------------------------ */
+  renderFlow(nodes) {
+    const out = [];
+    let inline = [];
+    const flush = () => {
+      if (inline.length === 0) return;
+      const meaningful = inline.some((n) => n.type !== "text" || n.value.trim() !== "");
+      if (meaningful) {
+        out.push(
+          this.el("p", { className: this.cls("para") }, this.renderInline(inline))
+        );
+      }
+      inline = [];
+    };
+    for (const node of nodes) {
+      if (node.type === "parbreak") flush();
+      else if (isBlockNode(node)) {
+        flush();
+        out.push(this.renderNode(node));
+      } else inline.push(node);
+    }
+    flush();
+    return out;
+  }
+  renderInline(nodes) {
+    return nodes.map((n) => this.renderNode(n));
+  }
+  /* ------------------------------ per node ---------------------------- */
+  renderNode(node) {
+    const override = this.overrides.get(node.type) ?? (node.type === "command" ? this.overrides.get(`command:${node.name}`) : void 0);
+    if (override) return override(node, this.ctx(), (ns) => this.renderFlow(ns));
+    switch (node.type) {
+      case "text":
+        return node.value;
+      case "parbreak":
+        return null;
+      case "linebreak":
+        return this.el("br", null, []);
+      case "rule":
+        return this.el("hr", { className: this.cls("rule") }, []);
+      case "space":
+        return node.axis === "vertical" ? this.el("div", { style: { height: this.dim(node.size) } }, []) : this.el(
+          "span",
+          { style: { display: "inline-block", width: this.dim(node.size) } },
+          []
+        );
+      case "group":
+        return this.frag(this.renderInline(node.children));
+      case "bold":
+        return this.el("strong", null, this.renderInline(node.children));
+      case "italic":
+        return this.el("em", null, this.renderInline(node.children));
+      case "underline":
+        return this.el("u", null, this.renderInline(node.children));
+      case "strike":
+        return this.el("s", null, this.renderInline(node.children));
+      case "color": {
+        const inner = this.renderInline(node.children);
+        if (!node.color || !isSafeColor(node.color)) return this.frag(inner);
+        return this.el("span", { style: { color: node.color } }, inner);
+      }
+      case "themecolor":
+        return this.el(
+          "span",
+          {
+            style: {
+              color: `var(--${this.prefix}-color-${tokenSafe2(node.token)}, currentColor)`
+            }
+          },
+          this.renderInline(node.children)
+        );
+      case "fontsize": {
+        const inner = this.renderInline(node.children);
+        if (!isSafeDimension(node.size)) return this.frag(inner);
+        return this.el("span", { style: { fontSize: node.size } }, inner);
+      }
+      case "fontfamily": {
+        const inner = this.renderInline(node.children);
+        const family = node.family === "monospace" ? `var(--${this.prefix}-font-mono)` : sanitizeStyleValue(node.family);
+        if (!family) return this.frag(inner);
+        return this.el("span", { style: { fontFamily: family } }, inner);
+      }
+      case "fontscale":
+        return node.scale === "normal" ? this.frag(this.renderInline(node.children)) : this.el(
+          "span",
+          { className: this.cls(`scale-${node.scale}`) },
+          this.renderInline(node.children)
+        );
+      case "link":
+        return this.renderLink(node.href, this.renderInline(node.children));
+      case "url":
+        return this.renderLink(node.href, [node.rawHref]);
+      case "icon":
+        return this.renderIcon(node.name);
+      case "section":
+        return this.el(
+          `h${node.level + 1}`,
+          { className: this.cls("subsection-title") },
+          [node.title]
+        );
+      case "list":
+        return this.renderList(node);
+      case "columns":
+        return this.renderColumns(node);
+      case "skills":
+        return this.el(
+          "ul",
+          { className: this.cls("skills") },
+          node.items.map((s) => this.el("li", { className: this.cls("skill") }, [s]))
+        );
+      case "job":
+        return this.renderEntry(node, "job");
+      case "education":
+        return this.renderEntry(node, "education");
+      case "project":
+        return this.renderEntry(node, "project");
+      case "contact":
+        return this.renderContact(node);
+      case "command":
+        return this.renderCommand(node);
+      default:
+        return null;
+    }
+  }
+  renderContact(node) {
+    const item = this.cls("contact-item");
+    switch (node.field) {
+      case "email":
+        return this.contactLink(`mailto:${node.value}`, "email", node.value, item);
+      case "phone":
+        return this.contactLink(
+          `tel:${node.value.replace(/[^\d+]/g, "")}`,
+          "phone",
+          node.value,
+          item
+        );
+      case "website":
+        return this.contactLink(node.value, "website", node.value, item);
+      case "location":
+        return this.el("span", { className: item }, [
+          this.renderIcon("location"),
+          node.value
+        ]);
+      default:
+        return this.el("span", { className: item }, [node.value]);
+    }
+  }
+  contactLink(url, icon, label, cls) {
+    const { safe } = sanitizeUrl(url);
+    return this.el("a", { className: cls, href: safe }, [this.renderIcon(icon), label]);
+  }
+  renderLink(href, label) {
+    const { safe } = sanitizeUrl(href);
+    const external = /^https?:/i.test(safe);
+    const props = { className: this.cls("link"), href: safe };
+    if (external) {
+      props.target = "_blank";
+      props.rel = "noopener noreferrer";
+    }
+    return this.el("a", props, label);
+  }
+  renderList(node) {
+    const tag = node.kind === "enumerate" ? "ol" : "ul";
+    return this.el(
+      tag,
+      { className: this.cls("list") },
+      node.items.map((item) => this.el("li", null, this.renderInline(item.children)))
+    );
+  }
+  renderColumns(node) {
+    return this.el(
+      "div",
+      { className: this.cls("columns") },
+      node.columns.map((col) => {
+        const basis = isSafeDimension(col.width) ? col.width : "auto";
+        const style = basis === "auto" ? { flex: "1 1 0" } : { flex: `0 0 ${basis}` };
+        return this.el(
+          "div",
+          { className: this.cls("column"), style },
+          this.renderFlow(col.children)
+        );
+      })
+    );
+  }
+  renderEntry(node, kind) {
+    const { title, subtitle, dates, location, url } = entryParts(node.fields, kind);
+    const rows = [];
+    const titleEl = url ? this.renderLink(sanitizeUrl(url).safe, [title]) : title;
+    rows.push(
+      this.el("div", { className: this.cls("entry-row") }, [
+        this.el("span", { className: this.cls("entry-title") }, [titleEl]),
+        dates ? this.el("span", { className: this.cls("entry-dates") }, [dates]) : null
+      ])
+    );
+    if (subtitle || location) {
+      rows.push(
+        this.el("div", { className: this.cls("entry-row") }, [
+          this.el("span", { className: this.cls("entry-subtitle") }, [subtitle]),
+          location ? this.el("span", { className: this.cls("entry-location") }, [location]) : null
+        ])
+      );
+    }
+    if (node.children.length > 0) {
+      rows.push(
+        this.el(
+          "div",
+          { className: this.cls("entry-body") },
+          this.renderFlow(node.children)
+        )
+      );
+    }
+    return this.el("div", { className: `${this.cls("entry")} ${this.cls(kind)}` }, rows);
+  }
+  renderCommand(node) {
+    const inner = node.args.flatMap((a) => a.children);
+    if (node.name === "center") {
+      return this.el("div", { className: this.cls("center") }, this.renderFlow(inner));
+    }
+    return this.frag(this.renderInline(inner));
+  }
+  renderIcon(name) {
+    const svg = iconToSvg(name);
+    if (!svg) return this.el("span", { className: this.cls("icon"), title: name }, []);
+    return this.el(
+      "span",
+      {
+        className: this.cls("icon"),
+        dangerouslySetInnerHTML: { __html: svg }
+      },
+      []
+    );
+  }
+  /* ------------------------------ helpers ----------------------------- */
+  el(type, props, children) {
+    const filtered = children.filter((c) => c !== null && c !== void 0 && c !== "");
+    const finalProps = { ...props ?? {}, key: this.key++ };
+    return this.h(type, finalProps, ...filtered);
+  }
+  frag(children) {
+    return this.el(this.Fragment, null, children);
+  }
+  dim(value) {
+    return isSafeDimension(value) ? value : "0";
+  }
+  cls(name) {
+    return `${this.prefix}-${name}`;
+  }
+};
+function renderReact(ast, options) {
+  return new ReactRenderer(options).render(ast);
+}
+
+export { ReactRenderer, renderReact };
+//# sourceMappingURL=react.js.map
+//# sourceMappingURL=react.js.map