applesauce-react 0.0.0-next-20250120191411 → 0.0.0-next-20250123205825

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "applesauce-react",
-  "version": "0.0.0-next-20250120191411",
+  "version": "0.0.0-next-20250123205825",
   "description": "React hooks for applesauce",
   "type": "module",
   "main": "dist/index.js",
@@ -47,9 +47,9 @@
     }
   },
   "dependencies": {
-    "applesauce-content": "0.0.0-next-20250120191411",
-    "applesauce-core": "0.0.0-next-20250120191411",
-    "applesauce-factory": "0.0.0-next-20250120191411",
+    "applesauce-content": "0.0.0-next-20250123205825",
+    "applesauce-core": "0.0.0-next-20250123205825",
+    "applesauce-factory": "0.0.0-next-20250123205825",
     "nostr-tools": "^2.10.3",
     "react": "^18.3.1",
     "rxjs": "^7.8.1"

package/dist/helpers/build-link-renderer.d.ts

@@ -1,3 +0,0 @@
-import { Link } from "applesauce-content/nast";
-export type LinkRenderer = (url: URL, node: Link) => JSX.Element | false | null;
-export declare function buildLinkRenderer(handlers: LinkRenderer[]): import("react").NamedExoticComponent<import("./nast.js").ExtraProps<Link>>;

package/dist/helpers/build-link-renderer.js

@@ -1,23 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { memo, useMemo } from "react";
-export function buildLinkRenderer(handlers) {
-    const LinkRenderer = ({ node }) => {
-        const content = useMemo(() => {
-            try {
-                const url = new URL(node.href);
-                for (const handler of handlers) {
-                    try {
-                        const content = handler(url, node);
-                        if (content)
-                            return content;
-                    }
-                    catch (e) { }
-                }
-            }
-            catch (error) { }
-            return null;
-        }, [node.href, node.value]);
-        return content || _jsx(_Fragment, { children: node.value });
-    };
-    return memo(LinkRenderer);
-}

package/dist/helpers/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./nast.js";
-export * from "./build-link-renderer.js";

package/dist/helpers/index.js

@@ -1,2 +0,0 @@
-export * from "./nast.js";
-export * from "./build-link-renderer.js";

package/dist/helpers/nast.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import { Content, ContentMap, Root } from "applesauce-content/nast";
-type Component<ComponentProps> = React.FunctionComponent<ComponentProps> | React.ComponentClass;
-export type ExtraProps<T extends Content> = {
-    node: T;
-};
-export type ComponentMap = Partial<{
-    [k in keyof ContentMap]: Component<ExtraProps<ContentMap[k]>>;
-}>;
-/** Render a nostr syntax tree to JSX components */
-export declare function renderNast(root: Root, components: ComponentMap): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/helpers/nast.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-/** Render a nostr syntax tree to JSX components */
-export function renderNast(root, components) {
-    const indexes = {};
-    return (_jsx(_Fragment, { children: root.children.map((node) => {
-            indexes[node.type] = indexes[node.type] ?? 0;
-            const index = indexes[node.type];
-            indexes[node.type]++;
-            const Component = components[node.type];
-            if (!Component)
-                return null;
-            // @ts-expect-error
-            return _jsx(Component, { node: node }, node.type + "-" + index);
-        }) }));
-}

package/dist/hooks/index.d.ts

@@ -1,6 +0,0 @@
-export * from "./use-event-factory.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";

package/dist/hooks/index.js

@@ -1,6 +0,0 @@
-export * from "./use-event-factory.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";

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

@@ -1,4 +0,0 @@
-import { EventFactory } from "applesauce-factory";
-export declare function useEventFactory(require: false): EventFactory | undefined;
-export declare function useEventFactory(require: true): EventFactory;
-export declare function useEventFactory(): EventFactory;

package/dist/hooks/use-event-factory.js

@@ -1,8 +0,0 @@
-import { useContext } from "react";
-import { FactoryContext } from "../providers/factory-provider.js";
-export function useEventFactory(require = true) {
-    const factory = useContext(FactoryContext);
-    if (!require && !factory)
-        throw new Error("Missing EventFactoryProvider");
-    return factory;
-}

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

@@ -1,5 +0,0 @@
-/**
- * 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;

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

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

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

@@ -1,6 +0,0 @@
-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,21 +0,0 @@
-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 current = observable && getCurrentValue(observable);
-    const [_count, setCount] = useState(0);
-    const [value, setValue] = useState(current);
-    useEffect(() => {
-        // Reset the state, the method passed to subscribe will NOT always be called
-        setValue(observable && getCurrentValue(observable));
-        const sub = observable?.subscribe((v) => {
-            setValue(v);
-            setCount((c) => c + 1);
-        });
-        return () => sub?.unsubscribe();
-    }, [observable, setValue, setCount]);
-    return current || value;
-}

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

@@ -1,5 +0,0 @@
-/**
- * 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

@@ -1,12 +0,0 @@
-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-render-nast.d.ts

@@ -1,5 +0,0 @@
-import { Root } from "applesauce-content/nast";
-import { ComponentMap } from "../helpers/nast.js";
-export { ComponentMap };
-/** A hook to get the rendered output of a nostr syntax tree */
-export declare function useRenderNast(root: Root | undefined, components: ComponentMap): JSX.Element | null;

package/dist/hooks/use-render-nast.js

@@ -1,6 +0,0 @@
-import { useMemo } from "react";
-import { renderNast } from "../helpers/nast.js";
-/** A hook to get the rendered output of a nostr syntax tree */
-export function useRenderNast(root, components) {
-    return useMemo(() => (root ? renderNast(root, components) : null), [root, Object.keys(components).join("|")]);
-}

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

@@ -1,19 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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/dist/hooks/use-store-query.d.ts

@@ -1,7 +0,0 @@
-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

@@ -1,18 +0,0 @@
-import { useMemo } from "react";
-import { useObservable } from "./use-observable.js";
-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 undefined;
-    }, [args, store]);
-    return useObservable(observable);
-}

package/dist/index.d.ts

@@ -1,3 +0,0 @@
-export * as Helpers from "./helpers/index.js";
-export * as Hooks from "./hooks/index.js";
-export * from "./providers/index.js";

package/dist/index.js

@@ -1,3 +0,0 @@
-export * as Helpers from "./helpers/index.js";
-export * as Hooks from "./hooks/index.js";
-export * from "./providers/index.js";

package/dist/provider.d.ts

@@ -1,7 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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/factory-provider.d.ts

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

package/dist/providers/factory-provider.js

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

package/dist/providers/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./factory-provider.js";
-export * from "./store-provider.js";

package/dist/providers/index.js

@@ -1,2 +0,0 @@
-export * from "./factory-provider.js";
-export * from "./store-provider.js";

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

@@ -1,7 +0,0 @@
-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/providers/query-store-provider.js

@@ -1,7 +0,0 @@
-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/store-provider.d.ts

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

package/dist/providers/store-provider.js

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