react-native-webrtc-kaleidoscope 1.0.0 → 2.0.0

package/app.plugin.js

@@ -1,5 +1,255 @@
-// Expo config plugin entry. Compiled output lives in plugin/build/.
-// See plugin/src/withKaleidoscope.ts for the plugin implementation.
-import withKaleidoscope from './plugin/build/withKaleidoscope.js';
+// Expo config plugin. Native registration happens via the Expo Module's
+// OnCreate hook (see android/.../KaleidoscopeModule.kt and
+// ios/.../KaleidoscopeModule.swift), not through a plugin-time mod.
+//
+// This plugin's job is narrowly scoped: patch the consumer's iOS build to
+// satisfy this library's hard requirements that cannot be expressed in the
+// Expo Module manifest or the podspec alone. Today that means two patches,
+// both installed by a single iOS `dangerous` mod:
+//
+//   1. Declare `pod 'react-native-webrtc', :modular_headers => true` in the
+//      generated Podfile so Swift sources can `import react_native_webrtc`
+//      (see modular-headers detail below).
+//   2. Raise `ios.deploymentTarget` in `Podfile.properties.json` to the value
+//      required by `ios/Kaleidoscope.podspec`. The default Expo Podfile
+//      platform (iOS 13.4) is lower than this library's minimum (iOS 15.0
+//      for Apple Vision person segmentation), and `expo-modules-autolinking`
+//      silently drops pods whose declared minimum exceeds the Podfile
+//      platform — the library would build, install, and then be absent from
+//      the generated `ExpoModulesProvider.swift` at runtime.
+//
+// Bounding invariant for future patches in this mod:
+//   Every patch this mod installs must be (a) idempotent across re-prebuilds,
+//   (b) non-downgrading (never reduce a value the consumer or another plugin
+//   set higher), and (c) recoverable via a logged manual instruction on I/O
+//   failure (no throwing — prebuild must keep going).
+//
+// Ordering note: this mod must run AFTER any consumer plugin that writes the
+// same files (notably `expo-build-properties`). Expo executes plugins in
+// declaration order from `plugins[]`, so consumers must list this plugin
+// AFTER `expo-build-properties` in their `app.config.js`. The demo's
+// `app.config.js` already does so.
+//
+// Modular-headers detail: our Swift sources do `import react_native_webrtc`
+// to reach the Obj-C `ProcessorProvider` class and `VideoFrameProcessorDelegate`
+// protocol that live inside the react-native-webrtc pod. For a Swift target to
+// `import` an Objective-C CocoaPod as a Clang module, that pod must be built with
+// modular headers. react-native-webrtc is NOT built with modular headers by
+// default in a React Native / Expo app, so a default prebuild produces Swift
+// that fails to compile with "no such module 'react_native_webrtc'".
+//
+// We deliberately do NOT emit a global `use_modular_headers!`: that flips every
+// pod to build as a Clang module, which regularly breaks React Native core
+// pods that ship non-modular umbrella headers. A single per-pod opt-in is the
+// narrow, supported fix that react-native-webrtc's own docs recommend.
+//
+// WHY this file requires nothing but Node builtins (no @expo/config-plugins):
+// Expo's plugin resolver hardcodes the entry filename to `app.plugin.js` and
+// loads it with `require()` from the file's REAL path. In the demo we consume
+// this library via `file:..`, so on EAS the realpath is the repo root, where
+// there is no node_modules (EAS only installs the demo subdirectory). A
+// top-level `require('@expo/config-plugins')` therefore throws
+// "Cannot find module '@expo/config-plugins'" on the EAS worker. Registering
+// the dangerous mod by mutating `config.mods.ios.dangerous` directly removes
+// that dependency, so the plugin loads identically from the symlinked demo, a
+// normally-installed external consumer, and the EAS worker. The mod contract is
+// the one @expo/config-plugins' own dangerous base provider calls: it invokes
+// our mod as `nextMod({ ...config, modResults, modRequest })` and only requires
+// the returned value to be the config object (it asserts `.mods` exists).
+//
+// This file is CommonJS, and the package is deliberately `type: commonjs`:
+// Expo's plugin resolver loads app.plugin.js with `require()`, and a CommonJS
+// entry sidesteps ESM-interop variance across the Node versions EAS workers run
+// (older SDK images run Node 18, which cannot `require()` an ESM module at all;
+// newer images run Node 20/22). The ESM-authored library source lives in `src/`
+// and is consumed by Metro via the `react-native` export condition, never
+// loaded by Node.
 
-export default withKaleidoscope;
+const fs = require('node:fs');
+const path = require('node:path');
+
+// A sentinel comment lets us find our own injection on re-prebuilds and stay
+// idempotent regardless of how Expo regenerates the surrounding Podfile.
+const SENTINEL = '# react-native-webrtc-kaleidoscope: modular headers (managed)';
+
+// Mirrors ios/Kaleidoscope.podspec :ios => '15.0'. Bumping the podspec
+// requires bumping this constant; the drift cost is a silent pod-install
+// drop (the bug this plan fixes).
+const IOS_DEPLOYMENT_TARGET = '15.0';
+
+// Compare two dotted version strings element-wise. Returns true iff `existing`
+// is strictly less than `target`. Missing/empty existing counts as "less than".
+// We avoid `semver` so this file stays dependency-free for EAS workers that
+// don't install the library's node_modules. The library's iOS deployment
+// target is a plain three-part version like '15.0' (or '15.0.1' if Apple ever
+// requires it); pre-release/build metadata is not part of the contract.
+function isVersionLessThan(existing, target) {
+  if (typeof existing !== 'string' || existing.length === 0) {
+    return true;
+  }
+  const toParts = (s) => s.split('.').map((part) => Number(part) || 0);
+  const a = toParts(existing);
+  const b = toParts(target);
+  const max = Math.max(a.length, b.length);
+  for (let i = 0; i < max; i += 1) {
+    const av = a[i] || 0;
+    const bv = b[i] || 0;
+    if (av < bv) return true;
+    if (av > bv) return false;
+  }
+  return false; // equal
+}
+
+// Resolve which react-native-webrtc fork the consumer installed, and return its
+// CocoaPods pod name + npm package directory (used to build the `:path` for
+// the Podfile declaration). Two forks ship the same JS/native surface under
+// different names (mirrors the dual probe in android/build.gradle):
+//   - @livekit/react-native-webrtc -> pod `livekit-react-native-webrtc`
+//   - react-native-webrtc          -> pod `react-native-webrtc`
+// We prefer the fork when both are present, matching the Swift import order
+// (`#if canImport(livekit_react_native_webrtc)` first). Declaring a pod for a
+// package that is not installed would break `pod install`, so we return null
+// (and skip patching) when neither is found.
+function resolveWebrtcPod(projectRoot) {
+  if (!projectRoot) {
+    return { podName: 'react-native-webrtc', packageDir: 'react-native-webrtc' };
+  }
+  const fork = path.join(projectRoot, 'node_modules', '@livekit', 'react-native-webrtc');
+  const upstream = path.join(projectRoot, 'node_modules', 'react-native-webrtc');
+  if (fs.existsSync(fork)) {
+    return { podName: 'livekit-react-native-webrtc', packageDir: '@livekit/react-native-webrtc' };
+  }
+  if (fs.existsSync(upstream)) {
+    return { podName: 'react-native-webrtc', packageDir: 'react-native-webrtc' };
+  }
+  return null;
+}
+
+// Ensure the Podfile builds the resolved react-native-webrtc pod with modular
+// headers so our Swift can `import` it as a Clang module. Declare with an
+// explicit `:path` (instead of a bare `pod 'name'`) so the build works even
+// when RN autolinking does not register the pod for us — e.g. react-native-webrtc's
+// own `react-native.config.js` only sets `module.exports` under
+// `--use-react-native-macos`, and on EAS workers `use_native_modules!` has been
+// observed to skip the pod entirely as a result. With `:path` provided here,
+// CocoaPods resolves the local podspec directly; when autolinking also picks
+// it up, the two identical-path declarations are merged and modular_headers
+// is applied. Idempotent: running prebuild twice neither duplicates the line
+// nor corrupts the Podfile.
+function patchPodfile(contents, pod) {
+  if (contents.includes(SENTINEL)) {
+    return contents;
+  }
+
+  const block = `${SENTINEL}\n  pod '${pod.podName}', :path => '../node_modules/${pod.packageDir}', :modular_headers => true`;
+  const lines = contents.split('\n');
+
+  // Insert just inside the first `target ... do` block so the per-pod
+  // declaration sits in the same scope as the autolinked React Native pods.
+  const targetIndex = lines.findIndex((line) => /^\s*target\s+['"].*['"]\s+do\b/.test(line));
+  if (targetIndex !== -1) {
+    lines.splice(targetIndex + 1, 0, block);
+    return lines.join('\n');
+  }
+
+  // No `target` block found (unexpected for an Expo-generated Podfile); append
+  // the declaration so the build requirement is at least present.
+  return `${contents.trimEnd()}\n${block}\n`;
+}
+
+const withKaleidoscope = (config) => {
+  if (!config.mods) {
+    config.mods = {};
+  }
+  if (!config.mods.ios) {
+    config.mods.ios = {};
+  }
+
+  // Chain any previously registered iOS dangerous mod so we cooperate with
+  // other plugins instead of clobbering them.
+  const previousMod = config.mods.ios.dangerous;
+
+  config.mods.ios.dangerous = async (modConfig) => {
+    const result = typeof previousMod === 'function' ? await previousMod(modConfig) : modConfig;
+    const modRequest = result.modRequest || {};
+    const platformProjectRoot = modRequest.platformProjectRoot;
+    const pod = resolveWebrtcPod(modRequest.projectRoot);
+    if (platformProjectRoot && pod) {
+      const podfilePath = path.join(platformProjectRoot, 'Podfile');
+      try {
+        const original = fs.readFileSync(podfilePath, 'utf8');
+        const patched = patchPodfile(original, pod);
+        if (patched !== original) {
+          fs.writeFileSync(podfilePath, patched);
+        }
+      } catch (error) {
+        // Non-fatal: surface a clear instruction rather than failing prebuild.
+        const manualLine = `pod '${pod.podName}', :path => '../node_modules/${pod.packageDir}', :modular_headers => true`;
+        console.warn(
+          `[react-native-webrtc-kaleidoscope] Could not patch the Podfile to build ${pod.podName} with modular headers; add "${manualLine}" inside your app target manually. ${String(error)}`,
+        );
+      }
+    }
+    if (platformProjectRoot) {
+      // Raise the consumer's iOS deployment target via Podfile.properties.json.
+      // The generated Podfile reads `podfile_properties['ios.deploymentTarget']`
+      // at the top, so this is the canonical, no-Podfile-edit override seam.
+      // `expo-modules-autolinking`'s package-filter silently drops any pod
+      // whose declared minimum platform exceeds the Podfile platform; without
+      // this bump the Kaleidoscope pod is dropped and the runtime module
+      // lookup throws.
+      const propsPath = path.join(platformProjectRoot, 'Podfile.properties.json');
+      try {
+        let parsed = {};
+        try {
+          const raw = fs.readFileSync(propsPath, 'utf8');
+          try {
+            const candidate = JSON.parse(raw);
+            if (candidate && typeof candidate === 'object' && !Array.isArray(candidate)) {
+              parsed = candidate;
+            }
+          } catch (jsonError) {
+            // Corrupt JSON: warn but proceed with `{}` so the build still gets
+            // the bump it needs. The next prebuild will fully regenerate the
+            // file anyway.
+            console.warn(
+              `[react-native-webrtc-kaleidoscope] Could not parse ${propsPath}; rewriting with defaults. ${String(jsonError)}`,
+            );
+            parsed = {};
+          }
+        } catch (readError) {
+          if (readError && readError.code === 'ENOENT') {
+            parsed = {};
+          } else {
+            // Transient I/O failure (EACCES, EMFILE, ...). Don't clobber the
+            // file when we couldn't actually read it; warn and bail.
+            console.warn(
+              `[react-native-webrtc-kaleidoscope] Could not read ${propsPath}; skipping iOS deployment-target bump. ${String(readError)}`,
+            );
+            return result;
+          }
+        }
+        // Explicit own-key copy into a fresh object to foreclose
+        // `__proto__`-as-literal-key surprises from JSON.parse.
+        const next = {};
+        for (const key of Object.keys(parsed)) {
+          next[key] = parsed[key];
+        }
+        const existing = next['ios.deploymentTarget'];
+        if (isVersionLessThan(existing, IOS_DEPLOYMENT_TARGET)) {
+          next['ios.deploymentTarget'] = IOS_DEPLOYMENT_TARGET;
+        }
+        fs.writeFileSync(propsPath, `${JSON.stringify(next, null, 2)}\n`);
+      } catch (error) {
+        console.warn(
+          `[react-native-webrtc-kaleidoscope] Could not patch ${propsPath} to raise iOS deployment target; add "ios.deploymentTarget": "${IOS_DEPLOYMENT_TARGET}" to Podfile.properties.json under your demo/ios directory manually. ${String(error)}`,
+        );
+      }
+    }
+    return result;
+  };
+
+  return config;
+};
+
+module.exports = withKaleidoscope;

package/dist/backgrounds/dark-office.d.ts

@@ -0,0 +1,3 @@
+import type { PresetSource } from './preset-source.types';
+export declare const darkOffice: PresetSource;
+//# sourceMappingURL=dark-office.d.ts.map

package/dist/backgrounds/dark-office.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dark-office.d.ts","sourceRoot":"","sources":["../../src/backgrounds/dark-office.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAK1D,eAAO,MAAM,UAAU,EAAE,YAA4B,CAAC","sourcesContent":["import type { PresetSource } from './preset-source.types';\n\n// Native variant. The native module loads its own bundled resource by name, so\n// the source is just the preset name; no WebP import, no expo-asset on native.\n// Web is handled by dark-office.web.ts.\nexport const darkOffice: PresetSource = 'dark-office';\n"]}

package/dist/backgrounds/dark-office.js

@@ -0,0 +1,5 @@
+// Native variant. The native module loads its own bundled resource by name, so
+// the source is just the preset name; no WebP import, no expo-asset on native.
+// Web is handled by dark-office.web.ts.
+export const darkOffice = 'dark-office';
+//# sourceMappingURL=dark-office.js.map

package/dist/backgrounds/dark-office.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dark-office.js","sourceRoot":"","sources":["../../src/backgrounds/dark-office.ts"],"names":[],"mappings":"AAEA,+EAA+E;AAC/E,+EAA+E;AAC/E,wCAAwC;AACxC,MAAM,CAAC,MAAM,UAAU,GAAiB,aAAa,CAAC","sourcesContent":["import type { PresetSource } from './preset-source.types';\n\n// Native variant. The native module loads its own bundled resource by name, so\n// the source is just the preset name; no WebP import, no expo-asset on native.\n// Web is handled by dark-office.web.ts.\nexport const darkOffice: PresetSource = 'dark-office';\n"]}

package/dist/backgrounds/dark-office.web.d.ts

@@ -0,0 +1,3 @@
+import type { PresetSource } from './preset-source.types';
+export declare const darkOffice: PresetSource;
+//# sourceMappingURL=dark-office.web.d.ts.map

package/dist/backgrounds/dark-office.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dark-office.web.d.ts","sourceRoot":"","sources":["../../src/backgrounds/dark-office.web.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAK1D,eAAO,MAAM,UAAU,EAAE,YAAoD,CAAC","sourcesContent":["/// <reference path=\"./assets.d.ts\" />\nimport { Asset } from 'expo-asset';\nimport darkOfficeAsset from './dark-office.webp';\nimport type { PresetSource } from './preset-source.types';\n\n// Web variant. The bundled WebP's URL, which the background-image effect\n// fetches. Resolved with expo-asset because react-native-web has no\n// Image.resolveAssetSource; `.uri` is set synchronously by fromModule.\nexport const darkOffice: PresetSource = Asset.fromModule(darkOfficeAsset).uri;\n"]}

package/dist/backgrounds/dark-office.web.js

@@ -0,0 +1,8 @@
+/// <reference path="./assets.d.ts" />
+import { Asset } from 'expo-asset';
+import darkOfficeAsset from './dark-office.webp';
+// Web variant. The bundled WebP's URL, which the background-image effect
+// fetches. Resolved with expo-asset because react-native-web has no
+// Image.resolveAssetSource; `.uri` is set synchronously by fromModule.
+export const darkOffice = Asset.fromModule(darkOfficeAsset).uri;
+//# sourceMappingURL=dark-office.web.js.map

package/dist/backgrounds/dark-office.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dark-office.web.js","sourceRoot":"","sources":["../../src/backgrounds/dark-office.web.ts"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,eAAe,MAAM,oBAAoB,CAAC;AAGjD,yEAAyE;AACzE,oEAAoE;AACpE,uEAAuE;AACvE,MAAM,CAAC,MAAM,UAAU,GAAiB,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC,GAAG,CAAC","sourcesContent":["/// <reference path=\"./assets.d.ts\" />\nimport { Asset } from 'expo-asset';\nimport darkOfficeAsset from './dark-office.webp';\nimport type { PresetSource } from './preset-source.types';\n\n// Web variant. The bundled WebP's URL, which the background-image effect\n// fetches. Resolved with expo-asset because react-native-web has no\n// Image.resolveAssetSource; `.uri` is set synchronously by fromModule.\nexport const darkOffice: PresetSource = Asset.fromModule(darkOfficeAsset).uri;\n"]}

package/dist/backgrounds/debug-resolutions.d.ts

@@ -0,0 +1,3 @@
+import type { PresetSource } from './preset-source.types';
+export declare const debugResolutions: PresetSource;
+//# sourceMappingURL=debug-resolutions.d.ts.map

package/dist/backgrounds/debug-resolutions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug-resolutions.d.ts","sourceRoot":"","sources":["../../src/backgrounds/debug-resolutions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAM1D,eAAO,MAAM,gBAAgB,EAAE,YAAkC,CAAC","sourcesContent":["import type { PresetSource } from './preset-source.types';\n\n// Native variant. The native module loads its own bundled resource by name, so\n// the source is just the preset name. Web is handled by\n// debug-resolutions.web.ts. This is a viewport/resolution calibration grid for\n// verifying background cover-fit (clipping, crop, scale) on device.\nexport const debugResolutions: PresetSource = 'debug-resolutions';\n"]}

package/dist/backgrounds/debug-resolutions.js

@@ -0,0 +1,6 @@
+// Native variant. The native module loads its own bundled resource by name, so
+// the source is just the preset name. Web is handled by
+// debug-resolutions.web.ts. This is a viewport/resolution calibration grid for
+// verifying background cover-fit (clipping, crop, scale) on device.
+export const debugResolutions = 'debug-resolutions';
+//# sourceMappingURL=debug-resolutions.js.map

package/dist/backgrounds/debug-resolutions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug-resolutions.js","sourceRoot":"","sources":["../../src/backgrounds/debug-resolutions.ts"],"names":[],"mappings":"AAEA,+EAA+E;AAC/E,wDAAwD;AACxD,+EAA+E;AAC/E,oEAAoE;AACpE,MAAM,CAAC,MAAM,gBAAgB,GAAiB,mBAAmB,CAAC","sourcesContent":["import type { PresetSource } from './preset-source.types';\n\n// Native variant. The native module loads its own bundled resource by name, so\n// the source is just the preset name. Web is handled by\n// debug-resolutions.web.ts. This is a viewport/resolution calibration grid for\n// verifying background cover-fit (clipping, crop, scale) on device.\nexport const debugResolutions: PresetSource = 'debug-resolutions';\n"]}

package/dist/backgrounds/debug-resolutions.web.d.ts

@@ -0,0 +1,3 @@
+import type { PresetSource } from './preset-source.types';
+export declare const debugResolutions: PresetSource;
+//# sourceMappingURL=debug-resolutions.web.d.ts.map

package/dist/backgrounds/debug-resolutions.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug-resolutions.web.d.ts","sourceRoot":"","sources":["../../src/backgrounds/debug-resolutions.web.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAK1D,eAAO,MAAM,gBAAgB,EAAE,YAA0D,CAAC","sourcesContent":["/// <reference path=\"./assets.d.ts\" />\nimport { Asset } from 'expo-asset';\nimport debugResolutionsAsset from './debug-resolutions.webp';\nimport type { PresetSource } from './preset-source.types';\n\n// Web variant. A viewport/resolution calibration grid (concentric labeled\n// rectangles for common capture resolutions) for verifying background\n// cover-fit clipping, crop, and scale on device.\nexport const debugResolutions: PresetSource = Asset.fromModule(debugResolutionsAsset).uri;\n"]}

package/dist/backgrounds/debug-resolutions.web.js

@@ -0,0 +1,8 @@
+/// <reference path="./assets.d.ts" />
+import { Asset } from 'expo-asset';
+import debugResolutionsAsset from './debug-resolutions.webp';
+// Web variant. A viewport/resolution calibration grid (concentric labeled
+// rectangles for common capture resolutions) for verifying background
+// cover-fit clipping, crop, and scale on device.
+export const debugResolutions = Asset.fromModule(debugResolutionsAsset).uri;
+//# sourceMappingURL=debug-resolutions.web.js.map

package/dist/backgrounds/debug-resolutions.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug-resolutions.web.js","sourceRoot":"","sources":["../../src/backgrounds/debug-resolutions.web.ts"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,qBAAqB,MAAM,0BAA0B,CAAC;AAG7D,0EAA0E;AAC1E,sEAAsE;AACtE,iDAAiD;AACjD,MAAM,CAAC,MAAM,gBAAgB,GAAiB,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC,GAAG,CAAC","sourcesContent":["/// <reference path=\"./assets.d.ts\" />\nimport { Asset } from 'expo-asset';\nimport debugResolutionsAsset from './debug-resolutions.webp';\nimport type { PresetSource } from './preset-source.types';\n\n// Web variant. A viewport/resolution calibration grid (concentric labeled\n// rectangles for common capture resolutions) for verifying background\n// cover-fit clipping, crop, and scale on device.\nexport const debugResolutions: PresetSource = Asset.fromModule(debugResolutionsAsset).uri;\n"]}

package/dist/backgrounds/home-dark.d.ts

@@ -0,0 +1,3 @@
+import type { PresetSource } from './preset-source.types';
+export declare const homeDark: PresetSource;
+//# sourceMappingURL=home-dark.d.ts.map

package/dist/backgrounds/home-dark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"home-dark.d.ts","sourceRoot":"","sources":["../../src/backgrounds/home-dark.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAK1D,eAAO,MAAM,QAAQ,EAAE,YAA0B,CAAC","sourcesContent":["import type { PresetSource } from './preset-source.types';\n\n// Native variant. The native module loads its own bundled resource by name, so\n// the source is just the preset name; no WebP import, no expo-asset on native.\n// Web is handled by home-dark.web.ts.\nexport const homeDark: PresetSource = 'home-dark';\n"]}

package/dist/backgrounds/home-dark.js

@@ -0,0 +1,5 @@
+// Native variant. The native module loads its own bundled resource by name, so
+// the source is just the preset name; no WebP import, no expo-asset on native.
+// Web is handled by home-dark.web.ts.
+export const homeDark = 'home-dark';
+//# sourceMappingURL=home-dark.js.map

package/dist/backgrounds/home-dark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"home-dark.js","sourceRoot":"","sources":["../../src/backgrounds/home-dark.ts"],"names":[],"mappings":"AAEA,+EAA+E;AAC/E,+EAA+E;AAC/E,sCAAsC;AACtC,MAAM,CAAC,MAAM,QAAQ,GAAiB,WAAW,CAAC","sourcesContent":["import type { PresetSource } from './preset-source.types';\n\n// Native variant. The native module loads its own bundled resource by name, so\n// the source is just the preset name; no WebP import, no expo-asset on native.\n// Web is handled by home-dark.web.ts.\nexport const homeDark: PresetSource = 'home-dark';\n"]}

package/dist/backgrounds/home-dark.web.d.ts

@@ -0,0 +1,3 @@
+import type { PresetSource } from './preset-source.types';
+export declare const homeDark: PresetSource;
+//# sourceMappingURL=home-dark.web.d.ts.map

package/dist/backgrounds/home-dark.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"home-dark.web.d.ts","sourceRoot":"","sources":["../../src/backgrounds/home-dark.web.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAG1D,eAAO,MAAM,QAAQ,EAAE,YAAkD,CAAC","sourcesContent":["/// <reference path=\"./assets.d.ts\" />\nimport { Asset } from 'expo-asset';\nimport homeDarkAsset from './home-dark.webp';\nimport type { PresetSource } from './preset-source.types';\n\n// Web variant. The bundled WebP's URL, which the background-image effect fetches.\nexport const homeDark: PresetSource = Asset.fromModule(homeDarkAsset).uri;\n"]}

package/dist/backgrounds/home-dark.web.js

@@ -0,0 +1,6 @@
+/// <reference path="./assets.d.ts" />
+import { Asset } from 'expo-asset';
+import homeDarkAsset from './home-dark.webp';
+// Web variant. The bundled WebP's URL, which the background-image effect fetches.
+export const homeDark = Asset.fromModule(homeDarkAsset).uri;
+//# sourceMappingURL=home-dark.web.js.map

package/dist/backgrounds/home-dark.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"home-dark.web.js","sourceRoot":"","sources":["../../src/backgrounds/home-dark.web.ts"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAG7C,kFAAkF;AAClF,MAAM,CAAC,MAAM,QAAQ,GAAiB,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC","sourcesContent":["/// <reference path=\"./assets.d.ts\" />\nimport { Asset } from 'expo-asset';\nimport homeDarkAsset from './home-dark.webp';\nimport type { PresetSource } from './preset-source.types';\n\n// Web variant. The bundled WebP's URL, which the background-image effect fetches.\nexport const homeDark: PresetSource = Asset.fromModule(homeDarkAsset).uri;\n"]}

package/dist/backgrounds/home-light.d.ts

@@ -0,0 +1,3 @@
+import type { PresetSource } from './preset-source.types';
+export declare const homeLight: PresetSource;
+//# sourceMappingURL=home-light.d.ts.map

package/dist/backgrounds/home-light.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"home-light.d.ts","sourceRoot":"","sources":["../../src/backgrounds/home-light.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAK1D,eAAO,MAAM,SAAS,EAAE,YAA2B,CAAC","sourcesContent":["import type { PresetSource } from './preset-source.types';\n\n// Native variant. The native module loads its own bundled resource by name, so\n// the source is just the preset name; no WebP import, no expo-asset on native.\n// Web is handled by home-light.web.ts.\nexport const homeLight: PresetSource = 'home-light';\n"]}

package/dist/backgrounds/home-light.js

@@ -0,0 +1,5 @@
+// Native variant. The native module loads its own bundled resource by name, so
+// the source is just the preset name; no WebP import, no expo-asset on native.
+// Web is handled by home-light.web.ts.
+export const homeLight = 'home-light';
+//# sourceMappingURL=home-light.js.map

package/dist/backgrounds/home-light.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"home-light.js","sourceRoot":"","sources":["../../src/backgrounds/home-light.ts"],"names":[],"mappings":"AAEA,+EAA+E;AAC/E,+EAA+E;AAC/E,uCAAuC;AACvC,MAAM,CAAC,MAAM,SAAS,GAAiB,YAAY,CAAC","sourcesContent":["import type { PresetSource } from './preset-source.types';\n\n// Native variant. The native module loads its own bundled resource by name, so\n// the source is just the preset name; no WebP import, no expo-asset on native.\n// Web is handled by home-light.web.ts.\nexport const homeLight: PresetSource = 'home-light';\n"]}

package/dist/backgrounds/home-light.web.d.ts

@@ -0,0 +1,3 @@
+import type { PresetSource } from './preset-source.types';
+export declare const homeLight: PresetSource;
+//# sourceMappingURL=home-light.web.d.ts.map

package/dist/backgrounds/home-light.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"home-light.web.d.ts","sourceRoot":"","sources":["../../src/backgrounds/home-light.web.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAG1D,eAAO,MAAM,SAAS,EAAE,YAAmD,CAAC","sourcesContent":["/// <reference path=\"./assets.d.ts\" />\nimport { Asset } from 'expo-asset';\nimport homeLightAsset from './home-light.webp';\nimport type { PresetSource } from './preset-source.types';\n\n// Web variant. The bundled WebP's URL, which the background-image effect fetches.\nexport const homeLight: PresetSource = Asset.fromModule(homeLightAsset).uri;\n"]}

package/dist/backgrounds/home-light.web.js

@@ -0,0 +1,6 @@
+/// <reference path="./assets.d.ts" />
+import { Asset } from 'expo-asset';
+import homeLightAsset from './home-light.webp';
+// Web variant. The bundled WebP's URL, which the background-image effect fetches.
+export const homeLight = Asset.fromModule(homeLightAsset).uri;
+//# sourceMappingURL=home-light.web.js.map

package/dist/backgrounds/home-light.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"home-light.web.js","sourceRoot":"","sources":["../../src/backgrounds/home-light.web.ts"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAG/C,kFAAkF;AAClF,MAAM,CAAC,MAAM,SAAS,GAAiB,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC","sourcesContent":["/// <reference path=\"./assets.d.ts\" />\nimport { Asset } from 'expo-asset';\nimport homeLightAsset from './home-light.webp';\nimport type { PresetSource } from './preset-source.types';\n\n// Web variant. The bundled WebP's URL, which the background-image effect fetches.\nexport const homeLight: PresetSource = Asset.fromModule(homeLightAsset).uri;\n"]}

package/dist/backgrounds/index.d.ts

@@ -0,0 +1,3 @@
+export type { BackgroundPresetName } from './presets';
+export { BACKGROUND_PRESETS } from './presets';
+//# sourceMappingURL=index.d.ts.map

package/dist/backgrounds/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/backgrounds/index.ts"],"names":[],"mappings":"AAKA,YAAY,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC","sourcesContent":["// Barrel for the backgrounds feature: the platform-agnostic preset catalog.\n// Preset *sources* are not re-exported here; import them per preset so each\n// pulls only its own WebP, e.g.\n// `import { darkOffice } from 'react-native-webrtc-kaleidoscope/backgrounds/dark-office'`.\n\nexport type { BackgroundPresetName } from './presets';\nexport { BACKGROUND_PRESETS } from './presets';\n"]}

package/dist/backgrounds/index.js

@@ -0,0 +1,6 @@
+// Barrel for the backgrounds feature: the platform-agnostic preset catalog.
+// Preset *sources* are not re-exported here; import them per preset so each
+// pulls only its own WebP, e.g.
+// `import { darkOffice } from 'react-native-webrtc-kaleidoscope/backgrounds/dark-office'`.
+export { BACKGROUND_PRESETS } from './presets';
+//# sourceMappingURL=index.js.map

package/dist/backgrounds/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/backgrounds/index.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,4EAA4E;AAC5E,gCAAgC;AAChC,2FAA2F;AAG3F,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC","sourcesContent":["// Barrel for the backgrounds feature: the platform-agnostic preset catalog.\n// Preset *sources* are not re-exported here; import them per preset so each\n// pulls only its own WebP, e.g.\n// `import { darkOffice } from 'react-native-webrtc-kaleidoscope/backgrounds/dark-office'`.\n\nexport type { BackgroundPresetName } from './presets';\nexport { BACKGROUND_PRESETS } from './presets';\n"]}

package/dist/backgrounds/light-office.d.ts

@@ -0,0 +1,3 @@
+import type { PresetSource } from './preset-source.types';
+export declare const lightOffice: PresetSource;
+//# sourceMappingURL=light-office.d.ts.map

package/dist/backgrounds/light-office.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"light-office.d.ts","sourceRoot":"","sources":["../../src/backgrounds/light-office.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAK1D,eAAO,MAAM,WAAW,EAAE,YAA6B,CAAC","sourcesContent":["import type { PresetSource } from './preset-source.types';\n\n// Native variant. The native module loads its own bundled resource by name, so\n// the source is just the preset name; no WebP import, no expo-asset on native.\n// Web is handled by light-office.web.ts.\nexport const lightOffice: PresetSource = 'light-office';\n"]}

package/dist/backgrounds/light-office.js

@@ -0,0 +1,5 @@
+// Native variant. The native module loads its own bundled resource by name, so
+// the source is just the preset name; no WebP import, no expo-asset on native.
+// Web is handled by light-office.web.ts.
+export const lightOffice = 'light-office';
+//# sourceMappingURL=light-office.js.map

package/dist/backgrounds/light-office.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"light-office.js","sourceRoot":"","sources":["../../src/backgrounds/light-office.ts"],"names":[],"mappings":"AAEA,+EAA+E;AAC/E,+EAA+E;AAC/E,yCAAyC;AACzC,MAAM,CAAC,MAAM,WAAW,GAAiB,cAAc,CAAC","sourcesContent":["import type { PresetSource } from './preset-source.types';\n\n// Native variant. The native module loads its own bundled resource by name, so\n// the source is just the preset name; no WebP import, no expo-asset on native.\n// Web is handled by light-office.web.ts.\nexport const lightOffice: PresetSource = 'light-office';\n"]}

package/dist/backgrounds/light-office.web.d.ts

@@ -0,0 +1,3 @@
+import type { PresetSource } from './preset-source.types';
+export declare const lightOffice: PresetSource;
+//# sourceMappingURL=light-office.web.d.ts.map

package/dist/backgrounds/light-office.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"light-office.web.d.ts","sourceRoot":"","sources":["../../src/backgrounds/light-office.web.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAK1D,eAAO,MAAM,WAAW,EAAE,YAAqD,CAAC","sourcesContent":["/// <reference path=\"./assets.d.ts\" />\nimport { Asset } from 'expo-asset';\nimport lightOfficeAsset from './light-office.webp';\nimport type { PresetSource } from './preset-source.types';\n\n// Web variant. The bundled WebP's URL, which the background-image effect\n// fetches. Resolved with expo-asset because react-native-web has no\n// Image.resolveAssetSource; `.uri` is set synchronously by fromModule.\nexport const lightOffice: PresetSource = Asset.fromModule(lightOfficeAsset).uri;\n"]}

package/dist/backgrounds/light-office.web.js

@@ -0,0 +1,8 @@
+/// <reference path="./assets.d.ts" />
+import { Asset } from 'expo-asset';
+import lightOfficeAsset from './light-office.webp';
+// Web variant. The bundled WebP's URL, which the background-image effect
+// fetches. Resolved with expo-asset because react-native-web has no
+// Image.resolveAssetSource; `.uri` is set synchronously by fromModule.
+export const lightOffice = Asset.fromModule(lightOfficeAsset).uri;
+//# sourceMappingURL=light-office.web.js.map

package/dist/backgrounds/light-office.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"light-office.web.js","sourceRoot":"","sources":["../../src/backgrounds/light-office.web.ts"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AAGnD,yEAAyE;AACzE,oEAAoE;AACpE,uEAAuE;AACvE,MAAM,CAAC,MAAM,WAAW,GAAiB,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,GAAG,CAAC","sourcesContent":["/// <reference path=\"./assets.d.ts\" />\nimport { Asset } from 'expo-asset';\nimport lightOfficeAsset from './light-office.webp';\nimport type { PresetSource } from './preset-source.types';\n\n// Web variant. The bundled WebP's URL, which the background-image effect\n// fetches. Resolved with expo-asset because react-native-web has no\n// Image.resolveAssetSource; `.uri` is set synchronously by fromModule.\nexport const lightOffice: PresetSource = Asset.fromModule(lightOfficeAsset).uri;\n"]}

package/dist/backgrounds/nature-dark.d.ts

@@ -0,0 +1,3 @@
+import type { PresetSource } from './preset-source.types';
+export declare const natureDark: PresetSource;
+//# sourceMappingURL=nature-dark.d.ts.map

package/dist/backgrounds/nature-dark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nature-dark.d.ts","sourceRoot":"","sources":["../../src/backgrounds/nature-dark.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAK1D,eAAO,MAAM,UAAU,EAAE,YAA4B,CAAC","sourcesContent":["import type { PresetSource } from './preset-source.types';\n\n// Native variant. The native module loads its own bundled resource by name, so\n// the source is just the preset name; no WebP import, no expo-asset on native.\n// Web is handled by nature-dark.web.ts.\nexport const natureDark: PresetSource = 'nature-dark';\n"]}

package/dist/backgrounds/nature-dark.js

@@ -0,0 +1,5 @@
+// Native variant. The native module loads its own bundled resource by name, so
+// the source is just the preset name; no WebP import, no expo-asset on native.
+// Web is handled by nature-dark.web.ts.
+export const natureDark = 'nature-dark';
+//# sourceMappingURL=nature-dark.js.map

package/dist/backgrounds/nature-dark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nature-dark.js","sourceRoot":"","sources":["../../src/backgrounds/nature-dark.ts"],"names":[],"mappings":"AAEA,+EAA+E;AAC/E,+EAA+E;AAC/E,wCAAwC;AACxC,MAAM,CAAC,MAAM,UAAU,GAAiB,aAAa,CAAC","sourcesContent":["import type { PresetSource } from './preset-source.types';\n\n// Native variant. The native module loads its own bundled resource by name, so\n// the source is just the preset name; no WebP import, no expo-asset on native.\n// Web is handled by nature-dark.web.ts.\nexport const natureDark: PresetSource = 'nature-dark';\n"]}

package/dist/backgrounds/nature-dark.web.d.ts

@@ -0,0 +1,3 @@
+import type { PresetSource } from './preset-source.types';
+export declare const natureDark: PresetSource;
+//# sourceMappingURL=nature-dark.web.d.ts.map

package/dist/backgrounds/nature-dark.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nature-dark.web.d.ts","sourceRoot":"","sources":["../../src/backgrounds/nature-dark.web.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAG1D,eAAO,MAAM,UAAU,EAAE,YAAoD,CAAC","sourcesContent":["/// <reference path=\"./assets.d.ts\" />\nimport { Asset } from 'expo-asset';\nimport natureDarkAsset from './nature-dark.webp';\nimport type { PresetSource } from './preset-source.types';\n\n// Web variant. The bundled WebP's URL, which the background-image effect fetches.\nexport const natureDark: PresetSource = Asset.fromModule(natureDarkAsset).uri;\n"]}

package/dist/backgrounds/nature-dark.web.js

@@ -0,0 +1,6 @@
+/// <reference path="./assets.d.ts" />
+import { Asset } from 'expo-asset';
+import natureDarkAsset from './nature-dark.webp';
+// Web variant. The bundled WebP's URL, which the background-image effect fetches.
+export const natureDark = Asset.fromModule(natureDarkAsset).uri;
+//# sourceMappingURL=nature-dark.web.js.map

package/dist/backgrounds/nature-dark.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nature-dark.web.js","sourceRoot":"","sources":["../../src/backgrounds/nature-dark.web.ts"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,eAAe,MAAM,oBAAoB,CAAC;AAGjD,kFAAkF;AAClF,MAAM,CAAC,MAAM,UAAU,GAAiB,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC,GAAG,CAAC","sourcesContent":["/// <reference path=\"./assets.d.ts\" />\nimport { Asset } from 'expo-asset';\nimport natureDarkAsset from './nature-dark.webp';\nimport type { PresetSource } from './preset-source.types';\n\n// Web variant. The bundled WebP's URL, which the background-image effect fetches.\nexport const natureDark: PresetSource = Asset.fromModule(natureDarkAsset).uri;\n"]}

package/dist/backgrounds/nature-light.d.ts

@@ -0,0 +1,3 @@
+import type { PresetSource } from './preset-source.types';
+export declare const natureLight: PresetSource;
+//# sourceMappingURL=nature-light.d.ts.map

package/dist/backgrounds/nature-light.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nature-light.d.ts","sourceRoot":"","sources":["../../src/backgrounds/nature-light.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAK1D,eAAO,MAAM,WAAW,EAAE,YAA6B,CAAC","sourcesContent":["import type { PresetSource } from './preset-source.types';\n\n// Native variant. The native module loads its own bundled resource by name, so\n// the source is just the preset name; no WebP import, no expo-asset on native.\n// Web is handled by nature-light.web.ts.\nexport const natureLight: PresetSource = 'nature-light';\n"]}

package/dist/backgrounds/nature-light.js

@@ -0,0 +1,5 @@
+// Native variant. The native module loads its own bundled resource by name, so
+// the source is just the preset name; no WebP import, no expo-asset on native.
+// Web is handled by nature-light.web.ts.
+export const natureLight = 'nature-light';
+//# sourceMappingURL=nature-light.js.map

package/dist/backgrounds/nature-light.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nature-light.js","sourceRoot":"","sources":["../../src/backgrounds/nature-light.ts"],"names":[],"mappings":"AAEA,+EAA+E;AAC/E,+EAA+E;AAC/E,yCAAyC;AACzC,MAAM,CAAC,MAAM,WAAW,GAAiB,cAAc,CAAC","sourcesContent":["import type { PresetSource } from './preset-source.types';\n\n// Native variant. The native module loads its own bundled resource by name, so\n// the source is just the preset name; no WebP import, no expo-asset on native.\n// Web is handled by nature-light.web.ts.\nexport const natureLight: PresetSource = 'nature-light';\n"]}

package/dist/backgrounds/nature-light.web.d.ts

@@ -0,0 +1,3 @@
+import type { PresetSource } from './preset-source.types';
+export declare const natureLight: PresetSource;
+//# sourceMappingURL=nature-light.web.d.ts.map

package/dist/backgrounds/nature-light.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nature-light.web.d.ts","sourceRoot":"","sources":["../../src/backgrounds/nature-light.web.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAG1D,eAAO,MAAM,WAAW,EAAE,YAAqD,CAAC","sourcesContent":["/// <reference path=\"./assets.d.ts\" />\nimport { Asset } from 'expo-asset';\nimport natureLightAsset from './nature-light.webp';\nimport type { PresetSource } from './preset-source.types';\n\n// Web variant. The bundled WebP's URL, which the background-image effect fetches.\nexport const natureLight: PresetSource = Asset.fromModule(natureLightAsset).uri;\n"]}