@picked/svelte 0.0.1-dev.1774995194828 → 0.0.1-dev.1775010167310

package/dist/hooks/field.js

@@ -1 +1 @@
-import{getPicked as e}from"./client.js";function t(t){let n=e();return{field:n.fields.get(t),value:n.responses.getByFieldKey(t)}}export{t as getField};
+import{getPicked as e}from"./client.js";function t(t){let n=e();return{field:n.fields.getByKey(t),value:n.responses.getByFieldKey(t)}}export{t as getField};

package/dist/hooks/step.d.ts

@@ -12,10 +12,10 @@ export interface StepContext extends FormInstance {
 /**
  * Creates and sets step context in the Svelte context tree.
  *
- * @param stepId - The step identifier.
+ * @param stepKey - The step key.
  * @example setStepContext('step-1')
  */
-export declare function setStepContext(stepId: string): StepContext;
+export declare function setStepContext(stepKey: string): StepContext;
 /**
  * Retrieves the step context from the Svelte context tree.
  *

package/dist/hooks/step.js

@@ -1 +1 @@
-import{STEP_CONTEXT_KEY as e}from"../context.js";import{getPicked as t}from"./client.js";import{getStepRouter as n}from"../router/context.js";import{getStepFields as r}from"@picked/client/form";import{attach as i,combine as a,createEffect as o,createStore as s,sample as c}from"effector";import{getContext as l,setContext as u}from"svelte";import{createForm as d}from"../form/create-form.svelte";function f(l){let f=t(),{activeStep:p}=n(),m=p.map(e=>e?.key===l),h=f.steps.listStore.map(e=>e.find(e=>e.key===l)??{id:l,key:l,name:``,fieldIds:[]}),g=s([]),_=i({source:a({step:h,fields:f.fields.listStore}),mapParams:(e,t)=>t,effect:o(async({step:e,fields:t})=>await r(f,t.filter(t=>e.fieldIds.includes(t.id)||e.fieldIds.includes(t.key))))});c({source:{isActiveStep:m},filter:({isActiveStep:e})=>e,target:_}),c({clock:f.responses.listStore,source:{isActiveStep:m},filter:({isActiveStep:e})=>e,target:_}),c({source:_.doneData,target:g});let v=g.map(e=>e.map(e=>e.key));return u(e,{step:h,isActive:m,isActiveStep:m,...d(l,h.map(e=>e.name),v)})}function p(){return l(e)}export{p as getStep,f as setStepContext};
+import{STEP_CONTEXT_KEY as e}from"../context.js";import{getPicked as t}from"./client.js";import{getStepRouter as n}from"../router/context.js";import{getContext as r,setContext as i}from"svelte";import{createForm as a}from"../form/create-form.svelte";function o(r){let o=t(),{activeStep:s}=n(),c=s.map(e=>e?.key===r),l=o.steps.listStore.map(e=>e.find(e=>e.key===r)??{id:r,key:r,name:``,fieldIds:[]});return i(e,{step:l,isActive:c,isActiveStep:c,...a(r,l.map(e=>e.name),l.map(e=>e.fieldIds))})}function s(){return r(e)}export{s as getStep,o as setStepContext};

package/dist/plugins/devtools/components/ExperienceInstanceListItem.svelte

@@ -7,7 +7,7 @@
   export let experienceInstance: ExperienceInstance
 
   const client = getPicked()
-  const experienceStore = client.experiences.get(experienceInstance.experienceId)
+  const experienceStore = client.experiences.getById(experienceInstance.experienceId)
 
   const currentNode = experienceInstance.currentNodeStore
   const currentStep = experienceInstance.currentStepStore

package/dist/plugins/devtools/screens/events/EventListItem.svelte

@@ -14,7 +14,7 @@
     'experience' in event.payload && event.payload.experience
       ? event.payload.experience.experienceId
       : undefined
-  const eventExperienceStore = client.experiences.get(eventExpId ?? '')
+  const eventExperienceStore = client.experiences.getById(eventExpId ?? '')
   $: eventExpName = eventExpId
     ? ($eventExperienceStore?.name ?? eventExpId)
     : '-'
@@ -22,7 +22,8 @@
   /**
    * Formats a Date as a 24-hour time string with milliseconds.
    *
-   * @param date - The date to format.
+   * @param {Date} date - The date to format.
+   * @returns {string} The formatted time string.
    * @example
    * ```typescript
    * formatTime(new Date()) // '14:30:05.123'
@@ -46,7 +47,8 @@
   /**
    * Extracts experience-related fields from an event payload's experience object.
    *
-   * @param exp - The experience object from the event payload.
+   * @param {unknown} exp - The experience object from the event payload.
+   * @returns {PayloadField[]} Extracted experience fields.
    * @example
    * ```typescript
    * getExperienceFields({ id: 'abc', experienceId: 'quiz' })
@@ -65,7 +67,8 @@
   /**
    * Extracts step-related fields from an event payload's step object.
    *
-   * @param step - The step object from the event payload.
+   * @param {unknown} step - The step object from the event payload.
+   * @returns {PayloadField[]} Extracted step fields.
    * @example
    * ```typescript
    * getStepFields({ id: 's1', name: 'Welcome' })
@@ -103,7 +106,8 @@
   /**
    * Extracts scalar (non-nested) fields from an event bus payload.
    *
-   * @param payload - The event bus payload to extract scalar fields from.
+   * @param {EventBusPayload} payload - The event bus payload to extract scalar fields from.
+   * @returns {PayloadField[]} Extracted scalar fields.
    * @example
    * ```typescript
    * getScalarFields({ type: 'step', value: 42 })
@@ -127,7 +131,8 @@
   /**
    * Builds a flat list of display fields from an event bus payload.
    *
-   * @param payload - The event bus payload to extract fields from.
+   * @param {EventBusPayload} payload - The event bus payload to extract fields from.
+   * @returns {PayloadField[]} All extracted fields.
    * @example
    * ```typescript
    * getPayloadFields({ type: 'session', id: 'sess-1' })
@@ -156,7 +161,8 @@
   /**
    * Formats a field value for display as a string.
    *
-   * @param value - The value to format.
+   * @param {unknown} value - The value to format.
+   * @returns {string} The formatted string representation.
    * @example
    * ```typescript
    * formatValue(42) // '42'

package/dist/plugins/devtools/screens/experiences/ExperienceTreeScreen.svelte

@@ -247,8 +247,8 @@
           const edge = d.source.data._originalEdges.find(
             (e: ExperienceEdge) => e.destinationNodeId === targetId,
           )
-          if (edge?.sourceNodeHandle === 'true') return '#10b981'
-          if (edge?.sourceNodeHandle === 'false') return '#ef4444'
+          if (edge?.sourceHandle === 'true') return '#10b981'
+          if (edge?.sourceHandle === 'false') return '#ef4444'
           return '#94a3b8'
         })
         .attr('stroke-width', 2)
@@ -276,8 +276,8 @@
           const edge = d.source.data._originalEdges.find(
             (e: ExperienceEdge) => e.destinationNodeId === targetId,
           )
-          if (edge?.sourceNodeHandle === 'true') return '#10b981'
-          if (edge?.sourceNodeHandle === 'false') return '#ef4444'
+          if (edge?.sourceHandle === 'true') return '#10b981'
+          if (edge?.sourceHandle === 'false') return '#ef4444'
           return '#64748b'
         })
         // eslint-disable-next-line @typescript-eslint/no-explicit-any -- D3 callback types are untyped
@@ -288,8 +288,8 @@
           const edge = d.source.data._originalEdges.find(
             (e: ExperienceEdge) => e.destinationNodeId === targetId,
           )
-          if (edge?.sourceNodeHandle === 'true') return 'Yes'
-          if (edge?.sourceNodeHandle === 'false') return 'No'
+          if (edge?.sourceHandle === 'true') return 'Yes'
+          if (edge?.sourceHandle === 'false') return 'No'
           return ''
         })
 

package/dist/plugins/devtools/screens/history/HistoryEntryListItem.svelte

@@ -6,7 +6,7 @@
   export let historyEntry: HistoryEntry
 
   const client = getPicked()
-  const experienceStore = client.experiences.get(historyEntry.experienceId)
+  const experienceStore = client.experiences.getById(historyEntry.experienceId)
   $: experienceName = $experienceStore?.name ?? historyEntry.experienceId
 </script>
 

package/dist/utils/ErrorBoundary.svelte

@@ -8,9 +8,9 @@
   }
 
   const { component: InnerComponent, componentProps }: Props = $props()
+  const client = getPicked()
 
   function handleError(error: unknown) {
-    const client = getPicked()
 
     // We still log to console for visibility during development
     // eslint-disable-next-line no-console

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@picked/svelte",
-  "version": "0.0.1-dev.1774995194828",
+  "version": "0.0.1-dev.1775010167310",
   "dependencies": {
     "d3": "^7.9.0"
   },
@@ -88,7 +88,7 @@
   },
   "module": "./dist/index.js",
   "peerDependencies": {
-    "@picked/client": "0.0.1-dev.1774995194828",
+    "@picked/client": "0.0.1-dev.1775010167310",
     "effector": "^23.3.0",
     "svelte": "^5.46.4"
   },