🔥 Daily Digest: Browser Features, Semantic Search, and Tools to Build Smarter Workflows

Daily Issue #101 | Subscribe to DS | Daily Sandbox Pro

Hello Developers!

Explore new features in web browsers this December and Netflix's configurable Metaflow for managing flows with ease. Learn how to create a keyboard shortcut hook in React, fix Ubuntu arm64 errors, and measure developer experience effectively. Try tools like meriyah for JavaScript parsing, qrcode for QR code handling, cherry-markdown for lightweight Markdown editing, and flowise for building custom LLM workflows. Plus, detect dark mode in JavaScript and more!

Dive in and keep coding!

• Discover some of the interesting features that have landed in stable and beta web browsers during December 2024.

• Netflix introduces configurable Metaflow - natural solution to make flows configurable using configuration files.

• Create a Keyboard Shortcut Hook in React.

• Getting beyond ProcessExecutionErrors when installing Ubuntu on arm64.

• Measuring developer experience, benchmarks, and providing a theory of improvement.

• Stable Diffusion 3.5 Large is now available in Amazon Bedrock.

• Selecting a model for semantic search at Dropbox scale.

More news here →

Detect Dark Mode in JavaScript

The isDarkMode function checks if the user's device is set to dark mode using the window.matchMedia API and the prefers-color-scheme media query.

const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;

// true if dark mode is active, otherwise false
console.log(isDarkMode);

How it works:

1. window.matchMedia('(prefers-color-scheme: dark)') checks the user's system preferences for dark mode.

2. The .matches property returns true if the device is in dark mode, otherwise false.

Use Cases:

• Adaptive Themes: Automatically switch website themes between light and dark modes.

• User Experience: Enhance UI based on user preferences without manual configuration.

• Accessibility: Ensure compatibility with system-wide visual preferences.

More code snippets here →

• meriyah - A 100% compliant, self-hosted javascript parser

• qrcode - A pure JavaScript QRCode encode and decode library

• cherry-markdown - a Javascript Markdown editor. It has the advantages such as out-of-the-box, lightweight and easy to extend. It can run in browser or server(with NodeJs)

• flowise - Drag & drop UI to build your customized LLM flow

• discourse - A platform for community discussion. Free, open, simple

More code libs here →

📣 HELP SPREAD THE WORD 

🚀 Spread the Code! Love what you read? Share the newsletter with your fellow devs - every recommendation helps power up the community.

💻 Sponsor the Dev Journey! Keep the bytes flowing and the newsletter growing by becoming a sponsor. Your support helps maintain this valuable resource.

💬 Tweet the Deets! Share the latest with your code crew - let’s make this viral, not just a bug!

If you have built anything that you’d like to share with the community, get with me on X @dailysandbox_ 😀