applesauce-react 0.0.0-next-20241112141526 → 0.0.0-next-20241113103021

package/dist/hooks/index.d.ts

@@ -2,4 +2,4 @@ export * from "./use-observable.js";
 export * from "./use-store-query.js";
 export * from "./use-render-nast.js";
 export * from "./use-query-store.js";
-export * from "./use-rendered-text-content.js";
+export * from "./use-rendered-content.js";

package/dist/hooks/index.js

@@ -2,4 +2,4 @@ export * from "./use-observable.js";
 export * from "./use-store-query.js";
 export * from "./use-render-nast.js";
 export * from "./use-query-store.js";
-export * from "./use-rendered-text-content.js";
+export * from "./use-rendered-content.js";

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

@@ -1,4 +1,6 @@
 import { type BehaviorSubject, type Observable } from "rxjs";
+export declare function getCurrentValue<T extends unknown>(observable: BehaviorSubject<T>): T;
+export declare function getCurrentValue<T extends unknown>(observable: Observable<T>): T | undefined;
 /** Subscribe to the value of an observable */
 export declare function useObservable<T extends unknown>(observable?: BehaviorSubject<T>): T;
 export declare function useObservable<T extends unknown>(observable?: Observable<T>): T | undefined;

package/dist/hooks/use-observable.js

@@ -1,10 +1,17 @@
 import { useState, useEffect } from "react";
+export function getCurrentValue(observable) {
+    if (Reflect.has(observable, "value"))
+        return Reflect.get(observable, "value");
+    return undefined;
+}
 export function useObservable(observable) {
-    const observableValue = observable && Reflect.has(observable, "value") ? Reflect.get(observable, "value") : undefined;
-    const [value, setValue] = useState(observableValue);
+    const current = observable && getCurrentValue(observable);
+    const [value, setValue] = useState(current);
     useEffect(() => {
-        const sub = observable?.subscribe((v) => setValue(v));
+        // Reset the state, the method passed to subscribe will NOT always be called
+        setValue(observable && getCurrentValue(observable));
+        const sub = observable?.subscribe(setValue);
         return () => sub?.unsubscribe();
-    }, [observable]);
-    return observableValue || value;
+    }, [observable, setValue]);
+    return current || value;
 }

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

@@ -0,0 +1,19 @@
+import { getParsedContent } 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 = {
+    /** The key to cache the results under, passing null will disable */
+    cacheKey: symbol | null;
+    /** Override transformers */
+    transformers?: Parameters<typeof getParsedContent>[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-content.js

@@ -0,0 +1,16 @@
+import { useMemo } from "react";
+import { truncateContent } from "applesauce-content/nast";
+import { getParsedContent } from "applesauce-content/text";
+import { useRenderNast } from "./use-render-nast.js";
+import { buildLinkRenderer } from "../helpers/build-link-renderer.js";
+/** 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 ? getParsedContent(event, opts?.content, opts?.transformers, opts?.cacheKey) : undefined), [event, opts?.content, opts?.transformers, opts?.cacheKey]);
+    let truncated = nast;
+    if (opts?.maxLength && nast)
+        truncated = truncateContent(nast, opts.maxLength);
+    return useRenderNast(truncated, _components);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "applesauce-react",
-  "version": "0.0.0-next-20241112141526",
+  "version": "0.0.0-next-20241113103021",
   "description": "React hooks for applesauce",
   "type": "module",
   "main": "dist/index.js",
@@ -33,8 +33,8 @@
     }
   },
   "dependencies": {
-    "applesauce-content": "0.0.0-next-20241112141526",
-    "applesauce-core": "0.0.0-next-20241112141526",
+    "applesauce-content": "0.0.0-next-20241113103021",
+    "applesauce-core": "0.0.0-next-20241113103021",
     "nostr-tools": "^2.10.1",
     "react": "^18.3.1",
     "rxjs": "^7.8.1"