expo-gl 10.4.2 → 11.0.3

package/CHANGELOG.md

@@ -10,14 +10,33 @@
 
 ### 💡 Others
 
-## 10.4.2 — 2021-07-13
+## 11.0.3 — 2021-10-21
 
 _This version does not introduce any user-facing changes._
 
-## 10.4.1 — 2021-06-22
+## 11.0.2 — 2021-10-15
 
 _This version does not introduce any user-facing changes._
 
+## 11.0.1 — 2021-10-01
+
+_This version does not introduce any user-facing changes._
+
+## 11.0.0 — 2021-09-28
+
+### 🛠 Breaking changes
+
+- Dropped support for iOS 11.0 ([#14383](https://github.com/expo/expo/pull/14383) by [@cruzach](https://github.com/cruzach))
+
+### 🐛 Bug fixes
+
+- Remove `OES_vertex_array_object` from list of supported extensions. ([#14299](https://github.com/expo/expo/pull/14299) by [@wkozyra95](https://github.com/wkozyra95))
+- Fix building errors from use_frameworks! in Podfile. ([#14523](https://github.com/expo/expo/pull/14523) by [@kudo](https://github.com/kudo))
+
+### 💡 Others
+
+- Migrated from `@unimodules/core` to `expo-modules-core`. ([#13757](https://github.com/expo/expo/pull/13757) by [@tsapeta](https://github.com/tsapeta))
+
 ## 10.4.0 — 2021-06-16
 
 ### 🐛 Bug fixes

package/android/build.gradle

@@ -3,7 +3,7 @@ apply plugin: 'kotlin-android'
 apply plugin: 'maven'
 
 group = 'host.exp.exponent'
-version = '10.4.2'
+version = '11.0.3'
 
 buildscript {
   // Simple helper that allows the root project to override versions declared by this library.
@@ -57,7 +57,7 @@ android {
     minSdkVersion safeExtGet("minSdkVersion", 21)
     targetSdkVersion safeExtGet("targetSdkVersion", 30)
     versionCode 31
-    versionName "10.4.2"
+    versionName "11.0.3"
   }
 
   sourceSets.main {
@@ -69,18 +69,9 @@ android {
   }
 }
 
-if (new File(rootProject.projectDir.parentFile, 'package.json').exists()) {
-  apply from: project(":unimodules-core").file("../unimodules-core.gradle")
-} else {
-  throw new GradleException(
-      "'unimodules-core.gradle' was not found in the usual React Native dependency location. " +
-          "This package can only be used in such projects. Are you sure you've installed the dependencies properly?")
-}
-
 dependencies {
-  unimodule 'expo-gl-cpp'
-  unimodule 'unimodules-core'
-  unimodule 'expo-modules-core'
+  implementation project(':expo-gl-cpp')
+  implementation project(':expo-modules-core')
 
   implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:${safeExtGet('kotlinVersion', '1.4.21')}"
 }

package/android/src/main/java/expo/modules/gl/GLContext.java

@@ -27,11 +27,11 @@ import javax.microedition.khronos.egl.EGLContext;
 import javax.microedition.khronos.egl.EGLDisplay;
 import javax.microedition.khronos.egl.EGLSurface;
 
-import org.unimodules.core.ModuleRegistry;
-import org.unimodules.core.Promise;
-import org.unimodules.core.interfaces.JavaScriptContextProvider;
-import org.unimodules.core.interfaces.RuntimeEnvironmentInterface;
-import org.unimodules.core.interfaces.services.UIManager;
+import expo.modules.core.ModuleRegistry;
+import expo.modules.core.Promise;
+import expo.modules.core.interfaces.JavaScriptContextProvider;
+import expo.modules.core.interfaces.RuntimeEnvironmentInterface;
+import expo.modules.core.interfaces.services.UIManager;
 import expo.modules.gl.utils.FileSystemUtils;
 
 import static android.opengl.GLES30.*;

package/android/src/main/java/expo/modules/gl/GLObjectManagerModule.java

@@ -8,11 +8,11 @@ import android.util.SparseArray;
 
 import java.util.Map;
 
-import org.unimodules.core.ExportedModule;
-import org.unimodules.core.ModuleRegistry;
-import org.unimodules.core.Promise;
-import org.unimodules.core.interfaces.ExpoMethod;
-import org.unimodules.core.interfaces.services.UIManager;
+import expo.modules.core.ExportedModule;
+import expo.modules.core.ModuleRegistry;
+import expo.modules.core.Promise;
+import expo.modules.core.interfaces.ExpoMethod;
+import expo.modules.core.interfaces.services.UIManager;
 
 import expo.modules.interfaces.camera.CameraViewInterface;
 

package/android/src/main/java/expo/modules/gl/GLPackage.java

@@ -5,9 +5,9 @@ import android.content.Context;
 import java.util.Collections;
 import java.util.List;
 
-import org.unimodules.core.ExportedModule;
-import org.unimodules.core.BasePackage;
-import org.unimodules.core.ViewManager;
+import expo.modules.core.ExportedModule;
+import expo.modules.core.BasePackage;
+import expo.modules.core.ViewManager;
 
 public class GLPackage extends BasePackage {
   @Override

package/android/src/main/java/expo/modules/gl/GLView.java

@@ -5,8 +5,8 @@ import android.graphics.SurfaceTexture;
 import android.os.Bundle;
 import android.view.TextureView;
 
-import org.unimodules.core.ModuleRegistry;
-import org.unimodules.core.interfaces.services.EventEmitter;
+import expo.modules.core.ModuleRegistry;
+import expo.modules.core.interfaces.services.EventEmitter;
 
 public class GLView extends TextureView implements TextureView.SurfaceTextureListener {
   private boolean mOnSurfaceCreateCalled = false;

package/android/src/main/java/expo/modules/gl/GLViewManager.java

@@ -5,8 +5,8 @@ import android.content.Context;
 import java.util.Arrays;
 import java.util.List;
 
-import org.unimodules.core.ModuleRegistry;
-import org.unimodules.core.ViewManager;
+import expo.modules.core.ModuleRegistry;
+import expo.modules.core.ViewManager;
 
 public class GLViewManager extends ViewManager<GLView> {
   private ModuleRegistry mModuleRegistry;

package/build/Canvas.js

@@ -1,4 +1,4 @@
-import { Platform } from '@unimodules/core';
+import { Platform } from 'expo-modules-core';
 import * as React from 'react';
 import { findDOMNode } from 'react-dom';
 import { PixelRatio, StyleSheet, View } from 'react-native';
@@ -74,7 +74,7 @@ const CanvasWrapper = ({ pointerEvents, children, ...props }) => {
         }
         setRef(props.canvasRef, canvas);
     }, [_canvasRef]);
-    return (React.createElement(View, Object.assign({}, props, { pointerEvents: "box-none", ref: ref, onLayout: onLayout }),
+    return (React.createElement(View, { ...props, pointerEvents: "box-none", ref: ref, onLayout: onLayout },
         React.createElement(Canvas, { ref: _canvasRef, pointerEvents: pointerEvents, style: StyleSheet.absoluteFill }),
         children));
 };

package/build/Canvas.js.map

@@ -1 +1 @@
-{"version":3,"file":"Canvas.js","sourceRoot":"","sources":["../src/Canvas.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Platform } from '@unimodules/core';\nimport * as React from 'react';\nimport { findDOMNode } from 'react-dom';\nimport { LayoutChangeEvent, PixelRatio, StyleSheet, View, ViewProps } from 'react-native';\nimport createElement from 'react-native-web/dist/exports/createElement';\n\nfunction getElement(component) {\n  try {\n    return findDOMNode(component);\n  } catch (e) {\n    return component;\n  }\n}\n\nfunction setRef<T>(refProp: React.Ref<T>, ref: T | null) {\n  if (!refProp) return;\n\n  if (typeof refProp === 'function') {\n    refProp(ref);\n  } else if ('current' in refProp) {\n    // @ts-ignore\n    refProp.current = ref;\n  }\n}\n\nconst Canvas = React.forwardRef(\n  (props: React.ComponentProps<typeof View>, ref: React.Ref<HTMLCanvasElement>) =>\n    createElement('canvas', { ...props, ref })\n);\n\nconst CanvasWrapper: React.FunctionComponent<ViewProps & {\n  canvasRef: React.Ref<HTMLCanvasElement>;\n}> = ({ pointerEvents, children, ...props }) => {\n  const [size, setSize] = React.useState<{ width: number; height: number } | null>(null);\n\n  const ref = React.useRef<View>(null);\n  const _canvasRef = React.useRef<HTMLCanvasElement>(null);\n\n  function updateCanvasSize(): void {\n    const canvas = _canvasRef.current;\n    // eslint-disable-next-line no-undef\n    if (typeof HTMLCanvasElement !== 'undefined' && canvas instanceof HTMLCanvasElement) {\n      const size = getSize();\n      const scale = PixelRatio.get();\n\n      canvas.style.width = `${size.width}px`;\n      canvas.style.height = `${size.height}px`;\n\n      canvas.width = size.width * scale;\n      canvas.height = size.height * scale;\n    }\n  }\n\n  function getSize(): { width: number; height: number } {\n    if (size) {\n      return size;\n    } else if (!ref.current || !Platform.isDOMAvailable) {\n      return { width: 0, height: 0 };\n    }\n    const element = getElement(ref.current);\n    const { offsetWidth: width = 0, offsetHeight: height = 0 } = element;\n    return { width, height };\n  }\n\n  function onLayout(event: LayoutChangeEvent): void {\n    const {\n      nativeEvent: {\n        layout: { width, height },\n      },\n    } = event;\n\n    if (width !== size?.width || height !== size.height) {\n      setSize({ width, height });\n\n      if (props.onLayout) {\n        props.onLayout(event);\n      }\n    }\n  }\n\n  React.useEffect(() => {\n    if (ref.current != null) {\n      setSize(getSize());\n    }\n  }, [ref]);\n\n  React.useEffect(() => {\n    updateCanvasSize();\n  }, [size]);\n\n  React.useEffect(() => {\n    const canvas = _canvasRef.current;\n    if (canvas) {\n      updateCanvasSize();\n    }\n    setRef(props.canvasRef, canvas);\n  }, [_canvasRef]);\n\n  return (\n    <View {...props} pointerEvents=\"box-none\" ref={ref} onLayout={onLayout}>\n      <Canvas ref={_canvasRef} pointerEvents={pointerEvents} style={StyleSheet.absoluteFill} />\n      {children}\n    </View>\n  );\n};\n\nexport default CanvasWrapper;\n"]}
+{"version":3,"file":"Canvas.js","sourceRoot":"","sources":["../src/Canvas.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Platform } from 'expo-modules-core';\nimport * as React from 'react';\nimport { findDOMNode } from 'react-dom';\nimport { LayoutChangeEvent, PixelRatio, StyleSheet, View, ViewProps } from 'react-native';\nimport createElement from 'react-native-web/dist/exports/createElement';\n\nfunction getElement(component) {\n  try {\n    return findDOMNode(component);\n  } catch (e) {\n    return component;\n  }\n}\n\nfunction setRef<T>(refProp: React.Ref<T>, ref: T | null) {\n  if (!refProp) return;\n\n  if (typeof refProp === 'function') {\n    refProp(ref);\n  } else if ('current' in refProp) {\n    // @ts-ignore\n    refProp.current = ref;\n  }\n}\n\nconst Canvas = React.forwardRef(\n  (props: React.ComponentProps<typeof View>, ref: React.Ref<HTMLCanvasElement>) =>\n    createElement('canvas', { ...props, ref })\n);\n\nconst CanvasWrapper: React.FunctionComponent<\n  ViewProps & {\n    canvasRef: React.Ref<HTMLCanvasElement>;\n  }\n> = ({ pointerEvents, children, ...props }) => {\n  const [size, setSize] = React.useState<{ width: number; height: number } | null>(null);\n\n  const ref = React.useRef<View>(null);\n  const _canvasRef = React.useRef<HTMLCanvasElement>(null);\n\n  function updateCanvasSize(): void {\n    const canvas = _canvasRef.current;\n    // eslint-disable-next-line no-undef\n    if (typeof HTMLCanvasElement !== 'undefined' && canvas instanceof HTMLCanvasElement) {\n      const size = getSize();\n      const scale = PixelRatio.get();\n\n      canvas.style.width = `${size.width}px`;\n      canvas.style.height = `${size.height}px`;\n\n      canvas.width = size.width * scale;\n      canvas.height = size.height * scale;\n    }\n  }\n\n  function getSize(): { width: number; height: number } {\n    if (size) {\n      return size;\n    } else if (!ref.current || !Platform.isDOMAvailable) {\n      return { width: 0, height: 0 };\n    }\n    const element = getElement(ref.current);\n    const { offsetWidth: width = 0, offsetHeight: height = 0 } = element;\n    return { width, height };\n  }\n\n  function onLayout(event: LayoutChangeEvent): void {\n    const {\n      nativeEvent: {\n        layout: { width, height },\n      },\n    } = event;\n\n    if (width !== size?.width || height !== size.height) {\n      setSize({ width, height });\n\n      if (props.onLayout) {\n        props.onLayout(event);\n      }\n    }\n  }\n\n  React.useEffect(() => {\n    if (ref.current != null) {\n      setSize(getSize());\n    }\n  }, [ref]);\n\n  React.useEffect(() => {\n    updateCanvasSize();\n  }, [size]);\n\n  React.useEffect(() => {\n    const canvas = _canvasRef.current;\n    if (canvas) {\n      updateCanvasSize();\n    }\n    setRef(props.canvasRef, canvas);\n  }, [_canvasRef]);\n\n  return (\n    <View {...props} pointerEvents=\"box-none\" ref={ref} onLayout={onLayout}>\n      <Canvas ref={_canvasRef} pointerEvents={pointerEvents} style={StyleSheet.absoluteFill} />\n      {children}\n    </View>\n  );\n};\n\nexport default CanvasWrapper;\n"]}

package/build/GLUtils.js

@@ -34,7 +34,7 @@ export function configureLogging(gl) {
             }
             gl[key] = (...args) => {
                 if (loggingOption & GLLoggingOption.METHOD_CALLS) {
-                    const params = args.map(arg => {
+                    const params = args.map((arg) => {
                         // If the type is `number`, then try to find name of the constant that has such value,
                         // so it's easier to read these logs. In some cases it might be misleading
                         // if the parameter is for example a width or height, so the number is still logged.

package/build/GLUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"GLUtils.js","sourceRoot":"","sources":["../src/GLUtils.ts"],"names":[],"mappings":"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","sourcesContent":["import GLErrors from './GLErrors';\nimport { ExpoWebGLRenderingContext, GLLoggingOption } from './GLView.types';\n\n/**\n * Maximum length of the strings printed to the console.\n */\nconst MAX_STRING_LENGTH = 20;\n\n/**\n * Sets up `__expoSetLogging` method providing some logging options useful when debugging GL calls.\n */\nexport function configureLogging(gl: ExpoWebGLRenderingContext): void {\n  // Enable/disable logging of all GL function calls\n  let loggingOption = GLLoggingOption.DISABLED;\n\n  gl.__expoSetLogging = (option: GLLoggingOption): void => {\n    // If boolean values are the same, just change the internal value,\n    // there is no need to wrap/unwrap functions in this case.\n    if (!loggingOption === !option) {\n      loggingOption = option;\n      return;\n    }\n\n    // Turn off logging.\n    if (!option || option === GLLoggingOption.DISABLED) {\n      Object.entries(gl).forEach(([key, value]) => {\n        if (typeof value === 'function' && value.original) {\n          gl[key] = value.original;\n        }\n      });\n      loggingOption = option;\n      return;\n    }\n\n    // Turn on logging.\n    Object.entries(gl).forEach(([key, originalValue]) => {\n      if (typeof originalValue !== 'function' || key === '__expoSetLogging') {\n        return;\n      }\n\n      gl[key] = (...args) => {\n        if (loggingOption & GLLoggingOption.METHOD_CALLS) {\n          const params = args.map(arg => {\n            // If the type is `number`, then try to find name of the constant that has such value,\n            // so it's easier to read these logs. In some cases it might be misleading\n            // if the parameter is for example a width or height, so the number is still logged.\n            if (loggingOption & GLLoggingOption.RESOLVE_CONSTANTS && typeof arg === 'number') {\n              for (const prop in gl) {\n                if (gl[prop] === arg) {\n                  return `${arg} (${prop})`;\n                }\n              }\n            }\n\n            // Truncate strings so they don't produce too much output and don't block the bridge.\n            // It mostly applies to shaders which might be very long...\n            if (loggingOption & GLLoggingOption.TRUNCATE_STRINGS && typeof arg === 'string') {\n              if (arg.length > MAX_STRING_LENGTH) {\n                const lastIndex = arg.lastIndexOf(' ', MAX_STRING_LENGTH);\n                return arg.substr(0, lastIndex >= 0 ? lastIndex : MAX_STRING_LENGTH) + '...';\n              }\n            }\n\n            // Just return the parameter as a string.\n            return '' + arg;\n          });\n          console.log(`ExpoGL: ${key}(${params.join(', ')})`);\n        }\n\n        const result = originalValue.apply(gl, args);\n\n        if (loggingOption & GLLoggingOption.METHOD_CALLS) {\n          console.log(`ExpoGL:   = ${result}`);\n        }\n        if (loggingOption & GLLoggingOption.GET_ERRORS && key !== 'getError') {\n          // @ts-ignore We need to call into the original `getError`.\n          const error = gl.getError.original.call(gl);\n\n          if (error && error !== gl.NO_ERROR) {\n            // `console.error` would cause a red screen, so let's just log with red color.\n            console.log(`\\x1b[31mExpoGL: Error ${GLErrors[error]}\\x1b[0m`);\n          }\n        }\n        return result;\n      };\n      gl[key].original = originalValue;\n    });\n\n    loggingOption = option;\n  };\n}\n"]}
+{"version":3,"file":"GLUtils.js","sourceRoot":"","sources":["../src/GLUtils.ts"],"names":[],"mappings":"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","sourcesContent":["import GLErrors from './GLErrors';\nimport { ExpoWebGLRenderingContext, GLLoggingOption } from './GLView.types';\n\n/**\n * Maximum length of the strings printed to the console.\n */\nconst MAX_STRING_LENGTH = 20;\n\n/**\n * Sets up `__expoSetLogging` method providing some logging options useful when debugging GL calls.\n */\nexport function configureLogging(gl: ExpoWebGLRenderingContext): void {\n  // Enable/disable logging of all GL function calls\n  let loggingOption = GLLoggingOption.DISABLED;\n\n  gl.__expoSetLogging = (option: GLLoggingOption): void => {\n    // If boolean values are the same, just change the internal value,\n    // there is no need to wrap/unwrap functions in this case.\n    if (!loggingOption === !option) {\n      loggingOption = option;\n      return;\n    }\n\n    // Turn off logging.\n    if (!option || option === GLLoggingOption.DISABLED) {\n      Object.entries(gl).forEach(([key, value]) => {\n        if (typeof value === 'function' && value.original) {\n          gl[key] = value.original;\n        }\n      });\n      loggingOption = option;\n      return;\n    }\n\n    // Turn on logging.\n    Object.entries(gl).forEach(([key, originalValue]) => {\n      if (typeof originalValue !== 'function' || key === '__expoSetLogging') {\n        return;\n      }\n\n      gl[key] = (...args) => {\n        if (loggingOption & GLLoggingOption.METHOD_CALLS) {\n          const params = args.map((arg) => {\n            // If the type is `number`, then try to find name of the constant that has such value,\n            // so it's easier to read these logs. In some cases it might be misleading\n            // if the parameter is for example a width or height, so the number is still logged.\n            if (loggingOption & GLLoggingOption.RESOLVE_CONSTANTS && typeof arg === 'number') {\n              for (const prop in gl) {\n                if (gl[prop] === arg) {\n                  return `${arg} (${prop})`;\n                }\n              }\n            }\n\n            // Truncate strings so they don't produce too much output and don't block the bridge.\n            // It mostly applies to shaders which might be very long...\n            if (loggingOption & GLLoggingOption.TRUNCATE_STRINGS && typeof arg === 'string') {\n              if (arg.length > MAX_STRING_LENGTH) {\n                const lastIndex = arg.lastIndexOf(' ', MAX_STRING_LENGTH);\n                return arg.substr(0, lastIndex >= 0 ? lastIndex : MAX_STRING_LENGTH) + '...';\n              }\n            }\n\n            // Just return the parameter as a string.\n            return '' + arg;\n          });\n          console.log(`ExpoGL: ${key}(${params.join(', ')})`);\n        }\n\n        const result = originalValue.apply(gl, args);\n\n        if (loggingOption & GLLoggingOption.METHOD_CALLS) {\n          console.log(`ExpoGL:   = ${result}`);\n        }\n        if (loggingOption & GLLoggingOption.GET_ERRORS && key !== 'getError') {\n          // @ts-ignore We need to call into the original `getError`.\n          const error = gl.getError.original.call(gl);\n\n          if (error && error !== gl.NO_ERROR) {\n            // `console.error` would cause a red screen, so let's just log with red color.\n            console.log(`\\x1b[31mExpoGL: Error ${GLErrors[error]}\\x1b[0m`);\n          }\n        }\n        return result;\n      };\n      gl[key].original = originalValue;\n    });\n\n    loggingOption = option;\n  };\n}\n"]}

package/build/GLView.js

@@ -1,4 +1,4 @@
-import { NativeModulesProxy, UnavailabilityError, requireNativeViewManager, CodedError, } from '@unimodules/core';
+import { NativeModulesProxy, UnavailabilityError, requireNativeViewManager, CodedError, } from 'expo-modules-core';
 import * as React from 'react';
 import { Platform, View, findNodeHandle } from 'react-native';
 import { configureLogging } from './GLUtils';
@@ -9,23 +9,10 @@ const NativeView = requireNativeViewManager('ExponentGLView');
  * A component that acts as an OpenGL render target
  */
 export class GLView extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.nativeRef = null;
-        this._setNativeRef = (nativeRef) => {
-            if (this.props.nativeRef_EXPERIMENTAL) {
-                this.props.nativeRef_EXPERIMENTAL(nativeRef);
-            }
-            this.nativeRef = nativeRef;
-        };
-        this._onSurfaceCreate = ({ nativeEvent: { exglCtxId } }) => {
-            const gl = getGl(exglCtxId);
-            this.exglCtxId = exglCtxId;
-            if (this.props.onContextCreate) {
-                this.props.onContextCreate(gl);
-            }
-        };
-    }
+    static NativeView;
+    static defaultProps = {
+        msaaSamples: 4,
+    };
     static async createContextAsync() {
         const { exglCtxId } = await ExponentGLObjectManager.createContextAsync();
         return getGl(exglCtxId);
@@ -38,10 +25,12 @@ export class GLView extends React.Component {
         const exglCtxId = getContextId(exgl);
         return ExponentGLObjectManager.takeSnapshotAsync(exglCtxId, options);
     }
+    nativeRef = null;
+    exglCtxId;
     render() {
         const { onContextCreate, // eslint-disable-line no-unused-vars
         msaaSamples, ...viewProps } = this.props;
-        return (React.createElement(View, Object.assign({}, viewProps),
+        return (React.createElement(View, { ...viewProps },
             React.createElement(NativeView, { ref: this._setNativeRef, style: {
                     flex: 1,
                     ...(Platform.OS === 'ios'
@@ -51,6 +40,19 @@ export class GLView extends React.Component {
                         : {}),
                 }, onSurfaceCreate: this._onSurfaceCreate, msaaSamples: Platform.OS === 'ios' ? msaaSamples : undefined })));
     }
+    _setNativeRef = (nativeRef) => {
+        if (this.props.nativeRef_EXPERIMENTAL) {
+            this.props.nativeRef_EXPERIMENTAL(nativeRef);
+        }
+        this.nativeRef = nativeRef;
+    };
+    _onSurfaceCreate = ({ nativeEvent: { exglCtxId } }) => {
+        const gl = getGl(exglCtxId);
+        this.exglCtxId = exglCtxId;
+        if (this.props.onContextCreate) {
+            this.props.onContextCreate(gl);
+        }
+    };
     async startARSessionAsync() {
         if (!ExponentGLViewManager.startARSessionAsync) {
             throw new UnavailabilityError('expo-gl', 'startARSessionAsync');
@@ -83,17 +85,16 @@ export class GLView extends React.Component {
         return await GLView.takeSnapshotAsync(exglCtxId, options);
     }
 }
-GLView.defaultProps = {
-    msaaSamples: 4,
-};
 GLView.NativeView = NativeView;
 // JavaScript WebGL types to wrap around native objects
 class WebGLRenderingContext {
+    __exglCtxId;
 }
 class WebGL2RenderingContext extends WebGLRenderingContext {
 }
 const idToObject = {};
 export class WebGLObject {
+    id;
     constructor(id) {
         if (idToObject[id]) {
             throw new Error(`WebGL object with underlying EXGLObjectId '${id}' already exists!`);
@@ -125,6 +126,7 @@ class WebGLShader extends WebGLObject {
 class WebGLTexture extends WebGLObject {
 }
 class WebGLUniformLocation {
+    id;
     constructor(id) {
         this.id = id; // Native GL object id
     }
@@ -133,6 +135,9 @@ class WebGLUniformLocation {
     }
 }
 class WebGLActiveInfo {
+    name;
+    size;
+    type;
     constructor(obj) {
         Object.assign(this, obj);
     }
@@ -141,6 +146,9 @@ class WebGLActiveInfo {
     }
 }
 class WebGLShaderPrecisionFormat {
+    rangeMin;
+    rangeMax;
+    precision;
     constructor(obj) {
         Object.assign(this, obj);
     }
@@ -161,8 +169,8 @@ class WebGLVertexArrayObject extends WebGLObject {
 }
 // Many functions need wrapping/unwrapping of arguments and return value. We handle each case
 // specifically so we can write the tightest code for better performance.
-const wrapMethods = gl => {
-    const wrap = (methodNames, wrapper) => (Array.isArray(methodNames) ? methodNames : [methodNames]).forEach(methodName => (gl[methodName] = wrapper(gl[methodName])));
+const wrapMethods = (gl) => {
+    const wrap = (methodNames, wrapper) => (Array.isArray(methodNames) ? methodNames : [methodNames]).forEach((methodName) => (gl[methodName] = wrapper(gl[methodName])));
     // We can be slow in `gl.getParameter(...)` since it's a blocking call anyways
     const getParameterTypes = {
         [gl.ARRAY_BUFFER_BINDING]: WebGLBuffer,
@@ -183,7 +191,7 @@ const wrapMethods = gl => {
         [gl.UNIFORM_BUFFER_BINDING]: WebGLBuffer,
         [gl.VERTEX_ARRAY_BINDING]: WebGLVertexArrayObject,
     };
-    wrap('getParameter', orig => pname => {
+    wrap('getParameter', (orig) => (pname) => {
         let ret = orig.call(gl, pname);
         if (pname === gl.VERSION) {
             // Wrap native version name
@@ -193,66 +201,66 @@ const wrapMethods = gl => {
         return type ? wrapObject(type, ret) : ret;
     });
     // Buffers
-    wrap('bindBuffer', orig => (target, buffer) => orig.call(gl, target, buffer && buffer.id));
-    wrap('createBuffer', orig => () => wrapObject(WebGLBuffer, orig.call(gl)));
-    wrap('deleteBuffer', orig => buffer => orig.call(gl, buffer && buffer.id));
-    wrap('isBuffer', orig => buffer => buffer instanceof WebGLBuffer && orig.call(gl, buffer.id));
+    wrap('bindBuffer', (orig) => (target, buffer) => orig.call(gl, target, buffer && buffer.id));
+    wrap('createBuffer', (orig) => () => wrapObject(WebGLBuffer, orig.call(gl)));
+    wrap('deleteBuffer', (orig) => (buffer) => orig.call(gl, buffer && buffer.id));
+    wrap('isBuffer', (orig) => (buffer) => buffer instanceof WebGLBuffer && orig.call(gl, buffer.id));
     // Framebuffers
-    wrap('bindFramebuffer', orig => (target, framebuffer) => orig.call(gl, target, framebuffer && framebuffer.id));
-    wrap('createFramebuffer', orig => () => wrapObject(WebGLFramebuffer, orig.call(gl)));
-    wrap('deleteFramebuffer', orig => framebuffer => orig.call(gl, framebuffer && framebuffer.id));
-    wrap('framebufferRenderbuffer', orig => (target, attachment, rbtarget, rb) => orig.call(gl, target, attachment, rbtarget, rb && rb.id));
-    wrap('framebufferTexture2D', orig => (target, attachment, textarget, tex, level) => orig.call(gl, target, attachment, textarget, tex && tex.id, level));
-    wrap('isFramebuffer', orig => framebuffer => framebuffer instanceof WebGLFramebuffer && orig.call(gl, framebuffer.id));
-    wrap('framebufferTextureLayer', orig => (target, attachment, texture, level, layer) => {
+    wrap('bindFramebuffer', (orig) => (target, framebuffer) => orig.call(gl, target, framebuffer && framebuffer.id));
+    wrap('createFramebuffer', (orig) => () => wrapObject(WebGLFramebuffer, orig.call(gl)));
+    wrap('deleteFramebuffer', (orig) => (framebuffer) => orig.call(gl, framebuffer && framebuffer.id));
+    wrap('framebufferRenderbuffer', (orig) => (target, attachment, rbtarget, rb) => orig.call(gl, target, attachment, rbtarget, rb && rb.id));
+    wrap('framebufferTexture2D', (orig) => (target, attachment, textarget, tex, level) => orig.call(gl, target, attachment, textarget, tex && tex.id, level));
+    wrap('isFramebuffer', (orig) => (framebuffer) => framebuffer instanceof WebGLFramebuffer && orig.call(gl, framebuffer.id));
+    wrap('framebufferTextureLayer', (orig) => (target, attachment, texture, level, layer) => {
         return orig.call(gl, target, attachment, objectId(texture), level, layer);
     });
     // Renderbuffers
-    wrap('bindRenderbuffer', orig => (target, renderbuffer) => orig.call(gl, target, renderbuffer && renderbuffer.id));
-    wrap('createRenderbuffer', orig => () => wrapObject(WebGLRenderbuffer, orig.call(gl)));
-    wrap('deleteRenderbuffer', orig => renderbuffer => orig.call(gl, renderbuffer && renderbuffer.id));
-    wrap('isRenderbuffer', orig => renderbuffer => renderbuffer instanceof WebGLRenderbuffer && orig.call(gl, renderbuffer.id));
+    wrap('bindRenderbuffer', (orig) => (target, renderbuffer) => orig.call(gl, target, renderbuffer && renderbuffer.id));
+    wrap('createRenderbuffer', (orig) => () => wrapObject(WebGLRenderbuffer, orig.call(gl)));
+    wrap('deleteRenderbuffer', (orig) => (renderbuffer) => orig.call(gl, renderbuffer && renderbuffer.id));
+    wrap('isRenderbuffer', (orig) => (renderbuffer) => renderbuffer instanceof WebGLRenderbuffer && orig.call(gl, renderbuffer.id));
     // Textures
-    wrap('bindTexture', orig => (target, texture) => orig.call(gl, target, texture && texture.id));
-    wrap('createTexture', orig => () => wrapObject(WebGLTexture, orig.call(gl)));
-    wrap('deleteTexture', orig => texture => orig.call(gl, texture && texture.id));
-    wrap('isTexture', orig => texture => texture instanceof WebGLTexture && orig.call(gl, texture.id));
+    wrap('bindTexture', (orig) => (target, texture) => orig.call(gl, target, texture && texture.id));
+    wrap('createTexture', (orig) => () => wrapObject(WebGLTexture, orig.call(gl)));
+    wrap('deleteTexture', (orig) => (texture) => orig.call(gl, texture && texture.id));
+    wrap('isTexture', (orig) => (texture) => texture instanceof WebGLTexture && orig.call(gl, texture.id));
     // Programs and shaders
-    wrap('attachShader', orig => (program, shader) => orig.call(gl, program && program.id, shader && shader.id));
-    wrap('bindAttribLocation', orig => (program, index, name) => orig.call(gl, program && program.id, index, name));
-    wrap('compileShader', orig => shader => orig.call(gl, shader && shader.id));
-    wrap('createProgram', orig => () => wrapObject(WebGLProgram, orig.call(gl)));
-    wrap('createShader', orig => type => wrapObject(WebGLShader, orig.call(gl, type)));
-    wrap('deleteProgram', orig => program => orig.call(gl, program && program.id));
-    wrap('deleteShader', orig => shader => orig.call(gl, shader && shader.id));
-    wrap('detachShader', orig => (program, shader) => orig.call(gl, program && program.id, shader && shader.id));
-    wrap('getAttachedShaders', orig => program => orig.call(gl, program && program.id).map(id => wrapObject(WebGLShader, id)));
-    wrap('getProgramParameter', orig => (program, pname) => orig.call(gl, program && program.id, pname));
-    wrap('getProgramInfoLog', orig => program => orig.call(gl, program && program.id));
-    wrap('getShaderParameter', orig => (shader, pname) => orig.call(gl, shader && shader.id, pname));
-    wrap('getShaderPrecisionFormat', orig => (shadertype, precisiontype) => new WebGLShaderPrecisionFormat(orig.call(gl, shadertype, precisiontype)));
-    wrap('getShaderInfoLog', orig => shader => orig.call(gl, shader && shader.id));
-    wrap('getShaderSource', orig => shader => orig.call(gl, shader && shader.id));
-    wrap('linkProgram', orig => program => orig.call(gl, program && program.id));
-    wrap('shaderSource', orig => (shader, source) => orig.call(gl, shader && shader.id, source));
-    wrap('useProgram', orig => program => orig.call(gl, program && program.id));
-    wrap('validateProgram', orig => program => orig.call(gl, program && program.id));
-    wrap('isShader', orig => shader => shader instanceof WebGLShader && orig.call(gl, shader.id));
-    wrap('isProgram', orig => program => program instanceof WebGLProgram && orig.call(gl, program.id));
-    wrap('getFragDataLocation', orig => program => orig.call(gl, objectId(program)));
+    wrap('attachShader', (orig) => (program, shader) => orig.call(gl, program && program.id, shader && shader.id));
+    wrap('bindAttribLocation', (orig) => (program, index, name) => orig.call(gl, program && program.id, index, name));
+    wrap('compileShader', (orig) => (shader) => orig.call(gl, shader && shader.id));
+    wrap('createProgram', (orig) => () => wrapObject(WebGLProgram, orig.call(gl)));
+    wrap('createShader', (orig) => (type) => wrapObject(WebGLShader, orig.call(gl, type)));
+    wrap('deleteProgram', (orig) => (program) => orig.call(gl, program && program.id));
+    wrap('deleteShader', (orig) => (shader) => orig.call(gl, shader && shader.id));
+    wrap('detachShader', (orig) => (program, shader) => orig.call(gl, program && program.id, shader && shader.id));
+    wrap('getAttachedShaders', (orig) => (program) => orig.call(gl, program && program.id).map((id) => wrapObject(WebGLShader, id)));
+    wrap('getProgramParameter', (orig) => (program, pname) => orig.call(gl, program && program.id, pname));
+    wrap('getProgramInfoLog', (orig) => (program) => orig.call(gl, program && program.id));
+    wrap('getShaderParameter', (orig) => (shader, pname) => orig.call(gl, shader && shader.id, pname));
+    wrap('getShaderPrecisionFormat', (orig) => (shadertype, precisiontype) => new WebGLShaderPrecisionFormat(orig.call(gl, shadertype, precisiontype)));
+    wrap('getShaderInfoLog', (orig) => (shader) => orig.call(gl, shader && shader.id));
+    wrap('getShaderSource', (orig) => (shader) => orig.call(gl, shader && shader.id));
+    wrap('linkProgram', (orig) => (program) => orig.call(gl, program && program.id));
+    wrap('shaderSource', (orig) => (shader, source) => orig.call(gl, shader && shader.id, source));
+    wrap('useProgram', (orig) => (program) => orig.call(gl, program && program.id));
+    wrap('validateProgram', (orig) => (program) => orig.call(gl, program && program.id));
+    wrap('isShader', (orig) => (shader) => shader instanceof WebGLShader && orig.call(gl, shader.id));
+    wrap('isProgram', (orig) => (program) => program instanceof WebGLProgram && orig.call(gl, program.id));
+    wrap('getFragDataLocation', (orig) => (program) => orig.call(gl, objectId(program)));
     // Uniforms and attributes
-    wrap('getActiveAttrib', orig => (program, index) => new WebGLActiveInfo(orig.call(gl, program && program.id, index)));
-    wrap('getActiveUniform', orig => (program, index) => new WebGLActiveInfo(orig.call(gl, program && program.id, index)));
-    wrap('getAttribLocation', orig => (program, name) => orig.call(gl, program && program.id, name));
-    wrap('getUniform', orig => (program, location) => orig.call(gl, program && program.id, location && location.id));
-    wrap('getUniformLocation', orig => (program, name) => new WebGLUniformLocation(orig.call(gl, program && program.id, name)));
-    wrap(['uniform1f', 'uniform1i', 'uniform1ui'], orig => (loc, x) => orig.call(gl, objectId(loc), x));
-    wrap(['uniform2f', 'uniform2i', 'uniform2ui'], orig => (loc, x, y) => orig.call(gl, objectId(loc), x, y));
-    wrap(['uniform3f', 'uniform3i', 'uniform3ui'], orig => (loc, x, y, z) => orig.call(gl, objectId(loc), x, y, z));
-    wrap(['uniform4f', 'uniform4i', 'uniform4ui'], orig => (loc, x, y, z, w) => orig.call(gl, objectId(loc), x, y, z, w));
-    wrap(['uniform1fv', 'uniform2fv', 'uniform3fv', 'uniform4fv'], orig => (loc, val) => orig.call(gl, objectId(loc), new Float32Array(val)));
-    wrap(['uniform1iv', 'uniform2iv', 'uniform3iv', 'uniform4iv'], orig => (loc, val) => orig.call(gl, objectId(loc), new Int32Array(val)));
-    wrap(['uniform1uiv', 'uniform2uiv', 'uniform3uiv', 'uniform4uiv'], orig => (loc, val) => orig.call(gl, objectId(loc), new Uint32Array(val)));
+    wrap('getActiveAttrib', (orig) => (program, index) => new WebGLActiveInfo(orig.call(gl, program && program.id, index)));
+    wrap('getActiveUniform', (orig) => (program, index) => new WebGLActiveInfo(orig.call(gl, program && program.id, index)));
+    wrap('getAttribLocation', (orig) => (program, name) => orig.call(gl, program && program.id, name));
+    wrap('getUniform', (orig) => (program, location) => orig.call(gl, program && program.id, location && location.id));
+    wrap('getUniformLocation', (orig) => (program, name) => new WebGLUniformLocation(orig.call(gl, program && program.id, name)));
+    wrap(['uniform1f', 'uniform1i', 'uniform1ui'], (orig) => (loc, x) => orig.call(gl, objectId(loc), x));
+    wrap(['uniform2f', 'uniform2i', 'uniform2ui'], (orig) => (loc, x, y) => orig.call(gl, objectId(loc), x, y));
+    wrap(['uniform3f', 'uniform3i', 'uniform3ui'], (orig) => (loc, x, y, z) => orig.call(gl, objectId(loc), x, y, z));
+    wrap(['uniform4f', 'uniform4i', 'uniform4ui'], (orig) => (loc, x, y, z, w) => orig.call(gl, objectId(loc), x, y, z, w));
+    wrap(['uniform1fv', 'uniform2fv', 'uniform3fv', 'uniform4fv'], (orig) => (loc, val) => orig.call(gl, objectId(loc), new Float32Array(val)));
+    wrap(['uniform1iv', 'uniform2iv', 'uniform3iv', 'uniform4iv'], (orig) => (loc, val) => orig.call(gl, objectId(loc), new Int32Array(val)));
+    wrap(['uniform1uiv', 'uniform2uiv', 'uniform3uiv', 'uniform4uiv'], (orig) => (loc, val) => orig.call(gl, objectId(loc), new Uint32Array(val)));
     wrap([
         'uniformMatrix2fv',
         'uniformMatrix3fv',
@@ -263,70 +271,70 @@ const wrapMethods = gl => {
         'uniformMatrix4x3fv',
         'uniformMatrix2x4fv',
         'uniformMatrix3x4fv',
-    ], orig => (loc, transpose, val) => orig.call(gl, loc && loc.id, transpose, new Float32Array(val)));
-    wrap(['vertexAttrib1fv', 'vertexAttrib2fv', 'vertexAttrib3fv', 'vertexAttrib4fv'], orig => (index, val) => orig.call(gl, index, new Float32Array(val)));
-    wrap('vertexAttribI4iv', orig => (index, val) => orig.call(gl, index, new Int32Array(val)));
-    wrap('vertexAttribI4uiv', orig => (index, val) => orig.call(gl, index, new Uint32Array(val)));
+    ], (orig) => (loc, transpose, val) => orig.call(gl, loc && loc.id, transpose, new Float32Array(val)));
+    wrap(['vertexAttrib1fv', 'vertexAttrib2fv', 'vertexAttrib3fv', 'vertexAttrib4fv'], (orig) => (index, val) => orig.call(gl, index, new Float32Array(val)));
+    wrap('vertexAttribI4iv', (orig) => (index, val) => orig.call(gl, index, new Int32Array(val)));
+    wrap('vertexAttribI4uiv', (orig) => (index, val) => orig.call(gl, index, new Uint32Array(val)));
     // Query objects
-    wrap('createQuery', orig => () => wrapObject(WebGLQuery, orig.call(gl)));
-    wrap('deleteQuery', orig => query => orig.call(gl, objectId(query)));
-    wrap('beginQuery', orig => (target, query) => orig.call(gl, target, objectId(query)));
-    wrap('getQuery', orig => (target, pname) => {
+    wrap('createQuery', (orig) => () => wrapObject(WebGLQuery, orig.call(gl)));
+    wrap('deleteQuery', (orig) => (query) => orig.call(gl, objectId(query)));
+    wrap('beginQuery', (orig) => (target, query) => orig.call(gl, target, objectId(query)));
+    wrap('getQuery', (orig) => (target, pname) => {
         const id = orig.call(gl, target, pname);
         return id ? wrapObject(WebGLQuery, id) : id;
     });
-    wrap('getQueryParameter', orig => (query, pname) => orig.call(gl, objectId(query), pname));
+    wrap('getQueryParameter', (orig) => (query, pname) => orig.call(gl, objectId(query), pname));
     // Samplers
-    wrap('bindSampler', orig => (unit, sampler) => orig.call(gl, unit, objectId(sampler)));
-    wrap('createSampler', orig => () => wrapObject(WebGLSampler, orig.call(gl)));
-    wrap('deleteSampler', orig => sampler => orig.call(gl, objectId(sampler)));
-    wrap('isSampler', orig => sampler => sampler instanceof WebGLSampler && orig.call(gl, sampler.id));
-    wrap(['samplerParameteri', 'samplerParameterf'], orig => (sampler, pname, param) => {
+    wrap('bindSampler', (orig) => (unit, sampler) => orig.call(gl, unit, objectId(sampler)));
+    wrap('createSampler', (orig) => () => wrapObject(WebGLSampler, orig.call(gl)));
+    wrap('deleteSampler', (orig) => (sampler) => orig.call(gl, objectId(sampler)));
+    wrap('isSampler', (orig) => (sampler) => sampler instanceof WebGLSampler && orig.call(gl, sampler.id));
+    wrap(['samplerParameteri', 'samplerParameterf'], (orig) => (sampler, pname, param) => {
         return orig.call(gl, objectId(sampler), pname, param);
     });
-    wrap('getSamplerParameter', orig => (sampler, pname) => {
+    wrap('getSamplerParameter', (orig) => (sampler, pname) => {
         return orig.call(gl, objectId(sampler), pname);
     });
     // Transform feedback
-    wrap('bindTransformFeedback', orig => (target, transformFeedback) => {
+    wrap('bindTransformFeedback', (orig) => (target, transformFeedback) => {
         return orig.call(gl, target, objectId(transformFeedback));
     });
-    wrap('createTransformFeedback', orig => () => wrapObject(WebGLTransformFeedback, orig.call(gl)));
-    wrap('deleteTransformFeedback', orig => transformFeedback => {
+    wrap('createTransformFeedback', (orig) => () => wrapObject(WebGLTransformFeedback, orig.call(gl)));
+    wrap('deleteTransformFeedback', (orig) => (transformFeedback) => {
         return orig.call(gl, objectId(transformFeedback));
     });
-    wrap('transformFeedbackVaryings', orig => (program, varyings, bufferMode) => {
+    wrap('transformFeedbackVaryings', (orig) => (program, varyings, bufferMode) => {
         return orig.call(gl, objectId(program), varyings, bufferMode);
     });
-    wrap('getTransformFeedbackVarying', orig => (program, index) => {
+    wrap('getTransformFeedbackVarying', (orig) => (program, index) => {
         return new WebGLActiveInfo(orig.call(gl, objectId(program), index));
     });
     // Uniforms and attributes
-    wrap(['bindBufferBase', 'bindBufferRange'], orig => (target, index, buffer, ...rest) => {
+    wrap(['bindBufferBase', 'bindBufferRange'], (orig) => (target, index, buffer, ...rest) => {
         return orig.call(gl, target, index, objectId(buffer), ...rest);
     });
-    wrap('getUniformIndices', orig => (program, uniformNames) => {
+    wrap('getUniformIndices', (orig) => (program, uniformNames) => {
         // according to WebGL2 specs, it returns Array instead of Uint32Array
         const uintArray = orig.call(gl, objectId(program), uniformNames);
         return Array.from(uintArray);
     });
-    wrap('getActiveUniforms', orig => (program, uniformIndices, pname) => {
+    wrap('getActiveUniforms', (orig) => (program, uniformIndices, pname) => {
         // according to WebGL2 specs, it returns Array instead of Int32Array
         const intArray = orig.call(gl, objectId(program), new Uint32Array(uniformIndices), pname);
         const boolResult = pname === gl.UNIFORM_IS_ROW_MAJOR;
         const arr = Array.from(intArray);
-        return boolResult ? arr.map(val => !!val) : arr;
+        return boolResult ? arr.map((val) => !!val) : arr;
     });
-    wrap('getUniformBlockIndex', orig => (program, uniformBlockName) => orig.call(gl, objectId(program), uniformBlockName));
-    wrap('getActiveUniformBlockName', orig => (program, uniformBlockIndex) => orig.call(gl, objectId(program), uniformBlockIndex));
-    wrap('uniformBlockBinding', orig => (program, uniformBlockIndex, uniformBlockBinding) => {
+    wrap('getUniformBlockIndex', (orig) => (program, uniformBlockName) => orig.call(gl, objectId(program), uniformBlockName));
+    wrap('getActiveUniformBlockName', (orig) => (program, uniformBlockIndex) => orig.call(gl, objectId(program), uniformBlockIndex));
+    wrap('uniformBlockBinding', (orig) => (program, uniformBlockIndex, uniformBlockBinding) => {
         return orig.call(gl, objectId(program), uniformBlockIndex, uniformBlockBinding);
     });
     // Vertex array objects
-    wrap('bindVertexArray', orig => vertexArray => orig.call(gl, vertexArray && vertexArray.id));
-    wrap('createVertexArray', orig => () => wrapObject(WebGLVertexArrayObject, orig.call(gl)));
-    wrap('deleteVertexArray', orig => vertexArray => orig.call(gl, vertexArray && vertexArray.id));
-    wrap('isVertexArray', orig => vertexArray => vertexArray instanceof WebGLVertexArrayObject && orig.call(gl, vertexArray.id));
+    wrap('bindVertexArray', (orig) => (vertexArray) => orig.call(gl, vertexArray && vertexArray.id));
+    wrap('createVertexArray', (orig) => () => wrapObject(WebGLVertexArrayObject, orig.call(gl)));
+    wrap('deleteVertexArray', (orig) => (vertexArray) => orig.call(gl, vertexArray && vertexArray.id));
+    wrap('isVertexArray', (orig) => (vertexArray) => vertexArray instanceof WebGLVertexArrayObject && orig.call(gl, vertexArray.id));
 };
 // Get the GL interface from an EXGLContextID and do JS-side setup
 const getGl = (exglCtxId) => {