@picked/vite-plugin-picked 0.0.1-dev.1786405786333 → 0.0.1-dev.1786675074931

package/dist/esm/index.js

@@ -1,28 +1,30 @@
 import { existsSync as e } from "node:fs";
 import { join as t, resolve as n } from "node:path";
-import { createClientHeaders as r, fetchExperienceContent as i, fetchProject as a } from "@picked/client/plugins/dynamic-experiences";
-import { appendFile as o, mkdir as s, readFile as c, writeFile as l } from "node:fs/promises";
+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 u(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 d;
-function f(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="${m(e.id)}" checked>
-            <span class="feature-name">${p(e.name)}</span>
-            <span class="feature-id">${p(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="${m(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(d ||= u([
+	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 f(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 p(e) {
+function g(e) {
 	return e.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll("\"", "&quot;");
 }
-function m(e) {
+function _(e) {
 	return e.replaceAll("&", "&amp;").replaceAll("\"", "&quot;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
 }
 //#endregion
 //#region src/log.ts
-var h = "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 g(e) {
-	return (t) => te() ? t : `${e}${t}${ee}`;
+function b(e) {
+	return (t) => ee() ? t : `${e}${t}${y}`;
 }
-var _ = [
+var x = [
 	"debug",
 	"info",
 	"warn",
 	"error",
 	"silent"
-], v = {
+], S = {
 	debug: {
-		color: g("\x1B[2m"),
+		color: b("\x1B[2m"),
 		log: console.debug,
 		enabled: !1
 	},
 	info: {
-		color: g("\x1B[36m"),
+		color: b("\x1B[36m"),
 		log: console.log,
 		enabled: !0
 	},
 	warn: {
-		color: g("\x1B[33m"),
+		color: b("\x1B[33m"),
 		log: console.warn,
 		enabled: !0
 	},
 	error: {
-		color: g("\x1B[31m"),
+		color: b("\x1B[31m"),
 		log: console.error,
 		enabled: !0
 	},
@@ -80,52 +82,52 @@ var _ = [
 		enabled: !1
 	}
 };
-function y(e, t) {
-	return `${(/* @__PURE__ */ new Date()).toLocaleTimeString()} [${t ? `${h}:${t}` : h}] ${e}`;
+function te(e, t) {
+	return `${(/* @__PURE__ */ new Date()).toLocaleTimeString()} [${t ? `${v}:${t}` : v}] ${e}`;
 }
-function b(e, t, n, r) {
+function C(e, t, n, r) {
 	if (!e.enabled) return;
-	let i = y(t, r);
+	let i = te(t, r);
 	e.log(e.color ? e.color(i) : i), n !== void 0 && e.log(n);
 }
-function x(e) {
-	let t = v[e], n = /* @__PURE__ */ new Set();
+function w(e) {
+	let t = S[e], n = /* @__PURE__ */ new Set();
 	return Object.assign((e, n, r) => {
-		b(t, e, n, r);
+		C(t, e, n, r);
 	}, { once(e, r, i) {
-		!t.enabled || n.has(e) || (n.add(e), b(t, e, r, i));
+		!t.enabled || n.has(e) || (n.add(e), C(t, e, r, i));
 	} });
 }
-function S(e) {
-	let t = _.indexOf(e);
+function ne(e) {
+	let t = x.indexOf(e);
 	if (t === -1) {
-		b(v.error, `invalid log level: ${e}`);
+		C(S.error, `invalid log level: ${e}`);
 		return;
 	}
-	for (let [e, n] of _.entries()) v[n].enabled = e >= t;
+	for (let [e, n] of x.entries()) S[n].enabled = e >= t;
 }
-var C = g("\x1B[34m"), w = g("\x1B[36m");
-function ne() {
+var T = b("\x1B[34m"), E = b("\x1B[36m");
+function re() {
 	let e = [
-		` ${C("_")}   ${w("_")}         _    _          _`,
-		`${C("(_)")} ${w("(_)")}   _ __(_)__| |_____ __| |`,
-		` ${C("_")}   ${C("_")}   | '_ \\ / _| / / -_) _\` |`,
-		`${C("(_)")} ${C("(_)")}  | .__/_\\__|_\\_\\___\\__,_|`,
+		` ${T("_")}   ${E("_")}         _    _          _`,
+		`${T("(_)")} ${E("(_)")}   _ __(_)__| |_____ __| |`,
+		` ${T("_")}   ${T("_")}   | '_ \\ / _| / / -_) _\` |`,
+		`${T("(_)")} ${T("(_)")}  | .__/_\\__|_\\_\\___\\__,_|`,
 		"         |_|\n  "
 	];
 	console.log(e.join("\n"));
 }
-var T = {
-	banner: ne,
-	debug: x("debug"),
-	info: x("info"),
-	warn: x("warn"),
-	error: x("error"),
-	setLevel: S
+var D = {
+	banner: re,
+	debug: w("debug"),
+	info: w("info"),
+	warn: w("warn"),
+	error: w("error"),
+	setLevel: ne
 };
 //#endregion
 //#region src/middleware.ts
-function re(e) {
+function O(e) {
 	return (t, n, r) => {
 		if (t.method !== "GET") {
 			r();
@@ -142,28 +144,28 @@ function re(e) {
 }
 //#endregion
 //#region src/gitignore.ts
-var E = ".picked/";
-async function D(n, r) {
+var k = ".picked/";
+async function ie(n, r) {
 	if (r) return;
 	let i = t(n, ".gitignore");
 	if (!e(i)) {
-		await l(i, `${E}
+		await f(i, `${k}
 `);
 		return;
 	}
-	let a = await c(i, "utf8");
-	if (O(a)) return;
-	let s = `${a.length > 0 && !a.endsWith("\n") ? "\n" : ""}${E}
+	let a = await d(i, "utf8");
+	if (A(a)) return;
+	let o = `${a.length > 0 && !a.endsWith("\n") ? "\n" : ""}${k}
 `;
-	await o(i, s);
+	await l(i, o);
 }
-function O(e) {
-	return e.split(/\r?\n/).map((e) => e.trim()).some((e) => e === E || 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, ie = 5e3;
-function A(e) {
+var j = 6, ae = 5e3;
+function M(e) {
 	let t;
 	try {
 		t = new URL(e).hostname;
@@ -172,12 +174,12 @@ function A(e) {
 	}
 	return t === "localhost" || t === "127.0.0.1" || t === "::1" || t === "[::1]" || t !== "api.picked.app" && t.endsWith(".picked.app");
 }
-function ae(e) {
+function N(e) {
 	return new Promise((t) => {
 		setTimeout(t, e);
 	});
 }
-async function j(e, t) {
+async function P(e, t) {
 	let n = null, r = null;
 	try {
 		n = await e();
@@ -185,9 +187,9 @@ async function j(e, t) {
 		r = e;
 	}
 	if (n !== null) return n;
-	for (let i = 1; i <= k; i++) {
-		let a = ie * 2 ** (i - 1);
-		t(i, k, a), await ae(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,13 +202,13 @@ async function j(e, t) {
 }
 //#endregion
 //#region src/util.ts
-function M(e) {
+function F(e) {
 	return Array.isArray(e) ? e : [];
 }
 //#endregion
 //#region src/prefetch.ts
-var N = 2;
-function P(e) {
+var I = 2;
+function L(e) {
 	let n = t(e, ".picked");
 	return {
 		pickedDir: n,
@@ -215,90 +217,96 @@ function P(e) {
 		experiencesDir: t(n, "experiences")
 	};
 }
-async function F(t) {
+async function R(t) {
 	if (!e(t)) return null;
 	try {
-		let e = await c(t, "utf8"), n = JSON.parse(e);
-		return I(n) ? n : null;
+		let e = await d(t, "utf8"), n = JSON.parse(e);
+		return z(n) ? n : null;
 	} catch {
 		return null;
 	}
 }
-function I(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 L(e) {
+function B(e) {
 	let t = /* @__PURE__ */ new Set();
-	for (let n of M(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 M(e.experiences)) M(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 R(n) {
-	let { apiUrl: r, projectId: i, projectRoot: a, headers: o, reuseWhenUnchanged: c = !0 } = n, u = P(a), d = await B(r, i, o), f = L(d);
-	if (await s(u.experiencesDir, { recursive: !0 }), await l(u.projectConfigPath, JSON.stringify(d, null, 2)), c) {
-		let t = await F(u.manifestPath);
-		if (t?.version === N && t.projectVersionId === d.versionId && t.workspaceId === d.workspaceId) {
-			let n = z(u, f);
+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
 			};
-			T.info("a manifest-referenced content file is missing; refetching every experience");
+			D.info("a manifest-referenced content file is missing; refetching every experience");
 		}
 	}
-	let p = (/* @__PURE__ */ new Date()).toISOString(), m = [];
-	for (let e of f) {
-		let n = await V(r, i, e, o), a = t(u.experiencesDir, `${e}.json`);
-		await l(a, JSON.stringify(n, null, 2)), m.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: p
+			fetchedAt: m
 		});
 	}
-	let h = {
-		version: N,
-		fetchedAt: p,
+	let g = {
+		version: I,
+		fetchedAt: m,
 		projectVersionId: d.versionId,
 		workspaceId: d.workspaceId,
 		projectId: d.id,
-		experiences: m
+		experiences: h
 	};
-	return await l(u.manifestPath, JSON.stringify(h, null, 2)), {
+	return await f(l.manifestPath, JSON.stringify(g, null, 2)), {
 		config: d,
-		manifest: h,
-		experienceContentPaths: z(u, f)
+		manifest: g,
+		experienceContentPaths: H(l, p)
 	};
 }
-function z(e, n) {
+function H(e, n) {
 	let r = {};
 	for (let i of n) r[i] = t(e.experiencesDir, `${i}.json`);
 	return r;
 }
-async function B(e, t, n) {
-	let r = () => a(e, t, { headers: n }), i;
+async function U(e, t, n, r) {
+	let i = () => a(e, t, {
+		headers: n,
+		previewToken: r
+	}), o;
 	try {
-		i = A(e) ? await j(r, (e, t, n) => {
-			T.info(`project config not ready, retrying in ${(n / 1e3).toString()}s (${e.toString()}/${t.toString()})`);
-		}) : await r();
+		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}: ${H(n)}`);
+		throw Error(`[picked] Build-time fetch of project config failed for "${t}" at ${e}: ${G(n)}`);
 	}
-	if (!i) 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 i;
+	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 V(e, t, n, r) {
-	let a;
+async function W(e, t, n, r, a) {
+	let o;
 	try {
-		a = await i(e, t, n, { headers: r });
+		o = await i(e, t, n, {
+			headers: r,
+			previewToken: a
+		});
 	} catch (t) {
-		throw Error(`[picked] Build-time fetch of content for experience "${n}" failed at ${e}: ${H(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 "${n}" 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 H(e) {
+function G(e) {
 	if (e instanceof Error) return e.message;
 	if (typeof e == "string") return e;
 	try {
@@ -309,12 +317,12 @@ function H(e) {
 }
 //#endregion
 //#region src/virtual-module/api.ts
-function U() {
+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 { registerPickedBundle } from '@picked/client/plugins/dynamic-experiences'
 import projectConfigJson from ${i(t)}
@@ -344,19 +352,20 @@ registerPickedBundle({ projectConfig, experienceContent, manifestMetadata })
 }
 //#endregion
 //#region src/virtual-module/dev.ts
-function G(e) {
-	let { apiUrl: t, projectId: n, projectConfig: r } = e, i = r ? "import { fetchExperienceContent, registerPickedBundle } from '@picked/client/plugins/dynamic-experiences'" : "import { fetchProject, fetchExperienceContent } from '@picked/client/plugins/dynamic-experiences'", a = r ? `export const projectConfig = ${JSON.stringify(r)}` : "export const projectConfig = await fetchProject(apiUrl, projectId)", o = r ? "\nregisterPickedBundle({ projectConfig, experienceContent, manifestMetadata })\n" : "";
-	return `${i}
+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)}
 
-${a}
+${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 = {
@@ -365,14 +374,14 @@ export const manifestMetadata = {
   projectVersionId: projectConfig?.versionId ?? null,
   workspaceId: projectConfig?.workspaceId ?? null,
 }
-${o}`;
+${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;
 	}
@@ -387,10 +396,10 @@ function q(e, t, n) {
 		""
 	].join("\n"));
 }
-function oe(e, t) {
+function se(e, t) {
 	t.length !== 0 && console.log(`\n  ${e}: ${t.length.toString()} loaded\n`);
 }
-var se = [
+var ce = [
 	{
 		header: "Name",
 		value: (e) => e.name
@@ -411,7 +420,7 @@ var se = [
 		header: "Ver",
 		value: (e) => `v${e.version.toString()}`
 	}
-], ce = [
+], le = [
 	{
 		header: "Name",
 		value: (e) => e.name
@@ -432,7 +441,7 @@ var se = [
 		header: "Targets",
 		value: (e) => e.targets.length.toString()
 	}
-], le = [
+], ue = [
 	{
 		header: "Name",
 		value: (e) => e.name
@@ -445,7 +454,7 @@ var se = [
 		header: "Fields",
 		value: (e) => (e.fieldIds?.length ?? 0).toString()
 	}
-], ue = [
+], de = [
 	{
 		header: "Name",
 		value: (e) => e.name
@@ -462,91 +471,115 @@ var se = [
 		header: "Required",
 		value: (e) => e.required ? "yes" : "no"
 	}
-], de = [{
+], fe = [{
 	header: "Name",
 	value: (e) => e.name
 }, {
 	header: "Key",
 	value: (e) => e.key
 }];
-function J() {
-	return "0.0.1-dev.1786405786333";
+function pe() {
+	return "0.0.1-dev.1786675074931";
 }
-var Y = "https://api.picked.app", X = "virtual:picked/data", Z = `\0${X}`;
-function fe(e) {
+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 pe(e, t) {
+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}`);
+	}
+}
+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 me(e, t, n) {
+function be(e, t, n) {
 	return JSON.stringify([
 		e,
 		t,
 		n
 	]);
 }
-function he(t) {
-	let i = t.apiUrl ?? Y, o = t.mode ?? "bundle", s = [], c = process.cwd(), l = "serve", u = "/", d, p, m = null;
+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, f) => {
-			l = f.command, c = u.root === void 0 ? process.cwd() : n(process.cwd(), u.root), T.banner(), i !== Y && T.warn(`using custom API URL: ${i}`);
-			let h = r("vite-plugin", J());
-			if (o === "api") T.debug("mode is 'api': skipping the project-config prefetch");
-			else if (f.command === "build") {
-				let n = me(i, t.projectId, c);
-				d = n;
-				let r = Q.get(n);
-				r === void 0 && (r = (async () => {
-					T.info(`prefetching project config + content for "${t.projectId}"`);
-					let n = P(c), r = e(n.pickedDir), a = performance.now(), o = await R({
-						apiUrl: i,
-						projectId: t.projectId,
+		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: h
-					}), s = (performance.now() - a).toFixed(0);
-					await D(c, r);
-					let l = o.config;
-					return $(l, s), {
-						virtualSource: W({
-							projectConfigPath: n.projectConfigPath,
-							experienceContentPaths: o.experienceContentPaths,
+						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: o.manifest.fetchedAt,
-								projectVersionId: o.manifest.projectVersionId,
-								workspaceId: o.manifest.workspaceId
+								fetchedAt: i.manifest.fetchedAt,
+								projectVersionId: i.manifest.projectVersionId,
+								workspaceId: i.manifest.workspaceId
 							}
 						}),
-						features: M(l.features)
+						features: F(o.features)
 					};
-				})(), r.catch(() => Q.delete(n)), Q.set(n, r));
-				let a = await r;
-				p = a.virtualSource, s = a.features;
-			} else if (f.mode === "production") T.debug("skipping the dev project-config fetch for a production serve resolution");
+				})(), 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 {
-				T.info(`fetching project config for "${t.projectId}" (dev)`);
-				let e = performance.now(), n = () => a(i, t.projectId, { headers: h }), r = A(i) ? await j(n, (e, t, n) => {
-					T.info(`local API not ready, retrying in ${(n / 1e3).toString()}s (${e.toString()}/${t.toString()})`);
-				}) : await n(), o = (performance.now() - e).toFixed(0);
-				m = r, r ? (s = M(r.features), $(r, o)) : T.warn(`failed to fetch project config for "${t.projectId}" (${o}ms)`);
+				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() {
-			d !== void 0 && Q.delete(d);
+			p !== void 0 && Q.delete(p);
 		},
 		transformIndexHtml: {
 			order: "post",
 			handler(e, t) {
-				if (o === "api" || t.bundle === void 0) return;
-				let n = fe(t.bundle);
+				if (i === "api" || t.bundle === void 0) return;
+				let n = he(t.bundle);
 				if (n === void 0) return;
-				let r = pe(u, n);
+				let r = ge(u, n);
 				if (!e.includes(`"${r}"`)) return [{
 					tag: "link",
 					attrs: {
@@ -562,15 +595,21 @@ function he(t) {
 			if (e === X) return Z;
 		},
 		load(e) {
-			if (e === Z) return o === "api" ? U() : l === "build" ? p : G({
-				apiUrl: i,
-				projectId: t.projectId,
-				projectConfig: m
-			});
+			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 (t.disableLauncher) return;
-			e.middlewares.use(re(() => f(s)));
+			e.middlewares.use(O(() => h(s)));
 			let n = e.printUrls.bind(e);
 			e.printUrls = () => {
 				let t = e.resolvedUrls?.local[0];
@@ -586,13 +625,13 @@ function he(t) {
 			handler(e, n) {
 				if (!t.disableLauncher) {
 					if ("index.html" in n) {
-						T.debug("index.html came from the build; skipping the launcher page");
+						D.debug("index.html came from the build; skipping the launcher page");
 						return;
 					}
 					this.emitFile({
 						type: "asset",
 						fileName: "index.html",
-						source: f(s)
+						source: h(s)
 					});
 				}
 			}
@@ -600,7 +639,7 @@ function he(t) {
 	};
 }
 function $(e, t) {
-	let n = M(e.features), r = M(e.experiences), i = M(e.steps), a = M(e.fields), o = M(e.conditions), s = M(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`,
@@ -608,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, se), q("Experiences", r, ce), q("Steps", i, le), q("Fields", a, ue), q("Conditions", o, de), oe("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 { he as picked };
+export { xe as picked };