applesauce-react 0.0.0-next-20250808173123 → 0.0.0-next-20250815164532

package/dist/__tests__/exports.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/exports.test.js

@@ -0,0 +1,20 @@
+import { describe, expect, it } from "vitest";
+import * as exports from "../index.js";
+describe("exports", () => {
+    it("should export the expected functions", () => {
+        expect(Object.keys(exports).sort()).toMatchInlineSnapshot(`
+      [
+        "AccountsContext",
+        "AccountsProvider",
+        "ActionsContext",
+        "ActionsProvider",
+        "EventStoreContext",
+        "EventStoreProvider",
+        "FactoryContext",
+        "FactoryProvider",
+        "Helpers",
+        "Hooks",
+      ]
+    `);
+    });
+});

package/dist/helpers/__tests__/exports.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/helpers/__tests__/exports.test.js

@@ -0,0 +1,12 @@
+import { describe, expect, it } from "vitest";
+import * as exports from "../index.js";
+describe("exports", () => {
+    it("should export the expected functions", () => {
+        expect(Object.keys(exports).sort()).toMatchInlineSnapshot(`
+      [
+        "buildLinkRenderer",
+        "renderNast",
+      ]
+    `);
+    });
+});

package/dist/hooks/__tests__/exports.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/__tests__/exports.test.js

@@ -0,0 +1,43 @@
+import { describe, expect, it } from "vitest";
+import * as exports from "../index.js";
+describe("exports", () => {
+    it("should export the expected functions", () => {
+        expect(Object.keys(exports).sort()).toMatchInlineSnapshot(`
+      [
+        "ComponentMap",
+        "ObservableResource",
+        "identity",
+        "pluckCurrentTargetChecked",
+        "pluckCurrentTargetValue",
+        "pluckFirst",
+        "useAccountManager",
+        "useAccounts",
+        "useAction",
+        "useActionHub",
+        "useActiveAccount",
+        "useEventFactory",
+        "useEventModel",
+        "useEventStore",
+        "useForceUpdate",
+        "useLayoutObservable",
+        "useLayoutObservableState",
+        "useLayoutSubscription",
+        "useObservable",
+        "useObservableCallback",
+        "useObservableEagerMemo",
+        "useObservableEagerState",
+        "useObservableGetState",
+        "useObservableMemo",
+        "useObservablePickState",
+        "useObservableRef",
+        "useObservableState",
+        "useObservableSuspense",
+        "useRefFn",
+        "useRenderNast",
+        "useRenderThrow",
+        "useRenderedContent",
+        "useSubscription",
+      ]
+    `);
+    });
+});

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

@@ -0,0 +1,5 @@
+/**
+ * Gets the QueryStore from a parent {@link QueryStoreProvider} component
+ * If there is none it throws an error
+ */
+export declare function useQueryStore(): import("applesauce-core").QueryStore;

package/dist/hooks/use-query-store.js

@@ -0,0 +1,12 @@
+import { useContext } from "react";
+import { QueryStoreContext } from "../providers/store-provider.js";
+/**
+ * Gets the QueryStore from a parent {@link QueryStoreProvider} component
+ * If there is none it throws an error
+ */
+export function useQueryStore() {
+    const store = useContext(QueryStoreContext);
+    if (!store)
+        throw new Error("Missing QueryStoreProvider");
+    return store;
+}

package/dist/hooks/use-rendered-text-content.d.ts

@@ -0,0 +1,17 @@
+import { getParsedTextContent } from "applesauce-content/text";
+import { EventTemplate, NostrEvent } from "nostr-tools";
+import { ComponentMap } from "../helpers/nast.js";
+import { LinkRenderer } from "../helpers/build-link-renderer.js";
+export { ComponentMap };
+type Options = {
+    /** Override transformers */
+    transformers?: Parameters<typeof getParsedTextContent>[2];
+    /** If set will use {@link buildLinkRenderer} to render links */
+    linkRenderers?: LinkRenderer[];
+    /** Override event content */
+    content?: string;
+    /** Maximum length */
+    maxLength?: number;
+};
+/** Returns the parsed and render text content for an event */
+export declare function useRenderedContent(event: NostrEvent | EventTemplate | string | undefined, components: ComponentMap, opts?: Options): JSX.Element | null;

package/dist/hooks/use-rendered-text-content.js

@@ -0,0 +1,16 @@
+import { useMemo } from "react";
+import { getParsedTextContent } from "applesauce-content/text";
+import { useRenderNast } from "./use-render-nast.js";
+import { buildLinkRenderer } from "../helpers/build-link-renderer.js";
+import { truncateContent } from "applesauce-content/nast";
+/** Returns the parsed and render text content for an event */
+export function useRenderedContent(event, components, opts) {
+    // if link renderers are set, override the link components
+    const _components = useMemo(() => (opts?.linkRenderers ? { ...components, link: buildLinkRenderer(opts.linkRenderers) } : components), [opts?.linkRenderers, components]);
+    // add additional transformers
+    const nast = useMemo(() => (event ? getParsedTextContent(event, opts?.content, opts?.transformers) : undefined), [event, opts?.content, opts?.transformers]);
+    let truncated = nast;
+    if (opts?.maxLength && nast)
+        truncated = truncateContent(nast, opts.maxLength);
+    return useRenderNast(truncated, _components);
+}

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

@@ -0,0 +1,7 @@
+import { QueryConstructor } from "applesauce-core";
+/**
+ * Runs and subscribes to a query in the query store
+ * @example
+ * const events = useStoreQuery(TimelineQuery, [{kinds: [1]}])
+ */
+export declare function useStoreQuery<T extends unknown, Args extends Array<any>>(queryConstructor: QueryConstructor<T, Args>, args?: Args | null): T | undefined;

package/dist/hooks/use-store-query.js

@@ -0,0 +1,19 @@
+import { useMemo } from "react";
+import { of } from "rxjs";
+import { useObservableEagerState } from "observable-hooks";
+import { useQueryStore } from "./use-query-store.js";
+/**
+ * Runs and subscribes to a query in the query store
+ * @example
+ * const events = useStoreQuery(TimelineQuery, [{kinds: [1]}])
+ */
+export function useStoreQuery(queryConstructor, args) {
+    const store = useQueryStore();
+    const observable = useMemo(() => {
+        if (args)
+            return store.createQuery(queryConstructor, ...args);
+        else
+            return of(undefined);
+    }, [args, store]);
+    return useObservableEagerState(observable);
+}

package/dist/hooks/use-text-content.d.ts

@@ -0,0 +1,6 @@
+import { ParseTextContentOptions } from "applesauce-content/text";
+import { EventTemplate, NostrEvent } from "nostr-tools";
+import { ComponentMap } from "../helpers/nast.js";
+export { ComponentMap };
+/** Returns the parsed and render text content for an event */
+export declare function useRenderedContent(event: NostrEvent | EventTemplate, components: ComponentMap, opts?: ParseTextContentOptions): import("react/jsx-runtime").JSX.Element;

package/dist/hooks/use-text-content.js

@@ -0,0 +1,8 @@
+import { useMemo } from "react";
+import { getParedTextContent } from "applesauce-content/text";
+import { useRenderNast } from "./use-render-nast.js";
+/** Returns the parsed and render text content for an event */
+export function useRenderedContent(event, components, opts) {
+    const nast = useMemo(() => getParedTextContent(event, opts), [event, opts?.overrideContent, opts?.transformers]);
+    return useRenderNast(nast, components);
+}

package/dist/provider.d.ts

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

package/dist/provider.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext } from "react";
+export const QueryStoreContext = createContext(null);
+/** Provides a QueryStore to the component tree */
+export function QueryStoreProvider({ store, children }) {
+    return _jsx(QueryStoreContext.Provider, { value: store, children: children });
+}

package/dist/providers/__tests__/exports.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/providers/__tests__/exports.test.js

@@ -0,0 +1,18 @@
+import { describe, expect, it } from "vitest";
+import * as exports from "../index.js";
+describe("exports", () => {
+    it("should export the expected functions", () => {
+        expect(Object.keys(exports).sort()).toMatchInlineSnapshot(`
+      [
+        "AccountsContext",
+        "AccountsProvider",
+        "ActionsContext",
+        "ActionsProvider",
+        "EventStoreContext",
+        "EventStoreProvider",
+        "FactoryContext",
+        "FactoryProvider",
+      ]
+    `);
+    });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "applesauce-react",
-  "version": "0.0.0-next-20250808173123",
+  "version": "0.0.0-next-20250815164532",
   "description": "React hooks for applesauce",
   "type": "module",
   "main": "dist/index.js",
@@ -49,11 +49,11 @@
     }
   },
   "dependencies": {
-    "applesauce-accounts": "0.0.0-next-20250808173123",
-    "applesauce-actions": "0.0.0-next-20250808173123",
-    "applesauce-content": "0.0.0-next-20250808173123",
-    "applesauce-core": "0.0.0-next-20250808173123",
-    "applesauce-factory": "0.0.0-next-20250808173123",
+    "applesauce-accounts": "0.0.0-next-20250815164532",
+    "applesauce-actions": "0.0.0-next-20250815164532",
+    "applesauce-content": "0.0.0-next-20250815164532",
+    "applesauce-core": "0.0.0-next-20250815164532",
+    "applesauce-factory": "0.0.0-next-20250815164532",
     "hash-sum": "^2.0.0",
     "nostr-tools": "^2.13",
     "observable-hooks": "^4.2.4",