solid-ctrl-flow 1.0.34 → 1.0.35

package/dist/index.d.ts

@@ -16,14 +16,14 @@ declare const BASE_CTOR: new <T>() => Accessor<T>;
  * - As soon as the function is done executing the two {@link Signal}s will have the same value
  * - If {@link source} changes, {@link dest} wont be instantly updated
  * - If the current owner gets disposed before {@link dest} is updated, it never will
- * @param source The source of the binding
- * @param dest The destination of the binding
+ * @param source The getter of source of the binding
+ * @param dest The setter of destination of the binding
  * @param to Conversion function from {@link S} to {@link D}
  * @returns A function that disposes the binding
  */
-export declare function bind<S>(source: Signal<S>, dest: Signal<S>): () => void;
+export declare function bind<S>(source: Accessor<S>, dest: Setter<S>): () => void;
 
-export declare function bind<S, D>(source: Signal<S>, dest: Signal<D>, to: Convert<S, D>): () => void;
+export declare function bind<S, D>(source: Accessor<S>, dest: Setter<D>, to: Convert<S, D>): () => void;
 
 /**
  * Creates a two-way binding between two {@link Signal}s calling {@link bind} two times

package/dist/index.mjs

@@ -142,13 +142,13 @@ function Joint(props) {
   });
 }
 const IDENTITY = (x) => x;
-function bind([get], [, set], to = IDENTITY) {
-  const d = createRoot((d2) => (createRenderEffect(on(get, (x) => set((prev) => to(x, prev)))), d2));
+function bind(source, dest, to = IDENTITY) {
+  const d = createRoot((d2) => (createRenderEffect(on(source, (x) => dest((prev) => to(x, prev)))), d2));
   return onCleanup(d), d;
 }
-function bindTwoWay(source, dest, to = IDENTITY, from = IDENTITY) {
-  const a = bind(source, dest, to);
-  const b = bind(dest, source, from);
+function bindTwoWay(source, dest, to, from) {
+  const a = bind(source[0], dest[1], to);
+  const b = bind(dest[0], source[1], from);
   return () => (a(), b());
 }
 function toSetter(get, set) {

package/dist/index.umd.js

@@ -144,13 +144,13 @@
     });
   }
   const IDENTITY = (x) => x;
-  function bind([get], [, set], to = IDENTITY) {
-    const d = solidJs.createRoot((d2) => (solidJs.createRenderEffect(solidJs.on(get, (x) => set((prev) => to(x, prev)))), d2));
+  function bind(source, dest, to = IDENTITY) {
+    const d = solidJs.createRoot((d2) => (solidJs.createRenderEffect(solidJs.on(source, (x) => dest((prev) => to(x, prev)))), d2));
     return solidJs.onCleanup(d), d;
   }
-  function bindTwoWay(source, dest, to = IDENTITY, from = IDENTITY) {
-    const a = bind(source, dest, to);
-    const b = bind(dest, source, from);
+  function bindTwoWay(source, dest, to, from) {
+    const a = bind(source[0], dest[1], to);
+    const b = bind(dest[0], source[1], from);
     return () => (a(), b());
   }
   function toSetter(get, set) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-ctrl-flow",
-  "version": "1.0.34",
+  "version": "1.0.35",
   "description": "Control flow components for solid-js",
   "author": "AFatNiBBa",
   "license": "ISC",

package/readMe.md

@@ -34,20 +34,6 @@ return <>
 </>
 ```
 
-### `Debug`
-Allows you to define ui section that are only visible in debug or NOT in debug
-```tsx
-const value = false;
-return <>
-  <Debug value={value}>
-    {/* (A LOT OF NESTING...) */}
-    <Show when={Debug.isDebug()}>
-      THIS WOULD BE VISIBLE IF "value" HAD BEEN {true}
-    </Show>
-  </Debug>
-</>
-```
-
 ### `createExtractor()`
 Creates a context for components that may need to be out of their parent in certain conditions.
 If you have this component
@@ -122,6 +108,29 @@ Notice that you can use a `Source` component without adding it to the DOM:
 return <>Something else</>
 ```
 
+## Utility
+
+### Bindings
+Functions that create bindings between `Signal`s
+
+> #### `bind()`
+> Creates a one-way binding between two `Signal`s
+> 
+> #### `bindTwoWay()`
+> Creates a two-way binding between two `Signal`s
+> 
+> #### `toSetter()`
+> Creates a full-fledged solid `Setter` from a normal one
+> 
+> #### `toSignal()`
+> Creates a `Signal` from a property of an object
+> 
+> #### `coalesceSignal()`
+> Creates a non nullable `Signal` from a nullable one
+> 
+> #### `unwrapSignal()`
+> Calls an `Accessor` to a `Signal` maintaining its reactivity
+
 ### `ReactiveContext.create()`
 Method that creates a reactive version of a solid `Context` with some additional built-in functionalities
 ```ts
@@ -131,29 +140,19 @@ const valueAccessorForTheCurrentOwner = ctx.read;
 const value = ctx();
 ```
 
-## Bindings
-Functions that create bindings between `Signal`s
-
-### `bind()`
-Creates a one-way binding between two `Signal`s
-
-### `bindTwoWay()`
-Creates a two-way binding between two `Signal`s
-
-### `toSetter()`
-Creates a full-fledged solid `Setter` from a normal one
-
-### `toSignal()`
-Creates a `Signal` from a property of an object
-
-### `coalesceSignal()`
-Creates a non nullable `Signal` from a nullable one
-
-### `unwrapSignal()`
-Calls an `Accessor` to a `Signal` maintaining its reactivity
-
-## Utility functions
-Utility functions needed for the components above
+### `debug()`
+Allows you to define ui section that are only visible in debug or NOT in debug
+```tsx
+const value = false;
+return <>
+  <debug.Provider value={value}>
+    {/* (A LOT OF NESTING...) */}
+    <Show when={debug()}>
+      THIS WOULD BE VISIBLE IF "value" HAD BEEN {true}
+    </Show>
+  </debug.Provider>
+</>
+```
 
 ### `untrackCall()`
 Calls a function untracking what happens inside of it but not what gets passed as its argument