arlo-react-native 0.1.0 → 0.1.2

package/src/ArloPresenterRenderer.tsx

@@ -1,59 +0,0 @@
-import type { ReactNode } from "react";
-import { Text, View } from "react-native";
-
-import type { ArloPresenter } from "arlo-sdk";
-
-import { ArloFlowRenderer } from "./ArloFlowRenderer";
-import type { ArloFlowRendererProps } from "./types";
-import { useArloPresenter } from "./useArloPresenter";
-
-export interface ArloPresenterRendererProps
-  extends Omit<ArloFlowRendererProps, "session"> {
-  presenter: ArloPresenter;
-  loadingState?: ReactNode;
-  errorState?: (message: string) => ReactNode;
-}
-
-export function ArloPresenterRenderer({
-  presenter,
-  loadingState = (
-    <View>
-      <Text>Loading...</Text>
-    </View>
-  ),
-  errorState,
-  ...rendererProps
-}: ArloPresenterRendererProps) {
-  const state = useArloPresenter(presenter);
-
-  if (state.status === "loading") {
-    return <>{loadingState}</>;
-  }
-
-  if (state.status === "error") {
-    if (errorState) {
-      return <>{errorState(state.error?.message ?? "Unknown error")}</>;
-    }
-
-    return (
-      <View>
-        <Text>{state.error?.message ?? "Failed to load flow"}</Text>
-      </View>
-    );
-  }
-
-  if (!state.session) {
-    return <>{rendererProps.emptyState ?? null}</>;
-  }
-
-  return (
-    <ArloFlowRenderer
-      session={state.session}
-      {...rendererProps}
-      onSnapshotChange={(snapshot) => {
-        rendererProps.onSnapshotChange?.(snapshot);
-        presenter.syncSession();
-      }}
-    />
-  );
-}

package/src/index.ts

@@ -1,23 +0,0 @@
-export { ArloFlowRenderer } from "./ArloFlowRenderer";
-export { ArloPresenterRenderer } from "./ArloPresenterRenderer";
-export { createArloRegistry } from "./registry";
-export { createReactNativeFlowCache } from "./storage-cache";
-export { useArloPresenter } from "./useArloPresenter";
-export type {
-  ArloComponentRenderContext,
-  ArloComponentRenderer,
-  ArloComponentRendererMap,
-  ArloCustomScreenRenderer,
-  ArloFlowRendererProps,
-} from "./types";
-export type {
-  ArloRegistry,
-  ArloRegisteredComponent,
-  ArloRegisteredScreen,
-  ArloRegistryComponentContext,
-  ArloRegistryScreenContext,
-} from "./registry";
-export type {
-  AsyncStorageLike,
-  CreateReactNativeFlowCacheOptions,
-} from "./storage-cache";

package/src/registry.ts

@@ -1,45 +0,0 @@
-import type { ReactNode } from "react";
-
-import type { FlowComponent, FlowSession, FlowSessionSnapshot, Screen } from "arlo-sdk";
-
-export interface ArloRegistryScreenContext {
-  session: FlowSession;
-  snapshot: FlowSessionSnapshot;
-  screen: Screen;
-}
-
-export interface ArloRegistryComponentContext extends ArloRegistryScreenContext {
-  component: Extract<FlowComponent, { type: "CUSTOM_COMPONENT" }>;
-}
-
-export type ArloRegisteredScreen = (context: ArloRegistryScreenContext) => ReactNode;
-export type ArloRegisteredComponent = (
-  context: ArloRegistryComponentContext
-) => ReactNode;
-
-export interface ArloRegistry {
-  registerScreen(key: string, renderer: ArloRegisteredScreen): void;
-  registerComponent(key: string, renderer: ArloRegisteredComponent): void;
-  getScreen(key: string): ArloRegisteredScreen | null;
-  getComponent(key: string): ArloRegisteredComponent | null;
-}
-
-export function createArloRegistry(): ArloRegistry {
-  const screens = new Map<string, ArloRegisteredScreen>();
-  const components = new Map<string, ArloRegisteredComponent>();
-
-  return {
-    registerScreen(key: string, renderer: ArloRegisteredScreen): void {
-      screens.set(key, renderer);
-    },
-    registerComponent(key: string, renderer: ArloRegisteredComponent): void {
-      components.set(key, renderer);
-    },
-    getScreen(key: string): ArloRegisteredScreen | null {
-      return screens.get(key) ?? null;
-    },
-    getComponent(key: string): ArloRegisteredComponent | null {
-      return components.get(key) ?? null;
-    },
-  };
-}

package/src/storage-cache.ts

@@ -1,29 +0,0 @@
-import { createPersistentFlowCache, type ArloCacheStorage } from "arlo-sdk";
-
-export interface AsyncStorageLike {
-  getItem(key: string): Promise<string | null>;
-  setItem(key: string, value: string): Promise<void>;
-  removeItem(key: string): Promise<void>;
-}
-
-export interface CreateReactNativeFlowCacheOptions {
-  storage: AsyncStorageLike;
-  namespace?: string;
-  maxAgeMs?: number;
-}
-
-export function createReactNativeFlowCache(
-  options: CreateReactNativeFlowCacheOptions
-) {
-  const storage: ArloCacheStorage = {
-    getItem: options.storage.getItem.bind(options.storage),
-    setItem: options.storage.setItem.bind(options.storage),
-    removeItem: options.storage.removeItem.bind(options.storage),
-  };
-
-  return createPersistentFlowCache({
-    storage,
-    namespace: options.namespace,
-    maxAgeMs: options.maxAgeMs,
-  });
-}

package/src/types.ts

@@ -1,41 +0,0 @@
-import type { ReactNode } from "react";
-
-import type {
-  FlowBridgeHandlers,
-  FlowComponent,
-  FlowSession,
-  FlowSessionSnapshot,
-  Screen,
-} from "arlo-sdk";
-import type { ArloRegistry } from "./registry";
-
-export interface ArloComponentRenderContext {
-  session: FlowSession;
-  snapshot: FlowSessionSnapshot;
-  handlers?: FlowBridgeHandlers;
-  onValueChange: (fieldKey: string, value: string | string[] | number | boolean | null) => void;
-  onPressButton: (componentId: string) => Promise<void>;
-}
-
-export type ArloComponentRenderer<T extends FlowComponent = FlowComponent> = (
-  component: T,
-  context: ArloComponentRenderContext
-) => ReactNode;
-
-export type ArloComponentRendererMap = Partial<{
-  [K in FlowComponent["type"]]: ArloComponentRenderer<Extract<FlowComponent, { type: K }>>;
-}>;
-
-export type ArloCustomScreenRenderer = (screen: Screen, context: ArloComponentRenderContext) => ReactNode;
-
-export interface ArloFlowRendererProps {
-  session: FlowSession;
-  handlers?: FlowBridgeHandlers;
-  componentRenderers?: ArloComponentRendererMap;
-  registry?: ArloRegistry;
-  autoStart?: boolean;
-  emptyState?: ReactNode;
-  unsupportedComponent?: (component: FlowComponent) => ReactNode;
-  unsupportedScreen?: (screen: Screen) => ReactNode;
-  onSnapshotChange?: (snapshot: FlowSessionSnapshot) => void;
-}

package/src/useArloPresenter.ts

@@ -1,11 +0,0 @@
-import { useEffect, useState } from "react";
-
-import type { ArloPresentationState, ArloPresenter } from "arlo-sdk";
-
-export function useArloPresenter(presenter: ArloPresenter): ArloPresentationState {
-  const [state, setState] = useState<ArloPresentationState>(() => presenter.getState());
-
-  useEffect(() => presenter.subscribe(setState), [presenter]);
-
-  return state;
-}

package/tsconfig.json

@@ -1,16 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "noEmit": true,
-    "rootDir": "./src",
-    "module": "esnext",
-    "target": "ES2020",
-    "lib": ["ES2020", "DOM"],
-    "jsx": "react-jsx",
-    "baseUrl": ".",
-    "paths": {
-      "arlo-sdk": ["../arlo-sdk/src/index.ts"]
-    }
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx"]
-}