xref: /aosp_15_r20/external/pigweed/pw_web/log-viewer/console.html (revision 61c4878ac05f98d0ceed94b57d316916de578985)
1*61c4878aSAndroid Build Coastguard Worker<!--
2*61c4878aSAndroid Build Coastguard WorkerCopyright 2024 The Pigweed Authors
3*61c4878aSAndroid Build Coastguard Worker
4*61c4878aSAndroid Build Coastguard WorkerLicensed under the Apache License, Version 2.0 (the "License"); you may not
5*61c4878aSAndroid Build Coastguard Workeruse this file except in compliance with the License. You may obtain a copy of
6*61c4878aSAndroid Build Coastguard Workerthe License at
7*61c4878aSAndroid Build Coastguard Worker
8*61c4878aSAndroid Build Coastguard Worker    https://www.apache.org/licenses/LICENSE-2.0
9*61c4878aSAndroid Build Coastguard Worker
10*61c4878aSAndroid Build Coastguard WorkerUnless required by applicable law or agreed to in writing, software
11*61c4878aSAndroid Build Coastguard Workerdistributed under the License is distributed on an "AS IS" BASIS, WITHOUT
12*61c4878aSAndroid Build Coastguard WorkerWARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
13*61c4878aSAndroid Build Coastguard WorkerLicense for the specific language governing permissions and limitations under
14*61c4878aSAndroid Build Coastguard Workerthe License.
15*61c4878aSAndroid Build Coastguard Worker-->
16*61c4878aSAndroid Build Coastguard Worker
17*61c4878aSAndroid Build Coastguard Worker<!doctype html>
18*61c4878aSAndroid Build Coastguard Worker<html lang="en">
19*61c4878aSAndroid Build Coastguard Worker    <head>
20*61c4878aSAndroid Build Coastguard Worker        <meta charset="UTF-8" />
21*61c4878aSAndroid Build Coastguard Worker        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
22*61c4878aSAndroid Build Coastguard Worker        <link rel="stylesheet" href="./src/index.css" />
23*61c4878aSAndroid Build Coastguard Worker        <link rel="stylesheet" href="./src/console.css" />
24*61c4878aSAndroid Build Coastguard Worker        <style>
25*61c4878aSAndroid Build Coastguard Worker          body {
26*61c4878aSAndroid Build Coastguard Worker            margin: 0;
27*61c4878aSAndroid Build Coastguard Worker            }
28*61c4878aSAndroid Build Coastguard Worker
29*61c4878aSAndroid Build Coastguard Worker          #console-container {
30*61c4878aSAndroid Build Coastguard Worker            height: 100vh;
31*61c4878aSAndroid Build Coastguard Worker          }
32*61c4878aSAndroid Build Coastguard Worker
33*61c4878aSAndroid Build Coastguard Worker          #logs-container, #repl-container {
34*61c4878aSAndroid Build Coastguard Worker            overflow: hidden;
35*61c4878aSAndroid Build Coastguard Worker          }
36*61c4878aSAndroid Build Coastguard Worker        </style>
37*61c4878aSAndroid Build Coastguard Worker        <title>Pigweed Console</title>
38*61c4878aSAndroid Build Coastguard Worker        <link rel="icon" href="src/assets/favicon.svg" />
39*61c4878aSAndroid Build Coastguard Worker        <script type="module" src="./src/console.ts"></script>
40*61c4878aSAndroid Build Coastguard Worker        <script
41*61c4878aSAndroid Build Coastguard Worker            type="module">
42*61c4878aSAndroid Build Coastguard Worker            import {renderPWConsole} from "./src/console";
43*61c4878aSAndroid Build Coastguard Worker            renderPWConsole(document.querySelector("#console-container"), "http://localhost:3000/ws")
44*61c4878aSAndroid Build Coastguard Worker          </script>
45*61c4878aSAndroid Build Coastguard Worker    </head>
46*61c4878aSAndroid Build Coastguard Worker    <body>
47*61c4878aSAndroid Build Coastguard Worker        <main id="console-container"></main>
48*61c4878aSAndroid Build Coastguard Worker    </body>
49*61c4878aSAndroid Build Coastguard Worker</html>
50