hi there I’ve been on a bit of a journey. I have a performance problem that I think would be in a better spot if I could do some work in a Web Worker (do some work off the main thread). Of course I could write the Web Worker in JavaScript but what would be the fun of that. I found this excellent a…

Hey after more :man_playing_handball::spaghetti::european_castle:. I came up with something that seems to be working. I did the embedded script thing ( here is a better article ). I’m putting this web worker inside of a web component. So I have a :scream: template… template… const getMuchSelectTem…

Hey @jachin what is the overall goal you are trying to achieve? Do you need to have everything inside one single html file and your server cannot load any other resource afterwards? Because if not what’s the point of an inline worker for you?

Oh sure, I’m making a web component. It’s a multi select (everything and the kitchen sink sort of deal). You can see it at https://muchselect.dev (although the site is currently very… rough). One of my goals for the web component is that it would be self contained (an npm package that “just works”… …

I see, so your goal is to build a performant multi select web component. And you want to write it in Elm, with the search feature (performance bottleneck) done in a web worker. So I see two challenges: writing a web component in Elm putting the search feature into a web worker In addition, you a…

With a webworker you add a lot of overhead. Dual update functions + the overhead of sending data back and fourth. + encoding and decoding in both ends. (you can only pass strings to and from web workers) I have searched through a million objects, searching on multiple attributes at once on debounc…

@mattpiz I think that outline is correct. Using string concatenation is a great idea. @Atlewee Thanks for the advise. The path you mention is what I tried first, in fact, I did just find some silly extra work I was doing that was making things slow. I picked this package early on and it works real…

aha… Fuzzy is probably way more expensive calculation than substring for sure :slight_smile: And if you keep the dataset on the worker there is not a lot of data moving back and forth for every keystroke. (Only search input and results) So maybe it is a good idea with a worker here. I had an idea…

[image] jachin: Has anyone out there done anything like this? I’m using a web worker (written in TypeScript) for Firebase stuff in my Elm app. [image] studio_microphone Episode 049: Optimizing Performance with Robin Hansen is out! Show and Tell @dillonkearns I con…

@Atlewee Whoah, that would be awesome. I wonder if the Elm runtime could just “do it all” for you. So the view function ran in the main thread and everything else ran in workers. Just poking around (I’ve never looked at this part of the web worker API before) there’s stuff about “shared worker” and …

[image] jachin: I did an Elm project with Firebase and ports too, but it never occurred to me to put them in web workers. I was only dealing with tiny amount of data though. Firebase libraries are super heavy compared to my app Elm bundle. A web worker allows me to use the Firebase REST API i…

Elm in an embeded Web Worker (Elm in a Blob)

Learn

Laurent May 6, 2022, 10:21am 9

I’m using a web worker (written in TypeScript) for Firebase stuff in my Elm app.

Topic		Replies	Views
:studio_microphone: Episode 049: Optimizing Performance with Robin Hansen is out! Show and Tell	5	1326	February 19, 2022
What is currently impossible to build with Elm? Learn	19	3771	May 29, 2020
Basic demo of Elm in WebAssembly Show and Tell	11	4824	November 19, 2019
Service Worker FFI Show and Tell	8	3171	November 22, 2020
Web Worker View and Diffing POC Show and Tell	2	1159	December 30, 2019

Elm in an embeded Web Worker (Elm in a Blob)

Related topics