tinybase 4.3.10 → 4.3.12

package/lib/cjs-es6/ui-react-dom.cjs

@@ -1 +1 @@
-"use strict";var e=require("react"),t=require("./ui-react");const l=e=>typeof e,r=l(""),o=l(!0),a=l(0),n="Value",s="currentTarget",i="value",d=isFinite,u=e=>null==e,{PureComponent:c,Fragment:m,createElement:h,useCallback:b,useLayoutEffect:p,useRef:g,useState:f}=e,w=(e,...t)=>u(e)?{}:e(...t),v=(e,t)=>e.map(t),I=Object,C=(e=[])=>I.fromEntries(e),y=(e,t)=>v(I.entries(e),(([e,l])=>t(l,e))),x="M20 80l5-15l40-40l10 10l-40 40l-15 5m5-15l10 10",k='content:url("',O=k+"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' stroke-width='4' stroke='white' fill='none'>",R='</svg>")',S=k+"data:image/svg+xml,%3csvg viewBox='0 0 680 680' xmlns='http://www.w3.org/2000/svg' style='width:680px%3bheight:680px'%3e %3cpath stroke='white' stroke-width='80' fill='none' d='M340 617a84 241 90 11.01 0zM131 475a94 254 70 10428-124 114 286 70 01-428 124zm0-140a94 254 70 10428-124 114 286 70 01-428 124zm-12-127a94 254 70 00306 38 90 260 90 01-306-38zm221 3a74 241 90 11.01 0z' /%3e %3cpath fill='%23d81b60' d='M131 475a94 254 70 10428-124 114 286 70 01-428 124zm0-140a94 254 70 10428-124 114 286 70 01-428 124z' /%3e %3cpath d='M249 619a94 240 90 00308-128 114 289 70 01-308 128zM119 208a94 254 70 00306 38 90 260 90 01-306-38zm221 3a74 241 90 11.01 0z' /%3e%3c/svg%3e\")",T=v([[20,20,20,60],[20,20,60,20],[20,60,60,20],[60,20,20,60],[30,30,40,40]],(([e,t,l,r])=>O+`<rect x='20' y='20' width='60' height='60' fill='grey'/><rect x='${e}' y='${t}' width='${l}' height='${r}' fill='white'/>`+R)),N=O+"<path d='M20 20l60 60M20 80l60-60' />"+R,V=O+`<path d='${x}' />`+R,P=O+`<path d='${x}M20 20l60 60' />`+R;var j=Object.defineProperty,z=Object.defineProperties,q=Object.getOwnPropertyDescriptors,M=Object.getOwnPropertySymbols,$=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable,F=(e,t,l)=>t in e?j(e,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[t]=l,H=(e,t)=>{for(var l in t||(t={}))$.call(t,l)&&F(e,l,t[l]);if(M)for(var l of M(t))E.call(t,l)&&F(e,l,t[l]);return e},B=(e,t)=>z(e,q(t));const D="*::-webkit-scrollbar";((e,t="")=>{e.join(t)})(y(B(H(B(H(B(H({"*":"all:revert","*::before":"all:revert","*::after":"all:revert",[D]:"width:0.5rem;height:0.5rem;",[D+"-track"]:"background:#111",[D+"-thumb"]:"background:#999;border:1px solid #111",[D+"-thumb:hover"]:"background:#fff",[D+"-corner"]:"background:#111",img:"width:1rem;height:1rem;background:#111;border:0;vertical-align:text-bottom",">img":"padding:0.25rem;bottom:0;right:0;position:fixed;"+S},C(v(["bottom:0;left:0","top:0;right:0"],((e,t)=>[`>img[data-position='${t}']`,e])))),{main:"display:flex;flex-direction:column;background:#111d;color:#fff;position:fixed;"}),C(v(["bottom:0;left:0;width:35vw;height:100vh","top:0;right:0;width:100vw;height:30vh","bottom:0;left:0;width:100vw;height:30vh","top:0;right:0;width:35vw;height:100vh","top:0;right:0;width:100vw;height:100vh"],((e,t)=>[`main[data-position='${t}']`,e])))),{header:"display:flex;padding:0.25rem;background:#000;align-items:center","header>img:nth-of-type(1)":S,"header>img:nth-of-type(6)":N}),C(v(T,((e,t)=>[`header>img[data-id='${t}']`,e])))),{"header>span":"flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:0.25rem",article:"padding:0.25rem 0.25rem 0.25rem 0.5rem;overflow:auto;flex:1",details:"margin-left:0.75rem;width:fit-content;","details img":"display:none","details[open]>summary img":"display:unset;background:none;margin-left:0.25rem","details[open]>summary img.edit":V,"details[open]>summary img.done":P,summary:"margin-left:-0.75rem;line-height:1.25rem;user-select:none;width:fit-content",table:"border-collapse:collapse;table-layout:fixed;margin-bottom:0.5rem","table input":"background:#111;color:unset;padding:0 0.25rem;border:0;font-size:unset;vertical-align:top;margin:0",'table input[type="number"]':"width:4rem","table tbody button":"font-size:0;background:#fff;border-radius:50%;margin:0 0.125rem 0 0;width:0.85rem;color:#111","table button:first-letter":"font-size:0.75rem",thead:"background:#222","th:nth-of-type(1)":"min-width:2rem;","th.sorted":"background:#000","table caption":"text-align:left;white-space:nowrap;line-height:1.25rem",button:"width:1.5rem;border:none;background:none;color:#fff;padding:0","button[disabled]":"color:#777","button.next":"margin-right:0.5rem","th,td":"overflow:hidden;text-overflow:ellipsis;padding:0.25rem 0.5rem;max-width:12rem;white-space:nowrap;border-width:1px 0;border-style:solid;border-color:#777;text-align:left","span.warn":"margin:0.25rem;color:#d81b60"}),((e,t)=>e?`& ${t}{${e}}`:"")));const A=(e,t,l,o)=>e==r?t:e==a?l:o;var L=Object.defineProperty,G=Object.defineProperties,J=Object.getOwnPropertyDescriptors,K=Object.getOwnPropertySymbols,Q=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable,W=(e,t,l)=>t in e?L(e,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[t]=l,X=(e,t)=>{for(var l in t||(t={}))Q.call(t,l)&&W(e,l,t[l]);if(K)for(var l of K(t))U.call(t,l)&&W(e,l,t[l]);return e},Y=(e,t)=>G(e,J(t)),Z=(e,t)=>{var l={};for(var r in e)Q.call(e,r)&&t.indexOf(r)<0&&(l[r]=e[r]);if(null!=e&&K)for(var r of K(e))t.indexOf(r)<0&&U.call(e,r)&&(l[r]=e[r]);return l};const{useCallback:_,useMemo:ee,useState:te}=e,le="editable",re=(e,l)=>v(t.useTableCellIds(e,l),(t=>e+"."+t)),oe=(e,t,l)=>{const r=_(e,t);return l?r:void 0},ae=(...e)=>ee((()=>e),e),ne=(e,t)=>ee((()=>({store:e,tableId:t})),[e,t]),se=(e,t)=>ee((()=>({queries:e,queryId:t})),[e,t]),ie=(e,t=!1,l,r=0,o,a,n,s)=>{const[[i,d,u],c]=te([e,t,r]),m=_((e=>{c(e),null==s||s(e)}),[s]),b=oe((e=>m([e,e==i&&!d,u])),[m,i,d,u],l),p=_((e=>m([i,d,e])),[m,i,d]),g=!0===n?ge:n;return[[i,d,u],b,ee((()=>!1===n?null:h(g,{offset:u,limit:o,total:a,onChange:p})),[n,g,u,o,a,p])]},de=(e,t,o)=>ee((()=>{const a=null!=t?t:e;return C(y(Array.isArray(a)?C(v(a,(e=>[e,e]))):a,((e,t)=>{return[t,X(X({},{label:t,component:o}),(a=e,l(a)==r?{label:e}:e))];var a})))}),[t,o,e]),ue=({className:e,headerRow:t,idColumn:l,params:[r,o,a,n,s,i]})=>h("table",{className:e},i?h("caption",null,i):null,!1===t?null:h("thead",null,h("tr",null,!1===l?null:h(ce,{sort:null!=n?n:[],label:"Id",onClick:s}),y(r,(({label:e},t)=>h(ce,{key:t,cellId:t,label:e,sort:null!=n?n:[],onClick:s}))))),h("tbody",null,v(a,(e=>h("tr",{key:e},!1===l?null:h("th",null,e),y(r,(({component:t,getComponentProps:l},r)=>h("td",{key:r},h(t,Y(X(X({},w(l,e,r)),o),{rowId:e,cellId:r})))))))))),ce=({cellId:e,sort:[t,l],label:r=(null!=e?e:""),onClick:o})=>h("th",{onClick:oe((()=>null==o?void 0:o(e)),[o,e],o),className:u(l)||t!=e?void 0:`sorted ${l?"de":"a"}scending`},u(l)||t!=e?null:(l?"↓":"↑")+" ",r),me=({localRowId:l,params:[r,o,a,n,s,i,d]})=>{const c=t.useRemoteRowId(s,l,i);return h("tr",null,!1===r?null:h(e.Fragment,null,h("th",null,l),h("th",null,c)),y(o,(({component:e,getComponentProps:t},r)=>{const[o,s]=r.split(".",2),i=o===a?l:o===n?c:null;return u(i)?null:h("td",{key:r},h(e,Y(X({},w(t,i,s)),{store:d,tableId:o,rowId:i,cellId:s})))})))},he=({thing:e,onThingChange:t,className:n,hasSchema:u})=>{const[c,m]=te(),[b,p]=te(),[g,f]=te(),[w,v]=te(),[I,C]=te();b!==e&&(m((e=>{const t=l(e);return(e=>e==r||e==o)(t)||t==a&&d(e)?t:void 0})(e)),p(e),f(e+""),v(Number(e)||0),C(!!e));const y=_(((e,l)=>{l(e),p(e),t(e)}),[t]);return h("div",{className:n},h("button",{className:c,onClick:_((()=>{if(!(null==u?void 0:u())){const e=A(c,a,o,r),l=A(e,g,w,I);m(e),p(l),t(l)}}),[u,t,g,w,I,c])},c),A(c,h("input",{key:c,value:g,onChange:_((e=>y(e[s][i]+"",f)),[y])}),h("input",{key:c,type:"number",value:w,onChange:_((e=>y(Number(e[s][i]||0),v)),[y])}),h("input",{key:c,type:"checkbox",checked:I,onChange:_((e=>y(!!e[s].checked,C)),[y])})))},be=({tableId:e,rowId:l,cellId:r,store:o,className:a})=>{var n;return h(he,{thing:t.useCell(e,l,r,o),onThingChange:t.useSetCellCallback(e,l,r,(e=>e),[],o),className:null!=a?a:le+"Cell",hasSchema:null==(n=t.useStoreOrStoreById(o))?void 0:n.hasTablesSchema})},pe=({valueId:e,store:l,className:r})=>{var o;return h(he,{thing:t.useValue(e,l),onThingChange:t.useSetValueCallback(e,(e=>e),[],l),className:null!=r?r:le+n,hasSchema:null==(o=t.useStoreOrStoreById(l))?void 0:o.hasValuesSchema})},ge=({onChange:t,total:l,offset:r=0,limit:o=l,singular:a="row",plural:n=a+"s"})=>{(r>l||r<0)&&(r=0,t(0));const s=oe((()=>t(r-o)),[t,r,o],r>0),i=oe((()=>t(r+o)),[t,r,o],r+o<l);return h(e.Fragment,null,l>o&&h(e.Fragment,null,h("button",{className:"previous",disabled:0==r,onClick:s},"←"),h("button",{className:"next",disabled:r+o>=l,onClick:i},"→"),r+1," to ",Math.min(l,r+o)," of "),l," ",1!=l?n:a)};(class extends c{constructor(e){super(e),this.componentDidCatch=(e,t)=>console.error(e,t.componentStack),this.state={e:0}}render(){return this.state.e?h("span",{className:"warn"},"Inspector error: please see console for details."):this.props.children}}).getDerivedStateFromError=()=>({e:1});const fe=e=>new Map(e);fe(),fe(),exports.EditableCellView=be,exports.EditableValueView=pe,exports.RelationshipInHtmlTable=({relationshipId:l,relationships:r,editable:o,customCells:a,className:n,headerRow:s,idColumn:i=!0})=>{const[d,u,c,m]=((e,t)=>[e,null==e?void 0:e.getStore(),null==e?void 0:e.getLocalTableId(t),null==e?void 0:e.getRemoteTableId(t)])(t.useRelationshipsOrRelationshipsById(r),l),b=de([...re(c,u),...re(m,u)],a,o?be:t.CellView),p=ae(i,b,c,m,l,d,u);return h("table",{className:n},!1===s?null:h("thead",null,h("tr",null,!1===i?null:h(e.Fragment,null,h("th",null,c,".Id"),h("th",null,m,".Id")),y(b,(({label:e},t)=>h("th",{key:t},e))))),h("tbody",null,v(t.useRowIds(c,u),(e=>h(me,{key:e,localRowId:e,params:p})))))},exports.ResultSortedTableInHtmlTable=e=>{var l=e,{queryId:r,cellId:o,descending:a,offset:n,limit:s,queries:i,sortOnClick:d,paginator:u=!1,customCells:c,onChange:m}=l,b=Z(l,["queryId","cellId","descending","offset","limit","queries","sortOnClick","paginator","customCells","onChange"]);const[p,g,f]=ie(o,a,d,n,s,t.useResultRowCount(r,i),u,m);return h(ue,Y(X({},b),{params:ae(de(t.useResultTableCellIds(r,i),c,t.ResultCellView),se(i,r),t.useResultSortedRowIds(r,...p,s,i),p,g,f)}))},exports.ResultTableInHtmlTable=e=>{var l=e,{queryId:r,queries:o,customCells:a}=l,n=Z(l,["queryId","queries","customCells"]);return h(ue,Y(X({},n),{params:ae(de(t.useResultTableCellIds(r,o),a,t.ResultCellView),se(o,r),t.useResultRowIds(r,o))}))},exports.SliceInHtmlTable=e=>{var l=e,{indexId:r,sliceId:o,indexes:a,editable:n,customCells:s}=l,i=Z(l,["indexId","sliceId","indexes","editable","customCells"]);const[d,u,c]=((e,t)=>[e,null==e?void 0:e.getStore(),null==e?void 0:e.getTableId(t)])(t.useIndexesOrIndexesById(a),r);return h(ue,Y(X({},i),{params:ae(de(t.useTableCellIds(c,u),s,n?be:t.CellView),ne(u,c),t.useSliceRowIds(r,o,d))}))},exports.SortedTableInHtmlTable=e=>{var l=e,{tableId:r,cellId:o,descending:a,offset:n,limit:s,store:i,editable:d,sortOnClick:u,paginator:c=!1,onChange:m,customCells:b}=l,p=Z(l,["tableId","cellId","descending","offset","limit","store","editable","sortOnClick","paginator","onChange","customCells"]);const[g,f,w]=ie(o,a,u,n,s,t.useRowCount(r,i),c,m);return h(ue,Y(X({},p),{params:ae(de(t.useTableCellIds(r,i),b,d?be:t.CellView),ne(i,r),t.useSortedRowIds(r,...g,s,i),g,f,w)}))},exports.SortedTablePaginator=ge,exports.StoreInspector=e=>null,exports.TableInHtmlTable=e=>{var l=e,{tableId:r,store:o,editable:a,customCells:n}=l,s=Z(l,["tableId","store","editable","customCells"]);return h(ue,Y(X({},s),{params:ae(de(t.useTableCellIds(r,o),n,a?be:t.CellView),ne(o,r),t.useRowIds(r,o))}))},exports.ValuesInHtmlTable=({store:e,editable:l=!1,valueComponent:r=(l?pe:t.ValueView),getValueComponentProps:o,className:a,headerRow:s,idColumn:i})=>h("table",{className:a},!1===s?null:h("thead",null,h("tr",null,!1===i?null:h("th",null,"Id"),h("th",null,n))),h("tbody",null,v(t.useValueIds(e),(t=>h("tr",{key:t},!1===i?null:h("th",null,t),h("td",null,h(r,Y(X({},w(o,t)),{valueId:t,store:e}))))))));
+"use strict";var e=require("react"),t=require("./ui-react");const l=e=>typeof e,r=l(""),o=l(!0),a=l(0),n="Value",s="currentTarget",i="value",d=isFinite,u=e=>null==e,{PureComponent:c,Fragment:m,createElement:h,useCallback:p,useLayoutEffect:b,useRef:g,useState:w}=e,f=(e,...t)=>u(e)?{}:e(...t),v=(e,t)=>e.map(t),I=Object,y=(e=[])=>I.fromEntries(e),C=(e,t)=>v(I.entries(e),(([e,l])=>t(l,e))),x="M20 80l5-15l40-40l10 10l-40 40l-15 5m5-15l10 10",k='content:url("',T=k+"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' stroke-width='4' stroke='white' fill='none'>",O='</svg>")',R=k+"data:image/svg+xml,%3csvg viewBox='0 0 680 680' xmlns='http://www.w3.org/2000/svg' style='width:680px%3bheight:680px'%3e %3cpath stroke='white' stroke-width='80' fill='none' d='M340 617a84 241 90 11.01 0zM131 475a94 254 70 10428-124 114 286 70 01-428 124zm0-140a94 254 70 10428-124 114 286 70 01-428 124zm-12-127a94 254 70 00306 38 90 260 90 01-306-38zm221 3a74 241 90 11.01 0z' /%3e %3cpath fill='%23d81b60' d='M131 475a94 254 70 10428-124 114 286 70 01-428 124zm0-140a94 254 70 10428-124 114 286 70 01-428 124z' /%3e %3cpath d='M249 619a94 240 90 00308-128 114 289 70 01-308 128zM119 208a94 254 70 00306 38 90 260 90 01-306-38zm221 3a74 241 90 11.01 0z' /%3e%3c/svg%3e\")",S=v([[20,20,20,60],[20,20,60,20],[20,60,60,20],[60,20,20,60],[30,30,40,40]],(([e,t,l,r])=>T+`<rect x='20' y='20' width='60' height='60' fill='grey'/><rect x='${e}' y='${t}' width='${l}' height='${r}' fill='white'/>`+O)),N=T+"<path d='M20 20l60 60M20 80l60-60' />"+O,V=T+`<path d='${x}' />`+O,P=T+`<path d='${x}M20 20l60 60' />`+O;var j=Object.defineProperty,z=Object.defineProperties,q=Object.getOwnPropertyDescriptors,M=Object.getOwnPropertySymbols,$=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable,F=(e,t,l)=>t in e?j(e,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[t]=l,H=(e,t)=>{for(var l in t||(t={}))$.call(t,l)&&F(e,l,t[l]);if(M)for(var l of M(t))E.call(t,l)&&F(e,l,t[l]);return e},B=(e,t)=>z(e,q(t));const D="*::-webkit-scrollbar";((e,t="")=>{e.join(t)})(C(B(H(B(H(B(H({"*":"all:revert","*::before":"all:revert","*::after":"all:revert",[D]:"width:0.5rem;height:0.5rem;",[D+"-track"]:"background:#111",[D+"-thumb"]:"background:#999;border:1px solid #111",[D+"-thumb:hover"]:"background:#fff",[D+"-corner"]:"background:#111",img:"width:1rem;height:1rem;background:#111;border:0;vertical-align:text-bottom",">img":"padding:0.25rem;bottom:0;right:0;position:fixed;"+R},y(v(["bottom:0;left:0","top:0;right:0"],((e,t)=>[`>img[data-position='${t}']`,e])))),{main:"display:flex;flex-direction:column;background:#111d;color:#fff;position:fixed;"}),y(v(["bottom:0;left:0;width:35vw;height:100vh","top:0;right:0;width:100vw;height:30vh","bottom:0;left:0;width:100vw;height:30vh","top:0;right:0;width:35vw;height:100vh","top:0;right:0;width:100vw;height:100vh"],((e,t)=>[`main[data-position='${t}']`,e])))),{header:"display:flex;padding:0.25rem;background:#000;align-items:center","header>img:nth-of-type(1)":R,"header>img:nth-of-type(6)":N}),y(v(S,((e,t)=>[`header>img[data-id='${t}']`,e])))),{"header>span":"flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:0.25rem",article:"padding:0.25rem 0.25rem 0.25rem 0.5rem;overflow:auto;flex:1",details:"margin-left:0.75rem;width:fit-content;","details img":"display:none","details[open]>summary img":"display:unset;background:none;margin-left:0.25rem","details[open]>summary img.edit":V,"details[open]>summary img.done":P,summary:"margin-left:-0.75rem;line-height:1.25rem;user-select:none;width:fit-content",table:"border-collapse:collapse;table-layout:fixed;margin-bottom:0.5rem","table input":"background:#111;color:unset;padding:0 0.25rem;border:0;font-size:unset;vertical-align:top;margin:0",'table input[type="number"]':"width:4rem","table tbody button":"font-size:0;background:#fff;border-radius:50%;margin:0 0.125rem 0 0;width:0.85rem;color:#111","table button:first-letter":"font-size:0.75rem",thead:"background:#222","th:nth-of-type(1)":"min-width:2rem;","th.sorted":"background:#000","table caption":"text-align:left;white-space:nowrap;line-height:1.25rem",button:"width:1.5rem;border:none;background:none;color:#fff;padding:0","button[disabled]":"color:#777","button.next":"margin-right:0.5rem","th,td":"overflow:hidden;text-overflow:ellipsis;padding:0.25rem 0.5rem;max-width:12rem;white-space:nowrap;border-width:1px 0;border-style:solid;border-color:#777;text-align:left","span.warn":"margin:0.25rem;color:#d81b60"}),((e,t)=>e?`& ${t}{${e}}`:"")));const A=(e,t,l,o)=>e==r?t:e==a?l:o;var L=Object.defineProperty,G=Object.defineProperties,J=Object.getOwnPropertyDescriptors,K=Object.getOwnPropertySymbols,Q=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable,W=(e,t,l)=>t in e?L(e,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[t]=l,X=(e,t)=>{for(var l in t||(t={}))Q.call(t,l)&&W(e,l,t[l]);if(K)for(var l of K(t))U.call(t,l)&&W(e,l,t[l]);return e},Y=(e,t)=>G(e,J(t)),Z=(e,t)=>{var l={};for(var r in e)Q.call(e,r)&&t.indexOf(r)<0&&(l[r]=e[r]);if(null!=e&&K)for(var r of K(e))t.indexOf(r)<0&&U.call(e,r)&&(l[r]=e[r]);return l};const{useCallback:_,useMemo:ee,useState:te}=e,le="editable",re=(e,l)=>v(t.useTableCellIds(e,l),(t=>e+"."+t)),oe=(e,t,l)=>{const r=_(e,t);return l?r:void 0},ae=(...e)=>ee((()=>e),e),ne=(e,t)=>ee((()=>({store:e,tableId:t})),[e,t]),se=(e,t)=>ee((()=>({queries:e,queryId:t})),[e,t]),ie=(e,t=!1,l,r=0,o,a,n,s)=>{const[[i,d,u],c]=te([e,t,r]),m=_((e=>{c(e),null==s||s(e)}),[s]),p=oe((e=>m([e,e==i&&!d,u])),[m,i,d,u],l),b=_((e=>m([i,d,e])),[m,i,d]),g=!0===n?ge:n;return[[i,d,u],p,ee((()=>!1===n?null:h(g,{offset:u,limit:o,total:a,onChange:b})),[n,g,u,o,a,b])]},de=(e,t,o)=>ee((()=>{const a=null!=t?t:e;return y(C(Array.isArray(a)?y(v(a,(e=>[e,e]))):a,((e,t)=>{return[t,X(X({},{label:t,component:o}),(a=e,l(a)==r?{label:e}:e))];var a})))}),[t,o,e]),ue=({className:e,headerRow:t,idColumn:l,params:[r,o,a,n,s,i]})=>h("table",{className:e},i?h("caption",null,i):null,!1===t?null:h("thead",null,h("tr",null,!1===l?null:h(ce,{sort:null!=n?n:[],label:"Id",onClick:s}),C(r,(({label:e},t)=>h(ce,{key:t,cellId:t,label:e,sort:null!=n?n:[],onClick:s}))))),h("tbody",null,v(a,(e=>h("tr",{key:e},!1===l?null:h("th",null,e),C(r,(({component:t,getComponentProps:l},r)=>h("td",{key:r},h(t,Y(X(X({},f(l,e,r)),o),{rowId:e,cellId:r})))))))))),ce=({cellId:e,sort:[t,l],label:r=(null!=e?e:""),onClick:o})=>h("th",{onClick:oe((()=>null==o?void 0:o(e)),[o,e],o),className:u(l)||t!=e?void 0:`sorted ${l?"de":"a"}scending`},u(l)||t!=e?null:(l?"↓":"↑")+" ",r),me=({localRowId:l,params:[r,o,a,n,s,i,d]})=>{const c=t.useRemoteRowId(s,l,i);return h("tr",null,!1===r?null:h(e.Fragment,null,h("th",null,l),h("th",null,c)),C(o,(({component:e,getComponentProps:t},r)=>{const[o,s]=r.split(".",2),i=o===a?l:o===n?c:null;return u(i)?null:h("td",{key:r},h(e,Y(X({},f(t,i,s)),{store:d,tableId:o,rowId:i,cellId:s})))})))},he=({thing:e,onThingChange:t,className:n,hasSchema:u,showType:c=!0})=>{const[m,p]=te(),[b,g]=te(),[w,f]=te(),[v,I]=te(),[y,C]=te();b!==e&&(p((e=>{const t=l(e);return(e=>e==r||e==o)(t)||t==a&&d(e)?t:void 0})(e)),g(e),f(e+""),I(Number(e)||0),C(!!e));const x=_(((e,l)=>{l(e),g(e),t(e)}),[t]),k=_((()=>{if(!(null==u?void 0:u())){const e=A(m,a,o,r),l=A(e,w,v,y);p(e),g(l),t(l)}}),[u,t,w,v,y,m]);return h("div",{className:n},c?h("button",{className:m,onClick:k},m):null,A(m,h("input",{key:m,value:w,onChange:_((e=>x(e[s][i]+"",f)),[x])}),h("input",{key:m,type:"number",value:v,onChange:_((e=>x(Number(e[s][i]||0),I)),[x])}),h("input",{key:m,type:"checkbox",checked:y,onChange:_((e=>x(!!e[s].checked,C)),[x])})))},pe=({tableId:e,rowId:l,cellId:r,store:o,className:a,showType:n})=>{var s;return h(he,{thing:t.useCell(e,l,r,o),onThingChange:t.useSetCellCallback(e,l,r,(e=>e),[],o),className:null!=a?a:le+"Cell",showType:n,hasSchema:null==(s=t.useStoreOrStoreById(o))?void 0:s.hasTablesSchema})},be=({valueId:e,store:l,className:r,showType:o})=>{var a;return h(he,{thing:t.useValue(e,l),onThingChange:t.useSetValueCallback(e,(e=>e),[],l),className:null!=r?r:le+n,showType:o,hasSchema:null==(a=t.useStoreOrStoreById(l))?void 0:a.hasValuesSchema})},ge=({onChange:t,total:l,offset:r=0,limit:o=l,singular:a="row",plural:n=a+"s"})=>{(r>l||r<0)&&(r=0,t(0));const s=oe((()=>t(r-o)),[t,r,o],r>0),i=oe((()=>t(r+o)),[t,r,o],r+o<l);return h(e.Fragment,null,l>o&&h(e.Fragment,null,h("button",{className:"previous",disabled:0==r,onClick:s},"←"),h("button",{className:"next",disabled:r+o>=l,onClick:i},"→"),r+1," to ",Math.min(l,r+o)," of "),l," ",1!=l?n:a)};(class extends c{constructor(e){super(e),this.componentDidCatch=(e,t)=>console.error(e,t.componentStack),this.state={e:0}}render(){return this.state.e?h("span",{className:"warn"},"Inspector error: please see console for details."):this.props.children}}).getDerivedStateFromError=()=>({e:1});const we=e=>new Map(e);we(),we(),exports.EditableCellView=pe,exports.EditableValueView=be,exports.RelationshipInHtmlTable=({relationshipId:l,relationships:r,editable:o,customCells:a,className:n,headerRow:s,idColumn:i=!0})=>{const[d,u,c,m]=((e,t)=>[e,null==e?void 0:e.getStore(),null==e?void 0:e.getLocalTableId(t),null==e?void 0:e.getRemoteTableId(t)])(t.useRelationshipsOrRelationshipsById(r),l),p=de([...re(c,u),...re(m,u)],a,o?pe:t.CellView),b=ae(i,p,c,m,l,d,u);return h("table",{className:n},!1===s?null:h("thead",null,h("tr",null,!1===i?null:h(e.Fragment,null,h("th",null,c,".Id"),h("th",null,m,".Id")),C(p,(({label:e},t)=>h("th",{key:t},e))))),h("tbody",null,v(t.useRowIds(c,u),(e=>h(me,{key:e,localRowId:e,params:b})))))},exports.ResultSortedTableInHtmlTable=e=>{var l=e,{queryId:r,cellId:o,descending:a,offset:n,limit:s,queries:i,sortOnClick:d,paginator:u=!1,customCells:c,onChange:m}=l,p=Z(l,["queryId","cellId","descending","offset","limit","queries","sortOnClick","paginator","customCells","onChange"]);const[b,g,w]=ie(o,a,d,n,s,t.useResultRowCount(r,i),u,m);return h(ue,Y(X({},p),{params:ae(de(t.useResultTableCellIds(r,i),c,t.ResultCellView),se(i,r),t.useResultSortedRowIds(r,...b,s,i),b,g,w)}))},exports.ResultTableInHtmlTable=e=>{var l=e,{queryId:r,queries:o,customCells:a}=l,n=Z(l,["queryId","queries","customCells"]);return h(ue,Y(X({},n),{params:ae(de(t.useResultTableCellIds(r,o),a,t.ResultCellView),se(o,r),t.useResultRowIds(r,o))}))},exports.SliceInHtmlTable=e=>{var l=e,{indexId:r,sliceId:o,indexes:a,editable:n,customCells:s}=l,i=Z(l,["indexId","sliceId","indexes","editable","customCells"]);const[d,u,c]=((e,t)=>[e,null==e?void 0:e.getStore(),null==e?void 0:e.getTableId(t)])(t.useIndexesOrIndexesById(a),r);return h(ue,Y(X({},i),{params:ae(de(t.useTableCellIds(c,u),s,n?pe:t.CellView),ne(u,c),t.useSliceRowIds(r,o,d))}))},exports.SortedTableInHtmlTable=e=>{var l=e,{tableId:r,cellId:o,descending:a,offset:n,limit:s,store:i,editable:d,sortOnClick:u,paginator:c=!1,onChange:m,customCells:p}=l,b=Z(l,["tableId","cellId","descending","offset","limit","store","editable","sortOnClick","paginator","onChange","customCells"]);const[g,w,f]=ie(o,a,u,n,s,t.useRowCount(r,i),c,m);return h(ue,Y(X({},b),{params:ae(de(t.useTableCellIds(r,i),p,d?pe:t.CellView),ne(i,r),t.useSortedRowIds(r,...g,s,i),g,w,f)}))},exports.SortedTablePaginator=ge,exports.StoreInspector=e=>null,exports.TableInHtmlTable=e=>{var l=e,{tableId:r,store:o,editable:a,customCells:n}=l,s=Z(l,["tableId","store","editable","customCells"]);return h(ue,Y(X({},s),{params:ae(de(t.useTableCellIds(r,o),n,a?pe:t.CellView),ne(o,r),t.useRowIds(r,o))}))},exports.ValuesInHtmlTable=({store:e,editable:l=!1,valueComponent:r=(l?be:t.ValueView),getValueComponentProps:o,className:a,headerRow:s,idColumn:i})=>h("table",{className:a},!1===s?null:h("thead",null,h("tr",null,!1===i?null:h("th",null,"Id"),h("th",null,n))),h("tbody",null,v(t.useValueIds(e),(t=>h("tr",{key:t},!1===i?null:h("th",null,t),h("td",null,h(r,Y(X({},f(o,t)),{valueId:t,store:e}))))))));

package/lib/debug/persisters/persister-partykit-client.js

@@ -1,6 +1,7 @@
 const getTypeOf = (thing) => typeof thing;
 const EMPTY_STRING = '';
 const STRING = getTypeOf(EMPTY_STRING);
+const strStartsWith = (str, prefix) => str.startsWith(prefix);
 
 const isInstanceOf = (thing, cls) => thing instanceof cls;
 const isUndefined = (thing) => thing == void 0;
@@ -30,12 +31,17 @@ const jsonParse = JSON.parse;
 const SET_CHANGES = 's';
 const STORE_PATH = '/store';
 const PUT = 'PUT';
-const constructMessage = (type, payload) =>
-  type + (isString(payload) ? payload : jsonString(payload));
-const deconstructMessage = (message, stringified) => [
-  message[0],
-  stringified ? jsonParse(slice(message, 1)) : slice(message, 1),
-];
+const construct = (prefix, type, payload) =>
+  prefix + type + (isString(payload) ? payload : jsonString(payload));
+const deconstruct = (prefix, message, stringified) => {
+  const prefixSize = size(prefix);
+  return strStartsWith(message, prefix)
+    ? [
+        message[prefixSize],
+        (stringified ? jsonParse : String)(slice(message, prefixSize + 1)),
+      ]
+    : void 0;
+};
 
 const collHas = (coll, keyOrValue) => coll?.has(keyOrValue) ?? false;
 const collDel = (coll, keyOrValue) => coll?.delete(keyOrValue);
@@ -191,10 +197,6 @@ const createCustomPersister = (
 };
 
 const MESSAGE = 'message';
-const DEFAULT_CONFIG = {
-  storeProtocol: 'https',
-  storePath: STORE_PATH,
-};
 const createPartyKitPersister = (
   store,
   connection,
@@ -202,8 +204,11 @@ const createPartyKitPersister = (
   onIgnoredError,
 ) => {
   const {host, room} = connection.partySocketOptions;
-  const {storeProtocol, storePath} = {
-    ...DEFAULT_CONFIG,
+  const {
+    storeProtocol = 'https',
+    storePath = STORE_PATH,
+    messagePrefix = EMPTY_STRING,
+  } = {
     ...(isString(configOrStoreProtocol)
       ? {storeProtocol: configOrStoreProtocol}
       : configOrStoreProtocol),
@@ -228,18 +233,23 @@ const createPartyKitPersister = (
   const getPersisted = async () => await getOrSetStore();
   const setPersisted = async (getContent, getTransactionChanges) => {
     if (getTransactionChanges) {
-      connection.send(constructMessage(SET_CHANGES, getTransactionChanges()));
+      connection.send(
+        construct(messagePrefix, SET_CHANGES, getTransactionChanges()),
+      );
     } else {
       await getOrSetStore(getContent());
     }
   };
   const addPersisterListener = (listener) => {
-    const messageListener = (event) => {
-      const [type, payload] = deconstructMessage(event.data, 1);
-      if (type == SET_CHANGES) {
-        listener(void 0, () => payload);
-      }
-    };
+    const messageListener = (event) =>
+      ifNotUndefined(
+        deconstruct(messagePrefix, event.data, 1),
+        ([type, payload]) => {
+          if (type == SET_CHANGES) {
+            listener(void 0, () => payload);
+          }
+        },
+      );
     connection.addEventListener(MESSAGE, messageListener);
     return messageListener;
   };

package/lib/debug/persisters/persister-partykit-server.js

@@ -3,6 +3,7 @@ const EMPTY_STRING = '';
 const STRING = getTypeOf(EMPTY_STRING);
 const T = 't';
 const V = 'v';
+const strStartsWith = (str, prefix) => str.startsWith(prefix);
 
 const promise = Promise;
 const isInstanceOf = (thing, cls) => thing instanceof cls;
@@ -42,12 +43,17 @@ const jsonParse = JSON.parse;
 const SET_CHANGES = 's';
 const STORE_PATH = '/store';
 const PUT = 'PUT';
-const constructMessage = (type, payload) =>
-  type + (isString(payload) ? payload : jsonString(payload));
-const deconstructMessage = (message, stringified) => [
-  message[0],
-  stringified ? jsonParse(slice(message, 1)) : slice(message, 1),
-];
+const construct = (prefix, type, payload) =>
+  prefix + type + (isString(payload) ? payload : jsonString(payload));
+const deconstruct = (prefix, message, stringified) => {
+  const prefixSize = size(prefix);
+  return strStartsWith(message, prefix)
+    ? [
+        message[prefixSize],
+        (stringified ? jsonParse : String)(slice(message, prefixSize + 1)),
+      ]
+    : void 0;
+};
 
 const collForEach = (coll, cb) => coll?.forEach(cb);
 
@@ -61,15 +67,16 @@ const RESPONSE_HEADERS = objNew(
     '*',
   ]),
 );
-const hasStoreInStorage = async (storage, prefix) =>
-  await storage.get(prefix + HAS_STORE);
-const loadStoreFromStorage = async (storage, prefix) => {
+const hasStore = async (that) =>
+  await that.party.storage.get(
+    (that.config.storagePrefix ?? EMPTY_STRING) + HAS_STORE,
+  );
+const loadStore = async (that) => {
   const tables = {};
   const values = {};
-  mapForEach(await storage.list(), (key, cellOrValue) => {
-    if (key.startsWith(prefix)) {
-      key = slice(key, size(prefix));
-      const [type, ids] = deconstructMessage(key);
+  const storagePrefix = that.config.storagePrefix ?? EMPTY_STRING;
+  mapForEach(await that.party.storage.list(), (key, cellOrValue) =>
+    ifNotUndefined(deconstruct(storagePrefix, key), ([type, ids]) => {
       if (type == T) {
         const [tableId, rowId, cellId] = jsonParse('[' + ids + ']');
         objEnsure(objEnsure(tables, tableId, objNew), rowId, objNew)[cellId] =
@@ -77,98 +84,182 @@ const loadStoreFromStorage = async (storage, prefix) => {
       } else if (type == V) {
         values[ids] = cellOrValue;
       }
-    }
-  });
+    }),
+  );
   return [tables, values];
 };
-const saveStoreToStorage = async (storage, prefix, transactionChanges) => {
-  const promises = [storage.put(prefix + HAS_STORE, 1)];
+const saveStore = async (
+  that,
+  transactionChanges,
+  initialSave,
+  requestOrConnection,
+) => {
+  const storage = that.party.storage;
+  const storagePrefix = that.config.storagePrefix ?? EMPTY_STRING;
+  const promises = [storage.put(storagePrefix + HAS_STORE, 1)];
   const keyPrefixesToDelete = [];
   objMap(transactionChanges[0], (table, tableId) =>
     isUndefined(table)
-      ? arrayUnshift(
+      ? !initialSave &&
+        that.canDelTable(tableId, requestOrConnection) &&
+        arrayUnshift(
           keyPrefixesToDelete,
-          prefix + getStoreStorageKey(T, tableId),
+          constructStorageKey(storagePrefix, T, tableId),
         )
-      : objMap(table, (row, rowId) =>
+      : that.canSetTable(tableId, initialSave, requestOrConnection) &&
+        objMap(table, (row, rowId) =>
           isUndefined(row)
-            ? arrayPush(
+            ? !initialSave &&
+              that.canDelRow(tableId, rowId, requestOrConnection) &&
+              arrayPush(
                 keyPrefixesToDelete,
-                prefix + getStoreStorageKey(T, tableId, rowId),
+                constructStorageKey(storagePrefix, T, tableId, rowId),
               )
-            : objMap(row, (cell, cellId) =>
-                promiseToSetOrDelStorage(
-                  promises,
-                  storage,
-                  prefix + getStoreStorageKey(T, tableId, rowId, cellId),
-                  cell,
-                ),
+            : that.canSetRow(
+                tableId,
+                rowId,
+                initialSave,
+                requestOrConnection,
+              ) &&
+              objMap(row, (cell, cellId) =>
+                isUndefined(cell)
+                  ? !initialSave &&
+                    that.canDelCell(
+                      tableId,
+                      rowId,
+                      cellId,
+                      requestOrConnection,
+                    ) &&
+                    arrayPush(
+                      promises,
+                      storage.delete(
+                        constructStorageKey(
+                          storagePrefix,
+                          T,
+                          tableId,
+                          rowId,
+                          cellId,
+                        ),
+                      ),
+                    )
+                  : that.canSetCell(
+                      tableId,
+                      rowId,
+                      cellId,
+                      cell,
+                      initialSave,
+                      requestOrConnection,
+                    ) &&
+                    arrayPush(
+                      promises,
+                      storage.put(
+                        constructStorageKey(
+                          storagePrefix,
+                          T,
+                          tableId,
+                          rowId,
+                          cellId,
+                        ),
+                        cell,
+                      ),
+                    ),
               ),
         ),
   );
   objMap(transactionChanges[1], (value, valueId) =>
-    promiseToSetOrDelStorage(promises, storage, prefix + V + valueId, value),
+    isUndefined(value)
+      ? !initialSave &&
+        that.canDelValue(valueId, requestOrConnection) &&
+        arrayPush(promises, storage.delete(storagePrefix + V + valueId))
+      : that.canSetValue(valueId, value, initialSave, requestOrConnection) &&
+        arrayPush(promises, storage.put(storagePrefix + V + valueId, value)),
   );
   if (!arrayIsEmpty(keyPrefixesToDelete)) {
     mapForEach(await storage.list(), (key) =>
       arrayEvery(
         keyPrefixesToDelete,
         (keyPrefixToDelete) =>
-          !key.startsWith(keyPrefixToDelete) ||
-          (promiseToSetOrDelStorage(promises, storage, key) && false),
+          !strStartsWith(key, keyPrefixToDelete) ||
+          (arrayPush(promises, storage.delete(key)) && 0),
       ),
     );
   }
   await promiseAll(promises);
 };
-const getStoreStorageKey = (type, ...ids) =>
-  type + slice(jsonString(ids), 1, -1);
-const promiseToSetOrDelStorage = (promises, storage, key, value) =>
-  arrayPush(
-    promises,
-    isUndefined(value) ? storage.delete(key) : storage.put(key, value),
-  );
+const constructStorageKey = (storagePrefix, type, ...ids) =>
+  construct(storagePrefix, type, slice(jsonString(ids), 1, -1));
+const createResponse = async (that, status, body = null) =>
+  new Response(body, {
+    status,
+    headers: that.config.responseHeaders ?? RESPONSE_HEADERS,
+  });
 class TinyBasePartyKitServer {
   constructor(party) {
     this.party = party;
     this.config = {};
-    this.createResponse = (status, body = null) =>
-      new Response(body, {
-        status,
-        headers: this.config.responseHeaders ?? RESPONSE_HEADERS,
-      });
   }
   async onRequest(request) {
-    const storage = this.party.storage;
-    const prefix = this.config.storagePrefix ?? EMPTY_STRING;
     const storePath = this.config.storePath ?? STORE_PATH;
     if (new URL(request.url).pathname.endsWith(storePath)) {
-      const hasStore = await hasStoreInStorage(storage, prefix);
+      const hasExistingStore = await hasStore(this);
       const text = await request.text();
       if (request.method == PUT) {
-        if (hasStore) {
-          return this.createResponse(205);
+        if (hasExistingStore) {
+          return createResponse(this, 205);
         }
-        await saveStoreToStorage(storage, prefix, jsonParse(text));
-        return this.createResponse(201);
+        await saveStore(this, jsonParse(text), true, request);
+        return createResponse(this, 201);
       }
-      return this.createResponse(
+      return createResponse(
+        this,
         200,
-        hasStore
-          ? jsonString(await loadStoreFromStorage(storage, prefix))
-          : EMPTY_STRING,
+        hasExistingStore ? jsonString(await loadStore(this)) : EMPTY_STRING,
       );
     }
-    return this.createResponse(404);
+    return createResponse(this, 404);
   }
-  async onMessage(message, client) {
-    const storage = this.party.storage;
-    const prefix = this.config.storagePrefix ?? EMPTY_STRING;
-    const [type, payload] = deconstructMessage(message, 1);
-    if (type == SET_CHANGES && (await hasStoreInStorage(storage, prefix))) {
-      await saveStoreToStorage(storage, prefix, payload);
-      this.party.broadcast(constructMessage(SET_CHANGES, payload), [client.id]);
-    }
+  async onMessage(message, connection) {
+    const messagePrefix = this.config.messagePrefix ?? EMPTY_STRING;
+    await ifNotUndefined(
+      deconstruct(messagePrefix, message, 1),
+      async ([type, payload]) => {
+        if (type == SET_CHANGES && (await hasStore(this))) {
+          await saveStore(this, payload, false, connection);
+          this.party.broadcast(construct(messagePrefix, SET_CHANGES, payload));
+        }
+      },
+    );
+  }
+  canSetTable(_tableId, _initialSave, _requestOrConnection) {
+    return true;
+  }
+  canDelTable(_tableId, _connection) {
+    return true;
+  }
+  canSetRow(_tableId, _rowId, _initialSave, _requestOrConnection) {
+    return true;
+  }
+  canDelRow(_tableId, _rowId, _connection) {
+    return true;
+  }
+  canSetCell(
+    _tableId,
+    _rowId,
+    _cellId,
+    _cell,
+    _initialSave,
+    _requestOrConnection,
+  ) {
+    return true;
+  }
+  canDelCell(_tableId, _rowId, _cellId, _connection) {
+    return true;
+  }
+  canSetValue(_valueId, _value, _initialSave, _requestOrConnection) {
+    return true;
+  }
+  canDelValue(_valueId, _connection) {
+    return true;
   }
 }
 

package/lib/debug/ui-react-dom.js

@@ -589,7 +589,13 @@ const RelationshipInHtmlRow = ({
     ),
   );
 };
-const EditableThing = ({thing, onThingChange, className, hasSchema}) => {
+const EditableThing = ({
+  thing,
+  onThingChange,
+  className,
+  hasSchema,
+  showType = true,
+}) => {
   const [thingType, setThingType] = useState();
   const [currentThing, setCurrentThing] = useState();
   const [stringThing, setStringThing] = useState();
@@ -610,37 +616,37 @@ const EditableThing = ({thing, onThingChange, className, hasSchema}) => {
     },
     [onThingChange],
   );
+  const handleTypeChange = useCallback(() => {
+    if (!hasSchema?.()) {
+      const nextType = getTypeCase(thingType, NUMBER, BOOLEAN, STRING);
+      const thing2 = getTypeCase(
+        nextType,
+        stringThing,
+        numberThing,
+        booleanThing,
+      );
+      setThingType(nextType);
+      setCurrentThing(thing2);
+      onThingChange(thing2);
+    }
+  }, [
+    hasSchema,
+    onThingChange,
+    stringThing,
+    numberThing,
+    booleanThing,
+    thingType,
+  ]);
   return /* @__PURE__ */ createElement(
     'div',
     {className},
-    /* @__PURE__ */ createElement(
-      'button',
-      {
-        className: thingType,
-        onClick: useCallback(() => {
-          if (!hasSchema?.()) {
-            const nextType = getTypeCase(thingType, NUMBER, BOOLEAN, STRING);
-            const thing2 = getTypeCase(
-              nextType,
-              stringThing,
-              numberThing,
-              booleanThing,
-            );
-            setThingType(nextType);
-            setCurrentThing(thing2);
-            onThingChange(thing2);
-          }
-        }, [
-          hasSchema,
-          onThingChange,
-          stringThing,
-          numberThing,
-          booleanThing,
+    showType
+      ? /* @__PURE__ */ createElement(
+          'button',
+          {className: thingType, onClick: handleTypeChange},
           thingType,
-        ]),
-      },
-      thingType,
-    ),
+        )
+      : null,
     getTypeCase(
       thingType,
       /* @__PURE__ */ createElement('input', {
@@ -943,7 +949,14 @@ const ResultSortedTableInHtmlTable = ({
     ),
   });
 };
-const EditableCellView = ({tableId, rowId, cellId, store, className}) =>
+const EditableCellView = ({
+  tableId,
+  rowId,
+  cellId,
+  store,
+  className,
+  showType,
+}) =>
   /* @__PURE__ */ createElement(EditableThing, {
     thing: useCell(tableId, rowId, cellId, store),
     onThingChange: useSetCellCallback(
@@ -955,13 +968,15 @@ const EditableCellView = ({tableId, rowId, cellId, store, className}) =>
       store,
     ),
     className: className ?? EDITABLE + CELL,
+    showType,
     hasSchema: useStoreOrStoreById(store)?.hasTablesSchema,
   });
-const EditableValueView = ({valueId, store, className}) =>
+const EditableValueView = ({valueId, store, className, showType}) =>
   /* @__PURE__ */ createElement(EditableThing, {
     thing: useValue(valueId, store),
     onThingChange: useSetValueCallback(valueId, (value) => value, [], store),
     className: className ?? EDITABLE + VALUE,
+    showType,
     hasSchema: useStoreOrStoreById(store)?.hasValuesSchema,
   });
 const SortedTablePaginator = ({

package/lib/es6/persisters/persister-partykit-client.js

@@ -1 +1 @@
-const t=t=>typeof t,e=t(""),n=(t,e)=>t instanceof e,o=t=>null==t,r=n=>t(n)==e,l=Object,i=l.keys,u=l.freeze,s=t=>(t=>n(t,l)&&t.constructor==l)(t)&&0==(t=>i(t).length)(t),a=t=>JSON.stringify(t,((t,e)=>n(e,Map)?l.fromEntries([...e]):e)),c=JSON.parse,d=t=>new Map(t),v=(t,e)=>null==t?void 0:t.get(e),y=(t,e,n)=>{return o(n)?(l=e,null==(r=t)||r.delete(l),t):null==t?void 0:t.set(e,n);var r,l},f=(t,e,n)=>{var o,r,l;return r=e,null!=(l=null==(o=t)?void 0:o.has(r))&&l||y(t,e,n()),v(t,e)};var p=(t,e,n)=>new Promise(((o,r)=>{var l=t=>{try{u(n.next(t))}catch(t){r(t)}},i=t=>{try{u(n.throw(t))}catch(t){r(t)}},u=t=>t.done?o(t.value):Promise.resolve(t.value).then(l,i);u((n=n.apply(t,e)).next())}));const h=d(),m=d();var P=Object.defineProperty,b=Object.defineProperties,O=Object.getOwnPropertyDescriptors,g=Object.getOwnPropertySymbols,S=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable,j=(t,e,n)=>e in t?P(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,A=(t,e)=>{for(var n in e||(e={}))S.call(e,n)&&j(t,n,e[n]);if(g)for(var n of g(e))w.call(e,n)&&j(t,n,e[n]);return t},L=(t,e,n)=>new Promise(((o,r)=>{var l=t=>{try{u(n.next(t))}catch(t){r(t)}},i=t=>{try{u(n.throw(t))}catch(t){r(t)}},u=t=>t.done?o(t.value):Promise.resolve(t.value).then(l,i);u((n=n.apply(t,e)).next())}));const x="message",C={storeProtocol:"https",storePath:"/store"},E=(t,e,n,l)=>{var i;const{host:d,room:P}=e.partySocketOptions,{storeProtocol:g,storePath:S}=A(A({},C),r(n)?{storeProtocol:n}:n),w=g+"://"+d+"/parties/"+(null!=(i=e.name)?i:"main")+"/"+P+S,j=t=>L(void 0,null,(function*(){return yield(yield fetch(w,(e=A({},t?{method:"PUT",body:a(t)}:{}),n={mode:"cors",cache:"no-store"},b(e,O(n))))).json();var e,n}));return((t,e,n,r,l,i,a=[])=>{let c,d,P,b=0,O=0;f(h,a,(()=>0)),f(m,a,(()=>[]));const g=t=>p(void 0,null,(function*(){return 2!=b&&(b=1,yield S.schedule((()=>p(void 0,null,(function*(){yield t(),b=0}))))),S})),S={load:(n,o)=>p(void 0,null,(function*(){return yield g((()=>p(void 0,null,(function*(){try{t.setContent(yield e())}catch(e){t.setContent([n,o])}}))))})),startAutoLoad:(...n)=>p(void 0,[...n],(function*(n={},o={}){return S.stopAutoLoad(),yield S.load(n,o),O=1,P=r(((n,o)=>p(void 0,null,(function*(){if(o){const e=o();yield g((()=>p(void 0,null,(function*(){return t.setTransactionChanges(e)}))))}else yield g((()=>p(void 0,null,(function*(){var o;try{t.setContent(null!=(o=null==n?void 0:n())?o:yield e())}catch(t){null==i||i(t)}}))))})))),S})),stopAutoLoad:()=>(O&&(l(P),P=void 0,O=0),S),save:e=>p(void 0,null,(function*(){return 1!=b&&(b=2,yield S.schedule((()=>p(void 0,null,(function*(){try{yield n(t.getContent,e)}catch(t){null==i||i(t)}b=0}))))),S})),startAutoSave:()=>p(void 0,null,(function*(){return yield S.stopAutoSave().save(),c=t.addDidFinishTransactionListener(((t,e)=>{const[n,o]=e();s(n)&&s(o)||S.save((()=>[n,o]))})),S})),stopAutoSave:()=>{var e,n;return e=c,n=t.delListener,!!o(e)||n(e),S},schedule:(...t)=>p(void 0,null,(function*(){return((t,...e)=>{t.push(...e)})(v(m,a),...t),yield p(void 0,null,(function*(){if(!v(h,a)){for(y(h,a,1);!o((t=v(m,a),d=t.shift()));)try{yield d()}catch(t){null==i||i(t)}y(h,a,0)}var t})),S})),getStore:()=>t,destroy:()=>S.stopAutoLoad().stopAutoSave(),getStats:()=>({})};return u(S)})(t,(()=>L(void 0,null,(function*(){return yield j()}))),((t,n)=>L(void 0,null,(function*(){var o;n?e.send((o=n(),"s"+(r(o)?o:a(o)))):yield j(t())}))),(t=>{const n=e=>{const[n,o]=[(u=e.data)[0],c((r=u,l=1,r.slice(l,i)))];var r,l,i,u;"s"==n&&t(void 0,(()=>o))};return e.addEventListener(x,n),n}),(t=>{e.removeEventListener(x,t)}),l)};export{E as createPartyKitPersister};
+const t=t=>typeof t,e="",n=t(e),o=(t,e)=>t instanceof e,r=t=>null==t,l=(t,e,n)=>r(t)?null==n?void 0:n():e(t),i=e=>t(e)==n,s=t=>t.length,u=Object,a=u.keys,c=u.freeze,d=t=>(t=>o(t,u)&&t.constructor==u)(t)&&0==(t=>s(a(t)))(t),v=t=>JSON.stringify(t,((t,e)=>o(e,Map)?u.fromEntries([...e]):e)),y=JSON.parse,f="/store",p=t=>new Map(t),h=(t,e)=>null==t?void 0:t.get(e),m=(t,e,n)=>{return r(n)?(l=e,null==(o=t)||o.delete(l),t):null==t?void 0:t.set(e,n);var o,l},P=(t,e,n)=>{var o,r,l;return r=e,null!=(l=null==(o=t)?void 0:o.has(r))&&l||m(t,e,n()),h(t,e)};var b=(t,e,n)=>new Promise(((o,r)=>{var l=t=>{try{s(n.next(t))}catch(t){r(t)}},i=t=>{try{s(n.throw(t))}catch(t){r(t)}},s=t=>t.done?o(t.value):Promise.resolve(t.value).then(l,i);s((n=n.apply(t,e)).next())}));const O=p(),g=p();var S=Object.defineProperty,w=Object.defineProperties,j=Object.getOwnPropertyDescriptors,A=Object.getOwnPropertySymbols,L=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable,C=(t,e,n)=>e in t?S(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,E=(t,e)=>{for(var n in e||(e={}))L.call(e,n)&&C(t,n,e[n]);if(A)for(var n of A(e))x.call(e,n)&&C(t,n,e[n]);return t},T=(t,e,n)=>new Promise(((o,r)=>{var l=t=>{try{s(n.next(t))}catch(t){r(t)}},i=t=>{try{s(n.throw(t))}catch(t){r(t)}},s=t=>t.done?o(t.value):Promise.resolve(t.value).then(l,i);s((n=n.apply(t,e)).next())}));const k="message",D=(t,n,o,u)=>{var a;const{host:p,room:S}=n.partySocketOptions,{storeProtocol:A="https",storePath:L=f,messagePrefix:x=e}=E({},i(o)?{storeProtocol:o}:o),C=A+"://"+p+"/parties/"+(null!=(a=n.name)?a:"main")+"/"+S+L,D=t=>T(void 0,null,(function*(){return yield(yield fetch(C,(e=E({},t?{method:"PUT",body:v(t)}:{}),n={mode:"cors",cache:"no-store"},w(e,j(n))))).json();var e,n}));return((t,e,n,o,i,s,u=[])=>{let a,v,y,f=0,p=0;P(O,u,(()=>0)),P(g,u,(()=>[]));const S=t=>b(void 0,null,(function*(){return 2!=f&&(f=1,yield w.schedule((()=>b(void 0,null,(function*(){yield t(),f=0}))))),w})),w={load:(n,o)=>b(void 0,null,(function*(){return yield S((()=>b(void 0,null,(function*(){try{t.setContent(yield e())}catch(e){t.setContent([n,o])}}))))})),startAutoLoad:(...n)=>b(void 0,[...n],(function*(n={},r={}){return w.stopAutoLoad(),yield w.load(n,r),p=1,y=o(((n,o)=>b(void 0,null,(function*(){if(o){const e=o();yield S((()=>b(void 0,null,(function*(){return t.setTransactionChanges(e)}))))}else yield S((()=>b(void 0,null,(function*(){var o;try{t.setContent(null!=(o=null==n?void 0:n())?o:yield e())}catch(t){null==s||s(t)}}))))})))),w})),stopAutoLoad:()=>(p&&(i(y),y=void 0,p=0),w),save:e=>b(void 0,null,(function*(){return 1!=f&&(f=2,yield w.schedule((()=>b(void 0,null,(function*(){try{yield n(t.getContent,e)}catch(t){null==s||s(t)}f=0}))))),w})),startAutoSave:()=>b(void 0,null,(function*(){return yield w.stopAutoSave().save(),a=t.addDidFinishTransactionListener(((t,e)=>{const[n,o]=e();d(n)&&d(o)||w.save((()=>[n,o]))})),w})),stopAutoSave:()=>(l(a,t.delListener),w),schedule:(...t)=>b(void 0,null,(function*(){return((t,...e)=>{t.push(...e)})(h(g,u),...t),yield b(void 0,null,(function*(){if(!h(O,u)){for(m(O,u,1);!r((t=h(g,u),v=t.shift()));)try{yield v()}catch(t){null==s||s(t)}m(O,u,0)}var t})),w})),getStore:()=>t,destroy:()=>w.stopAutoLoad().stopAutoSave(),getStats:()=>({})};return c(w)})(t,(()=>T(void 0,null,(function*(){return yield D()}))),((t,e)=>T(void 0,null,(function*(){var o,r;e?n.send((o=x,r=e(),o+"s"+(i(r)?r:v(r)))):yield D(t())}))),(t=>{const e=e=>l(((t,e,n)=>{const o=s(t);return((t,e)=>t.startsWith(e))(e,t)?[e[o],y((r=e,l=o+1,r.slice(l,void 0)))]:void 0;var r,l})(x,e.data),(([e,n])=>{"s"==e&&t(void 0,(()=>n))}));return n.addEventListener(k,e),e}),(t=>{n.removeEventListener(k,t)}),u)};export{D as createPartyKitPersister};

package/lib/es6/persisters/persister-partykit-server.js

@@ -1 +1 @@
-const e=e=>typeof e,t=e(""),s="t",n=Promise,r=e=>null==e,i=(e,t,s)=>e.slice(t,s),o=e=>e.length,l=(e,t)=>e.map(t),a=(e,...t)=>e.push(...t),c=Object,u=(e=[])=>c.fromEntries(e),h=(e,t)=>l(c.entries(e),(([e,s])=>t(s,e))),d=(e,t,s)=>(((e,t)=>!r(((e,t)=>{return n=e=>e[t],r(s=e)?void 0:n(s);var s,n})(e,t)))(e,t)||(e[t]=s()),e[t]),p=e=>JSON.stringify(e,((e,t)=>t instanceof Map?c.fromEntries([...t]):t)),f=JSON.parse,v=(e,t)=>[e[0],t?f(i(e,1)):i(e,1)],y=(e,t)=>((e,t)=>null==e?void 0:e.forEach(t))(e,((e,s)=>t(s,e)));var g=(e,t,s)=>new Promise(((n,r)=>{var i=e=>{try{l(s.next(e))}catch(e){r(e)}},o=e=>{try{l(s.throw(e))}catch(e){r(e)}},l=e=>e.done?n(e.value):Promise.resolve(e.value).then(i,o);l((s=s.apply(e,t)).next())}));const m="hasStore",P=u(l(["Origin","Methods","Headers"],(e=>["Access-Control-Allow-"+e,"*"]))),x=(e,t)=>g(void 0,null,(function*(){return yield e.get(t+m)})),R=(e,t,i)=>g(void 0,null,(function*(){const l=[e.put(t+m,1)],c=[];h(i[0],((n,i)=>r(n)?((e,...t)=>e.unshift(...t))(c,t+w(s,i)):h(n,((n,o)=>r(n)?a(c,t+w(s,i,o)):h(n,((n,r)=>O(l,e,t+w(s,i,o,r),n))))))),h(i[1],((s,n)=>O(l,e,t+"v"+n,s))),0!=o(c)&&y(yield e.list(),(t=>c.every((s=>!t.startsWith(s)||O(l,e,t)&&!1)))),yield(e=>{return t=function*(){return n.all(e)},new Promise(((e,s)=>{var n=e=>{try{i(t.next(e))}catch(e){s(e)}},r=e=>{try{i(t.throw(e))}catch(e){s(e)}},i=t=>t.done?e(t.value):Promise.resolve(t.value).then(n,r);i((t=t.apply(void 0,null)).next())}));var t})(l)})),w=(e,...t)=>e+i(p(t),1,-1),O=(e,t,s,n)=>a(e,r(n)?t.delete(s):t.put(s,n));class E{constructor(e){this.party=e,this.config={},this.createResponse=(e,t=null)=>{var s;return new Response(t,{status:e,headers:null!=(s=this.config.responseHeaders)?s:P})}}onRequest(e){return g(this,null,(function*(){var t,n;const r=this.party.storage,l=null!=(t=this.config.storagePrefix)?t:"",a=null!=(n=this.config.storePath)?n:"/store";if(new URL(e.url).pathname.endsWith(a)){const t=yield x(r,l),n=yield e.text();return"PUT"==e.method?t?this.createResponse(205):(yield R(r,l,f(n)),this.createResponse(201)):this.createResponse(200,t?p(yield((e,t)=>g(void 0,null,(function*(){const n={},r={};return y(yield e.list(),((e,l)=>{if(e.startsWith(t)){e=i(e,o(t));const[a,c]=v(e);if(a==s){const[e,t,s]=f("["+c+"]");d(d(n,e,u),t,u)[s]=l}else"v"==a&&(r[c]=l)}})),[n,r]})))(r,l)):"")}return this.createResponse(404)}))}onMessage(s,n){return g(this,null,(function*(){var r;const i=this.party.storage,o=null!=(r=this.config.storagePrefix)?r:"",[l,a]=v(s,1);"s"==l&&(yield x(i,o))&&(yield R(i,o,a),this.party.broadcast(((s,n)=>"s"+(e(n)==t?n:p(n)))(0,a),[n.id]))}))}}export{E as TinyBasePartyKitServer};
+const e=e=>typeof e,t="",n=e(t),r="t",l=(e,t)=>e.startsWith(t),s=Promise,i=e=>null==e,a=(e,t,n)=>i(e)?null==n?void 0:n():t(e),o=(e,t,n)=>e.slice(t,n),u=e=>e.length,c=(e,t)=>e.map(t),h=(e,...t)=>e.push(...t),d=Object,v=(e=[])=>d.fromEntries(e),f=(e,t)=>c(d.entries(e),(([e,n])=>t(n,e))),y=(e,t,n)=>(((e,t)=>!i(((e,t)=>a(e,(e=>e[t])))(e,t)))(e,t)||(e[t]=n()),e[t]),p=e=>JSON.stringify(e,((e,t)=>t instanceof Map?d.fromEntries([...t]):t)),g=JSON.parse,S=(t,r,l)=>t+r+(e(l)==n?l:p(l)),m=(e,t,n)=>{const r=u(e);return l(t,e)?[t[r],(n?g:String)(o(t,r+1))]:void 0},w=(e,t)=>((e,t)=>null==e?void 0:e.forEach(t))(e,((e,n)=>t(n,e)));var P=(e,t,n)=>new Promise(((r,l)=>{var s=e=>{try{a(n.next(e))}catch(e){l(e)}},i=e=>{try{a(n.throw(e))}catch(e){l(e)}},a=e=>e.done?r(e.value):Promise.resolve(e.value).then(s,i);a((n=n.apply(e,t)).next())}));const x="hasStore",D=v(c(["Origin","Methods","Headers"],(e=>["Access-Control-Allow-"+e,"*"]))),R=e=>P(void 0,null,(function*(){var n;return yield e.party.storage.get((null!=(n=e.config.storagePrefix)?n:t)+x)})),b=(e,n,a,o)=>P(void 0,null,(function*(){var c;const d=e.party.storage,v=null!=(c=e.config.storagePrefix)?c:t,y=[d.put(v+x,1)],p=[];f(n[0],((t,n)=>i(t)?!a&&e.canDelTable(n,o)&&((e,...t)=>e.unshift(...t))(p,C(v,r,n)):e.canSetTable(n,a,o)&&f(t,((t,l)=>i(t)?!a&&e.canDelRow(n,l,o)&&h(p,C(v,r,n,l)):e.canSetRow(n,l,a,o)&&f(t,((t,s)=>i(t)?!a&&e.canDelCell(n,l,s,o)&&h(y,d.delete(C(v,r,n,l,s))):e.canSetCell(n,l,s,t,a,o)&&h(y,d.put(C(v,r,n,l,s),t)))))))),f(n[1],((t,n)=>i(t)?!a&&e.canDelValue(n,o)&&h(y,d.delete(v+"v"+n)):e.canSetValue(n,t,a,o)&&h(y,d.put(v+"v"+n,t)))),0!=u(p)&&w(yield d.list(),(e=>p.every((t=>!l(e,t)||h(y,d.delete(e))&&0)))),yield(e=>{return t=function*(){return s.all(e)},new Promise(((e,n)=>{var r=e=>{try{s(t.next(e))}catch(e){n(e)}},l=e=>{try{s(t.throw(e))}catch(e){n(e)}},s=t=>t.done?e(t.value):Promise.resolve(t.value).then(r,l);s((t=t.apply(void 0,null)).next())}));var t})(y)})),C=(e,t,...n)=>S(e,t,o(p(n),1,-1)),T=(e,t,n=null)=>P(void 0,null,(function*(){var r;return new Response(n,{status:t,headers:null!=(r=e.config.responseHeaders)?r:D})}));class O{constructor(e){this.party=e,this.config={}}onRequest(e){return P(this,null,(function*(){var n;const l=null!=(n=this.config.storePath)?n:"/store";if(new URL(e.url).pathname.endsWith(l)){const n=yield R(this),l=yield e.text();return"PUT"==e.method?n?T(this,205):(yield b(this,g(l),!0,e),T(this,201)):T(this,200,n?p(yield(s=this,P(void 0,null,(function*(){var e;const n={},l={},i=null!=(e=s.config.storagePrefix)?e:t;return w(yield s.party.storage.list(),((e,t)=>a(m(i,e),(([e,s])=>{if(e==r){const[e,r,l]=g("["+s+"]");y(y(n,e,v),r,v)[l]=t}else"v"==e&&(l[s]=t)})))),[n,l]})))):t)}var s;return T(this,404)}))}onMessage(e,n){return P(this,null,(function*(){var r;const l=null!=(r=this.config.messagePrefix)?r:t;yield a(m(l,e,1),(e=>P(this,[e],(function*([e,t]){"s"==e&&(yield R(this))&&(yield b(this,t,!1,n),this.party.broadcast(S(l,"s",t)))}))))}))}canSetTable(e,t,n){return!0}canDelTable(e,t){return!0}canSetRow(e,t,n,r){return!0}canDelRow(e,t,n){return!0}canSetCell(e,t,n,r,l,s){return!0}canDelCell(e,t,n,r){return!0}canSetValue(e,t,n,r){return!0}canDelValue(e,t){return!0}}export{O as TinyBasePartyKitServer};