@tapuz/tpz 0.1.3 → 0.1.5

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 c=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var u=(t,o)=>{for(var r in o)c(t,r,{get:o[r],enumerable:!0})},m=(t,o,r,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of f(o))!b.call(t,n)&&n!==r&&c(t,n,{get:()=>o[n],enumerable:!(e=l(o,n))||e.enumerable});return t};var g=t=>m(c({},"__esModule",{value:!0}),t);var y={};u(y,{TokensEngineProvider:()=>w});module.exports=g(y);var a=require("react"),d="https://tapuz.io",h=`
 /* 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(`
+`;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 s(t){let o=Object.entries(t).map(([r,e])=>`  --tpz-${r}: ${e};`).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 v(t,o){if(document.getElementById("__tpz_auth_script")||document.getElementById("__tpz_editor_script")||document.getElementById("__tpz_code_box"))return;let r=t||d;window.__tpz_config={...window.__tpz_config,apiKey:o,apiUrl:r};let e=document.createElement("script");e.id="__tpz_auth_script",e.src=`${r}/live-edit-auth.js`,e.async=!0,document.head.appendChild(e)}function w({apiKey:t,children:o,apiUrl:r}){return(0,a.useEffect)(()=>{z("__tpz_base",h),typeof window<"u"&&new URLSearchParams(window.location.search).has("tapuz-edit")&&v(r,t)},[]),(0,a.useEffect)(()=>{if(!t)return;fetch(`${r||d}/api/tokens?key=${encodeURIComponent(t)}`).then(p=>p.json()).then(({tokens:p})=>{!p||typeof p!="object"||s(p)}).catch(()=>{});let e;function n(){e=new EventSource(`${r||d}/api/token-stream?key=${encodeURIComponent(t)}`),e.onmessage=p=>{try{let{tokens:i}=JSON.parse(p.data);if(!i||typeof i!="object")return;s(i)}catch{}},e.onerror=()=>{e.close(),setTimeout(n,3e3)}}return n(),()=>{e&&e.close()}},[t,r]),(0,a.createElement)(a.Fragment,null,o)}

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 c,Fragment as z,createElement as l}from"react";var a="https://tapuz.io",f=`
 /* 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 s(o,e){let t=document.getElementById(o);t||(t=document.createElement("style"),t.id=o,document.head.appendChild(t)),t.textContent=e}function d(o){let e=Object.entries(o).map(([t,r])=>`  --tpz-${t}: ${r};`).join(`
+`);s("__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 b(o,e){if(document.getElementById("__tpz_auth_script")||document.getElementById("__tpz_editor_script")||document.getElementById("__tpz_code_box"))return;let t=o||a;window.__tpz_config={...window.__tpz_config,apiKey:e,apiUrl:t};let r=document.createElement("script");r.id="__tpz_auth_script",r.src=`${t}/live-edit-auth.js`,r.async=!0,document.head.appendChild(r)}function m({apiKey:o,children:e,apiUrl:t}){return c(()=>{s("__tpz_base",f),typeof window<"u"&&new URLSearchParams(window.location.search).has("tapuz-edit")&&b(t,o)},[]),c(()=>{if(!o)return;fetch(`${t||a}/api/tokens?key=${encodeURIComponent(o)}`).then(n=>n.json()).then(({tokens:n})=>{!n||typeof n!="object"||d(n)}).catch(()=>{});let r;function i(){r=new EventSource(`${t||a}/api/token-stream?key=${encodeURIComponent(o)}`),r.onmessage=n=>{try{let{tokens:p}=JSON.parse(n.data);if(!p||typeof p!="object")return;d(p)}catch{}},r.onerror=()=>{r.close(),setTimeout(i,3e3)}}return i(),()=>{r&&r.close()}},[o,t]),l(z,null,e)}export{m as TokensEngineProvider};

package/package.json

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