mirror of
https://github.com/danbulant/oxc
synced 2026-05-25 12:51:57 +00:00
46 lines
1.7 KiB
HTML
46 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Oxc - The JavaScript Oxidation Compiler</title>
|
|
<link rel="icon" type="image/x-icon" href="https://raw.githubusercontent.com/Boshen/oxc-assets/main/oxc.ico">
|
|
<style>
|
|
body { font-family: monospace; font-size: 16px; margin: 0 }
|
|
.cm-editor { height: 100%; }
|
|
#container { display: flex; height: 100vh; }
|
|
#left { display: flex; flex: 1; flex-direction: column; border-right: 1px solid #444 }
|
|
#editor { flex: 1; overflow-y: auto; }
|
|
#panel { height: 300px; overflow-y: auto; padding: 1em; color: #d1d5da; background-color: #24292e; border-top: 1px solid #444!important; }
|
|
#right { flex: 1; display:flex; flex-direction: column }
|
|
#tab { color: white; background: #24292e; padding: .5em; }
|
|
#viewer { flex: 1; overflow-y: auto; }
|
|
#mangle { display: inline-flex; align-items: center }
|
|
#duration { float: right; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<script type="module" src="./index.js"></script>
|
|
|
|
<div id="container">
|
|
<div id="left">
|
|
<div id="editor"></div>
|
|
<div id="panel"></div>
|
|
</div>
|
|
<div id="right">
|
|
<div id="tab">
|
|
<button id="ast">AST</button>
|
|
<button id="hir">HIR</button>
|
|
<button id="format">Format</button>
|
|
<button id="minify">Minify</button>
|
|
<label id="mangle">
|
|
Mangle
|
|
<input id="mangle-checkbox" type="checkbox">
|
|
</label>
|
|
<span id="duration"></span>
|
|
</div>
|
|
<div id="viewer"></div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|