Merge pull request #49 from hildjj/html-versions

Html versions

README.md

@@ -11,6 +11,11 @@ This package supersedes [node-cbor](https://github.com/hildjj/node-cbor/tree/mai
 - Complete break of API compatibility, allowing use of newer JavaScript constructs.
 - No work-arounds for older environments.
 
+## Start playing with cbor2 now
+
+Visit the web [playground](https://hildjj.github.io/cbor2/playground/) for an
+interactive view of how the library works.
+
 ## Supported Node.js versions
 
 This project now only supports versions of Node.js that the Node team is

web/src/index.html

@@ -246,7 +246,8 @@ <h3>Options</h3>
         </li>
       </ul>
       <div class="power">
-        Powered by <a href="https://github.com/hildjj/cbor2/">cbor2</a>.
+        Powered by <a href="https://github.com/hildjj/cbor2/">cbor2<span id="cbor2-version"></span></span></a> and
+        <a href="https://github.com/hildjj/cbor-edn/">cbor-edn<span id="cbor-edn-version"></span></a>.<br />
         <a href="https://github.com/hildjj/cbor2/tree/main/web">Source</a>
       </div>
     </div>

web/src/index.js

@@ -5,6 +5,7 @@ import * as monaco from 'https://cdn.jsdelivr.net/npm/monaco-editor@0.49.0/+esm'
 import {
   Simple,
   Tag,
+  version as cbor2version,
   cdeDecodeOptions,
   cdeEncodeOptions,
   comment,
@@ -24,9 +25,9 @@ import {
   compressString,
   decompressString,
 } from './encode.js';
+import {version as ednVersion, parseEDN} from 'cbor-edn';
 import {sortCoreDeterministic, sortLengthFirstDeterministic} from 'cbor2/sorts';
 import {inspect} from 'node-inspect-extracted';
-import {parseEDN} from 'cbor-edn';
 
 const proxy = URL.createObjectURL(new Blob([`
   self.MonacoEnvironment = {
@@ -52,6 +53,9 @@ const rejectStringsNotNormalizedAs =
 const fontSize = 16;
 const theme = 'vs-dark';
 
+document.querySelector('#cbor2-version').innerText = `@${cbor2version}`;
+document.querySelector('#cbor-edn-version').innerText = `@${ednVersion}`;
+
 const inEditor = monaco.editor.create(itxt, {
   detectIndentation: false,
   fontSize,