@archipelago-js/react 0.1.0

package/README.md

@@ -0,0 +1,17 @@
+# @archipelago-js/react
+
+React bindings for Archipelago islands.
+
+## Install
+
+```bash
+yarn add @archipelago-js/react @archipelago-js/client react react-dom
+```
+
+## API
+
+- `bootArchipelagoIslands(registry)`
+- `useIslandProps(options?)`
+- `useIslandForm(options)`
+- `IslandProvider`
+- `ErrorBoundary`

package/dist/ErrorBoundary.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface ErrorBoundaryProps {
+    children: React.ReactNode;
+    fallback?: React.ReactNode;
+}
+interface ErrorBoundaryState {
+    hasError: boolean;
+}
+export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(): ErrorBoundaryState;
+    componentDidCatch(error: Error): void;
+    render(): React.ReactNode;
+}
+export {};

package/dist/ErrorBoundary.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+export class ErrorBoundary extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false };
+    }
+    static getDerivedStateFromError() {
+        return { hasError: true };
+    }
+    componentDidCatch(error) {
+        if (typeof process !== "undefined" && process.env.NODE_ENV !== "production") {
+            // Per-island crash visibility without breaking sibling islands.
+            console.error("Archipelago island crashed", error);
+        }
+    }
+    render() {
+        if (this.state.hasError) {
+            return this.props.fallback ?? _jsx("div", { "data-archipelago-error": "true", children: "Island failed to render" });
+        }
+        return this.props.children;
+    }
+}
+//# sourceMappingURL=ErrorBoundary.js.map

package/dist/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../src/ErrorBoundary.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAiD;IACxF,YAAmB,KAAyB;QAC1C,KAAK,CAAC,KAAK,CAAC,CAAA;QACZ,IAAI,CAAC,KAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAA;IAClC,CAAC;IAEM,MAAM,CAAC,wBAAwB;QACpC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;IAC3B,CAAC;IAEM,iBAAiB,CAAC,KAAY;QACnC,IAAI,OAAO,OAAO,KAAK,WAAW,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;YAC5E,gEAAgE;YAChE,OAAO,CAAC,KAAK,CAAC,4BAA4B,EAAE,KAAK,CAAC,CAAA;QACpD,CAAC;IACH,CAAC;IAEM,MAAM;QACX,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACxB,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,wCAA4B,MAAM,wCAA8B,CAAA;QAChG,CAAC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;IAC5B,CAAC;CACF"}

package/dist/actionCable.d.ts

@@ -0,0 +1,16 @@
+export type CableSubscription = {
+    unsubscribe: () => void;
+};
+export type CableConsumer = {
+    subscriptions: {
+        create: (params: Record<string, unknown>, callbacks: {
+            received?: (data: unknown) => void;
+        }) => CableSubscription;
+    };
+};
+export type StreamSubscriptionOptions = {
+    streamName: string;
+    onMessage: (payload: unknown) => void;
+    consumer?: CableConsumer;
+};
+export declare function subscribeToIslandStream({ streamName, onMessage, consumer }: StreamSubscriptionOptions): CableSubscription;

package/dist/actionCable.js

@@ -0,0 +1,16 @@
+function globalConsumer() {
+    const globalValue = globalThis;
+    return globalValue.Archipelago?.cable ?? globalValue.App?.cable;
+}
+export function subscribeToIslandStream({ streamName, onMessage, consumer = globalConsumer() }) {
+    if (!consumer || !streamName) {
+        return { unsubscribe: () => undefined };
+    }
+    return consumer.subscriptions.create({
+        channel: "Archipelago::IslandChannel",
+        stream_name: streamName
+    }, {
+        received: onMessage
+    });
+}
+//# sourceMappingURL=actionCable.js.map

package/dist/actionCable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionCable.js","sourceRoot":"","sources":["../src/actionCable.ts"],"names":[],"mappings":"AAmBA,SAAS,cAAc;IACrB,MAAM,WAAW,GAAG,UAGnB,CAAA;IAED,OAAO,WAAW,CAAC,WAAW,EAAE,KAAK,IAAI,WAAW,CAAC,GAAG,EAAE,KAAK,CAAA;AACjE,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,EACtC,UAAU,EACV,SAAS,EACT,QAAQ,GAAG,cAAc,EAAE,EACD;IAC1B,IAAI,CAAC,QAAQ,IAAI,CAAC,UAAU,EAAE,CAAC;QAC7B,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,CAAA;IACzC,CAAC;IAED,OAAO,QAAQ,CAAC,aAAa,CAAC,MAAM,CAClC;QACE,OAAO,EAAE,4BAA4B;QACrC,WAAW,EAAE,UAAU;KACxB,EACD;QACE,QAAQ,EAAE,SAAS;KACpB,CACF,CAAA;AACH,CAAC"}

package/dist/bootstrapper.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export type IslandComponent = React.ComponentType;
+export type IslandLoader = () => Promise<{
+    default: IslandComponent;
+} | IslandComponent>;
+export type IslandRegistryEntry = IslandComponent | {
+    load: IslandLoader;
+    fallback?: React.ReactNode;
+};
+export type IslandRegistry = Record<string, IslandRegistryEntry>;
+export declare function bootArchipelagoIslands(registry: IslandRegistry): Promise<void>;
+export declare function unmountArchipelagoIslands(): void;
+export declare function defineIslandLoader(load: IslandLoader, fallback?: React.ReactNode): IslandRegistryEntry;

package/dist/bootstrapper.js

@@ -0,0 +1,144 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { createRoot } from "react-dom/client";
+import { ErrorBoundary } from "./ErrorBoundary";
+import { IslandProvider } from "./context";
+const mounted = new Map();
+const mounting = new Set();
+let listenersAttached = false;
+let activeRegistry = null;
+let observer = null;
+let bootScheduled = false;
+function scheduleBoot() {
+    if (!activeRegistry || bootScheduled) {
+        return;
+    }
+    bootScheduled = true;
+    queueMicrotask(() => {
+        bootScheduled = false;
+        if (activeRegistry) {
+            void bootArchipelagoIslands(activeRegistry);
+        }
+    });
+}
+function nodeContainsIsland(node) {
+    if (!(node instanceof Element)) {
+        return false;
+    }
+    return node.hasAttribute("data-island") || node.querySelector("[data-island]") != null;
+}
+function ensureObserverAttached() {
+    if (observer || typeof MutationObserver === "undefined") {
+        return;
+    }
+    const target = document.body ?? document.documentElement;
+    if (!target) {
+        return;
+    }
+    observer = new MutationObserver((mutations) => {
+        for (const mutation of mutations) {
+            for (const node of Array.from(mutation.addedNodes)) {
+                if (nodeContainsIsland(node)) {
+                    scheduleBoot();
+                    return;
+                }
+            }
+        }
+    });
+    observer.observe(target, { childList: true, subtree: true });
+}
+function parseJsonObject(value) {
+    if (!value || value.trim().length === 0) {
+        return {};
+    }
+    const parsed = JSON.parse(value);
+    if (typeof parsed !== "object" || parsed === null || Array.isArray(parsed)) {
+        throw new Error("Expected JSON object");
+    }
+    return parsed;
+}
+function parseVersion(value) {
+    if (!value) {
+        return 0;
+    }
+    const parsed = Number(value);
+    return Number.isFinite(parsed) ? parsed : 0;
+}
+async function resolveComponent(entry) {
+    if (typeof entry === "function") {
+        return entry;
+    }
+    const loaded = await entry.load();
+    return "default" in loaded ? loaded.default : loaded;
+}
+function mountElement(element, component, fallback) {
+    let params = {};
+    let initialProps = {};
+    let initialVersion = 0;
+    try {
+        params = parseJsonObject(element.dataset.params);
+        initialProps = parseJsonObject(element.dataset.props);
+        initialVersion = parseVersion(element.dataset.version);
+    }
+    catch {
+        return;
+    }
+    const root = createRoot(element);
+    mounted.set(element, { root });
+    const { component: componentName, instance, stream } = element.dataset;
+    root.render(_jsx(ErrorBoundary, { fallback: fallback, children: _jsx(IslandProvider, { component: componentName ?? "", params: params, initialProps: initialProps, initialVersion: initialVersion, instance: instance, stream: stream, children: React.createElement(component) }) }));
+}
+export async function bootArchipelagoIslands(registry) {
+    activeRegistry = registry;
+    const islands = Array.from(document.querySelectorAll("[data-island]"));
+    for (const island of islands) {
+        if (mounted.has(island) || mounting.has(island)) {
+            continue;
+        }
+        const componentName = island.dataset.component;
+        if (!componentName) {
+            continue;
+        }
+        const entry = registry[componentName];
+        if (!entry) {
+            continue;
+        }
+        mounting.add(island);
+        try {
+            const component = await resolveComponent(entry);
+            if (mounted.has(island)) {
+                continue;
+            }
+            const fallback = typeof entry === "function" ? undefined : entry.fallback;
+            mountElement(island, component, fallback);
+            if (mounted.has(island)) {
+                island.dataset.mounted = "true";
+            }
+        }
+        finally {
+            mounting.delete(island);
+        }
+    }
+    if (!listenersAttached) {
+        listenersAttached = true;
+        document.addEventListener("turbo:load", scheduleBoot);
+        document.addEventListener("turbo:render", scheduleBoot);
+        document.addEventListener("turbo:frame-load", scheduleBoot);
+        document.addEventListener("turbo:before-cache", () => {
+            unmountArchipelagoIslands();
+        });
+        ensureObserverAttached();
+    }
+}
+export function unmountArchipelagoIslands() {
+    mounting.clear();
+    for (const [element, record] of mounted.entries()) {
+        record.root.unmount();
+        element.removeAttribute("data-mounted");
+        mounted.delete(element);
+    }
+}
+export function defineIslandLoader(load, fallback) {
+    return { load, fallback };
+}
+//# sourceMappingURL=bootstrapper.js.map

package/dist/bootstrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootstrapper.js","sourceRoot":"","sources":["../src/bootstrapper.tsx"],"names":[],"mappings":"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"}

package/dist/context.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+type IslandState = {
+    props: Record<string, unknown>;
+    version: number;
+};
+export interface IslandContextValue {
+    component: string;
+    params: Record<string, unknown>;
+    instance?: string;
+    stream?: string;
+    state: IslandState;
+    setState: React.Dispatch<React.SetStateAction<IslandState>>;
+}
+export interface IslandProviderProps {
+    children: React.ReactNode;
+    component: string;
+    params: Record<string, unknown>;
+    instance?: string;
+    stream?: string;
+    initialProps?: Record<string, unknown>;
+    initialVersion?: number;
+}
+export declare function IslandProvider({ children, component, params, instance, stream, initialProps, initialVersion }: IslandProviderProps): React.ReactElement;
+export declare function useIslandContext(): IslandContextValue;
+export {};

package/dist/context.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo, useState } from "react";
+const IslandContext = createContext(null);
+export function IslandProvider({ children, component, params, instance, stream, initialProps = {}, initialVersion = 0 }) {
+    const [state, setState] = useState({
+        props: initialProps,
+        version: initialVersion
+    });
+    const value = useMemo(() => {
+        return {
+            component,
+            params,
+            instance,
+            stream,
+            state,
+            setState
+        };
+    }, [component, instance, params, state, stream]);
+    return _jsx(IslandContext.Provider, { value: value, children: children });
+}
+export function useIslandContext() {
+    const value = useContext(IslandContext);
+    if (!value) {
+        throw new Error("useIslandContext must be used inside IslandProvider");
+    }
+    return value;
+}
+//# sourceMappingURL=context.js.map

package/dist/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAgB3E,MAAM,aAAa,GAAG,aAAa,CAA4B,IAAI,CAAC,CAAA;AAYpE,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,MAAM,EACN,QAAQ,EACR,MAAM,EACN,YAAY,GAAG,EAAE,EACjB,cAAc,GAAG,CAAC,EACE;IACpB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAc;QAC9C,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE,cAAc;KACxB,CAAC,CAAA;IAEF,MAAM,KAAK,GAAG,OAAO,CAAqB,GAAG,EAAE;QAC7C,OAAO;YACL,SAAS;YACT,MAAM;YACN,QAAQ;YACR,MAAM;YACN,KAAK;YACL,QAAQ;SACT,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;IAEhD,OAAO,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAA0B,CAAA;AAClF,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC9B,MAAM,KAAK,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IACvC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAA;IACxE,CAAC;IAED,OAAO,KAAK,CAAA;AACd,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./ErrorBoundary";
+export * from "./actionCable";
+export * from "./bootstrapper";
+export * from "./context";
+export * from "./useIslandForm";
+export * from "./useIslandProps";

package/dist/index.js

@@ -0,0 +1,7 @@
+export * from "./ErrorBoundary";
+export * from "./actionCable";
+export * from "./bootstrapper";
+export * from "./context";
+export * from "./useIslandForm";
+export * from "./useIslandProps";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA"}

package/dist/useIslandForm.d.ts

@@ -0,0 +1,21 @@
+type SubmitOverrides = {
+    payload?: Record<string, unknown>;
+    navigate?: (location: string) => void;
+};
+export interface UseIslandFormOptions<TData extends Record<string, unknown>> {
+    initialData: TData;
+    clearFieldErrorsOnChange?: boolean;
+    fixedParams?: Record<string, unknown>;
+}
+export declare function useIslandForm<TData extends Record<string, unknown>>({ initialData, clearFieldErrorsOnChange, fixedParams }: UseIslandFormOptions<TData>): {
+    data: TData;
+    setData: <K extends keyof TData>(field: K, value: TData[K]) => void;
+    errors: Record<string, string[]>;
+    processing: boolean;
+    post: (operation: string, overrides?: SubmitOverrides) => Promise<import("@archipelago-js/client").IslandResponse | undefined>;
+    put: (operation: string, overrides?: SubmitOverrides) => Promise<import("@archipelago-js/client").IslandResponse | undefined>;
+    patch: (operation: string, overrides?: SubmitOverrides) => Promise<import("@archipelago-js/client").IslandResponse | undefined>;
+    delete: (operation: string, overrides?: SubmitOverrides) => Promise<import("@archipelago-js/client").IslandResponse | undefined>;
+    reset: () => void;
+};
+export {};

package/dist/useIslandForm.js

@@ -0,0 +1,94 @@
+import { islandFetch } from "@archipelago-js/client";
+import { useCallback, useMemo, useRef, useState } from "react";
+import { useIslandContext } from "./context";
+export function useIslandForm({ initialData, clearFieldErrorsOnChange = true, fixedParams = {} }) {
+    const { component, params, stream, setState } = useIslandContext();
+    const [data, setDataState] = useState(initialData);
+    const [errors, setErrors] = useState({});
+    const [processing, setProcessing] = useState(false);
+    const requestRef = useRef(null);
+    const setData = useCallback((field, value) => {
+        setDataState((previous) => ({
+            ...previous,
+            [field]: value
+        }));
+        if (clearFieldErrorsOnChange) {
+            setErrors((previous) => {
+                if (!(field in previous)) {
+                    return previous;
+                }
+                const next = { ...previous };
+                delete next[field];
+                return next;
+            });
+        }
+    }, [clearFieldErrorsOnChange]);
+    const submit = useCallback(async (method, operation, overrides = {}) => {
+        requestRef.current?.controller.abort();
+        const controller = new AbortController();
+        const requestId = (requestRef.current?.id ?? 0) + 1;
+        requestRef.current = { id: requestId, controller };
+        setProcessing(true);
+        const payload = method === "post" ? data : { ...data, _method: method };
+        try {
+            const response = await islandFetch(component, operation, payload, {
+                signal: controller.signal,
+                fixedParams: {
+                    ...params,
+                    ...fixedParams,
+                    ...(stream ? { __stream: stream } : {})
+                },
+                overridePayload: overrides.payload,
+                navigate: overrides.navigate
+            });
+            if (requestRef.current?.id !== requestId) {
+                return response;
+            }
+            if (response.status === "ok") {
+                setErrors({});
+                setState((previous) => ({
+                    props: response.props,
+                    version: typeof response.version === "number" && response.version > previous.version
+                        ? response.version
+                        : previous.version
+                }));
+            }
+            if (response.status === "error") {
+                setErrors(response.errors);
+            }
+            if (response.status === "forbidden") {
+                setErrors({ _base: ["forbidden"] });
+            }
+            return response;
+        }
+        catch (error) {
+            if (error.name === "AbortError") {
+                return undefined;
+            }
+            throw error;
+        }
+        finally {
+            if (requestRef.current?.id === requestId) {
+                setProcessing(false);
+            }
+        }
+    }, [component, data, fixedParams, params, setState, stream]);
+    const reset = useCallback(() => {
+        setDataState(initialData);
+        setErrors({});
+    }, [initialData]);
+    return useMemo(() => {
+        return {
+            data,
+            setData,
+            errors,
+            processing,
+            post: (operation, overrides) => submit("post", operation, overrides),
+            put: (operation, overrides) => submit("put", operation, overrides),
+            patch: (operation, overrides) => submit("patch", operation, overrides),
+            delete: (operation, overrides) => submit("delete", operation, overrides),
+            reset
+        };
+    }, [data, errors, processing, reset, setData, submit]);
+}
+//# sourceMappingURL=useIslandForm.js.map

package/dist/useIslandForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIslandForm.js","sourceRoot":"","sources":["../src/useIslandForm.ts"],"names":[],"mappings":"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"}

package/dist/useIslandProps.d.ts

@@ -0,0 +1,11 @@
+import { type CableConsumer } from "./actionCable";
+export interface UseIslandPropsOptions {
+    stream?: string;
+    onLiveProps?: (next: Record<string, unknown>, previous: Record<string, unknown>) => Record<string, unknown>;
+    consumer?: CableConsumer;
+}
+export declare function useIslandProps(options?: UseIslandPropsOptions): {
+    props: Record<string, unknown>;
+    setProps: (next: Record<string, unknown>) => void;
+    version: number;
+};

package/dist/useIslandProps.js

@@ -0,0 +1,66 @@
+import { parseIslandResponse } from "@archipelago-js/client";
+import { useEffect, useMemo, useRef } from "react";
+import { subscribeToIslandStream } from "./actionCable";
+import { useIslandContext } from "./context";
+function streamVersion(payload, currentVersion) {
+    return typeof payload.version === "number" ? payload.version : currentVersion + 1;
+}
+export function useIslandProps(options = {}) {
+    const { state, setState, stream: contextStream } = useIslandContext();
+    const onLiveProps = options.onLiveProps;
+    const stream = options.stream ?? contextStream;
+    const versionRef = useRef(state.version);
+    useEffect(() => {
+        versionRef.current = state.version;
+    }, [state.version]);
+    useEffect(() => {
+        if (!stream) {
+            return undefined;
+        }
+        const subscription = subscribeToIslandStream({
+            streamName: stream,
+            consumer: options.consumer,
+            onMessage: (rawPayload) => {
+                let parsed;
+                try {
+                    parsed = parseIslandResponse(rawPayload);
+                }
+                catch {
+                    return;
+                }
+                if (parsed.status !== "ok") {
+                    return;
+                }
+                const nextVersion = streamVersion(parsed, versionRef.current);
+                if (nextVersion <= versionRef.current) {
+                    return;
+                }
+                setState((previous) => {
+                    const nextProps = onLiveProps
+                        ? onLiveProps(parsed.props, previous.props)
+                        : parsed.props;
+                    return {
+                        props: nextProps,
+                        version: nextVersion
+                    };
+                });
+            }
+        });
+        return () => {
+            subscription.unsubscribe();
+        };
+    }, [onLiveProps, options.consumer, setState, stream]);
+    return useMemo(() => {
+        return {
+            props: state.props,
+            setProps: (next) => {
+                setState((previous) => ({
+                    props: next,
+                    version: previous.version
+                }));
+            },
+            version: state.version
+        };
+    }, [setState, state.props, state.version]);
+}
+//# sourceMappingURL=useIslandProps.js.map

package/dist/useIslandProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIslandProps.js","sourceRoot":"","sources":["../src/useIslandProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,uBAAuB,EAAsB,MAAM,eAAe,CAAA;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAW5C,SAAS,aAAa,CAAC,OAA6B,EAAE,cAAsB;IAC1E,OAAO,OAAO,OAAO,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,GAAG,CAAC,CAAA;AACnF,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,UAAiC,EAAE;IAChE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,gBAAgB,EAAE,CAAA;IACrE,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,CAAA;IACvC,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,IAAI,aAAa,CAAA;IAC9C,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAA;IACpC,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAA;IAEnB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,SAAS,CAAA;QAClB,CAAC;QAED,MAAM,YAAY,GAAG,uBAAuB,CAAC;YAC3C,UAAU,EAAE,MAAM;YAClB,QAAQ,EAAE,OAAO,CAAC,QAAQ;YAC1B,SAAS,EAAE,CAAC,UAAU,EAAE,EAAE;gBACxB,IAAI,MAA8C,CAAA;gBAClD,IAAI,CAAC;oBACH,MAAM,GAAG,mBAAmB,CAAC,UAAU,CAAC,CAAA;gBAC1C,CAAC;gBAAC,MAAM,CAAC;oBACP,OAAM;gBACR,CAAC;gBAED,IAAI,MAAM,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;oBAC3B,OAAM;gBACR,CAAC;gBAED,MAAM,WAAW,GAAG,aAAa,CAAC,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;gBAC7D,IAAI,WAAW,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;oBACtC,OAAM;gBACR,CAAC;gBAED,QAAQ,CAAC,CAAC,QAAQ,EAAE,EAAE;oBACpB,MAAM,SAAS,GAAG,WAAW;wBAC3B,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC;wBAC3C,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;oBAEhB,OAAO;wBACL,KAAK,EAAE,SAAS;wBAChB,OAAO,EAAE,WAAW;qBACrB,CAAA;gBACH,CAAC,CAAC,CAAA;YACJ,CAAC;SACF,CAAC,CAAA;QAEF,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,WAAW,EAAE,CAAA;QAC5B,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAA;IAErD,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,OAAO;YACL,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,QAAQ,EAAE,CAAC,IAA6B,EAAE,EAAE;gBAC1C,QAAQ,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;oBACtB,KAAK,EAAE,IAAI;oBACX,OAAO,EAAE,QAAQ,CAAC,OAAO;iBAC1B,CAAC,CAAC,CAAA;YACL,CAAC;YACD,OAAO,EAAE,KAAK,CAAC,OAAO;SACvB,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAA;AAC5C,CAAC"}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@archipelago-js/react",
+  "version": "0.1.0",
+  "description": "React bindings for Archipelago islands",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "clean": "rm -rf dist",
+    "build": "yarn clean && tsc -p tsconfig.build.json",
+    "test": "vitest run packages/react/test",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  },
+  "peerDependencies": {
+    "@archipelago-js/client": "^0.1.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/robrace/archipelago.git",
+    "directory": "packages/react"
+  },
+  "bugs": {
+    "url": "https://github.com/robrace/archipelago/issues"
+  },
+  "homepage": "https://github.com/robrace/archipelago/tree/main/packages/react"
+}