Selainstäydennys tulevaisuudessa: Dart pyörii suoraan selaimessa

Web-kehitys on pitkään tuntunut pirstaleiselta. JavaScript selaimeen, joku muu kieli taustapalveluille. Entä jos saisit ajaa täysiveristä Dart-koodia suoraan selaimessa – ilman serveriä?

WebAssemblyn ja fiksujen kääntämisvempainten ansiosta se on nyt totta. Dart VM on koottu WASM-muotoon, ja selain muuttuu oikeaksi kehitysympäristöksi.

Näin homma hoituu

Kaikki työkalut pyörivät client-puolella:

Kääntäjä selaimessa
Dart2wasm-kääntäjä muuttaa lähdekoodisi kernel-byteiksi suoraan sivulla. Ei serverikutsuja. Tallenna, käännä, testaa – heti.

Suoritin paikallisesti
Emscriptenin ARM-simulaattori ajaa käännetyn Dart-bytakoodin. Näin koko VM pyörii tehokkaasti WASM:ssa ilman runtime-uudelleenkirjoitusta.

Tyyppitarkistus reaaliajassa
Dart-analyzer on WASM:ksi koottu ja juoksee editorissa livenä. Saat välittömästi virheilmoituksia tyypeistä tai käyttämättömistä muuttujista – ei odottelua.

Unelma: Hot Reload verkossa

Flutter-kehittäjät tietävät, miten koukuttavaa hot reload on. Muuta koodi, tallenna, ja sovellus päivittyy säilyttäen tilan. Nyt se onnistuu selaimessa.

Dart VM käyttää IsolateGroup::ReloadKernelia taustalla. Koodi vaihtuu, muisti pysyy, suoritus jatkuu. Sama sulava kokemus kuin mobiilissa.

Hiottu kehittäjäkokemus

Editori on Monaco-pohjainen (VS Coden ydin), Dart-värityksellä ja CodeLens-napeilla. Jokaisen pääfunkkion viereen tulee ▶-nappi: klikkaa, aja suoraan isolatessa ilman entry-point-hässäkkää.

Asynkronius ilman jumituksia

Miten odottaa WebAssemblyssä ilman että sivu jämähtää? Emscriptenin Asyncify hoitaa. Future.delayed() luovuttaa ohjauksen takaisin selaimelle, UI pysyy sulavana ja kello tikittää taustalla.

Miksi tämä on iso juttu kehittäjille

Projekti rikkoo vanhoja olettamuksia Dartista. Uusia ovia avautuu:

• Nopea prototyyppaus: Aloita Dart-koodi selainikkunassa ilman buutia tai serveriä.
• Yhteistyö livenä: Jaa linkki työkaverille – sama editori, reaaliaikainen muokkaus ja ajo.
• Opetus ilman asennuksia: Opeta Dartia pelkällä välilehdellä, nolla kitkaa.
• Upotetut laskurit: Lisää Dart-REPL docsseihin, tutoriaaleihin tai blogeihin.

Teknisesti nerokasta

Ei ihme että toimii – tapa on nerokas. Kääntäjä, VM ja analyzer kaikki WASM:ksi, ilman riippuvuuksia tai turvahaavoja. Sandbox-suojattu, ei serveriä ylläpidettäväksi.

Hot reload näyttää syvän Dart-osaamisen. Ei feikki-uudelleenkäynnistys, vaan aito koodinvaihto isolaten tilan säilyttäen.

Tuleva katse

Tämä on kokeellinen hanke, mutta lupaa rikkaampia selain-IDEjä kuin nykyiset JS-sandboxit. WebAssembly kehittyy (GC, threadit), ja kielet pyörivät entistä paremmin selaimessa.

Dart-tiimeille – etenkin Flutter-porukoille – tämä tuo yhtenäisen kehityksen webille ja mobiilille. Uteliaille kehittäjille se poistaa kaikki kynnykset.

Selain ei ole enää pelkkä ajokone. Se on täysi kehitysympäristö. Dart WASM:ssa näyttää tietä.