1<!doctype html> 2<html lang="en-us"> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 6 <link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon"> 7 <title>sqlite3 WASM Demo Page Index</title> 8 </head> 9 <body> 10 <style> 11 body { 12 display: flex; 13 flex-direction: column; 14 flex-wrap: wrap; 15 } 16 textarea { 17 font-family: monospace; 18 } 19 header { 20 font-size: 130%; 21 font-weight: bold; 22 } 23 .hidden, .initially-hidden { 24 position: absolute !important; 25 opacity: 0 !important; 26 pointer-events: none !important; 27 display: none !important; 28 } 29 .warning { color: firebrick; } 30 </style> 31 <header id='titlebar'><span>sqlite3 WASM demo pages</span></header> 32 <hr> 33 <div>Below is the list of demo pages for the sqlite3 WASM 34 builds. The intent is that <em>this</em> page be run 35 using the functional equivalent of:</div> 36 <blockquote><pre><a href='https://sqlite.org/althttpd'>althttpd</a> -enable-sab -page index.html</pre></blockquote> 37 <div>and the individual pages be started in their own tab. 38 Warnings and Caveats: 39 <ul class='warning'> 40 <li>Some of these pages require that the web server emit the 41 so-called 42 <a href='https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cross-Origin-Opener-Policy'>COOP</a> 43 and 44 <a href='https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cross-Origin-Embedder-Policy'>COEP</a> 45 headers. <a href='https://sqlite.org/althttpd'>althttpd</a> requires the 46 <code>-enable-sab</code> flag for that. 47 </li> 48 </ul> 49 </div> 50 <div>The tests and demos... 51 <ul id='test-list'> 52 <li>Core-most tests 53 <ul> 54 <li><a href='tester1.html'>tester1</a>: Core unit and 55 regression tests for the various APIs and surrounding 56 utility code.</li> 57 <li><a href='tester1-worker.html'>tester1-worker</a>: same thing 58 but running in a Worker.</li> 59 </ul> 60 </li> 61 <li>Higher-level apps and demos... 62 <ul> 63 <li><a href='demo-123.html'>demo-123</a> provides a 64 no-nonsense example of adding sqlite3 support to a web 65 page in the UI thread.</li> 66 <li><a href='demo-123-worker.html'>demo-123-worker</a> is 67 the same as <code>demo-123</code> but loads and runs 68 sqlite3 from a Worker thread.</li> 69 <li><a href='demo-jsstorage.html'>demo-jsstorage</a>: very basic 70 demo of using the key-value VFS for storing a persistent db 71 in JS <code>localStorage</code> or <code>sessionStorage</code>.</li> 72 <li><a href='demo-worker1.html'>demo-worker1</a>: 73 Worker-based wrapper of the OO API #1. Its Promise-based 74 wrapper is significantly easier to use, however.</li> 75 <li><a href='demo-worker1-promiser.html'>demo-worker1-promiser</a>: 76 a demo of the Promise-based wrapper of the Worker1 API.</li> 77 </ul> 78 </li> 79 </ul> 80 </div> 81 <style> 82 #test-list { font-size: 120%; } 83 </style> 84 <script>//Assign a distinct target tab name for each test page... 85 document.querySelectorAll('a').forEach(function(e){ 86 e.target = e.href; 87 }); 88 </script> 89 </body> 90</html> 91