@blocklet/pages-kit-inner-components 0.1.0 → 0.1.2

package/lib/site-state-kBaXBQhY.js

@@ -0,0 +1 @@
+"use strict";const P=require("./components-DITf866E.js"),ke=require("@blocklet/quickjs"),ue=require("@blocklet/sdk/lib/component"),Re=require("@blocklet/sdk/lib/config"),Ue=require("@reactivedata/reactive"),H=require("@syncedstore/core"),h=require("fs"),re=require("glob"),Ce=require("lib0/decoding"),Ne=require("lib0/encoding"),_=require("lodash"),Ae=require("lru-cache"),Fe=require("nanoid"),qe=require("p-limit"),d=require("path"),Me=require("stream/promises"),xe=require("tar"),x=require("ufo"),Be=require("wait-on"),M=require("y-protocols/awareness"),te=require("y-protocols/sync"),Ve=require("yaml"),$e=require("yjs"),Ge=require("lodash/isNil"),j=require("sequelize");require("sqlite3");const Y=t=>t&&t.__esModule?t:{default:t};function Z(t){if(t&&t.__esModule)return t;const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(s,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return s.default=t,Object.freeze(s)}const y=Y(Re),se=Z(Ce),v=Z(Ne),Je=Y(qe),Ye=Y(d),ze=Y(Be),V=Z(Ve),q=Z($e),He=Y(Ge);y.default.env.mode;const Ke="image-bin";y.default.env.INIT_TEMPLATE_PATH;const We=process.env.DATABASE_URL||Ye.default.join(y.default.env.dataDir,"db/pages-kit.db"),he=y.default,Xe=()=>y.default.env.tenantMode==="multiple",Qe=()=>{var t;return(He.default(he.env.preferences.multiTenantAllProjectAccessPassports)?[]:(t=he.env.preferences.multiTenantAllProjectAccessPassports)==null?void 0:t.split(","))||[]},Ze=j.DataTypes.sqlite.DATE.parse;j.DataTypes.sqlite.DATE.parse=(t,s)=>typeof t=="number"?new Date(t):Ze(t,s);const z=new j.Sequelize({dialect:"sqlite",storage:We,benchmark:process.env.ENABLE_SEQUELIZE_BENCHMARK==="true",retry:{match:[/SQLITE_BUSY/],name:"query",max:10},logging:process.env.ENABLE_SEQUELIZE_LOGGING==="true"?console.log:!1});z.query("pragma journal_mode = WAL;");z.query("pragma synchronous = normal;");z.query("pragma journal_size_limit = 67108864;");class ee extends j.Model{}ee.init({id:{type:j.DataTypes.UUID,allowNull:!1,primaryKey:!0,defaultValue:j.DataTypes.UUIDV4},projectId:{type:j.DataTypes.UUID,allowNull:!1},componentId:{type:j.DataTypes.STRING,allowNull:!1}},{sequelize:z,tableName:"ProjectComponents",timestamps:!1});class N extends j.Model{static async getProjectByIdOrSlug(s){return N.findOne({where:{[j.Op.or]:[{id:s},{slug:s}]}})}}N.init({id:{type:j.DataTypes.UUID,defaultValue:j.DataTypes.UUIDV4,primaryKey:!0},name:{type:j.DataTypes.STRING,allowNull:!1},description:j.DataTypes.TEXT,createdAt:j.DataTypes.DATE,updatedAt:j.DataTypes.DATE,createdBy:{type:j.DataTypes.STRING,allowNull:!1},updatedBy:{type:j.DataTypes.STRING,allowNull:!1},slug:j.DataTypes.STRING,icon:j.DataTypes.STRING,pinnedAt:j.DataTypes.DATE,useAllResources:j.DataTypes.BOOLEAN,relatedBlocklets:{type:j.DataTypes.JSON,allowNull:!1,defaultValue:{},get(){return this.getDataValue("relatedBlocklets")||{}},set(t){this.setDataValue("relatedBlocklets",JSON.stringify(t||{}))}}},{sequelize:z,paranoid:!0});N.hasMany(ee,{foreignKey:"projectId",as:"components"});const et="z8iZiDFg3vkkrPwsiba1TLXy3H9XHzFERsP8o",oe="page",ie="trigger-reload-project-resource",de=et,tt="z2qa7rr3eUyVnWp2PCxEVARuUfLFh6cE5V2xV",{uploadToMediaKit:st}=require("@blocklet/uploader-server"),ce=Fe.customAlphabet("abcdefghijklmnopqrstuvwxyz0123456789",16),fe=/^\w+(\w|-|\.)+\w+\.(jpe?g|png|gif|svg|bmp|webp|mp4|m4v|webm)$/,$=/mediakit:\/\/([a-f0-9]{32}\.(jpe?g|png|gif|svg|bmp|webp|mp4|m4v|webm))/i,Se=/mediakit:\/\/([a-f0-9]{32}\.(jpe?g|png|gif|svg|bmp|webp|mp4|m4v|webm))/gi,nt=1e4,at=3e4,K=0,ne=1,rt=0,ot=1,le=y.default,B=d.join(process.env.BLOCKLET_DATA_DIR,"site-state"),it=["production","draft"],ct=["production"];function Te(t){return(t==null?void 0:t.replace(/\//g,"|"))||""}function lt(){var e;const t=le.env.languages.map(n=>({locale:n.code,name:n.name})),s=(e=t[0])==null?void 0:e.locale;return{pageIds:[],pages:{},components:{},supportedLocales:t,config:{defaultLocale:s},resources:{}}}const C=class C extends q.Doc{constructor(s){super(),this.options=s,this.states={},this.conns=new Map,this.awarenessChangeHandler=({added:e,updated:n,removed:a},o)=>{const l=e.concat(n,a);if(o!==null){const c=this.conns.get(o);c&&(e.forEach(f=>{c.add(f)}),a.forEach(f=>{c.delete(f)}))}const i=v.createEncoder();v.writeVarUint(i,ne),v.writeVarUint8Array(i,M.encodeAwarenessUpdate(this.awareness,l));const r=v.toUint8Array(i);this.conns.forEach((c,f)=>this.send(f,r))},this.updateHandler=e=>{const n=v.createEncoder();v.writeVarUint(n,K),te.writeUpdate(n,e);const a=v.toUint8Array(n);this.conns.forEach((o,l)=>this.send(l,a))},this.ensureDataStructure=()=>{var l;const{supportedLocales:e,pages:n,pageIds:a,config:o}=this.syncedStore;{const i=new Set(Object.keys(n));let r=0;for(;r<a.length;){const c=a[r];i.has(c)?(i.delete(c),r++):a.splice(r,1)}}e.splice(0,e.length),e.push(...le.env.languages.map(i=>({locale:i.code,name:i.name}))),o.defaultLocale=(l=e[0])==null?void 0:l.locale;{let i=0;const r=new Set;for(;i<e.length;){const{locale:c}=e[i];r.has(c)?e.splice(i,1):(i++,r.add(c))}}},this.send=(e,n)=>{e.readyState!==rt&&e.readyState!==ot&&this.closeConn(e);try{e.send(n,a=>{a&&this.closeConn(e)})}catch{this.closeConn(e)}},this.closeConn=e=>{if(e.removeAllListeners(),this.conns.has(e)){const n=this.conns.get(e);this.conns.delete(e),n&&M.removeAwarenessStates(this.awareness,Array.from(n),null)}e.close()},this.autoSave=_.debounce(()=>{h.mkdirSync(d.dirname(this.draftYjsFilePath),{recursive:!0}),h.writeFileSync(this.draftYjsFilePath,q.encodeStateAsUpdate(this))},nt),this.save=({flush:e=!1}={})=>{this.autoSave(),e&&this.autoSave.flush()},this.publish=async({mode:e,pages:n})=>{const a=await this.getState("draft"),o=await this.getState("production");await pe(a,o,{pages:n,pageMergeMode:"replace",deletePages:!0,publishMode:e}),o.config.publishedAt=new Date().getTime();for(const l of n||Object.keys(this.syncedStore.pages))this.syncedStore.pages[l]&&(this.syncedStore.pages[l].publishedAt=new Date().toISOString());await this.setState(e,o)},this.mergeState=async(e,n)=>{var i,r,c;const a=JSON.parse(JSON.stringify(n));(i=e.config).fontFamily??(i.fontFamily={});const o=(r=a.config)==null?void 0:r.fontFamily,l=(c=e.config)==null?void 0:c.fontFamily;e.config.fontFamily.title=(o==null?void 0:o.title)||(l==null?void 0:l.title),e.config.fontFamily.description=(o==null?void 0:o.description)||(l==null?void 0:l.description),await new Promise((f,p)=>{this.transact(async()=>{try{const S=await pe(e,n);f(S)}catch(S){p(S)}})})},this.addConnection=e=>{if(this.conns.has(e))return;e.binaryType="arraybuffer",this.conns.set(e,new Set),e.on("message",o=>this.messageListener(e,new Uint8Array(o)));let n=!0;const a=setInterval(()=>{if(!n)this.conns.has(e)&&this.closeConn(e),clearInterval(a);else if(this.conns.has(e)){n=!1;try{e.ping()}catch{this.closeConn(e),clearInterval(a)}}},at);e.on("close",()=>{this.closeConn(e),clearInterval(a)}),e.on("pong",()=>{n=!0});{const o=v.createEncoder();v.writeVarUint(o,K),te.writeSyncStep1(o,this),this.send(e,v.toUint8Array(o));const l=this.awareness.getStates();if(l.size>0){const i=v.createEncoder();v.writeVarUint(i,ne),v.writeVarUint8Array(i,M.encodeAwarenessUpdate(this.awareness,Array.from(l.keys()))),this.send(e,v.toUint8Array(i))}}},this.messageListener=(e,n)=>{try{const a=v.createEncoder(),o=se.createDecoder(n),l=se.readVarUint(o);switch(l){case K:v.writeVarUint(a,K),te.readSyncMessage(o,a,this,null),v.length(a)>1&&(this.ensureDataStructure(),this.send(e,v.toUint8Array(a)));break;case ne:{M.applyAwarenessUpdate(this.awareness,se.readVarUint8Array(o),e);break}default:P.logger.warn(`Unsupported messageType ${l}`)}}catch(a){P.logger.error(a)}this.save()},h.existsSync(this.draftYjsFilePath)&&q.applyUpdate(this,h.readFileSync(this.draftYjsFilePath)),this.syncedStore=Ue.reactive(H.syncedStore({pages:{},pageIds:[],components:{},supportedLocales:[],config:{},resources:{}},this)),this.initObserver(),this.on("update",this.updateHandler),this.awareness=new M.Awareness(this),this.awareness.on("update",this.awarenessChangeHandler),this.ensureDataStructure()}static safeDeleteProjectStateDir(s){if(!s)throw new Error("Should provide project context");try{const e=d.join(B,s),n=d.join(B,`@del-${s}`);h.renameSync(e,n)}catch(e){P.logger.error("Failed to safe delete project state dir:",e)}}static get projectIds(){return re.globSync("*/",{cwd:B,ignore:["@del-*","@tmp-*",".*","staging","production","@backup-*"]})}static get allShared(){return this.projectIds.map(s=>C.shared(s))}static shared(s){if(!s)throw new Error("Should provide project context");let e=this.sharedInstances.get(s);return e||(e=new C({path:d.join(B,s)}),this.sharedInstances.set(s,e),e)}destroy(){this.conns.forEach((s,e)=>this.closeConn(e)),this.awareness.destroy(),super.destroy()}initObserver(){const s=n=>{n.observeDeep(a=>{a.some(o=>o.changes.keys.has("updatedAt")||o.changes.keys.has("publishedAt"))||n.set("updatedAt",new Date().toISOString())})};this.syncedStore.pages&&Object.keys(this.syncedStore.pages).forEach(n=>{const a=H.getYjsValue(this.syncedStore.pages[n]);a&&a instanceof q.Map&&s(a)});const e=H.getYjsValue(this.syncedStore.pages);e&&e instanceof q.Map&&e.observe(n=>{n.changes.keys.forEach((a,o)=>{if(a.action==="add"){const l=H.getYjsValue(this.syncedStore.pages[o]);l&&l instanceof q.Map&&s(l)}})})}get draftYjsFilePath(){return d.join(this.options.path,"draft.yjs")}async getState(s){var e,n,a,o;if(s==="draft")return JSON.parse(JSON.stringify(this.syncedStore));if(!this.states[s]&&(this.states[s]=await ge(this.getPublishDir(s),{includeResources:!0})??lt(),!((n=(e=this.states[s])==null?void 0:e.config)!=null&&n.defaultLocale))){(a=this.states[s]).config??(a.config={});const l=le.env.languages.map(i=>({locale:i.code,name:i.name}));this.states[s].config.defaultLocale=(o=l[0])==null?void 0:o.locale}return{...this.states[s],resources:await Le().then(async l=>{var f,p,S,I;const{pages:i,components:r}=_.pick(l,"pages","components");let c=r;if((p=(f=this.states[s])==null?void 0:f.resources)!=null&&p.components)c={...(I=(S=this.states[s])==null?void 0:S.resources)==null?void 0:I.components};else{const O=d.basename(this.options.path),D=await N.findByPk(O);if(D!=null&&D.useAllResources)c=r;else{const g=(await ee.findAll({where:{projectId:O}})).map(m=>m.componentId);c=Object.fromEntries(Object.entries(r||{}).filter(([m])=>g.includes(m)))}}return{pages:i,components:c}}).catch(()=>({}))}}async setState(s,e){const n=await Ie(e,{exportAssets:!1,includeResources:!0}),a=this.getPublishDir(s);h.mkdirSync(d.dirname(a),{recursive:!0}),h.rmSync(a,{force:!0,recursive:!0}),h.renameSync(n,a),this.states[s]=e}getPublishDir(s){return d.join(this.options.path,s)}static async pageUrlMap(s){const{projectIds:e}=this,n={};for(const a of e){const o=await N.findByPk(a);if(!o)continue;const l=await C.shared(a).getState(s),i=_.union(y.default.env.languages.map(r=>r.code),l.supportedLocales.map(r=>r.locale));for(const r of l.pageIds){const c=l.pages[r];if(!c||s==="production"&&!c.isPublic)continue;const f=c.slug,p=o.slug||a,S={projectId:a,projectSlug:p,pageSlug:f,pageId:r,defaultLocale:i==null?void 0:i[0],locales:i,publishedAt:l.config.publishedAt,isPublic:c.isPublic,isTemplate:c.isTemplate};p&&(n[x.joinURL("/",p,f)]={...S,shouldRedirect:!0,mainPage:!0}),n[x.joinURL("/",a,f)]={...S,shouldRedirect:!0,mainPage:!0};for(const I of i){const O={...S,locale:I};n[x.joinURL("/",I,a,f)]=O,p&&(n[x.joinURL("/",I,p,f)]=O)}}}return n}};C.INSTANCE_TTL=30*60*1e3,C.sharedInstances=new Ae.LRUCache({max:100,ttl:C.INSTANCE_TTL,dispose:s=>{s.destroy()}});let J=C;function je(){return h.mkdtempSync(d.join(y.default.env.dataDir,"tmp-"))}function X(t,s,e=[]){return Array.isArray(t)?t.flatMap((n,a)=>X(n,s,[...e,a])):typeof t=="object"?t===null?[]:Object.entries(t).flatMap(([n,a])=>X(a,s,[...e,n])):s(t)?[e]:[]}function R(t){return t.filter(s=>s!=null)}async function pt(t,s,e){if(!t||!h.existsSync(t)||!h.lstatSync(t).isFile())return null;let n=e[t];return n||(n=(async()=>(await st({filePath:t,fileName:s})).data.filename)(),e[t]=n),n}const ut=async(t,s)=>{const e=d.basename(t),n=await ue.call({name:de,path:x.joinURL("/uploads",e),responseType:"stream",method:"GET"});if(n.status>=200&&n.status<400){const a=h.createWriteStream(s);await Me.pipeline(n.data,a)}else throw new Error(`download asset failed ${n.status}`)},dt=async(t,s)=>{await Promise.all(t.map(async e=>{try{await ut(e,d.join(s,d.basename(e)))}catch(n){P.logger.error(`Failed to export assets: ${e}, ${n}`)}}))};function ve(t){return fe.test(t)?[t]:$.test(t)?(Se.lastIndex=0,Array.from(t.matchAll(Se)).map(e=>e[1]).filter(e=>!!e)):[]}async function ae(t,s,e){const{getFilename:n,exportAssets:a}=e,o=d.join(s,n(t));if(h.mkdirSync(d.dirname(o),{recursive:!0}),h.writeFileSync(o,V.stringify(t)),a){const i=X(t,r=>typeof r=="string"&&(fe.test(r)||$.test(r))).map(r=>{const c=_.get(t,r);return ve(c)}).flat().filter(Boolean);await dt(i,d.dirname(o))}}const we=new Ae.LRUCache({max:1e3,ttl:30*24*60*60*1e3});async function Ee(t,s,e){var i;const n=X(t,r=>typeof r=="string"&&(fe.test(r)||$.test(r))),a=Je.default(2),o=n.map(r=>a(async()=>{try{const c=_.get(t,r),f=ve(c);for(const p of f){const S=d.basename(p),I=e.getFilePath(p,r),O=I?`${I}:${S}`:S,D=we.get(O);if(D){$.test(c)||_.set(t,r,D);return}const U=await pt(I,S,s);U&&($.test(c)||_.set(t,r,U),we.set(O,U))}}catch(c){P.logger.error(`Failed to process upload for path ${r.join(".")}:`,c.message||c.reason)}})),l=await Promise.allSettled(o);(i=e.onFinish)==null||i.call(e,l)}async function Ie(t,{exportAssets:s,pageIds:e="all",componentIds:n="all",rawConfig:a,includeResources:o=!1}={}){var g,A,m,E,F,T;const l=e==="all"?t.pageIds:e,i=ft({state:t,pageIds:l,componentIds:n==="all"?Object.keys(t.components):n}),r=(u,w)=>{var b;return{id:u.id,name:u.name,isTemplateSection:u.isTemplateSection??!1,component:u.component,config:u.config,visibility:u.visibility,properties:((b=u.locales)==null?void 0:b[w])??{}}},c=(u,w)=>{var b;return{id:u.id,createdAt:u.createdAt,updatedAt:u.updatedAt,publishedAt:u.publishedAt,isPublic:u.isPublic??!0,isTemplate:u.isTemplate??!1,meta:((b=u.locales)==null?void 0:b[w])??{},sections:R(u.sectionIds.map(L=>{const k=u.sections[L];return k&&r(k,w)}))}},f=R(t.supportedLocales.map(u=>u.locale).flatMap(u=>l.map(w=>{const b=t.pages[w];return b&&{locale:u,slug:b.slug,page:c(b,u)}}))),p=je(),S=d.join(p,"pages");h.mkdirSync(S,{recursive:!0});const I=d.join(p,"components");h.mkdirSync(I,{recursive:!0});for(const{locale:u,slug:w,page:b}of f)await ae(b,S,{getFilename:()=>`${Te(w)||"index"}.${u}.yml`,exportAssets:s});for(const u of i){const w=(g=t.components[u])==null?void 0:g.data;w&&await ae(w,I,{getFilename:b=>`${b.name||"unnamed"}.${b.id}.yml`,exportAssets:s})}const O=d.join(p,".blocklet/pages/pages.config.yml");h.mkdirSync(d.dirname(O),{recursive:!0});const D={pages:R(l.map(u=>{const w=t.pages[u];return w&&{id:u,slug:w.slug}})),components:R(i.map(u=>{var b;const w=(b=t.components[u])==null?void 0:b.data;return w&&{id:u,name:w.name}})),...o?{resources:{components:R(Object.keys(((A=t.resources)==null?void 0:A.components)||{}).map(u=>{var w,b,L,k;return{id:u,name:(k=(L=(b=(w=t.resources)==null?void 0:w.components)==null?void 0:b[u])==null?void 0:L.component)==null?void 0:k.name}}))}}:{},supportedLocales:t.supportedLocales,config:t.config};h.writeFileSync(O,V.stringify(D));const U=d.join(p,"config.source.json");if(a&&h.writeFileSync(U,JSON.stringify(a)),o){const u=d.join(p,"resources"),w=d.join(u,"components");h.mkdirSync(w,{recursive:!0});for(const b of Object.keys(((m=t==null?void 0:t.resources)==null?void 0:m.components)??{})){const L=(T=(F=(E=t.resources)==null?void 0:E.components)==null?void 0:F[b])==null?void 0:T.component;L&&await ae(L,w,{getFilename:k=>`${k.name||"unnamed"}.${k.id}.yml`,exportAssets:s})}}return p}async function ge(t,{importAssets:s,includeResources:e}={}){var o,l,i;if(!h.existsSync(t))return null;let n,a=!1;try{h.lstatSync(t).isDirectory()?n=t:/\.(tgz|gz|tar)$/.test(t)&&(a=!0,n=je(),await xe.x({file:t,C:n}));const r=re.globSync("**/.blocklet/pages/pages.config.yml",{cwd:n,absolute:!0}).at(0),c=r&&d.join(d.dirname(r),"../../pages"),f=r&&d.join(d.dirname(r),"../../components");if(!r)return null;const p=V.parse(h.readFileSync(r).toString()),S=(g,A,m)=>{let E=d.join(g,`${A}${m?`.${m}`:""}.yml`);return(!h.existsSync(E)||!h.lstatSync(E).isFile())&&(E=d.join(g,A,`index${m?`.${m}`:""}.yml`),!h.existsSync(E)||!h.lstatSync(E))?null:V.parse(h.readFileSync(E).toString())},I=(g,A)=>{try{const m=re.globSync(`*.${A}.yml`,{cwd:g,absolute:!0})[0];return m?V.parse(h.readFileSync(m).toString()):null}catch(m){P.logger.error("parse component error",m)}return null},O=R(p.pages.map(({slug:g})=>{var F;const A=R(p.supportedLocales.map(({locale:T})=>{const u=c?S(c,Te(g),T):void 0;if(u)return{locale:T,page:u};const w=c?S(c,g,T):void 0;return w&&{locale:T,page:w}})),m=(F=A[0])==null?void 0:F.page;if(!m)return null;const E=m.sections.map(T=>{const u=T.id||ce();return{id:u,component:T.component,config:T.config,name:T.name,isTemplateSection:T.isTemplateSection??!1,visibility:T.visibility,locales:Object.fromEntries(R(A.map(({locale:w,page:b})=>{const L=b.sections.find(k=>k.id===u);return L&&[w,L.properties]})))}});return{id:m.id||ce(),createdAt:m.createdAt,updatedAt:m.updatedAt,publishedAt:m.publishedAt,isPublic:m.isPublic??!0,isTemplate:m.isTemplate??!1,slug:g,sections:Object.fromEntries(E.map(T=>[T.id,T])),sectionIds:E.map(T=>T.id),locales:Object.fromEntries(A.map(({locale:T,page:u})=>[T,u.meta]))}})),D=f?R(((o=p.components)==null?void 0:o.map(({id:g})=>I(f,g)))??[]):[];if(s){const g=(...A)=>{P.logger.info(`[${a?d.basename(t):d.basename(d.join(t,"../../../../"))}] importAssets:`,...A)};try{g("wait image-bin api ready"),await ze.default({resources:[`${ue.getComponentWebEndpoint(Ke)}/api/sdk/uploads`],validateStatus:E=>E>=200&&E<=500}),g("image-bin api is ready");const A={},m={};g("start to upload assets"),await Promise.allSettled([Ee(D,A,{getFilePath:E=>f&&d.join(f,E),onFinish:E=>{g(`upload ${E.length} component assets`)}}),Ee(O,m,{getFilePath:(E,F)=>{const T=_.get(O,F.slice(0,1));return c&&d.join(c,d.dirname(T.slug),E)},onFinish:E=>{g(`upload ${E.length} page assets`)}})]),g("upload assets done"),global.gc&&global.gc()}catch(A){g("Error during asset import:",A)}}const U={};if(e){const g=r&&d.join(d.dirname(r),"../../resources/components"),A=R(((i=(l=p.resources)==null?void 0:l.components)==null?void 0:i.map(({id:m})=>I(g,m)))??[]);A.length>0&&(U.components=Object.fromEntries(A.map((m,E)=>[m.id,{index:E,component:m}])))}return{supportedLocales:p.supportedLocales,pageIds:O.map(g=>g.id),components:Object.fromEntries(D.map((g,A)=>[g.id,{index:A,data:g}])),pages:Object.fromEntries(O.map(g=>[g.id,g])),config:p.config||{},resources:U}}finally{a&&n&&h.rmSync(n,{force:!0,recursive:!0})}}async function pe(t,s,{pages:e,pageMergeMode:n="byUpdateTime",deletePages:a=!1,publishMode:o=void 0}={}){try{o&&P.clearPreloadComponentsCacheByMode(o)}catch(f){P.logger.error("clear preload page cache error",{error:f})}const{pageIds:l,pages:i,supportedLocales:r}=t;for(const f of e??l){const p=i[f];if(!p){const S=s.pageIds.indexOf(f);S!==-1&&a&&(s.pageIds.splice(S,1),delete s.pages[f]);continue}if(s.pageIds.includes(p.id)){if(n==="replace")s.pages[p.id]=p;else if(n==="byUpdateTime"){const S=s.pages[p.id];(!S||p.updatedAt&&p.updatedAt>S.updatedAt)&&(s.pages[p.id]=p)}}else s.pageIds.push(p.id),s.pages[p.id]=p}if(a&&!e)for(const f of s.pageIds)t.pageIds.includes(f)||delete s.pages[f],s.pageIds=[...s.pageIds].filter(p=>t.pageIds.includes(p));if(s.supportedLocales.splice(0,s.supportedLocales.length),s.supportedLocales.push(..._.cloneDeep(r)),a)for(const f of Object.keys(s.components))delete s.components[f];let c=JSON.parse(JSON.stringify(t.components));c=Object.fromEntries(await Promise.all(Object.entries(c).map(async([f,p])=>{const S=await Oe(p==null?void 0:p.data);return[f,{...p,data:S}]}))),Object.assign(s.components,c),Object.assign(s.config,JSON.parse(JSON.stringify(t.config))),s.resources.components=JSON.parse(JSON.stringify(t.resources.components||{}))}const Oe=ke.memoize(async t=>{var s;if(!_.isEmpty(t==null?void 0:t.properties))return t;if(((s=t==null?void 0:t.renderer)==null?void 0:s.type)==="react-component"){const{script:e}=(t==null?void 0:t.renderer)||{};if(e)try{const n=await P.getExportSchemaValueFromCode(e,"PROPERTIES_SCHEMA",t.id);n&&n.length>0&&t&&(t.properties={},n.forEach((a,o)=>{t!=null&&t.properties&&(t.properties[a.id]={index:o,data:a})}))}catch(n){P.logger.error("checkPropertiesFromCode error",{componentId:t.id,name:t.name},{error:n})}}return t},{keyGenerator:t=>JSON.stringify(["checkPropertiesFromCode",t])});function ft({state:t,pageIds:s=[],componentIds:e=[]}){var l;const n=(i,r=new Set)=>(Array.isArray(i)&&i.forEach(c=>n(c,r)),i&&typeof i=="object"&&(typeof i.componentId=="string"&&r.add(i.componentId),Object.values(i).forEach(c=>n(c,r))),r),a=new Set(e);for(const i of s){const r=t.pages[i];n(r,a)}const o=[...a];for(;o.length;){const i=o.shift();a.has(i)||a.add(i);const r=(l=t.components[i])==null?void 0:l.data;if(r)for(const c of n(r))a.has(c)||o.push(c)}return[...a]}let Q,G,me,ye;function Pe(){return Q=(async()=>{const t=ue.getResources({types:[{did:de,type:oe},{did:tt,type:oe}]});G=(await Promise.all(t.map(async e=>{const n=e.path?await ge(e.path,{importAssets:!1}):void 0;return n?{blockletId:e.did,state:n,blockletTitle:e.title}:void 0}))).filter(e=>!!e),me=G.reduce((e,n)=>Object.assign(e,Object.fromEntries(Object.values(n.state.pages).map(a=>a?[a==null?void 0:a.id,{page:a,blockletId:n.blockletId}]:[]))),{});const s=G.reduce((e,n)=>Object.assign(e,Object.fromEntries(Object.values(n.state.components).map(a=>[a.data.id,{blockletId:n.blockletId,component:a.data}]))),{});ye=Object.fromEntries(await Promise.all(Object.entries(s).map(async([e,n])=>{const a=await Oe(n.component);return[e,{...n,component:a}]})))})(),Q}function De(t){const s=_.debounce(async()=>{await Pe().catch(e=>{P.logger.error("load resource states error",{error:e})}),await(t==null?void 0:t({states:G,pages:me,components:ye}))},3e3,{leading:!1,trailing:!0});return s(),y.default.events.on(y.default.Events.componentAdded,s),y.default.events.on(y.default.Events.componentRemoved,s),y.default.events.on(y.default.Events.componentStarted,s),y.default.events.on(y.default.Events.componentStopped,s),y.default.events.on(y.default.Events.componentUpdated,s),y.default.events.on(ie,s),()=>{y.default.events.off(y.default.Events.componentAdded,s),y.default.events.off(y.default.Events.componentRemoved,s),y.default.events.off(y.default.Events.componentStarted,s),y.default.events.off(y.default.Events.componentStopped,s),y.default.events.off(y.default.Events.componentUpdated,s),y.default.events.off(ie,s)}}const _e=Symbol.for("GLOBAL_RESOURCE_STATES_LISTENER_KEY"),W=globalThis;var be;(be=W[_e])==null||be.call(W);W[_e]=De(async({pages:t,components:s})=>{const{projectIds:e}=J;await Promise.all(e.map(async n=>{const a=J.shared(n);a.syncedStore.resources.pages=t;const o=await N.findByPk(n);if(o!=null&&o.useAllResources)a.syncedStore.resources.components=s;else{const i=(await ee.findAll({where:{projectId:n}})).map(c=>c.componentId),r=Object.fromEntries(Object.entries(s||{}).filter(([c])=>i.includes(c)));a.syncedStore.resources.components=r}P.logger.info(`update [${n}] resource states:`,{pages:Object.keys(a.syncedStore.resources.pages||{}).length,components:Object.keys(a.syncedStore.resources.components||{}).length})}))});async function gt(){P.logger.info("trigger reload all project resource"),y.default.events.emit(ie)}async function Le(){return Q??(Q=Pe()),await Q,{states:G,pages:me,components:ye}}exports.COMPONENT_DID=de;exports.PUBLISH_MODES=ct;exports.Project=N;exports.RESOURCE_TYPE=oe;exports.SITE_STATE_PATH=B;exports.STATE_MODES=it;exports.SiteState=J;exports.fromPackage=ge;exports.getMultiTenantAllProjectAccessPassports=Qe;exports.getResourceStates=Le;exports.initPackResourceStates=De;exports.isMultiTenant=Xe;exports.mergeState=pe;exports.nextId=ce;exports.toPackage=Ie;exports.triggerReloadAllProjectResource=gt;

package/lib/state-BQClQU2N.js

@@ -0,0 +1 @@
+"use strict";const P=require("react/jsx-runtime"),y=require("@mui/material"),Q=require("gradient-parser"),X=require("tinycolor2"),j=require("ufo"),Y=require("@blocklet/js-sdk"),W=require("@syncedstore/core"),Z=require("@syncedstore/react"),H=require("ahooks"),v=require("immer"),ee=require("js-cookie"),te=require("lodash/debounce"),ne=require("nanoid"),a=require("react"),F=require("react-router-dom"),oe=require("y-indexeddb"),se=require("y-websocket"),re=require("yjs"),C=e=>e&&e.__esModule?e:{default:e},ce=C(Q),ie=C(X),ae=C(W),ue=C(ee),B=C(te);function N(){const{pathname:e}=window.location,n=e.match(/\/admin\/(maker|previewer)\/([^/]+)/),l=n==null?void 0:n[2],u=window.__PROJECT_ID__;if(!l&&!u)throw new Error("Unable to get projectId from pathname");return l||u}function de(e){return`${e}:pages:version`}function le({error:e}){return P.jsx(y.Box,{children:P.jsx(y.Alert,{severity:"error",children:e.message})})}var T;const _=((T=window.blocklet)==null?void 0:T.prefix)||"/",L=Y.createAxios({timeout:200*1e3}),fe=window.location.protocol==="https:"?"wss":"ws",me=e=>j.joinURL(`${fe}://${window.location.hostname}`,_,`api/${e}/ws/pages`),pe="z8ia1mAXo8ZE7ytGF36L5uBf9kD2kenhqFGp9";var $;($=blocklet==null?void 0:blocklet.componentMountPoints.find(e=>e.did===pe))!=null&&$.mountPoint||j.joinURL(_,"/image-bin");function ge(e){return e&&!/^(https?:\/\/|\/)/.test(e)?window.location.origin+j.joinURL(_,"uploads",e):e}const Se=window.innerWidth<=750;function we(e,n,l){if(!e||/\.gif/.test(e))return e;const u=(Se?n/1.5:n)*(l==="quality"?1.5:1);return he(e,{imageFilter:"resize",w:u,f:"webp"})}function he(e,n){return!e||!n?e:j.withQuery(e,n)}function V(e){if(e!=null&&e.trim())try{return ce.default.parse(e),!0}catch{return!1}return!1}function Pe(e){return typeof e!="string"?!1:!!(V(e)||ie.default(e).isValid())}async function je(e){return L.get(`/api/projects/${e}`).then(n=>n.data)}async function ke(e){return L.post(`/api/projects/${e.id}/update`,e).then(n=>n.data)}const Ie=500,b=ne.customAlphabet("abcdefghijklmnopqrstuvwxyz0123456789",16),z=a.createContext(null);function xe({url:e,name:n,children:l,waitingSynced:u}){const[f,d]=a.useState(!1),S=A(),k=`${S}:MakerLocalState`,t=`${S}:${n}`,[s,o]=H.useLocalStorageState(k,{defaultValue:{},listenStorageChange:!0}),r=a.useRef(s);r.current=s;const i=a.useMemo(()=>ae.default({pages:{},pageIds:[],components:{},supportedLocales:[],config:{},resources:{}}),[]),c=a.useMemo(()=>W.getYjsDoc(i),[i]);a.useMemo(()=>new oe.IndexeddbPersistence(t,c),[t,c]);const w=a.useMemo(()=>new se.WebsocketProvider(e,t,c,{params:{token:ue.default.get("login_token")}}),[e,t,c]),I=a.useMemo(()=>new re.UndoManager([c.getArray("pageIds"),c.getMap("pages"),c.getArray("supportedLocales"),c.getMap("config")],{doc:c}),[c]),[x,E]=a.useState(null),[q,O]=a.useState(!1),[R,M]=a.useState(void 0),U=a.useCallback(async()=>{if(S){O(!0);try{const m=await je(S);E(m)}catch(m){console.error("Failed to fetch project:",m)}finally{O(!1)}}},[S]),D=a.useCallback(async(m,p)=>{var h;if(M(void 0),!!S){p!=null&&p.optimisticUpdate&&x&&E(g=>({...g,...m}));try{const g=await ke({...m});E(g)}catch(g){console.error("Failed to update project:",g),p!=null&&p.optimisticUpdate&&E(x),M((h=g==null?void 0:g.response)==null?void 0:h.data)}}},[S,x]);a.useEffect(()=>{S&&U()},[S,U]);const J=a.useMemo(()=>({doc:c,state:i,localState:s,setLocalState:m=>o(typeof m=="function"?p=>m(p??{}):m),undoManager:I,projectState:{project:x,isLoadingProject:q,error:R},updateProject:D}),[c,i,JSON.stringify(s),o,I,x,q,D,R]);return a.useEffect(()=>{I.on("stack-item-added",({stackItem:m})=>{const{currentPageId:p,currentLocale:h,pages:g}=r.current;m.meta.set("localState",{currentPageId:p,currentLocale:h,pages:g})}),I.on("stack-item-popped",({stackItem:m})=>{const p=m.meta.get("localState");p&&o(h=>({...h,...p}))})},[I,o]),a.useEffect(()=>{w.awareness.setLocalState(s)},[w,s]),a.useEffect(()=>{w.once("synced",()=>d(!0));const m=()=>{o(g=>({...g,networkStatus:void 0}))},p=()=>{o(g=>({...g,networkStatus:"offline"}))},h=B.default(({status:g})=>{g==="connected"?m():g==="disconnected"&&p()},Ie);return w.on("status",h),window.addEventListener("online",m),window.addEventListener("offline",p),()=>{w.off("status",h),window.removeEventListener("online",m),window.removeEventListener("offline",p)}},[w,o]),u&&!f?null:P.jsx(z.Provider,{value:J,children:l})}const G=()=>{const e=a.useContext(z);if(!e)throw new Error("Context is null");const n=Z.useSyncedStore(e.state),{setLocalState:l,localState:u}=e,f=F.useNavigate(),d=A(),S=a.useMemo(()=>({setCurrentSectionId:(t,s)=>{var o,r;t===u.currentPageId&&s===((r=(o=u.pages)==null?void 0:o[t])==null?void 0:r.currentSectionId)||(f(j.joinURL("/admin/maker",d??"","pages",t)),l(i=>v.produce(i,c=>{var w;c.currentPageId=t,c.currentComponentId=void 0,c.componentDebugProps={},s!==void 0&&(c.pages??(c.pages={}),(w=c.pages)[t]??(w[t]={}),c.pages[t].currentSectionId=s??void 0),s?window.sessionStorage.setItem("iframe_show_id",`"${s}"`):window.sessionStorage.removeItem("iframe_show_id")})))},setCurrentComponentId:t=>{t!==u.currentComponentId&&(f(j.joinURL("/admin/maker",d??"","components",t)),l(s=>v.produce(s,o=>{o.currentComponentId=t,o.componentDebugProps={}})))},setComponentDebugProps:(()=>{const t={},s=B.default(()=>{l(o=>v.produce(o,r=>{r.componentDebugProps={...r==null?void 0:r.componentDebugProps,...t},Object.keys(t).forEach(i=>delete t[i])}))},5);return o=>{Object.assign(t,o),s()}})()}),[l,f,d]),k=a.useMemo(()=>({addPage:(t,s)=>{const o=(t==null?void 0:t.id)??b(),r={...t,id:o,createdAt:(t==null?void 0:t.createdAt)??new Date().toISOString(),updatedAt:(t==null?void 0:t.updatedAt)??new Date().toISOString(),publishedAt:new Date(0).toISOString(),slug:(t==null?void 0:t.slug)??`/${o}`,sections:(t==null?void 0:t.sections)??{},sectionIds:(t==null?void 0:t.sectionIds)??[],isPublic:(t==null?void 0:t.isPublic)??!0,isTemplate:(t==null?void 0:t.isTemplate)??!1};return e.doc.transact(()=>{n.pages[r.id]=r,n.pageIds.splice(s??n.pageIds.length,0,r.id)}),r},deletePage:t=>{const s=n.pageIds.indexOf(t);s!==-1&&e.doc.transact(()=>{n.pageIds.splice(s,1),delete n.pages[t]})},movePage:(t,s)=>{const{pageIds:o}=n,r=o.indexOf(t);r>=0&&o.splice(s,0,...o.splice(r,1))},addSection:(t,s,o)=>{const r=n.pages[t];if(!r)throw new Error(`Page ${t} is not exists`);const i={...s,id:s.id??b(),isTemplateSection:s.isTemplateSection??!1};return e.doc.transact(()=>{r.sections[i.id]=i,r.sectionIds.splice(o??r.sectionIds.length,0,i.id)}),i},deleteSection:(t,s)=>{const o=n.pages[t];if(!o)throw new Error(`Page ${t} is not exists`);const r=o.sectionIds.indexOf(s);r!==-1&&e.doc.transact(()=>{o.sectionIds.splice(r,1),delete o.sections[s]})},toggleSectionVisibility:(t,s,o)=>{const r=n.pages[t];if(!r)throw new Error(`Page ${t} is not exists`);const i=r.sections[s];i&&(i.visibility=o)},moveSection:(t,s,o)=>{const r=n.pages[t];if(!r)throw new Error(`Page ${t} is not exists`);const{sectionIds:i}=r,c=i.indexOf(s);c>=0&&i.splice(o,0,...i.splice(c,1))}}),[n,e.doc]);return{...e,state:n,actions:k,localActions:S,get currentPage(){const{localState:{currentPageId:t}}=e;return t?n.pages[t]:void 0},get currentSection(){var r,i,c;const{localState:{currentPageId:t,...s}}=e;if(!t)return;const o=(i=(r=s.pages)==null?void 0:r[t])==null?void 0:i.currentSectionId;if(o)return(c=n.pages[t])==null?void 0:c.sections[o]}}},A=()=>{const{projectId:e}=F.useParams();return e??N()};function ye(e){var u,f;const{resources:n}=e;if(!n.components)return{};const l={};return(f=(u=window==null?void 0:window.blocklet)==null?void 0:u.componentMountPoints)==null||f.forEach(d=>{l[d.did]=d}),Object.fromEntries(Object.entries(n.components).map(([d,{blockletId:S,component:k}])=>{var t;return[d,{data:k,blockletId:S,blockletTitle:((t=l[S])==null?void 0:t.title)||S}]}))}function Ce(e){const{components:n}=e;return n||{}}function K(e){return{...ye(e),...Ce(e)}}const Ee=()=>K(G().state),ve=[/\.\./,/<[^>]*>/,/%[0-9a-f]{2}/i,/[<>'"%;{}()\\]/,/\x00/,/\n|\r|\t|\v|\f/,/[^a-zA-Z0-9-_@/]/];function be(e,n,l){const u=[];{let f;n.slug?n.slug.startsWith("/")?n.slug!=="/"&&n.slug.endsWith("/")?f=e("maker.properties.pathCheckEndWithoutSlash"):/\/{2,}/.test(n.slug)?f=e("maker.properties.pathCheckConsecutiveSlash"):/\s/.test(n.slug)?f=e("maker.properties.pathCheckWhitespace"):ve.some(d=>d.test(n.slug))?f=e("maker.properties.pathCheckInvalid"):Object.values(l.pages).some(d=>(d==null?void 0:d.id)!==n.id&&(d==null?void 0:d.slug)===n.slug)&&(f=e("maker.properties.pathCheckAlreadyExist")):f=e("maker.properties.pathCheckStartWithSlash"):f=e("maker.properties.pathCheckRequired"),f&&u.push({path:["path"],message:f})}return u.length>0?u:null}function _e({errors:e,...n}){return e!=null&&e.length?P.jsx(y.Tooltip,{...n,title:P.jsx(y.Box,{children:e.map((l,u)=>P.jsx(y.Box,{children:l.message},u))})}):null}exports.ErrorView=le;exports.PageErrorTip=_e;exports.StoreProvider=xe;exports.api=L;exports.autoResizeImage=we;exports.checkPage=be;exports.getAllComponents=K;exports.getImageAbsoluteUrl=ge;exports.getProjectIdFromPathnameOrWindow=N;exports.getProjectPageVersionKey=de;exports.getWssURL=me;exports.isColorString=Pe;exports.isGradient=V;exports.nextId=b;exports.useAllComponents=Ee;exports.useProjectId=A;exports.useStore=G;

package/lib/state-C0vjPuun.mjs

@@ -0,0 +1,407 @@
+import { jsx as P } from "react/jsx-runtime";
+import { Box as x, Alert as V, Tooltip as q } from "@mui/material";
+import K from "gradient-parser";
+import J from "tinycolor2";
+import { joinURL as I, withQuery as Q } from "ufo";
+import { createAxios as X } from "@blocklet/js-sdk";
+import Z, { getYjsDoc as Y } from "@syncedstore/core";
+import { useSyncedStore as H } from "@syncedstore/react";
+import { useLocalStorageState as ee } from "ahooks";
+import { produce as b } from "immer";
+import te from "js-cookie";
+import F from "lodash/debounce";
+import { customAlphabet as oe } from "nanoid";
+import { createContext as ne, useState as C, useRef as re, useMemo as g, useCallback as U, useEffect as E, useContext as se } from "react";
+import { useParams as ie, useNavigate as ce } from "react-router-dom";
+import { IndexeddbPersistence as ae } from "y-indexeddb";
+import { WebsocketProvider as ue } from "y-websocket";
+import { UndoManager as de } from "yjs";
+function le() {
+  const { pathname: t } = window.location, o = t.match(/\/admin\/(maker|previewer)\/([^/]+)/), d = o == null ? void 0 : o[2], a = window.__PROJECT_ID__;
+  if (!d && !a)
+    throw new Error("Unable to get projectId from pathname");
+  return d || a;
+}
+function Be(t) {
+  return `${t}:pages:version`;
+}
+function Ge({ error: t }) {
+  return /* @__PURE__ */ P(x, { children: /* @__PURE__ */ P(V, { severity: "error", children: t.message }) });
+}
+var M;
+const A = ((M = window.blocklet) == null ? void 0 : M.prefix) || "/", N = X({
+  timeout: 200 * 1e3
+}), fe = window.location.protocol === "https:" ? "wss" : "ws", Ve = (t) => I(`${fe}://${window.location.hostname}`, A, `api/${t}/ws/pages`), me = "z8ia1mAXo8ZE7ytGF36L5uBf9kD2kenhqFGp9";
+var W;
+(W = blocklet == null ? void 0 : blocklet.componentMountPoints.find((t) => t.did === me)) != null && W.mountPoint || I(A, "/image-bin");
+function qe(t) {
+  return t && !/^(https?:\/\/|\/)/.test(t) ? window.location.origin + I(A, "uploads", t) : t;
+}
+const pe = window.innerWidth <= 750;
+function Ke(t, o, d) {
+  if (!t || /\.gif/.test(t)) return t;
+  const a = (pe ? o / 1.5 : o) * (d === "quality" ? 1.5 : 1);
+  return we(t, { imageFilter: "resize", w: a, f: "webp" });
+}
+function we(t, o) {
+  return !t || !o ? t : Q(t, o);
+}
+function he(t) {
+  if (t != null && t.trim())
+    try {
+      return K.parse(t), !0;
+    } catch {
+      return !1;
+    }
+  return !1;
+}
+function Je(t) {
+  return typeof t != "string" ? !1 : !!(he(t) || J(t).isValid());
+}
+async function Se(t) {
+  return N.get(`/api/projects/${t}`).then((o) => o.data);
+}
+async function ge(t) {
+  return N.post(`/api/projects/${t.id}/update`, t).then((o) => o.data);
+}
+const Pe = 500, R = oe("abcdefghijklmnopqrstuvwxyz0123456789", 16), z = ne(null);
+function Qe({
+  url: t,
+  name: o,
+  children: d,
+  waitingSynced: a
+}) {
+  const [l, u] = C(!1), w = B(), k = `${w}:MakerLocalState`, e = `${w}:${o}`, [r, n] = ee(k, {
+    defaultValue: {},
+    listenStorageChange: !0
+  }), s = re(r);
+  s.current = r;
+  const c = g(
+    () => Z({
+      pages: {},
+      pageIds: [],
+      components: {},
+      supportedLocales: [],
+      config: {},
+      resources: {}
+    }),
+    []
+  ), i = g(() => Y(c), [c]);
+  g(() => new ae(e, i), [e, i]);
+  const h = g(
+    () => new ue(t, e, i, { params: { token: te.get("login_token") } }),
+    [t, e, i]
+  ), j = g(
+    () => new de(
+      [i.getArray("pageIds"), i.getMap("pages"), i.getArray("supportedLocales"), i.getMap("config")],
+      { doc: i }
+    ),
+    [i]
+  ), [v, y] = C(null), [L, O] = C(!1), [_, $] = C(void 0), D = U(async () => {
+    if (w) {
+      O(!0);
+      try {
+        const f = await Se(w);
+        y(f);
+      } catch (f) {
+        console.error("Failed to fetch project:", f);
+      } finally {
+        O(!1);
+      }
+    }
+  }, [w]), T = U(
+    async (f, m) => {
+      var S;
+      if ($(void 0), !!w) {
+        m != null && m.optimisticUpdate && v && y((p) => ({
+          ...p,
+          ...f
+        }));
+        try {
+          const p = await ge({
+            ...f
+          });
+          y(p);
+        } catch (p) {
+          console.error("Failed to update project:", p), m != null && m.optimisticUpdate && y(v), $((S = p == null ? void 0 : p.response) == null ? void 0 : S.data);
+        }
+      }
+    },
+    [w, v]
+  );
+  E(() => {
+    w && D();
+  }, [w, D]);
+  const G = g(
+    () => ({
+      doc: i,
+      state: c,
+      localState: r,
+      setLocalState: (f) => n(typeof f == "function" ? (m) => f(m ?? {}) : f),
+      undoManager: j,
+      projectState: {
+        project: v,
+        isLoadingProject: L,
+        error: _
+      },
+      updateProject: T
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      i,
+      c,
+      JSON.stringify(r),
+      // resolve the problem of react warning
+      n,
+      j,
+      v,
+      L,
+      T,
+      _
+    ]
+  );
+  return E(() => {
+    j.on("stack-item-added", ({ stackItem: f }) => {
+      const { currentPageId: m, currentLocale: S, pages: p } = s.current;
+      f.meta.set("localState", { currentPageId: m, currentLocale: S, pages: p });
+    }), j.on("stack-item-popped", ({ stackItem: f }) => {
+      const m = f.meta.get("localState");
+      m && n((S) => ({ ...S, ...m }));
+    });
+  }, [j, n]), E(() => {
+    h.awareness.setLocalState(r);
+  }, [h, r]), E(() => {
+    h.once("synced", () => u(!0));
+    const f = () => {
+      n((p) => ({
+        ...p,
+        networkStatus: void 0
+      }));
+    }, m = () => {
+      n((p) => ({
+        ...p,
+        networkStatus: "offline"
+      }));
+    }, S = F(({ status: p }) => {
+      p === "connected" ? f() : p === "disconnected" && m();
+    }, Pe);
+    return h.on("status", S), window.addEventListener("online", f), window.addEventListener("offline", m), () => {
+      h.off("status", S), window.removeEventListener("online", f), window.removeEventListener("offline", m);
+    };
+  }, [h, n]), a && !l ? null : /* @__PURE__ */ P(z.Provider, { value: G, children: d });
+}
+const ke = () => {
+  const t = se(z);
+  if (!t)
+    throw new Error("Context is null");
+  const o = H(t.state), { setLocalState: d, localState: a } = t, l = ce(), u = B(), w = g(
+    () => ({
+      setCurrentSectionId: (e, r) => {
+        var n, s;
+        e === a.currentPageId && r === ((s = (n = a.pages) == null ? void 0 : n[e]) == null ? void 0 : s.currentSectionId) || (l(I("/admin/maker", u ?? "", "pages", e)), d(
+          (c) => b(c, (i) => {
+            var h;
+            i.currentPageId = e, i.currentComponentId = void 0, i.componentDebugProps = {}, r !== void 0 && (i.pages ?? (i.pages = {}), (h = i.pages)[e] ?? (h[e] = {}), i.pages[e].currentSectionId = r ?? void 0), r ? window.sessionStorage.setItem("iframe_show_id", `"${r}"`) : window.sessionStorage.removeItem("iframe_show_id");
+          })
+        ));
+      },
+      setCurrentComponentId: (e) => {
+        e !== a.currentComponentId && (l(I("/admin/maker", u ?? "", "components", e)), d(
+          (r) => b(r, (n) => {
+            n.currentComponentId = e, n.componentDebugProps = {};
+          })
+        ));
+      },
+      setComponentDebugProps: (() => {
+        const e = {}, r = F(() => {
+          d(
+            (n) => b(n, (s) => {
+              s.componentDebugProps = {
+                ...s == null ? void 0 : s.componentDebugProps,
+                ...e
+              }, Object.keys(e).forEach((c) => delete e[c]);
+            })
+          );
+        }, 5);
+        return (n) => {
+          Object.assign(e, n), r();
+        };
+      })()
+    }),
+    [d, l, u]
+  ), k = g(
+    () => ({
+      addPage: (e, r) => {
+        const n = (e == null ? void 0 : e.id) ?? R(), s = {
+          ...e,
+          id: n,
+          createdAt: (e == null ? void 0 : e.createdAt) ?? (/* @__PURE__ */ new Date()).toISOString(),
+          updatedAt: (e == null ? void 0 : e.updatedAt) ?? (/* @__PURE__ */ new Date()).toISOString(),
+          publishedAt: (/* @__PURE__ */ new Date(0)).toISOString(),
+          slug: (e == null ? void 0 : e.slug) ?? `/${n}`,
+          sections: (e == null ? void 0 : e.sections) ?? {},
+          sectionIds: (e == null ? void 0 : e.sectionIds) ?? [],
+          isPublic: (e == null ? void 0 : e.isPublic) ?? !0,
+          isTemplate: (e == null ? void 0 : e.isTemplate) ?? !1
+        };
+        return t.doc.transact(() => {
+          o.pages[s.id] = s, o.pageIds.splice(r ?? o.pageIds.length, 0, s.id);
+        }), s;
+      },
+      deletePage: (e) => {
+        const r = o.pageIds.indexOf(e);
+        r !== -1 && t.doc.transact(() => {
+          o.pageIds.splice(r, 1), delete o.pages[e];
+        });
+      },
+      movePage: (e, r) => {
+        const { pageIds: n } = o, s = n.indexOf(e);
+        s >= 0 && n.splice(r, 0, ...n.splice(s, 1));
+      },
+      addSection: (e, r, n) => {
+        const s = o.pages[e];
+        if (!s)
+          throw new Error(`Page ${e} is not exists`);
+        const c = {
+          ...r,
+          id: r.id ?? R(),
+          isTemplateSection: r.isTemplateSection ?? !1
+        };
+        return t.doc.transact(() => {
+          s.sections[c.id] = c, s.sectionIds.splice(n ?? s.sectionIds.length, 0, c.id);
+        }), c;
+      },
+      deleteSection: (e, r) => {
+        const n = o.pages[e];
+        if (!n)
+          throw new Error(`Page ${e} is not exists`);
+        const s = n.sectionIds.indexOf(r);
+        s !== -1 && t.doc.transact(() => {
+          n.sectionIds.splice(s, 1), delete n.sections[r];
+        });
+      },
+      toggleSectionVisibility: (e, r, n) => {
+        const s = o.pages[e];
+        if (!s)
+          throw new Error(`Page ${e} is not exists`);
+        const c = s.sections[r];
+        c && (c.visibility = n);
+      },
+      moveSection: (e, r, n) => {
+        const s = o.pages[e];
+        if (!s)
+          throw new Error(`Page ${e} is not exists`);
+        const { sectionIds: c } = s, i = c.indexOf(r);
+        i >= 0 && c.splice(n, 0, ...c.splice(i, 1));
+      }
+    }),
+    [o, t.doc]
+  );
+  return {
+    ...t,
+    state: o,
+    actions: k,
+    localActions: w,
+    get currentPage() {
+      const {
+        localState: { currentPageId: e }
+      } = t;
+      return e ? o.pages[e] : void 0;
+    },
+    get currentSection() {
+      var s, c, i;
+      const {
+        localState: { currentPageId: e, ...r }
+      } = t;
+      if (!e)
+        return;
+      const n = (c = (s = r.pages) == null ? void 0 : s[e]) == null ? void 0 : c.currentSectionId;
+      if (n)
+        return (i = o.pages[e]) == null ? void 0 : i.sections[n];
+    }
+  };
+}, B = () => {
+  const { projectId: t } = ie();
+  return t ?? le();
+};
+function je(t) {
+  var a, l;
+  const { resources: o } = t;
+  if (!o.components)
+    return {};
+  const d = {};
+  return (l = (a = window == null ? void 0 : window.blocklet) == null ? void 0 : a.componentMountPoints) == null || l.forEach((u) => {
+    d[u.did] = u;
+  }), Object.fromEntries(
+    Object.entries(o.components).map(([u, { blockletId: w, component: k }]) => {
+      var e;
+      return [
+        u,
+        { data: k, blockletId: w, blockletTitle: ((e = d[w]) == null ? void 0 : e.title) || w }
+      ];
+    })
+  );
+}
+function ve(t) {
+  const { components: o } = t;
+  return o || {};
+}
+function Ie(t) {
+  return {
+    ...je(t),
+    ...ve(t)
+  };
+}
+const Xe = () => Ie(ke().state), ye = [
+  /\.\./,
+  // Directory traversal
+  /<[^>]*>/,
+  // HTML/XML tags
+  /%[0-9a-f]{2}/i,
+  // Percent encoding
+  /[<>'"%;{}()\\]/,
+  // Special characters
+  // eslint-disable-next-line no-control-regex
+  /\x00/,
+  // Null byte
+  /\n|\r|\t|\v|\f/,
+  // Control characters
+  /[^a-zA-Z0-9-_@/]/
+  // Disallow any characters except alphanumeric, dash, underscore and forward slash
+];
+function Ze(t, o, d) {
+  const a = [];
+  {
+    let l;
+    o.slug ? o.slug.startsWith("/") ? o.slug !== "/" && o.slug.endsWith("/") ? l = t("maker.properties.pathCheckEndWithoutSlash") : /\/{2,}/.test(o.slug) ? l = t("maker.properties.pathCheckConsecutiveSlash") : /\s/.test(o.slug) ? l = t("maker.properties.pathCheckWhitespace") : ye.some((u) => u.test(o.slug)) ? l = t("maker.properties.pathCheckInvalid") : Object.values(d.pages).some((u) => (u == null ? void 0 : u.id) !== o.id && (u == null ? void 0 : u.slug) === o.slug) && (l = t("maker.properties.pathCheckAlreadyExist")) : l = t("maker.properties.pathCheckStartWithSlash") : l = t("maker.properties.pathCheckRequired"), l && a.push({ path: ["path"], message: l });
+  }
+  return a.length > 0 ? a : null;
+}
+function Ye({ errors: t, ...o }) {
+  return t != null && t.length ? /* @__PURE__ */ P(
+    q,
+    {
+      ...o,
+      title: /* @__PURE__ */ P(x, { children: t.map((d, a) => /* @__PURE__ */ P(x, { children: d.message }, a)) })
+    }
+  ) : null;
+}
+export {
+  Ge as E,
+  Ye as P,
+  Qe as S,
+  Ke as a,
+  Je as b,
+  N as c,
+  le as d,
+  Ie as e,
+  Be as f,
+  qe as g,
+  ke as h,
+  he as i,
+  Xe as j,
+  Ve as k,
+  Ze as l,
+  R as n,
+  B as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/pages-kit-inner-components",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Pages Kit inner components library",
   "publishConfig": {
     "access": "public"
@@ -43,6 +43,10 @@
     "./uploader": {
       "import": "./lib/es/uploader.js",
       "require": "./lib/cjs/uploader.js"
+    },
+    "./theme": {
+      "import": "./lib/es/theme.js",
+      "require": "./lib/cjs/theme.js"
     }
   },
   "files": [
@@ -57,25 +61,25 @@
     "url": "git+https://github.com/blocklet/pages-kit.git"
   },
   "dependencies": {
-    "@arcblock/did-auth": "^1.19.9",
+    "@arcblock/did-auth": "^1.19.12",
     "@arcblock/did-auth-storage-nedb": "^1.7.1",
-    "@arcblock/did-connect": "^2.11.37",
-    "@arcblock/react-hooks": "^2.11.37",
-    "@arcblock/ux": "^2.11.37",
-    "@blocklet/ai-kit": "^0.1.68",
-    "@blocklet/ai-runtime": "^0.4.231",
-    "@blocklet/code-editor": "^0.4.231",
-    "@blocklet/crawler": "^2.1.161",
+    "@arcblock/did-connect": "^2.11.48",
+    "@arcblock/react-hooks": "^2.11.48",
+    "@arcblock/ux": "^2.11.48",
+    "@blocklet/ai-kit": "^0.1.71",
+    "@blocklet/ai-runtime": "^0.4.241",
+    "@blocklet/code-editor": "^0.4.241",
+    "@blocklet/crawler": "^2.1.170",
     "@blocklet/embed": "^0.2.3",
-    "@blocklet/js-sdk": "^1.16.38",
+    "@blocklet/js-sdk": "^1.16.39",
     "@blocklet/logger": "1.16.36",
-    "@blocklet/quickjs": "^0.4.231",
-    "@blocklet/sdk": "^1.16.38",
-    "@blocklet/studio-ui": "^0.4.231",
-    "@blocklet/tracker": "^1.16.38",
-    "@blocklet/ui-react": "^2.11.37",
-    "@blocklet/uploader": "^0.1.69",
-    "@blocklet/uploader-server": "^0.1.84",
+    "@blocklet/quickjs": "^0.4.241",
+    "@blocklet/sdk": "^1.16.39",
+    "@blocklet/studio-ui": "^0.4.241",
+    "@blocklet/tracker": "^1.16.39",
+    "@blocklet/ui-react": "^2.11.48",
+    "@blocklet/uploader": "^0.1.71",
+    "@blocklet/uploader-server": "^0.1.85",
     "@emotion/cache": "^11.13.1",
     "@emotion/css": "^11.13.0",
     "@emotion/react": "^11.13.0",
@@ -94,9 +98,9 @@
     "@mui/styles": "^5.16.7",
     "@mui/utils": "^5.16.6",
     "@mui/x-date-pickers": "^7.13.0",
-    "@ocap/client": "^1.19.9",
-    "@ocap/mcrypto": "^1.19.9",
-    "@ocap/wallet": "^1.19.9",
+    "@ocap/client": "^1.19.12",
+    "@ocap/mcrypto": "^1.19.12",
+    "@ocap/wallet": "^1.19.12",
     "@reactivedata/reactive": "^0.2.2",
     "@syncedstore/core": "^0.6.0",
     "@syncedstore/react": "^0.6.0",
@@ -194,8 +198,8 @@
     "yaml": "^2.5.0",
     "yjs": "^13.6.18",
     "zustand": "^4.5.5",
-    "@blocklet/pages-kit": "^0.4.10",
-    "@blocklet/pages-kit-block-studio": "^0.1.1"
+    "@blocklet/pages-kit": "^0.4.13-beta.20250227",
+    "@blocklet/pages-kit-block-studio": "^0.1.24"
   },
   "devDependencies": {
     "@trivago/prettier-plugin-sort-imports": "^5.2.1",