libsql-sqlite3/ext/wasm/demo-123-worker.html

<!doctype html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">
    <title>Hello, sqlite3</title>
    <style>
      .warning, .error {color: red}
      .error {background-color: yellow}
      body {
          display: flex;
          flex-direction: column;
          font-family: monospace;
          white-space: break-spaces;
      }
    </style>
  </head>
  <body>
    <h1>1-2-sqlite3 worker demo</h1>
    <script>(function(){
      const logHtml = function(cssClass,...args){
        const ln = document.createElement('div');
        if(cssClass) ln.classList.add(cssClass);
        ln.append(document.createTextNode(args.join(' ')));
        document.body.append(ln);
      };
      const w = new Worker("demo-123.js?sqlite3.dir=jswasm"
                           /* Note the URL argument on that name. See
                              the notes in demo-123.js (search for
                              "importScripts") for why we need
                              that. */);
      w.onmessage = function({data}){
        switch(data.type){
            case 'log':
              logHtml(data.payload.cssClass, ...data.payload.args);
              break;
            default:
              logHtml('error',"Unhandled message:",data.type);
        };
      };
    })();</script>
  </body>
</html>
Rename demo-oo1.* to demo-123.* and add demo-123-worker.html, which runs the same demo via a Worker. Doc typo fixes. FossilOrigin-Name: 2e4a005bd35424caeaa99ace23162cf79e2ebdb159475ffad92b85dc864ad764 2022-09-19 03:57:31 +00:00			`<!doctype html>`
			`<html lang="en-us">`
			`<head>`
			`<meta charset="utf-8">`
			`<meta http-equiv="Content-Type" content="text/html; charset=utf-8">`
			`<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">`
			`<title>Hello, sqlite3</title>`
			`<style>`
			`.warning, .error {color: red}`
			`.error {background-color: yellow}`
			`body {`
			`display: flex;`
			`flex-direction: column;`
			`font-family: monospace;`
			`white-space: break-spaces;`
			`}`
			`</style>`
			`</head>`
			`<body>`
Correct mismatched H1 tags in test code. Minor CSS tweaks. FossilOrigin-Name: 4d8eb90a370054d4482c20637ab56f5e01f4d10215f2af4e35fb9a1f85ecb700 2022-10-12 14:39:15 +00:00			`<h1>1-2-sqlite3 worker demo</h1>`
Rename demo-oo1.* to demo-123.* and add demo-123-worker.html, which runs the same demo via a Worker. Doc typo fixes. FossilOrigin-Name: 2e4a005bd35424caeaa99ace23162cf79e2ebdb159475ffad92b85dc864ad764 2022-09-19 03:57:31 +00:00			`<script>(function(){`
			`const logHtml = function(cssClass,...args){`
			`const ln = document.createElement('div');`
			`if(cssClass) ln.classList.add(cssClass);`
			`ln.append(document.createTextNode(args.join(' ')));`
			`document.body.append(ln);`
			`};`
Apply considerable acrobatics to get the JS/WASM deliverables building to and loadable from a directory other than the one which contains the app-level code. Requires an only-slightly-leaky abstraction of passing a URL argument when loading sqlite3.js but provides much greater flexibility in where the JS/WASM files are located. FossilOrigin-Name: 6d468dab9eb84d4548f68014959f02fe4f66455472ff24fe729382bb2972e3d1 2022-10-19 04:44:58 +00:00			`const w = new Worker("demo-123.js?sqlite3.dir=jswasm"`
			`/* Note the URL argument on that name. See`
			`the notes in demo-123.js (search for`
			`"importScripts") for why we need`
			`that. */);`
Rename demo-oo1.* to demo-123.* and add demo-123-worker.html, which runs the same demo via a Worker. Doc typo fixes. FossilOrigin-Name: 2e4a005bd35424caeaa99ace23162cf79e2ebdb159475ffad92b85dc864ad764 2022-09-19 03:57:31 +00:00			`w.onmessage = function({data}){`
			`switch(data.type){`
			`case 'log':`
			`logHtml(data.payload.cssClass, ...data.payload.args);`
			`break;`
			`default:`
			`logHtml('error',"Unhandled message:",data.type);`
			`};`
			`};`
			`})();</script>`
			`</body>`
			`</html>`