Feat v0.7.2 package runners ci gate (#56)

Co-authored-by: Jeffrey Smith <jasafpro@gmail.com>
Co-committed-by: Jeffrey Smith <jasafpro@gmail.com>

packages/renderer-runner/js/main.js

@@ -0,0 +1,58 @@
+/**
+ * Renderer Runner — Entry Point
+ *
+ * Boot SDK, load test modules.
+ * Each module is an IIFE that registers suites via sw.testing.suite().
+ */
+(async function () {
+  'use strict';
+
+  try {
+    var base = window.__BASE__ || '';
+    var ver = window.__VERSION__ || '0';
+    if (!window.preact) {
+      var { h, render } = await import(base + '/js/sw/vendor/preact.module.js');
+      var hooksModule = await import(base + '/js/sw/vendor/hooks.module.js');
+      var htmModule = await import(base + '/js/sw/vendor/htm.module.js');
+      window.preact = { h, render };
+      window.hooks = hooksModule;
+      window.html = htmModule.default.bind(h);
+    }
+    var sdk = await import(base + '/js/sw/sdk/index.js?v=' + ver);
+    await sdk.boot();
+  } catch (e) {
+    console.warn('[RendRunner] SDK boot failed:', e.message);
+  }
+
+  var surfaceId = 'renderer-runner';
+  var assetBase = '/surfaces/' + surfaceId + '/js/';
+  var rbase = window.__BASE__ || '';
+  if (rbase) assetBase = rbase + assetBase;
+
+  var modules = [
+    'renderer-contract.js'
+  ];
+
+  var loaded = 0;
+  function loadNext() {
+    if (loaded >= modules.length) { onReady(); return; }
+    var script = document.createElement('script');
+    script.src = assetBase + modules[loaded] + '?v=' + (window.__VERSION__ || '0') + '.' + Date.now();
+    script.onload = function () { loaded++; loadNext(); };
+    script.onerror = function () {
+      console.error('[RendRunner] Failed to load: ' + modules[loaded]);
+      loaded++; loadNext();
+    };
+    document.body.appendChild(script);
+  }
+
+  function onReady() {
+    console.log('[RendRunner] All modules loaded — ' + sw.testing.suites().length + ' suites registered');
+    var manifest = window.__MANIFEST__ || {};
+    if (manifest.id === surfaceId) {
+      window.location.href = (window.__BASE__ || '') + '/s/test-runners';
+    }
+  }
+
+  loadNext();
+})();

packages/renderer-runner/js/renderer-contract.js

@@ -0,0 +1,51 @@
+/**
+ * Renderer Runner — renderer/contract suite
+ *
+ * Tests the sw.renderers registry contract.
+ * Requires mermaid-renderer to be installed and loaded.
+ */
+(function () {
+  'use strict';
+
+  sw.testing.suite('renderer/contract', async function (s) {
+
+    s.test('sw.renderers exists', async function (t) {
+      t.assert.ok(sw.renderers, 'sw.renderers is defined');
+      t.assert.ok(typeof sw.renderers.register === 'function', 'register is a function');
+      t.assert.ok(typeof sw.renderers.list === 'function', 'list is a function');
+      t.assert.ok(typeof sw.renderers.runBlockRenderers === 'function', 'runBlockRenderers is a function');
+      t.assert.ok(typeof sw.renderers.runPostRenderers === 'function', 'runPostRenderers is a function');
+    });
+
+    s.test('mermaid renderer registered', async function (t) {
+      var info = sw.renderers.list();
+      t.assert.ok(info.block, 'block renderers list exists');
+      t.assert.ok(Array.isArray(info.block), 'block is array');
+      var mermaid = info.block.find(function (r) { return r.name === 'mermaid'; });
+      if (!mermaid) {
+        t.warn('Mermaid renderer not found in block list — extension may not have loaded yet');
+        return;
+      }
+      t.assert.ok(mermaid, 'mermaid renderer found');
+      t.assert.eq(mermaid.pattern, 'mermaid', 'pattern matches "mermaid"');
+    });
+
+    s.test('block renderer match', async function (t) {
+      // Test that runBlockRenderers returns true for 'mermaid' lang
+      // We need a container element for the render call
+      t.browserOnly(function () {
+        var container = document.createElement('div');
+        var handled = sw.renderers.runBlockRenderers('mermaid', 'graph LR; A-->B', container);
+        t.assert.ok(handled, 'mermaid block was handled by a renderer');
+      });
+    });
+
+    s.test('unmatched block returns false', async function (t) {
+      t.browserOnly(function () {
+        var container = document.createElement('div');
+        var handled = sw.renderers.runBlockRenderers('nonexistent-lang-xyz', 'code', container);
+        t.assert.eq(handled, false, 'unmatched lang returns false');
+      });
+    });
+  });
+})();