solid-ctrl-flow 1.0.33 → 1.0.34

package/dist/index.d.ts

@@ -7,6 +7,9 @@ import { Resource } from 'solid-js';
 import { Setter } from 'solid-js';
 import { Signal } from 'solid-js';
 
+/** Type hack for making {@link ReactiveContext} implement {@link Accessor} */
+declare const BASE_CTOR: new <T>() => Accessor<T>;
+
 /**
  * Creates a one-way binding between two {@link Signal}s.
  * The function uses {@link createRenderEffect}, which means that:
@@ -126,17 +129,8 @@ export declare function createExtractor(name?: string): {
  */
 export declare function createReactiveResource<R>(f: EffectFunction<R | undefined, R>): Resource<Awaited<R>>;
 
-/** Creates a scope for the value of {@link Debug.isDebug}, which allows you to display different things in debug mode */
-export declare function Debug(props: {
-    value?: boolean;
-    children?: JSX.Element;
-}): JSX.Element;
-
-/** Internals of {@link Debug} */
-export declare namespace Debug {
-    /** Returns an {@link Accessor} that tells whether the current {@link Owner} is in debug mode */
-    const isDebug: Accessor<boolean>;
-}
+/** Built-in {@link ReactiveContext} which allows you to display different things in debug mode */
+export declare const debug: ReactiveContext<boolean>;
 
 /** Informations about a {@link Source} component */
 declare type Info = {
@@ -157,7 +151,7 @@ export declare function memoProps<T, K extends readonly (keyof T)[] = (keyof T)[
  * Reactive {@link Context} with some additional built-in functionalities.
  * The call signature returns the value in the current {@link Owner} (It's like calling {@link read})
  */
-export declare abstract class ReactiveContext<T> extends ReactiveContext_base<T> {
+export declare abstract class ReactiveContext<T> extends BASE_CTOR<T> {
     /** The actual {@link Context} that contains the reactive {@link Accessor} to the value */
     abstract ctx: Context<Accessor<T>>;
     /**
@@ -192,8 +186,6 @@ export declare abstract class ReactiveContext<T> extends ReactiveContext_base<T>
     static create<T>(defaultValue: T, name?: string): ReactiveContext<T>;
 }
 
-declare const ReactiveContext_base: new <T_1>() => Accessor<T_1>;
-
 /**
  * Executes a {@link Ref}.
  * Throws a {@link ReferenceError} if {@link ref} its not a function at runtime (Which should never be the case thanks to the solid compiler)

package/dist/index.mjs

@@ -1,6 +1,7 @@
 import { useContext, createMemo, createComponent, createContext, Match, mergeProps, onCleanup, For, Show, createRoot, createRenderEffect, on, untrack, splitProps, getOwner, createEffect, createResource } from "solid-js";
 import { createMutable } from "solid-js/store";
-class ReactiveContext extends Function {
+const BASE_CTOR = Function;
+class ReactiveContext extends BASE_CTOR {
   /** The actual {@link Context} that contains the reactive {@link Accessor} to the value */
   /**
    * Returns the {@link Accessor} for the value in the current {@link Owner}.
@@ -53,13 +54,13 @@ class ReactiveContext extends Function {
     return out;
   }
 }
-const ctx$1 = ReactiveContext.create(void 0, "case-when");
-const Case = ctx$1.Provider;
+const ctx = ReactiveContext.create(void 0, "case-when");
+const Case = ctx.Provider;
 function When(props) {
   const [mine, other] = splitAndMemoProps(props, ["value", "pred"]);
   const {
     read
-  } = ctx$1;
+  } = ctx;
   const pred = (x) => mine.pred ? mine.pred(x) : x === mine.value;
   return createComponent(Match, mergeProps({
     get when() {
@@ -67,22 +68,6 @@ function When(props) {
     }
   }, other));
 }
-const ctx = ReactiveContext.create(false, "debug-scope");
-function Debug(props) {
-  return createComponent(ctx.Provider, {
-    get value() {
-      return props.value ?? true;
-    },
-    get children() {
-      return props.children;
-    }
-  });
-}
-(function(_Debug) {
-  Object.defineProperty(Debug, "isDebug", {
-    get: () => ctx.read
-  });
-})(Debug || (Debug = {}));
 function createExtractor(name = "extractor") {
   const ctx2 = createContext(void 0, {
     name
@@ -226,9 +211,9 @@ function createReactiveResource(f) {
   }] = createResource(memo);
   return get;
 }
+const debug = ReactiveContext.create(false, "debug-scope");
 export {
   Case,
-  Debug,
   ReactiveContext,
   When,
   bind,
@@ -236,6 +221,7 @@ export {
   coalesceSignal,
   createExtractor,
   createReactiveResource,
+  debug,
   memoProps,
   refCall,
   runWithContext,

package/dist/index.umd.js

@@ -2,7 +2,8 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("solid-js"), require("solid-js/store")) : typeof define === "function" && define.amd ? define(["exports", "solid-js", "solid-js/store"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.solidCtrlFlow = {}, global.solidJs, global.solidJsStore));
 })(this, function(exports2, solidJs, store) {
   "use strict";
-  class ReactiveContext extends Function {
+  const BASE_CTOR = Function;
+  class ReactiveContext extends BASE_CTOR {
     /** The actual {@link Context} that contains the reactive {@link Accessor} to the value */
     /**
      * Returns the {@link Accessor} for the value in the current {@link Owner}.
@@ -55,13 +56,13 @@
       return out;
     }
   }
-  const ctx$1 = ReactiveContext.create(void 0, "case-when");
-  const Case = ctx$1.Provider;
+  const ctx = ReactiveContext.create(void 0, "case-when");
+  const Case = ctx.Provider;
   function When(props) {
     const [mine, other] = splitAndMemoProps(props, ["value", "pred"]);
     const {
       read
-    } = ctx$1;
+    } = ctx;
     const pred = (x) => mine.pred ? mine.pred(x) : x === mine.value;
     return solidJs.createComponent(solidJs.Match, solidJs.mergeProps({
       get when() {
@@ -69,22 +70,6 @@
       }
     }, other));
   }
-  const ctx = ReactiveContext.create(false, "debug-scope");
-  function Debug(props) {
-    return solidJs.createComponent(ctx.Provider, {
-      get value() {
-        return props.value ?? true;
-      },
-      get children() {
-        return props.children;
-      }
-    });
-  }
-  (function(_Debug) {
-    Object.defineProperty(Debug, "isDebug", {
-      get: () => ctx.read
-    });
-  })(Debug || (Debug = {}));
   function createExtractor(name = "extractor") {
     const ctx2 = solidJs.createContext(void 0, {
       name
@@ -228,8 +213,8 @@
     }] = solidJs.createResource(memo);
     return get;
   }
+  const debug = ReactiveContext.create(false, "debug-scope");
   exports2.Case = Case;
-  exports2.Debug = Debug;
   exports2.ReactiveContext = ReactiveContext;
   exports2.When = When;
   exports2.bind = bind;
@@ -237,6 +222,7 @@
   exports2.coalesceSignal = coalesceSignal;
   exports2.createExtractor = createExtractor;
   exports2.createReactiveResource = createReactiveResource;
+  exports2.debug = debug;
   exports2.memoProps = memoProps;
   exports2.refCall = refCall;
   exports2.runWithContext = runWithContext;

package/package.json

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