@tapuz/tpz 0.1.9 → 0.2.1

package/dist/index.cjs.js

@@ -1,4 +1,4 @@
-var c=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var u=(t,e)=>{for(var r in e)c(t,r,{get:e[r],enumerable:!0})},g=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of h(e))!b.call(t,n)&&n!==r&&c(t,n,{get:()=>e[n],enumerable:!(o=m(e,n))||o.enumerable});return t};var v=t=>g(c({},"__esModule",{value:!0}),t);var S={};u(S,{TokensEngineProvider:()=>E});module.exports=v(S);var s=require("react"),z="https://tapuz.io",y=`
+var z=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var v=(t,r)=>{for(var e in r)z(t,e,{get:r[e],enumerable:!0})},w=(t,r,e,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of g(r))!y.call(t,i)&&i!==e&&z(t,i,{get:()=>r[i],enumerable:!(o=b(r,i))||o.enumerable});return t};var _=t=>w(z({},"__esModule",{value:!0}),t);var j={};v(j,{TokensEngineProvider:()=>B});module.exports=_(j);var s=require("react"),p="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); }
@@ -66,7 +66,8 @@ var c=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var h=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: var(--tpz-form-message-success-background); color: var(--tpz-form-message-success-color); border-left: 4px solid var(--tpz-form-message-success-color); border-radius: var(--tpz-form-message-radius); box-sizing: border-box; }
-`;function l(t,e){let r=document.getElementById(t);r||(r=document.createElement("style"),r.id=t,document.head.appendChild(r)),r.textContent=e}var w=new Set(["sans-serif","serif","monospace","system-ui","ui-sans-serif","ui-serif","ui-monospace","inherit","initial","arial","helvetica","times new roman","georgia","courier new","verdana","tahoma"]),_="100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic";function d(t,e){let r=String(e||"").split(",")[0].replace(/['"]/g,"").trim(),o=document.getElementById(t);if(!r||w.has(r.toLowerCase())){o&&o.remove();return}let n=`https://fonts.googleapis.com/css?family=${encodeURIComponent(r).replace(/%20/g,"+")}:${_}&display=swap`,i=o;i||(i=document.createElement("link"),i.id=t,i.rel="stylesheet",document.head.appendChild(i)),i.href!==n&&(i.href=n)}function k(t){d("__tpz_font_heading",t["heading-family"]),d("__tpz_font_body",t["body-font-family"])}function f(t){let e=Object.entries(t).map(([r,o])=>`  --tpz-${r}: ${o};`).join(`
-`);l("__tpz_tokens",`:root {
-${e}
-}`),k(t)}function x(t,e){if(document.getElementById("__tpz_auth_script")||document.getElementById("__tpz_editor_script")||document.getElementById("__tpz_code_box"))return;let r=t||z;window.__tpz_config={...window.__tpz_config,apiKey:e,apiUrl:r};let o=document.createElement("script");o.id="__tpz_auth_script",o.src=`${r}/live-edit-auth.js`,o.async=!0,document.head.appendChild(o)}function E({apiKey:t,children:e,apiUrl:r}){return(0,s.useEffect)(()=>{l("__tpz_base",y),typeof window<"u"&&new URLSearchParams(window.location.search).has("tapuz-edit")&&x(r,t)},[]),(0,s.useEffect)(()=>{if(!t)return;let o={};fetch(`${r||z}/api/tokens?key=${encodeURIComponent(t)}`).then(a=>a.json()).then(({tokens:a,defaults:p})=>{o={...p&&typeof p=="object"?p:{},...a&&typeof a=="object"?a:{}},f(o)}).catch(()=>{});let n;function i(){n=new EventSource(`${r||z}/api/token-stream?key=${encodeURIComponent(t)}`),n.onmessage=a=>{try{let{tokens:p}=JSON.parse(a.data);if(!p||typeof p!="object")return;o={...o,...p},f(o)}catch{}},n.onerror=()=>{n.close(),setTimeout(i,3e3)}}return i(),()=>{n&&n.close()}},[t,r]),(0,s.createElement)(s.Fragment,null,e)}
+`;function f(t,r){let e=document.getElementById(t);e||(e=document.createElement("style"),e.id=t,document.head.appendChild(e)),e.textContent=r}function E(t){if(!t||typeof t!="object")return"";let r="";for(let e in t){let o=t[e];!o||!o.property||!o.cssVar||(r+=`.${e} { ${o.property}: var(--tpz-${o.cssVar}); }
+`)}return r}var x=new Set(["sans-serif","serif","monospace","system-ui","ui-sans-serif","ui-serif","ui-monospace","inherit","initial","arial","helvetica","times new roman","georgia","courier new","verdana","tahoma"]),C="100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic";function u(t,r){let e=String(r||"").split(",")[0].replace(/['"]/g,"").trim(),o=document.getElementById(t);if(!e||x.has(e.toLowerCase())){o&&o.remove();return}let i=`https://fonts.googleapis.com/css?family=${encodeURIComponent(e).replace(/%20/g,"+")}:${C}&display=swap`,n=o;n||(n=document.createElement("link"),n.id=t,n.rel="stylesheet",document.head.appendChild(n)),n.href!==i&&(n.href=i)}function S(t){u("__tpz_font_heading",t["heading-family"]),u("__tpz_font_body",t["body-font-family"])}function m(t){let r=Object.entries(t).map(([e,o])=>`  --tpz-${e}: ${o};`).join(`
+`);f("__tpz_tokens",`:root {
+${r}
+}`),S(t)}function $(t,r){if(document.getElementById("__tpz_auth_script")||document.getElementById("__tpz_editor_script")||document.getElementById("__tpz_code_box"))return;let e=t||p;window.__tpz_config={...window.__tpz_config,apiKey:r,apiUrl:e};let o=document.createElement("script");o.id="__tpz_auth_script",o.src=`${e}/live-edit-auth.js`,o.async=!0,document.head.appendChild(o)}function I(t,r){if(document.getElementById("lab-editor-script")||document.getElementById("lab-editor-panel"))return;let e=t||p;window.__tpz_config={...window.__tpz_config,apiKey:r,apiUrl:e};let o=document.createElement("script");o.id="lab-editor-script",o.src=`${e}/lab-editor.js`,o.async=!0,document.head.appendChild(o)}async function T(t,r){let e=Array.from(document.querySelectorAll("[data-tapuz-zone]"));if(e.length)try{let o=await fetch(`${t}/api/zones?key=${encodeURIComponent(r)}`).then(n=>n.json()),i={};for(let n of o.zones??[])i[n.name]=n;await Promise.all(e.map(async n=>{let d=n.getAttribute("data-tapuz-zone"),c=i[d];if(!c?.id){n.style.display="none";return}let l=(await fetch(`${t}/api/zones/${encodeURIComponent(c.id)}?key=${encodeURIComponent(r)}`).then(h=>h.json())).html??"";if(!l){n.style.display="none";return}n.style.display="",n.innerHTML=l}))}catch{}}function B({apiKey:t,children:r,apiUrl:e}){return(0,s.useEffect)(()=>{if(f("__tpz_base",k),typeof window<"u"){let o=new URLSearchParams(window.location.search);o.has("tapuz-edit")&&$(e,t),o.has("tapuz-lab")&&I(e,t)}},[]),(0,s.useEffect)(()=>{t&&T(e||p,t)},[t,e]),(0,s.useEffect)(()=>{if(!t)return;let o={};function i(){return fetch(`${e||p}/api/tokens?key=${encodeURIComponent(t)}`).then(c=>c.json()).then(({tokens:c,defaults:a,classDefs:l})=>{o={...a&&typeof a=="object"?a:{},...c&&typeof c=="object"?c:{}},m(o),f("__tpz_classes",E(l))}).catch(()=>{})}i();let n;function d(){n=new EventSource(`${e||p}/api/token-stream?key=${encodeURIComponent(t)}`),n.onmessage=c=>{try{let a=JSON.parse(c.data);if(a&&(a.type==="definitions_changed"||a.type==="feature_released")){i();return}if(!a||!a.tokens||typeof a.tokens!="object")return;o={...o,...a.tokens},m(o)}catch{}},n.onerror=()=>{n.close(),setTimeout(d,3e3)}}return d(),()=>{n&&n.close()}},[t,e]),(0,s.createElement)(s.Fragment,null,r)}

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import{useEffect as c,Fragment as l,createElement as m}from"react";var s="https://tapuz.io",h=`
+import{useEffect as l,Fragment as h,createElement as b}from"react";var s="https://tapuz.io",g=`
 /* Active palette: backgrounds */
 .tpz-bg-clr  { background-color: var(--tpz-background-color); }
 .tpz-srf-clr { background-color: var(--tpz-surface-color); }
@@ -66,7 +66,8 @@ import{useEffect as c,Fragment as l,createElement as m}from"react";var s="https:
 
 /* Messages: success */
 .tpz-frm-msg-ok { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; font-size: 13px; background-color: var(--tpz-form-message-success-background); color: var(--tpz-form-message-success-color); border-left: 4px solid var(--tpz-form-message-success-color); border-radius: var(--tpz-form-message-radius); box-sizing: border-box; }
-`;function f(t,n){let r=document.getElementById(t);r||(r=document.createElement("style"),r.id=t,document.head.appendChild(r)),r.textContent=n}var b=new Set(["sans-serif","serif","monospace","system-ui","ui-sans-serif","ui-serif","ui-monospace","inherit","initial","arial","helvetica","times new roman","georgia","courier new","verdana","tahoma"]),u="100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic";function z(t,n){let r=String(n||"").split(",")[0].replace(/['"]/g,"").trim(),o=document.getElementById(t);if(!r||b.has(r.toLowerCase())){o&&o.remove();return}let i=`https://fonts.googleapis.com/css?family=${encodeURIComponent(r).replace(/%20/g,"+")}:${u}&display=swap`,e=o;e||(e=document.createElement("link"),e.id=t,e.rel="stylesheet",document.head.appendChild(e)),e.href!==i&&(e.href=i)}function g(t){z("__tpz_font_heading",t["heading-family"]),z("__tpz_font_body",t["body-font-family"])}function d(t){let n=Object.entries(t).map(([r,o])=>`  --tpz-${r}: ${o};`).join(`
-`);f("__tpz_tokens",`:root {
+`;function z(t,n){let o=document.getElementById(t);o||(o=document.createElement("style"),o.id=t,document.head.appendChild(o)),o.textContent=n}function y(t){if(!t||typeof t!="object")return"";let n="";for(let o in t){let e=t[o];!e||!e.property||!e.cssVar||(n+=`.${o} { ${e.property}: var(--tpz-${e.cssVar}); }
+`)}return n}var v=new Set(["sans-serif","serif","monospace","system-ui","ui-sans-serif","ui-serif","ui-monospace","inherit","initial","arial","helvetica","times new roman","georgia","courier new","verdana","tahoma"]),w="100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic";function f(t,n){let o=String(n||"").split(",")[0].replace(/['"]/g,"").trim(),e=document.getElementById(t);if(!o||v.has(o.toLowerCase())){e&&e.remove();return}let c=`https://fonts.googleapis.com/css?family=${encodeURIComponent(o).replace(/%20/g,"+")}:${w}&display=swap`,r=e;r||(r=document.createElement("link"),r.id=t,r.rel="stylesheet",document.head.appendChild(r)),r.href!==c&&(r.href=c)}function _(t){f("__tpz_font_heading",t["heading-family"]),f("__tpz_font_body",t["body-font-family"])}function u(t){let n=Object.entries(t).map(([o,e])=>`  --tpz-${o}: ${e};`).join(`
+`);z("__tpz_tokens",`:root {
 ${n}
-}`),g(t)}function v(t,n){if(document.getElementById("__tpz_auth_script")||document.getElementById("__tpz_editor_script")||document.getElementById("__tpz_code_box"))return;let r=t||s;window.__tpz_config={...window.__tpz_config,apiKey:n,apiUrl:r};let o=document.createElement("script");o.id="__tpz_auth_script",o.src=`${r}/live-edit-auth.js`,o.async=!0,document.head.appendChild(o)}function w({apiKey:t,children:n,apiUrl:r}){return c(()=>{f("__tpz_base",h),typeof window<"u"&&new URLSearchParams(window.location.search).has("tapuz-edit")&&v(r,t)},[]),c(()=>{if(!t)return;let o={};fetch(`${r||s}/api/tokens?key=${encodeURIComponent(t)}`).then(a=>a.json()).then(({tokens:a,defaults:p})=>{o={...p&&typeof p=="object"?p:{},...a&&typeof a=="object"?a:{}},d(o)}).catch(()=>{});let i;function e(){i=new EventSource(`${r||s}/api/token-stream?key=${encodeURIComponent(t)}`),i.onmessage=a=>{try{let{tokens:p}=JSON.parse(a.data);if(!p||typeof p!="object")return;o={...o,...p},d(o)}catch{}},i.onerror=()=>{i.close(),setTimeout(e,3e3)}}return e(),()=>{i&&i.close()}},[t,r]),m(l,null,n)}export{w as TokensEngineProvider};
+}`),_(t)}function k(t,n){if(document.getElementById("__tpz_auth_script")||document.getElementById("__tpz_editor_script")||document.getElementById("__tpz_code_box"))return;let o=t||s;window.__tpz_config={...window.__tpz_config,apiKey:n,apiUrl:o};let e=document.createElement("script");e.id="__tpz_auth_script",e.src=`${o}/live-edit-auth.js`,e.async=!0,document.head.appendChild(e)}function E(t,n){if(document.getElementById("lab-editor-script")||document.getElementById("lab-editor-panel"))return;let o=t||s;window.__tpz_config={...window.__tpz_config,apiKey:n,apiUrl:o};let e=document.createElement("script");e.id="lab-editor-script",e.src=`${o}/lab-editor.js`,e.async=!0,document.head.appendChild(e)}async function x(t,n){let o=Array.from(document.querySelectorAll("[data-tapuz-zone]"));if(o.length)try{let e=await fetch(`${t}/api/zones?key=${encodeURIComponent(n)}`).then(r=>r.json()),c={};for(let r of e.zones??[])c[r.name]=r;await Promise.all(o.map(async r=>{let p=r.getAttribute("data-tapuz-zone"),a=c[p];if(!a?.id){r.style.display="none";return}let d=(await fetch(`${t}/api/zones/${encodeURIComponent(a.id)}?key=${encodeURIComponent(n)}`).then(m=>m.json())).html??"";if(!d){r.style.display="none";return}r.style.display="",r.innerHTML=d}))}catch{}}function $({apiKey:t,children:n,apiUrl:o}){return l(()=>{if(z("__tpz_base",g),typeof window<"u"){let e=new URLSearchParams(window.location.search);e.has("tapuz-edit")&&k(o,t),e.has("tapuz-lab")&&E(o,t)}},[]),l(()=>{t&&x(o||s,t)},[t,o]),l(()=>{if(!t)return;let e={};function c(){return fetch(`${o||s}/api/tokens?key=${encodeURIComponent(t)}`).then(a=>a.json()).then(({tokens:a,defaults:i,classDefs:d})=>{e={...i&&typeof i=="object"?i:{},...a&&typeof a=="object"?a:{}},u(e),z("__tpz_classes",y(d))}).catch(()=>{})}c();let r;function p(){r=new EventSource(`${o||s}/api/token-stream?key=${encodeURIComponent(t)}`),r.onmessage=a=>{try{let i=JSON.parse(a.data);if(i&&(i.type==="definitions_changed"||i.type==="feature_released")){c();return}if(!i||!i.tokens||typeof i.tokens!="object")return;e={...e,...i.tokens},u(e)}catch{}},r.onerror=()=>{r.close(),setTimeout(p,3e3)}}return p(),()=>{r&&r.close()}},[t,o]),b(h,null,n)}export{$ as TokensEngineProvider};

package/package.json

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