@picked/vite-plugin-picked 0.0.1-dev.1786072899095 → 0.0.1-dev.1786601464574

package/dist/esm/index.js

@@ -1,28 +1,30 @@
 import { existsSync as e } from "node:fs";
-import { createClientHeaders as t, fetchExperienceContent as n, fetchProject as r } from "@picked/client/plugins/dynamic-experiences";
-import { appendFile as i, mkdir as a, readFile as o, writeFile as s } from "node:fs/promises";
-import { join as c } from "node:path";
+import { join as t, resolve as n } from "node:path";
+import { createClientHeaders as r, fetchExperienceContent as i, fetchProject as a } from "@picked/delivery-api-client";
+import { generate as o } from "@picked/typegen";
+import { loadPickedConfig as s, loadResolvedPickedConfig as c } from "@picked/config";
+import { appendFile as l, mkdir as u, readFile as d, writeFile as f } from "node:fs/promises";
 //#region \0@oxc-project+runtime@0.142.0/helpers/esm/taggedTemplateLiteral.js
-function l(e, t) {
+function p(e, t) {
 	return t ||= e.slice(0), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } }));
 }
 //#endregion
 //#region src/launcher.ts
-var u;
-function d(e) {
+var m;
+function h(e) {
 	let t = JSON.stringify(e), n = e.length > 0 ? e.map((e) => `
         <div class="feature-row">
           <label>
-            <input type="checkbox" data-feature-id="${p(e.id)}" checked>
-            <span class="feature-name">${f(e.name)}</span>
-            <span class="feature-id">${f(e.id)}</span>
+            <input type="checkbox" data-feature-id="${_(e.id)}" checked>
+            <span class="feature-name">${g(e.name)}</span>
+            <span class="feature-id">${g(e.id)}</span>
           </label>
-          <select data-value-for="${p(e.id)}">
+          <select data-value-for="${_(e.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(u ||= l([
+	return String.raw(m ||= p([
 		"<!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  <meta name=\"robots\" content=\"noindex, nofollow\">\n  <title>Picked</title>\n  <style>\n    main {\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      display: grid;\n      align-items: center;\n      justify-content: center;\n      font-family: monospace;\n      color: #4A4A4A\n    }\n\n    .wrap {\n      padding-left: 1.5rem;\n      padding-right: 1.5rem;\n      max-width: 480px;\n      width: 100%;\n    }\n\n    .title {\n      font-size: 1.125rem;\n      font-weight: 700;\n      margin-bottom: 0;\n    }\n\n    .text {\n      margin-top: .5rem;\n      font-size: .875rem\n    }\n\n    .text a {\n      color: #4A4A4A;\n      text-decoration: none;\n    }\n\n    .text a:hover {\n      cursor: pointer;\n      text-decoration: underline\n    }\n\n    .preview-form {\n      margin-top: 2rem;\n      display: flex;\n      flex-direction: column;\n      gap: 0.5rem;\n    }\n\n    .preview-input {\n      padding: 0.5rem;\n      border: 1px solid #4A4A4A;\n      border-radius: 0;\n      font-family: monospace;\n    }\n\n    .preview-button {\n      padding: 0.5rem;\n      background: #4A4A4A;\n      color: white;\n      border: none;\n      border-radius: 0;\n      cursor: pointer;\n      font-family: monospace;\n    }\n\n    .preview-button:hover {\n      opacity: 0.9;\n    }\n\n    .buttons {\n      display: grid;\n      gap: 0.5em;\n      grid-template-columns: 1fr 1fr;\n    }\n\n    #copy-status {\n      font-size: 1em;\n      text-align: right;\n      margin-top: 0.5em;\n    }\n\n    .features-section {\n      margin-top: 1.5rem;\n    }\n\n    .features-label {\n      font-weight: 700;\n      font-size: .875rem;\n      margin-bottom: 0.5rem;\n    }\n\n    .feature-row {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 0.5rem;\n      padding: 0.25rem 0;\n    }\n\n    .feature-row label {\n      display: flex;\n      align-items: center;\n      gap: 0.5rem;\n      cursor: pointer;\n      min-width: 0;\n      flex: 1;\n    }\n\n    .feature-name {\n      font-size: .875rem;\n    }\n\n    .feature-id {\n      font-size: .75rem;\n      color: #888;\n    }\n\n    .feature-row select {\n      font-family: monospace;\n      font-size: .75rem;\n      padding: 0.125rem 0.25rem;\n      border: 1px solid #4A4A4A;\n      border-radius: 0;\n      background: white;\n      flex-shrink: 0;\n    }\n\n    .no-features {\n      color: #888;\n      font-style: italic;\n    }\n\n    .url-history {\n      margin-top: 0.5rem;\n      font-size: .75rem;\n    }\n\n    .url-history-item {\n      display: flex;\n      align-items: center;\n      gap: 0.25rem;\n      padding: 0.125rem 0;\n    }\n\n    .url-history-item button {\n      background: none;\n      border: none;\n      cursor: pointer;\n      font-family: monospace;\n      font-size: .75rem;\n      color: #888;\n      padding: 0;\n    }\n\n    .url-history-item button.url-link {\n      color: #4A4A4A;\n      text-decoration: none;\n      text-align: left;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .url-history-item button.url-link:hover {\n      text-decoration: underline;\n    }\n\n    .url-history-item button.url-delete:hover {\n      color: #b71c1c;\n    }\n\n    @media (min-width: 640px) {\n      .title {\n        font-size: 1.25rem\n      }\n\n      .text {\n        font-size: 1rem\n      }\n    }\n  </style>\n</head>\n<body>\n\n<main>\n  <div class=\"wrap\">\n    <p class=\"title\">Picked</p>\n    <p class=\"text\">\n      Learn more at\n      <a href=\"https://picked.app\">\n        https://picked.app\n      </a>\n    </p>\n    <div class=\"preview-form\">\n      <input type=\"text\" id=\"url-input\" pattern=\"^(https?://)?.+\" placeholder=\"Enter preview URL\" required\n             class=\"preview-input\">\n      <div id=\"url-history\" class=\"url-history\"></div>\n      <div class=\"features-section\">\n        <p class=\"features-label\">Features</p>\n        ",
 		"\n      </div>\n      <div class=\"buttons\">\n        <button type=\"button\" class=\"preview-button\" id=\"copy-btn\">Copy</button>\n        <button type=\"button\" class=\"preview-button\" id=\"preview-btn\">Preview</button>\n      </div>\n      <p class=\"text\" id=\"copy-status\" aria-live=\"polite\" style=\"visibility:hidden;\">\n        &nbsp;\n      </p>\n    </div>\n  </div>\n\n  <script>\n    var FEATURES = ",
 		";\n    var STORAGE_KEY_URL = 'picked-launcher-url';\n    var STORAGE_KEY_HISTORY = 'picked-launcher-history';\n    var STORAGE_KEY_SELECTIONS = 'picked-launcher-selections';\n\n    function getUrlInput() {\n      return document.getElementById('url-input');\n    }\n\n    // URL history\n    function getHistory() {\n      try {\n        var raw = localStorage.getItem(STORAGE_KEY_HISTORY);\n        if (!raw) return [];\n        var parsed = JSON.parse(raw);\n        return Array.isArray(parsed) ? parsed : [];\n      } catch (e) {\n        return [];\n      }\n    }\n\n    function saveHistory(history) {\n      localStorage.setItem(STORAGE_KEY_HISTORY, JSON.stringify(history));\n    }\n\n    function addToHistory(url) {\n      var history = getHistory().filter(function(h) { return h !== url; });\n      history.unshift(url);\n      if (history.length > 10) history = history.slice(0, 10);\n      saveHistory(history);\n      renderHistory();\n    }\n\n    function removeFromHistory(url) {\n      var history = getHistory().filter(function(h) { return h !== url; });\n      saveHistory(history);\n      renderHistory();\n    }\n\n    function renderHistory() {\n      var container = document.getElementById('url-history');\n      if (!container) return;\n      var history = getHistory();\n      if (history.length === 0) {\n        container.innerHTML = '';\n        return;\n      }\n      container.innerHTML = history.map(function(url) {\n        return '<div class=\"url-history-item\">' +\n          '<button type=\"button\" class=\"url-link\" data-history-url=\"' + escapeAttr(url) + '\">' + escapeHtml(url) + '</button>' +\n          '<button type=\"button\" class=\"url-delete\" data-history-delete=\"' + escapeAttr(url) + '\">x</button>' +\n          '</div>';\n      }).join('');\n    }\n\n    // Feature selection persistence\n    function getSelections() {\n      try {\n        var raw = localStorage.getItem(STORAGE_KEY_SELECTIONS);\n        if (!raw) return {};\n        var parsed = JSON.parse(raw);\n        return typeof parsed === 'object' && parsed !== null ? parsed : {};\n      } catch (e) {\n        return {};\n      }\n    }\n\n    function saveSelections() {\n      var selections = {};\n      FEATURES.forEach(function(f) {\n        var checkbox = document.querySelector('input[data-feature-id=\"' + f.id + '\"]');\n        var select = document.querySelector('select[data-value-for=\"' + f.id + '\"]');\n        if (checkbox && select) {\n          selections[f.id] = { checked: checkbox.checked, value: select.value };\n        }\n      });\n      localStorage.setItem(STORAGE_KEY_SELECTIONS, JSON.stringify(selections));\n    }\n\n    function restoreSelections() {\n      var selections = getSelections();\n      FEATURES.forEach(function(f) {\n        var saved = selections[f.id];\n        if (!saved) return;\n        var checkbox = document.querySelector('input[data-feature-id=\"' + f.id + '\"]');\n        var select = document.querySelector('select[data-value-for=\"' + f.id + '\"]');\n        if (checkbox) checkbox.checked = saved.checked;\n        if (select) select.value = saved.value;\n      });\n    }\n\n    function escapeHtml(str) {\n      var div = document.createElement('div');\n      div.textContent = str;\n      return div.innerHTML;\n    }\n\n    function escapeAttr(str) {\n      return str.replace(/&/g, '&amp;').replace(/\"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n    }\n\n    function buildTargetUrl(inputValue) {\n      var value = inputValue;\n      if (!value.startsWith('http://') && !value.startsWith('https://')) {\n        value = 'https://' + value;\n      }\n      var hostname = window.location.hostname;\n      var subdomain = hostname.split('.').length > 2 ? hostname.split('.')[0] : '';\n      var target = value;\n      var sep = target.includes('?') ? '&' : '?';\n      if (subdomain) {\n        target = target + sep + 'cvly_env=' + encodeURIComponent(subdomain);\n        sep = '&';\n      }\n      FEATURES.forEach(function(f) {\n        var checkbox = document.querySelector('input[data-feature-id=\"' + f.id + '\"]');\n        var select = document.querySelector('select[data-value-for=\"' + f.id + '\"]');\n        if (checkbox && checkbox.checked && select) {\n          target = target + sep + 'picked-feature=' + encodeURIComponent(f.id + ':' + select.value);\n          sep = '&';\n        }\n      });\n      return target;\n    }\n\n    function showCopyStatus(message, success) {\n      var el = document.getElementById('copy-status');\n      if (!el) return;\n      el.textContent = message;\n      el.style.visibility = 'visible';\n      el.style.color = success ? '#2e7d32' : '#b71c1c';\n      setTimeout(function() {\n        el.style.visibility = 'hidden';\n      }, 2000);\n    }\n\n    // Init\n    window.addEventListener('load', function() {\n      var input = getUrlInput();\n      var savedUrl = localStorage.getItem(STORAGE_KEY_URL);\n      if (savedUrl && input) {\n        input.value = savedUrl;\n      }\n      renderHistory();\n      restoreSelections();\n    });\n\n    // Delegate click events\n    document.addEventListener('click', function(e) {\n      var target = e.target;\n\n      // History URL click\n      var historyUrl = target.getAttribute('data-history-url');\n      if (historyUrl) {\n        var input = getUrlInput();\n        if (input) input.value = historyUrl;\n        return;\n      }\n\n      // History delete click\n      var deleteUrl = target.getAttribute('data-history-delete');\n      if (deleteUrl) {\n        removeFromHistory(deleteUrl);\n        return;\n      }\n    });\n\n    // Feature change persistence\n    document.addEventListener('change', function(e) {\n      var target = e.target;\n      if (target.getAttribute('data-feature-id') || target.getAttribute('data-value-for')) {\n        saveSelections();\n      }\n    });\n\n    // Copy button\n    document.getElementById('copy-btn').addEventListener('click', function() {\n      var input = getUrlInput();\n      if (!input || !input.value) return;\n      localStorage.setItem(STORAGE_KEY_URL, input.value);\n      addToHistory(input.value);\n      saveSelections();\n      var target = buildTargetUrl(input.value);\n      navigator.clipboard.writeText(target).then(function() {\n        showCopyStatus('Preview URL copied to clipboard', true);\n      });\n    });\n\n    // Preview button\n    document.getElementById('preview-btn').addEventListener('click', function() {\n      var input = getUrlInput();\n      if (!input || !input.value) return;\n      localStorage.setItem(STORAGE_KEY_URL, input.value);\n      addToHistory(input.value);\n      saveSelections();\n      var target = buildTargetUrl(input.value);\n      window.location.href = target;\n    });\n  <\/script>\n</main>\n</body>\n</html>"
@@ -32,46 +34,46 @@ function d(e) {
 		";\n    var STORAGE_KEY_URL = 'picked-launcher-url';\n    var STORAGE_KEY_HISTORY = 'picked-launcher-history';\n    var STORAGE_KEY_SELECTIONS = 'picked-launcher-selections';\n\n    function getUrlInput() {\n      return document.getElementById('url-input');\n    }\n\n    // URL history\n    function getHistory() {\n      try {\n        var raw = localStorage.getItem(STORAGE_KEY_HISTORY);\n        if (!raw) return [];\n        var parsed = JSON.parse(raw);\n        return Array.isArray(parsed) ? parsed : [];\n      } catch (e) {\n        return [];\n      }\n    }\n\n    function saveHistory(history) {\n      localStorage.setItem(STORAGE_KEY_HISTORY, JSON.stringify(history));\n    }\n\n    function addToHistory(url) {\n      var history = getHistory().filter(function(h) { return h !== url; });\n      history.unshift(url);\n      if (history.length > 10) history = history.slice(0, 10);\n      saveHistory(history);\n      renderHistory();\n    }\n\n    function removeFromHistory(url) {\n      var history = getHistory().filter(function(h) { return h !== url; });\n      saveHistory(history);\n      renderHistory();\n    }\n\n    function renderHistory() {\n      var container = document.getElementById('url-history');\n      if (!container) return;\n      var history = getHistory();\n      if (history.length === 0) {\n        container.innerHTML = '';\n        return;\n      }\n      container.innerHTML = history.map(function(url) {\n        return '<div class=\"url-history-item\">' +\n          '<button type=\"button\" class=\"url-link\" data-history-url=\"' + escapeAttr(url) + '\">' + escapeHtml(url) + '</button>' +\n          '<button type=\"button\" class=\"url-delete\" data-history-delete=\"' + escapeAttr(url) + '\">x</button>' +\n          '</div>';\n      }).join('');\n    }\n\n    // Feature selection persistence\n    function getSelections() {\n      try {\n        var raw = localStorage.getItem(STORAGE_KEY_SELECTIONS);\n        if (!raw) return {};\n        var parsed = JSON.parse(raw);\n        return typeof parsed === 'object' && parsed !== null ? parsed : {};\n      } catch (e) {\n        return {};\n      }\n    }\n\n    function saveSelections() {\n      var selections = {};\n      FEATURES.forEach(function(f) {\n        var checkbox = document.querySelector('input[data-feature-id=\"' + f.id + '\"]');\n        var select = document.querySelector('select[data-value-for=\"' + f.id + '\"]');\n        if (checkbox && select) {\n          selections[f.id] = { checked: checkbox.checked, value: select.value };\n        }\n      });\n      localStorage.setItem(STORAGE_KEY_SELECTIONS, JSON.stringify(selections));\n    }\n\n    function restoreSelections() {\n      var selections = getSelections();\n      FEATURES.forEach(function(f) {\n        var saved = selections[f.id];\n        if (!saved) return;\n        var checkbox = document.querySelector('input[data-feature-id=\"' + f.id + '\"]');\n        var select = document.querySelector('select[data-value-for=\"' + f.id + '\"]');\n        if (checkbox) checkbox.checked = saved.checked;\n        if (select) select.value = saved.value;\n      });\n    }\n\n    function escapeHtml(str) {\n      var div = document.createElement('div');\n      div.textContent = str;\n      return div.innerHTML;\n    }\n\n    function escapeAttr(str) {\n      return str.replace(/&/g, '&amp;').replace(/\"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n    }\n\n    function buildTargetUrl(inputValue) {\n      var value = inputValue;\n      if (!value.startsWith('http://') && !value.startsWith('https://')) {\n        value = 'https://' + value;\n      }\n      var hostname = window.location.hostname;\n      var subdomain = hostname.split('.').length > 2 ? hostname.split('.')[0] : '';\n      var target = value;\n      var sep = target.includes('?') ? '&' : '?';\n      if (subdomain) {\n        target = target + sep + 'cvly_env=' + encodeURIComponent(subdomain);\n        sep = '&';\n      }\n      FEATURES.forEach(function(f) {\n        var checkbox = document.querySelector('input[data-feature-id=\"' + f.id + '\"]');\n        var select = document.querySelector('select[data-value-for=\"' + f.id + '\"]');\n        if (checkbox && checkbox.checked && select) {\n          target = target + sep + 'picked-feature=' + encodeURIComponent(f.id + ':' + select.value);\n          sep = '&';\n        }\n      });\n      return target;\n    }\n\n    function showCopyStatus(message, success) {\n      var el = document.getElementById('copy-status');\n      if (!el) return;\n      el.textContent = message;\n      el.style.visibility = 'visible';\n      el.style.color = success ? '#2e7d32' : '#b71c1c';\n      setTimeout(function() {\n        el.style.visibility = 'hidden';\n      }, 2000);\n    }\n\n    // Init\n    window.addEventListener('load', function() {\n      var input = getUrlInput();\n      var savedUrl = localStorage.getItem(STORAGE_KEY_URL);\n      if (savedUrl && input) {\n        input.value = savedUrl;\n      }\n      renderHistory();\n      restoreSelections();\n    });\n\n    // Delegate click events\n    document.addEventListener('click', function(e) {\n      var target = e.target;\n\n      // History URL click\n      var historyUrl = target.getAttribute('data-history-url');\n      if (historyUrl) {\n        var input = getUrlInput();\n        if (input) input.value = historyUrl;\n        return;\n      }\n\n      // History delete click\n      var deleteUrl = target.getAttribute('data-history-delete');\n      if (deleteUrl) {\n        removeFromHistory(deleteUrl);\n        return;\n      }\n    });\n\n    // Feature change persistence\n    document.addEventListener('change', function(e) {\n      var target = e.target;\n      if (target.getAttribute('data-feature-id') || target.getAttribute('data-value-for')) {\n        saveSelections();\n      }\n    });\n\n    // Copy button\n    document.getElementById('copy-btn').addEventListener('click', function() {\n      var input = getUrlInput();\n      if (!input || !input.value) return;\n      localStorage.setItem(STORAGE_KEY_URL, input.value);\n      addToHistory(input.value);\n      saveSelections();\n      var target = buildTargetUrl(input.value);\n      navigator.clipboard.writeText(target).then(function() {\n        showCopyStatus('Preview URL copied to clipboard', true);\n      });\n    });\n\n    // Preview button\n    document.getElementById('preview-btn').addEventListener('click', function() {\n      var input = getUrlInput();\n      if (!input || !input.value) return;\n      localStorage.setItem(STORAGE_KEY_URL, input.value);\n      addToHistory(input.value);\n      saveSelections();\n      var target = buildTargetUrl(input.value);\n      window.location.href = target;\n    });\n  <\/script>\n</main>\n</body>\n</html>"
 	]), n, t);
 }
-function f(e) {
+function g(e) {
 	return e.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll("\"", "&quot;");
 }
-function p(e) {
+function _(e) {
 	return e.replaceAll("&", "&amp;").replaceAll("\"", "&quot;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
 }
 //#endregion
 //#region src/log.ts
-var m = "picked", ee = "\x1B[0m";
-function te() {
+var v = "picked", y = "\x1B[0m";
+function ee() {
 	let e = process.env.NO_COLOR;
 	return e === "1" || e === "true";
 }
-function h(e) {
-	return (t) => te() ? t : `${e}${t}${ee}`;
+function b(e) {
+	return (t) => ee() ? t : `${e}${t}${y}`;
 }
-var g = [
+var x = [
 	"debug",
 	"info",
 	"warn",
 	"error",
 	"silent"
-], _ = {
+], S = {
 	debug: {
-		color: h("\x1B[2m"),
+		color: b("\x1B[2m"),
 		log: console.debug,
 		enabled: !1
 	},
 	info: {
-		color: h("\x1B[36m"),
+		color: b("\x1B[36m"),
 		log: console.log,
 		enabled: !0
 	},
 	warn: {
-		color: h("\x1B[33m"),
+		color: b("\x1B[33m"),
 		log: console.warn,
 		enabled: !0
 	},
 	error: {
-		color: h("\x1B[31m"),
+		color: b("\x1B[31m"),
 		log: console.error,
 		enabled: !0
 	},
@@ -80,52 +82,52 @@ var g = [
 		enabled: !1
 	}
 };
-function v(e, t) {
-	return `${(/* @__PURE__ */ new Date()).toLocaleTimeString()} [${t ? `${m}:${t}` : m}] ${e}`;
+function te(e, t) {
+	return `${(/* @__PURE__ */ new Date()).toLocaleTimeString()} [${t ? `${v}:${t}` : v}] ${e}`;
 }
-function y(e, t, n, r) {
+function C(e, t, n, r) {
 	if (!e.enabled) return;
-	let i = v(t, r);
+	let i = te(t, r);
 	e.log(e.color ? e.color(i) : i), n !== void 0 && e.log(n);
 }
-function b(e) {
-	let t = _[e], n = /* @__PURE__ */ new Set();
+function w(e) {
+	let t = S[e], n = /* @__PURE__ */ new Set();
 	return Object.assign((e, n, r) => {
-		y(t, e, n, r);
+		C(t, e, n, r);
 	}, { once(e, r, i) {
-		!t.enabled || n.has(e) || (n.add(e), y(t, e, r, i));
+		!t.enabled || n.has(e) || (n.add(e), C(t, e, r, i));
 	} });
 }
-function x(e) {
-	let t = g.indexOf(e);
+function ne(e) {
+	let t = x.indexOf(e);
 	if (t === -1) {
-		y(_.error, `invalid log level: ${e}`);
+		C(S.error, `invalid log level: ${e}`);
 		return;
 	}
-	for (let [e, n] of g.entries()) _[n].enabled = e >= t;
+	for (let [e, n] of x.entries()) S[n].enabled = e >= t;
 }
-var S = h("\x1B[34m"), C = h("\x1B[36m");
-function w() {
+var T = b("\x1B[34m"), E = b("\x1B[36m");
+function re() {
 	let e = [
-		` ${S("_")}   ${C("_")}         _    _          _`,
-		`${S("(_)")} ${C("(_)")}   _ __(_)__| |_____ __| |`,
-		` ${S("_")}   ${S("_")}   | '_ \\ / _| / / -_) _\` |`,
-		`${S("(_)")} ${S("(_)")}  | .__/_\\__|_\\_\\___\\__,_|`,
+		` ${T("_")}   ${E("_")}         _    _          _`,
+		`${T("(_)")} ${E("(_)")}   _ __(_)__| |_____ __| |`,
+		` ${T("_")}   ${T("_")}   | '_ \\ / _| / / -_) _\` |`,
+		`${T("(_)")} ${T("(_)")}  | .__/_\\__|_\\_\\___\\__,_|`,
 		"         |_|\n  "
 	];
 	console.log(e.join("\n"));
 }
-var T = {
-	banner: w,
-	debug: b("debug"),
-	info: b("info"),
-	warn: b("warn"),
-	error: b("error"),
-	setLevel: x
+var D = {
+	banner: re,
+	debug: w("debug"),
+	info: w("info"),
+	warn: w("warn"),
+	error: w("error"),
+	setLevel: ne
 };
 //#endregion
 //#region src/middleware.ts
-function E(e) {
+function O(e) {
 	return (t, n, r) => {
 		if (t.method !== "GET") {
 			r();
@@ -142,28 +144,28 @@ function E(e) {
 }
 //#endregion
 //#region src/gitignore.ts
-var D = ".picked/";
-async function ne(t, n) {
-	if (n) return;
-	let r = c(t, ".gitignore");
-	if (!e(r)) {
-		await s(r, `${D}
+var k = ".picked/";
+async function ie(n, r) {
+	if (r) return;
+	let i = t(n, ".gitignore");
+	if (!e(i)) {
+		await f(i, `${k}
 `);
 		return;
 	}
-	let a = await o(r, "utf8");
-	if (O(a)) return;
-	let l = `${a.length > 0 && !a.endsWith("\n") ? "\n" : ""}${D}
+	let a = await d(i, "utf8");
+	if (A(a)) return;
+	let o = `${a.length > 0 && !a.endsWith("\n") ? "\n" : ""}${k}
 `;
-	await i(r, l);
+	await l(i, o);
 }
-function O(e) {
-	return e.split(/\r?\n/).map((e) => e.trim()).some((e) => e === D || e === ".picked");
+function A(e) {
+	return e.split(/\r?\n/).map((e) => e.trim()).some((e) => e === k || e === ".picked");
 }
 //#endregion
 //#region src/retry.ts
-var k = 6, A = 5e3;
-function j(e) {
+var j = 6, ae = 5e3;
+function M(e) {
 	let t;
 	try {
 		t = new URL(e).hostname;
@@ -172,12 +174,12 @@ function j(e) {
 	}
 	return t === "localhost" || t === "127.0.0.1" || t === "::1" || t === "[::1]" || t !== "api.picked.app" && t.endsWith(".picked.app");
 }
-function re(e) {
+function N(e) {
 	return new Promise((t) => {
 		setTimeout(t, e);
 	});
 }
-async function M(e, t) {
+async function P(e, t) {
 	let n = null, r = null;
 	try {
 		n = await e();
@@ -185,9 +187,9 @@ async function M(e, t) {
 		r = e;
 	}
 	if (n !== null) return n;
-	for (let i = 1; i <= k; i++) {
-		let a = A * 2 ** (i - 1);
-		t(i, k, a), await re(a), r = null;
+	for (let i = 1; i <= j; i++) {
+		let a = ae * 2 ** (i - 1);
+		t(i, j, a), await N(a), r = null;
 		try {
 			n = await e();
 		} catch (e) {
@@ -200,102 +202,111 @@ async function M(e, t) {
 }
 //#endregion
 //#region src/util.ts
-function N(e) {
+function F(e) {
 	return Array.isArray(e) ? e : [];
 }
 //#endregion
 //#region src/prefetch.ts
-var P = 1;
-function F(e) {
-	let t = c(e, ".picked");
+var I = 2;
+function L(e) {
+	let n = t(e, ".picked");
 	return {
-		pickedDir: t,
-		manifestPath: c(t, "manifest.json"),
-		projectConfigPath: c(t, "project-config.json"),
-		experiencesDir: c(t, "experiences")
+		pickedDir: n,
+		manifestPath: t(n, "manifest.json"),
+		projectConfigPath: t(n, "project-config.json"),
+		experiencesDir: t(n, "experiences")
 	};
 }
-async function I(t) {
+async function R(t) {
 	if (!e(t)) return null;
 	try {
-		let e = await o(t, "utf8"), n = JSON.parse(e);
-		return L(n) ? n : null;
+		let e = await d(t, "utf8"), n = JSON.parse(e);
+		return z(n) ? n : null;
 	} catch {
 		return null;
 	}
 }
-function L(e) {
+function z(e) {
 	return !(typeof e != "object" || !e || !("version" in e) || typeof e.version != "number" || !("projectVersionId" in e) || typeof e.projectVersionId != "string" || !("workspaceId" in e) || typeof e.workspaceId != "string" || !("experiences" in e) || !Array.isArray(e.experiences));
 }
-function R(e) {
+function B(e) {
 	let t = /* @__PURE__ */ new Set();
-	for (let n of N(e.steps)) n.layoutContentId && t.add(n.id);
+	for (let n of F(e.steps)) n.layoutContentId && t.add(n.id);
 	if (t.size === 0) return [];
 	let n = [];
-	for (let r of N(e.experiences)) N(r.nodes).some((e) => e.type === "step" && t.has(e.stepId)) && n.push(r.id);
+	for (let r of F(e.experiences)) F(r.nodes).some((e) => e.type === "step" && t.has(e.stepId)) && n.push(r.id);
 	return n;
 }
-async function z(e) {
-	let { apiUrl: t, projectId: n, projectRoot: r, headers: i, reuseWhenUnchanged: o = !0 } = e, l = F(r), u = await V(t, n, i), d = R(u);
-	if (o) {
-		let e = await I(l.manifestPath);
-		if (e && e.projectVersionId === u.versionId && e.workspaceId === u.workspaceId) return {
-			config: u,
-			manifest: e,
-			experienceContentPaths: B(l, d)
-		};
+async function V(n) {
+	let { apiUrl: r, projectId: i, projectRoot: a, headers: o, previewToken: s, reuseWhenUnchanged: c = !0 } = n, l = L(a), d = await U(r, i, o, s), p = B(d);
+	if (await u(l.experiencesDir, { recursive: !0 }), await f(l.projectConfigPath, JSON.stringify(d, null, 2)), c) {
+		let t = await R(l.manifestPath);
+		if (t?.version === I && t.projectVersionId === d.versionId && t.workspaceId === d.workspaceId) {
+			let n = H(l, p);
+			if (Object.values(n).every((t) => e(t))) return {
+				config: d,
+				manifest: t,
+				experienceContentPaths: n
+			};
+			D.info("a manifest-referenced content file is missing; refetching every experience");
+		}
 	}
-	await a(l.experiencesDir, { recursive: !0 }), await s(l.projectConfigPath, JSON.stringify(u, null, 2));
-	let f = (/* @__PURE__ */ new Date()).toISOString(), p = [];
-	for (let e of d) {
-		let r = await H(t, n, e, i), a = c(l.experiencesDir, `${e}.json`);
-		await s(a, JSON.stringify(r, null, 2)), p.push({
+	let m = (/* @__PURE__ */ new Date()).toISOString(), h = [];
+	for (let e of p) {
+		let n = await W(r, i, e, o, s), a = t(l.experiencesDir, `${e}.json`);
+		await f(a, JSON.stringify(n, null, 2)), h.push({
 			id: e,
-			fetchedAt: f
+			fetchedAt: m
 		});
 	}
-	let m = {
-		version: P,
-		fetchedAt: f,
-		projectVersionId: u.versionId,
-		workspaceId: u.workspaceId,
-		projectId: u.id,
-		experiences: p
+	let g = {
+		version: I,
+		fetchedAt: m,
+		projectVersionId: d.versionId,
+		workspaceId: d.workspaceId,
+		projectId: d.id,
+		experiences: h
 	};
-	return await s(l.manifestPath, JSON.stringify(m, null, 2)), {
-		config: u,
-		manifest: m,
-		experienceContentPaths: B(l, d)
+	return await f(l.manifestPath, JSON.stringify(g, null, 2)), {
+		config: d,
+		manifest: g,
+		experienceContentPaths: H(l, p)
 	};
 }
-function B(e, t) {
-	let n = {};
-	for (let r of t) n[r] = c(e.experiencesDir, `${r}.json`);
-	return n;
+function H(e, n) {
+	let r = {};
+	for (let i of n) r[i] = t(e.experiencesDir, `${i}.json`);
+	return r;
 }
-async function V(e, t, n) {
-	let i = () => r(e, t, { headers: n }), a;
+async function U(e, t, n, r) {
+	let i = () => a(e, t, {
+		headers: n,
+		previewToken: r
+	}), o;
 	try {
-		a = j(e) ? await M(i, (e, t, n) => {
-			T.info(`project config not ready, retrying in ${(n / 1e3).toString()}s (${e.toString()}/${t.toString()})`);
+		o = M(e) ? await P(i, (e, t, n) => {
+			D.info(`project config not ready, retrying in ${(n / 1e3).toString()}s (${e.toString()}/${t.toString()})`);
 		}) : await i();
 	} catch (n) {
-		throw Error(`[picked] Build-time fetch of project config failed for "${t}" at ${e}: ${U(n)}`);
+		throw Error(`[picked] Build-time fetch of project config failed for "${t}" at ${e}: ${G(n)}`);
 	}
-	if (!a) throw Error(`[picked] Build-time fetch of project config returned no usable response for "${t}" at ${e}. Confirm the API is reachable and the project ID is correct.`);
-	return a;
+	if (!o) throw Error(`[picked] Build-time fetch of project config returned no usable response for "${t}" at ${e}. Confirm the API is reachable and the project ID is correct.`);
+	return o;
 }
-async function H(e, t, r, i) {
-	let a;
+async function W(e, t, n, r, a) {
+	let o;
 	try {
-		a = await n(e, t, r, { headers: i });
+		o = await i(e, t, n, {
+			headers: r,
+			previewToken: a
+		});
 	} catch (t) {
-		throw Error(`[picked] Build-time fetch of content for experience "${r}" failed at ${e}: ${U(t)}`);
+		throw Error(`[picked] Build-time fetch of content for experience "${n}" failed at ${e}: ${G(t)}`);
 	}
-	if (!a) throw Error(`[picked] Build-time fetch of content for experience "${r}" returned no usable response. Confirm the experience id exists and the API is reachable.`);
-	return a;
+	if (!o) throw Error(`[picked] Build-time fetch of content for experience "${n}" returned no usable response. Confirm the experience id exists and the API is reachable.`);
+	return o;
 }
-function U(e) {
+function G(e) {
 	if (e instanceof Error) return e.message;
 	if (typeof e == "string") return e;
 	try {
@@ -305,10 +316,16 @@ function U(e) {
 	}
 }
 //#endregion
+//#region src/virtual-module/api.ts
+function K() {
+	return "export const manifestMetadata = {\n  mode: 'api',\n  fetchedAt: null,\n  projectVersionId: null,\n  workspaceId: null,\n}\n";
+}
+//#endregion
 //#region src/virtual-module/build.ts
-function W(e) {
+function q(e) {
 	let { projectConfigPath: t, experienceContentPaths: n, manifestMetadata: r } = e, i = (e) => JSON.stringify(e), a = Object.entries(n).map(([e, t]) => `  ${JSON.stringify(e)}: () => import(${i(t)}).then((m) => m.default ?? m),`).join("\n");
-	return `import projectConfigJson from ${i(t)}
+	return `import { registerPickedBundle } from '@picked/client/plugins/dynamic-experiences'
+import projectConfigJson from ${i(t)}
 
 const experienceImporters = {
 ${a}
@@ -329,23 +346,26 @@ export async function experienceContent(experience, _options) {
 }
 
 export const manifestMetadata = ${JSON.stringify(r)}
+
+registerPickedBundle({ projectConfig, experienceContent, manifestMetadata })
 `;
 }
 //#endregion
 //#region src/virtual-module/dev.ts
-function G(e) {
-	let { apiUrl: t, projectId: n } = e;
-	return `import { fetchProject, fetchExperienceContent } from '@picked/client/plugins/dynamic-experiences'
+function J(e) {
+	let { apiUrl: t, projectId: n, projectConfig: r, previewToken: i } = e, a = r ? "import { fetchExperienceContent, registerPickedBundle } from '@picked/client/plugins/dynamic-experiences'" : "import { fetchProject, fetchExperienceContent } from '@picked/client/plugins/dynamic-experiences'", o = r ? `export const projectConfig = ${JSON.stringify(r)}` : "export const projectConfig = await fetchProject(apiUrl, projectId, { previewToken: previewToken ?? undefined })", s = r ? "\nregisterPickedBundle({ projectConfig, experienceContent, manifestMetadata })\n" : "";
+	return `${a}
 
 const apiUrl = ${JSON.stringify(t)}
 const projectId = ${JSON.stringify(n)}
+const previewToken = ${JSON.stringify(i ?? null)}
 
-export const projectConfig = await fetchProject(apiUrl, projectId)
+${o}
 
 export async function experienceContent(experience, options) {
   const id = typeof experience === 'string' ? experience : experience?.id
   if (!id) return null
-  return await fetchExperienceContent(apiUrl, projectId, id, options)
+  return await fetchExperienceContent(apiUrl, projectId, id, { previewToken: previewToken ?? undefined, ...options })
 }
 
 export const manifestMetadata = {
@@ -354,14 +374,14 @@ export const manifestMetadata = {
   projectVersionId: projectConfig?.versionId ?? null,
   workspaceId: projectConfig?.workspaceId ?? null,
 }
-`;
+${s}`;
 }
 //#endregion
 //#region src/index.ts
-var K = 5;
-function q(e, t, n) {
+var oe = 5;
+function Y(e, t, n) {
 	if (t.length === 0) return;
-	if (t.length > K) {
+	if (t.length > oe) {
 		console.log(`\n  ${e}: ${t.length.toString()} loaded\n`);
 		return;
 	}
@@ -376,10 +396,10 @@ function q(e, t, n) {
 		""
 	].join("\n"));
 }
-function J(e, t) {
+function se(e, t) {
 	t.length !== 0 && console.log(`\n  ${e}: ${t.length.toString()} loaded\n`);
 }
-var Y = [
+var ce = [
 	{
 		header: "Name",
 		value: (e) => e.name
@@ -400,7 +420,7 @@ var Y = [
 		header: "Ver",
 		value: (e) => `v${e.version.toString()}`
 	}
-], ie = [
+], le = [
 	{
 		header: "Name",
 		value: (e) => e.name
@@ -421,7 +441,7 @@ var Y = [
 		header: "Targets",
 		value: (e) => e.targets.length.toString()
 	}
-], ae = [
+], ue = [
 	{
 		header: "Name",
 		value: (e) => e.name
@@ -434,7 +454,7 @@ var Y = [
 		header: "Fields",
 		value: (e) => (e.fieldIds?.length ?? 0).toString()
 	}
-], oe = [
+], de = [
 	{
 		header: "Name",
 		value: (e) => e.name
@@ -451,86 +471,175 @@ var Y = [
 		header: "Required",
 		value: (e) => e.required ? "yes" : "no"
 	}
-], se = [{
+], fe = [{
 	header: "Name",
 	value: (e) => e.name
 }, {
 	header: "Key",
 	value: (e) => e.key
 }];
-function ce() {
-	return "0.0.1-dev.1786072899095";
+function pe() {
+	return "0.0.1-dev.1786601464574";
+}
+var me = "https://api.picked.app", X = "virtual:picked/data", Z = `\0${X}`;
+function he(e) {
+	for (let t of Object.values(e)) if (t.type === "chunk" && t.moduleIds.includes(Z)) return t.fileName;
+}
+function ge(e, t) {
+	return e === "" || e.endsWith("/") ? `${e}${t}` : `${e}/${t}`;
+}
+async function _e(e) {
+	try {
+		let t = await o({ config: e });
+		D.info(`generated types at ${t.typesOutput}`);
+	} catch (e) {
+		let t = e instanceof Error ? e.message : String(e);
+		D.warn(`type generation failed: ${t}`);
+	}
 }
-var X = "https://api.picked.app", Z = "virtual:picked/data", Q = `\0${Z}`;
-function le(n) {
-	let i = n.apiUrl ?? X, a = [], o = process.cwd(), s = "serve", c, l = !1;
+async function ve(e) {
+	let t = await c(e);
+	if (!t) throw Error("picked.config.{ts,js,json} is required. Add a picked.config.ts with projectId and apiUrl.");
+	return t;
+}
+async function ye(e, t) {
+	let n = await s(e);
+	n && n.projectId !== t && D.warn(`using project "${t}" (picked.config default: "${n.projectId}") — run 'picked status' to inspect`);
+}
+var Q = /* @__PURE__ */ new Map();
+function be(e, t, n) {
+	return JSON.stringify([
+		e,
+		t,
+		n
+	]);
+}
+function xe(t = {}) {
+	let i = t.mode ?? "bundle", o = t.generateTypes ?? !0, s = [], c = process.cwd(), l = "serve", u = "/", d = null, f = !1, p, m, g = null;
 	return {
 		name: "picked",
-		config: async (u, d) => {
-			s = d.command, o = process.cwd(), T.banner(), i !== X && T.warn(`using custom API URL: ${i}`);
-			let f = t("vite-plugin", ce());
-			if (d.command === "build") {
-				if (l) return;
-				l = !0, T.info(`prefetching project config + content for "${n.projectId}"`);
-				let t = F(o), r = e(t.pickedDir), s = performance.now(), u = await z({
-					apiUrl: i,
-					projectId: n.projectId,
-					projectRoot: o,
-					headers: f
-				}), d = (performance.now() - s).toFixed(0);
-				await ne(o, r);
-				let p = u.config;
-				a = N(p.features), $(p, d), c = W({
-					projectConfigPath: t.projectConfigPath,
-					experienceContentPaths: u.experienceContentPaths,
-					manifestMetadata: {
-						mode: "build",
-						fetchedAt: u.manifest.fetchedAt,
-						projectVersionId: u.manifest.projectVersionId,
-						workspaceId: u.manifest.workspaceId
-					}
-				});
-			} else {
-				T.info(`fetching project config for "${n.projectId}" (dev)`);
-				let e = performance.now(), t = () => r(i, n.projectId, { headers: f }), o = j(i) ? await M(t, (e, t, n) => {
-					T.info(`local API not ready, retrying in ${(n / 1e3).toString()}s (${e.toString()}/${t.toString()})`);
-				}) : await t(), s = (performance.now() - e).toFixed(0);
-				o ? (a = N(o.features), $(o, s)) : T.warn(`failed to fetch project config for "${n.projectId}" (${s}ms)`);
+		config: async (t, u) => {
+			l = u.command, c = t.root === void 0 ? process.cwd() : n(process.cwd(), t.root), d = await ve(c);
+			let { projectId: h, apiUrl: _, previewToken: v } = d;
+			D.banner(), o && !f && (f = !0, await _e(d)), _ !== me && D.warn(`using custom API URL: ${_}`), await ye(c, h);
+			let y = r("vite-plugin", pe());
+			if (i === "api") D.debug("mode is 'api': skipping the project-config prefetch");
+			else if (u.command === "build") {
+				let t = be(_, h, c);
+				p = t;
+				let n = Q.get(t);
+				n === void 0 && (n = (async () => {
+					D.info(`prefetching project config + content for "${h}"`);
+					let t = L(c), n = e(t.pickedDir), r = performance.now(), i = await V({
+						apiUrl: _,
+						projectId: h,
+						projectRoot: c,
+						headers: y,
+						previewToken: v ?? void 0
+					}), a = (performance.now() - r).toFixed(0);
+					await ie(c, n);
+					let o = i.config;
+					return $(o, a), {
+						virtualSource: q({
+							projectConfigPath: t.projectConfigPath,
+							experienceContentPaths: i.experienceContentPaths,
+							manifestMetadata: {
+								mode: "build",
+								fetchedAt: i.manifest.fetchedAt,
+								projectVersionId: i.manifest.projectVersionId,
+								workspaceId: i.manifest.workspaceId
+							}
+						}),
+						features: F(o.features)
+					};
+				})(), n.catch(() => Q.delete(t)), Q.set(t, n));
+				let r = await n;
+				m = r.virtualSource, s = r.features;
+			} else if (u.mode === "production") D.debug("skipping the dev project-config fetch for a production serve resolution");
+			else {
+				D.info(`fetching project config for "${h}" (dev)`);
+				let e = performance.now(), t = () => a(_, h, {
+					headers: y,
+					previewToken: v ?? void 0
+				}), n = M(_) ? await P(t, (e, t, n) => {
+					D.info(`local API not ready, retrying in ${(n / 1e3).toString()}s (${e.toString()}/${t.toString()})`);
+				}) : await t(), r = (performance.now() - e).toFixed(0);
+				g = n, n ? (s = F(n.features), $(n, r)) : D.warn(`failed to fetch project config for "${h}" (${r}ms)`);
+			}
+		},
+		configResolved(e) {
+			u = e.base;
+		},
+		closeBundle() {
+			p !== void 0 && Q.delete(p);
+		},
+		transformIndexHtml: {
+			order: "post",
+			handler(e, t) {
+				if (i === "api" || t.bundle === void 0) return;
+				let n = he(t.bundle);
+				if (n === void 0) return;
+				let r = ge(u, n);
+				if (!e.includes(`"${r}"`)) return [{
+					tag: "link",
+					attrs: {
+						rel: "modulepreload",
+						crossorigin: !0,
+						href: r
+					},
+					injectTo: "head"
+				}];
 			}
 		},
 		resolveId(e) {
-			if (e === Z) return Q;
+			if (e === X) return Z;
 		},
 		load(e) {
-			if (e === Q) return s === "build" ? c : G({
-				apiUrl: i,
-				projectId: n.projectId
-			});
+			if (e === Z) {
+				if (i === "api") return K();
+				if (l === "build") return m;
+				if (!d) throw Error("picked plugin config hook must run before virtual module load");
+				return J({
+					apiUrl: d.apiUrl,
+					projectId: d.projectId,
+					projectConfig: g,
+					previewToken: d.previewToken ?? void 0
+				});
+			}
 		},
 		configureServer(e) {
-			if (n.disableLauncher) return;
-			e.middlewares.use(E(() => d(a)));
-			let t = e.printUrls.bind(e);
+			if (t.disableLauncher) return;
+			e.middlewares.use(O(() => h(s)));
+			let n = e.printUrls.bind(e);
 			e.printUrls = () => {
-				let n = e.resolvedUrls?.local[0];
-				if (n) {
-					let e = n.replace(/:(?<port>\d+)\//, (e, t) => `:\x1b[1m${t}\x1b[22m/`);
+				let t = e.resolvedUrls?.local[0];
+				if (t) {
+					let e = t.replace(/:(?<port>\d+)\//, (e, t) => `:\x1b[1m${t}\x1b[22m/`);
 					console.log(`  \x1b[32m➜\x1b[0m  \x1b[1mPicked\x1b[22m:  \x1b[36m${e}\x1b[0m`);
 				}
-				t();
+				n();
 			};
 		},
-		generateBundle() {
-			n.disableLauncher || this.emitFile({
-				type: "asset",
-				fileName: "index.html",
-				source: d(a)
-			});
+		generateBundle: {
+			order: "post",
+			handler(e, n) {
+				if (!t.disableLauncher) {
+					if ("index.html" in n) {
+						D.debug("index.html came from the build; skipping the launcher page");
+						return;
+					}
+					this.emitFile({
+						type: "asset",
+						fileName: "index.html",
+						source: h(s)
+					});
+				}
+			}
 		}
 	};
 }
 function $(e, t) {
-	let n = N(e.features), r = N(e.experiences), i = N(e.steps), a = N(e.fields), o = N(e.conditions), s = N(e.actions), c = JSON.stringify(e).length, l = [
+	let n = F(e.features), r = F(e.experiences), i = F(e.steps), a = F(e.fields), o = F(e.conditions), s = F(e.actions), c = JSON.stringify(e).length, l = [
 		`${n.length.toString()} features`,
 		`${r.length.toString()} experiences`,
 		`${i.length.toString()} steps`,
@@ -538,7 +647,7 @@ function $(e, t) {
 		`${o.length.toString()} conditions`,
 		`${s.length.toString()} actions`
 	].join(", ");
-	T.info(`fetched config in ${t}ms (${l})`), q("Features", n, Y), q("Experiences", r, ie), q("Steps", i, ae), q("Fields", a, oe), q("Conditions", o, se), J("Actions", s), T.debug(`config size: ${c.toString()} bytes`);
+	D.info(`fetched config in ${t}ms (${l})`), Y("Features", n, ce), Y("Experiences", r, le), Y("Steps", i, ue), Y("Fields", a, de), Y("Conditions", o, fe), se("Actions", s), D.debug(`config size: ${c.toString()} bytes`);
 }
 //#endregion
-export { le as picked };
+export { xe as picked };