81deee8598
ScmProvider implements Provider + Streamable + Describable + Renderable, wrapping marketplace, manifest, installed, and registry endpoints as REST API with WS event streaming. Includes Lit custom element bundle with panel, marketplace browser, manifest viewer, installed manager, and registry status display. All 14 tests pass. Co-Authored-By: Virgil <virgil@lethean.io>
79 lines
1.7 KiB
HTML
79 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>Core SCM — Demo</title>
|
|
<style>
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
font-family: system-ui, -apple-system, sans-serif;
|
|
background: #f3f4f6;
|
|
padding: 2rem;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 1.5rem;
|
|
margin-bottom: 1.5rem;
|
|
colour: #111827;
|
|
}
|
|
|
|
.demo-panel {
|
|
width: 100%;
|
|
max-width: 960px;
|
|
margin: 0 auto;
|
|
height: 80vh;
|
|
border: 1px solid #d1d5db;
|
|
border-radius: 0.5rem;
|
|
overflow: hidden;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.125rem;
|
|
margin: 2rem auto 1rem;
|
|
max-width: 960px;
|
|
colour: #374151;
|
|
}
|
|
|
|
.standalone {
|
|
max-width: 960px;
|
|
margin: 0 auto 2rem;
|
|
border: 1px solid #d1d5db;
|
|
border-radius: 0.5rem;
|
|
padding: 1rem;
|
|
background: #fff;
|
|
}
|
|
</style>
|
|
<script type="module" src="./src/index.ts"></script>
|
|
</head>
|
|
<body>
|
|
<h1>Core SCM — Custom Element Demo</h1>
|
|
|
|
<div class="demo-panel">
|
|
<core-scm-panel api-url=""></core-scm-panel>
|
|
</div>
|
|
|
|
<h2>Standalone Elements</h2>
|
|
|
|
<div class="standalone">
|
|
<core-scm-marketplace api-url=""></core-scm-marketplace>
|
|
</div>
|
|
|
|
<div class="standalone">
|
|
<core-scm-manifest api-url=""></core-scm-manifest>
|
|
</div>
|
|
|
|
<div class="standalone">
|
|
<core-scm-installed api-url=""></core-scm-installed>
|
|
</div>
|
|
|
|
<div class="standalone">
|
|
<core-scm-registry api-url=""></core-scm-registry>
|
|
</div>
|
|
</body>
|
|
</html>
|