Merge pull request #9 from Automattic/workers-typescript

Set up multiple typescript projects

Author: psrpinto

.github/workflows/codechecks.js.yml

@@ -44,4 +44,4 @@ jobs:
     - name: Lint
       run: yarn run lint-ci
     - name: Typescript
-      run: yarn run tsc
+      run: yarn run tsc --build

.gitignore

@@ -11,3 +11,4 @@ lib
 .eslintcache
 .tmp
 playwright/synapselogs
+.typescript

scripts/build-plugins/service-worker.js

@@ -66,7 +66,7 @@ function getBuildHash(hashedFileNames, unhashedFileContentMap) {
 const NON_PRECACHED_JS = [
     "hydrogen-legacy",
     "olm_legacy.js",
-     // most environments don't need the worker
+     // most environments don't need the olm worker.
     "main.js"
 ];
 

scripts/sdk/build.sh

@@ -13,7 +13,12 @@ yarn run vite build -c vite.sdk-lib-config.js
 # Remove sync-worker.js from SDK build.
 # TODO: Once SameSessionInMultipleTabs feature flag is globally enabled, remove the following line.
 rm -rf target/lib-build/assets
-yarn tsc -p tsconfig-declaration.json
+
+# Build typescript declarations.
+rm -rf .typescript/sdk .typescript/sdk.tsbuildinfo
+yarn tsc -p tsconfig.sdk.json
+cp -r .typescript/sdk target/types
+
 ./scripts/sdk/create-manifest.js ./target/package.json
 mkdir target/paths
 # this doesn't work, the ?url imports need to be in the consuming project, so disable for now

src/platform/web/sdk/paths/vite.js

@@ -1,7 +1,7 @@
 // @ts-ignore
 import _downloadSandboxPath from "../../assets/download-sandbox.html?url";
 // @ts-ignore
-import _workerPath from "../../worker/main.js?url";
+import _workerPath from "../../../workers/main.js?url";
 // @ts-ignore
 import olmWasmPath from "@matrix-org/olm/olm.wasm?url";
 // @ts-ignore

src/platform/web/sync/SyncProxy.ts

@@ -43,7 +43,7 @@ export class SyncProxy implements ISync {
     }
 
     async start(): Promise<void> {
-        this._worker = new SharedWorker(new URL("./sync-worker", import.meta.url), {
+        this._worker = new SharedWorker(new URL("../../workers/sync-worker", import.meta.url), {
             type: "module",
         });
         this._worker.port.onmessage = (event: MessageEvent) => {

src/platform/web/worker/polyfill.js

@@ -14,6 +14,9 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
+// Despite being called main.js, this is the Olm worker.
+// TODO: Rename this file to olm-worker.js in a way that is backwards-compatible with the SDK.
+
 function asErrorMessage(err) {
     return {
         type: "error",

src/platform/web/worker/main.js renamed to src/platform/workers/main.js

@@ -15,7 +15,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import NOTIFICATION_BADGE_ICON from "./assets/icon.png?url";
+import NOTIFICATION_BADGE_ICON from "../web/assets/icon.png?url";
 // replaced by the service worker build plugin
 const UNHASHED_PRECACHED_ASSETS = DEFINE_UNHASHED_PRECACHED_ASSETS;
 const HASHED_PRECACHED_ASSETS = DEFINE_HASHED_PRECACHED_ASSETS;

src/platform/web/sw.js renamed to src/platform/workers/sw.js

@@ -14,9 +14,6 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-// TODO: Figure out how to get WebWorkers Typescript lib working. For now we just disable checks on the whole file.
-// @ts-nocheck
-
 // The empty export makes this a module. It can be removed once there's at least one import.
 export {}