An Electron-based developer tool for Lynx, providing mobile debugging features.

Overview

Project Structure

.
├── packages/ # Sub-packages
│ ├── lynx-devtool-cli/ # CLI toolkit
│ ├── lynx-devtool-utils/ # Common utilities
│ ├── lynx-devtool-web/ # Web frontend
│ └── devtools-frontend-lynx/ # Chrome DevTools frontend
├── src/ # Main Electron project
│ ├── main/ # Main process code
│ └── utils/ # Utility functions
└── preload.js # Electron preload script

Prerequisites

• Node.js >= 18 (Recommended v18.20.2)
• pnpm = 7.33.6
• Git
• Python3

Node.js Version Management

This project uses corepack to manage package manager versions. Please follow these steps to set up:

# Enable corepack
corepack enable

# Install and use specified Node.js version with nvm or NVS

#For NVM:
nvm install 18.20.2
nvm use 18.20.2

#For NVS:
nvs add 18.20.2
nvs use 18.20.2

Verify versions

node -v # Should display v18.20.2 pnpm -v # Should display 7.33.6

## Getting Started

1. Clone repository and switch to development branch:

```bash
git clone git@github.com:lynx-family/lynx-devtool.git --depth=1
cd lynx-devtool

2. Install project dependencies:

pnpm install

3. Sync DevTools dependencies and build it:

pnpm run build:devtools-frontend-lynx

4. Start development environment:

pnpm run dev

Using Makefile

make setup
make install
make build
make dev

or just call make all

Windows

setup.bat setup
setup.bat install
setup.bat build
setup.bat dev

or just call setup.bat

Tech Stack

• Electron
• TypeScript
• React
• Chrome DevTools Protocol

Contributing

1. Fork this repository
2. Create feature branch
3. Commit changes
4. Create Pull Request