Initial import: open-design source for helix-mind.ai distribution

This repository contains the open-design daemon CLI source code, built and packaged at https://helix-mind.ai/cli/open-design/latest.tgz for use by the HelixMind /design slash command. Licenses: Apache-2.0 (root) + MIT (skills/*)
2026-05-06 20:50:24 +02:00
commit 5dd70b5016
1336 changed files with 287186 additions and 0 deletions
--- a/apps/web/tests/runtime/srcdoc.test.ts
+++ b/apps/web/tests/runtime/srcdoc.test.ts
@@ -0,0 +1,80 @@
+import { describe, expect, it } from 'vitest';
+import { JSDOM } from 'jsdom';
+import { buildSrcdoc } from '../../src/runtime/srcdoc';
+
+const deckHtml = `<!doctype html>
+<html>
+  <head><title>Deck</title></head>
+  <body>
+    <section class="slide active">One</section>
+    <section class="slide">Two</section>
+    <section class="slide">Three</section>
+  </body>
+</html>`;
+
+describe('buildSrcdoc', () => {
+  it('injects an initial slide index for deck previews', () => {
+    const doc = buildSrcdoc(deckHtml, { deck: true, initialSlideIndex: 2 });
+
+    expect(doc).toContain('var initialSlideIndex = 2;');
+    expect(doc).toContain('setTimeout(restoreInitialSlide, 200)');
+    expect(doc).toContain('setTimeout(restoreInitialSlide, 100)');
+  });
+
+  it('clamps invalid initial slide indices before injecting deck bridge script', () => {
+    const doc = buildSrcdoc(deckHtml, { deck: true, initialSlideIndex: -4 });
+
+    expect(doc).toContain('var initialSlideIndex = 0;');
+  });
+
+  it('only uses directly mutable slide conventions for setActive support', () => {
+    const srcdoc = buildSrcdoc(
+      '<section class="slide">One</section><section class="slide">Two</section>',
+      { deck: true }
+    );
+
+    const canSetActive = srcdoc.match(/function canSetActive\(list\)\{([\s\S]*?)\n  \}/)?.[1] ?? '';
+
+    expect(canSetActive).toContain('findActiveByClass(list) >= 0');
+    expect(canSetActive).toContain("list[i].style.display === 'none'");
+    expect(canSetActive).toContain("list[i].style.visibility === 'hidden'");
+    expect(canSetActive).toContain("list[i].hasAttribute('hidden')");
+    expect(canSetActive).not.toContain('findActiveByVisibility');
+  });
+
+  it('enables the comment bridge immediately when injected', () => {
+    const srcdoc = buildSrcdoc('<main data-od-id="hero">Hero</main>', {
+      commentBridge: true,
+    });
+
+    expect(srcdoc).toContain('data-od-comment-bridge');
+    expect(srcdoc).toContain('var enabled = true;');
+    expect(srcdoc).toContain("var mode = 'picker';");
+    expect(srcdoc).toContain("type: 'od:comment-target'");
+    expect(srcdoc).toContain("type: 'od:comment-hover'");
+    expect(srcdoc).toContain("type: 'od:comment-leave'");
+    expect(srcdoc).toContain("type: 'od:comment-targets'");
+    expect(srcdoc).toContain("postStroke('od:pod-stroke')");
+    expect(srcdoc).toContain("postStroke('od:pod-select')");
+    expect(srcdoc).toContain('data-od-comment-mode-kind');
+    expect(srcdoc).toContain("body * { cursor: crosshair !important; }");
+    expect(srcdoc).toContain('MutationObserver(schedulePostTargets)');
+    expect(srcdoc).toContain("document.addEventListener('scroll', schedulePostTargets, true);");
+    expect(srcdoc).toContain('data-od-comment-bridge-style');
+  });
+
+  it('marks source-authored edit targets before runtime scripts can add nodes', () => {
+    const dom = new JSDOM('');
+    globalThis.DOMParser = dom.window.DOMParser;
+    const srcdoc = buildSrcdoc(
+      '<main><h1>Source title</h1><script>document.body.prepend(document.createElement("h1"));</script></main>',
+      { editBridge: true },
+    );
+    Reflect.deleteProperty(globalThis, 'DOMParser');
+
+    expect(srcdoc).toContain('data-od-source-path="path-0"');
+    expect(srcdoc).toContain('data-od-source-path="path-0-0"');
+    expect(srcdoc).not.toContain('<script data-od-source-path=');
+    expect(srcdoc.indexOf('data-od-source-path="path-0"')).toBeLessThan(srcdoc.indexOf('document.body.prepend'));
+  });
+});