Exploring WEBAssembly Integration with Drupal

Today we are talking about WEBAssembly, How it’s used, and cool things you can use it for with Drupal with guest Matt Glaman. We’ll also cover Darkmode JS as our module of the week.

For show notes visit: https://www.talkingDrupal.com/478

• What is WebAssembly
• Progressive Web Aoos
• Open source
• Does it have a community
• Browser support
• How does it work
• Common use cases
• How can you use this with Drupal
• This was an early concept for Drupal trial
• Challenges
• Wordpress playground
• Pieces that do not work for PHP
• Are there risks
• Are there resources for people that want to use WebAssembly
• Do you see it being used with Drupal

• WEBAssembly
• WEBAssembly history
• Browser support
• 2038
• WordPress Playground
  • https://playground.wordpress.net
  • https://github.com/adamziel
• Slides from Barcelona: The Web APIs powering the Starshot trial:
  • https://mglaman.dev/sites/default/files/2024-09/The Web APIs powering the Starshot trial experience.pdf
  • https://www.youtube.com/watch?v=rJVM_uDGD5I&list=PLpeDXSh4nHjQOfQV-BUgoxHXlr4tHlhPO&index=64

Matt Glaman - mglaman.dev mglaman

Nic Laflin - nLighteneddevelopment.com nicxvan John Picozzi - epam.com johnpicozzi Suzanne Dergacheva - evolvingweb.com pixelite

Martin Anderson-Clutz - mandclu.com mandclu

• Brief description:
  • Have you ever wanted your Drupal site to provide a widget that allows visitors to go over to the dark side of your theme? There’s a module for that.
• Module name/project name:
  • Darkmode JS
• Brief history
  • How old: created in May 2022 by Arthur Baghdasaryan (arthur.baghdasar) of Last Call Media
  • Versions available: 1.0.7 which works with Drupal 9, 10, and 11
• Maintainership
  • Actively maintained
  • Security coverage
  • Number of open issues: 1 open issues which is a bug against the current branch, but is postponed, waiting for more info
• Usage stats:
  • 89 sites
• Module features and usage
  • The module is a wrapper for the DarkmodeJS library which gets 1,000 weekly downloads, according to NPM. That library does have its own demo / tutorial site, so if you want to understand the options it exposes, we will add a link in the show notes
  • The module provides options to control where on the page you want the widget to appear, what colors it should use, whether or not to store a user’s choices in cookies, and whether or not to automatically match a visitor’s OS theme setting of light/dark
  • Installing the module currently requires making some changes to your site’s composer.json file, then configuring how you want the widget to appear, and then placing the block in your site theme
  • The module also doesn’t currently include a schema file for its configuration, which can cause challenges particularly for sites that run automated tests