A Chrome extension that helps you format PromQL queries to make them more readable. Based on the official Prometheus parser library compiled to WebAssembly via o11y.tools.

• Format PromQL queries directly in your browser
• No server required, all processing happens locally
• Manually format queries through the extension popup

1. Click the extension icon in the toolbar to open the popup
2. Enter your PromQL query in the text box
3. Click the "Format" button
4. Copy the formatted query using the "Copy Result" button

1. Clone this repository:

   git clone https://github.com/xhinliang/promql-formatter.git
   

2. Install dependencies:

   npm install
   

3. Build the WebAssembly component:

   npm run build
   

4. Open Chrome and navigate to chrome://extensions/
5. Enable "Developer mode" in the top-right corner
6. Click "Load unpacked" and select the project folder

This project uses a Go-based PromQL parser compiled to WebAssembly for the formatting functionality.

• custom-promql-parser/ - Go code for the PromQL parser
• images/ - Extension icons
• *.js files - Chrome extension JavaScript code
• *.html files - Extension UI
• build.sh - Script to build the WebAssembly component

• npm run build - Build the WebAssembly component
• npm run lint - Run ESLint to check for code issues
• npm run lint:fix - Automatically fix ESLint issues

This extension does not collect or send any data to external servers. All query processing is done locally in your browser.

This extension is licensed under the Apache 2.0 License.

Special thanks to o11y.tools for providing the PromQL parser that uses the official Prometheus library compiled to WebAssembly.