@kontextso/sdk-react-native 3.0.7-rc.3 → 4.0.0-rc.0

package/android/src/oldarch/java/so/kontext/react/RNKontextModule.kt

@@ -1,25 +0,0 @@
-package so.kontext.react
-
-import com.facebook.react.bridge.ReactApplicationContext
-import com.facebook.react.bridge.ReactContextBaseJavaModule
-import com.facebook.react.bridge.ReactMethod
-import com.facebook.react.bridge.Promise
-import android.content.Context
-import android.media.AudioManager
-
-class RNKontextModule(reactContext: ReactApplicationContext) :
-  ReactContextBaseJavaModule(reactContext) {
-
-  private val impl = RNKontextModuleImpl(reactContext)
-
-  override fun getName(): String = NAME
-
-  @ReactMethod
-  fun isSoundOn(promise: Promise?) {
-    impl.isSoundOn(promise)
-  }
-
-  companion object {
-    const val NAME = "RNKontext"
-  }
-}

package/android/src/oldarch/java/so/kontext/react/RNKontextPacakge.kt

@@ -1,16 +0,0 @@
-package so.kontext.react
-
-import com.facebook.react.ReactPackage
-import com.facebook.react.bridge.NativeModule
-import com.facebook.react.bridge.ReactApplicationContext
-import com.facebook.react.uimanager.ViewManager
-
-class RNKontextPackage : ReactPackage {
-  override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
-    return listOf(RNKontextModule(reactContext))
-  }
-
-  override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
-    return emptyList()
-  }
-}

package/ios/KontextSDK.swift

@@ -1,26 +0,0 @@
-import AVFoundation
-
-@objc(KontextSDK)
-public class KontextSDK: NSObject {
-    private static let MINIMAL_VOLUME_THRESHOLD: Float = 0.0
-
-    @objc
-    public static func isSoundOn() -> NSNumber? {
-        let session = AVAudioSession.sharedInstance()
-
-        do {
-            try session.setCategory(
-                .ambient,
-                mode: .default,
-                options: [.mixWithOthers]
-            )
-            try session.setActive(true)
-
-            return NSNumber(
-                value: session.outputVolume > MINIMAL_VOLUME_THRESHOLD
-            )
-        } catch {
-            return nil
-        }
-    }
-}

package/ios/RNKontext.h

@@ -1,13 +0,0 @@
-#import "RNKontext-Swift.h"
-
-#ifdef RCT_NEW_ARCH_ENABLED
-#import <RNKontextSpec/RNKontextSpec.h>
-
-@interface RNKontext: NSObject <NativeRNKontextSpec>
-#else
-#import <React/RCTBridgeModule.h>
-
-@interface RNKontext: NSObject <RCTBridgeModule>
-#endif
-
-@end

package/ios/RNKontext.mm

@@ -1,36 +0,0 @@
-#import "RNKontext.h"
-
-@implementation RNKontext
-
-RCT_EXPORT_MODULE()
-
-#ifdef RCT_NEW_ARCH_ENABLED
-- (void)isSoundOn:(RCTPromiseResolveBlock)resolve
-           reject:(RCTPromiseRejectBlock)reject {
-    NSNumber *isSoundOn = [KontextSDK isSoundOn];
-
-    if (isSoundOn == nil) {
-        reject(@"soundon_error", @"Failed to read output volume", nil);
-    } else {
-        resolve(isSoundOn);
-    }
-}
-
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:
-    (const facebook::react::ObjCTurboModule::InitParams &)params {
-    return std::make_shared<facebook::react::NativeRNKontextSpecJSI>(params);
-}
-#else
-RCT_EXPORT_METHOD(isSoundOn : (RCTPromiseResolveBlock)
-                      resolve rejecter : (RCTPromiseRejectBlock)reject) {
-    NSNumber *isSoundOn = [KontextSDK isSoundOn];
-
-    if (isSoundOn == nil) {
-        reject(@"soundon_error", @"Failed to read output volume", nil);
-    } else {
-        resolve(isSoundOn);
-    }
-}
-#endif
-
-@end

package/src/__tests__/util.test.ts

@@ -1,9 +0,0 @@
-import { describe, expect, test } from 'vitest'
-
-describe('utils', () => {
-  describe('test', () => {
-    test('test', () => {
-      expect(1).toBe(1)
-    })
-  })
-})

package/src/context/AdsProvider.tsx

@@ -1,119 +0,0 @@
-import {
-  AdsProviderInternal,
-  type AdsProviderProps,
-  type AppConfig,
-  type DeviceConfig,
-  log,
-  type SDKConfig,
-} from '@kontextso/sdk-react'
-import { fetch as fetchNetworkInfo, NetInfoStateType } from '@react-native-community/netinfo'
-import { Appearance, Dimensions, PixelRatio, Platform } from 'react-native'
-import DeviceInfo, { type DeviceType } from 'react-native-device-info'
-import { version } from '../../package.json'
-import KontextSDK from '../NativeRNKontext'
-
-ErrorUtils.setGlobalHandler((error, isFatal) => {
-  if (!isFatal) {
-    log.warn(error)
-  } else {
-    log.error(error)
-  }
-})
-
-const getDevice = async (): Promise<DeviceConfig> => {
-  try {
-    const powerState = await DeviceInfo.getPowerState()
-    const deviceType = DeviceInfo.getDeviceType() as DeviceType
-    const soundOn = await KontextSDK.isSoundOn()
-    const screen = Dimensions.get('screen')
-    const networkInfo = await fetchNetworkInfo()
-
-    const mapDeviceTypeToHardwareType = (): DeviceConfig['hardware']['type'] => {
-      switch (deviceType) {
-        case 'Handset':
-          return 'handset'
-        case 'Tablet':
-          return 'tablet'
-        case 'Tv':
-          return 'tv'
-        case 'Desktop':
-          return 'desktop'
-        default:
-          return 'other'
-      }
-    }
-
-    return {
-      hardware: {
-        brand: DeviceInfo.getBrand(),
-        model: DeviceInfo.getDeviceId(),
-        type: mapDeviceTypeToHardwareType(),
-        // bootTime: Not available without native module
-        // sdCardAvailable: Not available without native module
-      },
-      audio: {
-        muted: soundOn,
-        // volume: Requires react-native-volume-manager
-        // outputPluggedIn: Not available without native module
-        // outputType: Not available without native module
-      },
-      network: {
-        carrier: (networkInfo.type === NetInfoStateType.cellular && networkInfo.details.carrier) || undefined,
-        userAgent: await DeviceInfo.getUserAgent(),
-        type: [NetInfoStateType.wifi, NetInfoStateType.cellular, NetInfoStateType.ethernet].includes(networkInfo.type)
-          ? (networkInfo.type as NetInfoStateType.wifi | NetInfoStateType.cellular | NetInfoStateType.ethernet)
-          : NetInfoStateType.other,
-        detail: (networkInfo.type === NetInfoStateType.cellular && networkInfo.details.cellularGeneration) || undefined,
-      },
-      os: {
-        name: Platform.OS,
-        version: DeviceInfo.getSystemVersion(),
-        locale: Intl.DateTimeFormat().resolvedOptions().locale,
-        timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-      },
-      screen: {
-        darkMode: Appearance.getColorScheme() === 'dark',
-        dpr: PixelRatio.get(),
-        height: screen.height,
-        width: screen.width,
-        orientation: screen.width > screen.height ? 'landscape' : 'portrait',
-      },
-      power: {
-        batteryLevel: powerState.batteryLevel,
-        batteryState: powerState.batteryState,
-        lowPowerMode: powerState.lowPowerMode,
-      },
-    }
-  } catch (error) {
-    console.error(error)
-    // @ts-expect-error
-    return {}
-  }
-}
-
-const getApp = async (): Promise<AppConfig> => {
-  try {
-    return {
-      bundleId: DeviceInfo.getBundleId(),
-      firstInstallTime: await DeviceInfo.getFirstInstallTime(),
-      lastUpdateTime: await DeviceInfo.getLastUpdateTime(),
-      version: DeviceInfo.getVersion(),
-      // Not supported in react-native-device-info v10
-      // startTime: await DeviceInfo.getStartupTime(),
-    }
-  } catch (error) {
-    console.error(error)
-    // @ts-expect-error
-    return {}
-  }
-}
-
-const getSdk = async (): Promise<SDKConfig> => ({
-  name: 'sdk-react-native',
-  platform: Platform.OS === 'ios' ? 'ios' : 'android',
-  version,
-})
-
-export const AdsProvider = (props: AdsProviderProps) => {
-  return <AdsProviderInternal {...props} getDevice={getDevice} getSdk={getSdk} getApp={getApp} />
-}

package/src/formats/Format.tsx

@@ -1,256 +0,0 @@
-import {
-  handleIframeMessage,
-  type IframeMessage,
-  type IframeMessageEvent,
-  type IframeMessageType,
-  makeIframeMessage,
-} from '@kontextso/sdk-common'
-import {
-  AdsContext,
-  type FormatProps,
-  useBid,
-} from '@kontextso/sdk-react'
-import { useContext, useRef } from 'react'
-import { View } from 'react-native'
-import { WebView, type WebViewMessageEvent } from 'react-native-webview'
-
-const sendMessage = (
-  webViewRef: React.RefObject<WebView>,
-  type: Extract<IframeMessageType, 'update-iframe' | 'update-dimensions-iframe'>,
-  code: string,
-  data: any
-) => {
-  const message = makeIframeMessage(type, {
-    data,
-    code,
-  })
-
-  webViewRef.current?.injectJavaScript(`
-    window.dispatchEvent(new MessageEvent('message', {
-      data: ${JSON.stringify(message)}
-    }));
-  `)
-}
-
-const getUrl = (code: string, messageId: string, bidId?: string) => {
-  const context = useContext(AdsContext)
-  if (!context || !bidId) {
-    return null
-  }
-
-  const adServerUrl = context?.adServerUrl
-
-  const params = new URLSearchParams({
-    code,
-    messageId,
-    sdk: 'sdk-react-native',
-  })
-
-  return `${adServerUrl}/api/frame/${bidId}?${params}`
-}
-
-const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatProps) => {
-  const context = useContext(AdsContext)
-
-  const bid = useBid({ code, messageId })
-  const iframeUrl = getUrl(code, messageId, bid?.bidId)
-
-  const webViewRef = useRef<WebView>(null)
-
-  const debug = (name: string, data: any = {}) => {
-    context?.onDebugEventInternal?.(name, {
-      code,
-      messageId,
-      otherParams,
-      bid,
-      iframeUrl,
-      ...data,
-    })
-  }
-
-  debug('Format:updateState', {
-    params: {
-      messageId,
-      code,
-      otherParams
-    }
-  })
-
-  const onMessage = (event: WebViewMessageEvent) => {
-    try {
-      const data = JSON.parse(event.nativeEvent.data) as IframeMessage
-
-      debug('Format:iframeMessage', {
-        message: data,
-        params: { data, messageId, code, otherParams }
-      })
-
-      const messageHandler = handleIframeMessage(
-        (message) => {
-          switch (message.type) {
-            case 'init-iframe':
-              debug('Format:iframePostMessage', {
-                params: {
-                  code,
-                  messages: context?.messages,
-                  sdk: 'sdk-react-native',
-                  otherParams,
-                  messageId,
-                }
-              })
-              sendMessage(webViewRef, 'update-iframe', code, {
-                messages: context?.messages,
-                sdk: 'sdk-react-native',
-                otherParams,
-                messageId,
-              })
-              break
-
-            case 'event-iframe':
-              onEvent?.(message.data)
-              context?.onAdEventInternal(message.data)
-              break
-          }
-        },
-        {
-          code,
-        }
-      )
-      messageHandler({ data } as IframeMessageEvent)
-    } catch (e) {
-      debug('Format:iframeMessageError', {
-        params: { error: e, messageId, code, otherParams },
-        error: e,
-      })
-      console.error('error parsing message from webview', e)
-    }
-  }
-
-  if (!context || !bid || !iframeUrl) {
-    debug('Format:noContextOrBidOrIframeUrl', {
-      params: {
-        context,
-        bid,
-        iframeUrl,
-        messageId,
-        code,
-        otherParams,
-      }
-    })
-    return null
-  }
-
-  return (
-    <View
-      style={{
-        height: 300,
-        width: '100%',
-        backgroundColor: 'transparent',
-        borderWidth: 0,
-      }}
-    >
-
-      <WebView
-        ref={webViewRef}
-        source={{
-          uri: iframeUrl,
-        }}
-        onMessage={onMessage}
-        style={{
-          height: 300,
-          width: '100%',
-          backgroundColor: 'transparent',
-          borderWidth: 0,
-        }}
-        allowsInlineMediaPlayback={true}
-        mediaPlaybackRequiresUserAction={false}
-        javaScriptEnabled={true}
-        domStorageEnabled={true}
-        allowsFullscreenVideo={false}
-        injectedJavaScript={`
-          window.addEventListener("message", function(event) {
-            if (window.ReactNativeWebView && event.data) {
-              // ReactNativeWebView.postMessage only supports string data
-              window.ReactNativeWebView.postMessage(JSON.stringify(event.data));
-            }
-          }, false);
-      `}
-        onLoadStart={() => {
-          debug('Format:iframeLoadStart', {
-            params: {
-              messageId,
-              code,
-              otherParams,
-            }
-          })
-        }}
-        onError={() => {
-          debug('Format:iframeError', {
-            params: {
-              messageId,
-              code,
-              otherParams,
-            }
-          })
-        }}
-        onLoad={() => {
-          debug('Format:iframeLoad', {
-            params: {
-              messageId,
-              code,
-              otherParams,
-            }
-          })
-        }}
-        onLoadProgress={() => {
-          debug('Format:iframeLoadProgress', {
-            params: {
-              messageId,
-              code,
-              otherParams,
-            }
-          })
-        }}
-        onHttpError={() => {
-          debug('Format:iframeHttpError', {
-            params: {
-              messageId,
-              code,
-              otherParams,
-            }
-          })
-        }}
-        onRenderProcessGone={() => {
-          debug('Format:iframeRenderProcessGone', {
-            params: {
-              messageId,
-              code,
-              otherParams,
-            }
-          })
-        }}
-        onNavigationStateChange={() => {
-          debug('Format:iframeNavigationStateChange', {
-            params: {
-              messageId,
-              code,
-              otherParams,
-            }
-          })
-        }}
-        onContentProcessDidTerminate={() => {
-          debug('Format:iframeContentProcessDidTerminate', {
-            params: {
-              messageId,
-              code,
-              otherParams,
-            }
-          })
-        }}
-        
-      />
-    </View>
-  )
-}
-
-export default Format

package/src/formats/InlineAd.tsx

@@ -1,8 +0,0 @@
-import Format from './Format'
-import type { FormatProps } from '@kontextso/sdk-react'
-
-const InlineAd = ({ code, messageId, wrapper, ...props }: FormatProps) => {
-  return <Format code={code} messageId={messageId} wrapper={wrapper} {...props} />
-}
-
-export default InlineAd

package/src/frame-webview.tsx

@@ -1,43 +0,0 @@
-import { forwardRef } from 'react'
-import type { StyleProp, ViewStyle } from 'react-native'
-import { WebView, type WebViewMessageEvent } from 'react-native-webview'
-
-interface FrameWebViewProps {
-  iframeUrl: string
-  onMessage: (event: WebViewMessageEvent) => void
-  style: StyleProp<ViewStyle>
-  onError: () => void
-  onLoad: () => void
-}
-
-const FrameWebView = forwardRef<WebView, FrameWebViewProps>(
-  ({ iframeUrl, onMessage, style, onError, onLoad }, forwardedRef) => {
-    return (
-      <WebView
-        ref={forwardedRef}
-        source={{
-          uri: iframeUrl,
-        }}
-        onMessage={onMessage}
-        style={style}
-        allowsInlineMediaPlayback={true}
-        mediaPlaybackRequiresUserAction={false}
-        javaScriptEnabled={true}
-        domStorageEnabled={true}
-        allowsFullscreenVideo={false}
-        injectedJavaScript={`
-          window.addEventListener("message", function(event) {
-            if (window.ReactNativeWebView && event.data) {
-              // ReactNativeWebView.postMessage only supports string data
-              window.ReactNativeWebView.postMessage(JSON.stringify(event.data));
-            }
-          }, false);
-      `}
-        onError={onError}
-        onLoad={onLoad}
-      />
-    )
-  }
-)
-
-export default FrameWebView