bt_app Complete example

Pure local HTML desktop application

File structure:

index.html：

Run:

The first run will generate the default app.json. The default configuration will collect assets/**, which can directly cover common front-end build products such as Vue/Vite. If the project also has style.css, main.js, images/** or other custom resources and needs to be packaged and distributed, please create your own app.json and write these files into resources.

Local HTML plus BT function

File structure:

app.json：

main.bt：

index.html：

Local BT service plus Web page

File structure:

app.json：

server.bt：

www/main.bt：

www/static/index.bt：

Remote Web application packaging

app.json：

With icon and window configuration

app.json：

The current logo.ico must be in the project .ico file.

Screen straw and frame selection screenshots undefined in the

warehouse is a complete runnable example, providing:

- By default, the first and second slots have built-in screen straws and frame selection screenshots; Alt+1 to Alt+9 are always executed according to the current slot position.

- The settings menu can add .btr software, .exe and Windows .lnk shortcuts, and supports moving up, down, removing and restoring default tools.

BTR uses window.bt.app.info() to read the app.json title and icon, and clicks or the position shortcut key to start the independent software process through window.bt.app.run().

- Transparent floating toolbar without title bar, rounded corners and translucent surface drawn by HTML/CSS; supports horizontal or vertical arrangement, automatically adsorbs to the nearest edge of the screen after dragging and slides into the edge to hide after 1 second.

The mouse automatically slides out when it touches the edge of the corresponding screen. The three-dot menu can switch directions, hide it in the tray, or exit completely; the global shortcut keys continue to respond after closing to the tray.

Run:

Build a single file application:

You can also generate only the toolbar BTR:

After successfully picking the color, you can press Ctrl+V or Cmd+V in the text input box to paste the color value; after successfully taking the screenshot, you can press the same shortcut key to paste the image in the chat window that supports image pasting. For detailed acceptance steps, see README.md in the example directory.