FilesLast commitLast update
1 month ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
1 month ago
1 month ago
4 months ago
4 months ago
README

FlexUI DevTools

A suite of debugging and development tools for FlexUI, including a DevServer, Chrome DevTools integration, and build tooling.

Packages

Package Description
flexui-devserver Dev server with debug proxy, webpack integration, and optional HMR
chrome-devtools-extensions Chrome DevTools extension frontend
devtools-protocol Chrome DevTools Protocol definitions
hmr-plugin Webpack hot module replacement plugin
js-devtools Vanilla JavaScript DevTools backend

Getting Started

Prerequisites

  • Node.js >= 16
  • pnpm

Install

pnpm install

Start the DevServer

# Full mode: debug server + dev server (HMR disabled by default)
npx flexui-devserver --entry <path-to-bundle>

# Debug server only
npx flexui-devserver --debug-only

# Enable HMR
npx flexui-devserver --hmr

# Custom port, auto-open browser
npx flexui-devserver --port 38989 --open

The DevServer homepage will be available at http://localhost:38989/extensions/home.html.

Connect a Device

  1. Connect your HarmonyOS/Android device via USB
  2. Ensure the device has debug mode enabled
  3. The DevServer will auto-detect connected devices and display them on the home page

License

Apache License 2.0 — see section 2 of the root NOTICE and packages/flexui-devserver/LICENSE for the full license text.