mirror of
https://github.com/neovim/neovim.git
synced 2026-08-14 03:04:54 +00:00
17d1ed53ff
Introduce an initial browser-based Neovim demo with automatic startup and UI integration. The demo is functional but still requires persistence, additional testing, and further stabilization. Acknowledgment: UiState in app.js is based on the implementation from github.com/MuNeNiCK/nvim-wasm, with additional modifications and updates
54 lines
1.1 KiB
HTML
54 lines
1.1 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>nvim.wasm RPC client</title>
|
|
<link rel="stylesheet" href="style.css" />
|
|
|
|
<style>
|
|
#grid {
|
|
font-family: "SFMono-Regular", Menlo, Consolas, monospace;
|
|
font-size: 14px;
|
|
line-height: 1.35;
|
|
white-space: pre;
|
|
background: #050912;
|
|
color: #dfe5f1;
|
|
border: 1px solid #2a3346;
|
|
border-radius: 8px;
|
|
padding: 8px;
|
|
outline: none;
|
|
overflow: auto;
|
|
}
|
|
|
|
#grid:focus {
|
|
border-color: #5ad1ff;
|
|
}
|
|
|
|
.cursor {
|
|
outline: 1px solid currentColor;
|
|
}
|
|
|
|
#bar {
|
|
display: none;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="grid" tabindex="0" aria-label="Neovim grid"></div>
|
|
|
|
<div id="bar">
|
|
<span id="status">booting…</span>
|
|
</div>
|
|
|
|
<script
|
|
crossorigin="anonymous"
|
|
src="https://cdn.jsdelivr.net/npm/msgpackr/dist/index.js"
|
|
></script>
|
|
<script src="msgpack.js"></script>
|
|
<script src="msgpackrpc.js"></script>
|
|
<script src="rpc.js"></script>
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|