1 files changed, 40 insertions, 0 deletions
diff --git a/docs/2026_REBASE/language.js b/docs/2026_REBASE/language.js
new file mode 100644
index 00000000..d5e1079a
--- /dev/null
+++ b/docs/2026_REBASE/language.js
@@ -0,0 +1,40 @@
+/* Chapter 22 library explorer and Chapter 23 methods example. No fetch needed. */
+(function () {
+  const R=window.REBASE, esc=R.escape, files=R.library.files;
+  const parent=path=>path.split('/').slice(0,-1).join('/');
+  const button=(path,label,cls='')=>'<button class="'+cls+'" data-library-path="'+esc(path)+'">'+label+'</button>';
+  R.libraryHasPath=path=>typeof path==='string' && (path==='' || Object.hasOwn(files,path) || Object.keys(files).some(file=>file.startsWith(path+'/')));
+  function explorer(state) {
+    const path=state.library, isFile=Object.hasOwn(files,path);
+    let crumbs=button('','Standard library');
+    path.split('/').filter(Boolean).forEach((part,i,parts)=>{
+      crumbs+='<span>/</span>'+button(parts.slice(0,i+1).join('/'),esc(part));
+    });
+    let contents;
+    if(isFile) {
+      contents='<pre class="library-text" data-library-scroll tabindex="0" aria-label="Source of '+esc(path)+'"><code>'+esc(files[path])+'</code></pre>';
+    } else {
+      const entries=new Map(), prefix=path?path+'/':'';
+      for(const file of Object.keys(files)) if(file.startsWith(prefix)) {
+        const rest=file.slice(prefix.length), name=rest.split('/')[0];
+        entries.set(name,rest.includes('/'));
+      }
+      contents='<div class="library-list" tabindex="0" aria-label="Files in '+esc(path||'standard library')+'">'+
+        [...entries].sort(([a,ad],[b,bd])=>Number(bd)-Number(ad)||a.localeCompare(b)).map(([name,dir])=>
+          button(prefix+name,'<span class="file-kind">'+(dir?'DIR':'SMP')+'</span><span>'+esc(name)+(dir?'/':'')+'</span><span class="file-arrow">'+(dir?'›':'↗')+'</span>','library-entry')).join('')+'</div>';
+    }
+    return '<section class="panel language-panel library-panel" aria-label="Standard library explorer"><div class="library-toolbar"><button data-language="library-close">← Discussion</button><button data-library-path="'+esc(parent(path))+'"'+(path===''?' disabled':'')+'>↑ Up</button><button data-language="library-width" aria-pressed="'+!!state.libraryWide+'">'+(state.libraryWide?'Two columns':'Full width')+'</button>'+(isFile?'<button data-language-copy="file">Copy file</button>':'')+'</div><nav class="library-crumbs" aria-label="Library path">'+crumbs+'</nav><p class="library-origin">Chapter 25 · '+esc(R.library.origin)+'</p>'+contents+'</section>';
+  }
+  function intro(which,state) {
+    const methods=which==='methods';
+    return '<section class="panel language-panel"'+(methods?' data-reveal="1"':'')+'><button class="language-flip" data-language="'+(methods?'methods-open':'library-open')+'"'+(methods && state.step<1?' disabled':'')+'><span class="language-face"><span class="eyebrow">'+(methods?'23 · Methods and types':'22 · Hello, world')+'</span><span class="language-title">'+(methods?'A method is a function<br>with a receiver.':'Cross the runtime boundary.')+'</span>'+
+      (methods?'<span class="cycle"><span>Struct</span><b>⇄</b><span>Function(self)</span></span><span class="language-paragraph">Recursive type graphs require cyclic equality and interning.</span><span class="language-paragraph muted">The same meet/dual interface remains.</span>':'<code class="language-hello">sys.io.p("Hello, World!");</code><span class="language-paragraph">Strings, constant data, C calls,<br>and a small system library.</span><span class="language-paragraph muted">The ABI becomes observable behavior.</span>')+
+      '</span><span class="flip-hint">'+(methods?'Click to see a class and its methods':'Click to explore the standard library')+' ↻</span></button></section>';
+  }
+  function methods(state) {
+    return '<section class="panel language-panel methods-panel" data-reveal="1"><div class="library-toolbar"><button data-language="methods-close">← Discussion</button><strong>23 · Counter</strong><button data-language-copy="methods">Copy code</button></div><pre class="methods-source"><code>'+esc(R.library.methods)+'</code></pre><p class="methods-caption"><code>c.add(3).add(4)</code> passes <code>c</code> as <code>self</code>.<br>The program returns <strong>arg + 7</strong>.</p></section>';
+  }
+  R.languageBody=state=>'<h2>The language starts<br>using its compiler.</h2><div class="two-up language-layout'+(state.library!==null && state.libraryWide?' library-wide':'')+'">'+
+    (state.library===null?intro('library',state):explorer(state))+
+    (state.library!==null && state.libraryWide?'':state.methods?methods(state):intro('methods',state))+'</div>';
+})();