@picked/client 0.0.1-dev.1778467244607 → 0.0.1-dev.1778561735098
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{api-DWGhvwuG.js → api-Bzb9pR2r.js} +1 -1
- package/dist/{api-CF5VqlzY.cjs → api-XV6bcv_D.cjs} +1 -1
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/plugins/dynamic-experiences/index.js +1 -1
- package/dist/cjs/plugins/history-browser-storage/index.js +1 -1
- package/dist/cjs/server/index.js +1 -1
- package/dist/esm/index.js +440 -380
- package/dist/esm/plugins/dynamic-experiences/index.js +1 -1
- package/dist/esm/plugins/history-browser-storage/index.js +52 -13
- package/dist/esm/server/index.js +1 -1
- package/dist/experience-instance-B16NqD7y.cjs +1 -0
- package/dist/{experience-instance-BrLWgVAN.js → experience-instance-CZC0uPuv.js} +215 -203
- package/dist/types/entities/experience/experience.d.ts +2 -2
- package/dist/types/entities/experience/experience.d.ts.map +1 -1
- package/dist/types/entities/experience-instance/experience-instance.d.ts.map +1 -1
- package/dist/types/entities/history/history.d.ts +28 -16
- package/dist/types/entities/history/history.d.ts.map +1 -1
- package/dist/types/picked.d.ts +8 -14
- package/dist/types/picked.d.ts.map +1 -1
- package/dist/types/plugins/history-browser-storage/plugin.d.ts +16 -0
- package/dist/types/plugins/history-browser-storage/plugin.d.ts.map +1 -1
- package/dist/types/utils/dom.d.ts +27 -0
- package/dist/types/utils/dom.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/experience-instance-Ct3ogC7n.cjs +0 -1
|
@@ -1,26 +1,65 @@
|
|
|
1
|
+
import "../../../logger-6z_gb4rA.js";
|
|
1
2
|
import { d as e } from "../../../supports-0XIfd4-R.js";
|
|
2
3
|
import { n as t, r as n, t as r } from "../../../storage-6Xk0uAxB.js";
|
|
3
4
|
import { createEffect as i, sample as a } from "effector";
|
|
4
5
|
//#region src/plugins/history-browser-storage/plugin.ts
|
|
5
|
-
var o = r("history", "global"), s = (
|
|
6
|
+
var o = r("history", "global"), s = 150, c = "__legacy__", l = (e) => Array.isArray(e), u = (e) => !(typeof e != "object" || !e || !("id" in e) || typeof e.id != "string" || !("at" in e) || typeof e.at != "number" || !("experienceId" in e) || typeof e.experienceId != "string" || !("node" in e) || typeof e.node != "object" || e.node === null), d = (e) => !(!u(e) || !("instanceId" in e) || typeof e.instanceId != "string"), f = (e) => {
|
|
7
|
+
if (typeof e != "object" || !e || Array.isArray(e)) return !1;
|
|
8
|
+
for (let t of Object.values(e)) {
|
|
9
|
+
if (!Array.isArray(t)) return !1;
|
|
10
|
+
for (let e of t) if (!d(e)) return !1;
|
|
11
|
+
}
|
|
12
|
+
return !0;
|
|
13
|
+
}, p = (e) => {
|
|
14
|
+
let t = {};
|
|
15
|
+
for (let n of e) {
|
|
16
|
+
if (!u(n)) continue;
|
|
17
|
+
let e = t[n.experienceId] ?? [];
|
|
18
|
+
e.push({
|
|
19
|
+
...n,
|
|
20
|
+
instanceId: c
|
|
21
|
+
}), t[n.experienceId] = e;
|
|
22
|
+
}
|
|
23
|
+
return t;
|
|
24
|
+
}, m = ({ storage: r = "local" } = {}) => ({
|
|
6
25
|
name: "history-browser-storage-plugin",
|
|
7
|
-
setup: (
|
|
26
|
+
setup: (c) => {
|
|
8
27
|
if (!e()) return;
|
|
9
|
-
let
|
|
10
|
-
let e
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
28
|
+
let u = r === "local" ? t : n, d = i(() => {
|
|
29
|
+
let e;
|
|
30
|
+
try {
|
|
31
|
+
e = u.get(o).json();
|
|
32
|
+
} catch {
|
|
33
|
+
return;
|
|
34
|
+
}
|
|
35
|
+
if (e != null) {
|
|
36
|
+
if (l(e)) {
|
|
37
|
+
c.history.restoreSnapshots({ snapshots: p(e) });
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
if (f(e)) {
|
|
41
|
+
c.history.restoreSnapshots({ snapshots: e });
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}), m = null, h = null, g = () => {
|
|
46
|
+
m = null;
|
|
47
|
+
let e = h;
|
|
48
|
+
if (h = null, e !== null) try {
|
|
49
|
+
u.set(o, e);
|
|
50
|
+
} catch {}
|
|
51
|
+
}, _ = i((e) => {
|
|
52
|
+
h = e, m === null && (m = setTimeout(g, s));
|
|
14
53
|
});
|
|
15
54
|
a({
|
|
16
|
-
source:
|
|
55
|
+
source: c.eventBus,
|
|
17
56
|
filter: (e) => e.type === "load",
|
|
18
|
-
target:
|
|
57
|
+
target: d
|
|
19
58
|
}), a({
|
|
20
|
-
source:
|
|
21
|
-
target:
|
|
22
|
-
});
|
|
59
|
+
source: c.history.snapshotStore,
|
|
60
|
+
target: _
|
|
61
|
+
}), d();
|
|
23
62
|
}
|
|
24
63
|
});
|
|
25
64
|
//#endregion
|
|
26
|
-
export {
|
|
65
|
+
export { m as historyBrowserStoragePlugin };
|
package/dist/esm/server/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "../../experience-instance-
|
|
1
|
+
import { t as e } from "../../experience-instance-CZC0uPuv.js";
|
|
2
2
|
import { attach as t, createEffect as n, createEvent as r, createStore as i, sample as a } from "effector";
|
|
3
3
|
//#region src/server/index.ts
|
|
4
4
|
function o() {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e=require(`./rules-logic-H6P8xwHF.cjs`);require(`./logger-fbvQC40v.cjs`);const t=require(`./supports-Dsjg-82e.cjs`),n=require(`./id-Bv44ilEo.cjs`);let r=require(`effector`),i=require(`@withease/factories`);function a(e){return!t.d()||!t.r()?[]:Array.from(window.document.querySelectorAll(e)).filter(e=>e instanceof HTMLElement)}var o=`open`;function s(e){if(!t.l())throw Error(`Shadow DOM is not supported in this environment`);return e.attachShadow({mode:o})}function c(){return new Promise((e,n)=>{if(!t.r()){n();return}document.readyState===`loading`?document.addEventListener(`readystatechange`,()=>e(),{once:!0}):e()})}function l(e,t){let n=new MutationObserver(r=>{document.contains(e)||(n.disconnect(),t())});n.observe(document.body,{childList:!0,subtree:!0})}var u=`picked-root`,d=`picked-target`,f=`picked-root`;function p(e,t){return[...e,{selector:`${f}[experience-id="${t}"]`,placement:`replace`}].flatMap(e=>{let n=a(e.selector).filter(e=>!v(e,t)&&!y(e,t));return{...e,elements:n}})}function m(e,t,n){return e.flatMap(e=>e.elements.map(r=>x(r,e,t,n)))}function h(e){if(!t.r()||typeof CSS>`u`||typeof CSS.escape!=`function`)return;let n=CSS.escape(e),r=document.querySelector(`[data-picked-claimed-selector="${n}"]`);if(r instanceof HTMLElement)return r.dataset.pickedExperienceId}function g(e,n){if(!t.r())return;let r=e.querySelector(`[data-picked-experience-id]`);if(r instanceof HTMLElement){let e=r.dataset.pickedExperienceId;if(e&&e!==n)return e}}function _(e,t){e.classList.add(d),e.classList.add(`${d}-${t}`)}function v(e,t){return t?e.classList.contains(`${d}-${t}`):e.classList.contains(`${d}`)}function y(e,t){return t?e.classList.contains(`${u}-${t}`):e.classList.contains(u)}function b(e,t){let n=document.createElement(`div`);return n.style.display=`block`,n.classList.add(u),n.classList.add(`${u}-${e}`),n.classList.add(`${u}-${t}`),n}function x(e,t,n,r){let i,a=b(n,r);if(a.dataset.pickedExperienceId=n,a.dataset.pickedClaimedSelector=t.selector,e instanceof Document)i=e.body.appendChild(a);else{switch(t.placement){case`replace`:e.replaceWith(a);break;case`before`:e.before(a);break;case`after`:e.after(a);break;case`prepend`:e.prepend(a);break;case`append`:e.append(a);break}i=a}return i}function S(e){return e.type===`condition`}function C(e){return e.type===`step`}function w(e){return e.type===`experience`}function T(e){return e.type===`origin`}function E(e){return e.type===`action`}var D=(e,t,n,r,i=new Set)=>i.has(n.id)?[]:(i.add(n.id),C(n)&&!r?[n]:t.filter(e=>e.sourceNodeId===n.id).flatMap(n=>{let r=e.find(e=>e.id===n.destinationNodeId);return r?D(e,t,r,!1,i):[]})),ee=(e,t,n)=>D(e,t,n,!0,new Set),O=(e,t,n,r,i=new Set)=>{if(i.has(n.id))return[-1,-1];i.add(n.id);let a=t.filter(e=>e.sourceNodeId===n.id);if(a.length===0)return[0,0];let o=1/0,s=-1/0;for(let n of a){let r=e.find(e=>e.id===n.destinationNodeId);if(!r)continue;let[a,c]=O(e,t,r,!1,new Set(i));a!==-1&&(o=Math.min(o,a+1),s=Math.max(s,c+1))}return o===1/0?[-1,-1]:[o,s]},k=(e,t,n)=>O(e,t,n,!0,new Set),A=(e,t,n,r=new Set)=>{if(r.has(n.id))return[-1,-1];if(r.add(n.id),n.type===`origin`)return[0,0];let i=t.filter(e=>e.destinationNodeId===n.id);if(i.length===0)return[-1,-1];let a=1/0,o=-1/0;for(let n of i){let i=e.find(e=>e.id===n.sourceNodeId);if(!i)continue;let[s,c]=A(e,t,i,new Set(r));s!==-1&&(a=Math.min(a,s+1),o=Math.max(o,c+1))}return a===1/0?[-1,-1]:[a,o]},te=(e,t,n)=>A(e,t,n,new Set),j=e=>e.find(e=>e.type===`origin`)||null,M=(e,t,n)=>{if(!e)return j(t);let r=n.find(t=>t.sourceNodeId===e.id);return r&&t.find(e=>e.id===r.destinationNodeId)||null};async function N(e,t,n,r){let i=e?`true`:`false`,a=r.find(e=>e.sourceHandle===i&&e.sourceNodeId===t);return n.find(e=>e.id===a?.destinationNodeId)}function P(e,t,n,r){let i=t.find(t=>t.sourceNodeId===e.id&&t.sourceHandle===r);return i?n.find(e=>e.id===i.destinationNodeId)??null:null}var F=(0,r.createDomain)(`experience-instance`),I=(0,i.createFactory)(({client:t,experience:i,target:a,options:o})=>{let c=n.t(`exp-instance`);t.history.seedInstanceFromSnapshot({instanceId:c,experienceId:i.id});let l=(0,r.createEvent)(),u=(0,r.createEvent)(),d=(0,r.createEvent)(),f=(0,r.createEvent)(),p=(0,r.createEvent)(),m=(0,r.createEvent)(),h=i.componentStore,g=F.store(`transitioning`),_=t.history.entriesStore.map(e=>e.filter(e=>e.instanceId===c)),v=_.map(e=>e.filter(e=>C(e.node))),y=_.map(e=>e.at(-1)?.node||null),b=(0,r.combine)(t.steps.listStore,y,(e,t)=>e.find(e=>t&&C(t)&&e.id===t.stepId)||null),x=(0,r.combine)(t.steps.listStore,v,(e,t)=>{let n=t.at(-2);if(!n||!C(n.node))return null;let r=n.node;return e.find(e=>e.id===r.stepId)||null}),D=(0,r.combine)(i.treeStore,y,({nodes:e,edges:t},n)=>n?ee(e,t,n):[]),O=(0,r.combine)(i.treeStore,y,({nodes:e,edges:t},n)=>n?te(e,t,n):[-1,-1]),A=(0,r.combine)(i.treeStore,y,({nodes:e,edges:t},n)=>n?k(e,t,n):[-1,-1]),I=F.store(!1),L=(0,r.createApi)(I,{open:()=>!0,close:()=>!1,toggle:e=>!e,set:(e,t)=>t}),R=(0,r.createEffect)(()=>{t.history.back({instanceId:c})}),z=(0,r.attach)({source:i.treeStore,effect:(e,n)=>{let r=e.nodes.find(e=>C(e)&&e.stepId===n);r&&t.history.push({instanceId:c,experienceId:i.id,node:r})}}),B=(0,r.attach)({source:y,effect:e=>{}}),V=(0,r.attach)({source:i.treeStore,effect:async({nodes:e})=>j(e)}),H=(0,r.attach)({source:i.treeStore,effect:async({nodes:e,edges:t},n)=>{if(T(n))return M(n,e,t)}}),U=(0,r.attach)({source:i.treeStore,effect:async({nodes:n,edges:r,conditions:i},a)=>{if(!S(a))return;let o=i.find(e=>e.id===a.conditionId)?.logic;return o?N(!!await e.t(t,o),a.id,n,r):void 0}}),W=(0,r.attach)({source:{tree:i.treeStore,actions:t.actions.listStore,snapshot:t.stateSnapshotStore},effect:async({tree:e,actions:t,snapshot:n},r)=>{let{nodes:i,edges:a}=e;if(!E(r))return;let o=r.actionKey;if(!o){`${r.id}`;return}let s=t.find(e=>e.key===o)?.action;if(!s||typeof s!=`function`)return`${o}`,P(r,a,i,`false`);try{`${o}`,await s({...n,args:[]},{experience:Z});let e=P(r,a,i,`true`);return e?(`${o}${e.id}`,e):(`${r.id}`,null)}catch{`${o}`;let e=P(r,a,i,`false`);return e?(`${o}${e.id}`,e):(`${r.id}`,null)}}}),G=(0,r.createEffect)(e=>{w(e)&&t.experiences.launch({key:e.experienceKey})}),K=(0,r.attach)({source:[y,i.treeStore],effect:async([e,{nodes:t,edges:n}])=>M(e,t,n)}),q=(0,r.attach)({source:[y,i.treeStore],effect:async([e,{nodes:t,edges:n}])=>M(e,t,n)}),J=(0,r.createEffect)(e=>{t.history.push({instanceId:c,experienceId:i.id,node:e})}),Y=(0,r.attach)({source:i.configStore,effect:async({initializeOpenLogic:n})=>o?.initialiseOpen===void 0?e.n(n)?!!await e.t(t,n):n??!1:o.initialiseOpen}),X=(0,r.combine)(h,t.frameworks.listStore,(e,t)=>{if(!e)return null;let n=t.find(t=>t.name===e.component.frameworkName);return n?{component:e,framework:n}:null},{skipVoid:!1}),Z,ne=(0,r.attach)({source:X,effect:e=>{if(!e)return;if(!a){`${i.id}`;return}let n=s(a);try{e.framework.render(n,e.component.component,t,Z)}catch{}}});Z=Object.freeze({id:c,experienceKey:i.key,experienceId:i.id,experienceName:i.name,configStore:i.configStore,target:a,componentStore:h,componentAndFrameworkStore:X,stateStore:g,isOpenStore:I,open:L.open,close:L.close,toggleOpen:L.toggle,setOpen:L.set,treeStore:i.treeStore,currentNodeStore:y,currentStepStore:b,previousStepStore:x,nextReachableStepNodesStore:D,stepsToOriginStore:O,stepsToLeafStore:A,goToNextStep:u,goToPreviousStep:d,goToStepById:f,stepsHistoryStore:v,mountFx:ne});let Q=(0,r.createEvent)(),$=(0,r.createEvent)();return(0,r.sample)({clock:y,target:Q}),(0,r.sample)({clock:Q,filter:e=>e===null,target:V}),(0,r.sample)({clock:Q,filter:e=>e!==null,target:$}),(0,r.split)({source:$,match:e=>S(e)?`condition`:C(e)?`step`:w(e)?`launchExperience`:T(e)?`origin`:E(e)?`action`:`other`,cases:{origin:H,condition:U,step:B,launchExperience:G,action:W,__:(0,r.createEvent)()}}),(0,r.sample)({clock:[U.doneData,H.doneData,V.doneData,q.doneData,K.doneData,W.doneData],filter:Boolean,target:J}),(0,r.sample)({clock:u,target:q}),(0,r.sample)({clock:u,source:b,filter:Boolean,target:t.eventBus.prepend(e=>({type:`step_submit`,step:e,experience:Z}))}),(0,r.sample)({clock:q.done,source:b,filter:Boolean,target:t.eventBus.prepend(e=>({type:`step_submit_success`,step:e,experience:Z}))}),(0,r.sample)({clock:q.fail,source:b,filter:Boolean,target:t.eventBus.prepend(e=>({type:`step_submit_error`,step:e,experience:Z}))}),(0,r.sample)({clock:d,target:R}),(0,r.sample)({clock:f,target:z}),(0,r.sample)({source:(0,r.combine)([U.pending,H.pending,V.pending,q.pending]),fn:e=>e.some(Boolean)?`transitioning`:`ready`,target:g}),(0,r.sample)({clock:B.doneData,source:b,filter:Boolean,target:t.eventBus.prepend(e=>({type:`step_enter`,step:e,experience:Z}))}),(0,r.sample)({clock:m,target:Y}),(0,r.sample)({source:Y.doneData,fn:Boolean,target:I}),(0,r.sample)({source:y,clock:l,filter:e=>e?T(e):!0,target:K}),(0,r.sample)({source:I,filter:Boolean,target:l}),(0,r.sample)({source:I,filter:Boolean,target:t.eventBus.prepend(()=>({type:`experience_open`,experience:Z}))}),(0,r.sample)({source:I,filter:e=>!e,target:t.eventBus.prepend(()=>({type:`experience_close`,experience:Z}))}),(0,r.sample)({clock:p,target:[m]}),p(),Z});function L(e){return(0,i.invoke)(I,e)}var R=(0,i.createFactory)(({client:e})=>{let t=F.store({}),n=(0,r.createEvent)(),i=(0,r.createEvent)(),a=(0,r.createEvent)(),o=(0,r.createApi)(t,{register(e,t){let n=[...e[t.experienceId]??[]];return n.push(t),{...e,[t.experienceId]:n}},unregister(e,t){let n=t.experienceId,r=e[n]?.filter(e=>e!==t);return{...e,[n]:r??[]}}}),s=(0,r.createEffect)(({experience:t,target:n,options:r})=>L({client:e,experience:t,target:n,options:r})),c=(0,r.createEffect)(e=>{o.register(e)}),u=(0,r.createEffect)(e=>{e.target&&l(e.target,()=>{a(e)})}),d=(0,r.createEffect)(e=>{o.unregister(e)}),f=(0,r.createEffect)(async e=>{await e.mountFx()});(0,r.sample)({clock:n,target:s}),(0,r.sample)({clock:a,target:d}),(0,r.sample)({clock:s.doneData,target:[c,u,i]}),(0,r.sample)({clock:s.doneData,target:e.eventBus.prepend(e=>({type:`experience_initialize`,experience:e}))}),(0,r.sample)({clock:i,target:f});function p(e,t,r){n({experience:e,target:t,options:r})}let m=t.map(e=>Object.values(e).flat());function h(e){return m.map(t=>t.filter(t=>t.experienceKey===e),{skipVoid:!1})}function g(e){return t.map(t=>t[e]||[],{skipVoid:!1})}return{spawn:p,getByExperienceKey:h,getByExperienceId:g,listStore:m}});function z(e){return(0,i.invoke)(R,e)}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return y}});
|