Add auto context restoration

src/graphics/graphics-library/helper/enable-context-lost-simulator.ts

@@ -0,0 +1,27 @@
+let isEnabled = false;
+
+export const enableContextLostSimulator = (canvas: HTMLCanvasElement) => {
+  if (isEnabled) {
+    return;
+  }
+
+  isEnabled = true;
+
+  const gl = canvas.getContext('webgl2')!;
+  const ext = gl.getExtension('WEBGL_lose_context');
+
+  const simulateContextLost = () => {
+    ext!.loseContext();
+    console.log('lost');
+
+    const restoreTimeout = Math.random() * 500;
+    setTimeout(() => {
+      ext!.restoreContext();
+      console.log('restored');
+    }, restoreTimeout);
+
+    setTimeout(() => simulateContextLost(), restoreTimeout + Math.random() * 500);
+  };
+
+  setTimeout(simulateContextLost, 1000);
+};

src/graphics/graphics-library/helper/enable-extension.ts

@@ -1,32 +1,16 @@
 import { Insights } from '../../rendering/insights';
 import { UniversalRenderingContext } from '../universal-rendering-context';
 
-const extensions: Map<string, any> = new Map();
-
-const logExtensions = () => {
-  const values: any = {};
-  for (const [k, v] of extensions.entries()) {
-    values[k] = v !== null;
-  }
-  Insights.setValue('extensions', values);
-};
-
 export const tryEnableExtension = (
   gl: UniversalRenderingContext,
   name: string
 ): any | null => {
-  if (extensions.has(name)) {
-    return extensions.get(name);
-  }
-
   let extension = null;
   if (gl.getSupportedExtensions()!.indexOf(name) != -1) {
     extension = gl.getExtension(name);
   }
 
-  extensions.set(name, extension);
-
-  logExtensions();
+  Insights.setValue(['extensions', name], extension !== null);
 
   return extension;
 };