Skip to content

Commit aa59ae9

Browse files
gordonbrandergordonbrander
authored
App skeleton (#14)
Prototypes a wireframe skeleton for an app with the thread UI we've been developing. Skeleton components are defined using Lit.
1 parent 692e62e commit aa59ae9

File tree

18 files changed

+1382
-0
lines changed

18 files changed

+1382
-0
lines changed

‎static/2024-05-30-app-skeleton-lit/README.md‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
## Getting started
2+
3+
Quick start:
4+
5+
```bash
6+
npm install && npm run build && npm run preview
7+
```
8+
9+
This will install dependencies, build the project, and spin up a preview in a dev server using Vite.

‎static/2024-05-30-app-skeleton-lit/index.html‎

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6+
<title></title>
7+
<link rel="stylesheet" href="src/main.css">
8+
<script type="module" src="src/main.ts"></script>
9+
</head>
10+
<body class="theme">
11+
<com-app-grid>
12+
<com-chat slot="main">
13+
<com-thread slot="main">
14+
<com-thread-group>
15+
<com-prompt slot="prompt">
16+
<com-editor value="Henlo world"></com-editor>
17+
</com-prompt>
18+
<com-response slot="response">
19+
<com-editor value="Hello world"></com-editor>
20+
</com-response>
21+
</com-thread-group>
22+
<com-thread-group>
23+
<com-prompt slot="prompt">
24+
<com-editor value="Henlo world"></com-editor>
25+
</com-prompt>
26+
<com-response slot="response">
27+
<com-editor value="Hello world"></com-editor>
28+
</com-response>
29+
</com-thread-group>
30+
</com-thread>
31+
<div slot="footer">
32+
<com-unibox>
33+
<com-editor slot="main"></com-editor>
34+
<com-button slot="end">Send</com-button>
35+
</com-unibox>
36+
</div>
37+
</com-chat>
38+
<div slot="sidebar">
39+
40+
</div>
41+
</com-app-grid>
42+
</body>
43+
</html>

0 commit comments

Comments
 (0)