@wix/web50-cli 0.1.2 → 0.1.3

package/dist/cjs/templates/embedDocs.js

@@ -0,0 +1,488 @@
+"use strict";
+
+exports.__esModule = true;
+exports.generateEmbedDocs = generateEmbedDocs;
+function escapeHtml(s) {
+  return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+}
+function codeBlock(code) {
+  return `<div class="code-block"><pre>${escapeHtml(code)}</pre><button class="copy-btn" onclick="copyCode(this)">Copy</button></div>`;
+}
+function section(title, description, code) {
+  return `
+    <div class="card">
+      <h2>${title}</h2>
+      ${description ? `<p>${description}</p>` : ''}
+      ${codeBlock(code)}
+    </div>`;
+}
+function attrRow(attr, type, required, description, defaultVal) {
+  const badge = required ? `<span class="badge required">required</span>` : `<span class="badge optional">optional</span>`;
+  const def = defaultVal ? `<br><span class="default">Default: <code>${defaultVal}</code></span>` : '';
+  return `<tr>
+      <td><code>${attr}</code> ${badge}</td>
+      <td>${type}</td>
+      <td>${description}${def}</td>
+    </tr>`;
+}
+function generateEmbedDocs(clientId) {
+  // ── Web5 App snippets ──────────────────────────────────────────────────────
+
+  const web5AppLoader = `<script
+  src="https://www.wix.com/embed/v1/component.js"
+  data-client-id="${clientId}">
+</script>`;
+  const web5AppAutoInit = `<!-- 1. Add a container -->
+<div id="web5-app" style="width:100%; height:100vh;"></div>
+
+<!-- 2. Add prerequisites (React 18 + FedOps) -->
+<script src="https://static.parastorage.com/unpkg/react@18.2.0/umd/react.production.min.js"></script>
+<script src="https://static.parastorage.com/unpkg/react-dom@18.2.0/umd/react-dom.production.min.js"></script>
+<script src="https://static.parastorage.com/unpkg-semver/fedops-logger@5/fedops-logger.bundle.min.js"></script>
+
+<!-- 3. Load the embed script -->
+<script
+  src="https://static.parastorage.com/services/embed-web50/1.0.0/embed-web50.iife.js"
+  data-target="#web5-app"
+  data-client-id="${clientId}">
+</script>`;
+  const web5AppManual = `<div id="web5-app" style="width:100%; height:100vh;"></div>
+
+<script src="https://static.parastorage.com/unpkg/react@18.2.0/umd/react.production.min.js"></script>
+<script src="https://static.parastorage.com/unpkg/react-dom@18.2.0/umd/react-dom.production.min.js"></script>
+<script src="https://static.parastorage.com/unpkg-semver/fedops-logger@5/fedops-logger.bundle.min.js"></script>
+
+<!-- Load with data-manual to suppress auto-init -->
+<script
+  src="https://static.parastorage.com/services/embed-web50/1.0.0/embed-web50.iife.js"
+  data-manual>
+</script>
+
+<script>
+  Web5App.init({
+    target: '#web5-app',
+    clientId: '${clientId}',
+    mode: 'markdown_v2',
+  });
+</script>`;
+  const web5AppQuestion = `<div id="web5-app" style="width:100%; height:100vh;"></div>
+
+<script src="https://static.parastorage.com/unpkg-semver/fedops-logger@5/fedops-logger.bundle.min.js"></script>
+<script
+  src="https://static.parastorage.com/services/embed-web50/1.0.0/embed-web50.iife.js"
+  data-target="#web5-app"
+  data-client-id="${clientId}"
+  data-initial-question="How can I improve my SEO?">
+</script>`;
+  const web5AppBootstrap = `<div id="web5-app" style="width:100%; height:100vh;"></div>
+
+<script src="https://static.parastorage.com/unpkg-semver/fedops-logger@5/fedops-logger.bundle.min.js"></script>
+<!-- Bootstrap loader — resolves the latest bundle automatically -->
+<script
+  src="https://static.parastorage.com/services/embed-web50/1.0.0/bootstrap.js"
+  data-target="#web5-app"
+  data-client-id="${clientId}">
+</script>`;
+  const web5AppApiRef = `Web5App.init({
+  target: string,           // CSS selector for container (required)
+  clientId: string,         // Your OAuth client ID (required)
+  mode?: string,            // 'markdown_v2' (default)
+  initialQuestion?: string, // Pre-fill first message
+  version?: string,         // Pin a specific bundle version
+});`;
+
+  // ── Input Widget snippets ─────────────────────────────────────────────────
+
+  const inputLoader = `<script
+  src="https://www.wix.com/embed/v1/component.js"
+  data-client-id="${clientId}">
+</script>`;
+  const inputAutoInit = `<!-- The script reads data-* attributes and renders automatically -->
+<script
+  src="https://static.parastorage.com/services/embed-input/1.0.0/embed-input.iife.js"
+  data-client-id="${clientId}"
+  data-placeholder="Ask me anything...">
+</script>`;
+  const inputManual = `<!-- Load with data-manual to suppress auto-init -->
+<script
+  src="https://static.parastorage.com/services/embed-input/1.0.0/embed-input.iife.js"
+  data-manual>
+</script>
+
+<script>
+  Web5Input.init({
+    clientId: '${clientId}',
+    placeholder: 'Ask me anything...',
+  });
+</script>`;
+  const inputCustomChips = `<script
+  src="https://static.parastorage.com/services/embed-input/1.0.0/embed-input.iife.js"
+  data-manual>
+</script>
+
+<script>
+  Web5Input.init({
+    clientId: '${clientId}',
+    placeholder: 'How can I help?',
+    suggestions: ['Manage billing', 'SEO tips', 'Connect domain'],
+  });
+</script>`;
+  const inputRequireParam = `<!-- Widget only renders when ?my-gate appears in the URL -->
+<script
+  src="https://static.parastorage.com/services/embed-input/1.0.0/embed-input.iife.js"
+  data-client-id="${clientId}"
+  data-require-param="my-gate"
+  data-placeholder="Ask me anything...">
+</script>`;
+  const inputExcludePaths = `<!-- Widget is hidden on /web5 and /admin -->
+<script
+  src="https://static.parastorage.com/services/embed-input/1.0.0/embed-input.iife.js"
+  data-client-id="${clientId}"
+  data-exclude-paths="/web5,/admin"
+  data-placeholder="Ask me anything...">
+</script>`;
+  const inputApiRef = `Web5Input.init({
+  clientId: string,         // Your OAuth client ID (required)
+  placeholder?: string,     // Input placeholder text
+  suggestions?: string[],   // Custom chip suggestions shown above the input
+  requireParam?: string,    // URL query param that must be present to render
+  excludePaths?: string[],  // Pathname prefixes where the widget is hidden
+});`;
+
+  // ── Assemble page ─────────────────────────────────────────────────────────
+
+  return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Web5 Embed Documentation</title>
+  <style>
+    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      background: #f0f2f5;
+      color: #1f2937;
+      min-height: 100vh;
+    }
+
+    /* ── Header ── */
+    .header {
+      background: #fff;
+      border-bottom: 1px solid #e5e7eb;
+      padding: 16px 32px;
+      display: flex;
+      align-items: baseline;
+      gap: 16px;
+    }
+    .header h1 {
+      font-size: 1.2rem;
+      font-weight: 700;
+      color: #111827;
+    }
+    .client-id-badge {
+      font-family: 'SFMono-Regular', Consolas, monospace;
+      font-size: 0.78rem;
+      color: #6b7280;
+      background: #f3f4f6;
+      border: 1px solid #e5e7eb;
+      border-radius: 4px;
+      padding: 2px 8px;
+    }
+    .client-id-badge span {
+      color: #0060e6;
+      font-weight: 600;
+    }
+
+    /* ── Tab bar ── */
+    .tabs {
+      background: #fff;
+      border-bottom: 2px solid #e5e7eb;
+      padding: 0 32px;
+      display: flex;
+      gap: 0;
+    }
+    .tab-btn {
+      padding: 14px 24px;
+      border: none;
+      background: none;
+      font-size: 0.9rem;
+      color: #6b7280;
+      cursor: pointer;
+      border-bottom: 3px solid transparent;
+      margin-bottom: -2px;
+      transition: color 0.15s, border-color 0.15s;
+      font-weight: 500;
+    }
+    .tab-btn:hover:not(.active) { color: #374151; background: #f9fafb; }
+    .tab-btn.active { color: #0060e6; border-bottom-color: #0060e6; }
+
+    /* ── Tab panels ── */
+    .tab-panel { display: none; padding: 32px; max-width: 860px; margin: 0 auto; }
+    .tab-panel.active { display: block; }
+
+    /* ── Section cards ── */
+    .card {
+      background: #fff;
+      border: 1px solid #e5e7eb;
+      border-radius: 10px;
+      padding: 24px;
+      margin-bottom: 20px;
+    }
+    .card h2 {
+      font-size: 1rem;
+      font-weight: 600;
+      color: #111827;
+      margin-bottom: 8px;
+    }
+    .card > p {
+      font-size: 0.875rem;
+      color: #6b7280;
+      line-height: 1.65;
+      margin-bottom: 14px;
+    }
+    .card > p code {
+      background: #f3f4f6;
+      border: 1px solid #e5e7eb;
+      border-radius: 3px;
+      padding: 1px 5px;
+      font-size: 0.82rem;
+      font-family: 'SFMono-Regular', Consolas, monospace;
+      color: #374151;
+    }
+
+    /* ── Code blocks ── */
+    .code-block {
+      position: relative;
+      background: #1a1d23;
+      border-radius: 8px;
+      overflow: hidden;
+    }
+    .code-block pre {
+      padding: 16px 20px;
+      padding-right: 70px;
+      font-family: 'SFMono-Regular', Consolas, 'Courier New', monospace;
+      font-size: 0.8rem;
+      line-height: 1.65;
+      color: #abb2bf;
+      overflow-x: auto;
+      white-space: pre;
+    }
+    .copy-btn {
+      position: absolute;
+      top: 10px;
+      right: 10px;
+      background: #2d3139;
+      color: #9ca3af;
+      border: 1px solid #3d4451;
+      border-radius: 5px;
+      padding: 5px 12px;
+      font-size: 0.75rem;
+      cursor: pointer;
+      transition: background 0.15s, color 0.15s, border-color 0.15s;
+      white-space: nowrap;
+    }
+    .copy-btn:hover { background: #383d47; color: #e5e7eb; }
+    .copy-btn.copied {
+      background: #14532d;
+      color: #86efac;
+      border-color: #16a34a;
+    }
+
+    /* ── Attribute reference tables ── */
+    .attr-table {
+      width: 100%;
+      border-collapse: collapse;
+      font-size: 0.83rem;
+      margin-top: 4px;
+    }
+    .attr-table th {
+      text-align: left;
+      padding: 9px 12px;
+      background: #f9fafb;
+      border: 1px solid #e5e7eb;
+      font-weight: 600;
+      color: #374151;
+    }
+    .attr-table td {
+      padding: 9px 12px;
+      border: 1px solid #e5e7eb;
+      vertical-align: top;
+      color: #4b5563;
+      line-height: 1.5;
+    }
+    .attr-table td:first-child {
+      font-family: 'SFMono-Regular', Consolas, monospace;
+      font-size: 0.8rem;
+      white-space: nowrap;
+    }
+    .attr-table td:first-child code {
+      color: #0060e6;
+    }
+    .attr-table td .default { font-size: 0.8rem; color: #9ca3af; }
+    .attr-table td .default code {
+      background: #f3f4f6;
+      border: 1px solid #e5e7eb;
+      border-radius: 3px;
+      padding: 0 4px;
+      font-size: 0.78rem;
+      font-family: 'SFMono-Regular', Consolas, monospace;
+    }
+    .badge {
+      display: inline-block;
+      font-size: 0.68rem;
+      font-weight: 600;
+      padding: 1px 6px;
+      border-radius: 3px;
+      vertical-align: middle;
+      margin-left: 5px;
+      letter-spacing: 0.02em;
+    }
+    .badge.required { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; }
+    .badge.optional { background: #f0fdf4; color: #15803d; border: 1px solid #bbf7d0; }
+
+    /* ── Section divider label ── */
+    .section-label {
+      font-size: 0.72rem;
+      font-weight: 700;
+      text-transform: uppercase;
+      letter-spacing: 0.08em;
+      color: #9ca3af;
+      margin: 28px 0 12px;
+    }
+  </style>
+</head>
+<body>
+
+  <div class="header">
+    <h1>Web5 Embed Documentation</h1>
+    <div class="client-id-badge">client-id: <span>${escapeHtml(clientId)}</span></div>
+  </div>
+
+  <div class="tabs">
+    <button class="tab-btn active" data-tab="tab-web5app" onclick="showTab('tab-web5app')">Web5 App</button>
+    <button class="tab-btn" data-tab="tab-input" onclick="showTab('tab-input')">Input Widget</button>
+  </div>
+
+  <!-- ════════════════════════════ Tab 1: Web5 App ════════════════════════════ -->
+  <div class="tab-panel active" id="tab-web5app">
+
+    <p class="section-label">Quick start</p>
+
+    ${section('Loader Script', 'Add this to your <code>&lt;head&gt;</code> or before <code>&lt;/body&gt;</code>. Your <code>data-client-id</code> is pre-filled.', web5AppLoader)}
+
+    <p class="section-label">Initialization methods</p>
+
+    ${section('Auto-init via script tag', 'The script reads <code>data-*</code> attributes and mounts automatically into the target element.', web5AppAutoInit)}
+
+    ${section('Manual programmatic init', 'Load the script with <code>data-manual</code> to suppress auto-init, then call <code>Web5App.init()</code> when ready.', web5AppManual)}
+
+    ${section('With initial question', 'Pre-fill the first conversation message on load using <code>data-initial-question</code>.', web5AppQuestion)}
+
+    ${section('Bootstrap loader (auto-resolves version)', 'Use the bootstrap script to always load the latest stable bundle without pinning a version.', web5AppBootstrap)}
+
+    <p class="section-label">Reference</p>
+
+    <div class="card">
+      <h2>Config API</h2>
+      <p>Options for <code>Web5App.init()</code> and their <code>data-*</code> attribute equivalents.</p>
+      ${codeBlock(web5AppApiRef)}
+      <br>
+      <table class="attr-table">
+        <thead>
+          <tr><th>Attribute / Option</th><th>Type</th><th>Description</th></tr>
+        </thead>
+        <tbody>
+          ${attrRow('data-client-id / clientId', 'string', true, 'Your OAuth app client ID')}
+          ${attrRow('data-target / target', 'string', true, 'CSS selector for the container element')}
+          ${attrRow('data-initial-question / initialQuestion', 'string', false, 'Pre-fills the first conversation message')}
+          ${attrRow('data-mode / mode', 'string', false, 'Rendering mode', 'markdown_v2')}
+          ${attrRow('version', 'string', false, 'Pin a specific bundle version (emergency override)')}
+        </tbody>
+      </table>
+    </div>
+
+  </div>
+
+  <!-- ════════════════════════════ Tab 2: Input Widget ════════════════════════════ -->
+  <div class="tab-panel" id="tab-input">
+
+    <p class="section-label">Quick start</p>
+
+    ${section('Loader Script', 'Add this to your <code>&lt;head&gt;</code> or before <code>&lt;/body&gt;</code>. Your <code>data-client-id</code> is pre-filled.', inputLoader)}
+
+    <p class="section-label">Initialization methods</p>
+
+    ${section('Auto-init via script tag', 'The widget reads <code>data-*</code> attributes and renders automatically as a fixed bar at the bottom of the viewport.', inputAutoInit)}
+
+    ${section('Manual programmatic init', 'Load with <code>data-manual</code>, then call <code>Web5Input.init()</code> at the right moment in your app lifecycle.', inputManual)}
+
+    ${section('Custom chip suggestions', 'Pass your own <code>suggestions</code> array. These replace the default fetched chips entirely.', inputCustomChips)}
+
+    <p class="section-label">Guards &amp; visibility</p>
+
+    ${section('Conditional init with <code>data-require-param</code>', 'The widget only renders when the specified URL query parameter is present in the page URL. Useful for A/B tests or feature gates.', inputRequireParam)}
+
+    ${section('Hide on specific paths with <code>data-exclude-paths</code>', 'Provide a comma-separated list of pathname prefixes. The widget will not render on any matching path.', inputExcludePaths)}
+
+    <p class="section-label">Reference</p>
+
+    <div class="card">
+      <h2>Config API</h2>
+      <p>Options for <code>Web5Input.init()</code> and their <code>data-*</code> attribute equivalents.</p>
+      ${codeBlock(inputApiRef)}
+      <br>
+      <table class="attr-table">
+        <thead>
+          <tr><th>Attribute / Option</th><th>Type</th><th>Description</th></tr>
+        </thead>
+        <tbody>
+          ${attrRow('data-client-id / clientId', 'string', true, 'Your OAuth app client ID')}
+          ${attrRow('data-placeholder / placeholder', 'string', false, 'Input placeholder text', '"Ask me anything..."')}
+          ${attrRow('data-suggestions / suggestions', 'string | string[]', false, 'Comma-separated string or array of chip labels shown above the input')}
+          ${attrRow('data-require-param / requireParam', 'string', false, 'URL query param that must be present for the widget to render')}
+          ${attrRow('data-exclude-paths / excludePaths', 'string | string[]', false, 'Pathname prefixes where the widget is hidden', '"/web5"')}
+        </tbody>
+      </table>
+    </div>
+
+  </div>
+
+  <script>
+    function showTab(id) {
+      document.querySelectorAll('.tab-btn').forEach(function(b) {
+        b.classList.toggle('active', b.dataset.tab === id);
+      });
+      document.querySelectorAll('.tab-panel').forEach(function(p) {
+        p.classList.toggle('active', p.id === id);
+      });
+    }
+
+    async function copyCode(btn) {
+      var code = btn.closest('.code-block').querySelector('pre').textContent;
+      try {
+        await navigator.clipboard.writeText(code);
+      } catch (_) {
+        var ta = document.createElement('textarea');
+        ta.value = code;
+        ta.style.cssText = 'position:fixed;opacity:0;top:0;left:0';
+        document.body.appendChild(ta);
+        ta.select();
+        document.execCommand('copy');
+        document.body.removeChild(ta);
+      }
+      var orig = btn.textContent;
+      btn.textContent = 'Copied!';
+      btn.classList.add('copied');
+      setTimeout(function() {
+        btn.textContent = orig;
+        btn.classList.remove('copied');
+      }, 1800);
+    }
+  </script>
+
+</body>
+</html>`;
+}
+//# sourceMappingURL=embedDocs.js.map

package/dist/cjs/templates/embedDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["escapeHtml","s","replace","codeBlock","code","section","title","description","attrRow","attr","type","required","defaultVal","badge","def","generateEmbedDocs","clientId","web5AppLoader","web5AppAutoInit","web5AppManual","web5AppQuestion","web5AppBootstrap","web5AppApiRef","inputLoader","inputAutoInit","inputManual","inputCustomChips","inputRequireParam","inputExcludePaths","inputApiRef"],"sources":["../../../src/templates/embedDocs.ts"],"sourcesContent":["function escapeHtml(s: string): string {\n  return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n}\n\nfunction codeBlock(code: string): string {\n  return `<div class=\"code-block\"><pre>${escapeHtml(code)}</pre><button class=\"copy-btn\" onclick=\"copyCode(this)\">Copy</button></div>`;\n}\n\nfunction section(title: string, description: string, code: string): string {\n  return `\n    <div class=\"card\">\n      <h2>${title}</h2>\n      ${description ? `<p>${description}</p>` : ''}\n      ${codeBlock(code)}\n    </div>`;\n}\n\nfunction attrRow(\n  attr: string,\n  type: string,\n  required: boolean,\n  description: string,\n  defaultVal?: string,\n): string {\n  const badge = required\n    ? `<span class=\"badge required\">required</span>`\n    : `<span class=\"badge optional\">optional</span>`;\n  const def = defaultVal ? `<br><span class=\"default\">Default: <code>${defaultVal}</code></span>` : '';\n  return `<tr>\n      <td><code>${attr}</code> ${badge}</td>\n      <td>${type}</td>\n      <td>${description}${def}</td>\n    </tr>`;\n}\n\nexport function generateEmbedDocs(clientId: string): string {\n  // ── Web5 App snippets ──────────────────────────────────────────────────────\n\n  const web5AppLoader = `<script\n  src=\"https://www.wix.com/embed/v1/component.js\"\n  data-client-id=\"${clientId}\">\n</script>`;\n\n  const web5AppAutoInit = `<!-- 1. Add a container -->\n<div id=\"web5-app\" style=\"width:100%; height:100vh;\"></div>\n\n<!-- 2. Add prerequisites (React 18 + FedOps) -->\n<script src=\"https://static.parastorage.com/unpkg/react@18.2.0/umd/react.production.min.js\"></script>\n<script src=\"https://static.parastorage.com/unpkg/react-dom@18.2.0/umd/react-dom.production.min.js\"></script>\n<script src=\"https://static.parastorage.com/unpkg-semver/fedops-logger@5/fedops-logger.bundle.min.js\"></script>\n\n<!-- 3. Load the embed script -->\n<script\n  src=\"https://static.parastorage.com/services/embed-web50/1.0.0/embed-web50.iife.js\"\n  data-target=\"#web5-app\"\n  data-client-id=\"${clientId}\">\n</script>`;\n\n  const web5AppManual = `<div id=\"web5-app\" style=\"width:100%; height:100vh;\"></div>\n\n<script src=\"https://static.parastorage.com/unpkg/react@18.2.0/umd/react.production.min.js\"></script>\n<script src=\"https://static.parastorage.com/unpkg/react-dom@18.2.0/umd/react-dom.production.min.js\"></script>\n<script src=\"https://static.parastorage.com/unpkg-semver/fedops-logger@5/fedops-logger.bundle.min.js\"></script>\n\n<!-- Load with data-manual to suppress auto-init -->\n<script\n  src=\"https://static.parastorage.com/services/embed-web50/1.0.0/embed-web50.iife.js\"\n  data-manual>\n</script>\n\n<script>\n  Web5App.init({\n    target: '#web5-app',\n    clientId: '${clientId}',\n    mode: 'markdown_v2',\n  });\n</script>`;\n\n  const web5AppQuestion = `<div id=\"web5-app\" style=\"width:100%; height:100vh;\"></div>\n\n<script src=\"https://static.parastorage.com/unpkg-semver/fedops-logger@5/fedops-logger.bundle.min.js\"></script>\n<script\n  src=\"https://static.parastorage.com/services/embed-web50/1.0.0/embed-web50.iife.js\"\n  data-target=\"#web5-app\"\n  data-client-id=\"${clientId}\"\n  data-initial-question=\"How can I improve my SEO?\">\n</script>`;\n\n  const web5AppBootstrap = `<div id=\"web5-app\" style=\"width:100%; height:100vh;\"></div>\n\n<script src=\"https://static.parastorage.com/unpkg-semver/fedops-logger@5/fedops-logger.bundle.min.js\"></script>\n<!-- Bootstrap loader — resolves the latest bundle automatically -->\n<script\n  src=\"https://static.parastorage.com/services/embed-web50/1.0.0/bootstrap.js\"\n  data-target=\"#web5-app\"\n  data-client-id=\"${clientId}\">\n</script>`;\n\n  const web5AppApiRef = `Web5App.init({\n  target: string,           // CSS selector for container (required)\n  clientId: string,         // Your OAuth client ID (required)\n  mode?: string,            // 'markdown_v2' (default)\n  initialQuestion?: string, // Pre-fill first message\n  version?: string,         // Pin a specific bundle version\n});`;\n\n  // ── Input Widget snippets ─────────────────────────────────────────────────\n\n  const inputLoader = `<script\n  src=\"https://www.wix.com/embed/v1/component.js\"\n  data-client-id=\"${clientId}\">\n</script>`;\n\n  const inputAutoInit = `<!-- The script reads data-* attributes and renders automatically -->\n<script\n  src=\"https://static.parastorage.com/services/embed-input/1.0.0/embed-input.iife.js\"\n  data-client-id=\"${clientId}\"\n  data-placeholder=\"Ask me anything...\">\n</script>`;\n\n  const inputManual = `<!-- Load with data-manual to suppress auto-init -->\n<script\n  src=\"https://static.parastorage.com/services/embed-input/1.0.0/embed-input.iife.js\"\n  data-manual>\n</script>\n\n<script>\n  Web5Input.init({\n    clientId: '${clientId}',\n    placeholder: 'Ask me anything...',\n  });\n</script>`;\n\n  const inputCustomChips = `<script\n  src=\"https://static.parastorage.com/services/embed-input/1.0.0/embed-input.iife.js\"\n  data-manual>\n</script>\n\n<script>\n  Web5Input.init({\n    clientId: '${clientId}',\n    placeholder: 'How can I help?',\n    suggestions: ['Manage billing', 'SEO tips', 'Connect domain'],\n  });\n</script>`;\n\n  const inputRequireParam = `<!-- Widget only renders when ?my-gate appears in the URL -->\n<script\n  src=\"https://static.parastorage.com/services/embed-input/1.0.0/embed-input.iife.js\"\n  data-client-id=\"${clientId}\"\n  data-require-param=\"my-gate\"\n  data-placeholder=\"Ask me anything...\">\n</script>`;\n\n  const inputExcludePaths = `<!-- Widget is hidden on /web5 and /admin -->\n<script\n  src=\"https://static.parastorage.com/services/embed-input/1.0.0/embed-input.iife.js\"\n  data-client-id=\"${clientId}\"\n  data-exclude-paths=\"/web5,/admin\"\n  data-placeholder=\"Ask me anything...\">\n</script>`;\n\n  const inputApiRef = `Web5Input.init({\n  clientId: string,         // Your OAuth client ID (required)\n  placeholder?: string,     // Input placeholder text\n  suggestions?: string[],   // Custom chip suggestions shown above the input\n  requireParam?: string,    // URL query param that must be present to render\n  excludePaths?: string[],  // Pathname prefixes where the widget is hidden\n});`;\n\n  // ── Assemble page ─────────────────────────────────────────────────────────\n\n  return `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" />\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n  <title>Web5 Embed Documentation</title>\n  <style>\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    body {\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n      background: #f0f2f5;\n      color: #1f2937;\n      min-height: 100vh;\n    }\n\n    /* ── Header ── */\n    .header {\n      background: #fff;\n      border-bottom: 1px solid #e5e7eb;\n      padding: 16px 32px;\n      display: flex;\n      align-items: baseline;\n      gap: 16px;\n    }\n    .header h1 {\n      font-size: 1.2rem;\n      font-weight: 700;\n      color: #111827;\n    }\n    .client-id-badge {\n      font-family: 'SFMono-Regular', Consolas, monospace;\n      font-size: 0.78rem;\n      color: #6b7280;\n      background: #f3f4f6;\n      border: 1px solid #e5e7eb;\n      border-radius: 4px;\n      padding: 2px 8px;\n    }\n    .client-id-badge span {\n      color: #0060e6;\n      font-weight: 600;\n    }\n\n    /* ── Tab bar ── */\n    .tabs {\n      background: #fff;\n      border-bottom: 2px solid #e5e7eb;\n      padding: 0 32px;\n      display: flex;\n      gap: 0;\n    }\n    .tab-btn {\n      padding: 14px 24px;\n      border: none;\n      background: none;\n      font-size: 0.9rem;\n      color: #6b7280;\n      cursor: pointer;\n      border-bottom: 3px solid transparent;\n      margin-bottom: -2px;\n      transition: color 0.15s, border-color 0.15s;\n      font-weight: 500;\n    }\n    .tab-btn:hover:not(.active) { color: #374151; background: #f9fafb; }\n    .tab-btn.active { color: #0060e6; border-bottom-color: #0060e6; }\n\n    /* ── Tab panels ── */\n    .tab-panel { display: none; padding: 32px; max-width: 860px; margin: 0 auto; }\n    .tab-panel.active { display: block; }\n\n    /* ── Section cards ── */\n    .card {\n      background: #fff;\n      border: 1px solid #e5e7eb;\n      border-radius: 10px;\n      padding: 24px;\n      margin-bottom: 20px;\n    }\n    .card h2 {\n      font-size: 1rem;\n      font-weight: 600;\n      color: #111827;\n      margin-bottom: 8px;\n    }\n    .card > p {\n      font-size: 0.875rem;\n      color: #6b7280;\n      line-height: 1.65;\n      margin-bottom: 14px;\n    }\n    .card > p code {\n      background: #f3f4f6;\n      border: 1px solid #e5e7eb;\n      border-radius: 3px;\n      padding: 1px 5px;\n      font-size: 0.82rem;\n      font-family: 'SFMono-Regular', Consolas, monospace;\n      color: #374151;\n    }\n\n    /* ── Code blocks ── */\n    .code-block {\n      position: relative;\n      background: #1a1d23;\n      border-radius: 8px;\n      overflow: hidden;\n    }\n    .code-block pre {\n      padding: 16px 20px;\n      padding-right: 70px;\n      font-family: 'SFMono-Regular', Consolas, 'Courier New', monospace;\n      font-size: 0.8rem;\n      line-height: 1.65;\n      color: #abb2bf;\n      overflow-x: auto;\n      white-space: pre;\n    }\n    .copy-btn {\n      position: absolute;\n      top: 10px;\n      right: 10px;\n      background: #2d3139;\n      color: #9ca3af;\n      border: 1px solid #3d4451;\n      border-radius: 5px;\n      padding: 5px 12px;\n      font-size: 0.75rem;\n      cursor: pointer;\n      transition: background 0.15s, color 0.15s, border-color 0.15s;\n      white-space: nowrap;\n    }\n    .copy-btn:hover { background: #383d47; color: #e5e7eb; }\n    .copy-btn.copied {\n      background: #14532d;\n      color: #86efac;\n      border-color: #16a34a;\n    }\n\n    /* ── Attribute reference tables ── */\n    .attr-table {\n      width: 100%;\n      border-collapse: collapse;\n      font-size: 0.83rem;\n      margin-top: 4px;\n    }\n    .attr-table th {\n      text-align: left;\n      padding: 9px 12px;\n      background: #f9fafb;\n      border: 1px solid #e5e7eb;\n      font-weight: 600;\n      color: #374151;\n    }\n    .attr-table td {\n      padding: 9px 12px;\n      border: 1px solid #e5e7eb;\n      vertical-align: top;\n      color: #4b5563;\n      line-height: 1.5;\n    }\n    .attr-table td:first-child {\n      font-family: 'SFMono-Regular', Consolas, monospace;\n      font-size: 0.8rem;\n      white-space: nowrap;\n    }\n    .attr-table td:first-child code {\n      color: #0060e6;\n    }\n    .attr-table td .default { font-size: 0.8rem; color: #9ca3af; }\n    .attr-table td .default code {\n      background: #f3f4f6;\n      border: 1px solid #e5e7eb;\n      border-radius: 3px;\n      padding: 0 4px;\n      font-size: 0.78rem;\n      font-family: 'SFMono-Regular', Consolas, monospace;\n    }\n    .badge {\n      display: inline-block;\n      font-size: 0.68rem;\n      font-weight: 600;\n      padding: 1px 6px;\n      border-radius: 3px;\n      vertical-align: middle;\n      margin-left: 5px;\n      letter-spacing: 0.02em;\n    }\n    .badge.required { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; }\n    .badge.optional { background: #f0fdf4; color: #15803d; border: 1px solid #bbf7d0; }\n\n    /* ── Section divider label ── */\n    .section-label {\n      font-size: 0.72rem;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.08em;\n      color: #9ca3af;\n      margin: 28px 0 12px;\n    }\n  </style>\n</head>\n<body>\n\n  <div class=\"header\">\n    <h1>Web5 Embed Documentation</h1>\n    <div class=\"client-id-badge\">client-id: <span>${escapeHtml(clientId)}</span></div>\n  </div>\n\n  <div class=\"tabs\">\n    <button class=\"tab-btn active\" data-tab=\"tab-web5app\" onclick=\"showTab('tab-web5app')\">Web5 App</button>\n    <button class=\"tab-btn\" data-tab=\"tab-input\" onclick=\"showTab('tab-input')\">Input Widget</button>\n  </div>\n\n  <!-- ════════════════════════════ Tab 1: Web5 App ════════════════════════════ -->\n  <div class=\"tab-panel active\" id=\"tab-web5app\">\n\n    <p class=\"section-label\">Quick start</p>\n\n    ${section(\n      'Loader Script',\n      'Add this to your <code>&lt;head&gt;</code> or before <code>&lt;/body&gt;</code>. Your <code>data-client-id</code> is pre-filled.',\n      web5AppLoader,\n    )}\n\n    <p class=\"section-label\">Initialization methods</p>\n\n    ${section(\n      'Auto-init via script tag',\n      'The script reads <code>data-*</code> attributes and mounts automatically into the target element.',\n      web5AppAutoInit,\n    )}\n\n    ${section(\n      'Manual programmatic init',\n      'Load the script with <code>data-manual</code> to suppress auto-init, then call <code>Web5App.init()</code> when ready.',\n      web5AppManual,\n    )}\n\n    ${section(\n      'With initial question',\n      'Pre-fill the first conversation message on load using <code>data-initial-question</code>.',\n      web5AppQuestion,\n    )}\n\n    ${section(\n      'Bootstrap loader (auto-resolves version)',\n      'Use the bootstrap script to always load the latest stable bundle without pinning a version.',\n      web5AppBootstrap,\n    )}\n\n    <p class=\"section-label\">Reference</p>\n\n    <div class=\"card\">\n      <h2>Config API</h2>\n      <p>Options for <code>Web5App.init()</code> and their <code>data-*</code> attribute equivalents.</p>\n      ${codeBlock(web5AppApiRef)}\n      <br>\n      <table class=\"attr-table\">\n        <thead>\n          <tr><th>Attribute / Option</th><th>Type</th><th>Description</th></tr>\n        </thead>\n        <tbody>\n          ${attrRow('data-client-id / clientId', 'string', true, 'Your OAuth app client ID')}\n          ${attrRow('data-target / target', 'string', true, 'CSS selector for the container element')}\n          ${attrRow('data-initial-question / initialQuestion', 'string', false, 'Pre-fills the first conversation message')}\n          ${attrRow('data-mode / mode', 'string', false, 'Rendering mode', 'markdown_v2')}\n          ${attrRow('version', 'string', false, 'Pin a specific bundle version (emergency override)')}\n        </tbody>\n      </table>\n    </div>\n\n  </div>\n\n  <!-- ════════════════════════════ Tab 2: Input Widget ════════════════════════════ -->\n  <div class=\"tab-panel\" id=\"tab-input\">\n\n    <p class=\"section-label\">Quick start</p>\n\n    ${section(\n      'Loader Script',\n      'Add this to your <code>&lt;head&gt;</code> or before <code>&lt;/body&gt;</code>. Your <code>data-client-id</code> is pre-filled.',\n      inputLoader,\n    )}\n\n    <p class=\"section-label\">Initialization methods</p>\n\n    ${section(\n      'Auto-init via script tag',\n      'The widget reads <code>data-*</code> attributes and renders automatically as a fixed bar at the bottom of the viewport.',\n      inputAutoInit,\n    )}\n\n    ${section(\n      'Manual programmatic init',\n      'Load with <code>data-manual</code>, then call <code>Web5Input.init()</code> at the right moment in your app lifecycle.',\n      inputManual,\n    )}\n\n    ${section(\n      'Custom chip suggestions',\n      'Pass your own <code>suggestions</code> array. These replace the default fetched chips entirely.',\n      inputCustomChips,\n    )}\n\n    <p class=\"section-label\">Guards &amp; visibility</p>\n\n    ${section(\n      'Conditional init with <code>data-require-param</code>',\n      'The widget only renders when the specified URL query parameter is present in the page URL. Useful for A/B tests or feature gates.',\n      inputRequireParam,\n    )}\n\n    ${section(\n      'Hide on specific paths with <code>data-exclude-paths</code>',\n      'Provide a comma-separated list of pathname prefixes. The widget will not render on any matching path.',\n      inputExcludePaths,\n    )}\n\n    <p class=\"section-label\">Reference</p>\n\n    <div class=\"card\">\n      <h2>Config API</h2>\n      <p>Options for <code>Web5Input.init()</code> and their <code>data-*</code> attribute equivalents.</p>\n      ${codeBlock(inputApiRef)}\n      <br>\n      <table class=\"attr-table\">\n        <thead>\n          <tr><th>Attribute / Option</th><th>Type</th><th>Description</th></tr>\n        </thead>\n        <tbody>\n          ${attrRow('data-client-id / clientId', 'string', true, 'Your OAuth app client ID')}\n          ${attrRow('data-placeholder / placeholder', 'string', false, 'Input placeholder text', '\"Ask me anything...\"')}\n          ${attrRow('data-suggestions / suggestions', 'string | string[]', false, 'Comma-separated string or array of chip labels shown above the input')}\n          ${attrRow('data-require-param / requireParam', 'string', false, 'URL query param that must be present for the widget to render')}\n          ${attrRow('data-exclude-paths / excludePaths', 'string | string[]', false, 'Pathname prefixes where the widget is hidden', '\"/web5\"')}\n        </tbody>\n      </table>\n    </div>\n\n  </div>\n\n  <script>\n    function showTab(id) {\n      document.querySelectorAll('.tab-btn').forEach(function(b) {\n        b.classList.toggle('active', b.dataset.tab === id);\n      });\n      document.querySelectorAll('.tab-panel').forEach(function(p) {\n        p.classList.toggle('active', p.id === id);\n      });\n    }\n\n    async function copyCode(btn) {\n      var code = btn.closest('.code-block').querySelector('pre').textContent;\n      try {\n        await navigator.clipboard.writeText(code);\n      } catch (_) {\n        var ta = document.createElement('textarea');\n        ta.value = code;\n        ta.style.cssText = 'position:fixed;opacity:0;top:0;left:0';\n        document.body.appendChild(ta);\n        ta.select();\n        document.execCommand('copy');\n        document.body.removeChild(ta);\n      }\n      var orig = btn.textContent;\n      btn.textContent = 'Copied!';\n      btn.classList.add('copied');\n      setTimeout(function() {\n        btn.textContent = orig;\n        btn.classList.remove('copied');\n      }, 1800);\n    }\n  </script>\n\n</body>\n</html>`;\n}\n"],"mappings":";;;;AAAA,SAASA,UAAUA,CAACC,CAAS,EAAU;EACrC,OAAOA,CAAC,CAACC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAACA,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAACA,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;AAC7E;AAEA,SAASC,SAASA,CAACC,IAAY,EAAU;EACvC,OAAO,gCAAgCJ,UAAU,CAACI,IAAI,CAAC,6EAA6E;AACtI;AAEA,SAASC,OAAOA,CAACC,KAAa,EAAEC,WAAmB,EAAEH,IAAY,EAAU;EACzE,OAAO;AACT;AACA,YAAYE,KAAK;AACjB,QAAQC,WAAW,GAAG,MAAMA,WAAW,MAAM,GAAG,EAAE;AAClD,QAAQJ,SAAS,CAACC,IAAI,CAAC;AACvB,WAAW;AACX;AAEA,SAASI,OAAOA,CACdC,IAAY,EACZC,IAAY,EACZC,QAAiB,EACjBJ,WAAmB,EACnBK,UAAmB,EACX;EACR,MAAMC,KAAK,GAAGF,QAAQ,GAClB,8CAA8C,GAC9C,8CAA8C;EAClD,MAAMG,GAAG,GAAGF,UAAU,GAAG,4CAA4CA,UAAU,gBAAgB,GAAG,EAAE;EACpG,OAAO;AACT,kBAAkBH,IAAI,WAAWI,KAAK;AACtC,YAAYH,IAAI;AAChB,YAAYH,WAAW,GAAGO,GAAG;AAC7B,UAAU;AACV;AAEO,SAASC,iBAAiBA,CAACC,QAAgB,EAAU;EAC1D;;EAEA,MAAMC,aAAa,GAAG;AACxB;AACA,oBAAoBD,QAAQ;AAC5B,UAAU;EAER,MAAME,eAAe,GAAG;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoBF,QAAQ;AAC5B,UAAU;EAER,MAAMG,aAAa,GAAG;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiBH,QAAQ;AACzB;AACA;AACA,UAAU;EAER,MAAMI,eAAe,GAAG;AAC1B;AACA;AACA;AACA;AACA;AACA,oBAAoBJ,QAAQ;AAC5B;AACA,UAAU;EAER,MAAMK,gBAAgB,GAAG;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoBL,QAAQ;AAC5B,UAAU;EAER,MAAMM,aAAa,GAAG;AACxB;AACA;AACA;AACA;AACA;AACA,IAAI;;EAEF;;EAEA,MAAMC,WAAW,GAAG;AACtB;AACA,oBAAoBP,QAAQ;AAC5B,UAAU;EAER,MAAMQ,aAAa,GAAG;AACxB;AACA;AACA,oBAAoBR,QAAQ;AAC5B;AACA,UAAU;EAER,MAAMS,WAAW,GAAG;AACtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiBT,QAAQ;AACzB;AACA;AACA,UAAU;EAER,MAAMU,gBAAgB,GAAG;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiBV,QAAQ;AACzB;AACA;AACA;AACA,UAAU;EAER,MAAMW,iBAAiB,GAAG;AAC5B;AACA;AACA,oBAAoBX,QAAQ;AAC5B;AACA;AACA,UAAU;EAER,MAAMY,iBAAiB,GAAG;AAC5B;AACA;AACA,oBAAoBZ,QAAQ;AAC5B;AACA;AACA,UAAU;EAER,MAAMa,WAAW,GAAG;AACtB;AACA;AACA;AACA;AACA;AACA,IAAI;;EAEF;;EAEA,OAAO;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oDAAoD7B,UAAU,CAACgB,QAAQ,CAAC;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMX,OAAO,CACP,eAAe,EACf,kIAAkI,EAClIY,aACF,CAAC;AACL;AACA;AACA;AACA,MAAMZ,OAAO,CACP,0BAA0B,EAC1B,mGAAmG,EACnGa,eACF,CAAC;AACL;AACA,MAAMb,OAAO,CACP,0BAA0B,EAC1B,wHAAwH,EACxHc,aACF,CAAC;AACL;AACA,MAAMd,OAAO,CACP,uBAAuB,EACvB,2FAA2F,EAC3Fe,eACF,CAAC;AACL;AACA,MAAMf,OAAO,CACP,0CAA0C,EAC1C,6FAA6F,EAC7FgB,gBACF,CAAC;AACL;AACA;AACA;AACA;AACA;AACA;AACA,QAAQlB,SAAS,CAACmB,aAAa,CAAC;AAChC;AACA;AACA;AACA;AACA;AACA;AACA,YAAYd,OAAO,CAAC,2BAA2B,EAAE,QAAQ,EAAE,IAAI,EAAE,0BAA0B,CAAC;AAC5F,YAAYA,OAAO,CAAC,sBAAsB,EAAE,QAAQ,EAAE,IAAI,EAAE,wCAAwC,CAAC;AACrG,YAAYA,OAAO,CAAC,yCAAyC,EAAE,QAAQ,EAAE,KAAK,EAAE,0CAA0C,CAAC;AAC3H,YAAYA,OAAO,CAAC,kBAAkB,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,aAAa,CAAC;AACzF,YAAYA,OAAO,CAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,oDAAoD,CAAC;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMH,OAAO,CACP,eAAe,EACf,kIAAkI,EAClIkB,WACF,CAAC;AACL;AACA;AACA;AACA,MAAMlB,OAAO,CACP,0BAA0B,EAC1B,yHAAyH,EACzHmB,aACF,CAAC;AACL;AACA,MAAMnB,OAAO,CACP,0BAA0B,EAC1B,wHAAwH,EACxHoB,WACF,CAAC;AACL;AACA,MAAMpB,OAAO,CACP,yBAAyB,EACzB,iGAAiG,EACjGqB,gBACF,CAAC;AACL;AACA;AACA;AACA,MAAMrB,OAAO,CACP,uDAAuD,EACvD,mIAAmI,EACnIsB,iBACF,CAAC;AACL;AACA,MAAMtB,OAAO,CACP,6DAA6D,EAC7D,uGAAuG,EACvGuB,iBACF,CAAC;AACL;AACA;AACA;AACA;AACA;AACA;AACA,QAAQzB,SAAS,CAAC0B,WAAW,CAAC;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA,YAAYrB,OAAO,CAAC,2BAA2B,EAAE,QAAQ,EAAE,IAAI,EAAE,0BAA0B,CAAC;AAC5F,YAAYA,OAAO,CAAC,gCAAgC,EAAE,QAAQ,EAAE,KAAK,EAAE,wBAAwB,EAAE,sBAAsB,CAAC;AACxH,YAAYA,OAAO,CAAC,gCAAgC,EAAE,mBAAmB,EAAE,KAAK,EAAE,sEAAsE,CAAC;AACzJ,YAAYA,OAAO,CAAC,mCAAmC,EAAE,QAAQ,EAAE,KAAK,EAAE,+DAA+D,CAAC;AAC1I,YAAYA,OAAO,CAAC,mCAAmC,EAAE,mBAAmB,EAAE,KAAK,EAAE,8CAA8C,EAAE,SAAS,CAAC;AAC/I;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR","ignoreList":[]}

package/dist/cjs/utils/project.js.map

@@ -1 +1 @@
-{"version":3,"names":["fs","_interopRequireWildcard","require","path","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","readConfig","root","configPath","join","JSON","parse","readFileSync","writeConfig","config","writeFileSync","stringify","findProjectRoot","startDir","current","parent","dirname","existsSync","getProjectMsid","process","cwd","msid","trim"],"sources":["../../../src/utils/project.ts"],"sourcesContent":["import * as fs from 'fs';\nimport * as path from 'path';\n\nexport interface Web5Config {\n  $schema?: string;\n  packageName?: string;\n  displayName?: string;\n  msid?: string;\n  clientId?: string;\n  platformType?: 'Content' | 'Ecommerce';\n  [key: string]: unknown;\n}\n\nexport function readConfig(root: string): Web5Config {\n  const configPath = path.join(root, 'web5.config.json');\n  return JSON.parse(fs.readFileSync(configPath, 'utf8')) as Web5Config;\n}\n\nexport function writeConfig(root: string, config: Web5Config): void {\n  const configPath = path.join(root, 'web5.config.json');\n  fs.writeFileSync(configPath, JSON.stringify(config, null, 2) + '\\n', 'utf8');\n}\n\n/**\n * Walk up from startDir until we find a directory containing web5.config.json.\n * Returns that directory, or null if none found.\n */\nexport function findProjectRoot(startDir: string): string | null {\n  let current = startDir;\n  let parent = path.dirname(current);\n  while (current !== parent) {\n    if (fs.existsSync(path.join(current, 'web5.config.json'))) {\n      return current;\n    }\n    current = parent;\n    parent = path.dirname(current);\n  }\n  if (fs.existsSync(path.join(current, 'web5.config.json'))) {\n    return current;\n  }\n  return null;\n}\n\nexport function getProjectMsid(\n  startDir: string = process.cwd(),\n): string | null {\n  const root = findProjectRoot(startDir);\n  if (!root) {\n    return null;\n  }\n  const config = readConfig(root);\n  const msid = config.msid;\n  if (!msid || typeof msid !== 'string' || msid.trim() === '') {\n    return null;\n  }\n  return msid.trim();\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,EAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,uBAAA,CAAAC,OAAA;AAA6B,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAYtB,SAASkB,UAAUA,CAACC,IAAY,EAAc;EACnD,MAAMC,UAAU,GAAGtB,IAAI,CAACuB,IAAI,CAACF,IAAI,EAAE,kBAAkB,CAAC;EACtD,OAAOG,IAAI,CAACC,KAAK,CAAC5B,EAAE,CAAC6B,YAAY,CAACJ,UAAU,EAAE,MAAM,CAAC,CAAC;AACxD;AAEO,SAASK,WAAWA,CAACN,IAAY,EAAEO,MAAkB,EAAQ;EAClE,MAAMN,UAAU,GAAGtB,IAAI,CAACuB,IAAI,CAACF,IAAI,EAAE,kBAAkB,CAAC;EACtDxB,EAAE,CAACgC,aAAa,CAACP,UAAU,EAAEE,IAAI,CAACM,SAAS,CAACF,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,MAAM,CAAC;AAC9E;;AAEA;AACA;AACA;AACA;AACO,SAASG,eAAeA,CAACC,QAAgB,EAAiB;EAC/D,IAAIC,OAAO,GAAGD,QAAQ;EACtB,IAAIE,MAAM,GAAGlC,IAAI,CAACmC,OAAO,CAACF,OAAO,CAAC;EAClC,OAAOA,OAAO,KAAKC,MAAM,EAAE;IACzB,IAAIrC,EAAE,CAACuC,UAAU,CAACpC,IAAI,CAACuB,IAAI,CAACU,OAAO,EAAE,kBAAkB,CAAC,CAAC,EAAE;MACzD,OAAOA,OAAO;IAChB;IACAA,OAAO,GAAGC,MAAM;IAChBA,MAAM,GAAGlC,IAAI,CAACmC,OAAO,CAACF,OAAO,CAAC;EAChC;EACA,IAAIpC,EAAE,CAACuC,UAAU,CAACpC,IAAI,CAACuB,IAAI,CAACU,OAAO,EAAE,kBAAkB,CAAC,CAAC,EAAE;IACzD,OAAOA,OAAO;EAChB;EACA,OAAO,IAAI;AACb;AAEO,SAASI,cAAcA,CAC5BL,QAAgB,GAAGM,OAAO,CAACC,GAAG,CAAC,CAAC,EACjB;EACf,MAAMlB,IAAI,GAAGU,eAAe,CAACC,QAAQ,CAAC;EACtC,IAAI,CAACX,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EACA,MAAMO,MAAM,GAAGR,UAAU,CAACC,IAAI,CAAC;EAC/B,MAAMmB,IAAI,GAAGZ,MAAM,CAACY,IAAI;EACxB,IAAI,CAACA,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAIA,IAAI,CAACC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;IAC3D,OAAO,IAAI;EACb;EACA,OAAOD,IAAI,CAACC,IAAI,CAAC,CAAC;AACpB","ignoreList":[]}
+{"version":3,"names":["fs","_interopRequireWildcard","require","path","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","readConfig","root","configPath","join","JSON","parse","readFileSync","writeConfig","config","writeFileSync","stringify","findProjectRoot","startDir","current","parent","dirname","existsSync","getProjectMsid","process","cwd","msid","trim"],"sources":["../../../src/utils/project.ts"],"sourcesContent":["import * as fs from 'fs';\nimport * as path from 'path';\n\nexport interface Web5Config {\n  $schema?: string;\n  packageName?: string;\n  displayName?: string;\n  msid?: string;\n  clientId?: string;\n  platformType?: 'Content' | 'Ecommerce';\n  allowedDomains?: string[];\n  [key: string]: unknown;\n}\n\nexport function readConfig(root: string): Web5Config {\n  const configPath = path.join(root, 'web5.config.json');\n  return JSON.parse(fs.readFileSync(configPath, 'utf8')) as Web5Config;\n}\n\nexport function writeConfig(root: string, config: Web5Config): void {\n  const configPath = path.join(root, 'web5.config.json');\n  fs.writeFileSync(configPath, JSON.stringify(config, null, 2) + '\\n', 'utf8');\n}\n\n/**\n * Walk up from startDir until we find a directory containing web5.config.json.\n * Returns that directory, or null if none found.\n */\nexport function findProjectRoot(startDir: string): string | null {\n  let current = startDir;\n  let parent = path.dirname(current);\n  while (current !== parent) {\n    if (fs.existsSync(path.join(current, 'web5.config.json'))) {\n      return current;\n    }\n    current = parent;\n    parent = path.dirname(current);\n  }\n  if (fs.existsSync(path.join(current, 'web5.config.json'))) {\n    return current;\n  }\n  return null;\n}\n\nexport function getProjectMsid(\n  startDir: string = process.cwd(),\n): string | null {\n  const root = findProjectRoot(startDir);\n  if (!root) {\n    return null;\n  }\n  const config = readConfig(root);\n  const msid = config.msid;\n  if (!msid || typeof msid !== 'string' || msid.trim() === '') {\n    return null;\n  }\n  return msid.trim();\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,EAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,uBAAA,CAAAC,OAAA;AAA6B,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAatB,SAASkB,UAAUA,CAACC,IAAY,EAAc;EACnD,MAAMC,UAAU,GAAGtB,IAAI,CAACuB,IAAI,CAACF,IAAI,EAAE,kBAAkB,CAAC;EACtD,OAAOG,IAAI,CAACC,KAAK,CAAC5B,EAAE,CAAC6B,YAAY,CAACJ,UAAU,EAAE,MAAM,CAAC,CAAC;AACxD;AAEO,SAASK,WAAWA,CAACN,IAAY,EAAEO,MAAkB,EAAQ;EAClE,MAAMN,UAAU,GAAGtB,IAAI,CAACuB,IAAI,CAACF,IAAI,EAAE,kBAAkB,CAAC;EACtDxB,EAAE,CAACgC,aAAa,CAACP,UAAU,EAAEE,IAAI,CAACM,SAAS,CAACF,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,MAAM,CAAC;AAC9E;;AAEA;AACA;AACA;AACA;AACO,SAASG,eAAeA,CAACC,QAAgB,EAAiB;EAC/D,IAAIC,OAAO,GAAGD,QAAQ;EACtB,IAAIE,MAAM,GAAGlC,IAAI,CAACmC,OAAO,CAACF,OAAO,CAAC;EAClC,OAAOA,OAAO,KAAKC,MAAM,EAAE;IACzB,IAAIrC,EAAE,CAACuC,UAAU,CAACpC,IAAI,CAACuB,IAAI,CAACU,OAAO,EAAE,kBAAkB,CAAC,CAAC,EAAE;MACzD,OAAOA,OAAO;IAChB;IACAA,OAAO,GAAGC,MAAM;IAChBA,MAAM,GAAGlC,IAAI,CAACmC,OAAO,CAACF,OAAO,CAAC;EAChC;EACA,IAAIpC,EAAE,CAACuC,UAAU,CAACpC,IAAI,CAACuB,IAAI,CAACU,OAAO,EAAE,kBAAkB,CAAC,CAAC,EAAE;IACzD,OAAOA,OAAO;EAChB;EACA,OAAO,IAAI;AACb;AAEO,SAASI,cAAcA,CAC5BL,QAAgB,GAAGM,OAAO,CAACC,GAAG,CAAC,CAAC,EACjB;EACf,MAAMlB,IAAI,GAAGU,eAAe,CAACC,QAAQ,CAAC;EACtC,IAAI,CAACX,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EACA,MAAMO,MAAM,GAAGR,UAAU,CAACC,IAAI,CAAC;EAC/B,MAAMmB,IAAI,GAAGZ,MAAM,CAACY,IAAI;EACxB,IAAI,CAACA,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAIA,IAAI,CAACC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;IAC3D,OAAO,IAAI;EACb;EACA,OAAOD,IAAI,CAACC,IAAI,CAAC,CAAC;AACpB","ignoreList":[]}

package/dist/esm/auth/deviceFlow.js

@@ -111,9 +111,9 @@ async function createWeb5Site(accessToken, name) {
     log(`Error body: ${body}`);
     throw new Error(`Failed to create site: ${res.status} ${res.statusText} — ${body}`);
   }
-  const site = await res.json();
-  log(`Create site response:`, JSON.stringify(site, null, 2));
-  return site;
+  const body = await res.json();
+  log(`Create site response:`, JSON.stringify(body, null, 2));
+  return body.site;
 }
 async function promptCreateSite(accessToken, inquirer) {
   const {
@@ -122,7 +122,13 @@ async function promptCreateSite(accessToken, inquirer) {
     type: 'input',
     name: 'siteName',
     message: 'Enter a name for your new web5 site:',
-    validate: v => v.trim().length > 0 || 'Name is required'
+    validate: v => {
+      const trimmed = v.trim();
+      if (trimmed.length === 0) return 'Name is required';
+      if (trimmed.length > 20) return 'Name must be 20 characters or less';
+      if (!/^[a-z0-9_]+$/.test(trimmed)) return 'Name must contain only lowercase letters, numbers, and underscores';
+      return true;
+    }
   }]);
   const spin = spinner('Creating new site...');
   const newSite = await createWeb5Site(accessToken, siteName.trim());