WLED-WebInstaller/index.htm at master · wled/WLED-WebInstaller · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta content='width=device-width' name='viewport'>
  <meta name="theme-color" content="#222222">
  <link rel="shortcut icon" href="favicon.png">
  <link rel="stylesheet" href="style.css">
  <title>Install WLED</title>
  <script
    type="module"
    src="https://unpkg.com/esp-web-tools@10.1.0/dist/web/install-button.js?module"
  ></script>
  <script src="enable-threads.js"></script>
</head>

<body onload="checkSupported();i18nInit();loadReleases()">

  <!-- Overlay for maintenance -->
  <div id="overlay">
    <div id="text">
      <h1 data-i18n="maintenance1">Web Installer under maintenance</h1><br>
      <span data-i18n="maintenance2">The WLED web installer is currently out of service due to maintenance work and will be back online shortly.</span><br><br>
      <span data-i18n="maintenance3">In the meantime, you can use the webinstaller provided by Wladi: </span>
      <a href="https://wled-install.github.io/">https://wled-install.github.io/</a>
    </div>
  </div>

  <!-- Language selector in top right corner -->
  <div class="language-selector-container">
    <label for="languageSelect" class="language-label">Language:</label>
    <select id="languageSelect" class="btn language-select" onchange="changeLanguage();">
      <option value="en" selected>English</option>
      <option value="zh-CN">简体中文</option>
    </select>
  </div>

  <!-- Image of WLED -->
  <img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG0AAAAfCAMAAADazLOuAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABLUExURQAAAAB81gCU/zKq///mo7sWMN8bO+ZIYtZaAP9rAP+HMsCiG+TAIOnMS0KqNU7KPnLUZOrq6v///4CAgGhoaL+/v6CgoExMTAAAAAlm4O8AAAAZdFJOU////////////////////////////////wABNAq3AAAACXBIWXMAAA7DAAAOwwHHb6hkAAACN0lEQVRIS73VjVLCMBAEYIr8CYKkrdj3f1J37zaXFCpTO+piaDgbPq9px9VQ0qyrvKj4q6m0Zr1h+M7xF1zRmnWzqV9/0d2jttGotO1uv9dUObwej5oqp7fzWVPl8n69aprzoOUUbbvdIbV3OLwitXc6vSG1d7m8I3feSEN0j2CeNbOY4MxigjOLCc4sZsTV2l1cCyy4wIILLLjAxtykltq2rbTU+qi01N5rXNO2leaFORoija2l5MM5a02ac9Ya16Sk5tgaPrUpjZub0BL6YqSxKwbH77XUUmSkJXSl8QtaMuyJhq5maL5nTKVpZC13VmtMpTFT2g4vJjTuGfMzzXftiUZnhdtgb1xofvypRon5TjNnxYN9zJo6K5ruSIzQtGuVZn0x91rKvdHBvm39E7SyZ4y06Gz8BDBFKzsXmhcwyfsGZ9VpbhoiCinaxPNmGWmWWrNU2jB0q6HvOhN1JUtCixQtp2g51ZVUXIPS2RMAD++T2nY/DrDjOMDO4wC7jmNYj3d73nrXug8Yt9uNB8xNU1cKNXWlUFNXCjV1pZhGTE83m2vWfYf/NGj4Bg1zu5JD3/MnH5ZWfLOksbmGWGjgXMN5/C2GXYGFFW9Nmtle6Xut0Gm+JsayCj8z0nhjGvYJzVf4aSzmNYsr+u7Q2JIdoX3YOQjOslmsW1jJ3120nE9gfo79hTaNdcsqVR610lvO47pllae9ReZ805zKo2a3iaY5c75pTmVCA6dJ5H7N0sr/asPwBehb7ifEhusRAAAAAElFTkSuQmCC">

  <div class="main">

    <h2 data-i18n="welcome">Welcome to the WLED web installer!</h2>
    <div id="unsupported" hidden>
      <span data-i18n="unsupported1">Sorry, your browser is not yet supported!</span><br>
      <span data-i18n="unsupported2">Please try on Desktop Chrome or Edge.</span><br>
      <span data-i18n="unsupported3">Find binary files here:</span><br>
      <a href="https://github.com/Aircoookie/WLED/releases" target="_blank">
        <button class="btn" slot="activate">GitHub Releases</button>
      </a>
    </div>

    <div id="flasher">
      <ol>
        <li>
          <span data-i18n="step1-1">Plug in your ESP to a USB port. We will install WLED </span>
          <span id="verstr">0.12.0</span>
          <span data-i18n="step1-2"> to it.</span>
        </li>
        <li id="coms">
          <span data-i18n="step2">Hit "Install" and select the correct COM port.</span>
          <a id="showSerialHelp" onclick="showSerialHelp()" data-i18n="noDeviceFound">No device found?</a>
          <p id="serialHelp" hidden>
            <span data-i18n="serialHelp1">You might be missing the drivers for your board.</span><br>
            <span data-i18n="serialHelp2">Here are drivers for chips commonly used in ESP boards:</span><br>
            <a href="https://www.silabs.com/developers/usb-to-uart-bridge-vcp-drivers" target="_blank" data-i18n="chip1">CP2102 (square chip)</a><br>
            <a href="https://github.com/nodemcu/nodemcu-devkit/tree/master/Drivers" target="_blank" data-i18n="chip2">CH34x (rectangular chip)</a><br><br>
            <span data-i18n="serialHelp3">Make sure your USB cable supports data transfer.</span><br><br>
          </p>
        </li>

        <li data-i18n="step3">Get WLED installed and connected in less than 3 minutes!</li>
      </ol>
      <br><br>

      <!-- add new builds here -->
      <select id="ver" class="btn" onchange="resetCheckboxes();setManifest();">


        <optgroup label="Release">
          <option data-manifest="bin/Release/release_0_15_3/manifest.json"
            data-ethernet="bin/Release/release_0_15_3/manifest_e.json"
            data-test = "bin/Release/release_0_15_3/manifest_t.json"
            data-v4 = "bin/Release/release_0_15_3/manifest_v4.json"
            >0.15.3</option>
          <option data-manifest="bin/Release/release_0_15_1/manifest.json"
            data-ethernet="bin/Release/release_0_15_1/manifest_e.json"
            data-test = "bin/Release/release_0_15_1/manifest_t.json"
            data-v4 = "bin/Release/release_0_15_1/manifest_v4.json"
            >0.15.1</option>
          <option data-manifest="bin/Release/release_0_15_0/manifest.json"
            data-ethernet="bin/Release/release_0_15_0/manifest_e.json"
            data-test = "bin/Release/release_0_15_0/manifest_t.json"
            >0.15.0</option>
          <option data-manifest="bin/Release/release_0_14_4/manifest.json"
            data-ethernet="bin/Release/release_0_14_4/manifest_e.json"
            data-audio = "bin/Release/release_0_14_4/manifest_a.json"
            data-test = "bin/Release/release_0_14_4/manifest_t.json"
            >0.14.4</option>
          <option data-manifest="bin/Release/release_0_14_3/manifest.json"
            data-ethernet="bin/Release/release_0_14_3/manifest_e.json"
            data-audio = "bin/Release/release_0_14_3/manifest_a.json"
            data-test = "bin/Release/release_0_14_3/manifest_t.json"
            >0.14.3</option>
        </optgroup>
        <!--
	      <optgroup label="Beta">
            <option data-manifest="bin/Beta/beta_0_15_2-b1/manifest.json"
            data-ethernet="bin/Beta/beta_0_15_2-b1/manifest_e.json"
            data-test = "bin/Beta/beta_0_15_2-b1/manifest_t.json"
            data-v4 = "bin/Beta/beta_0_15_2-b1/manifest_v4.json"
            >0.15.2-beta1</option>
        </optgroup>
        -->
        <optgroup label="Nightly">
          <option data-manifest="bin/nightly/manifest.json"
            data-ethernet="bin/nightly/manifest_e.json"
            data-test = "bin/nightly/manifest_t.json"
            data-debug = "bin/nightly/manifest_debug.json"
            >16.0.0 Nightly </option>
        </optgroup>
      </select><br>

      <div class="radio" onchange="setManifest()">
        <input class="radio__input" type="radio" value="normal" name="version" id="normal" checked>
        <label class="radio__label" for="normal" id="normal_label" data-i18n="plain">Plain</label>
        <input class="radio__input" type="radio" value="audio" name="version" id="audio">
        <label class="radio__label" for="audio" id="audio_label" data-i18n="audioReactive">Audioreactive</label>
        <input class="radio__input" type="radio" value="ethernet" name="version" id="ethernet">
        <label class="radio__label" for="ethernet" id="ethernet_label" data-i18n="ethernet">Ethernet</label>
        <input class="radio__input" type="radio" value="test" name="version" id="test">
        <label class="radio__label" for="test" id="test_label" data-i18n="esp8266Test">ESP8266 CPU Frequency Test</label>
        <input class="radio__input" type="radio" value="v4" name="version" id="v4">
        <label class="radio__label" for="v4" id="v4_label" data-i18n="esp32V4">ESP32 V4</label>
        <input class="radio__input" type="radio" value="debug" name="version" id="debug">
        <label class="radio__label" for="debug" id="debug_label" data-i18n="debug">DEBUG</label>
      </div>
      <br>

      <div class="container inst-button">
        <esp-web-install-button id="inst" manifest="">
          <button class="btn" slot="activate" data-i18n="install">Install</button>
        </esp-web-install-button><br>
      </div>

      <br><br>
      <span data-i18n="powered1">Powered by </span>
      <a href="https://esphome.github.io/esp-web-tools/" target="_blank">ESP Web Tools</a>
      <span data-i18n="powered2"></span><br>

      <span data-i18n="cors1">CORS proxy by </span>
      <a href="https://corsfix.com" target="_blank">Corsfix</a>
      <span data-i18n="cors2"></span><br>

      <br><a href="https://github.com/Aircoookie/WLED" target="_blank">GitHub</a>&emsp;<a href="https://kno.wled.ge"target="_blank">kno.wled.ge</a>

      <script src="script.js"></script>
      <script src="releases.js"></script>
      <script src="i18n.js"></script>
</body>

</html>