jekyll-theme-zer0 0.22.0 → 0.22.19

data/assets/js/setup-wizard.js

@@ -0,0 +1,306 @@
+/**
+ * ===================================================================
+ * Setup Wizard — _config.yml Generator
+ * ===================================================================
+ *
+ * Reads form inputs from the wizard include, builds a YAML string,
+ * and offers Download / Copy actions.  Pure vanilla JS, no deps
+ * beyond Bootstrap 5 (already on the page).
+ *
+ * ===================================================================
+ */
+
+(function () {
+  'use strict';
+
+  // ── helpers ────────────────────────────────────────────────────────
+
+  /**
+   * Escape a YAML scalar string value (wrap in quotes if needed).
+   * Multi-line input (e.g., textarea newlines) is intentionally collapsed to
+   * a single line with spaces so the generated _config.yml remains valid YAML.
+   * All form fields in this wizard expect single-line values.
+   */
+  function yamlValue(val) {
+    if (val === '' || val === null || val === undefined) return '""';
+
+    // Normalize newlines and collapse whitespace to keep scalar values single-line
+    var normalized = String(val)
+      .replace(/\r\n|\r|\n/g, ' ')
+      .replace(/\s{2,}/g, ' ')
+      .trim();
+
+    if (normalized === '') return '""';
+    if (normalized === 'true' || normalized === 'false') return normalized;
+    if (/^[0-9]+$/.test(normalized)) return normalized;
+    // Wrap in quotes if it contains special chars
+    if (/[:#{}[\],&*?|>!%@`]/.test(normalized) || normalized.includes("'") || normalized.includes('"')) {
+      return '"' + normalized.replace(/\\/g, '\\\\').replace(/"/g, '\\"') + '"';
+    }
+    return '"' + normalized + '"';
+  }
+
+  /** Pad a YAML key to 25 chars for alignment. */
+  function pad(key, width) {
+    width = width || 25;
+    return (key + ' '.repeat(width)).slice(0, width);
+  }
+
+  /** Return the permalink pattern for a given collection name. */
+  function collectionPermalink(col) {
+    switch (col) {
+      case 'posts':  return '/posts/:title/';
+      case 'docs':   return '/docs/:path/';
+      case 'about':  return '/about/:path/';
+      default:       return '/' + col + '/:path/';
+    }
+  }
+
+  // ── YAML builder ──────────────────────────────────────────────────
+
+  function buildYAML() {
+    var fields = {};
+
+    // Read simple fields
+    document.querySelectorAll('.cfg-field').forEach(function (el) {
+      var key = el.getAttribute('data-key');
+      if (!key) return;
+      var val = (el.tagName === 'TEXTAREA' || el.tagName === 'SELECT')
+        ? el.value.trim()
+        : el.value.trim();
+      if (val) fields[key] = val;
+    });
+
+    // Read collection toggles
+    var collections = [];
+    document.querySelectorAll('.cfg-collection').forEach(function (el) {
+      if (el.checked) {
+        collections.push(el.getAttribute('data-col'));
+      }
+    });
+
+    // Read PostHog toggle
+    var posthogEnabled = document.getElementById('cfg-posthog-enabled');
+    var posthogOn = posthogEnabled && posthogEnabled.checked;
+
+    // Build YAML
+    var lines = [];
+    lines.push('# =============================================================================');
+    lines.push('# Site Configuration — generated by Setup Wizard');
+    lines.push('# Docs: https://jekyllrb.com/docs/configuration/');
+    lines.push('# =============================================================================');
+    lines.push('');
+
+    // Site Identity
+    lines.push('# ── Site Identity ──────────────────────────────────────────────────');
+    lines.push(pad('title') + ': ' + yamlValue(fields.title || 'My Site'));
+    if (fields.subtitle) {
+      lines.push(pad('subtitle') + ': ' + yamlValue(fields.subtitle));
+    }
+    lines.push(pad('description') + ': ' + yamlValue(fields.description || ''));
+    lines.push(pad('founder') + ': ' + yamlValue(fields.founder || ''));
+    if (fields.email) {
+      lines.push(pad('email') + ': ' + yamlValue(fields.email));
+    }
+    lines.push('');
+
+    // GitHub
+    lines.push('# ── GitHub ─────────────────────────────────────────────────────────');
+    var ghUser = fields.github_user || 'your-username';
+    var repoName = fields.repository_name || (ghUser !== 'your-username' ? ghUser + '-site' : 'my-site');
+    lines.push(pad('github_user') + ': &github_user ' + yamlValue(ghUser));
+    lines.push(pad('repository_name') + ': &github_repository ' + yamlValue(repoName));
+    lines.push('');
+
+    // URLs
+    lines.push('# ── URLs & Deployment ──────────────────────────────────────────────');
+    lines.push(pad('url') + ': ' + yamlValue(fields.url || 'https://' + ghUser + '.github.io'));
+    lines.push(pad('baseurl') + ': ' + yamlValue(fields.baseurl || ''));
+    lines.push(pad('remote_theme') + ': ' + yamlValue(fields.remote_theme || 'bamr87/zer0-mistakes'));
+    lines.push(pad('permalink') + ': ' + (fields.permalink || '/:categories/:title/'));
+    lines.push(pad('port') + ': 4000');
+    lines.push('');
+
+    // Collections
+    lines.push('# ── Collections ────────────────────────────────────────────────────');
+    lines.push('collections:');
+    collections.forEach(function (col) {
+      lines.push('  ' + col + ':');
+      lines.push('    output: true');
+      lines.push('    permalink: ' + collectionPermalink(col));
+    });
+    lines.push('');
+
+    // Defaults
+    lines.push('# ── Default Front Matter ───────────────────────────────────────────');
+    lines.push('defaults:');
+    if (collections.indexOf('posts') !== -1) {
+      lines.push('  - scope:');
+      lines.push('      path: ""');
+      lines.push('      type: "posts"');
+      lines.push('    values:');
+      lines.push('      layout: "article"');
+      lines.push('      author: "default"');
+    }
+    if (collections.indexOf('docs') !== -1) {
+      lines.push('  - scope:');
+      lines.push('      path: ""');
+      lines.push('      type: "docs"');
+      lines.push('    values:');
+      lines.push('      layout: "default"');
+    }
+    if (collections.indexOf('about') !== -1) {
+      lines.push('  - scope:');
+      lines.push('      path: ""');
+      lines.push('      type: "about"');
+      lines.push('    values:');
+      lines.push('      layout: "default"');
+    }
+    lines.push('  - scope:');
+    lines.push('      path: ""');
+    lines.push('      type: "pages"');
+    lines.push('    values:');
+    lines.push('      layout: "default"');
+    lines.push('');
+
+    // Build settings
+    lines.push('# ── Build ──────────────────────────────────────────────────────────');
+    lines.push(pad('markdown') + ': kramdown');
+    lines.push(pad('highlighter') + ': rouge');
+    lines.push(pad('public_folder') + ': assets');
+    lines.push('');
+
+    // Plugins
+    lines.push('# ── Plugins ────────────────────────────────────────────────────────');
+    lines.push('plugins:');
+    lines.push('  - jekyll-feed');
+    lines.push('  - jekyll-sitemap');
+    lines.push('  - jekyll-seo-tag');
+    lines.push('  - jekyll-remote-theme');
+    lines.push('');
+
+    // Analytics
+    lines.push('# ── Analytics ──────────────────────────────────────────────────────');
+    if (fields.google_analytics) {
+      lines.push(pad('google_analytics') + ': ' + yamlValue(fields.google_analytics));
+    } else {
+      lines.push(pad('google_analytics') + ': ""');
+    }
+    lines.push('posthog:');
+    lines.push('  enabled: ' + (posthogOn ? 'true' : 'false'));
+    lines.push('  api_key: ' + yamlValue(fields['posthog.api_key'] || ''));
+    lines.push('');
+
+    // Social
+    if (fields.twitter_username || fields.linkedin_username) {
+      lines.push('# ── Social ─────────────────────────────────────────────────────────');
+      if (fields.twitter_username) {
+        lines.push(pad('twitter_username') + ': ' + yamlValue(fields.twitter_username));
+      }
+      if (fields.linkedin_username) {
+        lines.push(pad('linkedin_username') + ': ' + yamlValue(fields.linkedin_username));
+      }
+      lines.push('');
+    }
+
+    // Exclude
+    lines.push('# ── Exclude from build ─────────────────────────────────────────────');
+    lines.push('exclude:');
+    lines.push('  - .sass-cache/');
+    lines.push('  - .jekyll-cache/');
+    lines.push('  - node_modules/');
+    lines.push('  - vendor/');
+    lines.push('  - Gemfile.lock');
+    lines.push('  - scripts/');
+    lines.push('  - test/');
+    lines.push('  - templates/');
+    lines.push('  - "*.log"');
+
+    return lines.join('\n');
+  }
+
+  // ── actions ────────────────────────────────────────────────────────
+
+  function updatePreview() {
+    var preview = document.getElementById('yaml-preview');
+    if (preview) {
+      preview.textContent = buildYAML();
+    }
+  }
+
+  function downloadYAML() {
+    var yaml = buildYAML();
+    var blob = new Blob([yaml], { type: 'text/yaml;charset=utf-8' });
+    var url = URL.createObjectURL(blob);
+    var a = document.createElement('a');
+    a.href = url;
+    a.download = '_config.yml';
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    URL.revokeObjectURL(url);
+  }
+
+  function copyYAML() {
+    var yaml = buildYAML();
+    navigator.clipboard.writeText(yaml).then(function () {
+      var btn = document.getElementById('btn-copy-full') || document.getElementById('btn-copy');
+      if (btn) {
+        var orig = btn.innerHTML;
+        btn.innerHTML = '<i class="bi bi-check-lg"></i> Copied!';
+        setTimeout(function () { btn.innerHTML = orig; }, 2000);
+      }
+    });
+  }
+
+  // ── wiring ─────────────────────────────────────────────────────────
+
+  document.addEventListener('DOMContentLoaded', function () {
+    // Next / Prev buttons
+    document.querySelectorAll('.btn-next').forEach(function (btn) {
+      btn.addEventListener('click', function () {
+        var target = btn.getAttribute('data-next');
+        var tab = document.getElementById(target);
+        if (tab) new bootstrap.Tab(tab).show();
+        updatePreview();
+      });
+    });
+
+    document.querySelectorAll('.btn-prev').forEach(function (btn) {
+      btn.addEventListener('click', function () {
+        var target = btn.getAttribute('data-prev');
+        var tab = document.getElementById(target);
+        if (tab) new bootstrap.Tab(tab).show();
+      });
+    });
+
+    // Live update on review tab activation
+    var reviewTab = document.getElementById('tab-review');
+    if (reviewTab) {
+      reviewTab.addEventListener('shown.bs.tab', updatePreview);
+    }
+
+    // Description char count
+    var descField = document.getElementById('cfg-description');
+    var descCount = document.getElementById('desc-count');
+    if (descField && descCount) {
+      descField.addEventListener('input', function () {
+        descCount.textContent = descField.value.length;
+      });
+    }
+
+    // Download / Copy
+    var dlBtn = document.getElementById('btn-download');
+    if (dlBtn) dlBtn.addEventListener('click', downloadYAML);
+
+    var copyBtn = document.getElementById('btn-copy');
+    if (copyBtn) copyBtn.addEventListener('click', copyYAML);
+
+    var copyFullBtn = document.getElementById('btn-copy-full');
+    if (copyFullBtn) copyFullBtn.addEventListener('click', copyYAML);
+
+    // Initial preview
+    updatePreview();
+  });
+
+})();