esp32tool 1.0.0

package/README.md

@@ -0,0 +1,31 @@
+
+# ESP32Tool
+
+**ESP32Tool** is a JavaScript tool that lets you read and write data on ESP devices at lightning speed directly in your browser using WebSerial.
+
+**Features:**
+- Supports all common filesystems
+- Upload and download files easily – no complicated steps
+- Custom, high-performance flash access (up to 10x faster than esptool.py)
+- Automatic resume on read errors – no more broken flash operations
+
+👉 **Try ESP32Tool in your browser:** [jason2866.github.io/esp32tool](https://jason2866.github.io/esp32tool)
+
+👉 **Offline use:** Electron binaries are available in the [release section](https://github.com/Jason2866/esp32tool/releases).
+
+---
+
+## Local Development
+
+1. Clone this repository
+2. Install dependencies: `npm install`
+3. Start the development environment: `script/develop`
+4. Open in your browser: [http://localhost:5004/](http://localhost:5004/)
+
+---
+
+## Origin & Development
+
+This project was originally created by [Melissa LeBlanc-Williams](https://github.com/makermelissa). [Nabu Casa](https://www.nabucasa.com) ported the code to TypeScript and took over maintenance from Adafruit in March 2022. In July 2022, Nabu Casa stopped maintaining the project in favor of Espressif's [esptool-js](https://github.com/espressif/esptool-js). Due to instability, Adafruit updated their fork with Nabu Casa's changes in November 2022 and resumed maintenance. In December 2024, the backend was switched to Espressif's esptool-js. Since esptool.js remained buggy, this independent version was created. In December 2025, support for new MCUs, chip variants (P4 revisions), and optimized flash reading was added.
+
+**Copyright:** Adafruit, Nabu Casa, and Johann Obermeier

package/css/dark.css

@@ -0,0 +1,156 @@
+.header {
+  background: #000;
+  color: #fff;
+}
+
+body {
+  background-color: #333;
+  color: #fff;
+}
+
+input,
+select,
+button {
+  background-color: #333;
+  color: #fff;
+}
+
+.footer button {
+  border-color: #fff;
+  background-color: #333;
+  color: #fff;
+}
+
+.footer button:hover {
+  background-color: #fff;
+  color: #333;
+}
+
+.remix button {
+  border-color: #fff;
+  color: #fff;
+}
+
+.remix button:hover {
+  background-color: #fff;
+}
+
+#commands button {
+  border-color: #fff;
+  background-color: #333;
+  color: #fff;
+}
+
+#commands button:hover {
+  background-color: #fff;
+  color: #333;
+}
+
+.notSupported,
+.notSupported a {
+  background-color: red;
+  color: white;
+}
+
+.firmware {
+  border-color: #fff;
+  color: #fff;
+}
+
+.firmware:focus,
+.firmware:hover {
+  background-color: #fff;
+  color: #333;
+}
+
+.firmware:disabled {
+  color: #ccc;
+  border-color: #ccc;
+}
+
+.firmware:disabled:hover {
+  background-color: #fff;
+}
+
+input {
+  background-color: #fff;
+  color: #333;
+}
+
+#commands .buttons button:disabled,
+#commands .buttons button:disabled:hover {
+  border-color: #999;
+  background-color: #888;
+  color: #ccc;
+}
+
+#commands .buttons button:hover {
+  background-color: #fff;
+}
+
+.progress-bar {
+  border-color: #fff;
+}
+
+/* LittleFS Manager Dark Mode */
+.littlefs-manager {
+  background-color: rgba(113, 174, 30, 0.1);
+  border-color: #71ae1e;
+}
+
+.littlefs-info {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.littlefs-breadcrumb {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.littlefs-breadcrumb span {
+  color: #fff;
+}
+
+.file-table {
+  background-color: #333;
+  color: #fff;
+}
+
+.file-table thead {
+  background-color: #222;
+}
+
+.file-table th {
+  border-bottom-color: #555;
+}
+
+.file-table td {
+  border-bottom-color: #444;
+}
+
+.file-table tbody tr:hover {
+  background-color: rgba(113, 174, 30, 0.2);
+}
+
+.littlefs-file-upload input[type="file"] {
+  background-color: #444;
+  color: #fff;
+  border-color: #666;
+}
+
+.partition-table-display th {
+  background-color: #222;
+  color: #fff;
+}
+
+.partition-table-display td {
+  border-color: #555;
+}
+
+.littlefs-fs-button {
+  background-color: #8ec641;
+  color: white;
+}
+
+.littlefs-fs-button:hover {
+  background-color: #71ae1e;
+}

package/css/light.css

@@ -0,0 +1,156 @@
+.header {
+  background: #000;
+  color: #fff;
+}
+
+body {
+  background-color: #fff;
+  color: #000;
+}
+
+input,
+select,
+button {
+  background-color: #fff;
+  color: #000;
+}
+
+.notSupported,
+.notSupported a {
+  background-color: red;
+  color: white;
+}
+
+.footer button {
+  border-color: #63338f;
+  background-color: #fff;
+  color: #63338f;
+}
+
+.footer button:hover {
+  background-color: #63338f;
+  color: #fff;
+}
+
+.remix button {
+  border-color: #333;
+  color: #333;
+}
+
+.remix button:hover {
+  background-color: #333;
+}
+
+.firmware {
+  border-color: #63338f;
+  color: #63338f;
+}
+
+.firmware:focus,
+.firmware:hover {
+  background-color: #63338f;
+  color: #fff;
+}
+
+.firmware:disabled {
+  background-color: #ddd;
+  color: #888;
+}
+
+.firmware:disabled:hover {
+  background-color: #ddd;
+}
+
+#commands button {
+  border-color: #333;
+  background-color: #fff;
+  color: #333;
+}
+
+#commands button:hover {
+  background-color: #333;
+  color: #fff;
+}
+
+#commands .buttons button {
+  border-color: #333;
+}
+
+#commands .buttons button:disabled,
+#commands .buttons button:disabled:hover {
+  border-color: #ccc;
+  background-color: #ddd;
+  color: #888;
+}
+
+#commands .buttons button:hover {
+  background-color: #333;
+  color: #fff;
+}
+
+.progress-bar {
+  border-color: #333;
+}
+
+/* LittleFS Manager Light Mode */
+.littlefs-manager {
+  background-color: rgba(113, 174, 30, 0.05);
+  border-color: #71ae1e;
+}
+
+.littlefs-info {
+  background-color: rgba(0, 0, 0, 0.03);
+}
+
+.littlefs-breadcrumb {
+  background-color: rgba(0, 0, 0, 0.03);
+}
+
+.littlefs-breadcrumb span {
+  color: #333;
+}
+
+.file-table {
+  background-color: #fff;
+  color: #000;
+}
+
+.file-table thead {
+  background-color: #f5f5f5;
+}
+
+.file-table th {
+  border-bottom-color: #ccc;
+}
+
+.file-table td {
+  border-bottom-color: #e0e0e0;
+}
+
+.file-table tbody tr:hover {
+  background-color: rgba(113, 174, 30, 0.1);
+}
+
+.littlefs-file-upload input[type="file"] {
+  background-color: white;
+  color: #333;
+  border-color: #ccc;
+}
+
+.partition-table-display th {
+  background-color: #f0f0f0;
+  color: #000;
+}
+
+.partition-table-display td {
+  border-color: #ccc;
+}
+
+.littlefs-fs-button {
+  background-color: #8ec641;
+  color: white;
+}
+
+.littlefs-fs-button:hover {
+  background-color: #71ae1e;
+}