refactor global screen implementation

src/lib/sandbox/read-main-interfaces.ts

@@ -17,6 +17,7 @@ export const readMainInterfaces = (win: Window, doc: Document) => {
     [InterfaceType.MutationObserver, new MutationObserver(noop)],
     [InterfaceType.NamedNodeMap, docHead.attributes],
     [InterfaceType.NodeList, docHead.childNodes],
+    [InterfaceType.Screen, win.screen],
     [InterfaceType.Storage, win.localStorage],
     [InterfaceType.TextNode, docImpl.createTextNode('')],
   ].map((i) => [...i, getConstructorName(i[1] as any)]) as any;

src/lib/types.ts

@@ -132,8 +132,8 @@ export const enum InterfaceType {
   History = 15,
   MutationObserver = 16,
   NamedNodeMap = 17,
-  Storage = 18,
-  Object = 19,
+  Screen = 18,
+  Storage = 19,
 }
 
 export const enum PlatformInstanceId {

src/lib/web-worker/worker-global.ts

@@ -31,26 +31,29 @@ export const initWebWorkerGlobal = (
   self[InstanceIdKey] = PlatformInstanceId.window;
 
   Object.keys(windowMemberTypeInfo).map((memberName) => {
-    if (!self[memberName] && windowMemberTypeInfo[memberName] === InterfaceType.Function) {
-      self[memberName] = (...args: any[]) => callMethod(self, [memberName], args);
+    const interfaceType = windowMemberTypeInfo[memberName];
+
+    if (!self[memberName] && interfaceType > InterfaceType.Window) {
+      // this globa doesn't already exist in the worker
+      // and the interface type isn't a Window object
+      if (interfaceType === InterfaceType.Function) {
+        // this is a global function, like alert()
+        self[memberName] = (...args: any[]) => callMethod(self, [memberName], args);
+      } else if (interfaceType > InterfaceType.DocumentFragmentNode) {
+        // this is a global implementation, like localStorage
+        self[memberName] = proxy(interfaceType, self, [memberName]);
+      }
     }
   });
 
   interfaces.map((i) => createGlobalConstructorProxy(self, i[0], i[1]));
 
-  self.requestAnimationFrame = (cb: (t: number) => void) => nextTick(() => cb(Date.now()), 9);
-  self.cancelAnimationFrame = clearTimeout;
-
   Object.defineProperty(self, 'location', {
     get: () => webWorkerCtx.$location$,
     set: (href) => (webWorkerCtx.$location$.href = href + ''),
   });
 
   self.document = constructInstance(InterfaceType.Document, PlatformInstanceId.document);
-  self.history = proxy(InterfaceType.History, self, ['history']);
-  self.localStorage = proxy(InterfaceType.Storage, self, ['localStorage']);
-  self.screen = proxy(InterfaceType.Object, self, ['screen']);
-  self.sessionStorage = proxy(InterfaceType.Storage, self, ['sessionStorage']);
 
   navigator.sendBeacon = sendBeacon;
 
@@ -68,11 +71,10 @@ export const initWebWorkerGlobal = (
     self.top = constructInstance(InterfaceType.Window, PlatformInstanceId.window, TOP_WIN_ID);
   }
 
-  self.HTMLDocument = self.Document = HTMLDocument;
+  self.Document = HTMLDocument;
   self.HTMLElement = self.Element = HTMLElement;
   self.Image = HTMLImageElement;
   self.Node = Node;
-  self.Window = Window;
 
   htmlCstrNames.map((htmlCstrName) => {
     if (!self[htmlCstrName]) {