allow patching ssid/pass nvm variables (experimental)

enable reconnection to serial port if communication failed
toniebox-reverse-engineering · Jul 26, 2024 · c0ecf18 · c0ecf18
1 parent 01da2dc
commit c0ecf18
Showing 1 changed file with 42 additions and 7 deletions.
diff --git a/contrib/data/www/index.html b/contrib/data/www/index.html
@@ -1956,6 +1956,8 @@ <h3>Encode to {this.props.path}</h3>
                     showDownload: false,
                     showFlash: false,
                     connected: false,
+                    wifi_ssid: '',
+                    wifi_pass: '',
                     hostname: window.location.hostname
                 };
                 this.fileInputRef = React.createRef();
@@ -1993,7 +1995,7 @@ <h3>Encode to {this.props.path}</h3>
                     } catch (err) {
                         this.setState({ state: `Failed to connect: ${err.message}`, connected: false });
                         alert(err.message);
-                        await port.close();
+						this.state.port = null;
                         return;
                     }
 
@@ -2018,7 +2020,7 @@ <h3>Encode to {this.props.path}</h3>
                         this.setState({ state: `Failed to communicate: ${err.message}`, connected: false });
                         console.error(err);
                         alert(err.message);
-                        await port.close();
+						this.state.port = null;
                         return;
                     }
                 };
@@ -2079,7 +2081,7 @@ <h3>Encode to {this.props.path}</h3>
                 } catch (err) {
                     this.setState({ state: `Failed to connect: ${err.message}`, connected: false });
                     alert(err.message);
-                    await port.close();
+				    this.state.port = null;
                     return;
                 }
 
@@ -2149,15 +2151,15 @@ <h3>Encode to {this.props.path}</h3>
                     this.setState({ state: `Failed to communicate: ${err.message}`, connected: false });
                     console.error(err);
                     alert(err.message);
-                    await port.close();
+					this.state.port = null;
                     return;
                 }
             }
 
             async patchFlash() {
                 this.setState({ showProgress: false, showFlash: false });
                 this.setState({ state: `Patching flash image...` });
-                const response = await fetch(`/api/patchFirmware?filename=${this.state.filename}&hostname=${this.state.hostname}`, {
+                const response = await fetch(`/api/patchFirmware?filename=${this.state.filename}&hostname=${this.state.hostname}&wifi_ssid=${this.state.wifi_ssid}&wifi_pass=${this.state.wifi_pass}`, {
                     method: 'GET'
                 });
                 this.setState({ state: `Payload received` });
@@ -2194,7 +2196,7 @@ <h3>Encode to {this.props.path}</h3>
                 } catch (err) {
                     this.setState({ state: `Failed to connect: ${err.message}`, connected: false });
                     alert(err.message);
-                    await port.close();
+				    this.state.port = null;
                     return;
                 }
 
@@ -2236,7 +2238,7 @@ <h3>Encode to {this.props.path}</h3>
                     this.setState({ state: `Failed to communicate: ${err.message}`, connected: false });
                     console.error(err);
                     alert(err.message);
-                    await port.close();
+					this.state.port = null;
                     return;
                 }
 
@@ -2310,6 +2312,7 @@ <h3>ESP32 box flashing</h3>
 
                                 <div className="center-content">
                                     {this.state.showDownload && (
+                                        <div>
                                         <div>
                                             <label>
                                                 TeddyCloud hostname:
@@ -2333,8 +2336,40 @@ <h3>ESP32 box flashing</h3>
                                                     }}
                                                 />
                                             </label>
+                                        </div>
+                                        <div>
+                                            <label>
+                                                WiFi SSID:
+                                                <input
+                                                    type="text"
+                                                    defaultValue=""
+                                                    onChange={(e) => {
+                                                        let value = e.target.value;
+                                                        this.setState({
+                                                            wifi_ssid: value
+                                                        });
+                                                    }}
+                                                /> (leave empty to skip patching)
+                                            </label>
+                                        </div>
+                                        <div>
+                                            <label>
+                                                WiFi Password:
+                                                <input
+                                                    type="text"
+                                                    defaultValue=""
+                                                    onChange={(e) => {
+                                                        let value = e.target.value;
+                                                        this.setState({
+                                                            wifi_pass: value
+                                                        });
+                                                    }}
+                                                />
+                                            </label>
+
                                             {this.state.warningText && <p style={{ color: '#CC3010' }}>{this.state.warningText}</p>}
                                         </div>
+                                        </div>
                                     )}
 
                                     {/* Hidden file input to handle file selection */}