feat: Add support for passing functions in mainWindowAccessors (#183)

* feat: try to create blocking calls for functions in worker-serializer

* refactor: update function serializer check

* test: ensure function passed in mainWindowAccessors is callable from worker

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

@@ -1,5 +1,6 @@
 import {
   ApplyPath,
+  CallType,
   InstanceId,
   RefHandlerCallbackData,
   RefId,
@@ -145,6 +146,10 @@ export const deserializeFromMain = (
     }
 
     if (serializedType === SerializedType.Function) {
+      if (winId && applyPath.length > 0) {
+        return (...args: any[]) => callMethod(environments[winId].$window$, applyPath, args, CallType.Blocking);
+      }
+
       return noop;
     }
 

tests/integrations/main-window-accessors/index.html

@@ -13,7 +13,7 @@
       logSetters: true,
       logStackTraces: false,
       logScriptExecution: true,
-      mainWindowAccessors: ['globalField'],
+      mainWindowAccessors: ['globalField', 'globalFunction'],
     };
   </script>
   <script src='/~partytown/debug/partytown.js'></script>
@@ -89,6 +89,15 @@ <h1>Main Window Accessors</h1>
     <script type='text/partytown'>
       document.getElementById('testChildWindowAccessor').innerText = window.globalField.parentObj.childValue;
     </script>
+    <code id='testGlobalFunction'></code>
+    <script type='text/javascript'>
+      window.globalFunction = (arg) => {
+        document.getElementById('testGlobalFunction').textContent = JSON.stringify(arg);
+      }
+    </script>
+    <script type='text/partytown'>
+      window.globalFunction({ hello: 'world' });
+    </script>
   </li>
   <script type='text/partytown'>
       document.body.classList.add('completed');

tests/integrations/main-window-accessors/main-window-accessors.spec.ts

@@ -9,4 +9,7 @@ test('integration window accessor', async ({ page }) => {
 
   const child_element = page.locator('#testChildWindowAccessor');
   await expect(child_element).toHaveText('stringValue');
+
+  const global_function = page.locator('#testGlobalFunction');
+  await expect(global_function).toHaveText('{"hello":"world"}');
 });