@tapuz/tpz 0.1.4 → 0.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -1,4 +1,4 @@
1
- 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=`
1
+ var c=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var m=(t,o)=>{for(var r in o)c(t,r,{get:o[r],enumerable:!0})},g=(t,o,r,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of b(o))!u.call(t,n)&&n!==r&&c(t,n,{get:()=>o[n],enumerable:!(e=f(o,n))||e.enumerable});return t};var h=t=>g(c({},"__esModule",{value:!0}),t);var k={};m(k,{TokensEngineProvider:()=>y});module.exports=h(k);var a=require("react"),d="https://tapuz.io",v=`
2
2
  /* Active palette: backgrounds */
3
3
  .tpz-bg-clr { background-color: var(--tpz-background-color); }
4
4
  .tpz-srf-clr { background-color: var(--tpz-surface-color); }
@@ -93,7 +93,7 @@ var s=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var v=Object.g
93
93
 
94
94
  /* Messages: success */
95
95
  .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; }
96
- `;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(`
97
- `);u("__tpz_tokens",`:root {
98
- ${r}
99
- }`)}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)}
96
+ `;function l(t,o){let r=document.getElementById(t);r||(r=document.createElement("style"),r.id=t,document.head.appendChild(r)),r.textContent=o}function z(t){let o=Object.entries(t).map(([r,e])=>` --tpz-${r}: ${e};`).join(`
97
+ `);l("__tpz_tokens",`:root {
98
+ ${o}
99
+ }`)}function w(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 y({apiKey:t,children:o,apiUrl:r}){return(0,a.useEffect)(()=>{l("__tpz_base",v),typeof window<"u"&&new URLSearchParams(window.location.search).has("tapuz-edit")&&w(r,t)},[]),(0,a.useEffect)(()=>{if(!t)return;let e={};fetch(`${r||d}/api/tokens?key=${encodeURIComponent(t)}`).then(p=>p.json()).then(({tokens:p,defaults:i})=>{e={...i&&typeof i=="object"?i:{},...p&&typeof p=="object"?p:{}},z(e)}).catch(()=>{});let n;function s(){n=new EventSource(`${r||d}/api/token-stream?key=${encodeURIComponent(t)}`),n.onmessage=p=>{try{let{tokens:i}=JSON.parse(p.data);if(!i||typeof i!="object")return;e={...e,...i},z(e)}catch{}},n.onerror=()=>{n.close(),setTimeout(s,3e3)}}return s(),()=>{n&&n.close()}},[t,r]),(0,a.createElement)(a.Fragment,null,o)}
package/dist/index.esm.js CHANGED
@@ -1,4 +1,4 @@
1
- import{useEffect as z,Fragment as m,createElement as h}from"react";var c="https://tapuz.io",v=`
1
+ import{useEffect as d,Fragment as l,createElement as f}from"react";var a="https://tapuz.io",b=`
2
2
  /* Active palette: backgrounds */
3
3
  .tpz-bg-clr { background-color: var(--tpz-background-color); }
4
4
  .tpz-srf-clr { background-color: var(--tpz-surface-color); }
@@ -93,7 +93,7 @@ import{useEffect as z,Fragment as m,createElement as h}from"react";var c="https:
93
93
 
94
94
  /* Messages: success */
95
95
  .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; }
96
- `;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(`
97
- `);b("__tpz_tokens",`:root {
96
+ `;function z(o,e){let t=document.getElementById(o);t||(t=document.createElement("style"),t.id=o,document.head.appendChild(t)),t.textContent=e}function s(o){let e=Object.entries(o).map(([t,r])=>` --tpz-${t}: ${r};`).join(`
97
+ `);z("__tpz_tokens",`:root {
98
98
  ${e}
99
- }`)}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};
99
+ }`)}function u(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 g({apiKey:o,children:e,apiUrl:t}){return d(()=>{z("__tpz_base",b),typeof window<"u"&&new URLSearchParams(window.location.search).has("tapuz-edit")&&u(t,o)},[]),d(()=>{if(!o)return;let r={};fetch(`${t||a}/api/tokens?key=${encodeURIComponent(o)}`).then(n=>n.json()).then(({tokens:n,defaults:p})=>{r={...p&&typeof p=="object"?p:{},...n&&typeof n=="object"?n:{}},s(r)}).catch(()=>{});let i;function c(){i=new EventSource(`${t||a}/api/token-stream?key=${encodeURIComponent(o)}`),i.onmessage=n=>{try{let{tokens:p}=JSON.parse(n.data);if(!p||typeof p!="object")return;r={...r,...p},s(r)}catch{}},i.onerror=()=>{i.close(),setTimeout(c,3e3)}}return c(),()=>{i&&i.close()}},[o,t]),f(l,null,e)}export{g as TokensEngineProvider};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tapuz/tpz",
3
- "version": "0.1.4",
3
+ "version": "0.1.6",
4
4
  "description": "Token-powered design system provider for React",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs.js",