dignity.js 0.7.0 → 0.7.1

package/docs/assets/playground-demos.js

@@ -144,8 +144,10 @@ const bob = new DignityP2P({ nodeId: 'bob', networkAdapter: new InMemoryNetworkA
 helpers.track(alice, bob);
 
 let received = null;
-bob.on('directmessage', (event) => {
-  received = event.payload;
+bob.on('message', (event) => {
+  if (event.senderId === 'alice' && event.type === 'chat') {
+    received = event.payload;
+  }
 });
 
 await alice.start();
@@ -321,11 +323,13 @@ const rotationResult = await revokeAndRotateIdentity({
 await alice.start();
 await bob.start();
 
+await alice.adoptDerivedIdentityKeyPair(gen1, { generation: 1 });
 bob.registerPeerPublicKey('alice', keyPairToPublicBundle(gen1), { generation: 1 });
 log('bob gen before:', bob.getPeerIdentityGeneration('alice'));
 
-await alice.adoptDerivedIdentityKeyPair(rotationResult.nextKeyPair, { generation: 2 });
+// Broadcast while alice still signs with gen-1 keys; then adopt gen-2 locally.
 await alice.broadcastIdentityRotation(rotationResult.rotation, { broadcastScope: 'identity:alice' });
+await alice.adoptDerivedIdentityKeyPair(rotationResult.nextKeyPair, { generation: 2 });
 await helpers.sleep(50);
 
 log('bob gen after:', bob.getPeerIdentityGeneration('alice'));

package/docs/assets/playground.css

@@ -155,20 +155,68 @@
   color: #cf222e;
 }
 
-#code-editor {
+.playground-editor-wrap {
+  position: relative;
   flex: 1;
+  min-height: 360px;
+  overflow: hidden;
+  display: grid;
+  background: var(--bg);
+}
+
+.playground-editor-highlight,
+#code-editor {
+  grid-area: 1 / 1;
   width: 100%;
+  height: 100%;
   min-height: 360px;
   margin: 0;
   padding: 16px;
   border: 0;
-  resize: none;
   font-family: var(--font-mono);
   font-size: 0.875rem;
   line-height: 1.55;
-  color: var(--text);
-  background: var(--bg);
   tab-size: 2;
+  overflow: auto;
+  white-space: pre;
+  word-wrap: normal;
+  overflow-wrap: normal;
+  box-sizing: border-box;
+}
+
+.playground-editor-highlight {
+  pointer-events: none;
+  z-index: 0;
+  background: var(--bg);
+  color: var(--text);
+}
+
+.playground-editor-highlight code {
+  display: block;
+  min-height: calc(100% - 32px);
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  line-height: inherit;
+  background: transparent !important;
+  border: 0 !important;
+  border-radius: 0 !important;
+  color: inherit;
+}
+
+.playground-editor-highlight code.hljs {
+  padding: 0 !important;
+  border: 0 !important;
+  border-left: 0 !important;
+}
+
+#code-editor {
+  resize: none;
+  z-index: 1;
+  color: transparent !important;
+  -webkit-text-fill-color: transparent !important;
+  caret-color: var(--text);
+  background: transparent;
 }
 
 #code-editor:focus {
@@ -176,6 +224,24 @@
   box-shadow: inset 0 0 0 2px var(--accent-soft);
 }
 
+#code-editor::selection {
+  background: rgba(91, 127, 255, 0.35);
+  color: transparent;
+  -webkit-text-fill-color: transparent;
+}
+
+@media (prefers-color-scheme: dark) {
+  .playground-editor-wrap,
+  .playground-editor-highlight {
+    background: #0d1117;
+    color: #e6edf3;
+  }
+
+  #code-editor {
+    caret-color: #e6edf3;
+  }
+}
+
 #output {
   flex: 1;
   min-height: 360px;

package/docs/assets/playground.js

@@ -6,6 +6,8 @@ const els = {
   featureSelect: document.getElementById('feature-select'),
   featureDesc: document.getElementById('feature-desc'),
   editor: document.getElementById('code-editor'),
+  highlightCode: document.getElementById('code-highlight'),
+  highlightPre: document.querySelector('.playground-editor-highlight'),
   runBtn: document.getElementById('run-btn'),
   resetBtn: document.getElementById('reset-btn'),
   clearBtn: document.getElementById('clear-btn'),
@@ -13,6 +15,8 @@ const els = {
   status: document.getElementById('run-status')
 };
 
+let highlightTimer = null;
+
 let activeCleanup = null;
 let running = false;
 
@@ -26,10 +30,48 @@ function populateFeatureSelect() {
   ).join('');
 }
 
+function syncEditorScroll() {
+  if (!els.highlightPre) {
+    return;
+  }
+  els.highlightPre.scrollTop = els.editor.scrollTop;
+  els.highlightPre.scrollLeft = els.editor.scrollLeft;
+}
+
+function updateHighlight() {
+  if (!els.highlightCode || typeof hljs === 'undefined') {
+    return;
+  }
+
+  const source = els.editor.value;
+  els.highlightCode.textContent = source.endsWith('\n') ? source : `${source}\n`;
+
+  if (typeof hljs.highlight === 'function') {
+    const { value } = hljs.highlight(source, { language: 'javascript' });
+    els.highlightCode.innerHTML = value;
+    els.highlightCode.classList.add('hljs', 'language-javascript');
+  } else {
+    hljs.highlightElement(els.highlightCode);
+  }
+
+  syncEditorScroll();
+}
+
+function scheduleHighlight() {
+  if (highlightTimer) {
+    cancelAnimationFrame(highlightTimer);
+  }
+  highlightTimer = requestAnimationFrame(() => {
+    highlightTimer = null;
+    updateHighlight();
+  });
+}
+
 function loadDemo(demo, { pushHash = true } = {}) {
   els.featureSelect.value = demo.id;
   els.featureDesc.textContent = demo.description;
   els.editor.value = demo.code;
+  scheduleHighlight();
   if (pushHash) {
     history.replaceState(null, '', `#${demo.id}`);
   }
@@ -151,7 +193,10 @@ async function runCode() {
   }
 }
 
-function initEditorTabs() {
+function initEditor() {
+  els.editor.addEventListener('input', scheduleHighlight);
+  els.editor.addEventListener('scroll', syncEditorScroll);
+
   els.editor.addEventListener('keydown', (event) => {
     if (event.key !== 'Tab') {
       return;
@@ -161,6 +206,7 @@ function initEditorTabs() {
     const next = `${value.slice(0, selectionStart)}  ${value.slice(selectionEnd)}`;
     els.editor.value = next;
     els.editor.selectionStart = els.editor.selectionEnd = selectionStart + 2;
+    scheduleHighlight();
   });
 }
 
@@ -172,7 +218,8 @@ function initFromHash() {
 
 populateFeatureSelect();
 initFromHash();
-initEditorTabs();
+initEditor();
+updateHighlight();
 
 els.featureSelect.addEventListener('change', () => {
   loadDemo(getDemoById(els.featureSelect.value));

package/docs/assets/styles.css

@@ -14,7 +14,7 @@
   --green: #1a7f37;
   --green-bg: #dafbe1;
   --sidebar-width: 280px;
-  --header-height: 56px;
+  --header-height: 64px;
   --content-max: 920px;
   --radius: 8px;
   --shadow: 0 1px 3px rgba(27, 31, 36, 0.08);
@@ -135,7 +135,7 @@ pre code.hljs {
 }
 
 .site-header__brand img {
-  height: 40px;
+  height: 54px;
   width: auto;
 }
 

package/docs/index.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="description" content="dignity.js v0.6.0 — REST-like P2P object API for decentralized JavaScript applications." />
+    <meta name="description" content="dignity.js v0.7.1 — REST-like P2P object API for decentralized JavaScript applications." />
     <title>dignity.js · Documentation</title>
     <link rel="icon" href="./assets/favicon.svg" type="image/svg+xml" />
     <link rel="icon" href="./favicon.ico" sizes="32x32" />
@@ -16,7 +16,7 @@
       <a class="site-header__brand" href="#overview">
         <img src="./assets/dignity-logo.svg" alt="" width="344" height="80" />
         <!-- <span>dignity.js</span> -->
-        <span class="site-header__version">v0.6.0</span>
+        <span class="site-header__version">v0.7.1</span>
       </a>
       <div class="site-header__links">
         <a href="https://www.npmjs.com/package/dignity.js" target="_blank" rel="noopener noreferrer">npm</a>
@@ -591,6 +591,8 @@ node.getPeerGroupStats();
             </div>
 
             <h3>Roadmap</h3>
+            <p><strong>v0.7.1 (current)</strong> — live docs playground, demo fixes, syntax highlighting.</p>
+            <p><strong>v0.7.0 (shipped)</strong> — credential-derived keys, identity rotation, PeerGroup hardening, stress harness.</p>
             <p><strong>v0.6.0 (shipped)</strong> — core gossip, chess spectators, unit + e2e tests.</p>
             <p><strong>v0.6.x polish</strong> — <code>subscribeObjectFeed</code> wrapper, connection LRU trim, IndexedDB joined-group persistence, React <code>usePeerGroup</code> hook, 50+ node integration test.</p>
             <p><strong>Future</strong> — publisher rate limits, partial snapshot / delta feeds, cross-group fan-in metrics.</p>
@@ -983,7 +985,7 @@ npm run example:chess</code></pre>
 
           <footer class="site-footer">
             <p>
-              dignity.js v0.6.0 ·
+              dignity.js v0.7.1 ·
               <a href="https://github.com/jose-compu/dignity.js/blob/main/LICENSE">Apache 2.0</a> ·
               <a href="https://github.com/jose-compu/dignity.js">GitHub</a> ·
               <a href="https://www.npmjs.com/package/dignity.js">npm</a>

package/docs/openapi-like.json

@@ -1,6 +1,6 @@
 {
   "name": "dignity.js",
-  "version": "0.5.4",
+  "version": "0.7.1",
   "description": "REST-like object API over peer-to-peer replication",
   "resources": {
     "collections/{collection}/{id}": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dignity.js",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "P2P object API for decentralized JavaScript applications",
   "homepage": "https://jose-compu.github.io/dignity.js/",
   "repository": {