2c:null 2d:["$","title",null,{"children":"Hello Web Workers | Alok Pepakayala | Observable"}] 32:[] 30:{"id":"70d253608812a30d","slug":"hello-web-workers","title":"Hello Web Workers","thumbnail":"8c213138bf66a22e230178c86e4aa1232114f3e1b16a9a1fda61e0aef6ece3bf","access_level":"public","create_time":"$D2021-08-01T18:50:11.167Z","update_time":"$D2021-08-01T19:18:24.691Z","view_time":null,"first_public_time":"$D2021-08-01T19:10:12.229Z","has_unpublished_edits":null,"fork":false,"stars":3,"starred":false,"owner":{"type":"team","id":"ebdd8a722ae381e2","login":"a10k","name":"Alok Pepakayala","avatar_url":"https://avatars-next.observableusercontent.com/f28a7b5f4fb16a63caaace8a87a531e60bea383d6e9d50e126570c77c0814ba9","tier":"starter_2024"},"version":105,"publish_version":105,"role":null,"authored":false,"authors":[{"type":"individual","id":"e594cd7b50bd5352","login":"a10k","name":"Alok Pepakayala","avatar_url":"https://avatars-next.observableusercontent.com/a79accbaf1cb39d92bac556179588a03429b7ed84c64707b7ae8d86c9ffacfc7","tier":null}],"members":[{"type":"individual","id":"e594cd7b50bd5352","login":"a10k","name":"Alok Pepakayala","avatar_url":"https://avatars-next.observableusercontent.com/a79accbaf1cb39d92bac556179588a03429b7ed84c64707b7ae8d86c9ffacfc7","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Hello Web Workers","cells":[{"id":0,"value":"html`

Hello Web Workers

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"md`__Step 1:__ Some code to put in the worker`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"viewof worker_src = Editor({\n language: 'javascript',\n value: `console.log(\"Worker: Started\")\n\nonmessage = function(e) {\n console.log('Worker: Message received from main script',e.data);\n postMessage(\"Received: \" + e.data);\n}`\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"md`__Step 2:__ Create a worker`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"myWorker = {\n var blob = new Blob([worker_src], {\n type: 'text/javascript'\n });\n var objectURL = URL.createObjectURL(blob);\n var w = new Worker(objectURL);\n invalidation.then(() => {\n w.terminate();\n });\n\n return w;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"md`__Step 3:__ Send messages to the worker`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"send = {\n var dom = html`