Attempt to use ts-loader

Either ts-loader or babel-loader to bundle workers didn't work properly so I transpiled them by hand

README.md

@@ -12,15 +12,19 @@ export NODE_OPTIONS="--openssl-legacy-provider"
 # install dependencies
 $ yarn install
 
-# serve with hot reload at localhost:3000
-$ yarn dev
-
 # build for production and launch server
 $ yarn build
 $ yarn start
 
 # generate static project
 $ yarn generate
+
+# serve with hot reload at localhost:3000
+# should do yarn build first if worker files are changed
+$ yarn dev
+
+# update cached events from node & subgraphs
+$ yarn update:events
 ```
 
 For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org).

assets/events.worker.js

@@ -4,10 +4,10 @@ import { BigNumber, Contract } from 'ethers'
 import { poseidon } from '@tornado/circomlib'
 import { decrypt } from 'eth-sig-util'
 
-import { IndexedDB } from './services/idb'
-import { BatchEventsService } from './services/batch'
-import { getAllCommitments } from './services/graph'
-import { ExtendedProvider } from './services/provider'
+import { IndexedDB } from '../services/idb'
+import { BatchEventsService } from '../services/events/batch'
+import { getAllCommitments } from '../services/graph'
+import { ExtendedProvider } from '../services/provider'
 import { POOL_CONTRACT, RPC_LIST, FALLBACK_RPC_LIST, workerEvents, numbers } from './services/constants'
 import { sleep } from './services/utilities'
 import { poolAbi } from './services/pool'

assets/nullifier.worker.js

@@ -1,10 +1,10 @@
 import { isEmpty } from 'lodash'
 import { BigNumber, Contract } from 'ethers'
 
-import { IndexedDB } from './services/idb'
-import { BatchEventsService } from './services/batch'
-import { getAllNullifiers } from './services/graph'
-import { ExtendedProvider } from './services/provider'
+import { IndexedDB } from '../services/idb'
+import { BatchEventsService } from '../services/events/batch'
+import { getAllNullifiers } from '../services/graph'
+import { ExtendedProvider } from '../services/provider'
 import { POOL_CONTRACT, RPC_LIST, FALLBACK_RPC_LIST, workerEvents, numbers } from './services/constants'
 import { sleep } from './services/utilities'
 import { poolAbi } from './services/pool'

tsconfig.worker.json

@@ -0,0 +1,49 @@
+{
+  "compilerOptions": {
+    "target": "ES2018",
+    "module": "ESNext",
+    "lib": [
+      "ESNext",
+      "ESNext.AsyncIterable",
+      "DOM"
+    ],
+    "importHelpers": true,
+    "moduleResolution": "node",
+    "experimentalDecorators": true,
+    "sourceMap": true,
+    "noImplicitAny": true,
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "checkJs": false,
+    "noUnusedLocals": true,
+    "strictNullChecks": true,
+    "noImplicitThis": true,
+    "noImplicitReturns": true,
+    "allowSyntheticDefaultImports": true,
+    "strictFunctionTypes": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "baseUrl": ".",
+    "paths": {
+      "~/*": [
+        "./*"
+      ],
+      "@/*": [
+        "./*"
+      ]
+    },
+    "types": [
+      "@nuxt/types",
+      "@types/node"
+    ],
+  },
+  "include": ["**/*.ts", "types"],
+  "exclude": [
+    "node_modules",
+    ".nuxt",
+    "dist"
+  ]
+}

webpack.config.js

@@ -5,6 +5,23 @@ export default [
   {
     mode: 'production',
     entry: './assets/events.worker.js',
+    module: {
+      rules: [
+        {
+          test: /\.(tsx|ts)?$/,
+          exclude: /node_modules/,
+          use: {
+            loader: 'ts-loader',
+            options: {
+              configFile: 'tsconfig.worker.json'
+            }
+          }
+        },
+      ],
+    },
+    resolve: {
+      extensions: ['.tsx', '.ts', '.js'],
+    },
     output: {
       path: path.resolve('static'),
       filename: 'events.worker.js',
@@ -13,6 +30,23 @@ export default [
   {
     mode: 'production',
     entry: './assets/nullifier.worker.js',
+    module: {
+      rules: [
+        {
+          test: /\.(tsx|ts)?$/,
+          exclude: /node_modules/,
+          use: {
+            loader: 'ts-loader',
+            options: {
+              configFile: 'tsconfig.worker.json'
+            }
+          }
+        },
+      ],
+    },
+    resolve: {
+      extensions: ['.tsx', '.ts', '.js'],
+    },
     output: {
       path: path.resolve('static'),
       filename: 'nullifier.worker.js',