sdocs-dev 1.2.0 → 1.3.1

package/public/sdocs-controls.js

@@ -1,272 +0,0 @@
-// sdocs-controls.js — CSS variable management and control wiring
-(function () {
-'use strict';
-
-var S = SDocs;
-
-// ── CSS var updates ──────────────────────────────────
-
-function applyCtrl(id) {
-  var el = document.getElementById(id);
-  if (!el) return;
-  var v = el.value;
-
-  if (id === 'ctrl-font-family' || id === 'ctrl-h-font-family') {
-    var name = v.replace(/['"]/g,'').split(',')[0].trim();
-    if (S.GOOGLE_FONTS.includes(name)) S.loadGoogleFont(name);
-  }
-
-  var allVals = readAllControlValues();
-  SDocStyles.controlToCssVars(id, v, allVals)
-    .forEach(function(a) { S.setStyleVar(a.cssVar, a.value); });
-  S.syncAll('controls');
-}
-
-function readAllControlValues() {
-  var vals = {};
-  Object.keys(SDocStyles.CTRL_CSS_MAP).forEach(function(id) {
-    var el = document.getElementById(id);
-    if (el) vals[id] = el.value;
-  });
-  Object.keys(SDocStyles.COLOR_VAR_MAP).forEach(function(id) {
-    var el = document.getElementById(id);
-    if (el) vals[id] = el.value;
-  });
-  return vals;
-}
-
-function linkRangeNum(rangeId, numId) {
-  var r = document.getElementById(rangeId);
-  var n = document.getElementById(numId);
-  r.addEventListener('input', function() { n.value = r.value; applyCtrl(numId); });
-  n.addEventListener('input', function() { r.value = n.value; applyCtrl(numId); });
-}
-
-SDocStyles.RANGE_NUM_PAIRS.forEach(function(pair) { linkRangeNum(pair[0], pair[1]); });
-
-var STANDALONE_COLOR_IDS = new Set(SDocStyles.STANDALONE_COLOR_IDS);
-
-[
-  'ctrl-font-family','ctrl-h-font-family',
-  'ctrl-h1-weight','ctrl-h2-weight','ctrl-h3-weight','ctrl-h4-weight',
-  'ctrl-bg-color','ctrl-link-color','ctrl-link-decoration',
-  'ctrl-code-font','ctrl-code-bg','ctrl-code-color',
-  'ctrl-bq-border-color','ctrl-bq-bg','ctrl-bq-color',
-].forEach(function(id) {
-  var handler = function() { if (STANDALONE_COLOR_IDS.has(id)) S.overriddenColors.add(id); applyCtrl(id); };
-  document.getElementById(id).addEventListener('input',  handler);
-  document.getElementById(id).addEventListener('change', handler);
-});
-
-// ── Color cascade ──────────────────────────────────
-
-var COLOR_VAR = SDocStyles.COLOR_VAR_MAP;
-var COLOR_CHILDREN = SDocStyles.COLOR_CASCADE;
-
-function setColorValue(ctrlId, value, userAction) {
-  if (userAction) S.overriddenColors.add(ctrlId);
-  S.setStyleVar(COLOR_VAR[ctrlId], value);
-  var ctrl = document.getElementById(ctrlId);
-  if (ctrl) ctrl.value = value;
-  var children = COLOR_CHILDREN[ctrlId] || [];
-  for (var i = 0; i < children.length; i++) {
-    if (!S.overriddenColors.has(children[i])) {
-      setColorValue(children[i], value, false);
-    }
-  }
-}
-
-function resetColorValue(ctrlId) {
-  S.overriddenColors.delete(ctrlId);
-  setColorValue(ctrlId, S.getColorDefault(), false);
-}
-
-Object.keys(COLOR_VAR).forEach(function(ctrlId) {
-  var el = document.getElementById(ctrlId);
-  if (!el) return;
-  el.addEventListener('input',  function() { setColorValue(ctrlId, el.value, true); S.syncAll('controls'); });
-  el.addEventListener('change', function() { setColorValue(ctrlId, el.value, true); S.syncAll('controls'); });
-});
-
-document.getElementById('reset-color').addEventListener('click',      function() { S.overriddenColors.delete('ctrl-color'); setColorValue('ctrl-color', S.getColorDefault(), false); S.syncAll('controls'); });
-document.getElementById('reset-h-color').addEventListener('click',    function() { resetColorValue('ctrl-h-color'); S.syncAll('controls'); });
-document.getElementById('reset-h1-color').addEventListener('click',   function() { resetColorValue('ctrl-h1-color'); S.syncAll('controls'); });
-document.getElementById('reset-h2-color').addEventListener('click',   function() { resetColorValue('ctrl-h2-color'); S.syncAll('controls'); });
-document.getElementById('reset-h3-color').addEventListener('click',   function() { resetColorValue('ctrl-h3-color'); S.syncAll('controls'); });
-document.getElementById('reset-h4-color').addEventListener('click',   function() { resetColorValue('ctrl-h4-color'); S.syncAll('controls'); });
-document.getElementById('reset-p-color').addEventListener('click',    function() { resetColorValue('ctrl-p-color'); S.syncAll('controls'); });
-document.getElementById('reset-list-color').addEventListener('click', function() { resetColorValue('ctrl-list-color'); S.syncAll('controls'); });
-
-['ctrl-bg-color','ctrl-link-color','ctrl-code-bg','ctrl-code-color','ctrl-bq-border-color','ctrl-bq-bg','ctrl-bq-color'].forEach(function(ctrlId) {
-  var btnId = 'reset-' + ctrlId.replace('ctrl-', '');
-  document.getElementById(btnId).addEventListener('click', function() {
-    var defaultVal = S.getStandaloneDefault(ctrlId);
-    var el = document.getElementById(ctrlId);
-    S.overriddenColors.delete(ctrlId);
-    el.value = defaultVal;
-    var assignments = SDocStyles.controlToCssVars(ctrlId, defaultVal, readAllControlValues());
-    assignments.forEach(function(a) { S.setStyleVar(a.cssVar, a.value); });
-    S.syncAll('controls');
-  });
-});
-
-// ── Apply styles from meta → controls ──────────────────
-
-function setCtrl(id, val) {
-  if (val === undefined || val === null) return;
-  var el = document.getElementById(id);
-  if (!el) return;
-  el.value = val;
-  var rangeId = id.replace(/-num$/, '-range');
-  var rng = document.getElementById(rangeId);
-  if (rng) rng.value = val;
-  applyCtrl(id);
-}
-
-function applyStylesFromMeta(s) {
-  if (!s) return;
-  // Suppress syncAll during batch updates to avoid capturing partial state
-  var wasSyncing = S._syncing;
-  S._syncing = true;
-
-  var result = SDocStyles.stylesToControls(s);
-  var controls = result.controls;
-
-  // Font family selects need special handling to match bare names against <option> values
-  [['fontFamily', 'ctrl-font-family'], ['headers.fontFamily', 'ctrl-h-font-family']].forEach(function(pair) {
-    var styleKey = pair[0], ctrlId = pair[1];
-    var fontName = styleKey === 'fontFamily' ? s.fontFamily : (s.headers || {}).fontFamily;
-    if (fontName) {
-      var sel = document.getElementById(ctrlId);
-      var match = [].slice.call(sel.options).find(function(o) {
-        return o.value.replace(/['"]/g,'').split(',')[0].trim() === fontName ||
-               o.textContent === fontName;
-      });
-      if (match) { sel.value = match.value; applyCtrl(ctrlId); }
-    }
-  });
-
-  Object.keys(controls).forEach(function(id) {
-    if (id === 'ctrl-font-family' || id === 'ctrl-h-font-family') return;
-    if (SDocStyles.COLOR_VAR_MAP[id]) return;
-    setCtrl(id, controls[id]);
-  });
-
-  if (result.hasThemeColors) {
-    // Per-theme color mode: populate both theme states
-    S.themeColors.light = result.lightColors || {};
-    S.themeColors.dark = result.darkColors || {};
-    S.themeOverridden.light = result.lightOverridden || new Set();
-    S.themeOverridden.dark = result.darkOverridden || new Set();
-
-    // Load the active theme's colors into controls
-    S._syncing = wasSyncing;
-    S.loadThemeColors(S.activeTheme);
-    return;
-  }
-
-  // Legacy single-theme path: top-level colors go to light theme only,
-  // then loadThemeColors applies the correct theme's colors.
-  var lightOverridden = S.themeOverridden.light;
-  var lightColors = S.themeColors.light;
-  var newOverridden = result.overriddenColors;
-
-  lightOverridden.clear();
-  S.themeOverridden.dark.clear();
-
-  newOverridden.forEach(function(id) {
-    lightOverridden.add(id);
-    lightColors[id] = controls[id];
-  });
-
-  // Also store standalone colors from legacy format into light theme
-  var legacyStandalone = [];
-  if (s.background) legacyStandalone.push(['ctrl-bg-color', s.background]);
-  if (s.link && s.link.color) legacyStandalone.push(['ctrl-link-color', s.link.color]);
-  if (s.code) {
-    if (s.code.background) legacyStandalone.push(['ctrl-code-bg', s.code.background]);
-    if (s.code.color) legacyStandalone.push(['ctrl-code-color', s.code.color]);
-  }
-  if (s.blockquote) {
-    if (s.blockquote.borderColor) legacyStandalone.push(['ctrl-bq-border-color', s.blockquote.borderColor]);
-    if (s.blockquote.background) legacyStandalone.push(['ctrl-bq-bg', s.blockquote.background]);
-    if (s.blockquote.color) legacyStandalone.push(['ctrl-bq-color', s.blockquote.color]);
-  }
-  legacyStandalone.forEach(function(pair) {
-    lightOverridden.add(pair[0]);
-    lightColors[pair[0]] = pair[1];
-  });
-
-  // Now apply the active theme's colors (light overrides or dark defaults)
-  S._syncing = wasSyncing;
-  S.loadThemeColors(S.activeTheme);
-}
-
-function collectStyles() {
-  S.saveCurrentThemeColors();
-  var lightHas = S.themeOverridden.light.size > 0;
-  var darkHas = S.themeOverridden.dark.size > 0;
-  if (lightHas || darkHas) {
-    return SDocStyles.collectStylesDual(
-      readAllControlValues(),
-      S.themeOverridden.light, S.themeOverridden.dark,
-      S.themeColors.light, S.themeColors.dark
-    );
-  }
-  return SDocStyles.collectStyles(readAllControlValues(), S.overriddenColors);
-}
-
-// ── Reset all styles ──────────────────────────────────
-
-function resetAllStyles() {
-  // Clear both theme states
-  S.themeOverridden.light.clear();
-  S.themeOverridden.dark.clear();
-  S.themeColors.light = {};
-  S.themeColors.dark = {};
-
-  setColorValue('ctrl-color', S.getColorDefault(), false);
-  // Set standalone color controls to theme-appropriate defaults
-  STANDALONE_COLOR_IDS.forEach(function(ctrlId) {
-    var el = document.getElementById(ctrlId);
-    if (el) el.value = S.getStandaloneDefault(ctrlId);
-  });
-  document.querySelectorAll('#right input, #right select').forEach(function(el) {
-    if (STANDALONE_COLOR_IDS.has(el.id)) return; // already set above
-    if (el.type === 'range' || el.type === 'number') el.value = el.defaultValue;
-    else if (el.tagName === 'SELECT') el.selectedIndex = [].slice.call(el.options).findIndex(function(o) { return o.defaultSelected; });
-    else if (el.type === 'color') el.value = el.defaultValue;
-  });
-  ['ctrl-bg-color','ctrl-font-family','ctrl-base-size-num','ctrl-line-height-num',
-   'ctrl-h-font-family','ctrl-h-scale-num','ctrl-h-mb-num',
-   'ctrl-h1-size-num','ctrl-h1-weight','ctrl-h2-size-num','ctrl-h2-weight',
-   'ctrl-h3-size-num','ctrl-h3-weight','ctrl-h4-size-num','ctrl-h4-weight',
-   'ctrl-p-lh-num','ctrl-p-mb-num',
-   'ctrl-link-color','ctrl-link-decoration',
-   'ctrl-code-font','ctrl-code-bg','ctrl-code-color',
-   'ctrl-bq-border-color','ctrl-bq-bg','ctrl-bq-bw-num','ctrl-bq-size-num','ctrl-bq-color',
-   'ctrl-list-spacing-num','ctrl-list-indent-num',
-  ].forEach(function(id) { applyCtrl(id); });
-}
-
-// ── Init: set colors to theme-appropriate defaults ──────
-
-if (document.documentElement.dataset.theme === 'dark') {
-  STANDALONE_COLOR_IDS.forEach(function(ctrlId) {
-    var el = document.getElementById(ctrlId);
-    if (el) el.value = S.getStandaloneDefault(ctrlId);
-  });
-}
-
-setColorValue('ctrl-color', S.getColorDefault(), false);
-
-// ── Register on SDocs for cross-module access ──────────
-
-S.setColorValue = setColorValue;
-S.readAllControlValues = readAllControlValues;
-S.collectStyles = collectStyles;
-S.applyStylesFromMeta = applyStylesFromMeta;
-S.resetAllStyles = resetAllStyles;
-S.STANDALONE_COLOR_IDS = STANDALONE_COLOR_IDS;
-
-})();

package/public/sdocs-export.js

@@ -1,212 +0,0 @@
-// sdocs-export.js — Export pipeline: CSS, HTML, PDF, Word, save-default
-(function () {
-'use strict';
-
-var S = SDocs;
-
-function cv(name) {
-  return (S.renderedEl.style.getPropertyValue(name) ||
-          getComputedStyle(S.renderedEl).getPropertyValue(name)).trim();
-}
-
-function buildExportCSS() {
-  var bgColor       = cv('--md-bg')             || '#ffffff';
-  var fontFamily    = cv('--md-font-family')    || "'Inter', sans-serif";
-  var baseSize      = cv('--md-base-size')      || '16px';
-  var lineHeight    = cv('--md-line-height')    || '1.75';
-  var color         = cv('--md-color')          || '#1c1917';
-
-  var hFontFamily   = cv('--md-h-font-family')  || 'inherit';
-  var hScale        = parseFloat(cv('--md-h-scale') || '1');
-  var hMB           = cv('--md-h-margin-bottom')|| '0.4em';
-  var hColor        = cv('--md-h-color')        || '#0f0d0c';
-
-  var h1Size    = 'calc(' + (cv('--md-h1-size')    || '2.1em') + ' * ' + hScale + ')';
-  var h1Color   = cv('--md-h1-color')   || hColor;
-  var h1Weight  = cv('--md-h1-weight')  || '700';
-  var h2Size    = 'calc(' + (cv('--md-h2-size')    || '1.55em') + ' * ' + hScale + ')';
-  var h2Color   = cv('--md-h2-color')   || hColor;
-  var h2Weight  = cv('--md-h2-weight')  || '600';
-  var h3Size    = 'calc(' + (cv('--md-h3-size')    || '1.2em') + ' * ' + hScale + ')';
-  var h3Color   = cv('--md-h3-color')   || hColor;
-  var h3Weight  = cv('--md-h3-weight')  || '600';
-  var h4Size    = 'calc(' + (cv('--md-h4-size')    || '1.0em') + ' * ' + hScale + ')';
-  var h4Color   = cv('--md-h4-color')   || hColor;
-  var h4Weight  = cv('--md-h4-weight')  || '600';
-
-  var pColor    = cv('--md-p-color')     || '#3c3733';
-  var pLH       = cv('--md-p-line-height')|| lineHeight;
-  var pMargin   = cv('--md-p-margin')    || '0 0 1.1em';
-
-  var linkColor = cv('--md-link-color')  || '#2563eb';
-  var linkDec   = cv('--md-link-decoration') || 'underline';
-
-  var codeBG    = cv('--md-code-bg')     || '#f4f1ed';
-  var codeColor = cv('--md-code-color')  || '#6b21a8';
-  var codeFont  = cv('--md-code-font')   || "'JetBrains Mono', monospace";
-  var preBG     = cv('--md-pre-bg')      || codeBG;
-
-  var bqBorder  = cv('--md-bq-border')   || '3px solid #2563eb';
-  var bqBg      = cv('--md-bq-bg')      || '#f7f5f2';
-  var bqColor   = cv('--md-bq-color')    || '#6b6560';
-  var bqPad     = cv('--md-bq-padding')  || '0.5em 1em';
-  var bqMargin  = cv('--md-bq-margin')   || '1.2em 0';
-
-  return '\nbody {\n  font-family: ' + fontFamily + ';\n  font-size: ' + baseSize + ';\n  color: ' + color + ';\n  line-height: ' + lineHeight + ';\n  background-color: ' + bgColor + ';\n  max-width: 720px;\n  margin: 0 auto;\n  padding: 40px 48px 60px;\n  -webkit-font-smoothing: antialiased;\n}\nh1 { font-family: ' + hFontFamily + '; font-size: ' + h1Size + '; color: ' + h1Color + '; font-weight: ' + h1Weight + '; letter-spacing: -0.02em; line-height: 1.2; margin: 0 0 ' + hMB + '; }\nh2 { font-family: ' + hFontFamily + '; font-size: ' + h2Size + '; color: ' + h2Color + '; font-weight: ' + h2Weight + '; letter-spacing: -0.015em; line-height: 1.3; margin: 1.4em 0 ' + hMB + '; padding-bottom: 0.3em; border-bottom: 1px solid #ede8e2; }\nh3 { font-family: ' + hFontFamily + '; font-size: ' + h3Size + '; color: ' + h3Color + '; font-weight: ' + h3Weight + '; letter-spacing: -0.01em; line-height: 1.4; margin: 1.2em 0 ' + hMB + '; }\nh4 { font-family: ' + hFontFamily + '; font-size: ' + h4Size + '; color: ' + h4Color + '; font-weight: ' + h4Weight + '; line-height: 1.5; margin: 1em 0 ' + hMB + '; }\np  { color: ' + pColor + '; line-height: ' + pLH + '; margin: ' + pMargin + '; }\na  { color: ' + linkColor + '; text-decoration: ' + linkDec + '; text-underline-offset: 2px; }\ncode { background: ' + codeBG + '; color: ' + codeColor + '; padding: 0.15em 0.45em; border-radius: 4px; font-family: ' + codeFont + '; font-size: 0.85em; }\npre  { background: ' + preBG + '; padding: 1.1em 1.25em; border-radius: 8px; overflow-x: auto; margin: 1.2em 0; border: 1px solid #e7e2db; }\npre code { background: none; padding: 0; color: #3c3733; font-size: 0.88em; }\nblockquote { border-left: ' + bqBorder + '; color: ' + bqColor + '; padding: ' + bqPad + '; margin: ' + bqMargin + '; background: ' + bqBg + '; border-radius: 0 6px 6px 0; }\nblockquote p { margin: 0; color: inherit; }\nul, ol { padding-left: 1.6em; margin: 0.5em 0 1.1em; }\nli { margin-bottom: 0.3em; }\nhr { border: none; border-top: 1px solid #ede8e2; margin: 2em 0; }\ntable { border-collapse: collapse; width: 100%; margin: 1.2em 0; font-size: 0.92em; }\nth, td { border: 1px solid #e2ddd6; padding: 7px 12px; text-align: left; }\nth { background: #f4f1ed; font-weight: 600; }\ntr:nth-child(even) td { background: #fafaf8; }\nimg { max-width: 100%; border-radius: 8px; }\n';
-}
-
-function buildExportHTML() {
-  var fontName = document.getElementById('ctrl-font-family').value.replace(/['"]/g,'').split(',')[0].trim();
-  var fontLink = S.GOOGLE_FONTS.includes(fontName)
-    ? '<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=' + encodeURIComponent(fontName) + ':wght@400;500;600;700&display=swap">'
-    : '';
-  var title = (S.currentMeta.title || 'Document').replace(/</g,'&lt;');
-  var clone = S.renderedEl.cloneNode(true);
-  clone.querySelectorAll('.section-toggle').forEach(function(el) { el.remove(); });
-  clone.querySelectorAll('.md-section-body').forEach(function(el) {
-    while (el.firstChild) el.parentNode.insertBefore(el.firstChild, el);
-    el.remove();
-  });
-  clone.querySelectorAll('.md-section').forEach(function(el) {
-    while (el.firstChild) el.parentNode.insertBefore(el.firstChild, el);
-    el.remove();
-  });
-  return '<!DOCTYPE html>\n<html>\n<head>\n<meta charset="UTF-8">\n<title>' + title + '</title>\n' + fontLink + '\n<style>' + buildExportCSS() + '</style>\n</head>\n<body>\n' +
-    clone.innerHTML
-      .replace(/<button class="copy-btn"[^]*?<\/button>/g, '')
-      .replace(/<button class="header-copy-btn"[^]*?<\/button>/g, '')
-      .replace(/<div class="pre-wrapper">([\s\S]*?)<\/div>/g, '$1')
-      .replace(/<a class="header-anchor"[^]*?<\/a>/g, '') +
-    '\n</body>\n</html>';
-}
-
-function exportPDF() {
-  S.setStatus('Opening print dialog\u2026');
-  var html = buildExportHTML();
-  var win = window.open('', '_blank', 'width=900,height=700');
-  win.document.open();
-  win.document.write(html + '<script>\n    document.fonts.ready.then(() => {\n      window.focus();\n      window.print();\n    });\n  <\/script>');
-  win.document.close();
-  S.setStatus('PDF print dialog opened');
-}
-
-var htmlDocxLoaded = false;
-
-function loadHtmlDocx() {
-  return new Promise(function(resolve, reject) {
-    if (htmlDocxLoaded) { resolve(); return; }
-    var s = document.createElement('script');
-    s.src = 'https://cdn.jsdelivr.net/npm/html-docx-js@0.3.1/dist/html-docx.js';
-    s.onload = function() { htmlDocxLoaded = true; resolve(); };
-    s.onerror = function() { reject(new Error('Could not load html-docx-js')); };
-    document.head.appendChild(s);
-  });
-}
-
-async function exportWord() {
-  S.setStatus('Generating Word document\u2026');
-  try {
-    await loadHtmlDocx();
-    var html = buildExportHTML();
-    var blob = window.htmlDocx.asBlob(html, {
-      orientation: 'portrait',
-      margins: { top: 720, right: 900, bottom: 720, left: 900 },
-    });
-    var a = document.createElement('a');
-    a.href = URL.createObjectURL(blob);
-    a.download = (S.currentMeta.title || 'document').replace(/[^a-z0-9_-]/gi,'_') + '.docx';
-    a.click();
-    URL.revokeObjectURL(a.href);
-    S.setStatus('Exported Word .docx');
-  } catch (e) {
-    S.setStatus('Word export failed: ' + e.message);
-    console.error(e);
-  }
-}
-
-function download(filename, content) {
-  var a = document.createElement('a');
-  a.href = URL.createObjectURL(new Blob([content], { type: 'text/plain' }));
-  a.download = filename;
-  a.click();
-  URL.revokeObjectURL(a.href);
-}
-
-// ── Export panel handlers ──────────────────────────────
-
-document.getElementById('exp-pdf').addEventListener('click', exportPDF);
-document.getElementById('exp-word').addEventListener('click', exportWord);
-
-document.getElementById('exp-raw').addEventListener('click', function() {
-  download('document.md', S.currentBody);
-  S.setStatus('Exported raw .md');
-});
-
-document.getElementById('exp-styled').addEventListener('click', function() {
-  var meta = Object.assign({}, S.currentMeta, { styles: S.collectStyles() });
-  var fm = SDocYaml.serializeFrontMatter(meta);
-  download('document.md', fm + '\n' + S.currentBody);
-  S.setStatus('Exported styled .md with YAML front matter');
-});
-
-// ── Save as default styles ──────────────────────────────
-
-function formatStyleValue(k, v) {
-  if (typeof v !== 'object' || v === null) {
-    return k + ': ' + JSON.stringify(v);
-  }
-  // light/dark theme blocks: serialize as nested block (not inline)
-  if (k === 'light' || k === 'dark') {
-    var blockLines = [k + ':'];
-    Object.keys(v).forEach(function(sk) {
-      var sv = v[sk];
-      if (typeof sv === 'object' && sv !== null) {
-        var inner = Object.keys(sv).map(function(a) { return a + ': ' + JSON.stringify(sv[a]); }).join(', ');
-        blockLines.push('  ' + sk + ': { ' + inner + ' }');
-      } else {
-        blockLines.push('  ' + sk + ': ' + JSON.stringify(sv));
-      }
-    });
-    return blockLines.join('\n');
-  }
-  // Default: inline object
-  var inner = Object.keys(v).map(function(a) { return a + ': ' + JSON.stringify(v[a]); }).join(', ');
-  return k + ': { ' + inner + ' }';
-}
-
-function buildStylesYaml() {
-  var styles = S.collectStyles();
-  var lines = [];
-  Object.keys(styles).forEach(function(k) {
-    lines.push(formatStyleValue(k, styles[k]));
-  });
-  return lines.join('\n');
-}
-
-var saveDefaultCmd = '';
-
-function refreshSaveDefaultPreview() {
-  var yaml = buildStylesYaml();
-  saveDefaultCmd = "mkdir -p ~/.sdocs && cat > ~/.sdocs/styles.yaml << 'SDOCS'\n" + yaml + '\nSDOCS';
-  document.getElementById('save-default-display').textContent = saveDefaultCmd;
-}
-
-document.querySelector('[data-target="body-save-default"]').addEventListener('click', function() {
-  // Delay so the panel-body open class is toggled first
-  setTimeout(refreshSaveDefaultPreview, 0);
-});
-
-document.getElementById('btn-copy-default').addEventListener('click', async function() {
-  refreshSaveDefaultPreview();
-  try {
-    await navigator.clipboard.writeText(saveDefaultCmd);
-    var msg = document.getElementById('save-default-msg');
-    msg.textContent = 'Copied! Paste in your terminal to save defaults.';
-    msg.style.display = 'block';
-    setTimeout(function() { msg.style.display = 'none'; }, 4000);
-  } catch (e) {
-    S.setStatus('Could not copy to clipboard');
-  }
-});
-
-})();

package/public/sdocs-state.js

@@ -1,59 +0,0 @@
-// sdocs-state.js — Shared mutable state namespace
-// All modules read/write through window.SDocs
-(function () {
-'use strict';
-
-window.SDocs = {
-  // Document state
-  currentBody: '',
-  currentMeta: {},
-
-  // Per-theme color state
-  activeTheme: 'light',
-  themeColors: { light: {}, dark: {} },
-  themeOverridden: { light: new Set(), dark: new Set() },
-
-  // DOM references
-  renderedEl: document.getElementById('rendered'),
-  rawEl: document.getElementById('raw'),
-  writeEl: null,
-
-  // Mode tracking
-  currentMode: 'read',
-
-  // Sync flags
-  _syncing: false,
-  _isDefaultState: true,
-  _hashTimer: null,
-  _rawSyncTimer: null,
-  _writeSyncTimer: null,
-
-  // Cross-module functions (registered by defining module)
-  // Theme: toggleTheme, getThemeDefaults, getColorDefault, getStandaloneDefault,
-  //         loadGoogleFont, updateDefaultColors, GOOGLE_FONTS,
-  //         switchThemeAndUpdate, saveCurrentThemeColors, loadThemeColors
-  // Controls: setColorValue, readAllControlValues, collectStyles,
-  //           applyStylesFromMeta, resetAllStyles, STANDALONE_COLOR_IDS
-  // App: syncAll, setStatus, setMode, render, loadText
-  // Write: enterWriteMode, exitWriteMode
-};
-
-// Backwards compat: S.overriddenColors delegates to active theme's set
-Object.defineProperty(SDocs, 'overriddenColors', {
-  get: function() { return SDocs.themeOverridden[SDocs.activeTheme]; },
-  set: function(v) { SDocs.themeOverridden[SDocs.activeTheme] = v; },
-  enumerable: true,
-  configurable: true,
-});
-
-SDocs.contentAreaEl = document.getElementById('content-area');
-
-SDocs.setStyleVar = function(cssVar, value) {
-  SDocs.renderedEl.style.setProperty(cssVar, value);
-  if (SDocs.writeEl) SDocs.writeEl.style.setProperty(cssVar, value);
-  if (cssVar === '--md-bg') {
-    SDocs.contentAreaEl.style.setProperty('background-color', value);
-  }
-};
-
-})();