applesauce-react 0.11.0 → 0.12.0

package/dist/hooks/index.d.ts

@@ -1,10 +1,12 @@
 export * from "./use-account-manager.js";
 export * from "./use-accounts.js";
+export * from "./use-action-hub.js";
+export * from "./use-action.js";
 export * from "./use-active-account.js";
 export * from "./use-event-factory.js";
+export * from "./use-event-store.js";
 export * from "./use-observable.js";
 export * from "./use-query-store.js";
 export * from "./use-render-nast.js";
 export * from "./use-rendered-content.js";
 export * from "./use-store-query.js";
-export * from "./use-event-store.js";

package/dist/hooks/index.js

@@ -1,10 +1,12 @@
 export * from "./use-account-manager.js";
 export * from "./use-accounts.js";
+export * from "./use-action-hub.js";
+export * from "./use-action.js";
 export * from "./use-active-account.js";
 export * from "./use-event-factory.js";
+export * from "./use-event-store.js";
 export * from "./use-observable.js";
 export * from "./use-query-store.js";
 export * from "./use-render-nast.js";
 export * from "./use-rendered-content.js";
 export * from "./use-store-query.js";
-export * from "./use-event-store.js";

package/dist/hooks/use-action-hub.d.ts

@@ -0,0 +1 @@
+export declare function useActionHub(): import("applesauce-actions").ActionHub;

package/dist/hooks/use-action-hub.js

@@ -0,0 +1,8 @@
+import { useContext } from "react";
+import { ActionsContext } from "../providers/actions-provider.js";
+export function useActionHub() {
+    const hub = useContext(ActionsContext);
+    if (!hub)
+        throw new Error("Missing ActionsProvider");
+    return hub;
+}

package/dist/hooks/use-action.d.ts

@@ -0,0 +1,6 @@
+import { ActionConstructor } from "applesauce-actions";
+export declare function useAction<Args extends Array<any>>(Action: ActionConstructor<Args>, args: Args | undefined): {
+    loading: boolean;
+    run: () => Promise<void>;
+    exec: () => import("rxjs").Observable<import("nostr-tools").Event> | undefined;
+};

package/dist/hooks/use-action.js

@@ -0,0 +1,37 @@
+import { useCallback, useRef, useState } from "react";
+import { finalize } from "rxjs";
+import { useActionHub } from "./use-action-hub.js";
+export function useAction(Action, args) {
+    const [loading, setLoading] = useState(false);
+    const ref = useRef(args);
+    ref.current = args;
+    const hub = useActionHub();
+    const run = useCallback(async () => {
+        if (args === undefined)
+            return;
+        setLoading(true);
+        try {
+            await hub.run(Action, ...args);
+            setLoading(false);
+        }
+        catch (error) {
+            setLoading(false);
+            throw error;
+        }
+    }, [Action]);
+    const exec = useCallback(() => {
+        if (args === undefined)
+            return;
+        setLoading(true);
+        try {
+            return hub.exec(Action, ...args).pipe(finalize(() => {
+                setLoading(false);
+            }));
+        }
+        catch (error) {
+            setLoading(false);
+            throw error;
+        }
+    }, [Action]);
+    return { loading, run, exec };
+}

package/dist/hooks/use-event-store.d.ts

@@ -1,5 +1,6 @@
+import { IEventStore } from "applesauce-core/event-store";
 /**
  * Gets the EventStore from a parent {@link EventStoreProvider} component
  * If there is none it throws an error
  */
-export declare function useEventStore(): import("applesauce-core").EventStore;
+export declare function useEventStore(): IEventStore;

package/dist/providers/actions-provider.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from "react";
+import { ActionHub } from "applesauce-actions";
+export declare const ActionsContext: import("react").Context<ActionHub | undefined>;
+/** Provides an ActionHub to the component tree */
+export declare function ActionsProvider({ actionHub, children }: PropsWithChildren<{
+    actionHub?: ActionHub;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/providers/actions-provider.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext } from "react";
+export const ActionsContext = createContext(undefined);
+/** Provides an ActionHub to the component tree */
+export function ActionsProvider({ actionHub, children }) {
+    return _jsx(ActionsContext.Provider, { value: actionHub, children: children });
+}

package/dist/providers/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./factory-provider.js";
 export * from "./store-provider.js";
 export * from "./accounts-provider.js";
+export * from "./actions-provider.js";

package/dist/providers/index.js

@@ -1,3 +1,4 @@
 export * from "./factory-provider.js";
 export * from "./store-provider.js";
 export * from "./accounts-provider.js";
+export * from "./actions-provider.js";

package/dist/providers/store-provider.d.ts

@@ -1,10 +1,10 @@
 import { PropsWithChildren } from "react";
-import { EventStore, QueryStore } from "applesauce-core";
+import { IEventStore, QueryStore } from "applesauce-core";
 export declare const QueryStoreContext: import("react").Context<QueryStore | null>;
-export declare const EventStoreContext: import("react").Context<EventStore | null>;
+export declare const EventStoreContext: import("react").Context<IEventStore | null>;
 /** Provides a EventStore to the component tree */
 export declare function EventStoreProvider({ eventStore, children }: PropsWithChildren<{
-    eventStore: EventStore;
+    eventStore: IEventStore;
 }>): import("react/jsx-runtime").JSX.Element;
 /** Provides a QueryStore and EventStore to the component tree */
 export declare function QueryStoreProvider({ queryStore, children }: PropsWithChildren<{

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "applesauce-react",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "description": "React hooks for applesauce",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "keywords": [
     "nostr",
-    "react"
+    "react",
+    "applesauce"
   ],
   "author": "hzrd149",
   "license": "MIT",
@@ -48,10 +49,11 @@
     }
   },
   "dependencies": {
-    "applesauce-accounts": "^0.11.0",
-    "applesauce-content": "^0.11.0",
-    "applesauce-core": "^0.11.0",
-    "applesauce-factory": "^0.11.0",
+    "applesauce-accounts": "^0.12.0",
+    "applesauce-actions": "^0.12.0",
+    "applesauce-content": "^0.12.0",
+    "applesauce-core": "^0.12.0",
+    "applesauce-factory": "^0.12.0",
     "nostr-tools": "^2.10.4",
     "observable-hooks": "^4.2.4",
     "react": "^18.3.1",