@picked/svelte 0.0.1-dev.1775004084041 → 0.0.1-dev.1775015576394

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/screens/experiences/ExperienceDetailsScreen.svelte

@@ -19,10 +19,6 @@
 
   <Card sectioned>
     <Stack direction="vertical" gap="medium" padding="medium">
-      <div>
-        <Text weight="semibold">Type</Text>
-        <Text>{$config.type}</Text>
-      </div>
 
       <div>
         <Text weight="semibold">Target selectors</Text>

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/router/Step.svelte

@@ -5,26 +5,21 @@
   import { getStepRouter } from './context'
 
   interface Props {
-    /** Preferred prop: the step key used for registration and lookup. */
-    key?: string
-    /** @deprecated Use `key` instead. Accepted for backwards compatibility. */
-    id?: string
+    key: string
     component?: Component | Promise<Component> | Promise<{ default: Component }>
     children?: Snippet
   }
 
-  const { key, id, component, children }: Props = $props()
+  const { key, component, children }: Props = $props()
 
-  const resolvedKey = key ?? id ?? ''
 
   const step = {
-    id: resolvedKey,
-    key: resolvedKey,
+    key,
   }
 
   const { registerStep, unregisterStep } = getStepRouter()
 
-  setStepContext(resolvedKey)
+  setStepContext(key)
 
   $effect(() => {
     registerStep(step)

package/dist/router/context.d.ts

@@ -1,6 +1,5 @@
 import { Store } from 'effector';
 export interface Step {
-    id: string;
     key: string;
 }
 interface ContextOptions {

package/package.json

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