crowdplaysdk 0.2.4 → 0.2.6

package/README.md

@@ -134,6 +134,9 @@ Your app key doubles as your data credential — see the CrowdPlay dashboard
 - iOS 17+, React Native ≥ 0.71. **iOS only for now** — no Android engine
   yet, calls to the module on other platforms throw with a clear message.
 - Real device required to record (the Simulator has no camera/mic).
+- The npm version can run ahead of the compiled engine version wire.rb
+  pins — bridge and doc fixes ship without a new engine binary. wire.rb
+  always pins the engine release this bridge was tested against.
 - Keep the screen awake during sessions; force-quitting the app pauses
   uploads until next launch (they resume automatically).
 - **Slow join + glitchy first seconds = bad radio, not a bug.** Congested

package/ios/CrowdPlayRNModule.swift

@@ -74,10 +74,17 @@ final class CrowdPlayRNCore {
                         "name": participant.name?.isEmpty == false ? participant.name! : identity]
             }
             .sorted { ($0["identity"] as? String ?? "") < ($1["identity"] as? String ?? "") }
-        let key = participants.map { $0["identity"] as? String ?? "" }.joined(separator: ",")
+        // Local identity included (field request): apps need their own
+        // identity string to correlate with remote lists / assign roles.
+        let localIdentity = engine.room.localParticipant.identity?.stringValue
+        let key = (participants.map { $0["identity"] as? String ?? "" } + [localIdentity ?? ""])
+            .joined(separator: ",")
         if key != lastParticipantsKey {
             lastParticipantsKey = key
-            send("crowdplay:participants", ["participants": participants])
+            send("crowdplay:participants", [
+                "participants": participants,
+                "localIdentity": localIdentity as Any,
+            ])
         }
 
         // Audio route (D-079): the current output device by NAME plus the

package/ios/wire.rb

@@ -12,6 +12,7 @@
 # `gem install xcodeproj`).
 
 require 'fileutils'
+require 'pathname'
 begin
   require 'xcodeproj'
 rescue LoadError
@@ -21,7 +22,10 @@ rescue LoadError
 end
 
 SDK_URL = 'https://github.com/symbiateam/crowdplaysdk'
-SDK_VERSION = '0.2.3'
+# The ENGINE release this bridge was tested against. The npm package
+# version may be AHEAD of this (bridge/docs fixes ship without a new
+# engine binary); that is deliberate, not drift.
+SDK_VERSION = '0.2.4'
 BRIDGE_FILES = ['CrowdPlayRNModule.swift', 'CrowdPlayRNVideoView.swift', 'CrowdPlayReactNative.m'].freeze
 
 project_name = ARGV[0] or abort 'usage: ruby wire.rb <YourProjectName>'
@@ -80,7 +84,15 @@ target.build_configurations.each do |config|
       #import <React/RCTViewManager.h>
     OBJC
   end
-  config.build_settings['SWIFT_OBJC_BRIDGING_HEADER'] = "#{project_name}/#{header_name}"
+  # The setting must point at wherever the file ACTUALLY went. When the
+  # project has no group named after itself (newer RN templates), the
+  # fallback above places files at the project root — hardcoding
+  # "<Project>/<header>" there produced a missing-input build failure
+  # (field-reported on the RN 0.87 template). Derive it instead:
+  # SRCROOT is the .xcodeproj's directory.
+  srcroot = Pathname.new(File.dirname(project.path.to_s))
+  relative = Pathname.new(header_path).relative_path_from(srcroot).to_s
+  config.build_settings['SWIFT_OBJC_BRIDGING_HEADER'] = relative
 end
 
 project.save

package/lib/ConsentScreen.js

@@ -96,13 +96,17 @@ function CrowdPlayConsentScreen({ onConsent, style }) {
       </react_native_1.Pressable>
     </react_native_1.View>);
 }
+// Every color is EXPLICIT: this screen is legally load-bearing and must
+// render identically (and legibly) in any host app, light or dark theme.
+// A consent screen that can come out black-on-black is the wrong failure
+// mode (field-reported). Hosts can restyle via the `style` prop.
 const styles = react_native_1.StyleSheet.create({
-    container: { padding: 20, gap: 16 },
-    title: { fontSize: 20, fontWeight: '700' },
-    body: { fontSize: 15, lineHeight: 21 },
+    container: { padding: 20, gap: 16, backgroundColor: '#ffffff' },
+    title: { fontSize: 20, fontWeight: '700', color: '#111111' },
+    body: { fontSize: 15, lineHeight: 21, color: '#222222' },
     row: { flexDirection: 'row', alignItems: 'center', gap: 10 },
-    agree: { fontSize: 15 },
-    note: { fontSize: 12, opacity: 0.6 },
+    agree: { fontSize: 15, color: '#111111' },
+    note: { fontSize: 12, color: '#666666' },
     button: { backgroundColor: '#1f6feb', borderRadius: 8, paddingVertical: 12, alignItems: 'center' },
     buttonDisabled: { opacity: 0.4 },
     buttonPressed: { opacity: 0.8 },

package/lib/index.d.ts

@@ -111,9 +111,11 @@ export interface CrowdPlayEvents {
         sessions: UploadProgress[];
         onWifi: boolean;
     };
-    /** Remote participants (join/leave). Render a CrowdPlayVideoView per entry. */
+    /** Remote participants (join/leave) plus YOUR OWN identity string
+     * (null until connected). Render a CrowdPlayVideoView per entry. */
     participants: {
         participants: Participant[];
+        localIdentity: string | null;
     };
     /** Live capture warnings: audioStalled (engine down, auto-recovering),
      * micSilent (dead mic), clipping (too-hot mic), crossTalk (loudspeaker

package/llms.txt

@@ -174,7 +174,9 @@ Events (CrowdPlay.addListener):
                                            // and offer retryRecording()
   'uploads'      { sessions: UploadProgress[]; onWifi: boolean }
                  // onWifi false = video is waiting for WiFi; say so
-  'participants' { participants: {identity, name}[] }  // render tiles
+  'participants' { participants: {identity, name}[]; localIdentity }
+                 // render tiles; localIdentity = YOUR identity string
+                 // (null until connected) for role assignment/correlation
   'warning'      { kind: 'audioStalled'|'micSilent'|'clipping'|
                          'crossTalk'|'micPolicy'; active; message }
   'audioRoute'   { currentOutputName; detectedOutputs; headphonesConnected }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "crowdplaysdk",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "description": "CrowdPlay lossless conversation capture for React Native (iOS). Studio-grade per-participant recording during live video calls, delivered to CrowdPlay automatically.",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

package/src/ConsentScreen.tsx

@@ -79,13 +79,17 @@ export function CrowdPlayConsentScreen({ onConsent, style }: CrowdPlayConsentScr
   );
 }
 
+// Every color is EXPLICIT: this screen is legally load-bearing and must
+// render identically (and legibly) in any host app, light or dark theme.
+// A consent screen that can come out black-on-black is the wrong failure
+// mode (field-reported). Hosts can restyle via the `style` prop.
 const styles = StyleSheet.create({
-  container: { padding: 20, gap: 16 },
-  title: { fontSize: 20, fontWeight: '700' },
-  body: { fontSize: 15, lineHeight: 21 },
+  container: { padding: 20, gap: 16, backgroundColor: '#ffffff' },
+  title: { fontSize: 20, fontWeight: '700', color: '#111111' },
+  body: { fontSize: 15, lineHeight: 21, color: '#222222' },
   row: { flexDirection: 'row', alignItems: 'center', gap: 10 },
-  agree: { fontSize: 15 },
-  note: { fontSize: 12, opacity: 0.6 },
+  agree: { fontSize: 15, color: '#111111' },
+  note: { fontSize: 12, color: '#666666' },
   button: { backgroundColor: '#1f6feb', borderRadius: 8, paddingVertical: 12, alignItems: 'center' },
   buttonDisabled: { opacity: 0.4 },
   buttonPressed: { opacity: 0.8 },

package/src/index.ts

@@ -118,8 +118,9 @@ export interface CrowdPlayEvents {
   recording: { isRecording: boolean; error?: string };
   /** Upload progress for every session with outstanding or recent work. */
   uploads: { sessions: UploadProgress[]; onWifi: boolean };
-  /** Remote participants (join/leave). Render a CrowdPlayVideoView per entry. */
-  participants: { participants: Participant[] };
+  /** Remote participants (join/leave) plus YOUR OWN identity string
+   * (null until connected). Render a CrowdPlayVideoView per entry. */
+  participants: { participants: Participant[]; localIdentity: string | null };
   /** Live capture warnings: audioStalled (engine down, auto-recovering),
    * micSilent (dead mic), clipping (too-hot mic), crossTalk (loudspeaker
    * leaking the far end into this mic), micPolicy (unexpected input). */