@picked/svelte 0.0.35-next.1 → 0.0.36-next.1

package/dist/form/index.js

@@ -1 +1 @@
-import{createEvent as k,createEffect as m,attach as b,sample as g,split as D}from"effector";import{getPicked as F,getExperience as S}from"../hooks/client.js";import"@picked/client";import{getStep as B}from"../hooks/step.js";import"svelte";import"svelte/store";import"@picked/analytics";function z({id:f,title:l,onError:d,onSuccess:h}){const o=F(),x=B(),n=S(),{currentStepStore:u}=n,v=k(),y=m(r=>o.responses.commit(r)),A=b({source:{step:u},effect:m(({step:r})=>{o.eventBus({type:"form_submit_success",form:{id:f,title:l},experience:n,step:r??void 0}),h==null||h()})}),_=b({source:{step:u},mapParams:(r,a)=>({step:a.step,errors:r.errors}),effect:m(({step:r,errors:a})=>{o.eventBus({type:"form_submit_error",form:{id:f,title:l},exception:{reason:a},experience:n,step:r??void 0}),a.forEach(p=>{o.eventBus({type:"field_validation_error",exception:{reason:[p]},experience:n,step:r??void 0})}),d==null||d(a)})});return g({clock:v,source:{step:u},fn:({step:r})=>({formId:f,title:l,step:r}),target:m(({formId:r,title:a,step:p})=>{o.eventBus({type:"form_submit",form:{id:r,title:a},experience:n,step:p??void 0})})}),g({clock:v,source:{fields:o.fields.listStore,stepFields:x.fields,step:u},fn:({stepFields:r},a)=>{a.preventDefault();const p=new FormData(a.currentTarget),E=Array.from(p.entries()),c={data:{},push(t){const s=t.questionId,e=this.data[s];e?Array.isArray(e)&&Array.isArray(t.value)?Array.isArray(e)&&Array.isArray(t.value)&&(typeof e[0]=="string"?this.data[s]=[...e,...t.value].map(String):typeof e[0]=="number"?this.data[s]=[...e,...t.value].map(Number):typeof e[0]=="boolean"?this.data[s]=[...e,...t.value].map(i=>!!i):this.data[s]=t.value):this.data[s]=t.value:this.data[s]=t.value}};return r.forEach(t=>{let s=E.filter(([e])=>e===t.id);s.length===0&&(s=[[t.id,""]]),s.forEach(([,e])=>{const i=t.id;if(e===""){c.push({questionId:i,value:null});return}switch(t.type){case"text":c.push({questionId:i,value:t.multiple?[String(e)]:String(e)});break;case"number":c.push({questionId:i,value:t.multiple?[Number(e)]:Number(e)});break;case"boolean":c.push({questionId:i,value:t.multiple?[e==="true"]:e==="true"});break}})}),c.data},target:y}),D({source:y.doneData,match:{hasErrors:({errors:r})=>r.length>0},cases:{hasErrors:_,__:A}}),{form:{onsubmit:v}}}export{z as getForm};
+import{createEvent as _,createEffect as m,attach as v,sample as y,split as k}from"effector";import{getPicked as D,getExperience as F}from"../hooks/client.js";import"@picked/client";import{getStep as B}from"../hooks/step.js";import"svelte";import"svelte/store";import"@picked/analytics";function z({id:f,title:l,onError:b,onSuccess:g}){const a=D(),x=B(),i=F(),{currentStepStore:u}=i,d=_(),h=m(r=>a.responses.commit(r)),E=v({source:{step:u},effect:m(({step:r})=>{a.eventBus({type:"form_submit_success",form:{id:f,title:l},experience:i,step:r??void 0}),g?.()})}),S=v({source:{step:u},mapParams:(r,o)=>({step:o.step,errors:r.errors}),effect:m(({step:r,errors:o})=>{a.eventBus({type:"form_submit_error",form:{id:f,title:l},exception:{reason:o},experience:i,step:r??void 0}),o.forEach(c=>{a.eventBus({type:"field_validation_error",exception:{reason:[c]},experience:i,step:r??void 0})}),b?.(o)})});return y({clock:d,source:{step:u},fn:({step:r})=>({formId:f,title:l,step:r}),target:m(({formId:r,title:o,step:c})=>{a.eventBus({type:"form_submit",form:{id:r,title:o},experience:i,step:c??void 0})})}),y({clock:d,source:{fields:a.fields.listStore,stepFields:x.fields,step:u},fn:({stepFields:r},o)=>{o.preventDefault();const c=new FormData(o.currentTarget),A=Array.from(c.entries()),p={data:{},push(t){const s=t.questionId,e=this.data[s];e?Array.isArray(e)&&Array.isArray(t.value)?Array.isArray(e)&&Array.isArray(t.value)&&(typeof e[0]=="string"?this.data[s]=[...e,...t.value].map(String):typeof e[0]=="number"?this.data[s]=[...e,...t.value].map(Number):typeof e[0]=="boolean"?this.data[s]=[...e,...t.value].map(n=>!!n):this.data[s]=t.value):this.data[s]=t.value:this.data[s]=t.value}};return r.forEach(t=>{let s=A.filter(([e])=>e===t.id);s.length===0&&(s=[[t.id,""]]),s.forEach(([,e])=>{const n=t.id;if(e===""){p.push({questionId:n,value:null});return}switch(t.type){case"text":p.push({questionId:n,value:t.multiple?[String(e)]:String(e)});break;case"number":p.push({questionId:n,value:t.multiple?[Number(e)]:Number(e)});break;case"boolean":p.push({questionId:n,value:t.multiple?[e==="true"]:e==="true"});break}})}),p.data},target:h}),k({source:h.doneData,match:{hasErrors:({errors:r})=>r.length>0},cases:{hasErrors:S,__:E}}),{form:{onsubmit:d}}}export{z as getForm};

package/dist/hooks/create-query/index.js

@@ -1 +1 @@
-import{createEffect as E,createStore as w,sample as S}from"effector";const y=new Map;function T(a){return y.has(a)||y.set(a,new Map),y.get(a)}function R(a,i){const o=T(a).get(i);o&&(o.promise=null,o.timestamp=0)}function v(a){T(a).forEach(c=>{c.promise=null,c.timestamp=0})}function L(){y.clear()}function P(a,i,c={}){const{namespace:o="default",defaultStaleTime:f=300*1e3,defaultRetry:m=3,defaultRetryDelay:g=1e3}=c,u=T(o),d=E(async p=>{var D;const{key:s,params:l,options:e}=p;let r=(D=u.get(s))==null?void 0:D.promise;const t=u.get(s),n=e.refetch||!r||t&&Date.now()-t.timestamp>(e.staleTime??t.staleTime);if(!r||n){r=_(()=>a(l),e.retry??m,e.retryDelay??g);const h=u.get(s);h&&(h.promise=r,h.timestamp=Date.now(),h.staleTime=e.staleTime??f)}return{key:s,promise:r,result:await r}});return(p,s={})=>{const l=i(p);let e=u.get(l);e||(e={promise:null,data:w(null),error:w(null),isLoading:w(!1),timestamp:0,staleTime:s.staleTime??f},u.set(l,e));const r=E(t=>t);return S({source:d.doneData,filter:t=>t.key===l,fn:t=>t.promise,target:r}),e.isLoading.on(d.pending,(t,n)=>n),e.isLoading.on(r.pending,(t,n)=>n),e.data.on(r.doneData,(t,n)=>n),e.error.on(r.doneData,()=>null),e.error.on(r.failData,(t,n)=>n),e.error.on(d.failData,(t,n)=>n),(!e.promise||Date.now()-e.timestamp>e.staleTime)&&d({key:l,params:p,options:s}),{data:e.data,error:e.error,isLoading:e.isLoading,refetch:()=>d({key:l,params:p,options:{...s,refetch:!0}}).then(({result:t})=>t),invalidate:()=>R(o,l)}}}async function _(a,i,c){let o;for(let f=0;f<=i;f++)try{return await a()}catch(m){o=m instanceof Error?m:new Error(String(m)),f<i&&await new Promise(g=>{setTimeout(g,c*Math.pow(2,f))})}throw o}const M={invalidate:(a,i)=>{i?R(a,i):v(a)},clear:()=>L()},b={realtime:{defaultStaleTime:5*1e3,defaultRetry:1},standard:{defaultStaleTime:300*1e3,defaultRetry:3},static:{defaultStaleTime:3600*1e3,defaultRetry:2}};export{P as createQuery,M as queryCache,b as queryPresets};
+import{createEffect as D,createStore as w,sample as R}from"effector";const y=new Map;function T(a){return y.has(a)||y.set(a,new Map),y.get(a)}function E(a,i){const o=T(a).get(i);o&&(o.promise=null,o.timestamp=0)}function S(a){T(a).forEach(c=>{c.promise=null,c.timestamp=0})}function v(){y.clear()}function C(a,i,c={}){const{namespace:o="default",defaultStaleTime:f=300*1e3,defaultRetry:m=3,defaultRetryDelay:g=1e3}=c,u=T(o),d=D(async p=>{const{key:s,params:l,options:e}=p;let r=u.get(s)?.promise;const t=u.get(s),n=e.refetch||!r||t&&Date.now()-t.timestamp>(e.staleTime??t.staleTime);if(!r||n){r=L(()=>a(l),e.retry??m,e.retryDelay??g);const h=u.get(s);h&&(h.promise=r,h.timestamp=Date.now(),h.staleTime=e.staleTime??f)}return{key:s,promise:r,result:await r}});return(p,s={})=>{const l=i(p);let e=u.get(l);e||(e={promise:null,data:w(null),error:w(null),isLoading:w(!1),timestamp:0,staleTime:s.staleTime??f},u.set(l,e));const r=D(t=>t);return R({source:d.doneData,filter:t=>t.key===l,fn:t=>t.promise,target:r}),e.isLoading.on(d.pending,(t,n)=>n),e.isLoading.on(r.pending,(t,n)=>n),e.data.on(r.doneData,(t,n)=>n),e.error.on(r.doneData,()=>null),e.error.on(r.failData,(t,n)=>n),e.error.on(d.failData,(t,n)=>n),(!e.promise||Date.now()-e.timestamp>e.staleTime)&&d({key:l,params:p,options:s}),{data:e.data,error:e.error,isLoading:e.isLoading,refetch:()=>d({key:l,params:p,options:{...s,refetch:!0}}).then(({result:t})=>t),invalidate:()=>E(o,l)}}}async function L(a,i,c){let o;for(let f=0;f<=i;f++)try{return await a()}catch(m){o=m instanceof Error?m:new Error(String(m)),f<i&&await new Promise(g=>{setTimeout(g,c*Math.pow(2,f))})}throw o}const P={invalidate:(a,i)=>{i?E(a,i):S(a)},clear:()=>v()},M={realtime:{defaultStaleTime:5*1e3,defaultRetry:1},standard:{defaultStaleTime:300*1e3,defaultRetry:3},static:{defaultStaleTime:3600*1e3,defaultRetry:2}};export{C as createQuery,P as queryCache,M as queryPresets};

package/dist/hooks/step.js

@@ -1 +1 @@
-import{getContext as x,setContext as E}from"svelte";import{createStore as h,combine as l,attach as w,createEffect as A,sample as c}from"effector";import{getStepFields as C}from"@picked/client";import{STEP_CONTEXT_KEY as u}from"../context.js";import{getStepRouter as F}from"../router/context.js";import{getExperience as T,getPicked as k}from"./client.js";function N(){return x(u)}function O(i){const S=T(),o=k(),{activeStep:d}=F(),s=d.map(e=>(e==null?void 0:e.id)===i),p=S.treeStore.map(e=>{const t=e.steps.find(r=>r.id===i);if(!t)throw new Error(`Step with id "${i}" not found in the experience tree.`);return t}),f=h([]),m=l({fields:f,responses:o.responses.listStore},({fields:e,responses:t})=>e.map(r=>{var a;const g=(a=t.find(v=>v.fieldId===r.id))==null?void 0:a.value;return{...r,value:g}})),n=w({source:l({step:p,fields:o.fields.listStore}),effect:A(async({step:{fieldIds:e},fields:t})=>await C(o,t.filter(r=>e.includes(r.id))))});return c({source:{isActiveStep:s},filter:({isActiveStep:e})=>e,target:n}),c({clock:o.responses.listStore,source:{isActiveStep:s},filter:({isActiveStep:e})=>e,target:n}),c({source:n.doneData,target:f}),E(u,{step:p,fields:m,isActiveStep:s})}export{N as getStep,O as setStepContext};
+import{getContext as v,setContext as x}from"svelte";import{createStore as E,combine as a,attach as h,createEffect as w,sample as c}from"effector";import{getStepFields as A}from"@picked/client";import{STEP_CONTEXT_KEY as l}from"../context.js";import{getStepRouter as C}from"../router/context.js";import{getExperience as F,getPicked as T}from"./client.js";function K(){return v(l)}function N(i){const u=F(),o=T(),{activeStep:S}=C(),s=S.map(e=>e?.id===i),p=u.treeStore.map(e=>{const t=e.steps.find(r=>r.id===i);if(!t)throw new Error(`Step with id "${i}" not found in the experience tree.`);return t}),f=E([]),d=a({fields:f,responses:o.responses.listStore},({fields:e,responses:t})=>e.map(r=>{const m=t.find(g=>g.fieldId===r.id)?.value;return{...r,value:m}})),n=h({source:a({step:p,fields:o.fields.listStore}),effect:w(async({step:{fieldIds:e},fields:t})=>await A(o,t.filter(r=>e.includes(r.id))))});return c({source:{isActiveStep:s},filter:({isActiveStep:e})=>e,target:n}),c({clock:o.responses.listStore,source:{isActiveStep:s},filter:({isActiveStep:e})=>e,target:n}),c({source:n.doneData,target:f}),x(l,{step:p,fields:d,isActiveStep:s})}export{K as getStep,N as setStepContext};

package/dist/render/browser.js

@@ -1 +1 @@
-import{mount as d}from"svelte";import{isValidAdaptedComponent as E}from"../component.js";import{CLIENT_CONTEXT_KEY as f,EXPERIENCE_CONTEXT_KEY as y}from"../context.js";import{mergeArrays as u}from"../utils/array.js";import h from"../utils/ErrorBoundary.svelte";function C(n,e){return new Map([[f,n],[y,e]])}const k=async(n,e,s,o,i)=>{var p,a;if(!E(e))throw new Error("The component is invalid.");const c=u((p=e.style)==null?void 0:p.sheets,i.stylesheets),m=u((a=e.style)==null?void 0:a.css,i.css);c.length&&c.forEach(r=>{const t=document.createElement("link");t.setAttribute("rel","stylesheet"),t.setAttribute("href",r),t.setAttribute("type","text/css"),t.setAttribute("picked-injected","true"),n.appendChild(t)}),m.length&&m.forEach(r=>{const t=document.createElement("style");t.textContent=r,t.setAttribute("type","text/css"),t.setAttribute("picked-injected","true"),n.appendChild(t)});const l=r=>{d(h,{target:n,props:{component:r,componentProps:{client:s,experience:o}},context:C(s,o)})};if(e.component instanceof Promise){const{default:r}=await e.component;l(r);return}l(e.component)},N=n=>{};export{C as createContext,k as renderSvelteComponent,N as unRenderSvelteComponent};
+import{mount as a}from"svelte";import{isValidAdaptedComponent as u}from"../component.js";import{CLIENT_CONTEXT_KEY as d,EXPERIENCE_CONTEXT_KEY as E}from"../context.js";import{mergeArrays as p}from"../utils/array.js";import f from"../utils/ErrorBoundary.svelte";function y(n,e){return new Map([[d,n],[E,e]])}const g=async(n,e,s,o,i)=>{if(!u(e))throw new Error("The component is invalid.");const c=p(e.style?.sheets,i.stylesheets),m=p(e.style?.css,i.css);c.length&&c.forEach(r=>{const t=document.createElement("link");t.setAttribute("rel","stylesheet"),t.setAttribute("href",r),t.setAttribute("type","text/css"),t.setAttribute("picked-injected","true"),n.appendChild(t)}),m.length&&m.forEach(r=>{const t=document.createElement("style");t.textContent=r,t.setAttribute("type","text/css"),t.setAttribute("picked-injected","true"),n.appendChild(t)});const l=r=>{a(f,{target:n,props:{component:r,componentProps:{client:s,experience:o}},context:y(s,o)})};if(e.component instanceof Promise){const{default:r}=await e.component;l(r);return}l(e.component)},x=n=>{};export{y as createContext,g as renderSvelteComponent,x as unRenderSvelteComponent};

package/dist/render/server.d.ts

@@ -0,0 +1,12 @@
+import { AdaptedComponent, ExperienceInstance, Picked } from '@picked/client';
+export declare function createContext(client: Picked, experience: ExperienceInstance): Map<symbol, Picked | ExperienceInstance>;
+export declare const staticRenderSvelteComponent: (component: AdaptedComponent<string, unknown>, client: Picked, experience: ExperienceInstance, options: {
+    stylesheets?: string[];
+    css?: string[];
+}) => Promise<{
+    head: string;
+    html: string;
+    body: string;
+    stylesheets: string[];
+    css: string[];
+}>;

package/dist/render/server.js

@@ -1 +1 @@
-import{render as m}from"svelte/server";import{isValidAdaptedComponent as C}from"../component.js";import{CLIENT_CONTEXT_KEY as c,EXPERIENCE_CONTEXT_KEY as l}from"../context.js";import{mergeArrays as p}from"../utils/array.js";function E(t,s){return new Map([[c,t],[l,s]])}const w=async(t,s,r,o)=>{var n,a;if(!C(t))throw new Error("The component is invalid.");const d=p((n=t.style)==null?void 0:n.sheets,o.stylesheets),f=p((a=t.style)==null?void 0:a.css,o.css);let e;if(t.component instanceof Promise){const{default:i}=await t.component;e=m(i,{props:{client:s,experience:r},context:E(s,r)})}else e=m(t.component,{props:{client:s,experience:r},context:E(s,r)});return{stylesheets:d,css:f,...e}};export{E as createContext,w as staticRenderSvelteComponent};
+import{render as n}from"svelte/server";import{isValidAdaptedComponent as f}from"../component.js";import{CLIENT_CONTEXT_KEY as i,EXPERIENCE_CONTEXT_KEY as C}from"../context.js";import{mergeArrays as a}from"../utils/array.js";function m(t,s){return new Map([[i,t],[C,s]])}const T=async(t,s,r,o)=>{if(!f(t))throw new Error("The component is invalid.");const p=a(t.style?.sheets,o.stylesheets),E=a(t.style?.css,o.css);let e;if(t.component instanceof Promise){const{default:d}=await t.component;e=n(d,{props:{client:s,experience:r},context:m(s,r)})}else e=n(t.component,{props:{client:s,experience:r},context:m(s,r)});return{stylesheets:p,css:E,...e}};export{m as createContext,T as staticRenderSvelteComponent};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@picked/svelte",
-  "version": "0.0.35-next.1",
+  "version": "0.0.36-next.1",
   "dependencies": {
     "d3": "^7.9.0"
   },
@@ -10,11 +10,11 @@
     "@repo/eslint-config": "workspace:*",
     "@repo/typescript-config": "workspace:*",
     "@sveltejs/package": "^2.3.11",
-    "@sveltejs/vite-plugin-svelte": "^5.1.0",
+    "@sveltejs/vite-plugin-svelte": "^6.2.4",
     "@tsconfig/svelte": "^5.0.4",
     "@types/d3": "^7.4.3",
     "@types/node": "^22",
-    "@vitest/coverage-v8": "^3.2.4",
+    "@vitest/coverage-v8": "^4.0.17",
     "effector": "^23.3.0",
     "fast-glob": "^3.3.3",
     "happy-dom": "^20.0.2",
@@ -22,9 +22,9 @@
     "svelte-check": "^4.2.2",
     "typedoc": "^0.28.5",
     "typedoc-plugin-markdown": "^4.6.3",
-    "vite": "^6.4.1",
+    "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4",
-    "vitest": "^3.2.4"
+    "vitest": "^4.0.17"
   },
   "exports": {
     ".": {
@@ -75,7 +75,7 @@
   ],
   "module": "./dist/index.js",
   "peerDependencies": {
-    "@picked/client": "0.0.35-next.1",
+    "@picked/client": "0.0.36-next.1",
     "effector": "^23.3.0",
     "svelte": "^5.34.3"
   },