@tapuz/tpz 0.1.9 → 0.2.0

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 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=`
1
+ var c=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var v=(t,e)=>{for(var r in e)c(t,r,{get:e[r],enumerable:!0})},y=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of b(e))!g.call(t,i)&&i!==r&&c(t,i,{get:()=>e[i],enumerable:!(o=h(e,i))||o.enumerable});return t};var w=t=>y(c({},"__esModule",{value:!0}),t);var I={};v(I,{TokensEngineProvider:()=>C});module.exports=w(I);var s=require("react"),z="https://tapuz.io",_=`
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); }
@@ -66,7 +66,8 @@ var c=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var h=Object.g
66
66
 
67
67
  /* Messages: success */
68
68
  .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; }
69
- `;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(`
70
- `);l("__tpz_tokens",`:root {
69
+ `;function d(t,e){let r=document.getElementById(t);r||(r=document.createElement("style"),r.id=t,document.head.appendChild(r)),r.textContent=e}function k(t){if(!t||typeof t!="object")return"";let e="";for(let r in t){let o=t[r];!o||!o.property||!o.cssVar||(e+=`.${r} { ${o.property}: var(--tpz-${o.cssVar}); }
70
+ `)}return e}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"]),E="100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic";function l(t,e){let r=String(e||"").split(",")[0].replace(/['"]/g,"").trim(),o=document.getElementById(t);if(!r||x.has(r.toLowerCase())){o&&o.remove();return}let i=`https://fonts.googleapis.com/css?family=${encodeURIComponent(r).replace(/%20/g,"+")}:${E}&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){l("__tpz_font_heading",t["heading-family"]),l("__tpz_font_body",t["body-font-family"])}function u(t){let e=Object.entries(t).map(([r,o])=>` --tpz-${r}: ${o};`).join(`
71
+ `);d("__tpz_tokens",`:root {
71
72
  ${e}
72
- }`),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)}
73
+ }`),S(t)}function $(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 C({apiKey:t,children:e,apiUrl:r}){return(0,s.useEffect)(()=>{d("__tpz_base",_),typeof window<"u"&&new URLSearchParams(window.location.search).has("tapuz-edit")&&$(r,t)},[]),(0,s.useEffect)(()=>{if(!t)return;let o={};function i(){return fetch(`${r||z}/api/tokens?key=${encodeURIComponent(t)}`).then(p=>p.json()).then(({tokens:p,defaults:a,classDefs:m})=>{o={...a&&typeof a=="object"?a:{},...p&&typeof p=="object"?p:{}},u(o),d("__tpz_classes",k(m))}).catch(()=>{})}i();let n;function f(){n=new EventSource(`${r||z}/api/token-stream?key=${encodeURIComponent(t)}`),n.onmessage=p=>{try{let a=JSON.parse(p.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},u(o)}catch{}},n.onerror=()=>{n.close(),setTimeout(f,3e3)}}return f(),()=>{n&&n.close()}},[t,r]),(0,s.createElement)(s.Fragment,null,e)}
package/dist/index.esm.js CHANGED
@@ -1,4 +1,4 @@
1
- import{useEffect as c,Fragment as l,createElement as m}from"react";var s="https://tapuz.io",h=`
1
+ import{useEffect as d,Fragment as m,createElement as h}from"react";var s="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); }
@@ -66,7 +66,8 @@ import{useEffect as c,Fragment as l,createElement as m}from"react";var s="https:
66
66
 
67
67
  /* Messages: success */
68
68
  .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; }
69
- `;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(`
70
- `);f("__tpz_tokens",`:root {
69
+ `;function c(t,n){let o=document.getElementById(t);o||(o=document.createElement("style"),o.id=t,document.head.appendChild(o)),o.textContent=n}function g(t){if(!t||typeof t!="object")return"";let n="";for(let o in t){let r=t[o];!r||!r.property||!r.cssVar||(n+=`.${o} { ${r.property}: var(--tpz-${r.cssVar}); }
70
+ `)}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"]),y="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(),r=document.getElementById(t);if(!o||v.has(o.toLowerCase())){r&&r.remove();return}let p=`https://fonts.googleapis.com/css?family=${encodeURIComponent(o).replace(/%20/g,"+")}:${y}&display=swap`,e=r;e||(e=document.createElement("link"),e.id=t,e.rel="stylesheet",document.head.appendChild(e)),e.href!==p&&(e.href=p)}function w(t){f("__tpz_font_heading",t["heading-family"]),f("__tpz_font_body",t["body-font-family"])}function l(t){let n=Object.entries(t).map(([o,r])=>` --tpz-${o}: ${r};`).join(`
71
+ `);c("__tpz_tokens",`:root {
71
72
  ${n}
72
- }`),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};
73
+ }`),w(t)}function _(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 r=document.createElement("script");r.id="__tpz_auth_script",r.src=`${o}/live-edit-auth.js`,r.async=!0,document.head.appendChild(r)}function x({apiKey:t,children:n,apiUrl:o}){return d(()=>{c("__tpz_base",b),typeof window<"u"&&new URLSearchParams(window.location.search).has("tapuz-edit")&&_(o,t)},[]),d(()=>{if(!t)return;let r={};function p(){return fetch(`${o||s}/api/tokens?key=${encodeURIComponent(t)}`).then(a=>a.json()).then(({tokens:a,defaults:i,classDefs:u})=>{r={...i&&typeof i=="object"?i:{},...a&&typeof a=="object"?a:{}},l(r),c("__tpz_classes",g(u))}).catch(()=>{})}p();let e;function z(){e=new EventSource(`${o||s}/api/token-stream?key=${encodeURIComponent(t)}`),e.onmessage=a=>{try{let i=JSON.parse(a.data);if(i&&(i.type==="definitions_changed"||i.type==="feature_released")){p();return}if(!i||!i.tokens||typeof i.tokens!="object")return;r={...r,...i.tokens},l(r)}catch{}},e.onerror=()=>{e.close(),setTimeout(z,3e3)}}return z(),()=>{e&&e.close()}},[t,o]),h(m,null,n)}export{x as TokensEngineProvider};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tapuz/tpz",
3
- "version": "0.1.9",
3
+ "version": "0.2.0",
4
4
  "description": "Token-powered design system provider for React",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs.js",