fix: web build issue

package.json

@@ -4,12 +4,40 @@
   "description": "Mendix native mobile package",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "file-system": [
+        "lib/typescript/src/file-system/index.d.ts"
+      ],
+      "native-modules": [
+        "lib/typescript/src/native-modules/index.d.ts"
+      ],
+      "navigation-mode": [
+        "lib/typescript/src/navigation-mode/index.d.ts"
+      ]
+    }
+  },
   "exports": {
     ".": {
       "source": "./src/index.tsx",
       "types": "./lib/typescript/src/index.d.ts",
       "default": "./lib/module/index.js"
     },
+    "./file-system": {
+      "source": "./src/file-system/index.ts",
+      "types": "./lib/typescript/src/file-system/index.d.ts",
+      "default": "./lib/module/file-system/index.js"
+    },
+    "./native-modules": {
+      "source": "./src/native-modules/index.ts",
+      "types": "./lib/typescript/src/native-modules/index.d.ts",
+      "default": "./lib/module/native-modules/index.js"
+    },
+    "./navigation-mode": {
+      "source": "./src/navigation-mode/index.ts",
+      "types": "./lib/typescript/src/navigation-mode/index.d.ts",
+      "default": "./lib/module/navigation-mode/index.js"
+    },
     "./package.json": "./package.json"
   },
   "files": [

src/file-system/NativeMxFileSystem.ts

@@ -1,8 +1,5 @@
-import {
-  TurboModuleRegistry,
-  type TurboModule,
-  type CodegenTypes,
-} from 'react-native';
+import { TurboModuleRegistry } from 'react-native';
+import type { TurboModule, CodegenTypes } from 'react-native';
 
 type BlobData = {
   blobId: string;
@@ -34,6 +31,22 @@ export interface Spec extends TurboModule {
   setEncryptionEnabled(enabled: boolean): void;
 }
 
-export default TurboModuleRegistry.getEnforcing<Spec>('MxFileSystem');
+let cachedModule: Spec | undefined;
+const getModule = (): Spec => {
+  if (!cachedModule) {
+    cachedModule = TurboModuleRegistry.getEnforcing<Spec>('MxFileSystem');
+  }
+  return cachedModule;
+};
+
+// Resolves the native module lazily (on first property access) instead of at import time,
+// so requiring this file on web, where TurboModuleRegistry is stubbed out, never crashes.
+const NativeMxFileSystem = new Proxy({} as Spec, {
+  get(_target, prop) {
+    return getModule()[prop as keyof Spec];
+  },
+});
+
+export default NativeMxFileSystem;
 
 export type { BlobData, FsConstants };

src/file-system/index.ts

@@ -44,4 +44,19 @@ const cast = <T>(value: unknown): T | undefined => {
   return value as T;
 };
 
-export const NativeFileSystem = initFs();
+type Fs = ReturnType<typeof initFs>;
+let cachedFs: Fs | undefined;
+const getFs = (): Fs => {
+  if (!cachedFs) {
+    cachedFs = initFs();
+  }
+  return cachedFs;
+};
+
+// Deferred so importing this module never touches the native file system module
+// (e.g. on web, where it doesn't exist) until a consumer actually reads a property.
+export const NativeFileSystem = new Proxy({} as Fs, {
+  get(_target, prop) {
+    return getFs()[prop as keyof Fs];
+  },
+});

src/index.ts

@@ -10,3 +10,4 @@ export * from './encrypted-storage';
 export * from './error';
 export * from './file-system';
 export * from './navigation-mode';
+export * from './native-modules';

src/native-modules/index.ts

@@ -0,0 +1,5 @@
+import { TurboModuleRegistry } from 'react-native';
+
+export const getNativeModule = <T extends object = Record<string, unknown>>(
+  name: string
+): T | null => TurboModuleRegistry.get<T>(name) ?? null;

src/navigation-mode/NativeMxNavigation.ts

@@ -1,9 +1,25 @@
-import { TurboModuleRegistry, type TurboModule } from 'react-native';
-import type { CodegenTypes } from 'react-native';
+import { TurboModuleRegistry } from 'react-native';
+import type { TurboModule, CodegenTypes } from 'react-native';
 
 export interface Spec extends TurboModule {
   isNavigationBarActive(): boolean;
   getNavigationBarHeight(): CodegenTypes.Double;
 }
 
-export default TurboModuleRegistry.getEnforcing<Spec>('MxNavigation');
+let cachedModule: Spec | undefined;
+const getModule = (): Spec => {
+  if (!cachedModule) {
+    cachedModule = TurboModuleRegistry.getEnforcing<Spec>('MxNavigation');
+  }
+  return cachedModule;
+};
+
+// Resolves the native module lazily (on first property access) instead of at import time,
+// so requiring this file on web, where TurboModuleRegistry is stubbed out, never crashes.
+const NativeMxNavigation = new Proxy({} as Spec, {
+  get(_target, prop) {
+    return getModule()[prop as keyof Spec];
+  },
+});
+
+export default NativeMxNavigation;

src/navigation-mode/index.ts

@@ -1,6 +1,12 @@
 import NativeMxNavigation from './NativeMxNavigation';
 
+// Getters keep this lazy: reading .height/.isActive is what triggers the native call,
+// not importing this module.
 export const AndroidNavigationBar = {
-  height: NativeMxNavigation.getNavigationBarHeight(),
-  isActive: NativeMxNavigation.isNavigationBarActive(),
+  get height() {
+    return NativeMxNavigation.getNavigationBarHeight();
+  },
+  get isActive() {
+    return NativeMxNavigation.isNavigationBarActive();
+  },
 };