@tapuz/tpz 0.2.3 → 0.2.5

package/dist/index.cjs.js

@@ -1,4 +1,4 @@
-var z=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var w=(t,r)=>{for(var e in r)z(t,e,{get:r[e],enumerable:!0})},_=(t,r,e,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of y(r))!v.call(t,i)&&i!==e&&z(t,i,{get:()=>r[i],enumerable:!(o=g(r,i))||o.enumerable});return t};var E=t=>_(z({},"__esModule",{value:!0}),t);var A={};w(A,{TapuzEngineProvider:()=>h,TokensEngineProvider:()=>j});module.exports=E(A);var s=require("react"),p="https://tapuz.io",k=`
+var l=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var w=Object.prototype.hasOwnProperty;var _=(t,r)=>{for(var o in r)l(t,o,{get:r[o],enumerable:!0})},E=(t,r,o,e)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of y(r))!w.call(t,a)&&a!==o&&l(t,a,{get:()=>r[a],enumerable:!(e=v(r,a))||e.enumerable});return t};var k=t=>E(l({},"__esModule",{value:!0}),t);var F={};_(F,{TapuzEngineProvider:()=>b,TokensEngineProvider:()=>A});module.exports=k(F);var p=require("react"),d="https://tapuz.io",x=`
 /* Active palette: backgrounds */
 .tpz-bg-clr  { background-color: var(--tpz-background-color); }
 .tpz-srf-clr { background-color: var(--tpz-surface-color); }
@@ -66,8 +66,8 @@ var z=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var y=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 f(t,r){let e=document.getElementById(t);e||(e=document.createElement("style"),e.id=t,document.head.appendChild(e)),e.textContent=r}function x(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 C=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"]),S="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||C.has(e.toLowerCase())){o&&o.remove();return}let i=`https://fonts.googleapis.com/css?family=${encodeURIComponent(e).replace(/%20/g,"+")}:${S}&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 $(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 {
+`;function z(t,r){let o=document.getElementById(t);o||(o=document.createElement("style"),o.id=t,document.head.appendChild(o)),o.textContent=r}function C(t){if(!t||typeof t!="object")return"";let r="";for(let o in t){let e=t[o];!e||!e.property||!e.cssVar||(r+=`.${o} { ${e.property}: var(--tpz-${e.cssVar}); }
+`)}return r}var S=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 m(t,r){let o=String(r||"").split(",")[0].replace(/['"]/g,"").trim(),e=document.getElementById(t);if(!o||S.has(o.toLowerCase())){e&&e.remove();return}let a=`https://fonts.googleapis.com/css?family=${encodeURIComponent(o).replace(/%20/g,"+")}:${$}&display=swap`,n=e;n||(n=document.createElement("link"),n.id=t,n.rel="stylesheet",document.head.appendChild(n)),n.href!==a&&(n.href=a)}function T(t){m("__tpz_font_heading",t["heading-family"]),m("__tpz_font_body",t["body-font-family"])}function h(t){let r=Object.entries(t).map(([o,e])=>`  --tpz-${o}: ${e};`).join(`
+`);z("__tpz_tokens",`:root {
 ${r}
-}`),$(t)}function T(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 B(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(b=>b.json())).html??"";if(!l){n.style.display="none";return}n.style.display="",n.innerHTML=l}))}catch{}}function h({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")&&T(e,t),o.has("tapuz-lab")&&I(e,t)}},[]),(0,s.useEffect)(()=>{t&&B(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",x(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)}var j=h;
+}`),T(t)}function I(t,r){if(document.getElementById("__tpz_auth_script")||document.getElementById("__tpz_editor_script")||document.getElementById("__tpz_code_box"))return;let o=t||d;window.__tpz_config={...window.__tpz_config,apiKey:r,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 B(t,r){if(document.getElementById("lab-editor-script")||document.getElementById("lab-editor-panel"))return;let o=t||d;window.__tpz_config={...window.__tpz_config,apiKey:r,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 j(t,r){let o=new URLSearchParams(window.location.search).has("tapuz-lab"),e=Array.from(document.querySelectorAll("[data-tapuz-zone]"));if(e.length)try{let a=await fetch(`${t}/api/zones?key=${encodeURIComponent(r)}`).then(c=>c.json()),n={};for(let c of a.zones??[])n[c.name]=c;await Promise.all(e.map(async c=>{let s=c.getAttribute("data-tapuz-zone"),i=n[s];if(!i?.id)return;let u=(await fetch(`${t}/api/zones/${encodeURIComponent(i.id)}?key=${encodeURIComponent(r)}`).then(g=>g.json())).html??"";!u||o||(c.innerHTML=u)}))}catch{}}function b({apiKey:t,children:r,apiUrl:o}){return(0,p.useEffect)(()=>{if(z("__tpz_base",x),typeof window<"u"){let e=new URLSearchParams(window.location.search);e.has("tapuz-edit")&&I(o,t),e.has("tapuz-lab")&&B(o,t)}},[]),(0,p.useEffect)(()=>{t&&j(o||d,t)},[t,o]),(0,p.useEffect)(()=>{if(!t)return;let e={};function a(){return fetch(`${o||d}/api/tokens?key=${encodeURIComponent(t)}`).then(s=>s.json()).then(({tokens:s,defaults:i,classDefs:f})=>{e={...i&&typeof i=="object"?i:{},...s&&typeof s=="object"?s:{}},h(e),z("__tpz_classes",C(f))}).catch(()=>{})}a();let n;function c(){n=new EventSource(`${o||d}/api/token-stream?key=${encodeURIComponent(t)}`),n.onmessage=s=>{try{let i=JSON.parse(s.data);if(i&&(i.type==="definitions_changed"||i.type==="feature_released")){a();return}if(!i||!i.tokens||typeof i.tokens!="object")return;e={...e,...i.tokens},h(e)}catch{}},n.onerror=()=>{n.close(),setTimeout(c,3e3)}}return c(),()=>{n&&n.close()}},[t,o]),(0,p.createElement)(p.Fragment,null,r)}var A=b;

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import{useEffect as l,Fragment as h,createElement as b}from"react";var s="https://tapuz.io",g=`
+import{useEffect as d,Fragment as b,createElement as g}from"react";var p="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); }
@@ -66,8 +66,8 @@ import{useEffect as l,Fragment as h,createElement as b}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 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}
-}`),_(t)}function E(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 k(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 C({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")&&E(o,t),e.has("tapuz-lab")&&k(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)}var T=C;export{C as TapuzEngineProvider,T as TokensEngineProvider};
+`;function l(t,r){let o=document.getElementById(t);o||(o=document.createElement("style"),o.id=t,document.head.appendChild(o)),o.textContent=r}function y(t){if(!t||typeof t!="object")return"";let r="";for(let o in t){let e=t[o];!e||!e.property||!e.cssVar||(r+=`.${o} { ${e.property}: var(--tpz-${e.cssVar}); }
+`)}return r}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 u(t,r){let o=String(r||"").split(",")[0].replace(/['"]/g,"").trim(),e=document.getElementById(t);if(!o||w.has(o.toLowerCase())){e&&e.remove();return}let s=`https://fonts.googleapis.com/css?family=${encodeURIComponent(o).replace(/%20/g,"+")}:${_}&display=swap`,n=e;n||(n=document.createElement("link"),n.id=t,n.rel="stylesheet",document.head.appendChild(n)),n.href!==s&&(n.href=s)}function E(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(([o,e])=>`  --tpz-${o}: ${e};`).join(`
+`);l("__tpz_tokens",`:root {
+${r}
+}`),E(t)}function k(t,r){if(document.getElementById("__tpz_auth_script")||document.getElementById("__tpz_editor_script")||document.getElementById("__tpz_code_box"))return;let o=t||p;window.__tpz_config={...window.__tpz_config,apiKey:r,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 x(t,r){if(document.getElementById("lab-editor-script")||document.getElementById("lab-editor-panel"))return;let o=t||p;window.__tpz_config={...window.__tpz_config,apiKey:r,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 C(t,r){let o=new URLSearchParams(window.location.search).has("tapuz-lab"),e=Array.from(document.querySelectorAll("[data-tapuz-zone]"));if(e.length)try{let s=await fetch(`${t}/api/zones?key=${encodeURIComponent(r)}`).then(a=>a.json()),n={};for(let a of s.zones??[])n[a.name]=a;await Promise.all(e.map(async a=>{let c=a.getAttribute("data-tapuz-zone"),i=n[c];if(!i?.id)return;let f=(await fetch(`${t}/api/zones/${encodeURIComponent(i.id)}?key=${encodeURIComponent(r)}`).then(h=>h.json())).html??"";!f||o||(a.innerHTML=f)}))}catch{}}function S({apiKey:t,children:r,apiUrl:o}){return d(()=>{if(l("__tpz_base",v),typeof window<"u"){let e=new URLSearchParams(window.location.search);e.has("tapuz-edit")&&k(o,t),e.has("tapuz-lab")&&x(o,t)}},[]),d(()=>{t&&C(o||p,t)},[t,o]),d(()=>{if(!t)return;let e={};function s(){return fetch(`${o||p}/api/tokens?key=${encodeURIComponent(t)}`).then(c=>c.json()).then(({tokens:c,defaults:i,classDefs:z})=>{e={...i&&typeof i=="object"?i:{},...c&&typeof c=="object"?c:{}},m(e),l("__tpz_classes",y(z))}).catch(()=>{})}s();let n;function a(){n=new EventSource(`${o||p}/api/token-stream?key=${encodeURIComponent(t)}`),n.onmessage=c=>{try{let i=JSON.parse(c.data);if(i&&(i.type==="definitions_changed"||i.type==="feature_released")){s();return}if(!i||!i.tokens||typeof i.tokens!="object")return;e={...e,...i.tokens},m(e)}catch{}},n.onerror=()=>{n.close(),setTimeout(a,3e3)}}return a(),()=>{n&&n.close()}},[t,o]),g(b,null,r)}var I=S;export{S as TapuzEngineProvider,I as TokensEngineProvider};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tapuz/tpz",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "Real-time content editing - publishing live without build or deploy!",
   "type": "module",
   "main": "dist/index.cjs.js",