solid-js 2.0.0-beta.10 → 2.0.0-beta.12

package/CHEATSHEET.md

@@ -255,12 +255,12 @@ Optimistic writes revert when the transition completes.
 ```tsx
 // List, keyed by identity (default)
 <For each={items()}>
-  {(item, i) => <Row item={item()} index={i()} />}
+  {(item, i) => <Row item={item} index={i()} />}
 </For>
 
 // List, non-keyed (replaces <Index>)
 <For each={items()} keyed={false}>
-  {(item, i) => <Row item={item()} index={i()} />}
+  {(item, i) => <Row item={item()} index={i} />}
 </For>
 
 // List with custom key
@@ -316,7 +316,8 @@ import { Dynamic } from "@solidjs/web";
 <Dynamic component={isEditing() ? Editor : Viewer} value={value()} />
 ```
 
-`<For>` non-keyed: `item` and `i` are **accessors** — call them: `item()`, `i()`.
+`<For>` non-keyed: `item` is an **accessor** and `i` is a plain number.
+`<For>` default/keyed-by-identity: `item` is a **plain value** and `i` is an accessor.
 `<Repeat>`: `i` is a **plain number**.
 
 ---
@@ -618,8 +619,8 @@ If your training data is 1.x, these are the corrections. **Read this before gene
 - **No top-level reactive reads in component body** — reading signals/props directly at the top of a component warns. Read inside JSX, a memo, or `untrack`.
 - **Props are values, not accessors** — at the call site call accessors (`<X v={count()} />`, not `<X v={count} />`). The single most common AI-generated bug.
 - **Don't destructure props** — `function Comp({ name })` warns; use `props.name` to keep reactivity. (Same root cause as above; see the Props section.)
-- **`<For>` non-keyed children are accessors** — `(item, i) => ...` where `item` and `i` are functions. Call them: `item()`, `i()`.
-- **`<Show>` / `<Match>` function children receive narrowed accessors** — also call them.
+- **`<For>` callback shape follows keying** — default/keyed-by-identity receives a raw item and index accessor; `keyed={false}` receives an item accessor and stable numeric index; custom keys receive accessors.
+- **`<Show>` / `<Match>` function children narrow values** — non-keyed children receive accessors; keyed children receive raw values.
 - **Stores: setters take a draft callback** — mutate the draft in place by default. Returning a new value is shallow (array index-replace, object top-level diff); reach for it for filter/remove. Keyed reconcile is a _projection-fn_ feature, not a setter feature.
 - **`undefined` is a real value in `merge`** — it overrides rather than "skip this key".
 - **Async lives in computations** — return a Promise/AsyncIterable from `createMemo`/`createStore(fn)`/`createProjection`. Reads suspend; wrap in `<Loading>`.

package/dist/dev.cjs

@@ -24,7 +24,8 @@ function children(fn) {
   });
   const memo = signals.createMemo(() => signals.flatten(c()), {
     name: "children",
-    lazy: true
+    lazy: true,
+    sync: true
   } );
   memo.toArray = () => {
     const v = memo();
@@ -761,7 +762,9 @@ function lazy(fn, moduleUrl) {
         [$DEVCOMP]: true
       });
       return Comp(props);
-    }) : "");
+    }) : "", {
+      sync: true
+    });
   };
   wrap.preload = () => p || ((p = fn()).then(mod => comp = () => mod.default), p);
   wrap.moduleUrl = moduleUrl;
@@ -798,21 +801,23 @@ function Show(props) {
   } );
   const condition = keyed ? conditionValue : signals.createMemo(conditionValue, {
     equals: (a, b) => !a === !b,
-    name: "condition"
+    name: "condition",
+    sync: true
   } );
   return signals.createMemo(() => {
     const c = condition();
     if (c) {
       const child = props.children;
       const fn = typeof child === "function" && child.length > 0;
-      return fn ? signals.untrack(() => child(() => {
+      return fn ? keyed ? signals.untrack(() => child(c), "<Show>") : signals.untrack(() => child(() => {
         if (!signals.untrack(condition)) throw narrowedError("Show");
         return conditionValue();
       }), "<Show>") : child;
     }
     return props.fallback;
   }, {
-    name: "value"
+    name: "value",
+    sync: true
   } );
 }
 function Switch(props) {
@@ -829,24 +834,33 @@ function Switch(props) {
       } );
       const condition = mp.keyed ? conditionValue : signals.createMemo(conditionValue, {
         equals: (a, b) => !a === !b,
-        name: "condition"
+        name: "condition",
+        sync: true
       } );
-      func = () => prevFunc() || (condition() ? [index, conditionValue, mp] : undefined);
+      func = () => {
+        const prev = prevFunc();
+        if (prev) return prev;
+        const c = condition();
+        return c ? [index, c, conditionValue, mp] : undefined;
+      };
     }
     return func;
+  }, {
+    sync: true
   });
   return signals.createMemo(() => {
     const sel = switchFunc()();
     if (!sel) return props.fallback;
-    const [index, conditionValue, mp] = sel;
+    const [index, value, conditionValue, mp] = sel;
     const child = mp.children;
     const fn = typeof child === "function" && child.length > 0;
-    return fn ? signals.untrack(() => child(() => {
+    return fn ? mp.keyed ? signals.untrack(() => child(value), "<Match>") : signals.untrack(() => child(() => {
       if (signals.untrack(switchFunc)()?.[0] !== index) throw narrowedError("Match");
       return conditionValue();
     }), "<Match>") : child;
   }, {
-    name: "eval conditions"
+    name: "eval conditions",
+    sync: true
   } );
 }
 function Match(props) {
@@ -873,7 +887,6 @@ function Reveal(props) {
 }
 
 function ssrHandleError() {}
-function ssrRunInScope() {}
 const DEV = signals.DEV ;
 if (globalThis) {
   if (!globalThis.Solid$$) globalThis.Solid$$ = true;else console.warn("You appear to have multiple instances of Solid. This can lead to unexpected behavior.");
@@ -1058,5 +1071,4 @@ exports.enableHydration = enableHydration;
 exports.lazy = lazy;
 exports.sharedConfig = sharedConfig;
 exports.ssrHandleError = ssrHandleError;
-exports.ssrRunInScope = ssrRunInScope;
 exports.useContext = useContext;

package/dist/dev.js

@@ -23,7 +23,8 @@ function children(fn) {
   });
   const memo = createMemo$1(() => flatten(c()), {
     name: "children",
-    lazy: true
+    lazy: true,
+    sync: true
   } );
   memo.toArray = () => {
     const v = memo();
@@ -760,7 +761,9 @@ function lazy(fn, moduleUrl) {
         [$DEVCOMP]: true
       });
       return Comp(props);
-    }) : "");
+    }) : "", {
+      sync: true
+    });
   };
   wrap.preload = () => p || ((p = fn()).then(mod => comp = () => mod.default), p);
   wrap.moduleUrl = moduleUrl;
@@ -797,21 +800,23 @@ function Show(props) {
   } );
   const condition = keyed ? conditionValue : createMemo$1(conditionValue, {
     equals: (a, b) => !a === !b,
-    name: "condition"
+    name: "condition",
+    sync: true
   } );
   return createMemo$1(() => {
     const c = condition();
     if (c) {
       const child = props.children;
       const fn = typeof child === "function" && child.length > 0;
-      return fn ? untrack(() => child(() => {
+      return fn ? keyed ? untrack(() => child(c), "<Show>") : untrack(() => child(() => {
         if (!untrack(condition)) throw narrowedError("Show");
         return conditionValue();
       }), "<Show>") : child;
     }
     return props.fallback;
   }, {
-    name: "value"
+    name: "value",
+    sync: true
   } );
 }
 function Switch(props) {
@@ -828,24 +833,33 @@ function Switch(props) {
       } );
       const condition = mp.keyed ? conditionValue : createMemo$1(conditionValue, {
         equals: (a, b) => !a === !b,
-        name: "condition"
+        name: "condition",
+        sync: true
       } );
-      func = () => prevFunc() || (condition() ? [index, conditionValue, mp] : undefined);
+      func = () => {
+        const prev = prevFunc();
+        if (prev) return prev;
+        const c = condition();
+        return c ? [index, c, conditionValue, mp] : undefined;
+      };
     }
     return func;
+  }, {
+    sync: true
   });
   return createMemo$1(() => {
     const sel = switchFunc()();
     if (!sel) return props.fallback;
-    const [index, conditionValue, mp] = sel;
+    const [index, value, conditionValue, mp] = sel;
     const child = mp.children;
     const fn = typeof child === "function" && child.length > 0;
-    return fn ? untrack(() => child(() => {
+    return fn ? mp.keyed ? untrack(() => child(value), "<Match>") : untrack(() => child(() => {
       if (untrack(switchFunc)()?.[0] !== index) throw narrowedError("Match");
       return conditionValue();
     }), "<Match>") : child;
   }, {
-    name: "eval conditions"
+    name: "eval conditions",
+    sync: true
   } );
 }
 function Match(props) {
@@ -872,10 +886,9 @@ function Reveal(props) {
 }
 
 function ssrHandleError() {}
-function ssrRunInScope() {}
 const DEV = DEV$1 ;
 if (globalThis) {
   if (!globalThis.Solid$$) globalThis.Solid$$ = true;else console.warn("You appear to have multiple instances of Solid. This can lead to unexpected behavior.");
 }
 
-export { $DEVCOMP, DEV, Errored, For, Hydration, Loading, Match, NoHydrateContext, NoHydration, Repeat, Reveal, Show, Switch, children, createComponent, createContext, createEffect, createErrorBoundary, createLoadingBoundary, createMemo, createOptimistic, createOptimisticStore, createProjection, createRenderEffect, createSignal, createStore, createUniqueId, enableHydration, lazy, sharedConfig, ssrHandleError, ssrRunInScope, useContext };
+export { $DEVCOMP, DEV, Errored, For, Hydration, Loading, Match, NoHydrateContext, NoHydration, Repeat, Reveal, Show, Switch, children, createComponent, createContext, createEffect, createErrorBoundary, createLoadingBoundary, createMemo, createOptimistic, createOptimisticStore, createProjection, createRenderEffect, createSignal, createStore, createUniqueId, enableHydration, lazy, sharedConfig, ssrHandleError, useContext };