@applicaster/zapp-react-native-utils 13.0.0-alpha.1909212433 → 13.0.0-alpha.1918049654

package/manifestUtils/sharedConfiguration/screenPicker/utils.js

@@ -1,130 +0,0 @@
-const defaultPlatforms = {
-  tvos: "tvOS",
-  android_tv: "Android TV",
-  lg_tv: "LG TV",
-  samsung_tv: "Samsung TV",
-};
-
-const global_defaults = {
-  fontSize: 20,
-  lineHeight: 40,
-  letterSpacing: 0.4,
-};
-
-const generateFontConfiguration = (platforms = defaultPlatforms) => {
-  const platformEntries = Object.entries(platforms);
-  const defaultsEntries = Object.entries(global_defaults);
-  const splitCamelCase = (str) => str.replace(/([a-z](?=[A-Z]))/g, "$1_");
-
-  return platformEntries.reduce((acc, [platformKey, platformValue]) => {
-    acc.push(
-      ...defaultsEntries.reduce((acc2, [valueKey, defaultValue]) => {
-        acc2.push({
-          type: "number_input",
-          label: `${platformValue} ${splitCamelCase(valueKey).replace(
-            "_",
-            " "
-          )}`,
-          key: `${platformKey}_${splitCamelCase(valueKey)}`.toLowerCase(),
-          initial_value: defaultValue,
-        });
-
-        return acc2;
-      }, [])
-    );
-
-    return acc;
-  }, []);
-};
-
-const conditional_rule = (key, condition_value) => ({
-  key,
-  condition_value,
-});
-
-const createConditionalConfig = (rules, matchAll = false) => ({
-  rules: matchAll ? "all_conditions" : "conditional",
-  conditional_fields: rules.map((field) => conditional_rule(...field)),
-});
-
-const conditional_horizontal_type = createConditionalConfig([
-  ["styles/screen_picker_type", "horizontal"],
-]);
-
-const conditional_vertical_type = createConditionalConfig([
-  ["styles/screen_picker_type", "vertical"],
-]);
-
-const conditional_horizontal_type_item_fixed = createConditionalConfig(
-  [
-    ["styles/screen_picker_type", "horizontal"],
-    ["styles/screen_picker_item_size", "fixed"],
-  ],
-  true
-);
-
-const conditional_horizontal_type_item_dynamic = createConditionalConfig(
-  [
-    ["styles/screen_picker_type", "horizontal"],
-    ["screen_picker_horizontal_display_type", "dynamic"],
-  ],
-  true
-);
-
-const conditional_horizontal_display_type_fixed = createConditionalConfig(
-  [
-    ["styles/screen_picker_type", "horizontal"],
-    ["styles/screen_picker_horizontal_display_type", "fixed"],
-  ],
-  true
-);
-
-const conditional_horizontal_asset_on = createConditionalConfig(
-  [
-    ["styles/screen_picker_type", "horizontal"],
-    ["styles/screen_picker_asset_switch", true],
-  ],
-  true
-);
-
-const createVariationFields = ({
-  prefix = "screen_picker",
-  key,
-  type = "number_input",
-  label = "",
-  variants: [a, b],
-}) => {
-  return [
-    {
-      type,
-      key: `${prefix}${prefix.length > 0 ? "_" : ""}${
-        a?.key ?? "vertical"
-      }_${key}`,
-      label: a?.label ?? label,
-      initial_value: a.initial_value,
-      ...conditional_vertical_type,
-    },
-    {
-      type,
-      key: `${prefix}${prefix.length > 0 ? "_" : ""}${
-        b.key ?? "horizontal"
-      }_${key}`,
-      label: b?.label ?? label,
-      initial_value: b.initial_value,
-      ...conditional_horizontal_type,
-    },
-  ];
-};
-
-module.exports = {
-  generateFontConfiguration,
-  createVariationFields,
-  createConditionalConfig,
-  conditional_rule,
-  conditional_horizontal_type,
-  conditional_vertical_type,
-  conditional_horizontal_type_item_fixed,
-  conditional_horizontal_type_item_dynamic,
-  conditional_horizontal_display_type_fixed,
-  conditional_horizontal_asset_on,
-};

package/reactHooks/player/useAutoSeek.tsx

@@ -1,87 +0,0 @@
-import React, { useEffect, useState } from "react";
-import { usePrevious } from "@applicaster/zapp-react-native-utils/reactHooks/utils";
-import { playerManager } from "@applicaster/zapp-react-native-utils/appUtils/playerManager";
-import {
-  MAX_SEEK_TIME,
-  ON_HOLD_INTERVAL,
-  SEEK_TYPE,
-  SKIP_TIME_BASE,
-} from "./const";
-import { noop } from "../../functionUtils";
-
-export const useAutoSeek = (resetHUDTimer = noop) => {
-  const [isRunning, setIsRunning] = useState<boolean>(false);
-  const [direction, setDirection] = useState<Nullable<SEEK_TYPE>>(null);
-  const [multiplier, setMultiplier] = useState(1);
-  const intervalTimer = React.useRef(null);
-  const prevRunning = usePrevious(isRunning);
-
-  const clearIntervalTimer = () => {
-    try {
-      clearInterval(intervalTimer.current);
-    } catch (err) {
-      intervalTimer.current = null;
-    }
-  };
-
-  const setIntervalTimer = (cb) => {
-    clearIntervalTimer();
-    intervalTimer.current = setInterval(cb, ON_HOLD_INTERVAL);
-  };
-
-  const resetState = () => {
-    setIsRunning(false);
-    setDirection(null);
-    setMultiplier(1);
-    clearIntervalTimer();
-  };
-
-  useEffect(() => {
-    const player = playerManager.getInstanceController();
-
-    if (!player) return;
-
-    if (direction) {
-      player[direction](Math.min(MAX_SEEK_TIME, SKIP_TIME_BASE * multiplier));
-      resetHUDTimer();
-    }
-  }, [multiplier, direction]);
-
-  useEffect(() => {
-    if (isRunning && isRunning !== prevRunning) {
-      setIntervalTimer(() => {
-        setMultiplier((prev) => {
-          return prev + 1;
-        });
-      });
-    } else if (!isRunning && isRunning !== prevRunning) {
-      resetState();
-    }
-
-    return () => {
-      clearIntervalTimer();
-    };
-  }, [isRunning, direction]);
-
-  const autoSeekStop = React.useCallback(() => {
-    resetState();
-  }, []);
-
-  const autoSeekStart = React.useCallback(
-    (eventType: SEEK_TYPE) => {
-      // Check if there is another session running
-      if (isRunning) {
-        autoSeekStop();
-      }
-
-      setDirection(eventType);
-      setIsRunning(true);
-    },
-    [isRunning]
-  );
-
-  return React.useMemo(
-    () => ({ autoSeekStart, autoSeekStop }),
-    [autoSeekStart, autoSeekStop]
-  );
-};

package/reactHooks/player/useSeek.tsx

@@ -1,66 +0,0 @@
-import React from "react";
-import { SEEK_TYPE } from "./const";
-import { useTapSeek } from "./useTapSeek";
-import { useAutoSeek } from "./useAutoSeek";
-import { noop } from "../../functionUtils";
-
-export const useSeek = (resetHUDTimer = noop) => {
-  const handlePressEvent = useTapSeek();
-  const { autoSeekStart, autoSeekStop } = useAutoSeek(resetHUDTimer);
-
-  const onForwardPress = () => {
-    handlePressEvent(SEEK_TYPE.FORWARD);
-  };
-
-  const onRewindPress = () => {
-    handlePressEvent(SEEK_TYPE.REWIND);
-  };
-
-  const onForwardPressIn = () => {
-    autoSeekStart(SEEK_TYPE.FORWARD);
-  };
-
-  const onForwardPressOut = () => {
-    autoSeekStop();
-  };
-
-  const onRewindPressIn = () => {
-    autoSeekStart(SEEK_TYPE.REWIND);
-  };
-
-  const onRewindLongPress = () => {
-    autoSeekStart(SEEK_TYPE.REWIND);
-  };
-
-  const onForwardLongPress = () => {
-    autoSeekStart(SEEK_TYPE.FORWARD);
-  };
-
-  const onRewindPressOut = () => {
-    autoSeekStop();
-  };
-
-  return React.useMemo(
-    () => ({
-      onForwardPress,
-      onRewindPress,
-      onForwardPressIn,
-      onForwardPressOut,
-      onRewindPressIn,
-      onRewindPressOut,
-      onRewindLongPress,
-      onForwardLongPress,
-    }),
-    [handlePressEvent, autoSeekStart]
-  );
-};
-
-export const withUseSeek = (Component) =>
-  Object.assign(
-    (props) => {
-      const seekMethods = useSeek(props?.resetHUDTimer);
-
-      return <Component {...props} seekMethods={seekMethods} />;
-    },
-    { displayName: "WithUseSeek" }
-  );

package/reactHooks/player/useTapSeek.tsx

@@ -1,58 +0,0 @@
-import { useCallback, useRef } from "react";
-import * as R from "ramda";
-import {
-  MAX_SEEK_TIME,
-  ON_PRESS_RESET_DURATION,
-  SEEK_TYPE,
-  SKIP_TIME_BASE,
-} from "./const";
-import { playerManager } from "@applicaster/zapp-react-native-utils/appUtils";
-
-type SeekType = SEEK_TYPE | null;
-
-const getSkipTime = (multiplier) => {
-  const skipTime = R.min(MAX_SEEK_TIME, SKIP_TIME_BASE * multiplier);
-
-  return skipTime;
-};
-
-export const useTapSeek = () => {
-  const onPressMultiplier = useRef(1);
-  const lastPressTime = useRef(0);
-  const currentOnPressEventType = useRef<SeekType>(null);
-
-  const resetMultiplier = useCallback(() => {
-    onPressMultiplier.current = 1;
-  }, []);
-
-  const handlePressEvent = useCallback(
-    (eventType) => {
-      const player = playerManager.getInstanceController();
-      if (!player) return;
-
-      const now = Date.now();
-      const timeSinceLastPress = now - lastPressTime.current;
-      const isSameEventType = eventType === currentOnPressEventType.current;
-
-      const isWithinResetDuration =
-        timeSinceLastPress <= ON_PRESS_RESET_DURATION;
-
-      const shouldIncreaseMultiplier = isSameEventType && isWithinResetDuration;
-
-      if (shouldIncreaseMultiplier) {
-        onPressMultiplier.current += 1;
-      } else {
-        resetMultiplier();
-      }
-
-      const seekTime = getSkipTime(onPressMultiplier.current);
-      player[eventType](seekTime);
-
-      lastPressTime.current = now;
-      currentOnPressEventType.current = eventType;
-    },
-    [resetMultiplier]
-  );
-
-  return handlePressEvent;
-};