@oxyhq/bloom 0.1.35 → 0.1.36

package/lib/commonjs/theme/set-color-scheme-safe.js

@@ -10,8 +10,17 @@ var _reactNative = require("react-native");
  * On Android (RN 0.83+), Appearance.setColorScheme has a Kotlin non-null
  * annotation on `style`. Passing null for 'system' crashes.
  * Workaround: resolve the system preference and pass 'light'/'dark' instead.
+ *
+ * On react-native-web, Appearance.setColorScheme is not implemented at all
+ * (it's `undefined`), which crashes with "setColorScheme is not a function".
+ * Appearance.getColorScheme() still works on web, so reading the system
+ * preference is fine — it's only the setter that's missing. The browser /
+ * electron controls the color scheme anyway, so we just bail out on web.
  */
 function setColorSchemeSafe(mode) {
+  if (_reactNative.Platform.OS === 'web') {
+    return;
+  }
   const effectiveMode = mode === 'adaptive' ? 'system' : mode;
   if (effectiveMode === 'system') {
     const resolved = _reactNative.Appearance.getColorScheme() ?? 'light';

package/lib/commonjs/theme/set-color-scheme-safe.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","setColorSchemeSafe","mode","effectiveMode","resolved","Appearance","getColorScheme","setColorScheme"],"sourceRoot":"../../../src","sources":["theme/set-color-scheme-safe.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,kBAAkBA,CAACC,IAAe,EAAE;EAClD,MAAMC,aAAa,GAAGD,IAAI,KAAK,UAAU,GAAG,QAAQ,GAAGA,IAAI;EAC3D,IAAIC,aAAa,KAAK,QAAQ,EAAE;IAC9B,MAAMC,QAAQ,GAAGC,uBAAU,CAACC,cAAc,CAAC,CAAC,IAAI,OAAO;IACvDD,uBAAU,CAACE,cAAc,CAACH,QAAQ,CAAC;EACrC,CAAC,MAAM;IACLC,uBAAU,CAACE,cAAc,CAACJ,aAAa,CAAC;EAC1C;AACF","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","setColorSchemeSafe","mode","Platform","OS","effectiveMode","resolved","Appearance","getColorScheme","setColorScheme"],"sourceRoot":"../../../src","sources":["theme/set-color-scheme-safe.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,kBAAkBA,CAACC,IAAe,EAAE;EAClD,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;IACzB;EACF;EAEA,MAAMC,aAAa,GAAGH,IAAI,KAAK,UAAU,GAAG,QAAQ,GAAGA,IAAI;EAC3D,IAAIG,aAAa,KAAK,QAAQ,EAAE;IAC9B,MAAMC,QAAQ,GAAGC,uBAAU,CAACC,cAAc,CAAC,CAAC,IAAI,OAAO;IACvDD,uBAAU,CAACE,cAAc,CAACH,QAAQ,CAAC;EACrC,CAAC,MAAM;IACLC,uBAAU,CAACE,cAAc,CAACJ,aAAa,CAAC;EAC1C;AACF","ignoreList":[]}

package/lib/module/theme/set-color-scheme-safe.js

@@ -1,13 +1,22 @@
 "use strict";
 
-import { Appearance } from 'react-native';
+import { Appearance, Platform } from 'react-native';
 /**
  * Safely set the color scheme via Appearance API.
  * On Android (RN 0.83+), Appearance.setColorScheme has a Kotlin non-null
  * annotation on `style`. Passing null for 'system' crashes.
  * Workaround: resolve the system preference and pass 'light'/'dark' instead.
+ *
+ * On react-native-web, Appearance.setColorScheme is not implemented at all
+ * (it's `undefined`), which crashes with "setColorScheme is not a function".
+ * Appearance.getColorScheme() still works on web, so reading the system
+ * preference is fine — it's only the setter that's missing. The browser /
+ * electron controls the color scheme anyway, so we just bail out on web.
  */
 export function setColorSchemeSafe(mode) {
+  if (Platform.OS === 'web') {
+    return;
+  }
   const effectiveMode = mode === 'adaptive' ? 'system' : mode;
   if (effectiveMode === 'system') {
     const resolved = Appearance.getColorScheme() ?? 'light';

package/lib/module/theme/set-color-scheme-safe.js.map

@@ -1 +1 @@
-{"version":3,"names":["Appearance","setColorSchemeSafe","mode","effectiveMode","resolved","getColorScheme","setColorScheme"],"sourceRoot":"../../../src","sources":["theme/set-color-scheme-safe.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAkB,cAAc;AAInD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAACC,IAAe,EAAE;EAClD,MAAMC,aAAa,GAAGD,IAAI,KAAK,UAAU,GAAG,QAAQ,GAAGA,IAAI;EAC3D,IAAIC,aAAa,KAAK,QAAQ,EAAE;IAC9B,MAAMC,QAAQ,GAAGJ,UAAU,CAACK,cAAc,CAAC,CAAC,IAAI,OAAO;IACvDL,UAAU,CAACM,cAAc,CAACF,QAAQ,CAAC;EACrC,CAAC,MAAM;IACLJ,UAAU,CAACM,cAAc,CAACH,aAAa,CAAC;EAC1C;AACF","ignoreList":[]}
+{"version":3,"names":["Appearance","Platform","setColorSchemeSafe","mode","OS","effectiveMode","resolved","getColorScheme","setColorScheme"],"sourceRoot":"../../../src","sources":["theme/set-color-scheme-safe.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,QAAQ,QAAQ,cAAc;AAGnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAACC,IAAe,EAAE;EAClD,IAAIF,QAAQ,CAACG,EAAE,KAAK,KAAK,EAAE;IACzB;EACF;EAEA,MAAMC,aAAa,GAAGF,IAAI,KAAK,UAAU,GAAG,QAAQ,GAAGA,IAAI;EAC3D,IAAIE,aAAa,KAAK,QAAQ,EAAE;IAC9B,MAAMC,QAAQ,GAAGN,UAAU,CAACO,cAAc,CAAC,CAAC,IAAI,OAAO;IACvDP,UAAU,CAACQ,cAAc,CAACF,QAAQ,CAAC;EACrC,CAAC,MAAM;IACLN,UAAU,CAACQ,cAAc,CAACH,aAAa,CAAC;EAC1C;AACF","ignoreList":[]}

package/lib/typescript/commonjs/theme/set-color-scheme-safe.d.ts

@@ -4,6 +4,12 @@ import type { ThemeMode } from './types';
  * On Android (RN 0.83+), Appearance.setColorScheme has a Kotlin non-null
  * annotation on `style`. Passing null for 'system' crashes.
  * Workaround: resolve the system preference and pass 'light'/'dark' instead.
+ *
+ * On react-native-web, Appearance.setColorScheme is not implemented at all
+ * (it's `undefined`), which crashes with "setColorScheme is not a function".
+ * Appearance.getColorScheme() still works on web, so reading the system
+ * preference is fine — it's only the setter that's missing. The browser /
+ * electron controls the color scheme anyway, so we just bail out on web.
  */
 export declare function setColorSchemeSafe(mode: ThemeMode): void;
 //# sourceMappingURL=set-color-scheme-safe.d.ts.map

package/lib/typescript/commonjs/theme/set-color-scheme-safe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"set-color-scheme-safe.d.ts","sourceRoot":"","sources":["../../../../src/theme/set-color-scheme-safe.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,SAAS,QAQjD"}
+{"version":3,"file":"set-color-scheme-safe.d.ts","sourceRoot":"","sources":["../../../../src/theme/set-color-scheme-safe.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,SAAS,QAYjD"}

package/lib/typescript/module/theme/set-color-scheme-safe.d.ts

@@ -4,6 +4,12 @@ import type { ThemeMode } from './types';
  * On Android (RN 0.83+), Appearance.setColorScheme has a Kotlin non-null
  * annotation on `style`. Passing null for 'system' crashes.
  * Workaround: resolve the system preference and pass 'light'/'dark' instead.
+ *
+ * On react-native-web, Appearance.setColorScheme is not implemented at all
+ * (it's `undefined`), which crashes with "setColorScheme is not a function".
+ * Appearance.getColorScheme() still works on web, so reading the system
+ * preference is fine — it's only the setter that's missing. The browser /
+ * electron controls the color scheme anyway, so we just bail out on web.
  */
 export declare function setColorSchemeSafe(mode: ThemeMode): void;
 //# sourceMappingURL=set-color-scheme-safe.d.ts.map

package/lib/typescript/module/theme/set-color-scheme-safe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"set-color-scheme-safe.d.ts","sourceRoot":"","sources":["../../../../src/theme/set-color-scheme-safe.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,SAAS,QAQjD"}
+{"version":3,"file":"set-color-scheme-safe.d.ts","sourceRoot":"","sources":["../../../../src/theme/set-color-scheme-safe.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,SAAS,QAYjD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxyhq/bloom",
-  "version": "0.1.35",
+  "version": "0.1.36",
   "description": "Bloom UI — Oxy ecosystem component library for React Native + Expo + Web",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",

package/src/theme/set-color-scheme-safe.ts

@@ -1,5 +1,4 @@
 import { Appearance, Platform } from 'react-native';
-import type { ColorSchemeName } from 'react-native';
 import type { ThemeMode } from './types';
 
 /**
@@ -7,8 +6,18 @@ import type { ThemeMode } from './types';
  * On Android (RN 0.83+), Appearance.setColorScheme has a Kotlin non-null
  * annotation on `style`. Passing null for 'system' crashes.
  * Workaround: resolve the system preference and pass 'light'/'dark' instead.
+ *
+ * On react-native-web, Appearance.setColorScheme is not implemented at all
+ * (it's `undefined`), which crashes with "setColorScheme is not a function".
+ * Appearance.getColorScheme() still works on web, so reading the system
+ * preference is fine — it's only the setter that's missing. The browser /
+ * electron controls the color scheme anyway, so we just bail out on web.
  */
 export function setColorSchemeSafe(mode: ThemeMode) {
+  if (Platform.OS === 'web') {
+    return;
+  }
+
   const effectiveMode = mode === 'adaptive' ? 'system' : mode;
   if (effectiveMode === 'system') {
     const resolved = Appearance.getColorScheme() ?? 'light';