expo-gl 12.4.0 → 13.0.0

package/CHANGELOG.md

@@ -10,6 +10,28 @@
 
 ### 💡 Others
 
+## 13.0.0 — 2023-06-13
+
+### 🛠 Breaking changes
+
+- Require explicit prop `enableExperimentalWorkletSupport` to use GLView from Reanimated worklet. ([#22613](https://github.com/expo/expo/pull/22613) by [@wkozyra95](https://github.com/wkozyra95))
+
+### 🐛 Bug fixes
+
+- Fixed Android build warnings for Gradle version 8. ([#22537](https://github.com/expo/expo/pull/22537), [#22609](https://github.com/expo/expo/pull/22609) by [@kudo](https://github.com/kudo))
+- Fix deadlock when creating and destroying GLViews in a quick succession. ([#22484](https://github.com/expo/expo/pull/22484) by [@wkozyra95](https://github.com/wkozyra95))
+- Move creating GL context for worklet to UI thread. ([#22634](https://github.com/expo/expo/pull/22634) by [@wkozyra95](https://github.com/wkozyra95))
+
+## 12.5.0 — 2023-05-08
+
+### 🐛 Bug fixes
+
+- Fixed leaking GL context. ([#21247](https://github.com/expo/expo/pull/21247) by [@wkozyra95](https://github.com/wkozyra95))
+
+### 💡 Others
+
+- Remove legacy code for old Expo Go. ([#21247](https://github.com/expo/expo/pull/21247) by [@wkozyra95](https://github.com/wkozyra95))
+
 ## 12.4.0 — 2023-02-14
 
 ### 🎉 New features

package/README.md

@@ -16,7 +16,7 @@ Provides GLView that acts as OpenGL ES render target and gives GL context object
 
 # Installation in managed Expo projects
 
-For [managed](https://docs.expo.dev/versions/latest/introduction/managed-vs-bare/) Expo projects, please follow the installation instructions in the [API documentation for the latest stable release](https://docs.expo.dev/versions/latest/sdk/gl-view/).
+For [managed](https://docs.expo.dev/archive/managed-vs-bare/) Expo projects, please follow the installation instructions in the [API documentation for the latest stable release](https://docs.expo.dev/versions/latest/sdk/gl-view/).
 
 # Installation in bare React Native projects
 
@@ -25,25 +25,25 @@ For bare React Native projects, you must ensure that you have [installed and con
 ### Add the package to your npm dependencies
 
 ```
-expo install expo-gl
+npx expo install expo-gl
 ```
 
 ### Compatibility
 
 To use version `11.2.0` or newer of `expo-gl` you will need to use at least version `0.68.0` of React Native.
 
-| expo-gl            | react-native         |
-| ------------------ | -------------------- |
-| <=8.x.x            | \*                   |
-| >=9.0.0 && <11.2.0 | >=0.63.1 &&  <0.65.0 |
-| >=11.2.0           | >=0.68.0             |
+| expo-gl            | react-native        |
+| ------------------ | ------------------- |
+| <=8.x.x            | \*                  |
+| >=9.0.0 && <11.2.0 | >=0.63.1 && <0.65.0 |
+| >=11.2.0           | >=0.68.0            |
 
 To use reanimated worklets you will need compatible version of `react-native-reanimated`.
 
-| expo-gl            | react-native-reanimated |
-| ------------------ | ----------------------- |
-| <11.3.0            | <=2.8.0                 |
-| >=11.3.0           | >2.8.0                  |
+| expo-gl  | react-native-reanimated |
+| -------- | ----------------------- |
+| <11.3.0  | <=2.8.0                 |
+| >=11.3.0 | >2.8.0                  |
 
 ### Configure for iOS
 

package/android/build.gradle

@@ -6,7 +6,7 @@ apply plugin: 'maven-publish'
 apply plugin: "de.undercouch.download"
 
 group = 'host.exp.exponent'
-version = '12.4.0'
+version = '13.0.0'
 
 def REACT_NATIVE_BUILD_FROM_SOURCE = findProject(":ReactAndroid") != null
 def REACT_NATIVE_DIR = REACT_NATIVE_BUILD_FROM_SOURCE
@@ -57,19 +57,11 @@ buildscript {
   }
 }
 
-// Creating sources with comments
-task androidSourcesJar(type: Jar) {
-  classifier = 'sources'
-  from android.sourceSets.main.java.srcDirs
-}
-
 afterEvaluate {
   publishing {
     publications {
       release(MavenPublication) {
         from components.release
-        // Add additional sourcesJar to artifacts
-        artifact(androidSourcesJar)
       }
     }
     repositories {
@@ -99,11 +91,12 @@ android {
     jvmTarget = JavaVersion.VERSION_11.majorVersion
   }
 
+  namespace "expo.modules.gl"
   defaultConfig {
     minSdkVersion safeExtGet("minSdkVersion", 21)
     targetSdkVersion safeExtGet("targetSdkVersion", 33)
     versionCode 31
-    versionName "12.4.0"
+    versionName "13.0.0"
 
     externalNativeBuild {
       cmake {
@@ -145,6 +138,11 @@ android {
   lintOptions {
     abortOnError false
   }
+  publishing {
+    singleVariant("release") {
+      withSourcesJar()
+    }
+  }
 }
 
 repositories {

package/android/src/main/AndroidManifest.xml

@@ -1,4 +1,3 @@
-<manifest package="expo.modules.gl"
-    xmlns:android="http://schemas.android.com/apk/res/android">
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
     <uses-feature android:glEsVersion="0x00020000" android:required="false" />
 </manifest>

package/android/src/main/cpp/EXGLJniApi.cpp

@@ -34,6 +34,13 @@ Java_expo_modules_gl_cpp_EXGL_EXGLContextPrepare
   EXGLContextPrepare((void*) jsiPtr, exglCtxId, flushMethod);
 }
 
+JNIEXPORT void JNICALL
+Java_expo_modules_gl_cpp_EXGL_EXGLContextPrepareWorklet
+(JNIEnv *env, jclass clazz, jint exglCtxId) {
+  threadLocalEnv = env;
+  EXGLContextPrepareWorklet(exglCtxId);
+}
+
 JNIEXPORT void JNICALL
 Java_expo_modules_gl_cpp_EXGL_EXGLContextDestroy
 (JNIEnv *env, jclass clazz, jint exglCtxId) {
@@ -70,12 +77,6 @@ Java_expo_modules_gl_cpp_EXGL_EXGLContextGetObject
   return EXGLContextGetObject(exglCtxId, exglObjId);
 }
 
-JNIEXPORT void JNICALL
-Java_expo_modules_gl_cpp_EXGL_EXGLRegisterThread
-(JNIEnv *env, jclass clazz) {
-  threadLocalEnv = env;
-}
-
 JNIEXPORT bool JNICALL
 Java_expo_modules_gl_cpp_EXGL_EXGLContextNeedsRedraw
 (JNIEnv *env, jclass clazz, jint exglCtxId) {

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

@@ -32,6 +32,7 @@ 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.cpp.EXGL;
 import expo.modules.gl.utils.FileSystemUtils;
 
 import static android.opengl.GLES30.*;
@@ -70,13 +71,17 @@ public class GLContext {
     mEventQueue.add(r);
   }
 
-  public void initialize(SurfaceTexture surfaceTexture, final Runnable completionCallback) {
+  public void initialize(
+          SurfaceTexture surfaceTexture,
+          Boolean enableExperimentalWorkletSupport,
+          final Runnable completionCallback) {
     if (mGLThread != null) {
       return;
     }
 
     mGLThread = new GLThread(surfaceTexture);
     mGLThread.start();
+    mEXGLCtxId = EXGLContextCreate();
 
     // On JS thread, get JavaScriptCore context, create EXGL context, call JS callback
     final GLContext glContext = this;
@@ -85,20 +90,28 @@ public class GLContext {
     final JavaScriptContextProvider jsContextProvider = moduleRegistry.getModule(JavaScriptContextProvider.class);
     final RuntimeEnvironmentInterface environment = moduleRegistry.getModule(RuntimeEnvironmentInterface.class);
 
-    EXGLRegisterThread();
     uiManager.runOnClientCodeQueueThread(new Runnable() {
       @Override
       public void run() {
         long jsContextRef = jsContextProvider.getJavaScriptContextRef();
         synchronized (uiManager) {
           if (jsContextRef != 0) {
-            mEXGLCtxId = EXGLContextCreate();
-            EXGLRegisterThread();
             EXGLContextPrepare(jsContextRef, mEXGLCtxId, glContext);
           }
         }
-        mManager.saveContext(glContext);
-        completionCallback.run();
+        if (enableExperimentalWorkletSupport) {
+          uiManager.runOnUiQueueThread(new Runnable() {
+            @Override
+            public void run() {
+                EXGLContextPrepareWorklet(mEXGLCtxId);
+                mManager.saveContext(glContext);
+                completionCallback.run();
+            }
+          });
+        } else {
+            mManager.saveContext(glContext);
+            completionCallback.run();
+        }
       }
     });
   }

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

@@ -120,7 +120,7 @@ public class GLObjectManagerModule extends ExportedModule {
   public void createContextAsync(final Promise promise) {
     final GLContext glContext = new GLContext(this);
 
-    glContext.initialize(null, new Runnable() {
+    glContext.initialize(null, false, new Runnable() {
       @Override
       public void run() {
         Bundle results = new Bundle();

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

@@ -27,6 +27,7 @@ class GLView(context: Context, appContext: AppContext) : TextureView(context), S
   private val exglContextId: Int
     get() = glContext.contextId
 
+  var enableExperimentalWorkletSupport: Boolean = false
   val onSurfaceCreate by EventDispatcher<OnSurfaceCreateRecord>()
 
   init {
@@ -78,7 +79,7 @@ class GLView(context: Context, appContext: AppContext) : TextureView(context), S
   }
 
   private fun initializeSurfaceInGLContext(surfaceTexture: SurfaceTexture) {
-    glContext.initialize(surfaceTexture) {
+    glContext.initialize(surfaceTexture, enableExperimentalWorkletSupport) {
       onSurfaceCreate(OnSurfaceCreateRecord(exglContextId))
     }
   }

package/android/src/main/java/expo/modules/gl/GLViewModule.kt

@@ -9,6 +9,9 @@ class GLViewModule : Module() {
 
     View(GLView::class) {
       Events("onSurfaceCreate")
+      Prop("enableExperimentalWorkletSupport") { view: GLView, enableExperimentalWorkletSupport: Boolean? ->
+        view.enableExperimentalWorkletSupport = enableExperimentalWorkletSupport ?: false
+      }
     }
   }
 }

package/android/src/main/java/expo/modules/gl/cpp/EXGL.java

@@ -9,6 +9,7 @@ public class EXGL {
   }
   public static native int EXGLContextCreate();
   public static native void EXGLContextPrepare(long jsCtxPtr, int exglCtxId, Object glContext);
+  public static native void EXGLContextPrepareWorklet(int exglCtxId);
 
   public static native void EXGLContextDestroy(int exglCtxId);
   public static native void EXGLContextFlush(int exglCtxId);
@@ -17,7 +18,6 @@ public class EXGL {
   public static native void EXGLContextDestroyObject(int exglCtxId, int exglObjId);
   public static native void EXGLContextMapObject(int exglCtxId, int exglObjId, int glObj);
   public static native int EXGLContextGetObject(int exglCtxId, int exglObjId);
-  public static native void EXGLRegisterThread();
   public static native boolean EXGLContextNeedsRedraw(int exglCtxId);
   public static native void EXGLContextDrawEnded(int exglCtxId);
 }

package/build/GLView.d.ts

@@ -11,6 +11,7 @@ export declare class GLView extends React.Component<GLViewProps> {
     static NativeView: any;
     static defaultProps: {
         msaaSamples: number;
+        enableExperimentalWorkletSupport: boolean;
     };
     /**
      * Imperative API that creates headless context which is devoid of underlying view.
@@ -40,6 +41,8 @@ export declare class GLView extends React.Component<GLViewProps> {
     render(): JSX.Element;
     _setNativeRef: (nativeRef: ComponentOrHandle) => void;
     _onSurfaceCreate: ({ nativeEvent: { exglCtxId } }: SurfaceCreateEvent) => void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: GLViewProps): void;
     startARSessionAsync(): Promise<any>;
     createCameraTextureAsync(cameraRefOrHandle: ComponentOrHandle): Promise<WebGLTexture>;
     destroyObjectAsync(glObject: WebGLObject): Promise<boolean>;

package/build/GLView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GLView.d.ts","sourceRoot":"","sources":["../src/GLView.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,UAAU,EACV,yBAAyB,EACzB,eAAe,EACf,WAAW,EACZ,MAAM,gBAAgB,CAAC;AAIxB,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AASF;;;GAGG;AACH,qBAAa,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACtD,MAAM,CAAC,UAAU,EAAE,GAAG,CAAC;IAEvB,MAAM,CAAC,YAAY;;MAEjB;IAEF;;;;;;;OAOG;WACU,kBAAkB,IAAI,OAAO,CAAC,yBAAyB,CAAC;IAKrE;;;;OAIG;WACU,mBAAmB,CAAC,IAAI,CAAC,EAAE,yBAAyB,GAAG,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAK7F;;;;;OAKG;WACU,iBAAiB,CAC5B,IAAI,CAAC,EAAE,yBAAyB,GAAG,MAAM,EACzC,OAAO,GAAE,eAAoB,GAC5B,OAAO,CAAC,UAAU,CAAC;IAKtB,MAAM,CAAC,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,yBAAyB,GAAG,SAAS,CACrD;IAEjC,SAAS,EAAE,iBAAiB,CAAQ;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,MAAM;IA0BN,aAAa,cAAe,iBAAiB,KAAG,IAAI,CAKlD;IAEF,gBAAgB,mCAAoC,kBAAkB,KAAG,IAAI,CAQ3E;IAGI,mBAAmB,IAAI,OAAO,CAAC,GAAG,CAAC;IAQnC,wBAAwB,CAAC,iBAAiB,EAAE,iBAAiB,GAAG,OAAO,CAAC,YAAY,CAAC;IAoBrF,kBAAkB,CAAC,QAAQ,EAAE,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC;IAOjE;;;;OAIG;IACG,iBAAiB,CAAC,OAAO,GAAE,eAAoB,GAAG,OAAO,CAAC,UAAU,CAAC;CAO5E"}
+{"version":3,"file":"GLView.d.ts","sourceRoot":"","sources":["../src/GLView.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,UAAU,EACV,yBAAyB,EACzB,eAAe,EACf,WAAW,EACZ,MAAM,gBAAgB,CAAC;AAIxB,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAUF;;;GAGG;AACH,qBAAa,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACtD,MAAM,CAAC,UAAU,EAAE,GAAG,CAAC;IAEvB,MAAM,CAAC,YAAY;;;MAGjB;IAEF;;;;;;;OAOG;WACU,kBAAkB,IAAI,OAAO,CAAC,yBAAyB,CAAC;IAKrE;;;;OAIG;WACU,mBAAmB,CAAC,IAAI,CAAC,EAAE,yBAAyB,GAAG,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAM7F;;;;;OAKG;WACU,iBAAiB,CAC5B,IAAI,CAAC,EAAE,yBAAyB,GAAG,MAAM,EACzC,OAAO,GAAE,eAAoB,GAC5B,OAAO,CAAC,UAAU,CAAC;IAKtB,MAAM,CAAC,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,yBAAyB,GAAG,SAAS,CACnD;IAEnC,SAAS,EAAE,iBAAiB,CAAQ;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,MAAM;IA4BN,aAAa,cAAe,iBAAiB,KAAG,IAAI,CAKlD;IAEF,gBAAgB,mCAAoC,kBAAkB,KAAG,IAAI,CAQ3E;IAEF,oBAAoB,IAAI,IAAI;IAM5B,kBAAkB,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;IAS1C,mBAAmB,IAAI,OAAO,CAAC,GAAG,CAAC;IAQnC,wBAAwB,CAAC,iBAAiB,EAAE,iBAAiB,GAAG,OAAO,CAAC,YAAY,CAAC;IAoBrF,kBAAkB,CAAC,QAAQ,EAAE,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC;IAOjE;;;;OAIG;IACG,iBAAiB,CAAC,OAAO,GAAE,eAAoB,GAAG,OAAO,CAAC,UAAU,CAAC;CAO5E"}

package/build/GLView.js

@@ -2,9 +2,10 @@ import { NativeModulesProxy, UnavailabilityError, requireNativeViewManager, Code
 import * as React from 'react';
 import { Platform, View, findNodeHandle } from 'react-native';
 import { configureLogging } from './GLUtils';
-import { createWorkletContextProvider } from './GLWorkletContextProvider';
+import { createWorkletContextManager } from './GLWorkletContextManager';
 const { ExponentGLObjectManager, ExponentGLViewManager } = NativeModulesProxy;
 const NativeView = requireNativeViewManager('ExponentGLView');
+const workletContextManager = createWorkletContextManager();
 // @needsAudit
 /**
  * A View that acts as an OpenGL ES render target. On mounting, an OpenGL ES context is created.
@@ -14,6 +15,7 @@ export class GLView extends React.Component {
     static NativeView;
     static defaultProps = {
         msaaSamples: 4,
+        enableExperimentalWorkletSupport: false,
     };
     /**
      * Imperative API that creates headless context which is devoid of underlying view.
@@ -34,6 +36,7 @@ export class GLView extends React.Component {
      */
     static async destroyContextAsync(exgl) {
         const exglCtxId = getContextId(exgl);
+        unregisterGLContext(exglCtxId);
         return ExponentGLObjectManager.destroyContextAsync(exglCtxId);
     }
     /**
@@ -46,12 +49,12 @@ export class GLView extends React.Component {
         const exglCtxId = getContextId(exgl);
         return ExponentGLObjectManager.takeSnapshotAsync(exglCtxId, options);
     }
-    static getWorkletContext = createWorkletContextProvider();
+    static getWorkletContext = workletContextManager.getContext;
     nativeRef = null;
     exglCtxId;
     render() {
         const { onContextCreate, // eslint-disable-line no-unused-vars
-        msaaSamples, ...viewProps } = this.props;
+        msaaSamples, enableExperimentalWorkletSupport, ...viewProps } = this.props;
         return (React.createElement(View, { ...viewProps },
             React.createElement(NativeView, { ref: this._setNativeRef, style: {
                     flex: 1,
@@ -60,7 +63,7 @@ export class GLView extends React.Component {
                             backgroundColor: 'transparent',
                         }
                         : {}),
-                }, onSurfaceCreate: this._onSurfaceCreate, msaaSamples: Platform.OS === 'ios' ? msaaSamples : undefined })));
+                }, onSurfaceCreate: this._onSurfaceCreate, enableExperimentalWorkletSupport: enableExperimentalWorkletSupport, msaaSamples: Platform.OS === 'ios' ? msaaSamples : undefined })));
     }
     _setNativeRef = (nativeRef) => {
         if (this.props.nativeRef_EXPERIMENTAL) {
@@ -75,6 +78,16 @@ export class GLView extends React.Component {
             this.props.onContextCreate(gl);
         }
     };
+    componentWillUnmount() {
+        if (this.exglCtxId) {
+            unregisterGLContext(this.exglCtxId);
+        }
+    }
+    componentDidUpdate(prevProps) {
+        if (this.props.enableExperimentalWorkletSupport !== prevProps.enableExperimentalWorkletSupport) {
+            console.warn('Updating prop enableExperimentalWorkletSupport is not supported');
+        }
+    }
     // @docsMissing
     async startARSessionAsync() {
         if (!ExponentGLViewManager.startARSessionAsync) {
@@ -116,6 +129,12 @@ export class GLView extends React.Component {
     }
 }
 GLView.NativeView = NativeView;
+function unregisterGLContext(exglCtxId) {
+    if (global.__EXGLContexts) {
+        delete global.__EXGLContexts[String(exglCtxId)];
+    }
+    workletContextManager.unregister?.(exglCtxId);
+}
 // Get the GL interface from an EXGLContextId
 const getGl = (exglCtxId) => {
     if (!global.__EXGLContexts) {

package/build/GLView.js.map

@@ -1 +1 @@
-{"version":3,"file":"GLView.js","sourceRoot":"","sources":["../src/GLView.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  NativeModulesProxy,\n  UnavailabilityError,\n  requireNativeViewManager,\n  CodedError,\n} from 'expo-modules-core';\nimport * as React from 'react';\nimport { Platform, View, findNodeHandle } from 'react-native';\n\nimport { configureLogging } from './GLUtils';\nimport {\n  ComponentOrHandle,\n  SurfaceCreateEvent,\n  GLSnapshot,\n  ExpoWebGLRenderingContext,\n  SnapshotOptions,\n  GLViewProps,\n} from './GLView.types';\nimport { createWorkletContextProvider } from './GLWorkletContextProvider';\n\n// @docsMissing\nexport type WebGLObject = {\n  id: number;\n};\n\ndeclare let global: any;\n\nconst { ExponentGLObjectManager, ExponentGLViewManager } = NativeModulesProxy;\n\nconst NativeView = requireNativeViewManager('ExponentGLView');\n\n// @needsAudit\n/**\n * A View that acts as an OpenGL ES render target. On mounting, an OpenGL ES context is created.\n * Its drawing buffer is presented as the contents of the View every frame.\n */\nexport class GLView extends React.Component<GLViewProps> {\n  static NativeView: any;\n\n  static defaultProps = {\n    msaaSamples: 4,\n  };\n\n  /**\n   * Imperative API that creates headless context which is devoid of underlying view.\n   * It's useful for headless rendering or in case you want to keep just one context per application and share it between multiple components.\n   * It is slightly faster than usual context as it doesn't swap framebuffers and doesn't present them on the canvas,\n   * however it may require you to take a snapshot in order to present its results.\n   * Also, keep in mind that you need to set up a viewport and create your own framebuffer and texture that you will be drawing to, before you take a snapshot.\n   * @return A promise that resolves to WebGL context object. See [WebGL API](#webgl-api) for more details.\n   */\n  static async createContextAsync(): Promise<ExpoWebGLRenderingContext> {\n    const { exglCtxId } = await ExponentGLObjectManager.createContextAsync();\n    return getGl(exglCtxId);\n  }\n\n  /**\n   * Destroys given context.\n   * @param exgl WebGL context to destroy.\n   * @return A promise that resolves to boolean value that is `true` if given context existed and has been destroyed successfully.\n   */\n  static async destroyContextAsync(exgl?: ExpoWebGLRenderingContext | number): Promise<boolean> {\n    const exglCtxId = getContextId(exgl);\n    return ExponentGLObjectManager.destroyContextAsync(exglCtxId);\n  }\n\n  /**\n   * Takes a snapshot of the framebuffer and saves it as a file to app's cache directory.\n   * @param exgl WebGL context to take a snapshot from.\n   * @param options\n   * @return A promise that resolves to `GLSnapshot` object.\n   */\n  static async takeSnapshotAsync(\n    exgl?: ExpoWebGLRenderingContext | number,\n    options: SnapshotOptions = {}\n  ): Promise<GLSnapshot> {\n    const exglCtxId = getContextId(exgl);\n    return ExponentGLObjectManager.takeSnapshotAsync(exglCtxId, options);\n  }\n\n  static getWorkletContext: (contextId: number) => ExpoWebGLRenderingContext | undefined =\n    createWorkletContextProvider();\n\n  nativeRef: ComponentOrHandle = null;\n  exglCtxId?: number;\n\n  render() {\n    const {\n      onContextCreate, // eslint-disable-line no-unused-vars\n      msaaSamples,\n      ...viewProps\n    } = this.props;\n\n    return (\n      <View {...viewProps}>\n        <NativeView\n          ref={this._setNativeRef}\n          style={{\n            flex: 1,\n            ...(Platform.OS === 'ios'\n              ? {\n                  backgroundColor: 'transparent',\n                }\n              : {}),\n          }}\n          onSurfaceCreate={this._onSurfaceCreate}\n          msaaSamples={Platform.OS === 'ios' ? msaaSamples : undefined}\n        />\n      </View>\n    );\n  }\n\n  _setNativeRef = (nativeRef: ComponentOrHandle): void => {\n    if (this.props.nativeRef_EXPERIMENTAL) {\n      this.props.nativeRef_EXPERIMENTAL(nativeRef);\n    }\n    this.nativeRef = nativeRef;\n  };\n\n  _onSurfaceCreate = ({ nativeEvent: { exglCtxId } }: SurfaceCreateEvent): void => {\n    const gl = getGl(exglCtxId);\n\n    this.exglCtxId = exglCtxId;\n\n    if (this.props.onContextCreate) {\n      this.props.onContextCreate(gl);\n    }\n  };\n\n  // @docsMissing\n  async startARSessionAsync(): Promise<any> {\n    if (!ExponentGLViewManager.startARSessionAsync) {\n      throw new UnavailabilityError('expo-gl', 'startARSessionAsync');\n    }\n    return await ExponentGLViewManager.startARSessionAsync(findNodeHandle(this.nativeRef));\n  }\n\n  // @docsMissing\n  async createCameraTextureAsync(cameraRefOrHandle: ComponentOrHandle): Promise<WebGLTexture> {\n    if (!ExponentGLObjectManager.createCameraTextureAsync) {\n      throw new UnavailabilityError('expo-gl', 'createCameraTextureAsync');\n    }\n\n    const { exglCtxId } = this;\n\n    if (!exglCtxId) {\n      throw new Error(\"GLView's surface is not created yet!\");\n    }\n\n    const cameraTag = findNodeHandle(cameraRefOrHandle);\n    const { exglObjId } = await ExponentGLObjectManager.createCameraTextureAsync(\n      exglCtxId,\n      cameraTag\n    );\n    return { id: exglObjId } as WebGLTexture;\n  }\n\n  // @docsMissing\n  async destroyObjectAsync(glObject: WebGLObject): Promise<boolean> {\n    if (!ExponentGLObjectManager.destroyObjectAsync) {\n      throw new UnavailabilityError('expo-gl', 'destroyObjectAsync');\n    }\n    return await ExponentGLObjectManager.destroyObjectAsync(glObject.id);\n  }\n\n  /**\n   * Same as static [`takeSnapshotAsync()`](#glviewtakesnapshotasyncgl-options),\n   * but uses WebGL context that is associated with the view on which the method is called.\n   * @param options\n   */\n  async takeSnapshotAsync(options: SnapshotOptions = {}): Promise<GLSnapshot> {\n    if (!GLView.takeSnapshotAsync) {\n      throw new UnavailabilityError('expo-gl', 'takeSnapshotAsync');\n    }\n    const { exglCtxId } = this;\n    return await GLView.takeSnapshotAsync(exglCtxId, options);\n  }\n}\n\nGLView.NativeView = NativeView;\n\n// Get the GL interface from an EXGLContextId\nconst getGl = (exglCtxId: number): ExpoWebGLRenderingContext => {\n  if (!global.__EXGLContexts) {\n    throw new CodedError(\n      'ERR_GL_NOT_AVAILABLE',\n      'GL is currently not available. (Have you enabled remote debugging? GL is not available while debugging remotely.)'\n    );\n  }\n  const gl = global.__EXGLContexts[String(exglCtxId)];\n\n  configureLogging(gl);\n\n  return gl;\n};\n\nconst getContextId = (exgl?: ExpoWebGLRenderingContext | number): number => {\n  const exglCtxId = exgl && typeof exgl === 'object' ? exgl.contextId : exgl;\n\n  if (!exglCtxId || typeof exglCtxId !== 'number') {\n    throw new Error(`Invalid EXGLContext id: ${String(exglCtxId)}`);\n  }\n  return exglCtxId;\n};\n"]}
+{"version":3,"file":"GLView.js","sourceRoot":"","sources":["../src/GLView.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  NativeModulesProxy,\n  UnavailabilityError,\n  requireNativeViewManager,\n  CodedError,\n} from 'expo-modules-core';\nimport * as React from 'react';\nimport { Platform, View, findNodeHandle } from 'react-native';\n\nimport { configureLogging } from './GLUtils';\nimport {\n  ComponentOrHandle,\n  SurfaceCreateEvent,\n  GLSnapshot,\n  ExpoWebGLRenderingContext,\n  SnapshotOptions,\n  GLViewProps,\n} from './GLView.types';\nimport { createWorkletContextManager } from './GLWorkletContextManager';\n\n// @docsMissing\nexport type WebGLObject = {\n  id: number;\n};\n\ndeclare let global: any;\n\nconst { ExponentGLObjectManager, ExponentGLViewManager } = NativeModulesProxy;\n\nconst NativeView = requireNativeViewManager('ExponentGLView');\nconst workletContextManager = createWorkletContextManager();\n\n// @needsAudit\n/**\n * A View that acts as an OpenGL ES render target. On mounting, an OpenGL ES context is created.\n * Its drawing buffer is presented as the contents of the View every frame.\n */\nexport class GLView extends React.Component<GLViewProps> {\n  static NativeView: any;\n\n  static defaultProps = {\n    msaaSamples: 4,\n    enableExperimentalWorkletSupport: false,\n  };\n\n  /**\n   * Imperative API that creates headless context which is devoid of underlying view.\n   * It's useful for headless rendering or in case you want to keep just one context per application and share it between multiple components.\n   * It is slightly faster than usual context as it doesn't swap framebuffers and doesn't present them on the canvas,\n   * however it may require you to take a snapshot in order to present its results.\n   * Also, keep in mind that you need to set up a viewport and create your own framebuffer and texture that you will be drawing to, before you take a snapshot.\n   * @return A promise that resolves to WebGL context object. See [WebGL API](#webgl-api) for more details.\n   */\n  static async createContextAsync(): Promise<ExpoWebGLRenderingContext> {\n    const { exglCtxId } = await ExponentGLObjectManager.createContextAsync();\n    return getGl(exglCtxId);\n  }\n\n  /**\n   * Destroys given context.\n   * @param exgl WebGL context to destroy.\n   * @return A promise that resolves to boolean value that is `true` if given context existed and has been destroyed successfully.\n   */\n  static async destroyContextAsync(exgl?: ExpoWebGLRenderingContext | number): Promise<boolean> {\n    const exglCtxId = getContextId(exgl);\n    unregisterGLContext(exglCtxId);\n    return ExponentGLObjectManager.destroyContextAsync(exglCtxId);\n  }\n\n  /**\n   * Takes a snapshot of the framebuffer and saves it as a file to app's cache directory.\n   * @param exgl WebGL context to take a snapshot from.\n   * @param options\n   * @return A promise that resolves to `GLSnapshot` object.\n   */\n  static async takeSnapshotAsync(\n    exgl?: ExpoWebGLRenderingContext | number,\n    options: SnapshotOptions = {}\n  ): Promise<GLSnapshot> {\n    const exglCtxId = getContextId(exgl);\n    return ExponentGLObjectManager.takeSnapshotAsync(exglCtxId, options);\n  }\n\n  static getWorkletContext: (contextId: number) => ExpoWebGLRenderingContext | undefined =\n    workletContextManager.getContext;\n\n  nativeRef: ComponentOrHandle = null;\n  exglCtxId?: number;\n\n  render() {\n    const {\n      onContextCreate, // eslint-disable-line no-unused-vars\n      msaaSamples,\n      enableExperimentalWorkletSupport,\n      ...viewProps\n    } = this.props;\n\n    return (\n      <View {...viewProps}>\n        <NativeView\n          ref={this._setNativeRef}\n          style={{\n            flex: 1,\n            ...(Platform.OS === 'ios'\n              ? {\n                  backgroundColor: 'transparent',\n                }\n              : {}),\n          }}\n          onSurfaceCreate={this._onSurfaceCreate}\n          enableExperimentalWorkletSupport={enableExperimentalWorkletSupport}\n          msaaSamples={Platform.OS === 'ios' ? msaaSamples : undefined}\n        />\n      </View>\n    );\n  }\n\n  _setNativeRef = (nativeRef: ComponentOrHandle): void => {\n    if (this.props.nativeRef_EXPERIMENTAL) {\n      this.props.nativeRef_EXPERIMENTAL(nativeRef);\n    }\n    this.nativeRef = nativeRef;\n  };\n\n  _onSurfaceCreate = ({ nativeEvent: { exglCtxId } }: SurfaceCreateEvent): void => {\n    const gl = getGl(exglCtxId);\n\n    this.exglCtxId = exglCtxId;\n\n    if (this.props.onContextCreate) {\n      this.props.onContextCreate(gl);\n    }\n  };\n\n  componentWillUnmount(): void {\n    if (this.exglCtxId) {\n      unregisterGLContext(this.exglCtxId);\n    }\n  }\n\n  componentDidUpdate(prevProps: GLViewProps): void {\n    if (\n      this.props.enableExperimentalWorkletSupport !== prevProps.enableExperimentalWorkletSupport\n    ) {\n      console.warn('Updating prop enableExperimentalWorkletSupport is not supported');\n    }\n  }\n\n  // @docsMissing\n  async startARSessionAsync(): Promise<any> {\n    if (!ExponentGLViewManager.startARSessionAsync) {\n      throw new UnavailabilityError('expo-gl', 'startARSessionAsync');\n    }\n    return await ExponentGLViewManager.startARSessionAsync(findNodeHandle(this.nativeRef));\n  }\n\n  // @docsMissing\n  async createCameraTextureAsync(cameraRefOrHandle: ComponentOrHandle): Promise<WebGLTexture> {\n    if (!ExponentGLObjectManager.createCameraTextureAsync) {\n      throw new UnavailabilityError('expo-gl', 'createCameraTextureAsync');\n    }\n\n    const { exglCtxId } = this;\n\n    if (!exglCtxId) {\n      throw new Error(\"GLView's surface is not created yet!\");\n    }\n\n    const cameraTag = findNodeHandle(cameraRefOrHandle);\n    const { exglObjId } = await ExponentGLObjectManager.createCameraTextureAsync(\n      exglCtxId,\n      cameraTag\n    );\n    return { id: exglObjId } as WebGLTexture;\n  }\n\n  // @docsMissing\n  async destroyObjectAsync(glObject: WebGLObject): Promise<boolean> {\n    if (!ExponentGLObjectManager.destroyObjectAsync) {\n      throw new UnavailabilityError('expo-gl', 'destroyObjectAsync');\n    }\n    return await ExponentGLObjectManager.destroyObjectAsync(glObject.id);\n  }\n\n  /**\n   * Same as static [`takeSnapshotAsync()`](#glviewtakesnapshotasyncgl-options),\n   * but uses WebGL context that is associated with the view on which the method is called.\n   * @param options\n   */\n  async takeSnapshotAsync(options: SnapshotOptions = {}): Promise<GLSnapshot> {\n    if (!GLView.takeSnapshotAsync) {\n      throw new UnavailabilityError('expo-gl', 'takeSnapshotAsync');\n    }\n    const { exglCtxId } = this;\n    return await GLView.takeSnapshotAsync(exglCtxId, options);\n  }\n}\n\nGLView.NativeView = NativeView;\n\nfunction unregisterGLContext(exglCtxId: number) {\n  if (global.__EXGLContexts) {\n    delete global.__EXGLContexts[String(exglCtxId)];\n  }\n  workletContextManager.unregister?.(exglCtxId);\n}\n\n// Get the GL interface from an EXGLContextId\nconst getGl = (exglCtxId: number): ExpoWebGLRenderingContext => {\n  if (!global.__EXGLContexts) {\n    throw new CodedError(\n      'ERR_GL_NOT_AVAILABLE',\n      'GL is currently not available. (Have you enabled remote debugging? GL is not available while debugging remotely.)'\n    );\n  }\n  const gl = global.__EXGLContexts[String(exglCtxId)];\n\n  configureLogging(gl);\n\n  return gl;\n};\n\nconst getContextId = (exgl?: ExpoWebGLRenderingContext | number): number => {\n  const exglCtxId = exgl && typeof exgl === 'object' ? exgl.contextId : exgl;\n\n  if (!exglCtxId || typeof exglCtxId !== 'number') {\n    throw new Error(`Invalid EXGLContext id: ${String(exglCtxId)}`);\n  }\n  return exglCtxId;\n};\n"]}

package/build/GLView.types.d.ts

@@ -78,6 +78,11 @@ export type GLViewProps = {
      * @default 4
      */
     msaaSamples: number;
+    /**
+     * Enables support for interacting with a `gl` object from code running on the Reanimated worklet thread.
+     * @default false
+     */
+    enableExperimentalWorkletSupport: boolean;
     /**
      * @hidden
      * A ref callback for the native GLView

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

@@ -1 +1 @@
-{"version":3,"file":"GLView.types.d.ts","sourceRoot":"","sources":["../src/GLView.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,WAAW,EAAE;QACX,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;CACH,CAAC;AAGF,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE;QACL,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;IACjC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAGF,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAGF,MAAM,WAAW,yBAA0B,SAAQ,sBAAsB;IACvE,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,IAAI,IAAI,CAAC;IACpB,QAAQ,IAAI,IAAI,CAAC;IACjB,gBAAgB,CAAC,MAAM,EAAE,eAAe,GAAG,IAAI,CAAC;CACjD;AAGD,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;AAG1F,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,eAAe,CAAC,EAAE,EAAE,yBAAyB,GAAG,IAAI,CAAC;IACrD;;;;;OAKG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,sBAAsB,CAAC,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,OAAE;CAC7D,GAAG,SAAS,CAAC;AAGd,oBAAY,eAAe;IACzB;;OAEG;IACH,QAAQ,IAAI;IACZ;;OAEG;IACH,YAAY,IAAI;IAChB;;;OAGG;IACH,UAAU,IAAI;IACd;;OAEG;IACH,iBAAiB,IAAI;IACrB;;;OAGG;IACH,gBAAgB,IAAI;IACpB;;OAEG;IACH,GAAG,KAAmE;CACvE"}
+{"version":3,"file":"GLView.types.d.ts","sourceRoot":"","sources":["../src/GLView.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,WAAW,EAAE;QACX,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;CACH,CAAC;AAGF,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE;QACL,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;IACjC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAGF,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAGF,MAAM,WAAW,yBAA0B,SAAQ,sBAAsB;IACvE,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,IAAI,IAAI,CAAC;IACpB,QAAQ,IAAI,IAAI,CAAC;IACjB,gBAAgB,CAAC,MAAM,EAAE,eAAe,GAAG,IAAI,CAAC;CACjD;AAGD,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;AAG1F,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,eAAe,CAAC,EAAE,EAAE,yBAAyB,GAAG,IAAI,CAAC;IACrD;;;;;OAKG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,gCAAgC,EAAE,OAAO,CAAC;IAC1C;;;OAGG;IACH,sBAAsB,CAAC,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,OAAE;CAC7D,GAAG,SAAS,CAAC;AAGd,oBAAY,eAAe;IACzB;;OAEG;IACH,QAAQ,IAAI;IACZ;;OAEG;IACH,YAAY,IAAI;IAChB;;;OAGG;IACH,UAAU,IAAI;IACd;;OAEG;IACH,iBAAiB,IAAI;IACrB;;;OAGG;IACH,gBAAgB,IAAI;IACpB;;OAEG;IACH,GAAG,KAAmE;CACvE"}

package/build/GLView.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"GLView.types.js","sourceRoot":"","sources":["../src/GLView.types.ts"],"names":[],"mappings":"AAmGA,cAAc;AACd,MAAM,CAAN,IAAY,eA2BX;AA3BD,WAAY,eAAe;IACzB;;OAEG;IACH,6DAAY,CAAA;IACZ;;OAEG;IACH,qEAAgB,CAAA;IAChB;;;OAGG;IACH,iEAAc,CAAA;IACd;;OAEG;IACH,+EAAqB,CAAA;IACrB;;;OAGG;IACH,6EAAoB,CAAA;IACpB;;OAEG;IACH,oDAAsE,CAAA;AACxE,CAAC,EA3BW,eAAe,KAAf,eAAe,QA2B1B","sourcesContent":["import { Component, ComponentClass } from 'react';\nimport { ViewProps } from 'react-native';\n\n// @docsMissing\nexport type SurfaceCreateEvent = {\n  nativeEvent: {\n    exglCtxId: number;\n  };\n};\n\n// @needsAudit\nexport type SnapshotOptions = {\n  /**\n   * Whether to flip the snapshot vertically.\n   * @default false\n   */\n  flip?: boolean;\n  /**\n   * Specify the framebuffer that we will be reading from.\n   * Defaults to underlying framebuffer that is presented in the view or the current framebuffer if context is headless.\n   */\n  framebuffer?: WebGLFramebuffer;\n  /**\n   * Rect to crop the snapshot. It's passed directly to `glReadPixels`.\n   */\n  rect?: {\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n  };\n  /**\n   * Specifies what type of compression should be used and what is the result file extension.\n   * PNG compression is lossless but slower, JPEG is faster but the image has visible artifacts.\n   * > **Note:** When using WebP format, the iOS version will print a warning, and generate a `'png'` file instead.\n   * > It is recommendable to use platform dependant code in this case. You can refer to the [documentation on platform specific code](/versions/latest/react-native/platform-specific-code).\n   * @default 'jpeg'\n   */\n  format?: 'jpeg' | 'png' | 'webp';\n  /**\n   * A value in range `0` to `1.0` specifying compression level of the result image.\n   * `1.0` means no compression and `0` the highest compression.\n   * @default 1.0\n   */\n  compress?: number;\n};\n\n// @needsAudit\nexport type GLSnapshot = {\n  /**\n   * URI to the snapshot.\n   */\n  uri: string | Blob | null;\n  /**\n   * Synonym for `uri`. Makes snapshot object compatible with `texImage2D`.\n   */\n  localUri: string;\n  /**\n   * Width of the snapshot.\n   */\n  width: number;\n  /**\n   * Height of the snapshot.\n   */\n  height: number;\n};\n\n// @docsMissing\nexport interface ExpoWebGLRenderingContext extends WebGL2RenderingContext {\n  contextId: number;\n  endFrameEXP(): void;\n  flushEXP(): void;\n  __expoSetLogging(option: GLLoggingOption): void;\n}\n\n// @docsMissing\nexport type ComponentOrHandle = null | number | Component<any, any> | ComponentClass<any>;\n\n// @needsAudit\nexport type GLViewProps = {\n  /**\n   * A function that will be called when the OpenGL ES context is created.\n   * The function is passed a single argument `gl` that extends a [WebGLRenderingContext](https://www.khronos.org/registry/webgl/specs/latest/1.0/#5.14) interface.\n   */\n  onContextCreate(gl: ExpoWebGLRenderingContext): void;\n  /**\n   * `GLView` can enable iOS's built-in [multisampling](https://www.khronos.org/registry/OpenGL/extensions/APPLE/APPLE_framebuffer_multisample.txt).\n   * This prop specifies the number of samples to use. Setting this to `0` turns off multisampling.\n   * @platform ios\n   * @default 4\n   */\n  msaaSamples: number;\n  /**\n   * @hidden\n   * A ref callback for the native GLView\n   */\n  nativeRef_EXPERIMENTAL?(callback: ComponentOrHandle | null);\n} & ViewProps;\n\n// @needsAudit\nexport enum GLLoggingOption {\n  /**\n   * Disables logging entirely.\n   */\n  DISABLED = 0,\n  /**\n   * Logs method calls, their parameters and results.\n   */\n  METHOD_CALLS = 1,\n  /**\n   * Calls `gl.getError()` after each other method call and prints an error if any is returned.\n   * This option has a significant impact on the performance as this method is blocking.\n   */\n  GET_ERRORS = 2,\n  /**\n   * Resolves parameters of type `number` to their constant names.\n   */\n  RESOLVE_CONSTANTS = 4,\n  /**\n   * When this option is enabled, long strings will be truncated.\n   * It's useful if your shaders are really big and logging them significantly reduces performance.\n   */\n  TRUNCATE_STRINGS = 8,\n  /**\n   * Enables all other options. It implies `GET_ERRORS` so be aware of the slowdown.\n   */\n  ALL = METHOD_CALLS | GET_ERRORS | RESOLVE_CONSTANTS | TRUNCATE_STRINGS,\n}\n"]}
+{"version":3,"file":"GLView.types.js","sourceRoot":"","sources":["../src/GLView.types.ts"],"names":[],"mappings":"AAwGA,cAAc;AACd,MAAM,CAAN,IAAY,eA2BX;AA3BD,WAAY,eAAe;IACzB;;OAEG;IACH,6DAAY,CAAA;IACZ;;OAEG;IACH,qEAAgB,CAAA;IAChB;;;OAGG;IACH,iEAAc,CAAA;IACd;;OAEG;IACH,+EAAqB,CAAA;IACrB;;;OAGG;IACH,6EAAoB,CAAA;IACpB;;OAEG;IACH,oDAAsE,CAAA;AACxE,CAAC,EA3BW,eAAe,KAAf,eAAe,QA2B1B","sourcesContent":["import { Component, ComponentClass } from 'react';\nimport { ViewProps } from 'react-native';\n\n// @docsMissing\nexport type SurfaceCreateEvent = {\n  nativeEvent: {\n    exglCtxId: number;\n  };\n};\n\n// @needsAudit\nexport type SnapshotOptions = {\n  /**\n   * Whether to flip the snapshot vertically.\n   * @default false\n   */\n  flip?: boolean;\n  /**\n   * Specify the framebuffer that we will be reading from.\n   * Defaults to underlying framebuffer that is presented in the view or the current framebuffer if context is headless.\n   */\n  framebuffer?: WebGLFramebuffer;\n  /**\n   * Rect to crop the snapshot. It's passed directly to `glReadPixels`.\n   */\n  rect?: {\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n  };\n  /**\n   * Specifies what type of compression should be used and what is the result file extension.\n   * PNG compression is lossless but slower, JPEG is faster but the image has visible artifacts.\n   * > **Note:** When using WebP format, the iOS version will print a warning, and generate a `'png'` file instead.\n   * > It is recommendable to use platform dependant code in this case. You can refer to the [documentation on platform specific code](/versions/latest/react-native/platform-specific-code).\n   * @default 'jpeg'\n   */\n  format?: 'jpeg' | 'png' | 'webp';\n  /**\n   * A value in range `0` to `1.0` specifying compression level of the result image.\n   * `1.0` means no compression and `0` the highest compression.\n   * @default 1.0\n   */\n  compress?: number;\n};\n\n// @needsAudit\nexport type GLSnapshot = {\n  /**\n   * URI to the snapshot.\n   */\n  uri: string | Blob | null;\n  /**\n   * Synonym for `uri`. Makes snapshot object compatible with `texImage2D`.\n   */\n  localUri: string;\n  /**\n   * Width of the snapshot.\n   */\n  width: number;\n  /**\n   * Height of the snapshot.\n   */\n  height: number;\n};\n\n// @docsMissing\nexport interface ExpoWebGLRenderingContext extends WebGL2RenderingContext {\n  contextId: number;\n  endFrameEXP(): void;\n  flushEXP(): void;\n  __expoSetLogging(option: GLLoggingOption): void;\n}\n\n// @docsMissing\nexport type ComponentOrHandle = null | number | Component<any, any> | ComponentClass<any>;\n\n// @needsAudit\nexport type GLViewProps = {\n  /**\n   * A function that will be called when the OpenGL ES context is created.\n   * The function is passed a single argument `gl` that extends a [WebGLRenderingContext](https://www.khronos.org/registry/webgl/specs/latest/1.0/#5.14) interface.\n   */\n  onContextCreate(gl: ExpoWebGLRenderingContext): void;\n  /**\n   * `GLView` can enable iOS's built-in [multisampling](https://www.khronos.org/registry/OpenGL/extensions/APPLE/APPLE_framebuffer_multisample.txt).\n   * This prop specifies the number of samples to use. Setting this to `0` turns off multisampling.\n   * @platform ios\n   * @default 4\n   */\n  msaaSamples: number;\n  /**\n   * Enables support for interacting with a `gl` object from code running on the Reanimated worklet thread.\n   * @default false\n   */\n  enableExperimentalWorkletSupport: boolean;\n  /**\n   * @hidden\n   * A ref callback for the native GLView\n   */\n  nativeRef_EXPERIMENTAL?(callback: ComponentOrHandle | null);\n} & ViewProps;\n\n// @needsAudit\nexport enum GLLoggingOption {\n  /**\n   * Disables logging entirely.\n   */\n  DISABLED = 0,\n  /**\n   * Logs method calls, their parameters and results.\n   */\n  METHOD_CALLS = 1,\n  /**\n   * Calls `gl.getError()` after each other method call and prints an error if any is returned.\n   * This option has a significant impact on the performance as this method is blocking.\n   */\n  GET_ERRORS = 2,\n  /**\n   * Resolves parameters of type `number` to their constant names.\n   */\n  RESOLVE_CONSTANTS = 4,\n  /**\n   * When this option is enabled, long strings will be truncated.\n   * It's useful if your shaders are really big and logging them significantly reduces performance.\n   */\n  TRUNCATE_STRINGS = 8,\n  /**\n   * Enables all other options. It implies `GET_ERRORS` so be aware of the slowdown.\n   */\n  ALL = METHOD_CALLS | GET_ERRORS | RESOLVE_CONSTANTS | TRUNCATE_STRINGS,\n}\n"]}

package/build/GLWorkletContextManager.d.ts

@@ -0,0 +1,6 @@
+import { ExpoWebGLRenderingContext } from './GLView.types';
+export declare function createWorkletContextManager(): {
+    getContext: (contextId: number) => ExpoWebGLRenderingContext | undefined;
+    unregister?: (contextId: number) => void;
+};
+//# sourceMappingURL=GLWorkletContextManager.d.ts.map

package/build/GLWorkletContextManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GLWorkletContextManager.d.ts","sourceRoot":"","sources":["../src/GLWorkletContextManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAU3D,wBAAgB,2BAA2B,IAAI;IAC7C,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,yBAAyB,GAAG,SAAS,CAAC;IACzE,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CA0BA"}

package/build/GLWorkletContextManager.js

@@ -0,0 +1,37 @@
+// This method needs to be in a separate file because react-native-reanimated
+// import wrapped in try catch does not work correctly with inlineRequires option
+// in metro.config.js
+//
+// It looks like in generated bundle "react-native-reanimated" is not present
+// in _dependencyMap, but references to it count it as if it was, e.g. bundle contains
+// a line "(0, _$$_REQUIRE(_dependencyMap[15], "./GLUtils").configureLogging)(gl);"
+// but dependencyMap contains only 15 elements
+export function createWorkletContextManager() {
+    try {
+        // reanimated needs to be imported before any workletized code
+        // is created, but we don't want to make it dependency on expo-gl.
+        const { runOnUI } = require('react-native-reanimated');
+        return {
+            getContext: (contextId) => {
+                'worklet';
+                return global.__EXGLContexts?.[String(contextId)];
+            },
+            unregister: (contextId) => {
+                runOnUI((contextId) => {
+                    'worklet';
+                    if (global.__EXGLContexts) {
+                        delete global.__EXGLContexts[String(contextId)];
+                    }
+                })(contextId);
+            },
+        };
+    }
+    catch {
+        return {
+            getContext: () => {
+                throw new Error('Worklet runtime is not available');
+            },
+        };
+    }
+}
+//# sourceMappingURL=GLWorkletContextManager.js.map

package/build/GLWorkletContextManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GLWorkletContextManager.js","sourceRoot":"","sources":["../src/GLWorkletContextManager.ts"],"names":[],"mappings":"AAEA,6EAA6E;AAC7E,iFAAiF;AACjF,qBAAqB;AACrB,EAAE;AACF,6EAA6E;AAC7E,sFAAsF;AACtF,mFAAmF;AACnF,8CAA8C;AAC9C,MAAM,UAAU,2BAA2B;IAIzC,IAAI;QACF,8DAA8D;QAC9D,kEAAkE;QAClE,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,yBAAyB,CAAC,CAAC;QACvD,OAAO;YACL,UAAU,EAAE,CAAC,SAAiB,EAAyC,EAAE;gBACvE,SAAS,CAAC;gBACV,OAAO,MAAM,CAAC,cAAc,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;YACpD,CAAC;YACD,UAAU,EAAE,CAAC,SAAiB,EAAQ,EAAE;gBACtC,OAAO,CAAC,CAAC,SAAiB,EAAE,EAAE;oBAC5B,SAAS,CAAC;oBACV,IAAI,MAAM,CAAC,cAAc,EAAE;wBACzB,OAAO,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;qBACjD;gBACH,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;YAChB,CAAC;SACF,CAAC;KACH;IAAC,MAAM;QACN,OAAO;YACL,UAAU,EAAE,GAAG,EAAE;gBACf,MAAM,IAAI,KAAK,CAAC,kCAAkC,CAAC,CAAC;YACtD,CAAC;SACF,CAAC;KACH;AACH,CAAC","sourcesContent":["import { ExpoWebGLRenderingContext } from './GLView.types';\n\n// This method needs to be in a separate file because react-native-reanimated\n// import wrapped in try catch does not work correctly with inlineRequires option\n// in metro.config.js\n//\n// It looks like in generated bundle \"react-native-reanimated\" is not present\n// in _dependencyMap, but references to it count it as if it was, e.g. bundle contains\n// a line \"(0, _$$_REQUIRE(_dependencyMap[15], \"./GLUtils\").configureLogging)(gl);\"\n// but dependencyMap contains only 15 elements\nexport function createWorkletContextManager(): {\n  getContext: (contextId: number) => ExpoWebGLRenderingContext | undefined;\n  unregister?: (contextId: number) => void;\n} {\n  try {\n    // reanimated needs to be imported before any workletized code\n    // is created, but we don't want to make it dependency on expo-gl.\n    const { runOnUI } = require('react-native-reanimated');\n    return {\n      getContext: (contextId: number): ExpoWebGLRenderingContext | undefined => {\n        'worklet';\n        return global.__EXGLContexts?.[String(contextId)];\n      },\n      unregister: (contextId: number): void => {\n        runOnUI((contextId: number) => {\n          'worklet';\n          if (global.__EXGLContexts) {\n            delete global.__EXGLContexts[String(contextId)];\n          }\n        })(contextId);\n      },\n    };\n  } catch {\n    return {\n      getContext: () => {\n        throw new Error('Worklet runtime is not available');\n      },\n    };\n  }\n}\n"]}

package/common/EXGLContextManager.cpp

@@ -1,4 +1,5 @@
 #include "EXGLContextManager.h"
+#include <mutex>
 
 namespace expo {
 namespace gl_cpp {
@@ -10,14 +11,32 @@ struct ContextState {
 
 struct ContextManager {
   std::unordered_map<EXGLContextId, ContextState> contextMap;
-  std::mutex contextLookupMutex;
+  std::shared_mutex contextLookupMutex;
   EXGLContextId nextId = 1;
 };
 
 ContextManager manager;
 
+// When multiple threads are attempting to establish shared and unique locks on a mutex
+// we can reach a situation where an unique lock gets priority to run first, but waits
+// for existing shared locks to be released, while no new shared locks can be acquired.
+//
+// When we run ContextPrepare we hold a shared lock, but we also trigger flush on
+// a different thread which also needs to hold a shared lock. This situation can lead
+// to deadlock if unique lock have a priority and flush can never start.
+//
+// This solution resolves an issue, but introduces a risk that uniqe lock will never
+// be establish, but given the use-case that should never happen.
+std::unique_lock<std::shared_mutex> getUniqueLockSafely(std::shared_mutex &mutex) {
+  std::unique_lock lock(mutex, std::defer_lock);
+  while (!lock.try_lock()) {
+    std::this_thread::sleep_for(std::chrono::milliseconds(1));
+  }
+  return lock;
+}
+
 ContextWithLock ContextGet(EXGLContextId id) {
-  std::lock_guard lock(manager.contextLookupMutex);
+  std::shared_lock lock(manager.contextLookupMutex);
   auto iter = manager.contextMap.find(id);
   // if ctx is null then destroy is in progress
   if (iter == manager.contextMap.end() || iter->second.ctx == nullptr) {
@@ -33,7 +52,7 @@ EXGLContextId ContextCreate() {
     return 0;
   }
 
-  std::lock_guard<std::mutex> lock(manager.contextLookupMutex);
+  std::unique_lock lock = getUniqueLockSafely(manager.contextLookupMutex);
   EXGLContextId ctxId = manager.nextId++;
   if (manager.contextMap.find(ctxId) != manager.contextMap.end()) {
     EXGLSysLog("Tried to reuse an EXGLContext id. This shouldn't really happen...");
@@ -44,14 +63,20 @@ EXGLContextId ContextCreate() {
 }
 
 void ContextDestroy(EXGLContextId id) {
-  std::lock_guard lock(manager.contextLookupMutex);
+  {
+    std::shared_lock lock(manager.contextLookupMutex);
 
-  auto iter = manager.contextMap.find(id);
-  if (iter != manager.contextMap.end()) {
-    {
-      std::unique_lock lock(iter->second.mutex);
+    auto iter = manager.contextMap.find(id);
+    if (iter != manager.contextMap.end()) {
+      std::unique_lock lock = getUniqueLockSafely(iter->second.mutex);
       delete iter->second.ctx;
+      iter->second.ctx = nullptr;
     }
+  }
+
+  std::unique_lock lock = getUniqueLockSafely(manager.contextLookupMutex);
+  auto iter = manager.contextMap.find(id);
+  if (iter != manager.contextMap.end()) {
     manager.contextMap.erase(iter);
   }
 }

package/common/EXGLNativeApi.cpp

@@ -1,6 +1,6 @@
 #include "EXGLNativeApi.h"
-#include "EXGLNativeContext.h"
 #include "EXGLContextManager.h"
+#include "EXGLNativeContext.h"
 
 using namespace expo::gl_cpp;
 
@@ -8,13 +8,23 @@ EXGLContextId EXGLContextCreate() {
   return ContextCreate();
 }
 
-void EXGLContextPrepare(void *jsiPtr, EXGLContextId exglCtxId, std::function<void(void)> flushMethod) {
+void EXGLContextPrepare(
+    void *jsiPtr,
+    EXGLContextId exglCtxId,
+    std::function<void(void)> flushMethod) {
   auto [exglCtx, lock] = ContextGet(exglCtxId);
   if (exglCtx) {
     exglCtx->prepareContext(*reinterpret_cast<jsi::Runtime *>(jsiPtr), flushMethod);
   }
 }
 
+void EXGLContextPrepareWorklet(EXGLContextId exglCtxId) {
+  auto [exglCtx, lock] = ContextGet(exglCtxId);
+  if (exglCtx) {
+    exglCtx->prepareWorkletContext();
+  }
+}
+
 bool EXGLContextNeedsRedraw(EXGLContextId exglCtxId) {
   auto [exglCtx, lock] = ContextGet(exglCtxId);
   if (exglCtx) {

package/common/EXGLNativeApi.h

@@ -35,6 +35,9 @@ EXGLContextId EXGLContextCreate();
 void EXGLContextPrepare(void *runtime, EXGLContextId exglCtxId, std::function<void(void)> flushMethod);
 #endif // __cplusplus
 
+// [UI thread] Creates an EXGL context inside Reanimated worklet.
+void EXGLContextPrepareWorklet(EXGLContextId exglCtxId);
+
 // [Any thread] Check whether we should redraw the surface
 bool EXGLContextNeedsRedraw(EXGLContextId exglCtxId);
 

package/common/EXGLNativeContext.cpp

@@ -9,17 +9,17 @@ constexpr const char *OnJSRuntimeDestroyPropertyName = "__EXGLOnJsRuntimeDestroy
 void EXGLContext::prepareContext(jsi::Runtime &runtime, std::function<void(void)> flushMethod) {
   this->flushOnGLThread = flushMethod;
   try {
-    auto viewport = prepareOpenGLESContext();
-    createWebGLRenderer(runtime, this, viewport, runtime.global());
+    this->initialGlesContext = prepareOpenGLESContext();
+    createWebGLRenderer(runtime, this, this->initialGlesContext, runtime.global());
     tryRegisterOnJSRuntimeDestroy(runtime);
 
-    maybePrepareWorkletContext(runtime, viewport);
+    maybeResolveWorkletContext(runtime);
   } catch (const std::runtime_error &err) {
     EXGLSysLog("Failed to setup EXGLContext [%s]", err.what());
   }
 }
 
-void EXGLContext::maybePrepareWorkletContext(jsi::Runtime &runtime, initGlesContext viewport) {
+void EXGLContext::maybeResolveWorkletContext(jsi::Runtime &runtime) {
   jsi::Value workletRuntimeValue = runtime.global().getProperty(runtime, "_WORKLET_RUNTIME");
   if (!workletRuntimeValue.isObject()) {
     return;
@@ -34,14 +34,19 @@ void EXGLContext::maybePrepareWorkletContext(jsi::Runtime &runtime, initGlesCont
     return;
   }
   uintptr_t rawWorkletRuntimePointer =
-      *reinterpret_cast<uintptr_t*>(workletRuntimeArrayBuffer.data(runtime));
-  jsi::Runtime &workletRuntime = *reinterpret_cast<jsi::Runtime *>(rawWorkletRuntimePointer);
+      *reinterpret_cast<uintptr_t *>(workletRuntimeArrayBuffer.data(runtime));
+  jsi::Runtime *workletRuntime = reinterpret_cast<jsi::Runtime *>(rawWorkletRuntimePointer);
+  this->maybeWorkletRuntime = workletRuntime;
+}
+
+void EXGLContext::prepareWorkletContext() {
+  if (maybeWorkletRuntime == nullptr) {
+    return;
+  }
+  jsi::Runtime &runtime = *this->maybeWorkletRuntime;
   createWebGLRenderer(
-      workletRuntime,
-      this,
-      viewport,
-      workletRuntime.global().getPropertyAsObject(workletRuntime, "global"));
-  tryRegisterOnJSRuntimeDestroy(workletRuntime);
+      runtime, this, initialGlesContext, runtime.global().getPropertyAsObject(runtime, "global"));
+  tryRegisterOnJSRuntimeDestroy(runtime);
 }
 
 void EXGLContext::endNextBatch() noexcept {
@@ -129,8 +134,8 @@ void EXGLContext::tryRegisterOnJSRuntimeDestroy(jsi::Runtime &runtime) {
           runtime, std::make_shared<InvalidateCacheOnDestroy>(runtime)));
 }
 
-initGlesContext EXGLContext::prepareOpenGLESContext() {
-  initGlesContext result;
+glesContext EXGLContext::prepareOpenGLESContext() {
+  glesContext result;
   // Clear everything to initial values
   addBlockingToNextBatch([&] {
     std::string version = reinterpret_cast<const char *>(glGetString(GL_VERSION));

package/common/EXGLNativeContext.h

@@ -49,9 +49,10 @@ class EXGLContext {
   using Batch = std::vector<Op>;
 
  public:
-  EXGLContext(EXGLContextId ctxId): ctxId(ctxId) {}
+  EXGLContext(EXGLContextId ctxId) : ctxId(ctxId) {}
   void prepareContext(jsi::Runtime &runtime, std::function<void(void)> flushMethod);
-  void maybePrepareWorkletContext(jsi::Runtime &runtime, initGlesContext viewport);
+  void maybeResolveWorkletContext(jsi::Runtime &runtime);
+  void prepareWorkletContext();
 
   // --- Queue handling --------------------------------------------------------
 
@@ -106,7 +107,7 @@ class EXGLContext {
   GLuint lookupObject(EXGLObjectId exglObjId) noexcept;
 
   void tryRegisterOnJSRuntimeDestroy(jsi::Runtime &runtime);
-  initGlesContext prepareOpenGLESContext();
+  glesContext prepareOpenGLESContext();
   void maybeReadAndCacheSupportedExtensions();
 
  private:
@@ -117,6 +118,10 @@ class EXGLContext {
 
  public:
   EXGLContextId ctxId;
+  // Worklet runtime is stored here only to avoid it passing through Java/Obj-C.
+  // It should only be used in prepareContext and prepareWorkletContext.
+  jsi::Runtime *maybeWorkletRuntime = nullptr;
+  glesContext initialGlesContext;
 
   // Object mapping
   std::unordered_map<EXGLObjectId, GLuint> objects;

package/common/EXWebGLRenderer.cpp

@@ -37,7 +37,7 @@ void installConstants(jsi::Runtime &runtime, jsi::Object &gl);
 void installWebGLMethods(jsi::Runtime &runtime, jsi::Object &gl);
 void installWebGL2Methods(jsi::Runtime &runtime, jsi::Object &gl);
 
-void createWebGLRenderer(jsi::Runtime &runtime, EXGLContext *ctx, initGlesContext viewport, jsi::Object&& global) {
+void createWebGLRenderer(jsi::Runtime &runtime, EXGLContext *ctx, glesContext viewport, jsi::Object&& global) {
   ensurePrototypes(runtime);
   jsi::Object gl = ctx->supportsWebGL2
     ? createWebGLObject(
@@ -52,13 +52,6 @@ void createWebGLRenderer(jsi::Runtime &runtime, EXGLContext *ctx, initGlesContex
   gl.setProperty(runtime, "supportsWebGL2", ctx->supportsWebGL2);
   gl.setProperty(runtime, "contextId", static_cast<double>(ctx->ctxId));
 
-  // Legacy case for older SDKs in Expo Go
-  bool legacyJs = !runtime.global().getProperty(runtime, "__EXGLConstructorReady").isBool();
-  if (legacyJs) {
-    installConstants(runtime, gl);
-    ctx->supportsWebGL2 ? installWebGL2Methods(runtime, gl) : installWebGLMethods(runtime, gl);
-  }
-
   jsi::Value jsContextMap = global.getProperty(runtime, EXGLContextsMapPropertyName);
   if (jsContextMap.isNull() || jsContextMap.isUndefined()) {
     global.setProperty(runtime, EXGLContextsMapPropertyName, jsi::Object(runtime));

package/common/EXWebGLRenderer.h

@@ -7,7 +7,7 @@
 namespace expo {
 namespace gl_cpp {
 
-struct initGlesContext {
+struct glesContext {
   int32_t viewportWidth;
   int32_t viewportHeight;
 };
@@ -37,7 +37,7 @@ enum class EXWebGLClass {
 };
 
 void ensurePrototypes(jsi::Runtime &runtime);
-void createWebGLRenderer(jsi::Runtime &runtime, EXGLContext *, initGlesContext, jsi::Object&& global);
+void createWebGLRenderer(jsi::Runtime &runtime, EXGLContext *, glesContext, jsi::Object&& global);
 jsi::Value createWebGLObject(
     jsi::Runtime &runtime,
     EXWebGLClass webglClass,

package/ios/EXGLContext.h

@@ -17,9 +17,10 @@
 
 @interface EXGLContext : NSObject
 
-- (nullable instancetype)initWithDelegate:(nullable id<EXGLContextDelegate>)delegate andModuleRegistry:(nonnull EXModuleRegistry *)moduleRegistry;
+- (nullable instancetype)initWithDelegate:(nullable id<EXGLContextDelegate>)delegate
+                        andModuleRegistry:(nonnull EXModuleRegistry *)moduleRegistry;
 - (void)initialize;
-- (void)prepare:(nullable void(^)(BOOL))callback;
+- (void)prepare:(nullable void(^)(BOOL))callback andEnableExperimentalWorkletSupport:(BOOL)enableExperimentalWorkletSupport;
 - (BOOL)isInitialized;
 - (nullable EAGLContext *)createSharedEAGLContext;
 - (void)runAsync:(nonnull void(^)(void))callback;

package/ios/EXGLContext.mm

@@ -26,7 +26,8 @@
 
 @implementation EXGLContext
 
-- (instancetype)initWithDelegate:(id<EXGLContextDelegate>)delegate andModuleRegistry:(nonnull EXModuleRegistry *)moduleRegistry
+- (instancetype)initWithDelegate:(id<EXGLContextDelegate>)delegate
+               andModuleRegistry:(nonnull EXModuleRegistry *)moduleRegistry
 {
   if (self = [super init]) {
     self.delegate = delegate;
@@ -98,7 +99,7 @@
   [self flush];
 }
 
-- (void)prepare:(void(^)(BOOL))callback
+- (void)prepare:(void(^)(BOOL))callback andEnableExperimentalWorkletSupport:(BOOL)enableExperimentalWorkletSupport
 {
   if (_wasPrepareCalled) {
     return;
@@ -127,7 +128,13 @@
         [self flush];
       });
 
+      if (enableExperimentalWorkletSupport) {
+        dispatch_sync(dispatch_get_main_queue(), ^{
+          EXGLContextPrepareWorklet(self->_contextId);
+        });
+      }
       _isContextReady = YES;
+
       if ([self.delegate respondsToSelector:@selector(glContextInitialized:)]) {
         [self.delegate glContextInitialized:self];
       }
@@ -167,11 +174,14 @@
     // Flush all the stuff
     EXGLContextFlush(self->_contextId);
 
-    // Destroy JS binding
-    EXGLContextDestroy(self->_contextId);
+    id<EXUIManager> uiManager = [_moduleRegistry getModuleImplementingProtocol:@protocol(EXUIManager)];
+    [uiManager dispatchOnClientThread:^{
+      // Destroy JS binding
+      EXGLContextDestroy(self->_contextId);
 
-    // Remove from dictionary of contexts
-    [self->_objectManager deleteContextWithId:@(self->_contextId)];
+      // Remove from dictionary of contexts
+      [self->_objectManager deleteContextWithId:@(self->_contextId)];
+    }];
   }];
 }
 

package/ios/EXGLObjectManager.mm

@@ -96,7 +96,8 @@ EX_EXPORT_METHOD_AS(createContextAsync,
                     createContext:(EXPromiseResolveBlock)resolve
                     reject:(EXPromiseRejectBlock)reject)
 {
-  EXGLContext *glContext = [[EXGLContext alloc] initWithDelegate:nil andModuleRegistry:_moduleRegistry];
+  EXGLContext *glContext = [[EXGLContext alloc] initWithDelegate:nil
+                                               andModuleRegistry:_moduleRegistry];
 
   [glContext initialize];
   [glContext prepare:^(BOOL success) {
@@ -109,7 +110,7 @@ EX_EXPORT_METHOD_AS(createContextAsync,
              EXErrorWithMessage(@"ExponentGLObjectManager.createContextAsync: Unexpected error occurred when initializing headless context")
              );
     }
-  }];
+  } andEnableExperimentalWorkletSupport:NO];
 }
 
 EX_EXPORT_METHOD_AS(destroyContextAsync,

package/ios/EXGLView.h

@@ -17,6 +17,7 @@ NS_ASSUME_NONNULL_BEGIN
 
 @property (nonatomic, copy, nullable) EXDirectEventBlock onSurfaceCreate;
 @property (nonatomic, assign) NSInteger msaaSamples;
+@property (nonatomic, assign) BOOL enableExperimentalWorkletSupport;
 
 // "protected"
 @property (nonatomic, strong, nullable) EXGLContext *glContext;

package/ios/EXGLView.mm

@@ -98,7 +98,7 @@
                           height:self.contentScaleFactor * self.frame.size.height];
 
   _isLayouted = YES;
-  [_glContext prepare:nil];
+  [_glContext prepare:nil andEnableExperimentalWorkletSupport:self.enableExperimentalWorkletSupport];
   [self maybeCallSurfaceCreated];
 }
 

package/ios/GLViewModule.swift

@@ -12,6 +12,9 @@ public final class GLViewModule: Module {
       Prop("msaaSamples") { (view, msaaSamples: Int) in
         view.msaaSamples = msaaSamples
       }
+      Prop("enableExperimentalWorkletSupport") { (view, enableExperimentalWorkletSupport: Bool) in
+        view.enableExperimentalWorkletSupport = enableExperimentalWorkletSupport
+      }
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-gl",
-  "version": "12.4.0",
+  "version": "13.0.0",
   "description": "Provides GLView that acts as OpenGL ES render target and gives GL context object implementing WebGL 2.0 specification.",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -49,5 +49,5 @@
   "peerDependencies": {
     "expo": "*"
   },
-  "gitHead": "c8107d57eabaedff5d53bc8036d062db12a473c8"
+  "gitHead": "3ccd2edee9cbfed217557675cb50f0ba5e55a9e4"
 }

package/src/GLView.tsx

@@ -16,7 +16,7 @@ import {
   SnapshotOptions,
   GLViewProps,
 } from './GLView.types';
-import { createWorkletContextProvider } from './GLWorkletContextProvider';
+import { createWorkletContextManager } from './GLWorkletContextManager';
 
 // @docsMissing
 export type WebGLObject = {
@@ -28,6 +28,7 @@ declare let global: any;
 const { ExponentGLObjectManager, ExponentGLViewManager } = NativeModulesProxy;
 
 const NativeView = requireNativeViewManager('ExponentGLView');
+const workletContextManager = createWorkletContextManager();
 
 // @needsAudit
 /**
@@ -39,6 +40,7 @@ export class GLView extends React.Component<GLViewProps> {
 
   static defaultProps = {
     msaaSamples: 4,
+    enableExperimentalWorkletSupport: false,
   };
 
   /**
@@ -61,6 +63,7 @@ export class GLView extends React.Component<GLViewProps> {
    */
   static async destroyContextAsync(exgl?: ExpoWebGLRenderingContext | number): Promise<boolean> {
     const exglCtxId = getContextId(exgl);
+    unregisterGLContext(exglCtxId);
     return ExponentGLObjectManager.destroyContextAsync(exglCtxId);
   }
 
@@ -79,7 +82,7 @@ export class GLView extends React.Component<GLViewProps> {
   }
 
   static getWorkletContext: (contextId: number) => ExpoWebGLRenderingContext | undefined =
-    createWorkletContextProvider();
+    workletContextManager.getContext;
 
   nativeRef: ComponentOrHandle = null;
   exglCtxId?: number;
@@ -88,6 +91,7 @@ export class GLView extends React.Component<GLViewProps> {
     const {
       onContextCreate, // eslint-disable-line no-unused-vars
       msaaSamples,
+      enableExperimentalWorkletSupport,
       ...viewProps
     } = this.props;
 
@@ -104,6 +108,7 @@ export class GLView extends React.Component<GLViewProps> {
               : {}),
           }}
           onSurfaceCreate={this._onSurfaceCreate}
+          enableExperimentalWorkletSupport={enableExperimentalWorkletSupport}
           msaaSamples={Platform.OS === 'ios' ? msaaSamples : undefined}
         />
       </View>
@@ -127,6 +132,20 @@ export class GLView extends React.Component<GLViewProps> {
     }
   };
 
+  componentWillUnmount(): void {
+    if (this.exglCtxId) {
+      unregisterGLContext(this.exglCtxId);
+    }
+  }
+
+  componentDidUpdate(prevProps: GLViewProps): void {
+    if (
+      this.props.enableExperimentalWorkletSupport !== prevProps.enableExperimentalWorkletSupport
+    ) {
+      console.warn('Updating prop enableExperimentalWorkletSupport is not supported');
+    }
+  }
+
   // @docsMissing
   async startARSessionAsync(): Promise<any> {
     if (!ExponentGLViewManager.startARSessionAsync) {
@@ -179,6 +198,13 @@ export class GLView extends React.Component<GLViewProps> {
 
 GLView.NativeView = NativeView;
 
+function unregisterGLContext(exglCtxId: number) {
+  if (global.__EXGLContexts) {
+    delete global.__EXGLContexts[String(exglCtxId)];
+  }
+  workletContextManager.unregister?.(exglCtxId);
+}
+
 // Get the GL interface from an EXGLContextId
 const getGl = (exglCtxId: number): ExpoWebGLRenderingContext => {
   if (!global.__EXGLContexts) {

package/src/GLView.types.ts

@@ -90,6 +90,11 @@ export type GLViewProps = {
    * @default 4
    */
   msaaSamples: number;
+  /**
+   * Enables support for interacting with a `gl` object from code running on the Reanimated worklet thread.
+   * @default false
+   */
+  enableExperimentalWorkletSupport: boolean;
   /**
    * @hidden
    * A ref callback for the native GLView

package/src/GLWorkletContextManager.ts

@@ -0,0 +1,40 @@
+import { ExpoWebGLRenderingContext } from './GLView.types';
+
+// This method needs to be in a separate file because react-native-reanimated
+// import wrapped in try catch does not work correctly with inlineRequires option
+// in metro.config.js
+//
+// It looks like in generated bundle "react-native-reanimated" is not present
+// in _dependencyMap, but references to it count it as if it was, e.g. bundle contains
+// a line "(0, _$$_REQUIRE(_dependencyMap[15], "./GLUtils").configureLogging)(gl);"
+// but dependencyMap contains only 15 elements
+export function createWorkletContextManager(): {
+  getContext: (contextId: number) => ExpoWebGLRenderingContext | undefined;
+  unregister?: (contextId: number) => void;
+} {
+  try {
+    // reanimated needs to be imported before any workletized code
+    // is created, but we don't want to make it dependency on expo-gl.
+    const { runOnUI } = require('react-native-reanimated');
+    return {
+      getContext: (contextId: number): ExpoWebGLRenderingContext | undefined => {
+        'worklet';
+        return global.__EXGLContexts?.[String(contextId)];
+      },
+      unregister: (contextId: number): void => {
+        runOnUI((contextId: number) => {
+          'worklet';
+          if (global.__EXGLContexts) {
+            delete global.__EXGLContexts[String(contextId)];
+          }
+        })(contextId);
+      },
+    };
+  } catch {
+    return {
+      getContext: () => {
+        throw new Error('Worklet runtime is not available');
+      },
+    };
+  }
+}

package/build/GLWorkletContextProvider.d.ts

@@ -1,3 +0,0 @@
-import { ExpoWebGLRenderingContext } from './GLView.types';
-export declare function createWorkletContextProvider(): (contextId: number) => ExpoWebGLRenderingContext | undefined;
-//# sourceMappingURL=GLWorkletContextProvider.d.ts.map

package/build/GLWorkletContextProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GLWorkletContextProvider.d.ts","sourceRoot":"","sources":["../src/GLWorkletContextProvider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAU3D,wBAAgB,4BAA4B,gBAKrB,MAAM,KAAG,yBAAyB,GAAG,SAAS,CASpE"}

package/build/GLWorkletContextProvider.js

@@ -1,25 +0,0 @@
-// This method needs to be in a separate file because react-native-reanimated
-// import wrapped in try catch does not work correctly with inlineRequires option
-// in metro.config.js
-//
-// It looks like in generated bundle "react-native-reanimated" is not present
-// in _dependencyMap, but references to it count it as if it was, e.g. bundle contains
-// a line "(0, _$$_REQUIRE(_dependencyMap[15], "./GLUtils").configureLogging)(gl);"
-// but dependencyMap contains only 15 elements
-export function createWorkletContextProvider() {
-    try {
-        // reanimated needs to be imported before any workletized code
-        // is created, but we don't want to make it dependency on expo-gl.
-        require('react-native-reanimated');
-        return (contextId) => {
-            'worklet';
-            return global.__EXGLContexts?.[String(contextId)];
-        };
-    }
-    catch {
-        return () => {
-            throw new Error('Worklet runtime is not available');
-        };
-    }
-}
-//# sourceMappingURL=GLWorkletContextProvider.js.map

package/build/GLWorkletContextProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GLWorkletContextProvider.js","sourceRoot":"","sources":["../src/GLWorkletContextProvider.ts"],"names":[],"mappings":"AAEA,6EAA6E;AAC7E,iFAAiF;AACjF,qBAAqB;AACrB,EAAE;AACF,6EAA6E;AAC7E,sFAAsF;AACtF,mFAAmF;AACnF,8CAA8C;AAC9C,MAAM,UAAU,4BAA4B;IAC1C,IAAI;QACF,8DAA8D;QAC9D,kEAAkE;QAClE,OAAO,CAAC,yBAAyB,CAAC,CAAC;QACnC,OAAO,CAAC,SAAiB,EAAyC,EAAE;YAClE,SAAS,CAAC;YACV,OAAO,MAAM,CAAC,cAAc,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;QACpD,CAAC,CAAC;KACH;IAAC,MAAM;QACN,OAAO,GAAG,EAAE;YACV,MAAM,IAAI,KAAK,CAAC,kCAAkC,CAAC,CAAC;QACtD,CAAC,CAAC;KACH;AACH,CAAC","sourcesContent":["import { ExpoWebGLRenderingContext } from './GLView.types';\n\n// This method needs to be in a separate file because react-native-reanimated\n// import wrapped in try catch does not work correctly with inlineRequires option\n// in metro.config.js\n//\n// It looks like in generated bundle \"react-native-reanimated\" is not present\n// in _dependencyMap, but references to it count it as if it was, e.g. bundle contains\n// a line \"(0, _$$_REQUIRE(_dependencyMap[15], \"./GLUtils\").configureLogging)(gl);\"\n// but dependencyMap contains only 15 elements\nexport function createWorkletContextProvider() {\n  try {\n    // reanimated needs to be imported before any workletized code\n    // is created, but we don't want to make it dependency on expo-gl.\n    require('react-native-reanimated');\n    return (contextId: number): ExpoWebGLRenderingContext | undefined => {\n      'worklet';\n      return global.__EXGLContexts?.[String(contextId)];\n    };\n  } catch {\n    return () => {\n      throw new Error('Worklet runtime is not available');\n    };\n  }\n}\n"]}

package/src/GLWorkletContextProvider.ts

@@ -1,25 +0,0 @@
-import { ExpoWebGLRenderingContext } from './GLView.types';
-
-// This method needs to be in a separate file because react-native-reanimated
-// import wrapped in try catch does not work correctly with inlineRequires option
-// in metro.config.js
-//
-// It looks like in generated bundle "react-native-reanimated" is not present
-// in _dependencyMap, but references to it count it as if it was, e.g. bundle contains
-// a line "(0, _$$_REQUIRE(_dependencyMap[15], "./GLUtils").configureLogging)(gl);"
-// but dependencyMap contains only 15 elements
-export function createWorkletContextProvider() {
-  try {
-    // reanimated needs to be imported before any workletized code
-    // is created, but we don't want to make it dependency on expo-gl.
-    require('react-native-reanimated');
-    return (contextId: number): ExpoWebGLRenderingContext | undefined => {
-      'worklet';
-      return global.__EXGLContexts?.[String(contextId)];
-    };
-  } catch {
-    return () => {
-      throw new Error('Worklet runtime is not available');
-    };
-  }
-}