solid-ctrl-flow 1.0.1 → 1.0.3

package/dist/flow.d.ts

@@ -70,9 +70,9 @@ export declare function createExtractor(name?: string): {
     }) => JSX.Element;
     /**
      * Gets an {@link Accessor} that tells if the context in which THIS getter has been executed has been extracted (Is inside of a {@link Dest})
-     * @returns Returns `null` if there is no parent {@link Joint}, `false` if there is a {@link Joint} but not a {@link Dest} and `true` otherwise
+     * @returns Returns `null` if there is no parent {@link Joint}, the number of {@link Dest}s in which this component is being displayed otherwise (Usually 1)
      */
-    readonly isExtracted: () => boolean | null;
+    readonly isExtracted: () => number | null;
 };
 
 /** Sets the value that will be returned by {@link Debug.isDebug} for the children of the current component */

package/dist/flow.mjs

@@ -1,4 +1,4 @@
-import { createContext, createMemo, createComponent, useContext, Match, mergeProps, onCleanup, children, Show, splitProps } from "solid-js";
+import { createContext, createMemo, createComponent, useContext, Match, mergeProps, onCleanup, Show, splitProps } from "solid-js";
 import { createMutable } from "solid-js/store";
 const ctx$1 = createContext(() => void 0, {
   name: "case-when"
@@ -51,7 +51,7 @@ function createExtractor(name = "extractor") {
     Joint: Joint.bind(ctx2),
     /**
      * Gets an {@link Accessor} that tells if the context in which THIS getter has been executed has been extracted (Is inside of a {@link Dest})
-     * @returns Returns `null` if there is no parent {@link Joint}, `false` if there is a {@link Joint} but not a {@link Dest} and `true` otherwise
+     * @returns Returns `null` if there is no parent {@link Joint}, the number of {@link Dest}s in which this component is being displayed otherwise (Usually 1)
      */
     get isExtracted() {
       const obj = useContext(ctx2);
@@ -63,10 +63,8 @@ function Dest() {
   const obj = useContext(this);
   if (!obj)
     return;
-  if (obj.attached)
-    throw new Error("Un extractor non può avere più di una destinazione");
-  obj.attached = true;
-  onCleanup(() => obj.attached = false);
+  obj.attached++;
+  onCleanup(() => obj.attached--);
   return createMemo(() => obj.source);
 }
 function Source(props) {
@@ -74,8 +72,8 @@ function Source(props) {
   if (!obj)
     return props.children;
   if (obj.source)
-    throw new Error("Un extractor non può avere più di una sorgente");
-  const memo = children(() => props.children);
+    throw new Error("An extractor can't have more than one source");
+  const memo = createMemo(() => props.children);
   obj.source = createMemo(memo);
   onCleanup(() => obj.source = void 0);
   return createComponent(Show, {
@@ -92,7 +90,7 @@ function Joint(props) {
     Provider
   } = this;
   const obj = createMutable({
-    attached: false
+    attached: 0
   });
   return createComponent(Provider, {
     value: obj,

package/dist/flow.umd.js

@@ -53,7 +53,7 @@
       Joint: Joint.bind(ctx2),
       /**
        * Gets an {@link Accessor} that tells if the context in which THIS getter has been executed has been extracted (Is inside of a {@link Dest})
-       * @returns Returns `null` if there is no parent {@link Joint}, `false` if there is a {@link Joint} but not a {@link Dest} and `true` otherwise
+       * @returns Returns `null` if there is no parent {@link Joint}, the number of {@link Dest}s in which this component is being displayed otherwise (Usually 1)
        */
       get isExtracted() {
         const obj = solidJs.useContext(ctx2);
@@ -65,10 +65,8 @@
     const obj = solidJs.useContext(this);
     if (!obj)
       return;
-    if (obj.attached)
-      throw new Error("Un extractor non può avere più di una destinazione");
-    obj.attached = true;
-    solidJs.onCleanup(() => obj.attached = false);
+    obj.attached++;
+    solidJs.onCleanup(() => obj.attached--);
     return solidJs.createMemo(() => obj.source);
   }
   function Source(props) {
@@ -76,8 +74,8 @@
     if (!obj)
       return props.children;
     if (obj.source)
-      throw new Error("Un extractor non può avere più di una sorgente");
-    const memo = solidJs.children(() => props.children);
+      throw new Error("An extractor can't have more than one source");
+    const memo = solidJs.createMemo(() => props.children);
     obj.source = solidJs.createMemo(memo);
     solidJs.onCleanup(() => obj.source = void 0);
     return solidJs.createComponent(solidJs.Show, {
@@ -94,7 +92,7 @@
       Provider
     } = this;
     const obj = store.createMutable({
-      attached: false
+      attached: 0
     });
     return solidJs.createComponent(Provider, {
       value: obj,

package/package.json

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

package/readme.md

@@ -63,7 +63,7 @@ function MyCustomComponent() {
   </>
 }
 ```
-If you use it normally it will output `1`, `2`, `3`, `4`, `5`
+If you use it normally it will output `4`, `1`, `2`, `3`, `5`
 ```tsx
 return <>
   4