upgrade to gl-react v5

Author: schiller-manuel

example/package.json

@@ -12,9 +12,9 @@
     "buffer": "^5.6.0",
     "expo": "^40.0.0",
     "expo-gl": "~9.2.0",
-    "gl-react": "^4.0.1",
+    "gl-react": "^5.0.0",
     "gl-react-blurhash": "latest",
-    "gl-react-expo": "^4.0.1",
+    "gl-react-expo": "^5.0.0",
     "react": "16.13.1",
     "react-dom": "16.13.1",
     "react-native": "https://github.com/expo/react-native/archive/sdk-40.0.1.tar.gz",

example/yarn.lock

@@ -3425,26 +3425,26 @@ gl-react-blurhash@latest:
   dependencies:
     blurhash "^1.1.3"
 
-gl-react-expo@^4.0.1:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/gl-react-expo/-/gl-react-expo-4.1.0.tgz#0f3b13fae7fe490bc72fcf59c894605293da642d"
-  integrity sha512-3Q4LOBGYsNNqpLkwUsUlRrFCNLUqjVsVPKE3c6pLABfkNxyBacbDK3mg3T8XOD7jp+Vsp/Ic9McjICMsYHANJw==
+gl-react-expo@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/gl-react-expo/-/gl-react-expo-5.0.0.tgz#bda62d7645cbff907c13ffdf2429d1d7d98d3046"
+  integrity sha512-CiK01vU/CMk7qs94Hz3Sl27KWlcsrmNDRvy9FHvL6DTISnNWXg21sx/VIpoqYMAFyx9DmBZt1m4tis5byVVVjA==
   dependencies:
     invariant "^2.2.4"
     webgltexture-loader-expo "1.0.0"
 
-gl-react@^4.0.1:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/gl-react/-/gl-react-4.1.0.tgz#b7623555a4c3ba92a1ccbbb122c28c46231cd863"
-  integrity sha512-hTvxQHN2wxLfbA4c6mRcMdXWjA0/8UY2Sxn5eNre0DOrcauBj/+vMeAMbL2+zwE1BfVYnraE4cvKJTIzFIeBLw==
+gl-react@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/gl-react/-/gl-react-5.0.0.tgz#33ce47942c068a137250cbdceb4aae31f1ac81ec"
+  integrity sha512-qZihcgl5objZ1BoJsDE/jEgDXi/ysUeqfYpDvcUGZewKV7F+NsQOWXgLt3NnaBn/Ju3ijPwRzzlFRJ8CVR8nxw==
   dependencies:
     gl-shader "^4.2.1"
     invariant "^2.2.4"
     ndarray "^1.0.19"
     prop-types "^15.7.2"
     typedarray-pool "^1.2.0"
     webgltexture-loader "1.0.0"
-    webgltexture-loader-ndarray "1.1.0"
+    webgltexture-loader-ndarray "1.1.1"
 
 gl-shader@^4.2.1:
   version "4.2.1"
@@ -6489,10 +6489,10 @@ webgltexture-loader-expo@1.0.0:
   dependencies:
     webgltexture-loader "^1.0.0"
 
-webgltexture-loader-ndarray@1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/webgltexture-loader-ndarray/-/webgltexture-loader-ndarray-1.1.0.tgz#20869150e79dfb6190cbd6bedafacda262e29a5e"
-  integrity sha512-t9Q4x5do5feHjMOJLCg8UdQVx1eInnWXvgAqaL9NJJSL5pzI59Ynx3ZZSw3QqGxj15iRbYij7vK8BCIDyp5EZA==
+webgltexture-loader-ndarray@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/webgltexture-loader-ndarray/-/webgltexture-loader-ndarray-1.1.1.tgz#6e9bd5ac3ad4d09ea8d90aea33bd683ab709ab28"
+  integrity sha512-jz2Wa/mupBomP/JYkbzwDFqEFNIgwliw+CXzQaMSZQup1jyGVAaprbYCus+46rVWepCnb+DWiNV/WUPC/iCj2w==
   dependencies:
     ndarray "^1.0.19"
     ndarray-ops "^1.2.2"

package.json

@@ -46,10 +46,10 @@
     "blurhash": "^1.1.3"
   },
   "peerDependencies": {
-    "gl-react": "^4.0.1"
+    "gl-react": "^5.1.0"
   },
   "devDependencies": {
-    "@types/gl-react": "^3.15.2",
+    "@types/gl-react": "^3.15.3",
     "@types/react": "^16.9.34",
     "@typescript-eslint/eslint-plugin": "^2.30.0",
     "@typescript-eslint/parser": "^2.30.0",

src/getShader.ts

@@ -2,10 +2,12 @@ import { GLSL } from 'gl-react';
 
 export function getShader(numX: number, numY: number) {
     return GLSL`
+    #version 300 es
     #define M_PI 3.1415926535897932384626433832795
     
     precision highp float;
-    varying vec2 uv;
+    in vec2 uv;
+    out vec4 fragColor;
     uniform vec3 colors[${numX * numY}];
   
     const int numX = ${numX};
@@ -27,7 +29,7 @@ export function getShader(numX: number, numY: number) {
           linear += color * basis;
         }
       }
-      gl_FragColor = vec4(linearTosRGB(linear), 1.0);
+      fragColor = vec4(linearTosRGB(linear), 1.0);
     }
   `;
 }

yarn.lock

@@ -941,7 +941,7 @@
   resolved "https://registry.yarnpkg.com/@types/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz#1ee30d79544ca84d68d4b3cdb0af4f205663dd2d"
   integrity sha512-OCutwjDZ4aFS6PB1UZ988C4YgwlBHJd6wCeQqaLdmadZ/7e+w79+hbMUFC1QXDNCmdyoRfAFdm0RypzwR+Qpag==
 
-"@types/gl-react@^3.15.2":
+"@types/gl-react@^3.15.3":
   version "3.15.3"
   resolved "https://registry.yarnpkg.com/@types/gl-react/-/gl-react-3.15.3.tgz#447287344af23ecb81785bd1912382e89ad93993"
   integrity sha512-T/zTsjWQ9gxYkwUBt8YMqTXb/hGEbxugGmPgMWnsaZwILU2PnM9b6H9HtEuhqneqOS/W21wEVSvpUHbrYH/E3g==