@ojolowoblue/lamba 1.0.0

package/dist/lamba.min.js

@@ -0,0 +1,560 @@
+"use strict";var lamba=(()=>{var O=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var q=Object.prototype.hasOwnProperty;var j=(s,e)=>{for(var r in e)O(s,r,{get:e[r],enumerable:!0})},F=(s,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of B(e))!q.call(s,a)&&a!==r&&O(s,a,{get:()=>e[a],enumerable:!(t=_(e,a))||t.enumerable});return s};var U=s=>F(O({},"__esModule",{value:!0}),s);var D={};j(D,{LambaManager:()=>S,default:()=>z,lamba:()=>L,parseEnvString:()=>u,stringifyEnv:()=>f});var R="__lamba_presets__",P="__lamba_active_preset__",g=class{constructor(){this.presets=[];this.activePresetId=null;this.loadFromStorage()}loadFromStorage(){if(!(typeof localStorage>"u"))try{let e=localStorage.getItem(R);e&&(this.presets=JSON.parse(e)),this.activePresetId=localStorage.getItem(P)}catch(e){console.warn("[lamba] Failed to parse presets from localStorage",e)}}saveToStorage(){if(!(typeof localStorage>"u"))try{localStorage.setItem(R,JSON.stringify(this.presets)),this.activePresetId?localStorage.setItem(P,this.activePresetId):localStorage.removeItem(P)}catch(e){console.warn("[lamba] Failed to save presets to localStorage",e)}}getPresets(){return[...this.presets]}getActivePresetId(){return this.activePresetId}createPreset(e,r){let t={id:"preset_"+Math.random().toString(36).substring(2,9),name:e.trim()||"Untitled Preset",overrides:{...r},createdAt:Date.now()};return this.presets.push(t),this.saveToStorage(),t}deletePreset(e){this.presets=this.presets.filter(r=>r.id!==e),this.activePresetId===e&&(this.activePresetId=null),this.saveToStorage()}setActivePreset(e){if(!e)return this.activePresetId=null,this.saveToStorage(),null;let r=this.presets.find(t=>t.id===e);return r?(this.activePresetId=e,this.saveToStorage(),r):null}};function u(s){let e={},r=s.split(`
+`);for(let t of r){if(t=t.trim(),!t||t.startsWith("#"))continue;t.startsWith("export ")&&(t=t.slice(7).trim());let a=t.indexOf("=");if(a===-1)continue;let i=t.slice(0,a).trim(),n=t.slice(a+1).trim();(n.startsWith('"')&&n.endsWith('"')||n.startsWith("'")&&n.endsWith("'"))&&(n=n.slice(1,-1)),n=n.replace(/\\n/g,`
+`),i&&(e[i]=n)}return e}function f(s){return Object.entries(s).map(([e,r])=>{let a=r.includes(" ")||r.includes(`
+`)||r.includes("#")?`"${r.replace(/"/g,'\\"')}"`:r;return`${e}=${a}`}).join(`
+`)}function M(){let s={};if(typeof window>"u")return s;try{let e=window.process;if(e&&e.env&&typeof e.env=="object")for(let[r,t]of Object.entries(e.env))(typeof t=="string"||typeof t=="number"||typeof t=="boolean")&&(s[r]=String(t))}catch{}try{let e=window.__ENV__||window.ENV;if(e&&typeof e=="object")for(let[r,t]of Object.entries(e))(typeof t=="string"||typeof t=="number"||typeof t=="boolean")&&(s[r]=String(t))}catch{}try{document.querySelectorAll("meta").forEach(r=>{let t=r.getAttribute("name"),a=r.getAttribute("content");if(!(!t||a===null))if(t.startsWith("env:")){let i=t.slice(4);s[i]=a}else t==="lamba-env"&&new URLSearchParams(a).forEach((n,l)=>{s[l]=n})})}catch{}return s}async function T(){let s=["/.env","/.env.local","/.env.example"];for(let e of s)try{let r=await fetch(e,{headers:{Accept:"text/plain"}});if(r.ok){let t=await r.text();if(t&&t.includes("="))return u(t)}}catch{}return{}}var H="__lamba_overrides__",N=/(KEY|SECRET|TOKEN|PASSWORD|AUTH|PRIVATE|CREDENTIAL|SIGNATURE)/i,x=class{constructor(e={}){this.variables=new Map;this.overrides={};this.envChangeListeners=new Set;this.storeChangeListeners=new Set;this.secretPattern=e.secretKeysPattern||N,this.presetManager=new g,this.loadOverridesFromStorage(),e.env&&this.mergeDefaults(e.env);let r=M();this.mergeDefaults(r),e.autoFetchEnvFile===!0&&typeof window<"u"&&T().then(t=>{Object.keys(t).length>0&&this.mergeDefaults(t)}),this.patchProcessEnv()}loadOverridesFromStorage(){if(!(typeof localStorage>"u"))try{let e=localStorage.getItem(H);e&&(this.overrides=JSON.parse(e))}catch(e){console.warn("[lamba] Failed to parse overrides from localStorage",e)}}saveOverridesToStorage(){if(!(typeof localStorage>"u"))try{localStorage.setItem(H,JSON.stringify(this.overrides))}catch(e){console.warn("[lamba] Failed to save overrides to localStorage",e)}}patchProcessEnv(){if(typeof window>"u")return;let e=window;e.process?e.process.env||(e.process.env={}):e.process={env:{}};let r=this,t=e.process.env;try{e.process.env=new Proxy(t,{get(a,i){if(typeof i=="string"){let n=r.get(i);if(n!==void 0)return n}return a[i]},set(a,i,n){return a[i]=n,!0}})}catch{}}mergeDefaults(e){let r=!1;for(let[t,a]of Object.entries(e)){let i=t in this.overrides,n=i?this.overrides[t]:a,l=this.secretPattern.test(t),c=this.variables.get(t);c?c.defaultValue!==a&&(c.defaultValue=a,c.isOverridden||(c.value=a),r=!0):(this.variables.set(t,{key:t,value:n,defaultValue:a,isOverridden:i,isSecret:l}),r=!0)}r&&this.notifyStoreChanged()}get(e,r){if(e in this.overrides)return this.overrides[e];let t=this.variables.get(e);return t?t.value:r}getAll(){let e={};return this.variables.forEach((r,t)=>{e[t]={...r}}),e}getOverrides(){return{...this.overrides}}setOverride(e,r){let t=e.trim();if(!t)return;this.overrides[t]=r,this.saveOverridesToStorage();let a=this.variables.get(t);a?(a.value=r,a.isOverridden=!0):(a={key:t,value:r,defaultValue:"",isOverridden:!0,isSecret:this.secretPattern.test(t)},this.variables.set(t,a)),this.emitEnvChange(t,r,!0),this.notifyStoreChanged()}removeOverride(e){if(e in this.overrides){delete this.overrides[e],this.saveOverridesToStorage();let r=this.variables.get(e);r&&(r.value=r.defaultValue,r.isOverridden=!1,this.emitEnvChange(e,r.value,!1)),this.notifyStoreChanged()}}resetAllOverrides(){let e=Object.keys(this.overrides);this.overrides={},this.saveOverridesToStorage(),this.presetManager.setActivePreset(null),e.forEach(r=>{let t=this.variables.get(r);t&&(t.value=t.defaultValue,t.isOverridden=!1,this.emitEnvChange(r,t.value,!1))}),this.notifyStoreChanged()}applyPreset(e){let r=this.presetManager.setActivePreset(e);if(this.overrides=r?{...r.overrides}:{},this.saveOverridesToStorage(),this.variables.forEach((t,a)=>{a in this.overrides?(t.value=this.overrides[a],t.isOverridden=!0):(t.value=t.defaultValue,t.isOverridden=!1),this.emitEnvChange(a,t.value,t.isOverridden)}),r)for(let[t,a]of Object.entries(r.overrides))this.variables.has(t)||(this.variables.set(t,{key:t,value:a,defaultValue:"",isOverridden:!0,isSecret:this.secretPattern.test(t)}),this.emitEnvChange(t,a,!0));this.notifyStoreChanged()}subscribeEnvChange(e){return this.envChangeListeners.add(e),()=>this.envChangeListeners.delete(e)}subscribeStoreChange(e){return this.storeChangeListeners.add(e),()=>this.storeChangeListeners.delete(e)}emitEnvChange(e,r,t){this.envChangeListeners.forEach(a=>a(e,r,t)),typeof window<"u"&&window.dispatchEvent(new CustomEvent("lamba:env-change",{detail:{key:e,value:r,isOverridden:t}}))}notifyStoreChanged(){let e=this.getAll(),r=this.presetManager.getPresets(),t=this.presetManager.getActivePresetId();this.storeChangeListeners.forEach(a=>a(e,r,t))}};var y=class{constructor(e){this.originalFetch=null;this.originalXHRPost=null;this.isIntercepting=!1;this.store=e}enable(){typeof window>"u"||this.isIntercepting||(this.patchFetch(),this.patchXHR(),this.isIntercepting=!0)}disable(){typeof window>"u"||!this.isIntercepting||(this.originalFetch&&(window.fetch=this.originalFetch,this.originalFetch=null),this.originalXHRPost&&(XMLHttpRequest.prototype.open=this.originalXHRPost,this.originalXHRPost=null),this.isIntercepting=!1)}rewriteUrl(e){if(typeof e!="string")return e;let r=this.store.getAll(),t=e;for(let a of Object.values(r))if(a.isOverridden&&a.defaultValue&&a.value){let i=a.defaultValue.replace(/\/+$/,""),n=a.value.replace(/\/+$/,"");i&&t.includes(i)&&(t=t.replace(i,n))}return t}patchFetch(){if(!window.fetch)return;this.originalFetch=window.fetch;let e=this;window.fetch=function(r,t){let a=r;if(typeof r=="string")a=e.rewriteUrl(r);else if(r instanceof URL){let i=e.rewriteUrl(r.toString());a=new URL(i)}else if(r instanceof Request){let i=e.rewriteUrl(r.url);i!==r.url&&(a=new Request(i,r))}return e.originalFetch.call(this,a,t)}}patchXHR(){if(!window.XMLHttpRequest)return;this.originalXHRPost=XMLHttpRequest.prototype.open;let e=this;XMLHttpRequest.prototype.open=function(r,t,a=!0,i,n){let l=typeof t=="string"?t:t.toString(),c=e.rewriteUrl(l);return e.originalXHRPost.call(this,r,c,a,i??null,n??null)}}};var A=`
+:host {
+  --lamba-bg-main: #0f172a;
+  --lamba-bg-card: #1e293b;
+  --lamba-bg-hover: #334155;
+  --lamba-border: rgba(255, 255, 255, 0.1);
+  --lamba-text-primary: #f8fafc;
+  --lamba-text-secondary: #94a3b8;
+  --lamba-primary: #6366f1;
+  --lamba-primary-hover: #4f46e5;
+  --lamba-accent: #06b6d4;
+  --lamba-success: #10b981;
+  --lamba-danger: #ef4444;
+  --lamba-warning: #f59e0b;
+  --lamba-font: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  --lamba-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.4);
+
+  font-family: var(--lamba-font);
+  font-size: 14px;
+  line-height: 1.5;
+  color: var(--lamba-text-primary);
+  box-sizing: border-box;
+  z-index: 999999;
+}
+
+*, *:before, *:after {
+  box-sizing: border-box;
+}
+
+/* Floating Launcher Button */
+.lamba-launcher {
+  position: fixed;
+  z-index: 999999;
+  width: 52px;
+  height: 52px;
+  border-radius: 50%;
+  background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  box-shadow: 0 10px 15px -3px rgba(99, 102, 241, 0.4), 0 4px 6px -4px rgba(99, 102, 241, 0.2);
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  transition: transform 0.2s ease, box-shadow 0.2s ease;
+  user-select: none;
+}
+
+.lamba-launcher:hover {
+  transform: scale(1.08);
+  box-shadow: 0 14px 20px -3px rgba(99, 102, 241, 0.6), 0 6px 8px -4px rgba(99, 102, 241, 0.3);
+}
+
+.lamba-launcher:active {
+  transform: scale(0.95);
+}
+
+.lamba-launcher-bottom-right { bottom: 24px; right: 24px; }
+.lamba-launcher-bottom-left  { bottom: 24px; left: 24px; }
+.lamba-launcher-top-right    { top: 24px; right: 24px; }
+.lamba-launcher-top-left     { top: 24px; left: 24px; }
+
+.lamba-badge {
+  position: absolute;
+  top: -4px;
+  right: -4px;
+  background: var(--lamba-accent);
+  color: #000;
+  font-size: 11px;
+  font-weight: 700;
+  min-width: 20px;
+  height: 20px;
+  border-radius: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 5px;
+  border: 2px solid var(--lamba-bg-main);
+  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
+  animation: pulse-scale 2s infinite;
+}
+
+@keyframes pulse-scale {
+  0%, 100% { transform: scale(1); }
+  50% { transform: scale(1.15); }
+}
+
+/* Modal Overlay */
+.lamba-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background: rgba(15, 23, 42, 0.7);
+  backdrop-filter: blur(8px);
+  z-index: 999998;
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity 0.25s ease, visibility 0.25s ease;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 20px;
+}
+
+.lamba-overlay.active {
+  opacity: 1;
+  visibility: visible;
+}
+
+/* Main Modal Panel */
+.lamba-modal {
+  width: 100%;
+  max-width: 820px;
+  max-height: 85vh;
+  background: var(--lamba-bg-main);
+  border: 1px solid var(--lamba-border);
+  border-radius: 16px;
+  box-shadow: var(--lamba-shadow);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  transform: translateY(20px) scale(0.96);
+  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+.lamba-overlay.active .lamba-modal {
+  transform: translateY(0) scale(1);
+}
+
+/* Header */
+.lamba-header {
+  padding: 20px 24px;
+  border-bottom: 1px solid var(--lamba-border);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background: rgba(30, 41, 59, 0.4);
+}
+
+.lamba-brand {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.lamba-logo {
+  font-size: 18px;
+  font-weight: 800;
+  letter-spacing: -0.5px;
+  background: linear-gradient(135deg, #a5b4fc 0%, #6366f1 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.lamba-tag {
+  background: rgba(99, 102, 241, 0.15);
+  color: #a5b4fc;
+  font-size: 11px;
+  padding: 2px 8px;
+  border-radius: 6px;
+  font-weight: 600;
+  border: 1px solid rgba(99, 102, 241, 0.3);
+}
+
+.lamba-close-btn {
+  background: transparent;
+  border: none;
+  color: var(--lamba-text-secondary);
+  cursor: pointer;
+  padding: 6px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: background 0.15s ease, color 0.15s ease;
+}
+
+.lamba-close-btn:hover {
+  background: var(--lamba-bg-hover);
+  color: var(--lamba-text-primary);
+}
+
+/* Controls Bar (Search & Filters) */
+.lamba-controls {
+  padding: 16px 24px;
+  border-bottom: 1px solid var(--lamba-border);
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  flex-wrap: wrap;
+  background: var(--lamba-bg-main);
+}
+
+.lamba-search-box {
+  flex: 1;
+  min-width: 220px;
+  position: relative;
+}
+
+.lamba-search-input {
+  width: 100%;
+  padding: 10px 14px 10px 38px;
+  background: var(--lamba-bg-card);
+  border: 1px solid var(--lamba-border);
+  border-radius: 8px;
+  color: var(--lamba-text-primary);
+  font-size: 13px;
+  outline: none;
+  transition: border-color 0.15s ease;
+}
+
+.lamba-search-input:focus {
+  border-color: var(--lamba-primary);
+}
+
+.lamba-search-icon {
+  position: absolute;
+  left: 12px;
+  top: 50%;
+  transform: translateY(-50%);
+  color: var(--lamba-text-secondary);
+  pointer-events: none;
+}
+
+.lamba-tabs {
+  display: flex;
+  gap: 4px;
+  background: var(--lamba-bg-card);
+  padding: 4px;
+  border-radius: 8px;
+  border: 1px solid var(--lamba-border);
+}
+
+.lamba-tab {
+  background: transparent;
+  border: none;
+  color: var(--lamba-text-secondary);
+  padding: 6px 12px;
+  border-radius: 6px;
+  font-size: 12px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+
+.lamba-tab.active {
+  background: var(--lamba-primary);
+  color: #ffffff;
+}
+
+/* Preset Bar */
+.lamba-presets-bar {
+  padding: 12px 24px;
+  background: rgba(30, 41, 59, 0.3);
+  border-bottom: 1px solid var(--lamba-border);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.lamba-preset-selector {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 13px;
+}
+
+.lamba-select {
+  background: var(--lamba-bg-card);
+  color: var(--lamba-text-primary);
+  border: 1px solid var(--lamba-border);
+  padding: 6px 12px;
+  border-radius: 6px;
+  outline: none;
+  font-size: 13px;
+  cursor: pointer;
+}
+
+/* List Content */
+.lamba-content {
+  flex: 1;
+  overflow-y: auto;
+  padding: 16px 24px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.lamba-content::-webkit-scrollbar {
+  width: 6px;
+}
+
+.lamba-content::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.lamba-content::-webkit-scrollbar-thumb {
+  background: var(--lamba-bg-hover);
+  border-radius: 3px;
+}
+
+/* Variable Row Card */
+.lamba-var-card {
+  background: var(--lamba-bg-card);
+  border: 1px solid var(--lamba-border);
+  border-radius: 10px;
+  padding: 14px 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  transition: border-color 0.15s ease;
+}
+
+.lamba-var-card.is-overridden {
+  border-color: rgba(99, 102, 241, 0.5);
+  background: linear-gradient(180deg, var(--lamba-bg-card) 0%, rgba(99, 102, 241, 0.05) 100%);
+}
+
+.lamba-var-meta {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.lamba-var-key {
+  font-weight: 700;
+  font-family: monospace;
+  color: #a5b4fc;
+  font-size: 13px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.lamba-modified-pill {
+  font-size: 10px;
+  font-weight: 700;
+  background: rgba(16, 185, 129, 0.2);
+  color: #34d399;
+  padding: 2px 6px;
+  border-radius: 4px;
+  border: 1px solid rgba(16, 185, 129, 0.4);
+}
+
+.lamba-var-actions {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.lamba-icon-btn {
+  background: transparent;
+  border: none;
+  color: var(--lamba-text-secondary);
+  cursor: pointer;
+  padding: 4px;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: background 0.15s ease, color 0.15s ease;
+}
+
+.lamba-icon-btn:hover {
+  background: var(--lamba-bg-hover);
+  color: var(--lamba-text-primary);
+}
+
+.lamba-var-input-group {
+  display: flex;
+  gap: 8px;
+}
+
+.lamba-input {
+  flex: 1;
+  background: var(--lamba-bg-main);
+  border: 1px solid var(--lamba-border);
+  color: var(--lamba-text-primary);
+  padding: 8px 12px;
+  border-radius: 6px;
+  font-family: monospace;
+  font-size: 13px;
+  outline: none;
+}
+
+.lamba-input:focus {
+  border-color: var(--lamba-primary);
+}
+
+.lamba-diff {
+  font-size: 11px;
+  color: var(--lamba-text-secondary);
+  font-family: monospace;
+  padding-left: 2px;
+}
+
+.lamba-diff-val {
+  color: var(--lamba-warning);
+}
+
+/* Empty State */
+.lamba-empty {
+  padding: 40px 20px;
+  text-align: center;
+  color: var(--lamba-text-secondary);
+}
+
+/* Footer Actions Bar */
+.lamba-footer {
+  padding: 16px 24px;
+  border-top: 1px solid var(--lamba-border);
+  background: rgba(30, 41, 59, 0.4);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+
+.lamba-btn {
+  background: var(--lamba-bg-card);
+  color: var(--lamba-text-primary);
+  border: 1px solid var(--lamba-border);
+  padding: 8px 14px;
+  border-radius: 8px;
+  font-size: 12px;
+  font-weight: 600;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  transition: all 0.15s ease;
+}
+
+.lamba-btn:hover {
+  background: var(--lamba-bg-hover);
+}
+
+.lamba-btn-primary {
+  background: var(--lamba-primary);
+  border-color: var(--lamba-primary);
+  color: #ffffff;
+}
+
+.lamba-btn-primary:hover {
+  background: var(--lamba-primary-hover);
+}
+
+.lamba-btn-danger {
+  background: rgba(239, 68, 68, 0.15);
+  color: #fca5a5;
+  border-color: rgba(239, 68, 68, 0.3);
+}
+
+.lamba-btn-danger:hover {
+  background: rgba(239, 68, 68, 0.3);
+}
+`;function I(){if(typeof document>"u")throw new Error("[lamba] Document object not available.");let s=document.getElementById("lamba-root");s||(s=document.createElement("lamba-widget"),s.id="lamba-root",document.body.appendChild(s));let e=s.shadowRoot;if(!e){e=s.attachShadow({mode:"open"});let r=document.createElement("style");r.textContent=A,e.appendChild(r)}return{host:s,shadowRoot:e}}var w=class{constructor(e,r="bottom-right",t){this.onClickCallback=t,this.element=document.createElement("div"),this.element.className=`lamba-launcher lamba-launcher-${r}`,this.element.title="Open lamba Environment Controls",this.element.innerHTML=`
+      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/>
+        <circle cx="12" cy="12" r="3"/>
+      </svg>
+    `,this.badgeElement=document.createElement("div"),this.badgeElement.className="lamba-badge",this.badgeElement.style.display="none",this.element.appendChild(this.badgeElement),this.element.addEventListener("click",()=>this.onClickCallback()),e.appendChild(this.element)}updateBadgeCount(e){e>0?(this.badgeElement.textContent=String(e),this.badgeElement.style.display="flex"):this.badgeElement.style.display="none"}setVisible(e){this.element.style.display=e?"flex":"none"}};var E=class{constructor(e,r,t){this.activeTab="all";this.searchQuery="";this.secretVisibilityMap=new Map;this.isOpen=!1;this.store=r,this.overlay=document.createElement("div"),this.overlay.className="lamba-overlay",this.modal=document.createElement("div"),this.modal.className="lamba-modal";let a=document.createElement("div");a.className="lamba-header",a.innerHTML=`
+      <div class="lamba-brand">
+        <div class="lamba-logo">
+          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
+            <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/>
+          </svg>
+          lamba
+        </div>
+        <span class="lamba-tag">Dev Environment Override</span>
+      </div>
+      <button class="lamba-close-btn" title="Close modal">
+        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <line x1="18" y1="6" x2="6" y2="18"></line>
+          <line x1="6" y1="6" x2="18" y2="18"></line>
+        </svg>
+      </button>
+    `,a.querySelector(".lamba-close-btn")?.addEventListener("click",()=>{this.close(),t()});let i=document.createElement("div");i.className="lamba-controls";let n=document.createElement("div");n.className="lamba-search-box",n.innerHTML=`
+      <svg class="lamba-search-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+        <circle cx="11" cy="11" r="8"></circle>
+        <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
+      </svg>
+      <input type="text" class="lamba-search-input" placeholder="Search environment keys or values..." />
+    `,this.searchInput=n.querySelector(".lamba-search-input"),this.searchInput.addEventListener("input",o=>{this.searchQuery=o.target.value.toLowerCase(),this.render()});let l=document.createElement("div");l.className="lamba-tabs",l.innerHTML=`
+      <button class="lamba-tab active" data-tab="all">All</button>
+      <button class="lamba-tab" data-tab="overridden">Modified</button>
+      <button class="lamba-tab" data-tab="secrets">Secrets</button>
+    `,this.tabAllBtn=l.querySelector('[data-tab="all"]'),this.tabOverriddenBtn=l.querySelector('[data-tab="overridden"]'),this.tabSecretsBtn=l.querySelector('[data-tab="secrets"]'),l.querySelectorAll(".lamba-tab").forEach(o=>{o.addEventListener("click",d=>{l.querySelectorAll(".lamba-tab").forEach(h=>h.classList.remove("active"));let b=d.currentTarget;b.classList.add("active"),this.activeTab=b.getAttribute("data-tab"),this.render()})}),i.appendChild(n),i.appendChild(l);let c=document.createElement("div");c.className="lamba-presets-bar",c.innerHTML=`
+      <div class="lamba-preset-selector">
+        <span style="color: var(--lamba-text-secondary); font-weight: 600;">Preset Profile:</span>
+        <select class="lamba-select lamba-preset-dropdown">
+          <option value="">Default (Current Overrides)</option>
+        </select>
+      </div>
+      <button class="lamba-btn lamba-save-preset-btn">
+        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path>
+          <polyline points="17 21 17 13 7 13 7 21"></polyline>
+          <polyline points="7 3 7 8 15 8"></polyline>
+        </svg>
+        Save as Preset
+      </button>
+    `,this.presetSelect=c.querySelector(".lamba-preset-dropdown"),this.presetSelect.addEventListener("change",()=>{let o=this.presetSelect.value||null;this.store.applyPreset(o)}),this.savePresetBtn=c.querySelector(".lamba-save-preset-btn"),this.savePresetBtn.addEventListener("click",()=>{let o=prompt("Enter a name for this Environment Preset Profile:","Staging Environment");if(o){let d=this.store.getOverrides();this.store.presetManager.createPreset(o,d),this.updatePresetDropdown()}}),this.contentList=document.createElement("div"),this.contentList.className="lamba-content";let p=document.createElement("div");p.className="lamba-footer",p.innerHTML=`
+      <div style="display: flex; gap: 8px;">
+        <button class="lamba-btn lamba-add-var-btn">
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <line x1="12" y1="5" x2="12" y2="19"></line>
+            <line x1="5" y1="12" x2="19" y2="12"></line>
+          </svg>
+          Add Variable
+        </button>
+        <button class="lamba-btn lamba-import-btn">Import .env</button>
+        <button class="lamba-btn lamba-export-btn">Export .env</button>
+      </div>
+      <div style="display: flex; gap: 8px;">
+        <button class="lamba-btn lamba-btn-danger lamba-reset-all-btn">Reset All</button>
+        <button class="lamba-btn lamba-btn-primary lamba-reload-btn">Reload Page</button>
+      </div>
+    `,p.querySelector(".lamba-add-var-btn")?.addEventListener("click",()=>{let o=prompt("Enter new environment variable key name (e.g. VITE_API_URL):");if(o){let d=prompt(`Enter value for ${o}:`)||"";this.store.setOverride(o,d)}}),p.querySelector(".lamba-import-btn")?.addEventListener("click",()=>{let o=document.createElement("input");o.type="file",o.accept=".env,.txt",o.onchange=d=>{let b=d.target.files[0];if(b){let h=new FileReader;h.onload=m=>{let v=m.target?.result;if(v){let k=u(v);for(let[C,V]of Object.entries(k))this.store.setOverride(C,V)}},h.readAsText(b)}},o.click()}),p.querySelector(".lamba-export-btn")?.addEventListener("click",()=>{let o=this.store.getAll(),d={};for(let[k,C]of Object.entries(o))d[k]=C.value;let b=f(d),h=new Blob([b],{type:"text/plain"}),m=URL.createObjectURL(h),v=document.createElement("a");v.href=m,v.download=".env",v.click(),URL.revokeObjectURL(m)}),p.querySelector(".lamba-reset-all-btn")?.addEventListener("click",()=>{confirm("Are you sure you want to reset all overridden environment variables?")&&this.store.resetAllOverrides()}),p.querySelector(".lamba-reload-btn")?.addEventListener("click",()=>{window.location.reload()}),this.modal.appendChild(a),this.modal.appendChild(i),this.modal.appendChild(c),this.modal.appendChild(this.contentList),this.modal.appendChild(p),this.overlay.appendChild(this.modal),this.overlay.addEventListener("click",o=>{o.target===this.overlay&&(this.close(),t())}),e.appendChild(this.overlay),this.store.subscribeStoreChange(()=>{this.isOpen&&(this.updatePresetDropdown(),this.render())})}open(){this.isOpen=!0,this.updatePresetDropdown(),this.render(),this.overlay.classList.add("active")}close(){this.isOpen=!1,this.overlay.classList.remove("active")}toggle(){this.isOpen?this.close():this.open()}updatePresetDropdown(){let e=this.store.presetManager.getPresets(),r=this.store.presetManager.getActivePresetId();this.presetSelect.innerHTML='<option value="">Default (Custom Overrides)</option>',e.forEach(t=>{let a=document.createElement("option");a.value=t.id,a.textContent=t.name,t.id===r&&(a.selected=!0),this.presetSelect.appendChild(a)})}render(){let e=this.store.getAll(),r=Object.values(e);if(this.activeTab==="overridden"?r=r.filter(t=>t.isOverridden):this.activeTab==="secrets"&&(r=r.filter(t=>t.isSecret)),this.searchQuery&&(r=r.filter(t=>t.key.toLowerCase().includes(this.searchQuery)||t.value.toLowerCase().includes(this.searchQuery))),r.sort((t,a)=>t.isOverridden!==a.isOverridden?t.isOverridden?-1:1:t.key.localeCompare(a.key)),this.contentList.innerHTML="",r.length===0){let t=document.createElement("div");t.className="lamba-empty",t.textContent=this.searchQuery||this.activeTab!=="all"?"No environment variables match your current filter.":'No environment variables found or registered. Click "+ Add Variable" or "Import .env" to get started.',this.contentList.appendChild(t);return}r.forEach(t=>{let a=this.createVarCard(t);this.contentList.appendChild(a)})}createVarCard(e){let r=document.createElement("div");r.className=`lamba-var-card ${e.isOverridden?"is-overridden":""}`;let t=this.secretVisibilityMap.get(e.key)??!e.isSecret;r.innerHTML=`
+      <div class="lamba-var-meta">
+        <div class="lamba-var-key">
+          ${e.key}
+          ${e.isOverridden?'<span class="lamba-modified-pill">MODIFIED</span>':""}
+          ${e.isSecret?'<span style="font-size:10px; color:var(--lamba-warning); font-weight:600;">SECRET</span>':""}
+        </div>
+        <div class="lamba-var-actions">
+          ${e.isSecret?`<button class="lamba-icon-btn toggle-secret-btn" title="${t?"Hide secret":"Show secret"}">
+                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                    ${t?'<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/>':'<path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"/><line x1="1" y1="1" x2="23" y2="23"/>'}
+                  </svg>
+                </button>`:""}
+          ${e.isOverridden?`<button class="lamba-icon-btn reset-var-btn" title="Reset to default">
+                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                    <path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"/>
+                    <path d="M3 3v5h5"/>
+                  </svg>
+                </button>`:""}
+        </div>
+      </div>
+      <div class="lamba-var-input-group">
+        <input 
+          type="${t?"text":"password"}" 
+          class="lamba-input var-input" 
+          value="${this.escapeHtml(e.value)}" 
+          placeholder="Value..."
+        />
+      </div>
+      ${e.isOverridden&&e.defaultValue?`<div class="lamba-diff">Original default: <span class="lamba-diff-val">${this.escapeHtml(e.defaultValue)}</span></div>`:""}
+    `;let a=r.querySelector(".var-input");return a.addEventListener("change",()=>{this.store.setOverride(e.key,a.value)}),r.querySelector(".toggle-secret-btn")?.addEventListener("click",()=>{this.secretVisibilityMap.set(e.key,!t),this.render()}),r.querySelector(".reset-var-btn")?.addEventListener("click",()=>{this.store.removeOverride(e.key)}),r}escapeHtml(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}};var S=class{constructor(){this.store=null;this.launcher=null;this.modal=null;this.networkInterceptor=null;this.options={};this.isInitialized=!1;let e=this;this.env=new Proxy({},{get(r,t){if(typeof t=="string")return e.get(t)},set(r,t,a){return typeof t=="string"?(e.set(t,String(a)),!0):!1}})}wrap(e){let r=this;return new Proxy(e,{get(t,a){if(typeof a=="string"){let i=r.get(a);if(i!==void 0&&i!=="")return i}return Reflect.get(t,a)}})}init(e={}){if(typeof window>"u")return this;if(this.isInitialized)return this;if(this.options={enabled:!0,position:"bottom-right",autoFetchEnvFile:!1,interceptNetworkRequests:!0,...e},this.options.enabled===!1)return this;this.store=new x(this.options),this.options.interceptNetworkRequests!==!1&&(this.networkInterceptor=new y(this.store),this.networkInterceptor.enable());let r=()=>{if(this.launcher||!this.store)return;let{shadowRoot:t}=I();this.modal=new E(t,this.store,()=>{}),this.launcher=new w(t,this.options.position,()=>{this.modal?.toggle()});let a=Object.keys(this.store.getOverrides()).length;this.launcher.updateBadgeCount(a),this.store.subscribeStoreChange(()=>{let i=Object.keys(this.store.getOverrides()).length;this.launcher?.updateBadgeCount(i)})};return document.readyState==="loading"?document.addEventListener("DOMContentLoaded",r):r(),this.isInitialized=!0,this}get(e,r){return this.store||this.init(),this.store?.get(e,r)??r??""}set(e,r){this.store||this.init(),this.store?.setOverride(e,r)}remove(e){this.store?.removeOverride(e)}reset(){this.store?.resetAllOverrides()}onChange(e){return this.store||this.init(),this.store?.subscribeEnvChange(e)??(()=>{})}open(){this.modal?.open()}close(){this.modal?.close()}toggle(){this.modal?.toggle()}},L=new S;typeof window<"u"&&(window.lamba=L,(document.currentScript!==null||document.querySelector('script[src*="lamba"]'))&&L.init());var z=L;return U(D);})();

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@ojolowoblue/lamba",
+  "version": "1.0.0",
+  "description": "A universal dev tool for viewing, overriding, and swapping environment variables live in web applications.",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "unpkg": "./dist/lamba.min.js",
+  "jsdelivr": "./dist/lamba.min.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./react": {
+      "types": "./dist/integrations/react.d.ts",
+      "import": "./dist/integrations/react.mjs",
+      "require": "./dist/integrations/react.js"
+    },
+    "./vue": {
+      "types": "./dist/integrations/vue.d.ts",
+      "import": "./dist/integrations/vue.mjs",
+      "require": "./dist/integrations/vue.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "tsup --watch",
+    "build": "tsup",
+    "typecheck": "tsc --noEmit"
+  },
+  "keywords": [
+    "env",
+    "dotenv",
+    "dev-tool",
+    "environment-variables",
+    "react",
+    "vue",
+    "nextjs",
+    "astro",
+    "vite",
+    "unpkg"
+  ],
+  "author": "AG",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+    "vue": "^3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.3",
+    "react": "^18.3.1",
+    "tsup": "^8.0.2",
+    "typescript": "^5.4.5",
+    "vue": "^3.4.27"
+  }
+}