200 lines
No EOL
8.3 KiB
HTML
200 lines
No EOL
8.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Codemirror6 example using BaseX LSP</title>
|
|
<link rel="icon" type="image/png" href="../favicon.png" />
|
|
<link href="../bootstrap@5.3.7.css" rel="stylesheet" />
|
|
<link rel="stylesheet" href="grail.css" />
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="page-wrap">
|
|
<header class="page-header">
|
|
<nav class="navbar bg-body-tertiary">
|
|
<div class="container-fluid">
|
|
<a id="help" class="navbar-brand">XQuery 4.0 LSP client
|
|
<button id="popcon" popovertarget="popConnect" class="btn btn-danger">
|
|
<i class="codicon codicon-vm-outline"></i>
|
|
</button>
|
|
</a>
|
|
<ul class="nav nav-pills">
|
|
<li class="nav-item">
|
|
<a class="nav-link active" aria-current="page" href="#">Editor</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">LSP UI</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="/dba/logs" target="dba">Dba</a>
|
|
</li>
|
|
|
|
</ul>
|
|
<select id="load">
|
|
<option selected value="">load..</option>
|
|
<optgroup label="XQuery3">
|
|
<option
|
|
value="https://raw.githubusercontent.com/expkg-zone58/pdfbox/refs/heads/main/src/Pdfbox3.xqm">
|
|
Pdfbox3.xqm</option>
|
|
<option
|
|
value="https://raw.githubusercontent.com/Quodatum/xqdoca/refs/heads/master/src/main/lib/model.xqm">
|
|
model.xqm</option>
|
|
</optgroup>
|
|
<optgroup label="XQuery4">
|
|
<option
|
|
value="https://git.quodatum.duckdns.org/quodatum/basex-lsp/raw/branch/main/webapp/lsp/lsp-text.xqm">
|
|
lsp-text.xqm</option>
|
|
<option value="../../../lsp/lsp-text.xqm">
|
|
lsp-text.xqm</option>
|
|
</optgroup>
|
|
|
|
<optgroup label="xpath">
|
|
<option
|
|
value="https://raw.githubusercontent.com/dnovatchev/Articles/refs/heads/main/Generators/Code/generator.xq">
|
|
generator.xquery</option>
|
|
</optgroup>
|
|
</select>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<nav class="page-nav">
|
|
<div class="navbar py-0 bg-light">
|
|
|
|
<div class="btn-group mr-2" role="group" aria-label="First group">
|
|
<label for="file">File:</label>
|
|
<input id="iFile" type="url" value="file:///some/file.xqm" />
|
|
|
|
<label for="symbols">Symbols:</label><select id="symbols" disabled="disabled"></select>
|
|
</div>
|
|
<div class="btn-group btn-group-sm " role="group" aria-label="Second group">
|
|
|
|
<button id="search" title="Search" type="button" class="btn btn-light"><i
|
|
class="codicon codicon-search"></i></button>
|
|
|
|
<button id="lint" title="Display diagnostics" type="button" class="btn btn-light"><i
|
|
class="codicon codicon-report"></i></button>
|
|
|
|
<button id="symbols2" type="button" class="btn btn-light" title="symbols">
|
|
<i class="codicon codicon-symbol-misc"></i></button>
|
|
|
|
<button id="format" type="button" class="btn btn-light" title="Format (Shift-Alt-f)"><i
|
|
class="codicon codicon-list-flat"></i></button>
|
|
|
|
<button id="sync" title="Sync changes to server" type="button" class="btn btn-light">
|
|
<i class="codicon codicon-sync"></i>
|
|
</button>
|
|
<button id="fullscreen" title="Full screen editor" type="button" class="btn btn-light">
|
|
<i class="codicon codicon-screen-full"></i>
|
|
</button>
|
|
|
|
<button type="button" class="btn btn-light" popovertarget="popSettings" title="Settings">
|
|
<i class="codicon codicon-settings"></i></button>
|
|
</div>
|
|
<div class="btn-group" role="group" aria-label="Third group">
|
|
|
|
<button id="syntax" type="button" class="btn btn-light" title="Unused"><i
|
|
class="codicon codicon-comment"></i></button>
|
|
|
|
<button id="cmd" type="button" class="btn btn-light" title="Cmd list to console">
|
|
<i class="codicon codicon-debug-console"></i>
|
|
</button>
|
|
|
|
<button id="wordAt" type="button" class="btn btn-light" title="word at">
|
|
<i>1</i></button>
|
|
|
|
|
|
<button id="unused3" type="button" class="btn btn-light" title="unused3">
|
|
<i>3</i></button>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<main class="page-main" style="overflow: auto;">
|
|
<!-- Editor goes in here -->
|
|
<div id="editor"></div>
|
|
</main>
|
|
|
|
<aside class="page-sidebar">
|
|
|
|
<details id="workspacePanel" open="open">
|
|
<summary class='bg-info'>Workspace <b>0</b></summary>
|
|
|
|
|
|
<ul id="traffic" style="overflow: scroll;">
|
|
<li>-</li>
|
|
</ul>
|
|
</details>
|
|
|
|
<details id="symPanel">
|
|
<summary>OutLine <b>0</b></summary>
|
|
<json-list id="symList"></json-list>
|
|
</details>
|
|
|
|
<details id="msgPanel">
|
|
<summary>Messages <b>0</b></summary>
|
|
<div id="msg">(msgs)<i class='codicon codicon-symbol-method'></i></div>
|
|
</details>
|
|
</aside>
|
|
|
|
<footer class="page-footer">
|
|
Footer <select id="language">
|
|
<option selected>Language</option>
|
|
<option value="plaintext">plaintext</option>
|
|
<option value="xquery">xquery</option>
|
|
<option value="xml">xml</option>
|
|
</select>
|
|
<button popovertarget="popHelp"><i class="codicon codicon-info"></i></button>
|
|
</footer>
|
|
</div>
|
|
<!-- Popovers -->
|
|
<dialog id="popConnect" popover>
|
|
<form>
|
|
<header>Connect to LSP
|
|
<button type="button" class="btn-close" aria-label="Close"
|
|
onclick="$('popConnect').hidePopover(); "></button>
|
|
</header>
|
|
<div class="modal-body">
|
|
<div id="state">🔴</div>
|
|
<input id="iServer" type="text" style="width:25em" />
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button id="connect">connect</button>
|
|
</div>
|
|
</form>
|
|
</dialog>
|
|
|
|
<!-- <popup-info id="popHelp">hhhh</popup-info> -->
|
|
|
|
<dialog id="popSettings" popover>
|
|
<form id="fSettings">
|
|
<header>Editor configuration
|
|
<button type="button" class="btn-close" aria-label="Close"
|
|
onclick="$('popSettings').hidePopover(); "></button>
|
|
</header>
|
|
<div class="modal-body">
|
|
|
|
<div class="mb-3 form-check">
|
|
<input name="wrapLines" type="checkbox" class="form-check-input" id="lineWrap">
|
|
<label class="form-check-label" for="lineWrap">Wrap lines</label>
|
|
</div>
|
|
<div class="mb-3 form-check">
|
|
<input name="minimap" type="checkbox" class="form-check-input" id="minimap">
|
|
<label class="form-check-label" for="minimap">Show minimap</label>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="submit" class="btn btn-primary">Apply</button>
|
|
</div>
|
|
</form>
|
|
</dialog>
|
|
<!-- CodeMirror 6 -->
|
|
<script src="./lsp.bundle.js"></script>
|
|
<script src="./script.js"></script>
|
|
<script src="./list.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |