@tapuz/tpz 0.1.2 → 0.1.4

package/dist/index.cjs.js

@@ -1,4 +1,4 @@
-var s=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var g=(t,o)=>{for(var r in o)s(t,r,{get:o[r],enumerable:!0})},h=(t,o,r,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of f(o))!b.call(t,a)&&a!==r&&s(t,a,{get:()=>o[a],enumerable:!(n=l(o,a))||n.enumerable});return t};var u=t=>h(s({},"__esModule",{value:!0}),t);var y={};g(y,{DesignSystemProvider:()=>w});module.exports=u(y);var i=require("react"),p="https://tapuz.io",m=`
+var s=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var w=Object.prototype.hasOwnProperty;var x=(t,r)=>{for(var o in r)s(t,o,{get:r[o],enumerable:!0})},y=(t,r,o,e)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of v(r))!w.call(t,n)&&n!==o&&s(t,n,{get:()=>r[n],enumerable:!(e=h(r,n))||e.enumerable});return t};var _=t=>y(s({},"__esModule",{value:!0}),t);var T={};x(T,{TokensEngineProvider:()=>C});module.exports=_(T);var a=require("react"),z="https://tapuz.io",k=`
 /* Active palette: backgrounds */
 .tpz-bg-clr  { background-color: var(--tpz-background-color); }
 .tpz-srf-clr { background-color: var(--tpz-surface-color); }
@@ -68,6 +68,8 @@ var s=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var f=Object.g
 .tpz-inpt-slct-clr { color: var(--tpz-form-selection-color); accent-color: var(--tpz-form-selection-color); }
 .tpz-inpt-err      { color: var(--tpz-form-validation-error); }
 .tpz-inpt-ok       { color: var(--tpz-form-validation-success); }
+.tpz-frm-err-brdr-clr { border-color: var(--tpz-form-error-border-color); }
+.tpz-frm-ok-brdr-clr  { border-color: var(--tpz-form-success-border-color); }
 .tpz-frm-msg-info  { color: var(--tpz-form-message-info); }
 .tpz-frm-msg-warn  { color: var(--tpz-form-message-warning); }
 
@@ -91,7 +93,7 @@ var s=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var f=Object.g
 
 /* Messages: success */
 .tpz-frm-msg-ok { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; font-size: 13px; background-color: #f0fdf4; color: var(--tpz-form-validation-success, rgb(28, 156, 75)); border-left: 4px solid var(--tpz-form-validation-success, rgb(28, 156, 75)); border-radius: 8px; box-sizing: border-box; }
-`;function z(t,o){let r=document.getElementById(t);r||(r=document.createElement("style"),r.id=t,document.head.appendChild(r)),r.textContent=o}function d(t){let o=Object.entries(t).map(([r,n])=>`  --tpz-${r}: ${n};`).join(`
-`);z("__tpz_tokens",`:root {
-${o}
-}`)}function v(t,o){if(document.getElementById("__tpz_editor_script"))return;window.__tpz_api_key=o,window.__tpz_api_url=t||p,window.__tpz_config={...window.__tpz_config,apiKey:o,apiUrl:t||p};let r=document.createElement("script");r.id="__tpz_editor_script",r.src=`${t||p}/editor.js`,r.async=!0,document.head.appendChild(r)}function w({apiKey:t,children:o,apiUrl:r}){return(0,i.useEffect)(()=>{z("__tpz_base",m),typeof window<"u"&&new URLSearchParams(window.location.search).has("tapuz-edit")&&v(r,t)},[]),(0,i.useEffect)(()=>{if(!t)return;let n=`__tpz_${t}`;try{let e=localStorage.getItem(n);e&&d(JSON.parse(e))}catch{}fetch(`${r||p}/api/tokens?key=${encodeURIComponent(t)}`).then(e=>e.json()).then(({tokens:e})=>{if(!(!e||typeof e!="object")){d(e);try{localStorage.setItem(n,JSON.stringify(e))}catch{}}}).catch(()=>{});let a=new EventSource(`${r||p}/api/token-stream?key=${encodeURIComponent(t)}`);return a.onmessage=e=>{try{let{tokens:c}=JSON.parse(e.data);if(!c||typeof c!="object")return;d(c);try{localStorage.setItem(n,JSON.stringify(c))}catch{}}catch{}},()=>a.close()},[t,r]),(0,i.createElement)(i.Fragment,null,o)}
+`;function u(t,r){let o=document.getElementById(t);o||(o=document.createElement("style"),o.id=t,document.head.appendChild(o)),o.textContent=r}function f(t){let r=Object.entries(t).map(([o,e])=>`  --tpz-${o}: ${e};`).join(`
+`);u("__tpz_tokens",`:root {
+${r}
+}`)}function E(t,r,o){if(document.getElementById("__tpz_editor_script"))return;window.__tpz_api_key=r,window.__tpz_api_url=t,window.__tpz_config={...window.__tpz_config,apiKey:r,apiUrl:t,writeToken:o};let e=document.createElement("script");e.id="__tpz_editor_script",e.src=`${t}/editor.js`,e.async=!0,document.head.appendChild(e)}async function g(t,r,o){let e=await fetch(`${t}/api/editor-auth`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({key:r,code:o})}),n=await e.json().catch(()=>({}));if(!e.ok||!n.writeToken)throw new Error(n.error||"Wrong or expired code");E(t,r,n.writeToken)}function b(t,r,o){if(document.getElementById("__tpz_code_box"))return;let e=0,n=document.createElement("div");n.id="__tpz_code_box",n.style.cssText="position:fixed;bottom:20px;right:20px;z-index:2147483000;background:#0d0d18;color:#fff;border:1px solid rgba(57,193,166,0.4);border-radius:12px;padding:16px;font-family:'Inter',sans-serif;box-shadow:0 4px 16px rgba(0,0,0,0.4);width:240px",n.innerHTML='<div style="font-size:12px;font-weight:700;margin-bottom:10px">Enter edit code</div><input id="__tpz_code_input" placeholder="word-word-word-000" style="width:100%;box-sizing:border-box;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.15);border-radius:8px;padding:8px;color:#fff;font-size:13px;outline:none;margin-bottom:8px" /><button id="__tpz_code_btn" style="width:100%;background:rgb(57,193,166);color:#0d0d18;border:none;border-radius:8px;padding:8px;font-size:12px;font-weight:700;cursor:pointer">Unlock</button><div id="__tpz_code_err" style="color:#f87171;font-size:11px;margin-top:8px;min-height:13px"></div>',document.body.appendChild(n);let i=n.querySelector("#__tpz_code_input"),p=n.querySelector("#__tpz_code_btn"),c=n.querySelector("#__tpz_code_err");o&&(c.textContent=o);async function l(){if(e>=5)return;let d=i.value.trim();if(d){p.disabled=!0;try{await g(t,r,d),n.remove()}catch(m){e+=1,p.disabled=!1,e>=5?(c.textContent="Too many tries. Reload to try again.",i.disabled=!0,p.disabled=!0):c.textContent=m.message}}}p.addEventListener("click",l),i.addEventListener("keydown",d=>{d.key==="Enter"&&l()})}function S(t,r){if(document.getElementById("__tpz_editor_script")||document.getElementById("__tpz_code_box"))return;let o=t||z,e=new URLSearchParams(window.location.search).get("tapuz-edit");e?g(o,r,e).catch(()=>b(o,r,"Code wrong or expired - generate a new one")):b(o,r)}function C({apiKey:t,children:r,apiUrl:o}){return(0,a.useEffect)(()=>{u("__tpz_base",k),typeof window<"u"&&new URLSearchParams(window.location.search).has("tapuz-edit")&&S(o,t)},[]),(0,a.useEffect)(()=>{if(!t)return;fetch(`${o||z}/api/tokens?key=${encodeURIComponent(t)}`).then(i=>i.json()).then(({tokens:i})=>{!i||typeof i!="object"||f(i)}).catch(()=>{});let e;function n(){e=new EventSource(`${o||z}/api/token-stream?key=${encodeURIComponent(t)}`),e.onmessage=i=>{try{let{tokens:p}=JSON.parse(i.data);if(!p||typeof p!="object")return;f(p)}catch{}},e.onerror=()=>{e.close(),setTimeout(n,3e3)}}return n(),()=>{e&&e.close()}},[t,o]),(0,a.createElement)(a.Fragment,null,r)}

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import{useEffect as s,Fragment as z,createElement as l}from"react";var a="https://tapuz.io",f=`
+import{useEffect as z,Fragment as m,createElement as h}from"react";var c="https://tapuz.io",v=`
 /* Active palette: backgrounds */
 .tpz-bg-clr  { background-color: var(--tpz-background-color); }
 .tpz-srf-clr { background-color: var(--tpz-surface-color); }
@@ -68,6 +68,8 @@ import{useEffect as s,Fragment as z,createElement as l}from"react";var a="https:
 .tpz-inpt-slct-clr { color: var(--tpz-form-selection-color); accent-color: var(--tpz-form-selection-color); }
 .tpz-inpt-err      { color: var(--tpz-form-validation-error); }
 .tpz-inpt-ok       { color: var(--tpz-form-validation-success); }
+.tpz-frm-err-brdr-clr { border-color: var(--tpz-form-error-border-color); }
+.tpz-frm-ok-brdr-clr  { border-color: var(--tpz-form-success-border-color); }
 .tpz-frm-msg-info  { color: var(--tpz-form-message-info); }
 .tpz-frm-msg-warn  { color: var(--tpz-form-message-warning); }
 
@@ -91,7 +93,7 @@ import{useEffect as s,Fragment as z,createElement as l}from"react";var a="https:
 
 /* Messages: success */
 .tpz-frm-msg-ok { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; font-size: 13px; background-color: #f0fdf4; color: var(--tpz-form-validation-success, rgb(28, 156, 75)); border-left: 4px solid var(--tpz-form-validation-success, rgb(28, 156, 75)); border-radius: 8px; box-sizing: border-box; }
-`;function d(r,e){let t=document.getElementById(r);t||(t=document.createElement("style"),t.id=r,document.head.appendChild(t)),t.textContent=e}function p(r){let e=Object.entries(r).map(([t,n])=>`  --tpz-${t}: ${n};`).join(`
-`);d("__tpz_tokens",`:root {
+`;function b(r,e){let o=document.getElementById(r);o||(o=document.createElement("style"),o.id=r,document.head.appendChild(o)),o.textContent=e}function l(r){let e=Object.entries(r).map(([o,t])=>`  --tpz-${o}: ${t};`).join(`
+`);b("__tpz_tokens",`:root {
 ${e}
-}`)}function b(r,e){if(document.getElementById("__tpz_editor_script"))return;window.__tpz_api_key=e,window.__tpz_api_url=r||a,window.__tpz_config={...window.__tpz_config,apiKey:e,apiUrl:r||a};let t=document.createElement("script");t.id="__tpz_editor_script",t.src=`${r||a}/editor.js`,t.async=!0,document.head.appendChild(t)}function h({apiKey:r,children:e,apiUrl:t}){return s(()=>{d("__tpz_base",f),typeof window<"u"&&new URLSearchParams(window.location.search).has("tapuz-edit")&&b(t,r)},[]),s(()=>{if(!r)return;let n=`__tpz_${r}`;try{let o=localStorage.getItem(n);o&&p(JSON.parse(o))}catch{}fetch(`${t||a}/api/tokens?key=${encodeURIComponent(r)}`).then(o=>o.json()).then(({tokens:o})=>{if(!(!o||typeof o!="object")){p(o);try{localStorage.setItem(n,JSON.stringify(o))}catch{}}}).catch(()=>{});let c=new EventSource(`${t||a}/api/token-stream?key=${encodeURIComponent(r)}`);return c.onmessage=o=>{try{let{tokens:i}=JSON.parse(o.data);if(!i||typeof i!="object")return;p(i);try{localStorage.setItem(n,JSON.stringify(i))}catch{}}catch{}},()=>c.close()},[r,t]),l(z,null,e)}export{h as DesignSystemProvider};
+}`)}function w(r,e,o){if(document.getElementById("__tpz_editor_script"))return;window.__tpz_api_key=e,window.__tpz_api_url=r,window.__tpz_config={...window.__tpz_config,apiKey:e,apiUrl:r,writeToken:o};let t=document.createElement("script");t.id="__tpz_editor_script",t.src=`${r}/editor.js`,t.async=!0,document.head.appendChild(t)}async function u(r,e,o){let t=await fetch(`${r}/api/editor-auth`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({key:e,code:o})}),n=await t.json().catch(()=>({}));if(!t.ok||!n.writeToken)throw new Error(n.error||"Wrong or expired code");w(r,e,n.writeToken)}function f(r,e,o){if(document.getElementById("__tpz_code_box"))return;let t=0,n=document.createElement("div");n.id="__tpz_code_box",n.style.cssText="position:fixed;bottom:20px;right:20px;z-index:2147483000;background:#0d0d18;color:#fff;border:1px solid rgba(57,193,166,0.4);border-radius:12px;padding:16px;font-family:'Inter',sans-serif;box-shadow:0 4px 16px rgba(0,0,0,0.4);width:240px",n.innerHTML='<div style="font-size:12px;font-weight:700;margin-bottom:10px">Enter edit code</div><input id="__tpz_code_input" placeholder="word-word-word-000" style="width:100%;box-sizing:border-box;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.15);border-radius:8px;padding:8px;color:#fff;font-size:13px;outline:none;margin-bottom:8px" /><button id="__tpz_code_btn" style="width:100%;background:rgb(57,193,166);color:#0d0d18;border:none;border-radius:8px;padding:8px;font-size:12px;font-weight:700;cursor:pointer">Unlock</button><div id="__tpz_code_err" style="color:#f87171;font-size:11px;margin-top:8px;min-height:13px"></div>',document.body.appendChild(n);let i=n.querySelector("#__tpz_code_input"),p=n.querySelector("#__tpz_code_btn"),d=n.querySelector("#__tpz_code_err");o&&(d.textContent=o);async function s(){if(t>=5)return;let a=i.value.trim();if(a){p.disabled=!0;try{await u(r,e,a),n.remove()}catch(g){t+=1,p.disabled=!1,t>=5?(d.textContent="Too many tries. Reload to try again.",i.disabled=!0,p.disabled=!0):d.textContent=g.message}}}p.addEventListener("click",s),i.addEventListener("keydown",a=>{a.key==="Enter"&&s()})}function x(r,e){if(document.getElementById("__tpz_editor_script")||document.getElementById("__tpz_code_box"))return;let o=r||c,t=new URLSearchParams(window.location.search).get("tapuz-edit");t?u(o,e,t).catch(()=>f(o,e,"Code wrong or expired - generate a new one")):f(o,e)}function _({apiKey:r,children:e,apiUrl:o}){return z(()=>{b("__tpz_base",v),typeof window<"u"&&new URLSearchParams(window.location.search).has("tapuz-edit")&&x(o,r)},[]),z(()=>{if(!r)return;fetch(`${o||c}/api/tokens?key=${encodeURIComponent(r)}`).then(i=>i.json()).then(({tokens:i})=>{!i||typeof i!="object"||l(i)}).catch(()=>{});let t;function n(){t=new EventSource(`${o||c}/api/token-stream?key=${encodeURIComponent(r)}`),t.onmessage=i=>{try{let{tokens:p}=JSON.parse(i.data);if(!p||typeof p!="object")return;l(p)}catch{}},t.onerror=()=>{t.close(),setTimeout(n,3e3)}}return n(),()=>{t&&t.close()}},[r,o]),h(m,null,e)}export{_ as TokensEngineProvider};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tapuz/tpz",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Token-powered design system provider for React",
   "type": "module",
   "main": "dist/index.cjs.js",