feat: add support for worker environment

ApiDOM playground now demonstrates that offloading all processing
of apidom packages works in web worker environment.

For actual implementation of web worker I've used library
called Comlink to abstract web worker communication with
RPC protocol.

For referencing the global object in different environments
we now use globalThis symbol which abstracts environments
and is standardized.

Refs #287

apidom/packages/apidom-parser-adapter-json/src/parser/index-browser-patch.ts

@@ -4,12 +4,12 @@ import { isString } from 'ramda-adjunct';
 import treeSitterWasm from 'web-tree-sitter/tree-sitter.wasm';
 
 // patch fetch() to let emscripten load the WASM file
-const realFetch = window.fetch;
-window.fetch = (...args) => {
+const realFetch = globalThis.fetch;
+globalThis.fetch = (...args) => {
   // @ts-ignore
   if (isString(args[0]) && args[0].endsWith('/tree-sitter.wasm')) {
     // @ts-ignore
-    return realFetch.apply(window, [treeSitterWasm, tail(args)]);
+    return realFetch.apply(globalThis, [treeSitterWasm, tail(args)]);
   }
-  return realFetch.apply(window, args);
+  return realFetch.apply(globalThis, args);
 };

apidom/packages/apidom-parser-adapter-yaml-1-2/src/parser/index-browser-patch.ts

@@ -4,12 +4,12 @@ import { isString } from 'ramda-adjunct';
 import treeSitterWasm from 'web-tree-sitter/tree-sitter.wasm';
 
 // patch fetch() to let emscripten load the WASM file
-const realFetch = window.fetch;
-window.fetch = (...args) => {
+const realFetch = globalThis.fetch;
+globalThis.fetch = (...args) => {
   // @ts-ignore
   if (isString(args[0]) && args[0].endsWith('/tree-sitter.wasm')) {
     // @ts-ignore
-    return realFetch.apply(window, [treeSitterWasm, tail(args)]);
+    return realFetch.apply(globalThis, [treeSitterWasm, tail(args)]);
   }
-  return realFetch.apply(window, args);
+  return realFetch.apply(globalThis, args);
 };

apidom/packages/apidom-reference/src/util/url.ts

@@ -170,7 +170,7 @@ export const getHash = (uri: string): string => {
 export const cwd = (): string => {
   // @ts-ignore
   if (process.browser) {
-    return window.location.href;
+    return globalThis.location.href;
   }
 
   const path = process.cwd();

experiments/apidom-playground/babel.config.js

@@ -5,7 +5,7 @@ const apiDOMResolverPlugin = [
   {
     root: ['./src'],
     alias: {
-      apidom: '../../apidom/packages/apidom/cjs',
+      apidom: '../../apidom/packages/apidom',
       'apidom-ast': '../../apidom/packages/apidom-ast',
       'apidom-ns-asyncapi-2-0': '../../apidom/packages/apidom-ns-asyncapi-2-0',
       'apidom-ns-openapi-3-1': '../../apidom/packages/apidom-ns-openapi-3-1',

experiments/apidom-playground/config/paths.js

@@ -7,7 +7,7 @@ const getPublicUrlOrPath = require('react-dev-utils/getPublicUrlOrPath');
 // Make sure any symlinks in the project folder are resolved:
 // https://github.com/facebook/create-react-app/issues/637
 const appDirectory = fs.realpathSync(process.cwd());
-const resolveApp = relativePath => path.resolve(appDirectory, relativePath);
+const resolveApp = (relativePath) => path.resolve(appDirectory, relativePath);
 
 // We use `PUBLIC_URL` environment variable or "homepage" field to infer
 // "public path" at which the app is served.
@@ -37,7 +37,7 @@ const moduleFileExtensions = [
 
 // Resolve file paths in the same order as webpack
 const resolveModule = (resolveFn, filePath) => {
-  const extension = moduleFileExtensions.find(extension =>
+  const extension = moduleFileExtensions.find((extension) =>
     fs.existsSync(resolveFn(`${filePath}.${extension}`))
   );
 
@@ -65,9 +65,8 @@ module.exports = {
   proxySetup: resolveApp('src/setupProxy.js'),
   appNodeModules: resolveApp('node_modules'),
   swSrc: resolveModule(resolveApp, 'src/service-worker'),
+  apidomPath: path.resolve(__dirname, '..', '..', '..', 'apidom', 'packages'),
   publicUrlOrPath,
 };
 
-
-
 module.exports.moduleFileExtensions = moduleFileExtensions;