@amazon-devices/expo-system-ui 2.0.9000000002 → 3.0.0

package/plugin/src/withAndroidUserInterfaceStyle.ts

@@ -1,53 +0,0 @@
-import assert from 'assert';
-import { ExpoConfig } from 'expo/config';
-import { AndroidConfig, ConfigPlugin, withStringsXml } from 'expo/config-plugins';
-
-export type Props = {
-  userInterfaceStyle?: ExpoConfig['userInterfaceStyle'];
-};
-
-// strings.xml keys, this should not change.
-const USER_INTERFACE_STYLE_KEY = 'expo_system_ui_user_interface_style';
-
-export const withAndroidUserInterfaceStyle: ConfigPlugin<void> = (config) => {
-  return withStringsXml(config, (config) => {
-    config.modResults = setStrings(config.modResults, resolveProps(config));
-    return config;
-  });
-};
-
-export function resolveProps(config: Pick<ExpoConfig, 'userInterfaceStyle' | 'android'>): Props {
-  const userInterfaceStyle = config.android?.userInterfaceStyle ?? config.userInterfaceStyle;
-
-  assert(
-    !userInterfaceStyle || ['automatic', 'light', 'dark'].includes(userInterfaceStyle),
-    `expo-system-ui: Invalid userInterfaceStyle: "${userInterfaceStyle}"`
-  );
-
-  return { userInterfaceStyle };
-}
-
-export function setStrings(
-  strings: AndroidConfig.Resources.ResourceXML,
-  { userInterfaceStyle }: Props
-): AndroidConfig.Resources.ResourceXML {
-  const pairs = [[USER_INTERFACE_STYLE_KEY, userInterfaceStyle]] as [string, any][];
-
-  const stringItems: AndroidConfig.Resources.ResourceItemXML[] = [];
-  for (const [key, value] of pairs) {
-    if (value == null) {
-      // Since we're using custom strings, we can remove them for convenience between prebuilds.
-      strings = AndroidConfig.Strings.removeStringItem(key, strings);
-    } else {
-      stringItems.push(
-        AndroidConfig.Resources.buildResourceItem({
-          name: key,
-          value: String(value),
-          translatable: false,
-        })
-      );
-    }
-  }
-
-  return AndroidConfig.Strings.setStringItem(stringItems, strings);
-}

package/plugin/src/withIosRootViewBackgroundColor.ts

@@ -1,41 +0,0 @@
-// @ts-ignore: uses flow
-import normalizeColor from '@react-native/normalize-color';
-import { ExpoConfig } from 'expo/config';
-import { ConfigPlugin, InfoPlist, withInfoPlist } from 'expo/config-plugins';
-
-// Maps to the template AppDelegate.m
-const BACKGROUND_COLOR_KEY = 'RCTRootViewBackgroundColor';
-
-const debug = require('debug')('expo:system-ui:plugin:ios');
-
-export const withIosRootViewBackgroundColor: ConfigPlugin = (config) => {
-  config = withInfoPlist(config, (config) => {
-    config.modResults = setRootViewBackgroundColor(config, config.modResults);
-    return config;
-  });
-  return config;
-};
-
-export function setRootViewBackgroundColor(
-  config: Pick<ExpoConfig, 'backgroundColor' | 'ios'>,
-  infoPlist: InfoPlist
-): InfoPlist {
-  const backgroundColor = getRootViewBackgroundColor(config);
-  if (!backgroundColor) {
-    delete infoPlist[BACKGROUND_COLOR_KEY];
-  } else {
-    let color = normalizeColor(backgroundColor);
-    if (!color) {
-      throw new Error('Invalid background color on iOS');
-    }
-    color = ((color << 24) | (color >>> 8)) >>> 0;
-    infoPlist[BACKGROUND_COLOR_KEY] = color;
-
-    debug(`Convert color: ${backgroundColor} -> ${color}`);
-  }
-  return infoPlist;
-}
-
-export function getRootViewBackgroundColor(config: Pick<ExpoConfig, 'ios' | 'backgroundColor'>) {
-  return config.ios?.backgroundColor || config.backgroundColor || null;
-}

package/plugin/src/withIosUserInterfaceStyle.ts

@@ -1,47 +0,0 @@
-import { ExpoConfig } from 'expo/config';
-import { InfoPlist, ConfigPlugin, withInfoPlist } from 'expo/config-plugins';
-
-export const withIosUserInterfaceStyle: ConfigPlugin = (config) => {
-  return withInfoPlist(config, (config) => {
-    config.modResults = setUserInterfaceStyle(config, config.modResults);
-    return config;
-  });
-};
-
-export function getUserInterfaceStyle(
-  config: Pick<ExpoConfig, 'ios' | 'userInterfaceStyle'>
-): string {
-  return config.ios?.userInterfaceStyle ?? config.userInterfaceStyle ?? 'light';
-}
-
-export function setUserInterfaceStyle(
-  config: Pick<ExpoConfig, 'ios' | 'userInterfaceStyle'>,
-  { UIUserInterfaceStyle, ...infoPlist }: InfoPlist
-): InfoPlist {
-  const userInterfaceStyle = getUserInterfaceStyle(config);
-  const style = mapUserInterfaceStyleForInfoPlist(userInterfaceStyle);
-
-  if (!style) {
-    return infoPlist;
-  }
-
-  return {
-    ...infoPlist,
-    UIUserInterfaceStyle: style,
-  };
-}
-
-function mapUserInterfaceStyleForInfoPlist(
-  userInterfaceStyle: string
-): NonNullable<InfoPlist['UIUserInterfaceStyle']> | null {
-  switch (userInterfaceStyle) {
-    case 'light':
-      return 'Light';
-    case 'dark':
-      return 'Dark';
-    case 'automatic':
-      return 'Automatic';
-  }
-
-  return null;
-}

package/plugin/src/withSystemUI.ts

@@ -1,19 +0,0 @@
-import { ConfigPlugin, createRunOncePlugin, withPlugins } from 'expo/config-plugins';
-
-import { withAndroidRootViewBackgroundColor } from './withAndroidRootViewBackgroundColor';
-import { withAndroidUserInterfaceStyle } from './withAndroidUserInterfaceStyle';
-import { withIosRootViewBackgroundColor } from './withIosRootViewBackgroundColor';
-import { withIosUserInterfaceStyle } from './withIosUserInterfaceStyle';
-
-const pkg = require('expo-system-ui/package.json');
-
-const withSystemUI: ConfigPlugin = (config) => {
-  return withPlugins(config, [
-    withAndroidRootViewBackgroundColor,
-    withIosRootViewBackgroundColor,
-    withAndroidUserInterfaceStyle,
-    withIosUserInterfaceStyle,
-  ]);
-};
-
-export default createRunOncePlugin(withSystemUI, pkg.name, pkg.version);

package/plugin/tsconfig.json

@@ -1,9 +0,0 @@
-{
-  "extends": "expo-module-scripts/tsconfig.plugin",
-  "compilerOptions": {
-    "outDir": "build",
-    "rootDir": "src"
-  },
-  "include": ["./src"],
-  "exclude": ["**/__mocks__/*", "**/__tests__/*"]
-}

package/src/ExpoSystemUI.kepler.ts

@@ -1,27 +0,0 @@
-import { KeplerTurboModule, TurboModuleRegistry } from '@amazon-devices/keplerscript-turbomodule-api';
-
-interface Spec extends KeplerTurboModule {
-  readonly getBackgroundColorAsync: () => Promise<string>;
-  readonly resetBackgroundColorAsync: () => Promise<void>;
-  readonly setBackgroundColorAsync: (color: number) => Promise<void>;
-}
-
-const nativeModule = TurboModuleRegistry.getEnforcing<Spec>('ExpoSystemUI') as Spec;
-
-interface KeplerSystemUI {
-  readonly getBackgroundColorAsync: () => Promise<string | null>;
-  readonly setBackgroundColorAsync: (color: number | null) => Promise<void | null>;
-}
-
-const module: KeplerSystemUI = {
-  async getBackgroundColorAsync() {
-    return nativeModule.getBackgroundColorAsync();
-  },
-  async setBackgroundColorAsync(color: number | null) {
-    return color
-      ? nativeModule.setBackgroundColorAsync(color)
-      : nativeModule.resetBackgroundColorAsync();
-  },
-};
-
-export default module;

package/src/ExpoSystemUI.ts

@@ -1,2 +0,0 @@
-import { requireNativeModule } from 'expo-modules-core';
-export default requireNativeModule('ExpoSystemUI');

package/src/ExpoSystemUI.web.ts

@@ -1,21 +0,0 @@
-import { Platform } from 'expo-modules-core';
-// @ts-ignore: untyped
-import normalizeColor from 'react-native-web/dist/cjs/modules/normalizeColor';
-
-export default {
-  get name(): string {
-    return 'ExpoSystemUI';
-  },
-  getBackgroundColorAsync() {
-    if (Platform.isDOMAvailable) {
-      return normalizeColor(document.body.style.backgroundColor);
-    } else {
-      return null;
-    }
-  },
-  setBackgroundColorAsync(color: string | null) {
-    if (Platform.isDOMAvailable) {
-      document.body.style.backgroundColor = color ?? 'white';
-    }
-  },
-};

package/src/SystemUI.ts

@@ -1,35 +0,0 @@
-import { ColorValue, Platform, processColor } from 'react-native';
-
-import ExpoSystemUI from './ExpoSystemUI';
-
-/**
- * Changes the root view background color.
- * Call this function in the root file outside of you component.
- *
- * @example
- * ```ts
- * SystemUI.setBackgroundColorAsync("black");
- * ```
- * @param color Any valid [CSS 3 (SVG) color](http://www.w3.org/TR/css3-color/#svg-color).
- */
-export async function setBackgroundColorAsync(color: ColorValue | null): Promise<void> {
-  if (color == null) {
-    return await ExpoSystemUI.setBackgroundColorAsync(null);
-  } else {
-    const colorNumber = Platform.OS === 'web' ? color : processColor(color);
-    return await ExpoSystemUI.setBackgroundColorAsync(colorNumber);
-  }
-}
-
-/**
- * Gets the root view background color.
- *
- * @example
- * ```ts
- * const color = await SystemUI.getBackgroundColorAsync();
- * ```
- * @returns Current root view background color in hex format. Returns `null` if the background color is not set.
- */
-export async function getBackgroundColorAsync(): Promise<ColorValue | null> {
-  return await ExpoSystemUI.getBackgroundColorAsync();
-}

package/tsconfig.json

@@ -1,9 +0,0 @@
-// @generated by expo-module-scripts
-{
-  "extends": "expo-module-scripts/tsconfig.base",
-  "compilerOptions": {
-    "outDir": "./build"
-  },
-  "include": ["./src"],
-  "exclude": ["**/__mocks__/*", "**/__tests__/*"]
-}