fix: only create workers when needed

src/common/element.js

···
   }
 
   /**
+   * Creates a MessagePort that is connected to the worker.
+   * All the dependencies are added automatically.
+   *
    * @param {WorkerOpts} [opts]
    */
   workerTunnel({ forceNew } = {}) {
-    // Creates a MessagePort that is connected to the worker.
-    // All the dependencies are added automatically.
     const worker = forceNew === true ||
         (typeof forceNew === "object" && forceNew.self === true)
-      ? this.createWorker()
-      : this.worker();
+      ? () => this.createWorker()
+      : () => this.worker();
     const deps = this.dependencies();
 
     let toWorker;

src/common/worker.js

···
 }
 
 /**
- * @param {MessagePort | Worker | SharedWorker} workerOrLink
+ * @param {() => MessagePort | Worker | SharedWorker} workerCreator
  * @param {{ fromWorker?: (message: any) => Promise<{ data: any, transfer?: Transferable[] }>; toWorker?: (message: any) => Promise<{ data: any, transfer?: Transferable[] }> }} [hooks]
  * @returns {Tunnel}
  */
-export function workerTunnel(workerOrLink, hooks = {}) {
-  const link = workerOrLink instanceof SharedWorker
-    ? workerLink(workerOrLink)
-    : workerOrLink;
+export function workerTunnel(workerCreator, hooks = {}) {
+  /** @type {MessagePort | Worker | undefined} */
+  let link;
+
   const channel = new MessageChannel();
 
+  function ensureLink() {
+    if (link) return link;
+
+    const workerOrLink = workerCreator();
+
+    link = workerOrLink instanceof SharedWorker
+      ? workerLink(workerOrLink)
+      : workerOrLink;
+
+    link.addEventListener("message", workerListener);
+
+    return link;
+  }
+
   channel.port1.addEventListener("message", async (event) => {
     // Send to worker
     const { data, transfer } = await hooks?.toWorker?.(event.data) ??
       { data: event.data };
-    link.postMessage(data, { transfer });
+    ensureLink().postMessage(data, { transfer });
   });
 
   /**
···
     channel.port1.postMessage(data, { transfer });
   };
 
-  link.addEventListener("message", workerListener);
-
   channel.port1.start();
   channel.port2.start();
 
   return {
     disconnect: () => {
-      link.removeEventListener("message", workerListener);
+      link?.removeEventListener("message", workerListener);
       channel.port1.close();
       channel.port2.close();
     },

src/components/orchestrator/output/element.js

···
       const set = this.outputConfigurator.activated();
       const newlyActicated = set.difference(previouslyActivated);
 
-      console.log(newlyActicated);
-
       newlyActicated.forEach((id) => {
         switch (id) {
           case "do-output__dc-output__local": {