@picked/vite-plugin-picked 0.0.48-next.1 → 0.0.49-next.1

package/dist/cjs/index.js

@@ -1,4 +1,861 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("@picked/client/plugins/dynamic-experiences"),m="picked",x="\x1B[0m";function L(){const n=process.env.NO_COLOR;return n==="1"||n==="true"}function l(n){return e=>L()?e:`${n}${e}${x}`}const b=["debug","info","warn","error","silent"],_={debug:{color:l("\x1B[2m"),log:console.debug,enabled:!1},info:{color:l("\x1B[36m"),log:console.log,enabled:!0},warn:{color:l("\x1B[33m"),log:console.warn,enabled:!0},error:{color:l("\x1B[31m"),log:console.error,enabled:!0},silent:{log:()=>{},enabled:!1}};function y(n,e){const o=new Date().toLocaleTimeString(),t=e?`${m}:${e}`:m;return`${o} [${t}] ${n}`}function g(n,e,o,t){if(!n.enabled)return;const r=y(e,t);n.log(n.color?n.color(r):r),o!==void 0&&n.log(o)}function d(n){const e=_[n],o=new Set;return Object.assign((t,r,i)=>{g(e,t,r,i)},{once(t,r,i){!e.enabled||o.has(t)||(o.add(t),g(e,t,r,i))}})}function I(n){const e=b.indexOf(n);if(e===-1){g(_.error,`invalid log level: ${n}`);return}for(const[o,t]of b.entries())_[t].enabled=o>=e}const s=l("\x1B[34m"),h=l("\x1B[36m");function O(){const n=[` ${s("_")}   ${h("_")}         _    _          _`,`${s("(_)")} ${h("(_)")}   _ __(_)__| |_____ __| |`,` ${s("_")}   ${s("_")}   | '_ \\ / _| / / -_) _\` |`,`${s("(_)")} ${s("(_)")}  | .__/_\\__|_\\_\\___\\__,_|`,`         |_|
-  `];console.log(n.join(`
-`))}const a={banner:O,debug:d("debug"),info:d("info"),warn:d("warn"),error:d("error"),setLevel:I};function R(n){if(n.length===0)return;const e=Math.max(4,...n.map(c=>c.name.length)),o=Math.max(2,...n.map(c=>c.id.length)),t=`  ${"Name".padEnd(e)}  ${"ID".padEnd(o)}  Status    Weight  Ver`,r=`  ${"─".repeat(e)}  ${"─".repeat(o)}  ────────  ──────  ───`,i=n.map(c=>{const f=c.enabled?"\x1B[32m enabled\x1B[0m":"\x1B[2mdisabled\x1B[0m",u=`${c.weight.toString()}%`.padStart(6),E=`v${c.version.toString()}`;return`  ${c.name.padEnd(e)}  ${c.id.padEnd(o)}  ${f}  ${u}  ${E}`});console.log(["","  Features:","",t,r,...i,""].join(`
-`))}function T(n){try{const e=new URL(n).hostname;return e==="localhost"||e==="127.0.0.1"||e==="::1"}catch{return!1}}function j(n){return new Promise(e=>{setTimeout(e,n)})}async function v(n,e){const o=await $.fetchProject(n,e);if(o||!T(n))return o;for(let t=1;t<=S;t++){a.info(`local API not ready, retrying in ${(w/1e3).toString()}s (${t.toString()}/${S.toString()})`),await j(w);const r=await $.fetchProject(n,e);if(r)return r}return null}const p="https://api.picked.app",B="__PICKED_PROJECT_CONFIG__",S=5,w=2e3;function P(n){const e=n.apiUrl??p;return{name:"picked",config:async()=>{a.banner(),a.info(`fetching project config for "${n.projectId}"`),e!==p&&a.warn(`using custom API URL: ${e}`);const o=performance.now(),t=await v(e,n.projectId),r=(performance.now()-o).toFixed(0);if(!t){a.warn(`failed to fetch project config for "${n.projectId}" (${r}ms)`);return}const i=t.features.length,c=t.features.filter(u=>u.enabled).length,f=JSON.stringify(t).length;return a.info(`fetched ${i.toString()} features (${c.toString()} enabled) for "${n.projectId}" in ${r}ms`),R(t.features),a.debug(`config size: ${f.toString()} bytes`),{define:{[B]:JSON.stringify(t)}}}}}exports.picked=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("@picked/client/plugins/dynamic-experiences");var h=Object.freeze,R=Object.defineProperty,I=(e,t)=>h(R(e,"raw",{value:h(t||e.slice())})),y;function b(e){const t=JSON.stringify(e),r=e.length>0?e.map(n=>`
+        <div class="feature-row">
+          <label>
+            <input type="checkbox" data-feature-id="${S(n.id)}" checked>
+            <span class="feature-name">${w(n.name)}</span>
+            <span class="feature-id">${w(n.id)}</span>
+          </label>
+          <select data-value-for="${S(n.id)}">
+            <option value="true" selected>true</option>
+            <option value="false">false</option>
+          </select>
+        </div>`).join(""):'<p class="text no-features">No features configured for this project.</p>';return String.raw(y||(y=I([`<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="robots" content="noindex, nofollow">
+  <title>Picked</title>
+  <style>
+    main {
+      position: fixed;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      display: grid;
+      align-items: center;
+      justify-content: center;
+      font-family: monospace;
+      color: #4A4A4A
+    }
+
+    .wrap {
+      padding-left: 1.5rem;
+      padding-right: 1.5rem;
+      max-width: 480px;
+      width: 100%;
+    }
+
+    .title {
+      font-size: 1.125rem;
+      font-weight: 700;
+      margin-bottom: 0;
+    }
+
+    .text {
+      margin-top: .5rem;
+      font-size: .875rem
+    }
+
+    .text a {
+      color: #4A4A4A;
+      text-decoration: none;
+    }
+
+    .text a:hover {
+      cursor: pointer;
+      text-decoration: underline
+    }
+
+    .preview-form {
+      margin-top: 2rem;
+      display: flex;
+      flex-direction: column;
+      gap: 0.5rem;
+    }
+
+    .preview-input {
+      padding: 0.5rem;
+      border: 1px solid #4A4A4A;
+      border-radius: 0;
+      font-family: monospace;
+    }
+
+    .preview-button {
+      padding: 0.5rem;
+      background: #4A4A4A;
+      color: white;
+      border: none;
+      border-radius: 0;
+      cursor: pointer;
+      font-family: monospace;
+    }
+
+    .preview-button:hover {
+      opacity: 0.9;
+    }
+
+    .buttons {
+      display: grid;
+      gap: 0.5em;
+      grid-template-columns: 1fr 1fr;
+    }
+
+    #copy-status {
+      font-size: 1em;
+      text-align: right;
+      margin-top: 0.5em;
+    }
+
+    .features-section {
+      margin-top: 1.5rem;
+    }
+
+    .features-label {
+      font-weight: 700;
+      font-size: .875rem;
+      margin-bottom: 0.5rem;
+    }
+
+    .feature-row {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 0.5rem;
+      padding: 0.25rem 0;
+    }
+
+    .feature-row label {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      cursor: pointer;
+      min-width: 0;
+      flex: 1;
+    }
+
+    .feature-name {
+      font-size: .875rem;
+    }
+
+    .feature-id {
+      font-size: .75rem;
+      color: #888;
+    }
+
+    .feature-row select {
+      font-family: monospace;
+      font-size: .75rem;
+      padding: 0.125rem 0.25rem;
+      border: 1px solid #4A4A4A;
+      border-radius: 0;
+      background: white;
+      flex-shrink: 0;
+    }
+
+    .no-features {
+      color: #888;
+      font-style: italic;
+    }
+
+    .url-history {
+      margin-top: 0.5rem;
+      font-size: .75rem;
+    }
+
+    .url-history-item {
+      display: flex;
+      align-items: center;
+      gap: 0.25rem;
+      padding: 0.125rem 0;
+    }
+
+    .url-history-item button {
+      background: none;
+      border: none;
+      cursor: pointer;
+      font-family: monospace;
+      font-size: .75rem;
+      color: #888;
+      padding: 0;
+    }
+
+    .url-history-item button.url-link {
+      color: #4A4A4A;
+      text-decoration: none;
+      text-align: left;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      flex: 1;
+      min-width: 0;
+    }
+
+    .url-history-item button.url-link:hover {
+      text-decoration: underline;
+    }
+
+    .url-history-item button.url-delete:hover {
+      color: #b71c1c;
+    }
+
+    @media (min-width: 640px) {
+      .title {
+        font-size: 1.25rem
+      }
+
+      .text {
+        font-size: 1rem
+      }
+    }
+  </style>
+</head>
+<body>
+
+<main>
+  <div class="wrap">
+    <p class="title">Picked</p>
+    <p class="text">
+      Learn more at
+      <a href="https://picked.app">
+        https://picked.app
+      </a>
+    </p>
+    <div class="preview-form">
+      <input type="text" id="url-input" pattern="^(https?://)?.+" placeholder="Enter preview URL" required
+             class="preview-input">
+      <div id="url-history" class="url-history"></div>
+      <div class="features-section">
+        <p class="features-label">Features</p>
+        `,`
+      </div>
+      <div class="buttons">
+        <button type="button" class="preview-button" id="copy-btn">Copy</button>
+        <button type="button" class="preview-button" id="preview-btn">Preview</button>
+      </div>
+      <p class="text" id="copy-status" aria-live="polite" style="visibility:hidden;">
+        &nbsp;
+      </p>
+    </div>
+  </div>
+
+  <script>
+    var FEATURES = `,`;
+    var STORAGE_KEY_URL = 'picked-launcher-url';
+    var STORAGE_KEY_HISTORY = 'picked-launcher-history';
+    var STORAGE_KEY_SELECTIONS = 'picked-launcher-selections';
+
+    function getUrlInput() {
+      return document.getElementById('url-input');
+    }
+
+    // URL history
+    function getHistory() {
+      try {
+        var raw = localStorage.getItem(STORAGE_KEY_HISTORY);
+        if (!raw) return [];
+        var parsed = JSON.parse(raw);
+        return Array.isArray(parsed) ? parsed : [];
+      } catch (e) {
+        return [];
+      }
+    }
+
+    function saveHistory(history) {
+      localStorage.setItem(STORAGE_KEY_HISTORY, JSON.stringify(history));
+    }
+
+    function addToHistory(url) {
+      var history = getHistory().filter(function(h) { return h !== url; });
+      history.unshift(url);
+      if (history.length > 10) history = history.slice(0, 10);
+      saveHistory(history);
+      renderHistory();
+    }
+
+    function removeFromHistory(url) {
+      var history = getHistory().filter(function(h) { return h !== url; });
+      saveHistory(history);
+      renderHistory();
+    }
+
+    function renderHistory() {
+      var container = document.getElementById('url-history');
+      if (!container) return;
+      var history = getHistory();
+      if (history.length === 0) {
+        container.innerHTML = '';
+        return;
+      }
+      container.innerHTML = history.map(function(url) {
+        return '<div class="url-history-item">' +
+          '<button type="button" class="url-link" data-history-url="' + escapeAttr(url) + '">' + escapeHtml(url) + '</button>' +
+          '<button type="button" class="url-delete" data-history-delete="' + escapeAttr(url) + '">x</button>' +
+          '</div>';
+      }).join('');
+    }
+
+    // Feature selection persistence
+    function getSelections() {
+      try {
+        var raw = localStorage.getItem(STORAGE_KEY_SELECTIONS);
+        if (!raw) return {};
+        var parsed = JSON.parse(raw);
+        return typeof parsed === 'object' && parsed !== null ? parsed : {};
+      } catch (e) {
+        return {};
+      }
+    }
+
+    function saveSelections() {
+      var selections = {};
+      FEATURES.forEach(function(f) {
+        var checkbox = document.querySelector('input[data-feature-id="' + f.id + '"]');
+        var select = document.querySelector('select[data-value-for="' + f.id + '"]');
+        if (checkbox && select) {
+          selections[f.id] = { checked: checkbox.checked, value: select.value };
+        }
+      });
+      localStorage.setItem(STORAGE_KEY_SELECTIONS, JSON.stringify(selections));
+    }
+
+    function restoreSelections() {
+      var selections = getSelections();
+      FEATURES.forEach(function(f) {
+        var saved = selections[f.id];
+        if (!saved) return;
+        var checkbox = document.querySelector('input[data-feature-id="' + f.id + '"]');
+        var select = document.querySelector('select[data-value-for="' + f.id + '"]');
+        if (checkbox) checkbox.checked = saved.checked;
+        if (select) select.value = saved.value;
+      });
+    }
+
+    function escapeHtml(str) {
+      var div = document.createElement('div');
+      div.textContent = str;
+      return div.innerHTML;
+    }
+
+    function escapeAttr(str) {
+      return str.replace(/&/g, '&amp;').replace(/"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+    }
+
+    function buildTargetUrl(inputValue) {
+      var value = inputValue;
+      if (!value.startsWith('http://') && !value.startsWith('https://')) {
+        value = 'https://' + value;
+      }
+      var hostname = window.location.hostname;
+      var subdomain = hostname.split('.').length > 2 ? hostname.split('.')[0] : '';
+      var target = value;
+      var sep = target.includes('?') ? '&' : '?';
+      if (subdomain) {
+        target = target + sep + 'cvly_env=' + encodeURIComponent(subdomain);
+        sep = '&';
+      }
+      FEATURES.forEach(function(f) {
+        var checkbox = document.querySelector('input[data-feature-id="' + f.id + '"]');
+        var select = document.querySelector('select[data-value-for="' + f.id + '"]');
+        if (checkbox && checkbox.checked && select) {
+          target = target + sep + 'picked-feature=' + encodeURIComponent(f.id + ':' + select.value);
+          sep = '&';
+        }
+      });
+      return target;
+    }
+
+    function showCopyStatus(message, success) {
+      var el = document.getElementById('copy-status');
+      if (!el) return;
+      el.textContent = message;
+      el.style.visibility = 'visible';
+      el.style.color = success ? '#2e7d32' : '#b71c1c';
+      setTimeout(function() {
+        el.style.visibility = 'hidden';
+      }, 2000);
+    }
+
+    // Init
+    window.addEventListener('load', function() {
+      var input = getUrlInput();
+      var savedUrl = localStorage.getItem(STORAGE_KEY_URL);
+      if (savedUrl && input) {
+        input.value = savedUrl;
+      }
+      renderHistory();
+      restoreSelections();
+    });
+
+    // Delegate click events
+    document.addEventListener('click', function(e) {
+      var target = e.target;
+
+      // History URL click
+      var historyUrl = target.getAttribute('data-history-url');
+      if (historyUrl) {
+        var input = getUrlInput();
+        if (input) input.value = historyUrl;
+        return;
+      }
+
+      // History delete click
+      var deleteUrl = target.getAttribute('data-history-delete');
+      if (deleteUrl) {
+        removeFromHistory(deleteUrl);
+        return;
+      }
+    });
+
+    // Feature change persistence
+    document.addEventListener('change', function(e) {
+      var target = e.target;
+      if (target.getAttribute('data-feature-id') || target.getAttribute('data-value-for')) {
+        saveSelections();
+      }
+    });
+
+    // Copy button
+    document.getElementById('copy-btn').addEventListener('click', function() {
+      var input = getUrlInput();
+      if (!input || !input.value) return;
+      localStorage.setItem(STORAGE_KEY_URL, input.value);
+      addToHistory(input.value);
+      saveSelections();
+      var target = buildTargetUrl(input.value);
+      navigator.clipboard.writeText(target).then(function() {
+        showCopyStatus('Preview URL copied to clipboard', true);
+      });
+    });
+
+    // Preview button
+    document.getElementById('preview-btn').addEventListener('click', function() {
+      var input = getUrlInput();
+      if (!input || !input.value) return;
+      localStorage.setItem(STORAGE_KEY_URL, input.value);
+      addToHistory(input.value);
+      saveSelections();
+      var target = buildTargetUrl(input.value);
+      window.location.href = target;
+    });
+  <\/script>
+</main>
+</body>
+</html>`],[`<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="robots" content="noindex, nofollow">
+  <title>Picked</title>
+  <style>
+    main {
+      position: fixed;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      display: grid;
+      align-items: center;
+      justify-content: center;
+      font-family: monospace;
+      color: #4A4A4A
+    }
+
+    .wrap {
+      padding-left: 1.5rem;
+      padding-right: 1.5rem;
+      max-width: 480px;
+      width: 100%;
+    }
+
+    .title {
+      font-size: 1.125rem;
+      font-weight: 700;
+      margin-bottom: 0;
+    }
+
+    .text {
+      margin-top: .5rem;
+      font-size: .875rem
+    }
+
+    .text a {
+      color: #4A4A4A;
+      text-decoration: none;
+    }
+
+    .text a:hover {
+      cursor: pointer;
+      text-decoration: underline
+    }
+
+    .preview-form {
+      margin-top: 2rem;
+      display: flex;
+      flex-direction: column;
+      gap: 0.5rem;
+    }
+
+    .preview-input {
+      padding: 0.5rem;
+      border: 1px solid #4A4A4A;
+      border-radius: 0;
+      font-family: monospace;
+    }
+
+    .preview-button {
+      padding: 0.5rem;
+      background: #4A4A4A;
+      color: white;
+      border: none;
+      border-radius: 0;
+      cursor: pointer;
+      font-family: monospace;
+    }
+
+    .preview-button:hover {
+      opacity: 0.9;
+    }
+
+    .buttons {
+      display: grid;
+      gap: 0.5em;
+      grid-template-columns: 1fr 1fr;
+    }
+
+    #copy-status {
+      font-size: 1em;
+      text-align: right;
+      margin-top: 0.5em;
+    }
+
+    .features-section {
+      margin-top: 1.5rem;
+    }
+
+    .features-label {
+      font-weight: 700;
+      font-size: .875rem;
+      margin-bottom: 0.5rem;
+    }
+
+    .feature-row {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 0.5rem;
+      padding: 0.25rem 0;
+    }
+
+    .feature-row label {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      cursor: pointer;
+      min-width: 0;
+      flex: 1;
+    }
+
+    .feature-name {
+      font-size: .875rem;
+    }
+
+    .feature-id {
+      font-size: .75rem;
+      color: #888;
+    }
+
+    .feature-row select {
+      font-family: monospace;
+      font-size: .75rem;
+      padding: 0.125rem 0.25rem;
+      border: 1px solid #4A4A4A;
+      border-radius: 0;
+      background: white;
+      flex-shrink: 0;
+    }
+
+    .no-features {
+      color: #888;
+      font-style: italic;
+    }
+
+    .url-history {
+      margin-top: 0.5rem;
+      font-size: .75rem;
+    }
+
+    .url-history-item {
+      display: flex;
+      align-items: center;
+      gap: 0.25rem;
+      padding: 0.125rem 0;
+    }
+
+    .url-history-item button {
+      background: none;
+      border: none;
+      cursor: pointer;
+      font-family: monospace;
+      font-size: .75rem;
+      color: #888;
+      padding: 0;
+    }
+
+    .url-history-item button.url-link {
+      color: #4A4A4A;
+      text-decoration: none;
+      text-align: left;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      flex: 1;
+      min-width: 0;
+    }
+
+    .url-history-item button.url-link:hover {
+      text-decoration: underline;
+    }
+
+    .url-history-item button.url-delete:hover {
+      color: #b71c1c;
+    }
+
+    @media (min-width: 640px) {
+      .title {
+        font-size: 1.25rem
+      }
+
+      .text {
+        font-size: 1rem
+      }
+    }
+  </style>
+</head>
+<body>
+
+<main>
+  <div class="wrap">
+    <p class="title">Picked</p>
+    <p class="text">
+      Learn more at
+      <a href="https://picked.app">
+        https://picked.app
+      </a>
+    </p>
+    <div class="preview-form">
+      <input type="text" id="url-input" pattern="^(https?:\\/\\/)?.+" placeholder="Enter preview URL" required
+             class="preview-input">
+      <div id="url-history" class="url-history"></div>
+      <div class="features-section">
+        <p class="features-label">Features</p>
+        `,`
+      </div>
+      <div class="buttons">
+        <button type="button" class="preview-button" id="copy-btn">Copy</button>
+        <button type="button" class="preview-button" id="preview-btn">Preview</button>
+      </div>
+      <p class="text" id="copy-status" aria-live="polite" style="visibility:hidden;">
+        &nbsp;
+      </p>
+    </div>
+  </div>
+
+  <script>
+    var FEATURES = `,`;
+    var STORAGE_KEY_URL = 'picked-launcher-url';
+    var STORAGE_KEY_HISTORY = 'picked-launcher-history';
+    var STORAGE_KEY_SELECTIONS = 'picked-launcher-selections';
+
+    function getUrlInput() {
+      return document.getElementById('url-input');
+    }
+
+    // URL history
+    function getHistory() {
+      try {
+        var raw = localStorage.getItem(STORAGE_KEY_HISTORY);
+        if (!raw) return [];
+        var parsed = JSON.parse(raw);
+        return Array.isArray(parsed) ? parsed : [];
+      } catch (e) {
+        return [];
+      }
+    }
+
+    function saveHistory(history) {
+      localStorage.setItem(STORAGE_KEY_HISTORY, JSON.stringify(history));
+    }
+
+    function addToHistory(url) {
+      var history = getHistory().filter(function(h) { return h !== url; });
+      history.unshift(url);
+      if (history.length > 10) history = history.slice(0, 10);
+      saveHistory(history);
+      renderHistory();
+    }
+
+    function removeFromHistory(url) {
+      var history = getHistory().filter(function(h) { return h !== url; });
+      saveHistory(history);
+      renderHistory();
+    }
+
+    function renderHistory() {
+      var container = document.getElementById('url-history');
+      if (!container) return;
+      var history = getHistory();
+      if (history.length === 0) {
+        container.innerHTML = '';
+        return;
+      }
+      container.innerHTML = history.map(function(url) {
+        return '<div class="url-history-item">' +
+          '<button type="button" class="url-link" data-history-url="' + escapeAttr(url) + '">' + escapeHtml(url) + '</button>' +
+          '<button type="button" class="url-delete" data-history-delete="' + escapeAttr(url) + '">x</button>' +
+          '</div>';
+      }).join('');
+    }
+
+    // Feature selection persistence
+    function getSelections() {
+      try {
+        var raw = localStorage.getItem(STORAGE_KEY_SELECTIONS);
+        if (!raw) return {};
+        var parsed = JSON.parse(raw);
+        return typeof parsed === 'object' && parsed !== null ? parsed : {};
+      } catch (e) {
+        return {};
+      }
+    }
+
+    function saveSelections() {
+      var selections = {};
+      FEATURES.forEach(function(f) {
+        var checkbox = document.querySelector('input[data-feature-id="' + f.id + '"]');
+        var select = document.querySelector('select[data-value-for="' + f.id + '"]');
+        if (checkbox && select) {
+          selections[f.id] = { checked: checkbox.checked, value: select.value };
+        }
+      });
+      localStorage.setItem(STORAGE_KEY_SELECTIONS, JSON.stringify(selections));
+    }
+
+    function restoreSelections() {
+      var selections = getSelections();
+      FEATURES.forEach(function(f) {
+        var saved = selections[f.id];
+        if (!saved) return;
+        var checkbox = document.querySelector('input[data-feature-id="' + f.id + '"]');
+        var select = document.querySelector('select[data-value-for="' + f.id + '"]');
+        if (checkbox) checkbox.checked = saved.checked;
+        if (select) select.value = saved.value;
+      });
+    }
+
+    function escapeHtml(str) {
+      var div = document.createElement('div');
+      div.textContent = str;
+      return div.innerHTML;
+    }
+
+    function escapeAttr(str) {
+      return str.replace(/&/g, '&amp;').replace(/"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+    }
+
+    function buildTargetUrl(inputValue) {
+      var value = inputValue;
+      if (!value.startsWith('http://') && !value.startsWith('https://')) {
+        value = 'https://' + value;
+      }
+      var hostname = window.location.hostname;
+      var subdomain = hostname.split('.').length > 2 ? hostname.split('.')[0] : '';
+      var target = value;
+      var sep = target.includes('?') ? '&' : '?';
+      if (subdomain) {
+        target = target + sep + 'cvly_env=' + encodeURIComponent(subdomain);
+        sep = '&';
+      }
+      FEATURES.forEach(function(f) {
+        var checkbox = document.querySelector('input[data-feature-id="' + f.id + '"]');
+        var select = document.querySelector('select[data-value-for="' + f.id + '"]');
+        if (checkbox && checkbox.checked && select) {
+          target = target + sep + 'picked-feature=' + encodeURIComponent(f.id + ':' + select.value);
+          sep = '&';
+        }
+      });
+      return target;
+    }
+
+    function showCopyStatus(message, success) {
+      var el = document.getElementById('copy-status');
+      if (!el) return;
+      el.textContent = message;
+      el.style.visibility = 'visible';
+      el.style.color = success ? '#2e7d32' : '#b71c1c';
+      setTimeout(function() {
+        el.style.visibility = 'hidden';
+      }, 2000);
+    }
+
+    // Init
+    window.addEventListener('load', function() {
+      var input = getUrlInput();
+      var savedUrl = localStorage.getItem(STORAGE_KEY_URL);
+      if (savedUrl && input) {
+        input.value = savedUrl;
+      }
+      renderHistory();
+      restoreSelections();
+    });
+
+    // Delegate click events
+    document.addEventListener('click', function(e) {
+      var target = e.target;
+
+      // History URL click
+      var historyUrl = target.getAttribute('data-history-url');
+      if (historyUrl) {
+        var input = getUrlInput();
+        if (input) input.value = historyUrl;
+        return;
+      }
+
+      // History delete click
+      var deleteUrl = target.getAttribute('data-history-delete');
+      if (deleteUrl) {
+        removeFromHistory(deleteUrl);
+        return;
+      }
+    });
+
+    // Feature change persistence
+    document.addEventListener('change', function(e) {
+      var target = e.target;
+      if (target.getAttribute('data-feature-id') || target.getAttribute('data-value-for')) {
+        saveSelections();
+      }
+    });
+
+    // Copy button
+    document.getElementById('copy-btn').addEventListener('click', function() {
+      var input = getUrlInput();
+      if (!input || !input.value) return;
+      localStorage.setItem(STORAGE_KEY_URL, input.value);
+      addToHistory(input.value);
+      saveSelections();
+      var target = buildTargetUrl(input.value);
+      navigator.clipboard.writeText(target).then(function() {
+        showCopyStatus('Preview URL copied to clipboard', true);
+      });
+    });
+
+    // Preview button
+    document.getElementById('preview-btn').addEventListener('click', function() {
+      var input = getUrlInput();
+      if (!input || !input.value) return;
+      localStorage.setItem(STORAGE_KEY_URL, input.value);
+      addToHistory(input.value);
+      saveSelections();
+      var target = buildTargetUrl(input.value);
+      window.location.href = target;
+    });
+  <\/script>
+</main>
+</body>
+</html>`])),r,t)}function w(e){return e.replaceAll("&","&amp;").replaceAll("<","&lt;").replaceAll(">","&gt;").replaceAll('"',"&quot;")}function S(e){return e.replaceAll("&","&amp;").replaceAll('"',"&quot;").replaceAll("<","&lt;").replaceAll(">","&gt;")}const E="picked",L="\x1B[0m";function O(){const e=process.env.NO_COLOR;return e==="1"||e==="true"}function c(e){return t=>O()?t:`${e}${t}${L}`}const x=["debug","info","warn","error","silent"],v={debug:{color:c("\x1B[2m"),log:console.debug,enabled:!1},info:{color:c("\x1B[36m"),log:console.log,enabled:!0},warn:{color:c("\x1B[33m"),log:console.warn,enabled:!0},error:{color:c("\x1B[31m"),log:console.error,enabled:!0},silent:{log:()=>{},enabled:!1}};function H(e,t){const r=new Date().toLocaleTimeString(),n=t?`${E}:${t}`:E;return`${r} [${n}] ${e}`}function g(e,t,r,n){if(!e.enabled)return;const o=H(t,n);e.log(e.color?e.color(o):o),r!==void 0&&e.log(r)}function p(e){const t=v[e],r=new Set;return Object.assign((n,o,i)=>{g(t,n,o,i)},{once(n,o,i){!t.enabled||r.has(n)||(r.add(n),g(t,n,o,i))}})}function $(e){const t=x.indexOf(e);if(t===-1){g(v.error,`invalid log level: ${e}`);return}for(const[r,n]of x.entries())v[n].enabled=r>=t}const s=c("\x1B[34m"),_=c("\x1B[36m");function C(){const e=[` ${s("_")}   ${_("_")}         _    _          _`,`${s("(_)")} ${_("(_)")}   _ __(_)__| |_____ __| |`,` ${s("_")}   ${s("_")}   | '_ \\ / _| / / -_) _\` |`,`${s("(_)")} ${s("(_)")}  | .__/_\\__|_\\_\\___\\__,_|`,`         |_|
+  `];console.log(e.join(`
+`))}const l={banner:C,debug:p("debug"),info:p("info"),warn:p("warn"),error:p("error"),setLevel:$};function Y(e){return(t,r,n)=>{if(t.method!=="GET"){n();return}const i=(t.url??"").split("?")[0];if(i!=="/"&&i!=="/index.html"){n();return}const a=e();r.setHeader("Content-Type","text/html"),r.statusCode=200,r.end(a)}}function B(e){if(e.length===0)return;const t=Math.max(4,...e.map(a=>a.name.length)),r=Math.max(2,...e.map(a=>a.id.length)),n=`  ${"Name".padEnd(t)}  ${"ID".padEnd(r)}  Status    Weight  Ver`,o=`  ${"─".repeat(t)}  ${"─".repeat(r)}  ────────  ──────  ───`,i=e.map(a=>{const d=a.enabled?"\x1B[32m enabled\x1B[0m":"\x1B[2mdisabled\x1B[0m",u=`${a.weight.toString()}%`.padStart(6),f=`v${a.version.toString()}`;return`  ${a.name.padEnd(t)}  ${a.id.padEnd(r)}  ${d}  ${u}  ${f}`});console.log(["","  Features:","",n,o,...i,""].join(`
+`))}function F(e){try{const t=new URL(e).hostname;return t==="localhost"||t==="127.0.0.1"||t==="::1"}catch{return!1}}function P(e){return new Promise(t=>{setTimeout(t,e)})}async function z(e,t,r){const n=await m.fetchProject(e,t,{headers:r});if(n||!F(e))return n;for(let o=1;o<=T;o++){l.info(`local API not ready, retrying in ${(k/1e3).toString()}s (${o.toString()}/${T.toString()})`),await P(k);const i=await m.fetchProject(e,t,{headers:r});if(i)return i}return null}function N(){return"0.0.49-next.1"}const A="https://api.picked.app",j="__PICKED_PROJECT_CONFIG__",T=5,k=2e3;function G(e){const t=e.apiUrl??A;let r=[];return{name:"picked",config:async()=>{l.banner(),l.info(`fetching project config for "${e.projectId}"`),t!==A&&l.warn(`using custom API URL: ${t}`);const n=m.createClientHeaders("vite-plugin",N()),o=performance.now(),i=await z(t,e.projectId,n),a=(performance.now()-o).toFixed(0);if(!i){l.warn(`failed to fetch project config for "${e.projectId}" (${a}ms)`);return}r=i.features;const d=i.features.length,u=i.features.filter(U=>U.enabled).length,f=JSON.stringify(i).length;return l.info(`fetched ${d.toString()} features (${u.toString()} enabled) for "${e.projectId}" in ${a}ms`),B(i.features),l.debug(`config size: ${f.toString()} bytes`),{define:{[j]:JSON.stringify(i)}}},configureServer(n){if(e.disableLauncher)return;n.middlewares.use(Y(()=>b(r)));const o=n.printUrls.bind(n);n.printUrls=()=>{const i=n.resolvedUrls?.local[0];if(i){const a=i.replace(/:(?<port>\d+)\//,(d,u)=>`:\x1B[1m${u}\x1B[22m/`);console.log(`  \x1B[32m➜\x1B[0m  \x1B[1mPicked\x1B[22m:  \x1B[36m${a}\x1B[0m`)}o()}},generateBundle(){e.disableLauncher||this.emitFile({type:"asset",fileName:"index.html",source:b(r)})}}}exports.picked=G;