@applicaster/quick-brick-player 14.0.0-rc.78 → 14.0.0-rc.79

package/src/utils/dimensions.ts

@@ -0,0 +1,29 @@
+import { Dimensions } from "react-native";
+
+export const getWindowDimensions = () => {
+  const { width, height } = Dimensions.get("window");
+
+  return { width, height };
+};
+
+export const getMaxWindowDimension = () => {
+  const { width, height } = getWindowDimensions();
+
+  return Math.max(width, height);
+};
+
+export const getMinWindowDimension = () => {
+  const { width, height } = getWindowDimensions();
+
+  return Math.min(width, height);
+};
+
+/**
+ * Calculates the screen aspect ratio (long edge / short edge)
+ */
+export const getScreenAspectRatio = () => {
+  const longEdge = getMaxWindowDimension();
+  const shortEdge = getMinWindowDimension();
+
+  return longEdge / shortEdge;
+};

package/src/utils/index.ts

@@ -0,0 +1,12 @@
+export * as const from "./const";
+
+export * from "./dimensions";
+
+export * from "./playerHelpers";
+
+export * from "./playerStyles";
+
+/**
+ * Logger instance for the player
+ */
+export { logger } from "./logger";

package/src/utils/logger.ts

@@ -0,0 +1,6 @@
+import { Categories, createLogger, Subsystem } from "../logger";
+
+export const logger = createLogger({
+  category: Categories.PLAYER,
+  subsystem: Subsystem,
+});

package/src/utils/playerHelpers.ts

@@ -0,0 +1,11 @@
+import { logger } from "./logger";
+
+export const createUnhandledEventHandler = (eventName: string) => {
+  return function dispatchUnhandledEvent({ nativeEvent = null }) {
+    logger.warning({
+      message:
+        "You have invoked an event that is being deprecated or unhandled",
+      data: { eventName, nativeEvent },
+    });
+  };
+};

package/src/utils/playerStyles.ts

@@ -0,0 +1,50 @@
+import { ViewStyle } from "react-native";
+import {
+  isApplePlatform,
+  isTV,
+  isAndroidPlatform,
+} from "@applicaster/zapp-react-native-utils/reactUtils";
+
+export const PLAYER_CONTAINER_STYLES = {
+  playerContainerBlack: { backgroundColor: "#000000" },
+  playerContainerTransparent: { backgroundColor: "transparent" },
+  audio: {
+    overflow: "hidden" as const,
+    position: "absolute" as const,
+    zIndex: 1,
+  },
+} as const;
+
+export const getPlayerContainerStyles = (
+  isAudioItem: boolean,
+  styles: typeof PLAYER_CONTAINER_STYLES
+) => {
+  return isApplePlatform()
+    ? styles.playerContainerBlack
+    : isTV() && isAudioItem
+      ? styles.playerContainerTransparent
+      : styles.playerContainerBlack;
+};
+
+export const getBackgroundImageStyle = (
+  dimensions: any,
+  isAudioItem: boolean,
+  styles: typeof PLAYER_CONTAINER_STYLES
+): ViewStyle => ({
+  ...(isAudioItem ? styles.audio : { position: "absolute" }),
+  ...dimensions,
+});
+
+export const getPlayerViewStyle = (
+  dimensions: ViewStyle,
+  isAudioItem: boolean,
+  styles: typeof PLAYER_CONTAINER_STYLES
+): ViewStyle => {
+  const generalStyles = isAudioItem ? styles.audio : {};
+
+  if (isAndroidPlatform() && isAudioItem) {
+    return generalStyles;
+  }
+
+  return { ...generalStyles, ...dimensions };
+};