@granite-js/react-native 0.1.34 → 1.0.0

package/dist/native-event-emitter/nativeEventEmitter.d.ts

@@ -1,15 +0,0 @@
-import { EmitterSubscription } from 'react-native';
-import { EventEmitters } from './eventEmitters';
-import { EventEmitterSchema } from './eventEmitters/types';
-type MapOf<T> = T extends EventEmitterSchema<infer K, any> ? {
-    [key in K]: T;
-} : never;
-type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
-type EventEmittersMap = UnionToIntersection<MapOf<EventEmitters>>;
-type EventKeys = keyof EventEmittersMap;
-type ParamOf<K extends EventKeys> = EventEmittersMap[K]['params'];
-interface EventEmitter {
-    addListener<Event extends EventKeys>(event: Event, callback: (...params: ParamOf<Event>) => void): EmitterSubscription;
-}
-export declare const nativeEventEmitter: EventEmitter;
-export {};

package/dist/native-modules/core/GraniteCoreModule.d.ts

@@ -1,8 +0,0 @@
-import { TurboModule } from 'react-native';
-interface GraniteCoreModule extends TurboModule {
-    addListener: (eventType: string) => void;
-    removeListeners: (count: number) => void;
-    importLazy: () => Promise<void>;
-}
-export declare const GraniteCoreModule: GraniteCoreModule;
-export {};

package/dist/native-modules/natives/GraniteModule.d.ts

@@ -1,7 +0,0 @@
-import { TurboModule } from 'react-native';
-interface GraniteModuleSpec extends TurboModule {
-    closeView: () => void;
-    schemeUri: string;
-}
-export declare const GraniteModule: GraniteModuleSpec;
-export {};

package/dist/video/instance.d.ts

@@ -1,9 +0,0 @@
-import type { VideoProperties } from '@granite-js/native/react-native-video';
-import { type ComponentType } from 'react';
-export type VideoNativeProps = Omit<VideoProperties, 'onAudioFocusChanged'> & {
-    onAudioFocusChanged?: (event: {
-        hasAudioFocus: boolean;
-    }) => void;
-};
-export declare const Component: ComponentType<VideoNativeProps>;
-export declare const isAvailable: boolean;

package/src/blur/BlurView.tsx

@@ -1,103 +0,0 @@
-import type { BlurViewProps as InternalBlurViewProps } from '@granite-js/native/@react-native-community/blur';
-import { View, ViewProps } from 'react-native';
-import { ReactNativeBlurModule } from './ReactNativeBlurModule';
-import { isBlurNativeModuleSupported } from './constants';
-
-export type BlurType = InternalBlurViewProps['blurType'];
-
-export interface BlurViewProps extends ViewProps {
-  blurType?: BlurType;
-  blurAmount?: number;
-  vibrancyEffect?: boolean;
-  reducedTransparencyFallbackColor?: string;
-}
-
-/**
- * @public
- * @category UI
- * @name BlurView
- * @description
- * `BlurView` adds a blurred background effect, primarily on iOS. It creates a visual blur on the background view.
- *
- * This component is supported only on iOS. On Android, it simply renders a regular [`View`](https://reactnative.dev/docs/0.72/view) without any blur effect.
- *
- * You can control the blur intensity and optionally enable the [vibrancy effect](https://developer.apple.com/documentation/uikit/uivibrancyeffect?language=objc), which enhances the visual impact of content displayed over a blurred background.
- *
- * If blur is not supported or doesn't render properly, you can use the `reducedTransparencyFallbackColor` prop to set a fallback background color.
- *
- * Use the `isSupported` property to check whether the current device supports blur. Blur is available on iOS from version 5.126.0 and not supported on Android.
- *
- * @param {BlurViewProps} [props] The props you can pass to `BlurView`. It extends `react-native`'s `ViewProps`, so you can use layout and style properties. The props align with those of [`@react-native-community/blur`](https://github.com/Kureev/react-native-blur/tree/v4.3.2?tab=readme-ov-file#blurview).
- * @param {BlurType} [props.blurType] Type of blur to apply, such as `light`, `dark`, or `extraDark`.
- * @param {number} [props.blurAmount=10] Intensity of the blur effect. Higher values make the blur stronger. Accepts values from `0` to `100`. Default is `10`.
- * @param {boolean} [props.vibrancyEffect=false] Enables the vibrancy effect. This effect enhances content displayed on top of the blur. Only supported on iOS. Default is `false`.
- * @param {string} [props.reducedTransparencyFallbackColor] Fallback background color used when blur cannot be applied due to system settings or device limitations.
- *
- * @returns {JSX.Element} On iOS, returns a blurred `BlurView` or `VibrancyView` component. On Android, returns a regular `View` without blur.
- *
- * ::: warning Note
- * `BlurView` is only supported on iOS. On Android, it renders a regular `View` without any blur effect.
- * :::
- *
- * @example
- *
- * ### Blurring background behind a text
- *
- * ```tsx
- * import { BlurView } from '@granite-js/react-native';
- * import { View, Text, StyleSheet } from 'react-native';
- *
- * export function BlurViewExample() {
- *   return (
- *     <View style={styles.container}>
- *       <Text style={styles.absolute}>Blurred Text</Text>
- *       <BlurView style={styles.absolute} blurType="light" blurAmount={1} />
- *       <Text>Non Blurred Text</Text>
- *     </View>
- *   );
- * }
- *
- * const styles = StyleSheet.create({
- *   container: {
- *     justifyContent: 'center',
- *     alignItems: 'center',
- *     width: '100%',
- *     height: 300,
- *   },
- *   absolute: {
- *     position: 'absolute',
- *     top: 0,
- *     left: 0,
- *     bottom: 0,
- *     right: 0,
- *   },
- * });
- * ```
- *
- * @see [iOS Vibrancy Effect Documentation](https://developer.apple.com/documentation/uikit/uivibrancyeffect)
- * @see [Zeddios Blog Explanation](https://zeddios.tistory.com/1140)
- */
-export function BlurView({
-  blurType,
-  blurAmount = 10,
-  reducedTransparencyFallbackColor,
-  vibrancyEffect = false,
-  ...viewProps
-}: BlurViewProps) {
-  if (!isBlurNativeModuleSupported || ReactNativeBlurModule == null) {
-    return <View {...viewProps} />;
-  }
-
-  const Component = vibrancyEffect ? ReactNativeBlurModule.VibrancyView : ReactNativeBlurModule.BlurView;
-
-  return (
-    <Component
-      blurAmount={blurAmount}
-      blurType={blurType}
-      reducedTransparencyFallbackColor={reducedTransparencyFallbackColor}
-      {...viewProps}
-    />
-  );
-}
-
-BlurView.isSupported = isBlurNativeModuleSupported;

package/src/blur/ReactNativeBlurModule.ts

@@ -1,19 +0,0 @@
-import type { BlurView, VibrancyView } from '@granite-js/native/@react-native-community/blur';
-import { isBlurNativeModuleSupported } from './constants';
-
-const ReactNativeBlurModule = (() => {
-  if (!isBlurNativeModuleSupported) {
-    return undefined;
-  }
-
-  try {
-    return require('@granite-js/native/@react-native-community/blur') as {
-      BlurView: typeof BlurView;
-      VibrancyView: typeof VibrancyView;
-    };
-  } catch {
-    return undefined;
-  }
-})();
-
-export { ReactNativeBlurModule };

package/src/blur/constants.ts

@@ -1,3 +0,0 @@
-import { Platform } from 'react-native';
-
-export const isBlurNativeModuleSupported = Platform.OS === 'ios';

package/src/blur/index.ts

@@ -1 +0,0 @@
-export * from './BlurView';

package/src/native-event-emitter/eventEmitters/index.ts

@@ -1,3 +0,0 @@
-import { VisibilityChangedEventEmitter } from './visibilityChanged';
-
-export type EventEmitters = VisibilityChangedEventEmitter;

package/src/native-event-emitter/eventEmitters/types.ts

@@ -1,4 +0,0 @@
-export interface EventEmitterSchema<K extends string, P extends unknown[]> {
-  name: K;
-  params: P;
-}

package/src/native-event-emitter/eventEmitters/visibilityChanged.ts

@@ -1,11 +0,0 @@
-import { EventEmitterSchema } from './types';
-
-/**
- * @name VisibilityChangedEventEmitter
- * @kind typedef
- * @platform iOS
- * @description
- * Emits an event when the visibility state of the app changes.
- * Only available on iOS.
- */
-export type VisibilityChangedEventEmitter = EventEmitterSchema<'visibilityChanged', [boolean]>;

package/src/native-event-emitter/index.ts

@@ -1 +0,0 @@
-export * from './nativeEventEmitter';

package/src/native-event-emitter/nativeEventEmitter.ts

@@ -1,18 +0,0 @@
-import { EmitterSubscription, NativeEventEmitter } from 'react-native';
-import { EventEmitters } from './eventEmitters';
-import { GraniteCoreModule } from '../native-modules';
-import { EventEmitterSchema } from './eventEmitters/types';
-
-type MapOf<T> = T extends EventEmitterSchema<infer K, any> ? { [key in K]: T } : never;
-type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
-type EventEmittersMap = UnionToIntersection<MapOf<EventEmitters>>;
-type EventKeys = keyof EventEmittersMap;
-type ParamOf<K extends EventKeys> = EventEmittersMap[K]['params'];
-interface EventEmitter {
-  addListener<Event extends EventKeys>(
-    event: Event,
-    callback: (...params: ParamOf<Event>) => void
-  ): EmitterSubscription;
-}
-
-export const nativeEventEmitter = new NativeEventEmitter(GraniteCoreModule) as unknown as EventEmitter;

package/src/native-modules/core/GraniteCoreModule.ts

@@ -1,9 +0,0 @@
-import { TurboModule, TurboModuleRegistry } from 'react-native';
-
-interface GraniteCoreModule extends TurboModule {
-  addListener: (eventType: string) => void;
-  removeListeners: (count: number) => void;
-  importLazy: () => Promise<void>;
-}
-
-export const GraniteCoreModule = TurboModuleRegistry.getEnforcing<GraniteCoreModule>('GraniteCoreModule');

package/src/native-modules/natives/GraniteModule.ts

@@ -1,8 +0,0 @@
-import { TurboModule, TurboModuleRegistry } from 'react-native';
-
-interface GraniteModuleSpec extends TurboModule {
-  closeView: () => void;
-  schemeUri: string;
-}
-
-export const GraniteModule = TurboModuleRegistry.getEnforcing<GraniteModuleSpec>('GraniteModule');

package/src/video/instance.tsx

@@ -1,28 +0,0 @@
-import type { VideoProperties } from '@granite-js/native/react-native-video';
-import { Component as ReactComponent, forwardRef, type ComponentType, type ForwardedRef } from 'react';
-import { View } from 'react-native';
-
-export type VideoNativeProps = Omit<VideoProperties, 'onAudioFocusChanged'> & {
-  onAudioFocusChanged?: (event: { hasAudioFocus: boolean }) => void;
-};
-
-class FallbackComponent extends ReactComponent<VideoNativeProps & { innerRef: ForwardedRef<View> }> {
-  render() {
-    return <View ref={this.props.innerRef} />;
-  }
-}
-
-const ForwardedComponent = forwardRef<View, VideoNativeProps>((props: VideoNativeProps, ref) => (
-  <FallbackComponent {...props} innerRef={ref} />
-));
-
-function getVideoComponent(): ComponentType<VideoNativeProps> {
-  try {
-    return require('@granite-js/native/react-native-video')?.default;
-  } catch {
-    return ForwardedComponent;
-  }
-}
-
-export const Component = getVideoComponent();
-export const isAvailable = Component !== ForwardedComponent;