ByteDance Web Infra team, focused on delivering excellent technical solutions, building an open tech ecosystem, and advancing front-end technology within the company and the industry | The best way to predict the future is to create it
This article explains why sharing a single .d.ts file between ESM and CJS can cause FalseEsm and FalseCjs type errors, shows how recent Node and TypeScript updates mitigate the issue, and provides practical solutions such as generating separate .d.cts files or using TS 5.8 with "module": "nodenext".
This article explains why embedding large static JSON data is inefficient, introduces Minimal Perfect Hash Functions (MPHF) and various static map constructions, shows how to pack strings and avoid relocation overhead, and demonstrates the resulting improvements in binary size, lookup speed, memory usage, and compile time.
The update introduces a YAML‑based cache with precise XPath targeting, dual‑validation and smart fallback, a structured API for extracting booleans, numbers, strings and queries, enhanced replay reports with custom nodes and video export, plus extensive web, Android, and reporting optimizations that dramatically improve performance and reduce report size.
Midscene MCP provides a standardized Model Context Protocol that lets AI models interact with browsers, offering tools for navigation, tab management, UI interaction, verification, and reporting, along with setup instructions, configuration examples, and FAQs to help developers automate web tasks efficiently.
The article announces the next-rspack plugin that enables Next.js to use Rspack as a high‑performance, webpack‑compatible bundler, outlines current performance characteristics for App and Page routers, details collaboration with Vercel, and presents a roadmap for further enhancements and community involvement.
Midscene.js, an AI‑driven UI automation framework from the Web Infra team, introduces Instant Actions for stable interactions and Deep Think for precise element locating, providing developers with direct UI operation APIs and enhanced reliability across vision‑capable language models.
Rspack 1.3 introduces circular‑dependency detection, HTTP imports, lazy‑compilation middleware, AMD module support, 25% faster code splitting, output size reductions, macOS memory optimizations, updates to the Rstack ecosystem (Rsdoctor 1.0, Rsbuild 1.3, Rslib 0.6, Rspress 2.0, Rstest), plus detailed upgrade instructions for module types and SWC plugins.
Midscene.js is an open‑source UI automation framework that leverages multimodal AI to simplify web UI testing and interaction, offering three core interfaces—Action, Query, and Assert—along with a JavaScript SDK, support for multiple AI models, YAML scripting, and future‑focused features for stable, scalable automation.
Lynx is an open‑source, high‑performance cross‑platform framework that lets developers write a single codebase to deliver native‑grade experiences on both mobile and web, offering a dual‑thread architecture, modern CSS support, and a flexible ecosystem that scales from TikTok to future IoT devices.
Midscene.js v0.12 adds support for the Qwen‑2.5‑VL model, delivering GPT‑4o‑level accuracy while cutting token usage and cost by up to 80%, enabling interaction with canvas and iframe elements, offering high‑resolution input, and providing easy configuration through environment variables and a browser plugin.
