expo-screen-orientation 8.0.0 → 8.0.1

package/CHANGELOG.md

@@ -10,6 +10,12 @@
 
 ### 💡 Others
 
+## 8.0.1 — 2024-12-05
+
+### 🐛 Bug fixes
+
+- Fixed event listeners on web. ([#33361](https://github.com/expo/expo/pull/33361) by [@aleqsio](https://github.com/aleqsio))
+
 ## 8.0.0 — 2024-10-22
 
 ### 🛠 Breaking changes

package/android/build.gradle

@@ -1,7 +1,7 @@
 apply plugin: 'com.android.library'
 
 group = 'host.exp.exponent'
-version = '8.0.0'
+version = '8.0.1'
 
 def expoModulesCorePlugin = new File(project(":expo-modules-core").projectDir.absolutePath, "ExpoModulesCorePlugin.gradle")
 apply from: expoModulesCorePlugin
@@ -14,6 +14,6 @@ android {
   namespace "expo.modules.screenorientation"
   defaultConfig {
     versionCode 7
-    versionName '8.0.0'
+    versionName '8.0.1'
   }
 }

package/build/ExpoScreenOrientation.web.d.ts

@@ -1,11 +1,17 @@
-import { Orientation, OrientationLock, WebOrientationLock } from './ScreenOrientation.types';
-declare const _default: {
+import { NativeModule } from 'expo-modules-core';
+import { Orientation, OrientationLock, WebOrientationLock, ExpoOrientationEvents } from './ScreenOrientation.types';
+declare class ExpoScreenOrientation extends NativeModule<ExpoOrientationEvents> {
+    orientation: ScreenOrientation | null;
+    emitOrientationEvent(): Promise<void>;
+    startObserving(): void;
+    stopObserving(): void;
     supportsOrientationLockAsync(orientationLock: OrientationLock): Promise<boolean>;
     getPlatformOrientationLockAsync(): Promise<WebOrientationLock>;
     getOrientationAsync(): Promise<Orientation>;
     lockAsync(orientationLock: OrientationLock): Promise<void>;
     lockPlatformAsync(webOrientationLock: WebOrientationLock): Promise<void>;
     unlockAsync(): Promise<void>;
-};
+}
+declare const _default: typeof ExpoScreenOrientation;
 export default _default;
 //# sourceMappingURL=ExpoScreenOrientation.web.d.ts.map

package/build/ExpoScreenOrientation.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoScreenOrientation.web.d.ts","sourceRoot":"","sources":["../src/ExpoScreenOrientation.web.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,WAAW,EACX,eAAe,EACf,kBAAkB,EAEnB,MAAM,2BAA2B,CAAC;;kDAoGmB,eAAe,GAAG,QAAQ,OAAO,CAAC;uCAG7C,QAAQ,kBAAkB,CAAC;2BAGvC,QAAQ,WAAW,CAAC;+BAQhB,eAAe,GAAG,QAAQ,IAAI,CAAC;0CAOpB,kBAAkB,GAAG,QAAQ,IAAI,CAAC;mBAIzD,QAAQ,IAAI,CAAC;;AA1BpC,wBAiDE"}
+{"version":3,"file":"ExpoScreenOrientation.web.d.ts","sourceRoot":"","sources":["../src/ExpoScreenOrientation.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAA+B,MAAM,mBAAmB,CAAC;AAG9E,OAAO,EACL,WAAW,EACX,eAAe,EACf,kBAAkB,EAElB,qBAAqB,EACtB,MAAM,2BAA2B,CAAC;AA6EnC,cAAM,qBAAsB,SAAQ,YAAY,CAAC,qBAAqB,CAAC;IACrE,WAAW,EAAE,iBAAiB,GAAG,IAAI,CAE5B;IACH,oBAAoB;IAU1B,cAAc;IAUd,aAAa,IAAI,IAAI;IASf,4BAA4B,CAAC,eAAe,EAAE,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC;IAGhF,+BAA+B,IAAI,OAAO,CAAC,kBAAkB,CAAC;IAG9D,mBAAmB,IAAI,OAAO,CAAC,WAAW,CAAC;IAQ3C,SAAS,CAAC,eAAe,EAAE,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC;IAO1D,iBAAiB,CAAC,kBAAkB,EAAE,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC;IAIxE,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC;CAuBnC;;AAED,wBAAwD"}

package/build/ExpoScreenOrientation.web.js

@@ -1,5 +1,4 @@
-import { Platform } from 'expo-modules-core';
-import { DeviceEventEmitter } from 'react-native';
+import { NativeModule, Platform, registerWebModule } from 'expo-modules-core';
 import { getOrientationLockAsync, getOrientationAsync } from './ScreenOrientation';
 import { Orientation, OrientationLock, WebOrientationLock, WebOrientation, } from './ScreenOrientation.types';
 const OrientationLockAPIToWeb = {
@@ -19,27 +18,6 @@ const OrientationWebToAPI = {
     [WebOrientation.LANDSCAPE_SECONDARY]: Orientation.LANDSCAPE_RIGHT,
 };
 const screen = Platform.canUseViewport ? window.screen : {};
-const orientation = Platform.canUseViewport
-    ? screen.orientation || screen.msOrientation || null
-    : null;
-async function emitOrientationEvent() {
-    const [orientationLock, orientation] = await Promise.all([
-        getOrientationLockAsync(),
-        getOrientationAsync(),
-    ]);
-    DeviceEventEmitter.emit('expoDidUpdateDimensions', {
-        orientationLock,
-        orientationInfo: { orientation },
-    });
-}
-if (Platform.canUseEventListeners) {
-    if (orientation && orientation.addEventListener) {
-        orientation.addEventListener('change', emitOrientationEvent);
-    }
-    else {
-        window.addEventListener('orientationchange', emitOrientationEvent);
-    }
-}
 function _convertToLegacyOrientationLock(orientationLock) {
     switch (orientationLock) {
         case WebOrientationLock.UNKNOWN:
@@ -77,31 +55,65 @@ async function _lockAsync(webOrientationLock) {
     }
 }
 let _lastWebOrientationLock = WebOrientationLock.UNKNOWN;
-export default {
+class ExpoScreenOrientation extends NativeModule {
+    orientation = Platform.canUseViewport
+        ? screen.orientation || screen.msOrientation || null
+        : null;
+    async emitOrientationEvent() {
+        const [orientationLock, orientation] = await Promise.all([
+            getOrientationLockAsync(),
+            getOrientationAsync(),
+        ]);
+        this.emit('expoDidUpdateDimensions', {
+            orientationLock,
+            orientationInfo: { orientation },
+        });
+    }
+    startObserving() {
+        this.listener = () => this.emitOrientationEvent();
+        if (Platform.canUseEventListeners) {
+            if (this.orientation && this.orientation.addEventListener) {
+                this.orientation.addEventListener('change', this.listener);
+            }
+            else {
+                window.addEventListener('orientationchange', this.listener);
+            }
+        }
+    }
+    stopObserving() {
+        if (Platform.canUseEventListeners) {
+            if (this.orientation && this.orientation.removeEventListener) {
+                this.orientation.removeEventListener('change', this.listener);
+            }
+            else {
+                window.removeEventListener('orientationchange', this.listener);
+            }
+        }
+    }
     async supportsOrientationLockAsync(orientationLock) {
         return orientationLock in OrientationLockAPIToWeb;
-    },
+    }
     async getPlatformOrientationLockAsync() {
         return _lastWebOrientationLock;
-    },
+    }
     async getOrientationAsync() {
         const webOrientation = screen['msOrientation'] || (screen.orientation || screen['mozOrientation'] || {}).type;
         if (!webOrientation) {
             return Orientation.UNKNOWN;
         }
         return OrientationWebToAPI[webOrientation];
-    },
+    }
     async lockAsync(orientationLock) {
         const webOrientationLock = OrientationLockAPIToWeb[orientationLock];
         if (!webOrientationLock) {
             throw new TypeError(`Invalid Orientation Lock: ${orientationLock}`);
         }
         await _lockAsync(webOrientationLock);
-    },
+    }
     async lockPlatformAsync(webOrientationLock) {
         await _lockAsync(webOrientationLock);
         _lastWebOrientationLock = webOrientationLock;
-    },
+    }
     async unlockAsync() {
         if (screen.orientation && screen.orientation.unlock) {
             screen.orientation.unlock();
@@ -121,6 +133,7 @@ export default {
         else {
             throw new Error(`expo-screen-orientation: The browser doesn't support unlocking screen orientation.`);
         }
-    },
-};
+    }
+}
+export default registerWebModule(ExpoScreenOrientation);
 //# sourceMappingURL=ExpoScreenOrientation.web.js.map

package/build/ExpoScreenOrientation.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoScreenOrientation.web.js","sourceRoot":"","sources":["../src/ExpoScreenOrientation.web.ts"],"names":[],"mappings":"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","sourcesContent":["import { Platform } from 'expo-modules-core';\nimport { DeviceEventEmitter } from 'react-native';\n\nimport { getOrientationLockAsync, getOrientationAsync } from './ScreenOrientation';\nimport {\n  Orientation,\n  OrientationLock,\n  WebOrientationLock,\n  WebOrientation,\n} from './ScreenOrientation.types';\n\nconst OrientationLockAPIToWeb: {\n  [lock: string]: WebOrientationLock;\n} = {\n  [OrientationLock.DEFAULT]: WebOrientationLock.NATURAL,\n  [OrientationLock.ALL]: WebOrientationLock.ANY,\n  [OrientationLock.PORTRAIT]: WebOrientationLock.PORTRAIT,\n  [OrientationLock.PORTRAIT_UP]: WebOrientationLock.PORTRAIT_PRIMARY,\n  [OrientationLock.PORTRAIT_DOWN]: WebOrientationLock.PORTRAIT_SECONDARY,\n  [OrientationLock.LANDSCAPE]: WebOrientationLock.LANDSCAPE,\n  [OrientationLock.LANDSCAPE_LEFT]: WebOrientationLock.LANDSCAPE_PRIMARY,\n  [OrientationLock.LANDSCAPE_RIGHT]: WebOrientationLock.LANDSCAPE_SECONDARY,\n};\n\nconst OrientationWebToAPI: {\n  [orientationWeb: string]: Orientation;\n} = {\n  [WebOrientation.PORTRAIT_PRIMARY]: Orientation.PORTRAIT_UP,\n  [WebOrientation.PORTRAIT_SECONDARY]: Orientation.PORTRAIT_DOWN,\n  [WebOrientation.LANDSCAPE_PRIMARY]: Orientation.LANDSCAPE_LEFT,\n  [WebOrientation.LANDSCAPE_SECONDARY]: Orientation.LANDSCAPE_RIGHT,\n};\n\ndeclare const window: Window;\n\nconst screen: Screen = Platform.canUseViewport ? window.screen : ({} as Screen);\nconst orientation: ScreenOrientation | null = Platform.canUseViewport\n  ? screen.orientation || (screen as any).msOrientation || null\n  : null;\n\nasync function emitOrientationEvent() {\n  const [orientationLock, orientation] = await Promise.all([\n    getOrientationLockAsync(),\n    getOrientationAsync(),\n  ]);\n  DeviceEventEmitter.emit('expoDidUpdateDimensions', {\n    orientationLock,\n    orientationInfo: { orientation },\n  });\n}\n\nif (Platform.canUseEventListeners) {\n  if (orientation && orientation.addEventListener) {\n    orientation.addEventListener('change', emitOrientationEvent);\n  } else {\n    window.addEventListener('orientationchange', emitOrientationEvent);\n  }\n}\n\nfunction _convertToLegacyOrientationLock(orientationLock: WebOrientationLock): string | string[] {\n  switch (orientationLock) {\n    case WebOrientationLock.UNKNOWN:\n      throw new Error(\n        `expo-screen-orientation: WebOrientationLock.UNKNOWN is not a valid lock to be converted.`\n      );\n    case WebOrientationLock.ANY:\n      return ['portrait', 'landscape'];\n    case WebOrientationLock.NATURAL:\n      return 'default';\n    default:\n      return orientationLock;\n  }\n}\n\nasync function _lockAsync(webOrientationLock: WebOrientationLock): Promise<void> {\n  if (webOrientationLock === WebOrientationLock.UNKNOWN) {\n    throw new Error(\n      `expo-screen-orientation: WebOrientationLock.UNKNOWN is not a valid lock that can be applied to the device.`\n    );\n  }\n  // @ts-ignore-error: This is missing in the TypeScript definitions\n  if (screen.orientation && screen.orientation.lock) {\n    // @ts-ignore-error\n    await screen.orientation.lock(webOrientationLock);\n  } else if (\n    screen['lockOrientation'] ||\n    screen['mozLockOrientation'] ||\n    screen['msLockOrientation']\n  ) {\n    const legacyLock = _convertToLegacyOrientationLock(webOrientationLock);\n    const lockOrientation =\n      screen['lockOrientation'] || screen['mozLockOrientation'] || screen['msLockOrientation'];\n    // correct `this` context must be passed in otherwise method call is disallowed by browser\n    const isSuccess = lockOrientation.call(screen, legacyLock);\n    if (!isSuccess) {\n      throw new Error(\n        `Applying orientation lock: ${JSON.stringify(webOrientationLock)} to device was denied`\n      );\n    }\n  } else {\n    throw new Error(\n      `expo-screen-orientation: The browser doesn't support locking screen orientation.`\n    );\n  }\n}\n\nlet _lastWebOrientationLock: WebOrientationLock = WebOrientationLock.UNKNOWN;\n\nexport default {\n  async supportsOrientationLockAsync(orientationLock: OrientationLock): Promise<boolean> {\n    return orientationLock in OrientationLockAPIToWeb;\n  },\n  async getPlatformOrientationLockAsync(): Promise<WebOrientationLock> {\n    return _lastWebOrientationLock;\n  },\n  async getOrientationAsync(): Promise<Orientation> {\n    const webOrientation =\n      screen['msOrientation'] || (screen.orientation || screen['mozOrientation'] || {}).type;\n    if (!webOrientation) {\n      return Orientation.UNKNOWN;\n    }\n    return OrientationWebToAPI[webOrientation];\n  },\n  async lockAsync(orientationLock: OrientationLock): Promise<void> {\n    const webOrientationLock = OrientationLockAPIToWeb[orientationLock];\n    if (!webOrientationLock) {\n      throw new TypeError(`Invalid Orientation Lock: ${orientationLock}`);\n    }\n    await _lockAsync(webOrientationLock);\n  },\n  async lockPlatformAsync(webOrientationLock: WebOrientationLock): Promise<void> {\n    await _lockAsync(webOrientationLock);\n    _lastWebOrientationLock = webOrientationLock;\n  },\n  async unlockAsync(): Promise<void> {\n    if (screen.orientation && screen.orientation.unlock) {\n      screen.orientation.unlock();\n    } else if (\n      screen['unlockOrientation'] ||\n      screen['mozUnlockOrientation'] ||\n      screen['msUnlockOrientation']\n    ) {\n      const unlockOrientation =\n        screen['unlockOrientation'] ||\n        screen['mozUnlockOrientation'] ||\n        screen['msUnlockOrientation'];\n      // correct `this` context must be passed in otherwise method call is disallowed by browser\n      const isSuccess = unlockOrientation.call(screen);\n      if (!isSuccess) {\n        throw new Error(`Unlocking screen orientation on device was denied`);\n      }\n    } else {\n      throw new Error(\n        `expo-screen-orientation: The browser doesn't support unlocking screen orientation.`\n      );\n    }\n  },\n};\n"]}
+{"version":3,"file":"ExpoScreenOrientation.web.js","sourceRoot":"","sources":["../src/ExpoScreenOrientation.web.ts"],"names":[],"mappings":"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","sourcesContent":["import { NativeModule, Platform, registerWebModule } from 'expo-modules-core';\n\nimport { getOrientationLockAsync, getOrientationAsync } from './ScreenOrientation';\nimport {\n  Orientation,\n  OrientationLock,\n  WebOrientationLock,\n  WebOrientation,\n  ExpoOrientationEvents,\n} from './ScreenOrientation.types';\n\nconst OrientationLockAPIToWeb: {\n  [lock: string]: WebOrientationLock;\n} = {\n  [OrientationLock.DEFAULT]: WebOrientationLock.NATURAL,\n  [OrientationLock.ALL]: WebOrientationLock.ANY,\n  [OrientationLock.PORTRAIT]: WebOrientationLock.PORTRAIT,\n  [OrientationLock.PORTRAIT_UP]: WebOrientationLock.PORTRAIT_PRIMARY,\n  [OrientationLock.PORTRAIT_DOWN]: WebOrientationLock.PORTRAIT_SECONDARY,\n  [OrientationLock.LANDSCAPE]: WebOrientationLock.LANDSCAPE,\n  [OrientationLock.LANDSCAPE_LEFT]: WebOrientationLock.LANDSCAPE_PRIMARY,\n  [OrientationLock.LANDSCAPE_RIGHT]: WebOrientationLock.LANDSCAPE_SECONDARY,\n};\n\nconst OrientationWebToAPI: {\n  [orientationWeb: string]: Orientation;\n} = {\n  [WebOrientation.PORTRAIT_PRIMARY]: Orientation.PORTRAIT_UP,\n  [WebOrientation.PORTRAIT_SECONDARY]: Orientation.PORTRAIT_DOWN,\n  [WebOrientation.LANDSCAPE_PRIMARY]: Orientation.LANDSCAPE_LEFT,\n  [WebOrientation.LANDSCAPE_SECONDARY]: Orientation.LANDSCAPE_RIGHT,\n};\n\ndeclare const window: Window;\n\nconst screen: Screen = Platform.canUseViewport ? window.screen : ({} as Screen);\n\nfunction _convertToLegacyOrientationLock(orientationLock: WebOrientationLock): string | string[] {\n  switch (orientationLock) {\n    case WebOrientationLock.UNKNOWN:\n      throw new Error(\n        `expo-screen-orientation: WebOrientationLock.UNKNOWN is not a valid lock to be converted.`\n      );\n    case WebOrientationLock.ANY:\n      return ['portrait', 'landscape'];\n    case WebOrientationLock.NATURAL:\n      return 'default';\n    default:\n      return orientationLock;\n  }\n}\n\nasync function _lockAsync(webOrientationLock: WebOrientationLock): Promise<void> {\n  if (webOrientationLock === WebOrientationLock.UNKNOWN) {\n    throw new Error(\n      `expo-screen-orientation: WebOrientationLock.UNKNOWN is not a valid lock that can be applied to the device.`\n    );\n  }\n  // @ts-ignore-error: This is missing in the TypeScript definitions\n  if (screen.orientation && screen.orientation.lock) {\n    // @ts-ignore-error\n    await screen.orientation.lock(webOrientationLock);\n  } else if (\n    screen['lockOrientation'] ||\n    screen['mozLockOrientation'] ||\n    screen['msLockOrientation']\n  ) {\n    const legacyLock = _convertToLegacyOrientationLock(webOrientationLock);\n    const lockOrientation =\n      screen['lockOrientation'] || screen['mozLockOrientation'] || screen['msLockOrientation'];\n    // correct `this` context must be passed in otherwise method call is disallowed by browser\n    const isSuccess = lockOrientation.call(screen, legacyLock);\n    if (!isSuccess) {\n      throw new Error(\n        `Applying orientation lock: ${JSON.stringify(webOrientationLock)} to device was denied`\n      );\n    }\n  } else {\n    throw new Error(\n      `expo-screen-orientation: The browser doesn't support locking screen orientation.`\n    );\n  }\n}\n\nlet _lastWebOrientationLock: WebOrientationLock = WebOrientationLock.UNKNOWN;\n\nclass ExpoScreenOrientation extends NativeModule<ExpoOrientationEvents> {\n  orientation: ScreenOrientation | null = Platform.canUseViewport\n    ? screen.orientation || (screen as any).msOrientation || null\n    : null;\n  async emitOrientationEvent() {\n    const [orientationLock, orientation] = await Promise.all([\n      getOrientationLockAsync(),\n      getOrientationAsync(),\n    ]);\n    this.emit('expoDidUpdateDimensions', {\n      orientationLock,\n      orientationInfo: { orientation },\n    });\n  }\n  startObserving() {\n    this.listener = () => this.emitOrientationEvent();\n    if (Platform.canUseEventListeners) {\n      if (this.orientation && this.orientation.addEventListener) {\n        this.orientation.addEventListener('change', this.listener);\n      } else {\n        window.addEventListener('orientationchange', this.listener);\n      }\n    }\n  }\n  stopObserving(): void {\n    if (Platform.canUseEventListeners) {\n      if (this.orientation && this.orientation.removeEventListener) {\n        this.orientation.removeEventListener('change', this.listener);\n      } else {\n        window.removeEventListener('orientationchange', this.listener);\n      }\n    }\n  }\n  async supportsOrientationLockAsync(orientationLock: OrientationLock): Promise<boolean> {\n    return orientationLock in OrientationLockAPIToWeb;\n  }\n  async getPlatformOrientationLockAsync(): Promise<WebOrientationLock> {\n    return _lastWebOrientationLock;\n  }\n  async getOrientationAsync(): Promise<Orientation> {\n    const webOrientation =\n      screen['msOrientation'] || (screen.orientation || screen['mozOrientation'] || {}).type;\n    if (!webOrientation) {\n      return Orientation.UNKNOWN;\n    }\n    return OrientationWebToAPI[webOrientation];\n  }\n  async lockAsync(orientationLock: OrientationLock): Promise<void> {\n    const webOrientationLock = OrientationLockAPIToWeb[orientationLock];\n    if (!webOrientationLock) {\n      throw new TypeError(`Invalid Orientation Lock: ${orientationLock}`);\n    }\n    await _lockAsync(webOrientationLock);\n  }\n  async lockPlatformAsync(webOrientationLock: WebOrientationLock): Promise<void> {\n    await _lockAsync(webOrientationLock);\n    _lastWebOrientationLock = webOrientationLock;\n  }\n  async unlockAsync(): Promise<void> {\n    if (screen.orientation && screen.orientation.unlock) {\n      screen.orientation.unlock();\n    } else if (\n      screen['unlockOrientation'] ||\n      screen['mozUnlockOrientation'] ||\n      screen['msUnlockOrientation']\n    ) {\n      const unlockOrientation =\n        screen['unlockOrientation'] ||\n        screen['mozUnlockOrientation'] ||\n        screen['msUnlockOrientation'];\n      // correct `this` context must be passed in otherwise method call is disallowed by browser\n      const isSuccess = unlockOrientation.call(screen);\n      if (!isSuccess) {\n        throw new Error(`Unlocking screen orientation on device was denied`);\n      }\n    } else {\n      throw new Error(\n        `expo-screen-orientation: The browser doesn't support unlocking screen orientation.`\n      );\n    }\n  }\n}\n\nexport default registerWebModule(ExpoScreenOrientation);\n"]}

package/build/ScreenOrientation.types.d.ts

@@ -149,4 +149,7 @@ export type OrientationChangeEvent = {
      */
     orientationInfo: ScreenOrientationInfo;
 };
+export type ExpoOrientationEvents = {
+    expoDidUpdateDimensions: OrientationChangeListener;
+};
 //# sourceMappingURL=ScreenOrientation.types.d.ts.map

package/build/ScreenOrientation.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenOrientation.types.d.ts","sourceRoot":"","sources":["../src/ScreenOrientation.types.ts"],"names":[],"mappings":"AACA,oBAAY,WAAW;IACrB;;OAEG;IACH,OAAO,IAAI;IACX;;OAEG;IACH,WAAW,IAAI;IACf;;OAEG;IACH,aAAa,IAAI;IACjB;;OAEG;IACH,cAAc,IAAI;IAClB;;OAEG;IACH,eAAe,IAAI;CACpB;AAGD;;;;;GAKG;AACH,oBAAY,eAAe;IACzB;;;OAGG;IACH,OAAO,IAAI;IACX;;OAEG;IACH,GAAG,IAAI;IACP;;OAEG;IACH,QAAQ,IAAI;IACZ;;OAEG;IACH,WAAW,IAAI;IACf;;OAEG;IACH,aAAa,IAAI;IACjB;;OAEG;IACH,SAAS,IAAI;IACb;;OAEG;IACH,cAAc,IAAI;IAClB;;OAEG;IACH,eAAe,IAAI;IACnB;;OAEG;IACH,KAAK,IAAI;IACT;;OAEG;IACH,OAAO,IAAI;CACZ;AAGD;;;GAGG;AACH,oBAAY,YAAY;IACtB,OAAO,IAAI;IACX,OAAO,IAAI;IACX,OAAO,IAAI;CACZ;AAGD;;;;;GAKG;AACH,oBAAY,kBAAkB;IAC5B,gBAAgB,qBAAqB;IACrC,kBAAkB,uBAAuB;IACzC,QAAQ,aAAa;IACrB,iBAAiB,sBAAsB;IACvC,mBAAmB,wBAAwB;IAC3C,SAAS,cAAc;IACvB,GAAG,QAAQ;IACX,OAAO,YAAY;IACnB,OAAO,YAAY;CACpB;AAGD,oBAAY,cAAc;IACxB,gBAAgB,qBAAqB;IACrC,kBAAkB,uBAAuB;IACzC,iBAAiB,sBAAsB;IACvC,mBAAmB,wBAAwB;CAC5C;AAGD,MAAM,MAAM,uBAAuB,GAAG;IACpC;;;;;OAKG;IACH,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAC1C;;;OAGG;IACH,yBAAyB,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1C;;;OAGG;IACH,wBAAwB,CAAC,EAAE,kBAAkB,CAAC;CAC/C,CAAC;AAGF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,WAAW,EAAE,WAAW,CAAC;IACzB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,YAAY,CAAC;IACjC;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,YAAY,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAC;AAGhF,MAAM,MAAM,sBAAsB,GAAG;IACnC;;OAEG;IACH,eAAe,EAAE,eAAe,CAAC;IACjC;;OAEG;IACH,eAAe,EAAE,qBAAqB,CAAC;CACxC,CAAC"}
+{"version":3,"file":"ScreenOrientation.types.d.ts","sourceRoot":"","sources":["../src/ScreenOrientation.types.ts"],"names":[],"mappings":"AACA,oBAAY,WAAW;IACrB;;OAEG;IACH,OAAO,IAAI;IACX;;OAEG;IACH,WAAW,IAAI;IACf;;OAEG;IACH,aAAa,IAAI;IACjB;;OAEG;IACH,cAAc,IAAI;IAClB;;OAEG;IACH,eAAe,IAAI;CACpB;AAGD;;;;;GAKG;AACH,oBAAY,eAAe;IACzB;;;OAGG;IACH,OAAO,IAAI;IACX;;OAEG;IACH,GAAG,IAAI;IACP;;OAEG;IACH,QAAQ,IAAI;IACZ;;OAEG;IACH,WAAW,IAAI;IACf;;OAEG;IACH,aAAa,IAAI;IACjB;;OAEG;IACH,SAAS,IAAI;IACb;;OAEG;IACH,cAAc,IAAI;IAClB;;OAEG;IACH,eAAe,IAAI;IACnB;;OAEG;IACH,KAAK,IAAI;IACT;;OAEG;IACH,OAAO,IAAI;CACZ;AAGD;;;GAGG;AACH,oBAAY,YAAY;IACtB,OAAO,IAAI;IACX,OAAO,IAAI;IACX,OAAO,IAAI;CACZ;AAGD;;;;;GAKG;AACH,oBAAY,kBAAkB;IAC5B,gBAAgB,qBAAqB;IACrC,kBAAkB,uBAAuB;IACzC,QAAQ,aAAa;IACrB,iBAAiB,sBAAsB;IACvC,mBAAmB,wBAAwB;IAC3C,SAAS,cAAc;IACvB,GAAG,QAAQ;IACX,OAAO,YAAY;IACnB,OAAO,YAAY;CACpB;AAGD,oBAAY,cAAc;IACxB,gBAAgB,qBAAqB;IACrC,kBAAkB,uBAAuB;IACzC,iBAAiB,sBAAsB;IACvC,mBAAmB,wBAAwB;CAC5C;AAGD,MAAM,MAAM,uBAAuB,GAAG;IACpC;;;;;OAKG;IACH,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAC1C;;;OAGG;IACH,yBAAyB,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1C;;;OAGG;IACH,wBAAwB,CAAC,EAAE,kBAAkB,CAAC;CAC/C,CAAC;AAGF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,WAAW,EAAE,WAAW,CAAC;IACzB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,YAAY,CAAC;IACjC;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,YAAY,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAC;AAGhF,MAAM,MAAM,sBAAsB,GAAG;IACnC;;OAEG;IACH,eAAe,EAAE,eAAe,CAAC;IACjC;;OAEG;IACH,eAAe,EAAE,qBAAqB,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,uBAAuB,EAAE,yBAAyB,CAAC;CACpD,CAAC"}

package/build/ScreenOrientation.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenOrientation.types.js","sourceRoot":"","sources":["../src/ScreenOrientation.types.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,MAAM,CAAN,IAAY,WAqBX;AArBD,WAAY,WAAW;IACrB;;OAEG;IACH,mDAAW,CAAA;IACX;;OAEG;IACH,2DAAe,CAAA;IACf;;OAEG;IACH,+DAAiB,CAAA;IACjB;;OAEG;IACH,iEAAkB,CAAA;IAClB;;OAEG;IACH,mEAAmB,CAAA;AACrB,CAAC,EArBW,WAAW,KAAX,WAAW,QAqBtB;AAED,cAAc;AACd;;;;;GAKG;AACH,MAAM,CAAN,IAAY,eA0CX;AA1CD,WAAY,eAAe;IACzB;;;OAGG;IACH,2DAAW,CAAA;IACX;;OAEG;IACH,mDAAO,CAAA;IACP;;OAEG;IACH,6DAAY,CAAA;IACZ;;OAEG;IACH,mEAAe,CAAA;IACf;;OAEG;IACH,uEAAiB,CAAA;IACjB;;OAEG;IACH,+DAAa,CAAA;IACb;;OAEG;IACH,yEAAkB,CAAA;IAClB;;OAEG;IACH,2EAAmB,CAAA;IACnB;;OAEG;IACH,uDAAS,CAAA;IACT;;OAEG;IACH,2DAAW,CAAA;AACb,CAAC,EA1CW,eAAe,KAAf,eAAe,QA0C1B;AAED,cAAc;AACd;;;GAGG;AACH,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,qDAAW,CAAA;IACX,qDAAW,CAAA;IACX,qDAAW,CAAA;AACb,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB;AAED,cAAc;AACd;;;;;GAKG;AACH,MAAM,CAAN,IAAY,kBAUX;AAVD,WAAY,kBAAkB;IAC5B,2DAAqC,CAAA;IACrC,+DAAyC,CAAA;IACzC,2CAAqB,CAAA;IACrB,6DAAuC,CAAA;IACvC,iEAA2C,CAAA;IAC3C,6CAAuB,CAAA;IACvB,iCAAW,CAAA;IACX,yCAAmB,CAAA;IACnB,yCAAmB,CAAA;AACrB,CAAC,EAVW,kBAAkB,KAAlB,kBAAkB,QAU7B;AAED,eAAe;AACf,MAAM,CAAN,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,uDAAqC,CAAA;IACrC,2DAAyC,CAAA;IACzC,yDAAuC,CAAA;IACvC,6DAA2C,CAAA;AAC7C,CAAC,EALW,cAAc,KAAd,cAAc,QAKzB","sourcesContent":["// @needsAudit\nexport enum Orientation {\n  /**\n   * An unknown screen orientation. For example, the device is flat, perhaps on a table.\n   */\n  UNKNOWN = 0,\n  /**\n   * Right-side up portrait interface orientation.\n   */\n  PORTRAIT_UP = 1,\n  /**\n   * Upside down portrait interface orientation.\n   */\n  PORTRAIT_DOWN = 2,\n  /**\n   * Left landscape interface orientation.\n   */\n  LANDSCAPE_LEFT = 3,\n  /**\n   * Right landscape interface orientation.\n   */\n  LANDSCAPE_RIGHT = 4,\n}\n\n// @needsAudit\n/**\n * An enum whose values can be passed to the [`lockAsync`](#screenorientationlockasyncorientationlock)\n * method.\n * > __Note:__ `OrientationLock.ALL` and `OrientationLock.PORTRAIT` are invalid on devices which\n * > don't support `OrientationLock.PORTRAIT_DOWN`.\n */\nexport enum OrientationLock {\n  /**\n   * The default orientation. On iOS, this will allow all orientations except `Orientation.PORTRAIT_DOWN`.\n   * On Android, this lets the system decide the best orientation.\n   */\n  DEFAULT = 0,\n  /**\n   * All four possible orientations\n   */\n  ALL = 1,\n  /**\n   * Any portrait orientation.\n   */\n  PORTRAIT = 2,\n  /**\n   * Right-side up portrait only.\n   */\n  PORTRAIT_UP = 3,\n  /**\n   * Upside down portrait only.\n   */\n  PORTRAIT_DOWN = 4,\n  /**\n   * Any landscape orientation.\n   */\n  LANDSCAPE = 5,\n  /**\n   * Left landscape only.\n   */\n  LANDSCAPE_LEFT = 6,\n  /**\n   * Right landscape only.\n   */\n  LANDSCAPE_RIGHT = 7,\n  /**\n   * A platform specific orientation. This is not a valid policy that can be applied in [`lockAsync`](#screenorientationlockasyncorientationlock).\n   */\n  OTHER = 8,\n  /**\n   * An unknown screen orientation lock. This is not a valid policy that can be applied in [`lockAsync`](#screenorientationlockasyncorientationlock).\n   */\n  UNKNOWN = 9,\n}\n\n// @needsAudit\n/**\n * Each iOS device has a default set of [size classes](https://developer.apple.com/documentation/uikit/uiuserinterfacesizeclass)\n * that you can use as a guide when designing your interface.\n */\nexport enum SizeClassIOS {\n  UNKNOWN = 0,\n  COMPACT = 1,\n  REGULAR = 2,\n}\n\n// @needsAudit\n/**\n * An enum representing the lock policies that can be applied on the web platform, modelled after\n * the [W3C specification](https://w3c.github.io/screen-orientation/#dom-orientationlocktype).\n * These values can be applied through the [`lockPlatformAsync`](#screenorientationlockplatformasyncoptions)\n * method.\n */\nexport enum WebOrientationLock {\n  PORTRAIT_PRIMARY = 'portrait-primary',\n  PORTRAIT_SECONDARY = 'portrait-secondary',\n  PORTRAIT = 'portrait',\n  LANDSCAPE_PRIMARY = 'landscape-primary',\n  LANDSCAPE_SECONDARY = 'landscape-secondary',\n  LANDSCAPE = 'landscape',\n  ANY = 'any',\n  NATURAL = 'natural',\n  UNKNOWN = 'unknown',\n}\n\n// @docsMissing\nexport enum WebOrientation {\n  PORTRAIT_PRIMARY = 'portrait-primary',\n  PORTRAIT_SECONDARY = 'portrait-secondary',\n  LANDSCAPE_PRIMARY = 'landscape-primary',\n  LANDSCAPE_SECONDARY = 'landscape-secondary',\n}\n\n// @needsAudit\nexport type PlatformOrientationInfo = {\n  /**\n   * A constant to set using the Android native [API](https://developer.android.com/reference/android/R.attr#screenOrientation).\n   * For example, in order to set the lock policy to [unspecified](https://developer.android.com/reference/android/content/pm/ActivityInfo.html#SCREEN_ORIENTATION_UNSPECIFIED),\n   * `-1` should be passed in.\n   * @platform android\n   */\n  screenOrientationConstantAndroid?: number;\n  /**\n   * An array of orientations to allow on the iOS platform.\n   * @platform ios\n   */\n  screenOrientationArrayIOS?: Orientation[];\n  /**\n   * A web orientation lock to apply in the browser.\n   * @platform web\n   */\n  screenOrientationLockWeb?: WebOrientationLock;\n};\n\n// @needsAudit\nexport type ScreenOrientationInfo = {\n  /**\n   * The current orientation of the device.\n   */\n  orientation: Orientation;\n  /**\n   * The [vertical size class](https://developer.apple.com/documentation/uikit/uitraitcollection/1623513-verticalsizeclass)\n   * of the device.\n   * @platform ios\n   */\n  verticalSizeClass?: SizeClassIOS;\n  /**\n   * The [horizontal size class](https://developer.apple.com/documentation/uikit/uitraitcollection/1623508-horizontalsizeclass)\n   * of the device.\n   * @platform ios\n   */\n  horizontalSizeClass?: SizeClassIOS;\n};\n\nexport type OrientationChangeListener = (event: OrientationChangeEvent) => void;\n\n// @needsAudit\nexport type OrientationChangeEvent = {\n  /**\n   * The current `OrientationLock` of the device.\n   */\n  orientationLock: OrientationLock;\n  /**\n   * The current `ScreenOrientationInfo` of the device.\n   */\n  orientationInfo: ScreenOrientationInfo;\n};\n"]}
+{"version":3,"file":"ScreenOrientation.types.js","sourceRoot":"","sources":["../src/ScreenOrientation.types.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,MAAM,CAAN,IAAY,WAqBX;AArBD,WAAY,WAAW;IACrB;;OAEG;IACH,mDAAW,CAAA;IACX;;OAEG;IACH,2DAAe,CAAA;IACf;;OAEG;IACH,+DAAiB,CAAA;IACjB;;OAEG;IACH,iEAAkB,CAAA;IAClB;;OAEG;IACH,mEAAmB,CAAA;AACrB,CAAC,EArBW,WAAW,KAAX,WAAW,QAqBtB;AAED,cAAc;AACd;;;;;GAKG;AACH,MAAM,CAAN,IAAY,eA0CX;AA1CD,WAAY,eAAe;IACzB;;;OAGG;IACH,2DAAW,CAAA;IACX;;OAEG;IACH,mDAAO,CAAA;IACP;;OAEG;IACH,6DAAY,CAAA;IACZ;;OAEG;IACH,mEAAe,CAAA;IACf;;OAEG;IACH,uEAAiB,CAAA;IACjB;;OAEG;IACH,+DAAa,CAAA;IACb;;OAEG;IACH,yEAAkB,CAAA;IAClB;;OAEG;IACH,2EAAmB,CAAA;IACnB;;OAEG;IACH,uDAAS,CAAA;IACT;;OAEG;IACH,2DAAW,CAAA;AACb,CAAC,EA1CW,eAAe,KAAf,eAAe,QA0C1B;AAED,cAAc;AACd;;;GAGG;AACH,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,qDAAW,CAAA;IACX,qDAAW,CAAA;IACX,qDAAW,CAAA;AACb,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB;AAED,cAAc;AACd;;;;;GAKG;AACH,MAAM,CAAN,IAAY,kBAUX;AAVD,WAAY,kBAAkB;IAC5B,2DAAqC,CAAA;IACrC,+DAAyC,CAAA;IACzC,2CAAqB,CAAA;IACrB,6DAAuC,CAAA;IACvC,iEAA2C,CAAA;IAC3C,6CAAuB,CAAA;IACvB,iCAAW,CAAA;IACX,yCAAmB,CAAA;IACnB,yCAAmB,CAAA;AACrB,CAAC,EAVW,kBAAkB,KAAlB,kBAAkB,QAU7B;AAED,eAAe;AACf,MAAM,CAAN,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,uDAAqC,CAAA;IACrC,2DAAyC,CAAA;IACzC,yDAAuC,CAAA;IACvC,6DAA2C,CAAA;AAC7C,CAAC,EALW,cAAc,KAAd,cAAc,QAKzB","sourcesContent":["// @needsAudit\nexport enum Orientation {\n  /**\n   * An unknown screen orientation. For example, the device is flat, perhaps on a table.\n   */\n  UNKNOWN = 0,\n  /**\n   * Right-side up portrait interface orientation.\n   */\n  PORTRAIT_UP = 1,\n  /**\n   * Upside down portrait interface orientation.\n   */\n  PORTRAIT_DOWN = 2,\n  /**\n   * Left landscape interface orientation.\n   */\n  LANDSCAPE_LEFT = 3,\n  /**\n   * Right landscape interface orientation.\n   */\n  LANDSCAPE_RIGHT = 4,\n}\n\n// @needsAudit\n/**\n * An enum whose values can be passed to the [`lockAsync`](#screenorientationlockasyncorientationlock)\n * method.\n * > __Note:__ `OrientationLock.ALL` and `OrientationLock.PORTRAIT` are invalid on devices which\n * > don't support `OrientationLock.PORTRAIT_DOWN`.\n */\nexport enum OrientationLock {\n  /**\n   * The default orientation. On iOS, this will allow all orientations except `Orientation.PORTRAIT_DOWN`.\n   * On Android, this lets the system decide the best orientation.\n   */\n  DEFAULT = 0,\n  /**\n   * All four possible orientations\n   */\n  ALL = 1,\n  /**\n   * Any portrait orientation.\n   */\n  PORTRAIT = 2,\n  /**\n   * Right-side up portrait only.\n   */\n  PORTRAIT_UP = 3,\n  /**\n   * Upside down portrait only.\n   */\n  PORTRAIT_DOWN = 4,\n  /**\n   * Any landscape orientation.\n   */\n  LANDSCAPE = 5,\n  /**\n   * Left landscape only.\n   */\n  LANDSCAPE_LEFT = 6,\n  /**\n   * Right landscape only.\n   */\n  LANDSCAPE_RIGHT = 7,\n  /**\n   * A platform specific orientation. This is not a valid policy that can be applied in [`lockAsync`](#screenorientationlockasyncorientationlock).\n   */\n  OTHER = 8,\n  /**\n   * An unknown screen orientation lock. This is not a valid policy that can be applied in [`lockAsync`](#screenorientationlockasyncorientationlock).\n   */\n  UNKNOWN = 9,\n}\n\n// @needsAudit\n/**\n * Each iOS device has a default set of [size classes](https://developer.apple.com/documentation/uikit/uiuserinterfacesizeclass)\n * that you can use as a guide when designing your interface.\n */\nexport enum SizeClassIOS {\n  UNKNOWN = 0,\n  COMPACT = 1,\n  REGULAR = 2,\n}\n\n// @needsAudit\n/**\n * An enum representing the lock policies that can be applied on the web platform, modelled after\n * the [W3C specification](https://w3c.github.io/screen-orientation/#dom-orientationlocktype).\n * These values can be applied through the [`lockPlatformAsync`](#screenorientationlockplatformasyncoptions)\n * method.\n */\nexport enum WebOrientationLock {\n  PORTRAIT_PRIMARY = 'portrait-primary',\n  PORTRAIT_SECONDARY = 'portrait-secondary',\n  PORTRAIT = 'portrait',\n  LANDSCAPE_PRIMARY = 'landscape-primary',\n  LANDSCAPE_SECONDARY = 'landscape-secondary',\n  LANDSCAPE = 'landscape',\n  ANY = 'any',\n  NATURAL = 'natural',\n  UNKNOWN = 'unknown',\n}\n\n// @docsMissing\nexport enum WebOrientation {\n  PORTRAIT_PRIMARY = 'portrait-primary',\n  PORTRAIT_SECONDARY = 'portrait-secondary',\n  LANDSCAPE_PRIMARY = 'landscape-primary',\n  LANDSCAPE_SECONDARY = 'landscape-secondary',\n}\n\n// @needsAudit\nexport type PlatformOrientationInfo = {\n  /**\n   * A constant to set using the Android native [API](https://developer.android.com/reference/android/R.attr#screenOrientation).\n   * For example, in order to set the lock policy to [unspecified](https://developer.android.com/reference/android/content/pm/ActivityInfo.html#SCREEN_ORIENTATION_UNSPECIFIED),\n   * `-1` should be passed in.\n   * @platform android\n   */\n  screenOrientationConstantAndroid?: number;\n  /**\n   * An array of orientations to allow on the iOS platform.\n   * @platform ios\n   */\n  screenOrientationArrayIOS?: Orientation[];\n  /**\n   * A web orientation lock to apply in the browser.\n   * @platform web\n   */\n  screenOrientationLockWeb?: WebOrientationLock;\n};\n\n// @needsAudit\nexport type ScreenOrientationInfo = {\n  /**\n   * The current orientation of the device.\n   */\n  orientation: Orientation;\n  /**\n   * The [vertical size class](https://developer.apple.com/documentation/uikit/uitraitcollection/1623513-verticalsizeclass)\n   * of the device.\n   * @platform ios\n   */\n  verticalSizeClass?: SizeClassIOS;\n  /**\n   * The [horizontal size class](https://developer.apple.com/documentation/uikit/uitraitcollection/1623508-horizontalsizeclass)\n   * of the device.\n   * @platform ios\n   */\n  horizontalSizeClass?: SizeClassIOS;\n};\n\nexport type OrientationChangeListener = (event: OrientationChangeEvent) => void;\n\n// @needsAudit\nexport type OrientationChangeEvent = {\n  /**\n   * The current `OrientationLock` of the device.\n   */\n  orientationLock: OrientationLock;\n  /**\n   * The current `ScreenOrientationInfo` of the device.\n   */\n  orientationInfo: ScreenOrientationInfo;\n};\n\nexport type ExpoOrientationEvents = {\n  expoDidUpdateDimensions: OrientationChangeListener;\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-screen-orientation",
-  "version": "8.0.0",
+  "version": "8.0.1",
   "description": "Expo universal module for managing device's screen orientation",
   "main": "build/ScreenOrientation.js",
   "types": "build/ScreenOrientation.d.ts",
@@ -42,5 +42,5 @@
     "expo": "*",
     "react-native": "*"
   },
-  "gitHead": "685ebb8a213326cb33c80281ca8756b374ccb63d"
+  "gitHead": "26675b98e703230441234a1fcc149e38309a59e1"
 }

package/src/ExpoScreenOrientation.web.ts

@@ -1,5 +1,4 @@
-import { Platform } from 'expo-modules-core';
-import { DeviceEventEmitter } from 'react-native';
+import { NativeModule, Platform, registerWebModule } from 'expo-modules-core';
 
 import { getOrientationLockAsync, getOrientationAsync } from './ScreenOrientation';
 import {
@@ -7,6 +6,7 @@ import {
   OrientationLock,
   WebOrientationLock,
   WebOrientation,
+  ExpoOrientationEvents,
 } from './ScreenOrientation.types';
 
 const OrientationLockAPIToWeb: {
@@ -34,28 +34,6 @@ const OrientationWebToAPI: {
 declare const window: Window;
 
 const screen: Screen = Platform.canUseViewport ? window.screen : ({} as Screen);
-const orientation: ScreenOrientation | null = Platform.canUseViewport
-  ? screen.orientation || (screen as any).msOrientation || null
-  : null;
-
-async function emitOrientationEvent() {
-  const [orientationLock, orientation] = await Promise.all([
-    getOrientationLockAsync(),
-    getOrientationAsync(),
-  ]);
-  DeviceEventEmitter.emit('expoDidUpdateDimensions', {
-    orientationLock,
-    orientationInfo: { orientation },
-  });
-}
-
-if (Platform.canUseEventListeners) {
-  if (orientation && orientation.addEventListener) {
-    orientation.addEventListener('change', emitOrientationEvent);
-  } else {
-    window.addEventListener('orientationchange', emitOrientationEvent);
-  }
-}
 
 function _convertToLegacyOrientationLock(orientationLock: WebOrientationLock): string | string[] {
   switch (orientationLock) {
@@ -106,13 +84,45 @@ async function _lockAsync(webOrientationLock: WebOrientationLock): Promise<void>
 
 let _lastWebOrientationLock: WebOrientationLock = WebOrientationLock.UNKNOWN;
 
-export default {
+class ExpoScreenOrientation extends NativeModule<ExpoOrientationEvents> {
+  orientation: ScreenOrientation | null = Platform.canUseViewport
+    ? screen.orientation || (screen as any).msOrientation || null
+    : null;
+  async emitOrientationEvent() {
+    const [orientationLock, orientation] = await Promise.all([
+      getOrientationLockAsync(),
+      getOrientationAsync(),
+    ]);
+    this.emit('expoDidUpdateDimensions', {
+      orientationLock,
+      orientationInfo: { orientation },
+    });
+  }
+  startObserving() {
+    this.listener = () => this.emitOrientationEvent();
+    if (Platform.canUseEventListeners) {
+      if (this.orientation && this.orientation.addEventListener) {
+        this.orientation.addEventListener('change', this.listener);
+      } else {
+        window.addEventListener('orientationchange', this.listener);
+      }
+    }
+  }
+  stopObserving(): void {
+    if (Platform.canUseEventListeners) {
+      if (this.orientation && this.orientation.removeEventListener) {
+        this.orientation.removeEventListener('change', this.listener);
+      } else {
+        window.removeEventListener('orientationchange', this.listener);
+      }
+    }
+  }
   async supportsOrientationLockAsync(orientationLock: OrientationLock): Promise<boolean> {
     return orientationLock in OrientationLockAPIToWeb;
-  },
+  }
   async getPlatformOrientationLockAsync(): Promise<WebOrientationLock> {
     return _lastWebOrientationLock;
-  },
+  }
   async getOrientationAsync(): Promise<Orientation> {
     const webOrientation =
       screen['msOrientation'] || (screen.orientation || screen['mozOrientation'] || {}).type;
@@ -120,18 +130,18 @@ export default {
       return Orientation.UNKNOWN;
     }
     return OrientationWebToAPI[webOrientation];
-  },
+  }
   async lockAsync(orientationLock: OrientationLock): Promise<void> {
     const webOrientationLock = OrientationLockAPIToWeb[orientationLock];
     if (!webOrientationLock) {
       throw new TypeError(`Invalid Orientation Lock: ${orientationLock}`);
     }
     await _lockAsync(webOrientationLock);
-  },
+  }
   async lockPlatformAsync(webOrientationLock: WebOrientationLock): Promise<void> {
     await _lockAsync(webOrientationLock);
     _lastWebOrientationLock = webOrientationLock;
-  },
+  }
   async unlockAsync(): Promise<void> {
     if (screen.orientation && screen.orientation.unlock) {
       screen.orientation.unlock();
@@ -154,5 +164,7 @@ export default {
         `expo-screen-orientation: The browser doesn't support unlocking screen orientation.`
       );
     }
-  },
-};
+  }
+}
+
+export default registerWebModule(ExpoScreenOrientation);

package/src/ScreenOrientation.types.ts

@@ -165,3 +165,7 @@ export type OrientationChangeEvent = {
    */
   orientationInfo: ScreenOrientationInfo;
 };
+
+export type ExpoOrientationEvents = {
+  expoDidUpdateDimensions: OrientationChangeListener;
+};