Jason Tudisco
6ebe02ad56
Four variants of the same sync library (IndexedDB, NeDB, SQLite WASM, sql.js) plus a paste-bin demo app for testing multi-browser sync via shared folders. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
38 lines
1.5 KiB
HTML
38 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>paste — IndexedDB</title>
|
|
<link rel="stylesheet" href="../styles.css">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>paste <span id="variant-label" class="variant">indexeddb</span></h1>
|
|
<p class="sub">type text + enter, or paste an image — use #hashtags to add tags</p>
|
|
<div class="folder-bar">
|
|
<button id="select-folder" class="folder-btn">Select sync folder</button>
|
|
<span id="folder-status" class="status"></span>
|
|
</div>
|
|
</header>
|
|
<main>
|
|
<div class="input-area">
|
|
<div class="input-row">
|
|
<input type="text" id="paste-input"
|
|
placeholder="type something and press Enter, or Ctrl+V an image"
|
|
autocomplete="off" spellcheck="false">
|
|
<button class="clip-btn" id="clip-btn" title="Attach a file">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48"/>
|
|
</svg>
|
|
</button>
|
|
<input type="file" id="file-input" hidden>
|
|
</div>
|
|
<div id="status" class="status"></div>
|
|
</div>
|
|
<div id="items" class="items"></div>
|
|
</main>
|
|
<script type="module" src="./app.ts"></script>
|
|
</body>
|
|
</html>
|