solid-ctrl-flow 1.0.20 → 1.0.21

package/dist/index.d.ts

@@ -1,6 +1,8 @@
 import { Accessor } from 'solid-js';
 import { Context } from 'solid-js';
+import { EffectFunction } from 'solid-js';
 import { JSX } from 'solid-js';
+import { Resource } from 'solid-js';
 import { Setter } from 'solid-js';
 import { Signal } from 'solid-js';
 
@@ -124,6 +126,13 @@ export declare function createOption<T>(init: T, def?: T, name?: string): {
     read: Accessor<T>;
 };
 
+/**
+ * Creates a {@link Resource} from the function {@link f}.
+ * The resource will be refetched each time one of the dependencies of {@link f} changes
+ * @param f A reactive resource fetcher
+ */
+export declare function createReactiveResource<R>(f: EffectFunction<R | undefined, R>): Resource<Awaited<R>>;
+
 /** Creates a scope for the value of {@link Debug.read}, which allows you to display different things in debug mode */
 export declare const Debug: {
     (props: {
@@ -160,7 +169,7 @@ export declare function memoProps<T, K extends readonly (keyof T)[] = (keyof T)[
 export declare function runWithContext<T, R>(ctx: Context<T>, value: T, f: (x: T) => R): R;
 
 /**
- * Esecutes {@link splitProps} and memoizes the first of the two returned objects
+ * Executes {@link splitProps} and memoizes the first of the two returned objects
  * @param obj Object to split and partially memoize
  * @param keys The keys of the properties to memoize and to include in the first of the two objects
  */

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { untrack, createMemo, splitProps, createContext, createRoot, getOwner, createComponent, useContext, createEffect, on, onCleanup, Match, mergeProps, For, Show } from "solid-js";
+import { untrack, createMemo, splitProps, createResource, createEffect, on, createContext, createRoot, getOwner, createComponent, useContext, onCleanup, Match, mergeProps, For, Show } from "solid-js";
 import { createMutable } from "solid-js/store";
 function untrackCall(f, ...args) {
   return untrack(() => f.apply(this, args));
@@ -17,6 +17,14 @@ function splitAndMemoProps(obj, keys) {
   out[0] = memoProps(out[0], keys);
   return out;
 }
+function createReactiveResource(f) {
+  const memo = createMemo(f);
+  const [get, {
+    refetch
+  }] = createResource(memo);
+  createEffect(on(memo, (_x, _prev, ok) => (ok && refetch(), true)));
+  return get;
+}
 function createOption(init, def = init, name) {
   const prop = "read";
   const ctx2 = createContext(() => init, {
@@ -173,6 +181,7 @@ export {
   bindTwoWay,
   createExtractor,
   createOption,
+  createReactiveResource,
   memoProps,
   runWithContext,
   splitAndMemoProps,

package/dist/index.umd.js

@@ -19,6 +19,14 @@
     out[0] = memoProps(out[0], keys);
     return out;
   }
+  function createReactiveResource(f) {
+    const memo = solidJs.createMemo(f);
+    const [get, {
+      refetch
+    }] = solidJs.createResource(memo);
+    solidJs.createEffect(solidJs.on(memo, (_x, _prev, ok) => (ok && refetch(), true)));
+    return get;
+  }
   function createOption(init, def = init, name) {
     const prop = "read";
     const ctx2 = solidJs.createContext(() => init, {
@@ -174,6 +182,7 @@
   exports2.bindTwoWay = bindTwoWay;
   exports2.createExtractor = createExtractor;
   exports2.createOption = createOption;
+  exports2.createReactiveResource = createReactiveResource;
   exports2.memoProps = memoProps;
   exports2.runWithContext = runWithContext;
   exports2.splitAndMemoProps = splitAndMemoProps;

package/package.json

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

package/readMe.md

@@ -149,6 +149,9 @@ Creates a partial version of an object with memoized remaining properties
 ### `splitAndMemoProps()`
 Like `splitProps()` but memoizes the whole local part
 
+### `createReactiveResource()`
+Like `createResource()` but the provided function will be reactive
+
 ### `createOption()`
 Allows you to create simple reactive contexts; For example `Debug` is made with it