expo-gl 15.1.8-canary-20250709-136b77f → 15.1.8-canary-20250722-599a28f

package/CHANGELOG.md

@@ -10,6 +10,8 @@
 
 ### 💡 Others
 
+- Use pointerEvents style instead of prop for components on web. ([#38023](https://github.com/expo/expo/pull/38023) by [@EvanBacon](https://github.com/EvanBacon))
+
 ## 15.1.7 - 2025-07-01
 
 ### 🐛 Bug fixes

package/android/build.gradle

@@ -9,7 +9,7 @@ def reactNativeArchitectures() {
 }
 
 group = 'host.exp.exponent'
-version = '15.1.8-canary-20250709-136b77f'
+version = '15.1.8-canary-20250722-599a28f'
 
 android {
   if (rootProject.hasProperty("ndkPath")) {
@@ -22,7 +22,7 @@ android {
   namespace "expo.modules.gl"
   defaultConfig {
     versionCode 31
-    versionName "15.1.8-canary-20250709-136b77f"
+    versionName "15.1.8-canary-20250722-599a28f"
 
     externalNativeBuild {
       cmake {

package/build/Canvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Canvas.d.ts","sourceRoot":"","sources":["../src/Canvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAmD,SAAS,EAAE,MAAM,cAAc,CAAC;AAgD1F,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAC1C,SAAS,GAAG;IACV,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACzC,CAmEF,CAAC;AAQF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"Canvas.d.ts","sourceRoot":"","sources":["../src/Canvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAmD,SAAS,EAAE,MAAM,cAAc,CAAC;AAiD1F,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAC1C,SAAS,GAAG;IACV,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACzC,CAmEF,CAAC;AAQF,eAAe,aAAa,CAAC"}

package/build/Canvas.js

@@ -32,7 +32,7 @@ function getSize({ size, ref }) {
     const { offsetWidth: width = 0, offsetHeight: height = 0 } = element;
     return { width, height };
 }
-const Canvas = React.forwardRef((props, ref) => createElement('canvas', { ...props, ref }));
+const Canvas = (props) => createElement('canvas', props);
 const CanvasWrapper = ({ pointerEvents, children, style, ...props }) => {
     const [size, setSize] = React.useState(null);
     const ref = React.useRef(null);
@@ -76,7 +76,7 @@ const CanvasWrapper = ({ pointerEvents, children, style, ...props }) => {
         setRef(props.canvasRef, canvas);
     }, [_canvasRef]);
     return (<View {...props} style={[styles.wrapper, style]} ref={ref} onLayout={onLayout}>
-      <Canvas ref={_canvasRef} pointerEvents={pointerEvents} style={StyleSheet.absoluteFill}/>
+      <Canvas ref={_canvasRef} style={[StyleSheet.absoluteFill, { pointerEvents }]}/>
       {children}
     </View>);
 };

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 * 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\ninterface Size {\n  width: number;\n  height: number;\n}\n\ninterface GetSizeParams {\n  size: Size | null;\n  ref: React.RefObject<View | null>;\n}\n\nfunction getElement(component: React.ReactInstance): React.ReactInstance | Element | null | Text {\n  try {\n    return findDOMNode(component);\n  } catch {\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\nfunction getSize({ size, ref }: GetSizeParams): Size {\n  if (size) {\n    return size;\n  } else if (!ref.current || typeof window === 'undefined') {\n    return { width: 0, height: 0 };\n  }\n  const element = getElement(ref.current);\n  const { offsetWidth: width = 0, offsetHeight: height = 0 } = element as HTMLElement;\n  return { width, height };\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, style, ...props }) => {\n  const [size, setSize] = React.useState<Size | null>(null);\n\n  const ref = React.useRef<View>(null);\n  const _canvasRef = React.useRef<HTMLCanvasElement>(null);\n\n  const updateCanvasSize = React.useCallback(() => {\n    const canvas = _canvasRef.current;\n    if (typeof HTMLCanvasElement !== 'undefined' && canvas instanceof HTMLCanvasElement) {\n      const currentSize = getSize({\n        size,\n        ref,\n      });\n      const scale = PixelRatio.get();\n\n      canvas.style.width = `${currentSize.width}px`;\n      canvas.style.height = `${currentSize.height}px`;\n\n      canvas.width = currentSize.width * scale;\n      canvas.height = currentSize.height * scale;\n    }\n  }, [size?.width, size?.height]);\n\n  const onLayout = React.useCallback(\n    (event: LayoutChangeEvent) => {\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    [size?.width, size?.height, props.onLayout]\n  );\n\n  React.useEffect(() => {\n    if (ref.current != null) {\n      setSize(getSize({ size, ref }));\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} style={[styles.wrapper, style]} ref={ref} onLayout={onLayout}>\n      <Canvas ref={_canvasRef} pointerEvents={pointerEvents} style={StyleSheet.absoluteFill} />\n      {children}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  wrapper: {\n    pointerEvents: 'box-none',\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 * 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\ninterface Size {\n  width: number;\n  height: number;\n}\n\ninterface GetSizeParams {\n  size: Size | null;\n  ref: React.RefObject<View | null>;\n}\n\nfunction getElement(component: React.ReactInstance): React.ReactInstance | Element | null | Text {\n  try {\n    return findDOMNode(component);\n  } catch {\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\nfunction getSize({ size, ref }: GetSizeParams): Size {\n  if (size) {\n    return size;\n  } else if (!ref.current || typeof window === 'undefined') {\n    return { width: 0, height: 0 };\n  }\n  const element = getElement(ref.current);\n  const { offsetWidth: width = 0, offsetHeight: height = 0 } = element as HTMLElement;\n  return { width, height };\n}\n\nconst Canvas = (\n  props: React.ComponentProps<typeof View> & {\n    ref?: React.Ref<HTMLCanvasElement>;\n  }\n) => createElement('canvas', props);\n\nconst CanvasWrapper: React.FunctionComponent<\n  ViewProps & {\n    canvasRef: React.Ref<HTMLCanvasElement>;\n  }\n> = ({ pointerEvents, children, style, ...props }) => {\n  const [size, setSize] = React.useState<Size | null>(null);\n\n  const ref = React.useRef<View>(null);\n  const _canvasRef = React.useRef<HTMLCanvasElement>(null);\n\n  const updateCanvasSize = React.useCallback(() => {\n    const canvas = _canvasRef.current;\n    if (typeof HTMLCanvasElement !== 'undefined' && canvas instanceof HTMLCanvasElement) {\n      const currentSize = getSize({\n        size,\n        ref,\n      });\n      const scale = PixelRatio.get();\n\n      canvas.style.width = `${currentSize.width}px`;\n      canvas.style.height = `${currentSize.height}px`;\n\n      canvas.width = currentSize.width * scale;\n      canvas.height = currentSize.height * scale;\n    }\n  }, [size?.width, size?.height]);\n\n  const onLayout = React.useCallback(\n    (event: LayoutChangeEvent) => {\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    [size?.width, size?.height, props.onLayout]\n  );\n\n  React.useEffect(() => {\n    if (ref.current != null) {\n      setSize(getSize({ size, ref }));\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} style={[styles.wrapper, style]} ref={ref} onLayout={onLayout}>\n      <Canvas ref={_canvasRef} style={[StyleSheet.absoluteFill, { pointerEvents }]} />\n      {children}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  wrapper: {\n    pointerEvents: 'box-none',\n  },\n});\n\nexport default CanvasWrapper;\n"]}

package/expo-module.config.json

@@ -9,7 +9,7 @@
     "publication": {
       "groupId": "host.exp.exponent",
       "artifactId": "expo.modules.gl",
-      "version": "15.1.8-canary-20250709-136b77f",
+      "version": "15.1.8-canary-20250722-599a28f",
       "repository": "local-maven-repo"
     }
   }

package/local-maven-repo/host/exp/exponent/expo.modules.gl/{15.1.8-canary-20250709-136b77f/expo.modules.gl-15.1.8-canary-20250709-136b77f.module → 15.1.8-canary-20250722-599a28f/expo.modules.gl-15.1.8-canary-20250722-599a28f.module}

@@ -3,7 +3,7 @@
   "component": {
     "group": "host.exp.exponent",
     "module": "expo.modules.gl",
-    "version": "15.1.8-canary-20250709-136b77f",
+    "version": "15.1.8-canary-20250722-599a28f",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,8 +24,8 @@
       },
       "files": [
         {
-          "name": "expo.modules.gl-15.1.8-canary-20250709-136b77f.aar",
-          "url": "expo.modules.gl-15.1.8-canary-20250709-136b77f.aar",
+          "name": "expo.modules.gl-15.1.8-canary-20250722-599a28f.aar",
+          "url": "expo.modules.gl-15.1.8-canary-20250722-599a28f.aar",
           "size": 1044170,
           "sha512": "2202e3eb08e28665adb7aa95e5478a45c57cec3d10894422a9b2c3ae94fe8945f3c517285fc5a37198ded7e55d3e8cd2ac719fe7b06d9366131c24ea59923476",
           "sha256": "527fcd582585cac3e26b3ecfe4ce8c3383c849a23ab4094015d3265803b84bcb",
@@ -53,8 +53,8 @@
       ],
       "files": [
         {
-          "name": "expo.modules.gl-15.1.8-canary-20250709-136b77f.aar",
-          "url": "expo.modules.gl-15.1.8-canary-20250709-136b77f.aar",
+          "name": "expo.modules.gl-15.1.8-canary-20250722-599a28f.aar",
+          "url": "expo.modules.gl-15.1.8-canary-20250722-599a28f.aar",
           "size": 1044170,
           "sha512": "2202e3eb08e28665adb7aa95e5478a45c57cec3d10894422a9b2c3ae94fe8945f3c517285fc5a37198ded7e55d3e8cd2ac719fe7b06d9366131c24ea59923476",
           "sha256": "527fcd582585cac3e26b3ecfe4ce8c3383c849a23ab4094015d3265803b84bcb",
@@ -73,8 +73,8 @@
       },
       "files": [
         {
-          "name": "expo.modules.gl-15.1.8-canary-20250709-136b77f-sources.jar",
-          "url": "expo.modules.gl-15.1.8-canary-20250709-136b77f-sources.jar",
+          "name": "expo.modules.gl-15.1.8-canary-20250722-599a28f-sources.jar",
+          "url": "expo.modules.gl-15.1.8-canary-20250722-599a28f-sources.jar",
           "size": 12381,
           "sha512": "1cab724074b050f7459a884ac9e98fbf2d009d8239810ca6384c5113f52dd33e5ac40a72ec7174b297e1b10521e56682d73f533715316be5be66ce0e482356d8",
           "sha256": "e8892c6837d1eb5093b2c3b063883d7511799b0e246940c5b70f1515cb4451cd",

package/local-maven-repo/host/exp/exponent/expo.modules.gl/15.1.8-canary-20250722-599a28f/expo.modules.gl-15.1.8-canary-20250722-599a28f.module.md5

@@ -0,0 +1 @@
+c403d0ed3b8bcc0f7f03b3920bb80b7b

package/local-maven-repo/host/exp/exponent/expo.modules.gl/15.1.8-canary-20250722-599a28f/expo.modules.gl-15.1.8-canary-20250722-599a28f.module.sha1

@@ -0,0 +1 @@
+126eb09980e0d20f01e50b8d2373deccd3dde5b3

package/local-maven-repo/host/exp/exponent/expo.modules.gl/15.1.8-canary-20250722-599a28f/expo.modules.gl-15.1.8-canary-20250722-599a28f.module.sha256

@@ -0,0 +1 @@
+7efe50674ba8ae576bbb72a32763682deb6f78c3f5ff70ddfbd13c4b7679e16d

package/local-maven-repo/host/exp/exponent/expo.modules.gl/15.1.8-canary-20250722-599a28f/expo.modules.gl-15.1.8-canary-20250722-599a28f.module.sha512

@@ -0,0 +1 @@
+fea4f55c5610b24f0825e500bda0d54d7541147d7e4bfe7198c6f6350a3e0d21105caadf30f950c62fbf83637a62462ed73fdf9cb3334f6220ec8e8a6c44b1f4

package/local-maven-repo/host/exp/exponent/expo.modules.gl/{15.1.8-canary-20250709-136b77f/expo.modules.gl-15.1.8-canary-20250709-136b77f.pom → 15.1.8-canary-20250722-599a28f/expo.modules.gl-15.1.8-canary-20250722-599a28f.pom}

@@ -9,7 +9,7 @@
   <modelVersion>4.0.0</modelVersion>
   <groupId>host.exp.exponent</groupId>
   <artifactId>expo.modules.gl</artifactId>
-  <version>15.1.8-canary-20250709-136b77f</version>
+  <version>15.1.8-canary-20250722-599a28f</version>
   <packaging>aar</packaging>
   <name>expo.modules.gl</name>
   <url>https://github.com/expo/expo</url>

package/local-maven-repo/host/exp/exponent/expo.modules.gl/15.1.8-canary-20250722-599a28f/expo.modules.gl-15.1.8-canary-20250722-599a28f.pom.md5

@@ -0,0 +1 @@
+ac2605ac7038f0a9d89e7bf7797d9cc3

package/local-maven-repo/host/exp/exponent/expo.modules.gl/15.1.8-canary-20250722-599a28f/expo.modules.gl-15.1.8-canary-20250722-599a28f.pom.sha1

@@ -0,0 +1 @@
+8c223c209098c4424ccb2bb50ea7932b70ac0bc1

package/local-maven-repo/host/exp/exponent/expo.modules.gl/15.1.8-canary-20250722-599a28f/expo.modules.gl-15.1.8-canary-20250722-599a28f.pom.sha256

@@ -0,0 +1 @@
+d23132a85dbf094c93907c7a56b10c70026fc92de7f155eccfafccf2cb1f998b

package/local-maven-repo/host/exp/exponent/expo.modules.gl/15.1.8-canary-20250722-599a28f/expo.modules.gl-15.1.8-canary-20250722-599a28f.pom.sha512

@@ -0,0 +1 @@
+15e67f5560179ca31cb7ce0a750ea42f8f0b34f28c27a4d52ffc51d545dd25ad3c9c943d2d98e2a318197929d52290dad238e93fa20bcc670e9a2c96179c34ba

package/local-maven-repo/host/exp/exponent/expo.modules.gl/maven-metadata.xml

@@ -3,11 +3,11 @@
   <groupId>host.exp.exponent</groupId>
   <artifactId>expo.modules.gl</artifactId>
   <versioning>
-    <latest>15.1.8-canary-20250709-136b77f</latest>
-    <release>15.1.8-canary-20250709-136b77f</release>
+    <latest>15.1.8-canary-20250722-599a28f</latest>
+    <release>15.1.8-canary-20250722-599a28f</release>
     <versions>
-      <version>15.1.8-canary-20250709-136b77f</version>
+      <version>15.1.8-canary-20250722-599a28f</version>
     </versions>
-    <lastUpdated>20250709123427</lastUpdated>
+    <lastUpdated>20250722134658</lastUpdated>
   </versioning>
 </metadata>

package/local-maven-repo/host/exp/exponent/expo.modules.gl/maven-metadata.xml.md5

@@ -1 +1 @@
-2a35646c34af4c6755407fe8df95de18
+0029d205374458845052ab48bb375d91

package/local-maven-repo/host/exp/exponent/expo.modules.gl/maven-metadata.xml.sha1

@@ -1 +1 @@
-3161095f2c37d479edfba729a29edcf4100c0958
+e58c537fc74f2761cbeac5449d26e90810bbe3ca

package/local-maven-repo/host/exp/exponent/expo.modules.gl/maven-metadata.xml.sha256

@@ -1 +1 @@
-27c249d73235149a586374775ec4530be66b7dfd3e17960455aeb776659812c3
+932ca33a458abc9772774ab992023619a4c3c7270dfddf31a1e9d0eba7e5bdd5

package/local-maven-repo/host/exp/exponent/expo.modules.gl/maven-metadata.xml.sha512

@@ -1 +1 @@
-8726abfdecbca250a0fd3c05615d4900a832049ed8a8072a7c907fb134ee106ea1f2945f28e983c2d749c3fb47b5940b0828c4bcc3678ed0d4bdc05e195298b3
+826adf8f2e423690277dddbf11848cb1596dca9cad5288fa122206f921e077b0ca7f7122c37078cfa43c89af073fa4a86a7044393366335542e9401ffff974c7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-gl",
-  "version": "15.1.8-canary-20250709-136b77f",
+  "version": "15.1.8-canary-20250722-599a28f",
   "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",
@@ -43,11 +43,11 @@
     "@types/invariant": "^2.2.33",
     "@types/offscreencanvas": "2019.6.4",
     "@types/webgl2": "^0.0.6",
-    "expo-module-scripts": "4.1.10-canary-20250709-136b77f",
+    "expo-module-scripts": "4.1.10-canary-20250722-599a28f",
     "react-test-renderer": "19.1.0"
   },
   "peerDependencies": {
-    "expo": "54.0.0-canary-20250709-136b77f",
+    "expo": "54.0.0-canary-20250722-599a28f",
     "react": "*",
     "react-native": "*",
     "react-native-web": "*"

package/src/Canvas.tsx

@@ -43,10 +43,11 @@ function getSize({ size, ref }: GetSizeParams): Size {
   return { width, height };
 }
 
-const Canvas = React.forwardRef(
-  (props: React.ComponentProps<typeof View>, ref: React.Ref<HTMLCanvasElement>) =>
-    createElement('canvas', { ...props, ref })
-);
+const Canvas = (
+  props: React.ComponentProps<typeof View> & {
+    ref?: React.Ref<HTMLCanvasElement>;
+  }
+) => createElement('canvas', props);
 
 const CanvasWrapper: React.FunctionComponent<
   ViewProps & {
@@ -114,7 +115,7 @@ const CanvasWrapper: React.FunctionComponent<
 
   return (
     <View {...props} style={[styles.wrapper, style]} ref={ref} onLayout={onLayout}>
-      <Canvas ref={_canvasRef} pointerEvents={pointerEvents} style={StyleSheet.absoluteFill} />
+      <Canvas ref={_canvasRef} style={[StyleSheet.absoluteFill, { pointerEvents }]} />
       {children}
     </View>
   );

package/local-maven-repo/host/exp/exponent/expo.modules.gl/15.1.8-canary-20250709-136b77f/expo.modules.gl-15.1.8-canary-20250709-136b77f.module.md5

@@ -1 +0,0 @@
-fc45ce5ffef74e1bf44efe4b5cf05709

package/local-maven-repo/host/exp/exponent/expo.modules.gl/15.1.8-canary-20250709-136b77f/expo.modules.gl-15.1.8-canary-20250709-136b77f.module.sha1

@@ -1 +0,0 @@
-f1fa728486763d1135c197a12c68de7dce214510

package/local-maven-repo/host/exp/exponent/expo.modules.gl/15.1.8-canary-20250709-136b77f/expo.modules.gl-15.1.8-canary-20250709-136b77f.module.sha256

@@ -1 +0,0 @@
-8fadf851737850b64cc3500c029973b4793212c7db05c879816c264ba05633fe

package/local-maven-repo/host/exp/exponent/expo.modules.gl/15.1.8-canary-20250709-136b77f/expo.modules.gl-15.1.8-canary-20250709-136b77f.module.sha512

@@ -1 +0,0 @@
-6d750e25acfbb5666322da18ef16f25100cee92cd5c7bae8c028ca91229584b917e33c17ff79177fbf1214393b5f365cae1b4892d426a9a26552eb82d5a54aef

package/local-maven-repo/host/exp/exponent/expo.modules.gl/15.1.8-canary-20250709-136b77f/expo.modules.gl-15.1.8-canary-20250709-136b77f.pom.md5

@@ -1 +0,0 @@
-48e87873ce21e282aaee7ec308d722c5

package/local-maven-repo/host/exp/exponent/expo.modules.gl/15.1.8-canary-20250709-136b77f/expo.modules.gl-15.1.8-canary-20250709-136b77f.pom.sha1

@@ -1 +0,0 @@
-346c3192e5d458abc952ba1543307df34302f142

package/local-maven-repo/host/exp/exponent/expo.modules.gl/15.1.8-canary-20250709-136b77f/expo.modules.gl-15.1.8-canary-20250709-136b77f.pom.sha256

@@ -1 +0,0 @@
-4b504e11cf667a125dd6645971de8745cff0342c5166530c4c3160c84ac39f22

package/local-maven-repo/host/exp/exponent/expo.modules.gl/15.1.8-canary-20250709-136b77f/expo.modules.gl-15.1.8-canary-20250709-136b77f.pom.sha512

@@ -1 +0,0 @@
-c6267592259f21203770a86f421d512344903ea4404f4bdf43034675ec108ad4db61b78a8f708cc1a17aff44e8fa353c832d69d95acc2908a453ff799f2642ab