@q9labsai/chalk-react-native 4.1.17 → 5.0.1

package/android/src/main/kotlin/ai/q9labs/chalk/reactnative/ChalkAndroidConnectionServicePackage.kt

@@ -9,6 +9,8 @@ class ChalkAndroidConnectionServicePackage : ReactPackage {
   override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
     return listOf(
       ChalkAndroidConnectionServiceModule(reactContext),
+      ChalkAudioRouteModule(reactContext),
+      ChalkCallServiceModule(reactContext),
     )
   }
 

package/android/src/main/kotlin/ai/q9labs/chalk/reactnative/ChalkAudioRouteModule.kt

@@ -0,0 +1,137 @@
+package ai.q9labs.chalk.reactnative
+
+import android.content.Context
+import android.media.AudioDeviceCallback
+import android.media.AudioDeviceInfo
+import android.media.AudioManager
+import android.os.Build
+import android.os.Handler
+import android.os.Looper
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.Promise
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReactContextBaseJavaModule
+import com.facebook.react.bridge.ReactMethod
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.modules.core.DeviceEventManagerModule
+
+/**
+ * Lists the call's audio outputs and switches between them. Android 12 and later pick any
+ * communication device (earpiece, speaker, wired or Bluetooth headset); older versions switch
+ * only between the earpiece and the speaker.
+ */
+class ChalkAudioRouteModule(
+  private val reactContext: ReactApplicationContext,
+) : ReactContextBaseJavaModule(reactContext) {
+  private val audioManager = reactContext.getSystemService(Context.AUDIO_SERVICE) as AudioManager
+  private val handler = Handler(Looper.getMainLooper())
+  private var listening = false
+
+  private val deviceCallback = object : AudioDeviceCallback() {
+    override fun onAudioDevicesAdded(addedDevices: Array<out AudioDeviceInfo>) = emit()
+    override fun onAudioDevicesRemoved(removedDevices: Array<out AudioDeviceInfo>) = emit()
+  }
+  // React Native reflects private methods too, so their types must exist on every supported API.
+  private var communicationListener: AutoCloseable? = null
+
+  override fun getName(): String = "ChalkAudioRouteModule"
+
+  override fun getConstants(): Map<String, Any> = mapOf("eventName" to EVENT_NAME)
+
+  @ReactMethod
+  fun addListener(eventName: String) {
+    if (listening) return
+    listening = true
+    audioManager.registerAudioDeviceCallback(deviceCallback, handler)
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
+      communicationListener = CommunicationDeviceListener(audioManager, reactContext.mainExecutor) { emit() }
+    }
+  }
+
+  @ReactMethod
+  fun removeListeners(count: Int) {
+    // The listeners stay until the module goes away; NativeEventEmitter needs this method.
+  }
+
+  override fun invalidate() {
+    if (listening) {
+      audioManager.unregisterAudioDeviceCallback(deviceCallback)
+      communicationListener?.close()
+      communicationListener = null
+    }
+    super.invalidate()
+  }
+
+  @ReactMethod
+  fun getRoutes(promise: Promise) {
+    promise.resolve(snapshot())
+  }
+
+  @ReactMethod
+  fun selectRoute(id: String, promise: Promise) {
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
+      val device = audioManager.availableCommunicationDevices.firstOrNull { routeId(it) == id }
+      if (device == null || !audioManager.setCommunicationDevice(device)) {
+        promise.reject("audio_route_failed", "Couldn't switch the audio output to $id.")
+        return
+      }
+    } else {
+      @Suppress("DEPRECATION")
+      audioManager.isSpeakerphoneOn = id == SPEAKER
+    }
+    promise.resolve(snapshot())
+  }
+
+  private fun emit() {
+    if (!reactContext.hasActiveReactInstance()) return
+    reactContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter::class.java).emit(EVENT_NAME, snapshot())
+  }
+
+  private fun snapshot(): WritableMap {
+    val routes = Arguments.createArray()
+    val result = Arguments.createMap()
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
+      for (device in audioManager.availableCommunicationDevices) {
+        val kind = kindOf(device.type) ?: continue
+        routes.pushMap(route(routeId(device), kind, if (kind == "bluetooth" || kind == "wired") device.productName.toString() else ""))
+      }
+      result.putString("selected", audioManager.communicationDevice?.let { routeId(it) } ?: EARPIECE)
+    } else {
+      routes.pushMap(route(EARPIECE, EARPIECE, ""))
+      routes.pushMap(route(SPEAKER, SPEAKER, ""))
+      @Suppress("DEPRECATION")
+      result.putString("selected", if (audioManager.isSpeakerphoneOn) SPEAKER else EARPIECE)
+    }
+    result.putArray("routes", routes)
+    return result
+  }
+
+  private fun route(id: String, kind: String, name: String): WritableMap =
+    Arguments.createMap().apply {
+      putString("id", id)
+      putString("kind", kind)
+      putString("name", name)
+    }
+
+  private fun routeId(device: AudioDeviceInfo): String =
+    when (device.type) {
+      AudioDeviceInfo.TYPE_BUILTIN_EARPIECE -> EARPIECE
+      AudioDeviceInfo.TYPE_BUILTIN_SPEAKER -> SPEAKER
+      else -> device.id.toString()
+    }
+
+  private fun kindOf(type: Int): String? =
+    when (type) {
+      AudioDeviceInfo.TYPE_BUILTIN_EARPIECE -> EARPIECE
+      AudioDeviceInfo.TYPE_BUILTIN_SPEAKER -> SPEAKER
+      AudioDeviceInfo.TYPE_BLUETOOTH_SCO, AudioDeviceInfo.TYPE_BLE_HEADSET -> "bluetooth"
+      AudioDeviceInfo.TYPE_WIRED_HEADSET, AudioDeviceInfo.TYPE_WIRED_HEADPHONES, AudioDeviceInfo.TYPE_USB_HEADSET -> "wired"
+      else -> null
+    }
+
+  private companion object {
+    const val EVENT_NAME = "ChalkAudioRouteChanged"
+    const val EARPIECE = "earpiece"
+    const val SPEAKER = "speaker"
+  }
+}

package/android/src/main/kotlin/ai/q9labs/chalk/reactnative/ChalkCallServiceModule.kt

@@ -0,0 +1,32 @@
+package ai.q9labs.chalk.reactnative
+
+import android.os.Handler
+import android.os.Looper
+import com.facebook.react.bridge.Promise
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReactContextBaseJavaModule
+import com.facebook.react.bridge.ReactMethod
+
+/** Starts and stops the foreground service that keeps a call's microphone and camera working in the background. */
+class ChalkCallServiceModule(
+  private val reactContext: ReactApplicationContext,
+) : ReactContextBaseJavaModule(reactContext) {
+  override fun getName(): String = "ChalkCallService"
+
+  /** Resolves false when the person hasn't granted the microphone or camera, or when Android refuses the start. The call continues either way. */
+  @ReactMethod
+  fun start(promise: Promise) {
+    // The service keeps its start and stop state on the main thread, where its own callbacks run.
+    mainThread.post { promise.resolve(ChalkSpaceForegroundService.requestStart(reactContext)) }
+  }
+
+  @ReactMethod
+  fun stop(promise: Promise) {
+    mainThread.post {
+      ChalkSpaceForegroundService.requestStop()
+      promise.resolve(null)
+    }
+  }
+
+  private val mainThread = Handler(Looper.getMainLooper())
+}

package/android/src/main/kotlin/ai/q9labs/chalk/reactnative/CommunicationDeviceListener.kt

@@ -0,0 +1,23 @@
+package ai.q9labs.chalk.reactnative
+
+import android.media.AudioManager
+import android.os.Build
+import androidx.annotation.RequiresApi
+import java.util.concurrent.Executor
+
+@RequiresApi(Build.VERSION_CODES.S)
+internal class CommunicationDeviceListener(
+  private val audioManager: AudioManager,
+  executor: Executor,
+  onChanged: () -> Unit,
+) : AutoCloseable {
+  private val listener = AudioManager.OnCommunicationDeviceChangedListener { onChanged() }
+
+  init {
+    audioManager.addOnCommunicationDeviceChangedListener(executor, listener)
+  }
+
+  override fun close() {
+    audioManager.removeOnCommunicationDeviceChangedListener(listener)
+  }
+}

package/android/src/test/kotlin/ai/q9labs/chalk/compatibility/UnsafeSignatures.kt

@@ -0,0 +1,29 @@
+package ai.q9labs.chalk.compatibility
+
+import android.media.AudioManager
+import android.view.View
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReactContextBaseJavaModule
+import com.facebook.react.uimanager.SimpleViewManager
+import com.facebook.react.uimanager.ThemedReactContext
+
+// The original crash: a lazy backing field is safe, but its generated getter is not.
+class OriginalListenerModule(context: ReactApplicationContext) : ReactContextBaseJavaModule(context) {
+  private val communicationListener by lazy { AudioManager.OnCommunicationDeviceChangedListener { } }
+  override fun getName() = "OriginalListenerModule"
+}
+
+private fun makeListener() = AudioManager.OnCommunicationDeviceChangedListener { }
+
+// No newer Android type appears in this module's source.
+class FactoryInferredModule(context: ReactApplicationContext) : ReactContextBaseJavaModule(context) {
+  private val listener by lazy { makeListener() }
+  override fun getName() = "FactoryInferredModule"
+}
+
+// Exercise view-manager discovery and a different API-31 listener.
+class ModeListenerViewManager : SimpleViewManager<View>() {
+  private val listener by lazy { AudioManager.OnModeChangedListener { } }
+  override fun getName() = "ModeListenerViewManager"
+  override fun createViewInstance(context: ThemedReactContext) = View(context)
+}

package/dist/android/call-service.d.ts

@@ -0,0 +1,4 @@
+/** Starts the Android foreground service for the call. Resolves false when there's nothing to keep running (no microphone or camera permission) or Android refused the start. */
+export declare function startAndroidCallService(): Promise<boolean>;
+export declare function stopAndroidCallService(): Promise<void>;
+//# sourceMappingURL=call-service.d.ts.map

package/dist/android/call-service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"call-service.d.ts","sourceRoot":"","sources":["../../src/android/call-service.ts"],"names":[],"mappings":"AASA,iLAAiL;AACjL,wBAAsB,uBAAuB,IAAI,OAAO,CAAC,OAAO,CAAC,CAGhE;AAED,wBAAsB,sBAAsB,IAAI,OAAO,CAAC,IAAI,CAAC,CAG5D"}

package/dist/avatar/FaceAvatar.d.ts

@@ -0,0 +1,19 @@
+import { type SharedValue } from "react-native-reanimated";
+export type FaceAvatarProps = {
+    readonly name: string;
+    readonly size: number;
+    /** `bold` is the 3D style for tiles; `subtle` is for rows, pills, chat and toasts. */
+    readonly style?: "bold" | "subtle";
+    /** Live speaking level from 0 to 1. While it moves, the face bobs and the mouth opens. */
+    readonly level?: SharedValue<number>;
+    /** Eyes drift on their own every 1.8 s, as on the mockup's touch devices. Off for small avatars. */
+    readonly lookAround?: boolean;
+    readonly testID?: string;
+};
+/**
+ * A Facehash avatar drawn natively. The face blinks on its own rhythm, reacts to the speaking
+ * level, and turns to the front for a moment when touched. All motion runs on the UI thread and
+ * stops with reduced motion. Decorative: the parent names the person.
+ */
+export declare const FaceAvatar: import("react").MemoExoticComponent<({ name, size, style, level, lookAround, testID }: FaceAvatarProps) => React.JSX.Element>;
+//# sourceMappingURL=FaceAvatar.d.ts.map

package/dist/avatar/FaceAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FaceAvatar.d.ts","sourceRoot":"","sources":["../../src/avatar/FaceAvatar.tsx"],"names":[],"mappings":"AAGA,OAAiB,EAAwH,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAK3L,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,sFAAsF;IACtF,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACnC,0FAA0F;IAC1F,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACrC,oGAAoG;IACpG,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAWF;;;;GAIG;AACH,eAAO,MAAM,UAAU,yFAAiG,eAAe,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAwGzJ,CAAC"}

package/dist/avatar/tile-avatar-size.d.ts

@@ -0,0 +1,3 @@
+/** A camera-off tile's avatar is 42 % of the tile's shorter side, between 32 and 150 pt. */
+export declare function tileAvatarSize(width: number, height: number): number;
+//# sourceMappingURL=tile-avatar-size.d.ts.map

package/dist/avatar/tile-avatar-size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tile-avatar-size.d.ts","sourceRoot":"","sources":["../../src/avatar/tile-avatar-size.ts"],"names":[],"mappings":"AAAA,4FAA4F;AAC5F,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAEpE"}

package/dist/chunk-GYVZSOGQ.js

@@ -0,0 +1,30 @@
+// src/frame/measurement.ts
+import { useEffect, useRef } from "react";
+import { StyleSheet } from "react-native";
+var registry = null;
+function setMeasurementRegistry(next) {
+  registry = next;
+}
+function useMeasuredRef(testID, style) {
+  const ref = useRef(null);
+  useEffect(() => {
+    if (!registry || !testID) return;
+    const declared = StyleSheet.flatten(style) ?? {};
+    return registry(
+      testID,
+      () => new Promise((resolve, reject) => {
+        if (!ref.current) {
+          reject(new Error(`Unmounted testID: ${testID}`));
+          return;
+        }
+        ref.current.measureInWindow((x, y, width, height) => resolve({ frame: { x, y, width, height }, style: declared }));
+      })
+    );
+  }, [style, testID]);
+  return ref;
+}
+
+export {
+  setMeasurementRegistry,
+  useMeasuredRef
+};

package/dist/chunk-IHE6EA3T.js

@@ -0,0 +1,25 @@
+// src/frame/dev-scenario.ts
+import { useSyncExternalStore } from "react";
+var empty = {};
+var scenario = empty;
+var listeners = /* @__PURE__ */ new Set();
+function setDevScenario(next) {
+  scenario = next ?? empty;
+  for (const listener of listeners) listener();
+}
+function subscribe(listener) {
+  listeners.add(listener);
+  return () => listeners.delete(listener);
+}
+function useDevScenario() {
+  return useSyncExternalStore(
+    subscribe,
+    () => scenario,
+    () => scenario
+  );
+}
+
+export {
+  setDevScenario,
+  useDevScenario
+};