@applicaster/zapp-react-native-utils 14.0.0-alpha.9203091422 → 14.0.0-alpha.9551591420

package/actionsExecutor/feedDecorator.ts

@@ -1,171 +0,0 @@
-import * as R from "ramda";
-import { getNamespaceAndKey } from "../appUtils/contextKeysManager/utils";
-import { createLogger } from "../logger";
-
-const { log_error, log_verbose } = createLogger({
-  subsystem: "FeedDecorator",
-  category: "General",
-});
-
-function getScope(scope) {
-  if (scope === "screen") {
-    return scope;
-  } else if (!scope || scope === "ctx") {
-    return "ctx";
-  } else {
-    log_verbose(
-      `decorateFeed: Unsupported scope "${scope}" provided in preference_editor_options. Defaulting to "ctx".`
-    );
-
-    return "ctx";
-  }
-}
-
-function makeMultiSelect(feed: ZappFeed, key, decoratedFeed) {
-  const scope = getScope(
-    decoratedFeed.extensions?.preference_editor_options?.scope
-  );
-
-  const behavior = {
-    ...feed.extensions?.["behavior"],
-    select_mode: "multi",
-    current_selection: `@{${scope}/${key}}`,
-  };
-
-  if (!feed.extensions) {
-    decoratedFeed.extensions = {
-      behavior,
-    };
-  } else {
-    decoratedFeed.extensions.behavior = behavior;
-  }
-
-  const actionType =
-    decoratedFeed.extensions?.preference_editor_options?.scope === "screen"
-      ? "screenToggleFlag"
-      : decoratedFeed.extensions?.preference_editor_options?.scope === "session"
-        ? "sessionStorageToggleFlag"
-        : "localStorageToggleFlag";
-
-  decoratedFeed.entry?.forEach((entry: ZappEntry) => {
-    entry.type.value = "action";
-    entry.id = entry.extensions?.tag || entry.id;
-
-    entry.extensions = {
-      ...(entry.extensions || {}),
-      tap_actions: {
-        actions: [
-          {
-            type: actionType,
-            options: {
-              key,
-            },
-          },
-        ],
-      },
-    };
-  });
-
-  return decoratedFeed;
-}
-
-function makeSingleSelect(feed: ZappFeed, key, decoratedFeed) {
-  const scope = getScope(
-    decoratedFeed.extensions?.preference_editor_options?.scope
-  );
-
-  const behavior = {
-    ...feed.extensions?.["behavior"],
-    select_mode: "single",
-    current_selection: `@{${scope}/${key}}`,
-  };
-
-  if (!feed.extensions) {
-    decoratedFeed.extensions = {
-      behavior,
-    };
-  } else {
-    decoratedFeed.extensions.behavior = behavior;
-  }
-
-  const localStorageProducer = (entry: ZappFeed) => {
-    entry.id = entry.extensions?.tag || entry.id;
-    const { key: keyName, namespace } = getNamespaceAndKey(key);
-
-    const action =
-      decoratedFeed.extensions?.preference_editor_options?.scope === "session"
-        ? "sessionStorageSet"
-        : "localStorageSet";
-
-    return {
-      type: action,
-      options: {
-        content: {
-          [namespace]: {
-            [keyName]: entry.id,
-          },
-        },
-      },
-    };
-  };
-
-  const screenStateProducer = (entry: ZappFeed) => {
-    entry.id = entry.extensions?.tag || entry.id;
-
-    return {
-      type: "screenSetVariable",
-      options: {
-        key,
-        value: entry.id,
-      },
-    };
-  };
-
-  const producer =
-    decoratedFeed.extensions?.preference_editor_options?.scope === "screen"
-      ? screenStateProducer
-      : localStorageProducer;
-
-  decoratedFeed.entry?.forEach((entry: ZappEntry) => {
-    entry.type.value = "action";
-
-    entry.extensions = {
-      ...(entry.extensions || {}),
-      tap_actions: {
-        actions: [producer(entry)],
-      },
-    };
-  });
-
-  return decoratedFeed;
-}
-
-export const decorateFeed = (feed: ZappFeed) => {
-  if (!(feed.extensions?.["role"] === "preference_editor")) {
-    return feed;
-  }
-
-  const key = feed.extensions?.["preference_editor_options"]?.["key"];
-
-  if (!key) {
-    log_error(
-      `decorateFeed: No 'key' provided in feed titled "${feed.title}" with id "${feed.id}" in preference_editor_options. The preference_editor role requires a key for local storage.`
-    );
-
-    throw new Error(
-      "decorateFeed: No 'key' provided in feed preference_editor_options"
-    );
-  }
-
-  const decoratedFeed = R.clone(feed);
-
-  const isSingleSelect =
-    (feed.extensions?.["preference_editor_options"]?.select_mode ||
-      feed.extensions?.["behavior"]?.select_mode) === "single";
-
-  if (isSingleSelect) {
-    return makeSingleSelect(feed, key, decoratedFeed);
-  } else {
-    return makeMultiSelect(feed, key, decoratedFeed);
-  }
-};

package/actionsExecutor/screenResolver.ts

@@ -1,11 +0,0 @@
-import { useMemo } from "react";
-import { ScreenStateResolver } from "../appUtils/contextKeysManager/contextResolver";
-import { useScreenStateStore } from "../reactHooks/navigation/useScreenStateStore";
-
-export const useScreenResolvers = () => {
-  const screenStateStore = useScreenStateStore();
-
-  return useMemo(() => {
-    return { screen: new ScreenStateResolver(screenStateStore) };
-  }, [screenStateStore]);
-};

package/reactHooks/navigation/useScreenStateStore.ts

@@ -1,8 +0,0 @@
-import { useRoute } from "./useRoute";
-import { useMemo } from "react";
-
-export const useScreenStateStore = () => {
-  const route = useRoute(false);
-
-  return useMemo(() => route.screenData["screenStateStore"], [route.pathname]);
-};

package/storage/ScreenSingleValueProvider.ts

@@ -1,201 +0,0 @@
-import { BehaviorSubject } from "rxjs";
-import { SingleValueProvider } from "./StorageSingleSelectProvider";
-import { createLogger } from "../logger";
-import { bridgeLogger } from "../../zapp-react-native-bridge/logger";
-
-export const { log_debug, log_error } = createLogger({
-  category: "ScreenSingleValueProvider",
-  subsystem: "zapp-react-native-bridge",
-  parent: bridgeLogger,
-});
-
-export class ScreenSingleValueProvider implements SingleValueProvider {
-  // @ts-ignore
-  private valueSubject: BehaviorSubject<string | null>;
-  private screenStateStoreUnsubscribe: (() => void) | null = null;
-
-  private static providers: Record<
-    string,
-    Record<string, SingleValueProvider>
-  > = {};
-
-  public static getProvider(
-    key: string,
-    screenRoute: string,
-    screenStateStore: ScreenStateStore
-  ): SingleValueProvider {
-    if (!key) {
-      throw new Error("ScreenSingleValueProvider: Key is required");
-    }
-
-    if (!screenRoute) {
-      throw new Error("ScreenSingleValueProvider: Screen route is required");
-    }
-
-    if (!screenStateStore) {
-      throw new Error(
-        "ScreenSingleValueProvider: screen state store is required"
-      );
-    }
-
-    if (!this.providers[screenRoute]) {
-      this.providers[screenRoute] = {};
-    }
-
-    try {
-      if (!this.providers[screenRoute][key]) {
-        this.providers[screenRoute][key] = new ScreenSingleValueProvider(
-          key,
-          screenRoute,
-          screenStateStore
-        );
-      } else {
-        (
-          this.providers[screenRoute][key] as ScreenSingleValueProvider
-        ).updateStore(screenStateStore);
-      }
-    } catch (error) {
-      log_error("Failed to create provider", { key, screenRoute, error });
-      throw error;
-    }
-
-    return this.providers[screenRoute][key];
-  }
-
-  // @ts-ignore
-  private constructor(
-    private key: string,
-    route: string,
-    private screenStateStore: ScreenStateStore
-  ) {
-    if (!key) {
-      throw new Error("ScreenSingleValueProvider: Key is required");
-    }
-
-    if (!screenStateStore) {
-      throw new Error(
-        "ScreenSingleValueProvider: screen state store is required"
-      );
-    }
-
-    this.key = key;
-    this.valueSubject = new BehaviorSubject<string | null>(null);
-
-    this.setupScreenStateSubscription();
-
-    void this.getValueAsync();
-
-    log_debug("ScreenSingleValueProvider: Initializing", { key, route });
-  }
-
-  private updateStore(screenStateStore: ScreenStateStore): void {
-    this.cleanup();
-    this.screenStateStore = screenStateStore;
-    this.setupScreenStateSubscription();
-    void this.getValueAsync();
-  }
-
-  private setupScreenStateSubscription(): void {
-    this.screenStateStoreUnsubscribe = this.screenStateStore.subscribe(
-      (state) => ({
-        value: state.data[this.key],
-        exists: this.key in state.data,
-      }),
-      (current, previous) => {
-        if (!current.exists && previous.exists) {
-          log_debug(
-            `ScreenSingleValueProvider: Key deleted from store: ${this.key}`
-          );
-
-          // TODO: If we need to handle deletion, we can do it here
-        }
-
-        if (current.value !== previous.value) {
-          this.valueSubject.next(current.value || null);
-
-          log_debug(`ScreenSingleValueProvider: Key updated: ${this.key}`, {
-            previous: previous.value,
-            current: current.value,
-          });
-        }
-      }
-    );
-
-    log_debug(
-      `ScreenSingleValueProvider: screen state store subscription setup for key: ${this.key}`
-    );
-  }
-
-  private cleanup(): void {
-    if (this.screenStateStoreUnsubscribe) {
-      this.screenStateStoreUnsubscribe();
-      this.screenStateStoreUnsubscribe = null;
-
-      log_debug(
-        `ScreenSingleValueProvider: Unsubscribed from screen state store for key: ${this.key}`
-      );
-    }
-  }
-
-  clearValue(): Promise<void> {
-    this.screenStateStore.getState().removeValue(this.key);
-    this.valueSubject.next(null);
-
-    log_debug(`clearValue: value cleared for key: ${this.key}`);
-
-    return Promise.resolve();
-  }
-
-  getObservable(): BehaviorSubject<string | null> {
-    return this.valueSubject;
-  }
-
-  getValue(): string | null {
-    return this.valueSubject.value;
-  }
-
-  getValueAsync(): Promise<string | null> {
-    const currentValue = this.screenStateStore.getState().data[this.key];
-    const value = currentValue || null;
-    const selected = this.getValue();
-    const valuesAreEqual = value === selected;
-
-    const bothEmpty =
-      (value === null || value === "") &&
-      (selected === null || selected === "");
-
-    if (!this.valueSubject.closed && !valuesAreEqual && !bothEmpty) {
-      this.valueSubject.next(value);
-    }
-
-    return Promise.resolve(value);
-  }
-
-  setValue(value: string): Promise<void> {
-    this.screenStateStore.getState().setValue(this.key, value);
-    this.valueSubject.next(value);
-
-    log_debug(`setValue: value set for key: ${this.key}`, { value });
-
-    return Promise.resolve();
-  }
-
-  // TODO: remove if not needed
-
-  public static cleanupRoute(screenRoute: string): void {
-    if (this.providers[screenRoute]) {
-      Object.values(this.providers[screenRoute]).forEach((provider) => {
-        (provider as ScreenSingleValueProvider).destroy();
-      });
-
-      delete this.providers[screenRoute];
-    }
-  }
-
-  // TODO: remove if not needed
-
-  public destroy(): void {
-    this.valueSubject.complete();
-    this.cleanup();
-  }
-}

package/storage/ScreenStateMultiSelectProvider.ts

@@ -1,290 +0,0 @@
-import { MultiSelectProvider } from "./StorageMultiSelectProvider";
-import { BehaviorSubject } from "rxjs";
-import { createLogger } from "../logger";
-import { bridgeLogger } from "../../zapp-react-native-bridge/logger";
-
-export const { log_debug, log_error } = createLogger({
-  category: "ScreenMultiSelectProvider",
-  subsystem: "zapp-react-native-bridge",
-  parent: bridgeLogger,
-});
-
-export class ScreenMultiSelectProvider implements MultiSelectProvider {
-  // @ts-ignore
-  private itemSubject: BehaviorSubject<string[] | null>;
-  private screenStateStoreUnsubscribe: (() => void) | null = null;
-
-  private static providers: Record<
-    string,
-    Record<string, MultiSelectProvider>
-  > = {};
-
-  public static getProvider(
-    key: string,
-    screenRoute: string,
-    screenStateStore: ScreenStateStore
-  ): MultiSelectProvider {
-    if (!key) {
-      throw new Error("ScreenMultiSelectProvider: Key is required");
-    }
-
-    if (!screenRoute) {
-      throw new Error("ScreenMultiSelectProvider: Screen route is required");
-    }
-
-    if (!screenStateStore) {
-      throw new Error(
-        "ScreenMultiSelectProvider: screen state store is required"
-      );
-    }
-
-    if (!this.providers[screenRoute]) {
-      this.providers[screenRoute] = {};
-    }
-
-    try {
-      if (!this.providers[screenRoute][key]) {
-        this.providers[screenRoute][key] = new ScreenMultiSelectProvider(
-          key,
-          screenRoute,
-          screenStateStore
-        );
-      } else {
-        (
-          this.providers[screenRoute][key] as ScreenMultiSelectProvider
-        ).updateStore(screenStateStore);
-      }
-    } catch (error) {
-      log_error("Failed to create provider", { key, screenRoute, error });
-      throw error;
-    }
-
-    return this.providers[screenRoute][key];
-  }
-
-  // @ts-ignore
-  private constructor(
-    private key: string,
-    route: string,
-    private screenStateStore: ScreenStateStore
-  ) {
-    if (!key) {
-      throw new Error("ScreenMultiSelectProvider: Key is required");
-    }
-
-    if (!screenStateStore) {
-      throw new Error(
-        "ScreenMultiSelectProvider: screen state store is required"
-      );
-    }
-
-    this.key = key;
-    this.itemSubject = new BehaviorSubject<string[]>([]);
-
-    this.setupScreenStateSubscription();
-
-    void this.getSelectedAsync();
-
-    log_debug("ScreenMultiSelectProvider: Initializing", { key, route });
-  }
-
-  private updateStore(screenStateStore: ScreenStateStore): void {
-    if (screenStateStore === this.screenStateStore) {
-      return;
-    }
-
-    this.cleanup();
-    this.screenStateStore = screenStateStore;
-    this.setupScreenStateSubscription();
-    void this.getSelectedAsync();
-  }
-
-  private setupScreenStateSubscription(): void {
-    this.screenStateStoreUnsubscribe = this.screenStateStore.subscribe(
-      (state) => ({
-        value: state.data[this.key],
-        exists: this.key in state.data,
-      }),
-      (current, previous) => {
-        if (!current.exists && previous.exists) {
-          log_debug(
-            `ScreenMultiSelectProvider: Key deleted from store: ${this.key}`
-          );
-
-          // TODO: If we need to handle deletion, we can do it here
-        }
-
-        if (current.value !== previous.value) {
-          const items = this.parseStoredValue(current.value);
-          this.itemSubject.next(items);
-
-          log_debug(`ScreenMultiSelectProvider: Key updated: ${this.key}`, {
-            previous: this.parseStoredValue(previous.value),
-            current: items,
-          });
-        }
-      }
-    );
-
-    log_debug(
-      `ScreenMultiSelectProvider: screen state store subscription setup for key: ${this.key}`
-    );
-  }
-
-  private parseStoredValue(value: string): string[] {
-    if (!value) return [];
-
-    return typeof value === "string"
-      ? value.split(",").filter((item) => item.length > 0)
-      : [];
-  }
-
-  private formatValueForStorage(items: string[]): string {
-    return items.join(",");
-  }
-
-  private getCurrentItems(): Set<string> {
-    const currentValue = this.screenStateStore.getState().data[this.key];
-    const items = this.parseStoredValue(currentValue);
-
-    return new Set(items);
-  }
-
-  private updateScreenState(items: Set<string>): void {
-    const itemsArray = Array.from(items);
-    const formattedValue = this.formatValueForStorage(itemsArray);
-
-    this.screenStateStore.getState().setValue(this.key, formattedValue);
-    const itemsToUpdate = Array.from(items) || [];
-    this.itemSubject.next(itemsToUpdate);
-  }
-
-  private cleanup(): void {
-    if (this.screenStateStoreUnsubscribe) {
-      this.screenStateStoreUnsubscribe();
-      this.screenStateStoreUnsubscribe = null;
-
-      log_debug(
-        `ScreenMultiSelectProvider: Unsubscribed from screen state store for key: ${this.key}`
-      );
-    }
-  }
-
-  addItem(item: string): Promise<void> {
-    const items = this.getCurrentItems();
-    items.add(item);
-    this.updateScreenState(items);
-
-    log_debug(
-      `addItem: item added: ${item}, current items: [${Array.from(items).join(", ")}]`
-    );
-
-    return Promise.resolve();
-  }
-
-  addItems(itemsToAdd: string[]): Promise<void> {
-    const items = this.getCurrentItems();
-
-    for (const item of itemsToAdd) {
-      items.add(item);
-    }
-
-    this.updateScreenState(items);
-
-    log_debug(
-      `addItems: items added: [${itemsToAdd.join(", ")}], current items: [${Array.from(items).join(", ")}]`
-    );
-
-    return Promise.resolve();
-  }
-
-  public getObservable = (): BehaviorSubject<string[]> => this.itemSubject;
-
-  getSelectedAsync(): Promise<string[]> {
-    const currentValue = this.screenStateStore.getState().data[this.key] || [];
-    const values = this.parseStoredValue(currentValue);
-    const selected = this.getSelectedItems();
-
-    const arraysAreEqual =
-      Array.isArray(values) &&
-      Array.isArray(selected) &&
-      values.length === selected.length &&
-      values.every((val, index) => val === selected[index]);
-
-    const bothEmpty = values.length === 0 && selected.length === 0;
-
-    if (!this.itemSubject.closed && !arraysAreEqual && !bothEmpty) {
-      this.itemSubject.next(values);
-    }
-
-    return Promise.resolve(values);
-  }
-
-  getSelectedItems(): string[] {
-    return this.itemSubject.value || [];
-  }
-
-  removeAllItems(): Promise<void> {
-    this.screenStateStore.getState().removeValue(this.key);
-    this.itemSubject.next([]);
-
-    log_debug(`removeAllItems: all items removed for key: ${this.key}`);
-
-    return Promise.resolve();
-  }
-
-  removeItem(item: string): Promise<void> {
-    const items = this.getCurrentItems();
-    items.delete(item);
-
-    this.updateScreenState(items);
-
-    log_debug(
-      `removeItem: item removed: ${item}, remaining items: ${Array.from(items).join(", ")}`
-    );
-
-    return Promise.resolve();
-  }
-
-  removeItems(itemsToRemove: string[]): Promise<void> {
-    const items = this.getCurrentItems();
-
-    for (const item of itemsToRemove) {
-      items.delete(item);
-    }
-
-    this.updateScreenState(items);
-
-    log_debug(
-      `removeItems: items removed: [${itemsToRemove.join(", ")}], remaining items: [${Array.from(items).join(", ")}]`
-    );
-
-    return Promise.resolve();
-  }
-
-  setSelectedItems(items: string[]): Promise<void> {
-    this.updateScreenState(new Set(items));
-    log_debug(`setSelectedItems: items set to: [${items.join(", ")}]`);
-
-    return Promise.resolve();
-  }
-
-  // TODO: remove if not needed
-
-  public static cleanupRoute(screenRoute: string): void {
-    if (this.providers[screenRoute]) {
-      Object.values(this.providers[screenRoute]).forEach((provider) => {
-        (provider as ScreenMultiSelectProvider).destroy();
-      });
-
-      delete this.providers[screenRoute];
-    }
-  }
-
-  // TODO: remove if not needed
-
-  public destroy(): void {
-    this.itemSubject.complete();
-    this.cleanup();
-  }
-}