npm - yaml-flow - Versions diffs - 6.0.0 → 7.0.0 - Mend

yaml-flow 6.0.0 → 7.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (162) hide show

package/examples/example-board/demo-shell-with-server.html CHANGED Viewed

@@ -4,6 +4,7 @@
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>Example Board Demo (Server Runtime)</title>
+  <link rel="icon" type="image/svg+xml" href="favicon.svg" />
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" />
   <style>
     /* Scale down markdown headings inside cards to stay in proportion with card body text */
@@ -14,13 +15,12 @@
     .lc-result ul, .lc-result ol { font-size: 0.8rem; margin: 0 0 0.25rem; padding-left: 1.2rem; }
     .lc-result li { margin-bottom: 0.15rem; }
   </style>
-  <script src="https://cdn.jsdelivr.net/npm/jsonata/jsonata.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/dompurify/dist/purify.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/leader-line/leader-line.min.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/yaml-flow@6.0.0/browser/card-compute.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/yaml-flow@6.0.0/browser/live-cards.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/yaml-flow@6.0.0/browser/board-livegraph-engine.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/yaml-flow@6.0.0/browser/board-livecards-runtime-client.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/yaml-flow@7.0.0/browser/live-cards.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/yaml-flow@7.0.0/browser/board-livecards-client.js"></script>
 </head>
 <body class="bg-light">
   <div class="container-fluid py-3">
@@ -50,7 +50,7 @@
     </div>
     <div class="alert alert-info small py-2 mb-3">
-      Server runtime mode: updates stream in via SSE from the thin demo-server bridge to board-live-cards-cli.
+      Server runtime mode: board initializes on first connect and streams updates via SSE.
       Source execution and event processing happen on the server side.
     </div>
@@ -68,26 +68,20 @@
   <script>
     (function () {
-      const { buildLiveCardModelsFromArtifacts } = window.BoardLiveGraph || {};
+      const createBoardRuntimeClient = window.BoardLiveCardsClient && window.BoardLiveCardsClient.createBoardRuntimeClient;
+      const defaultBoardPaths = window.BoardLiveCardsClient && window.BoardLiveCardsClient.defaultBoardPaths;
+      if (!createBoardRuntimeClient || !defaultBoardPaths) {
+        document.getElementById('boardRoot').innerHTML =
+          '<div class="alert alert-danger">board-livecards-client.js not loaded. Run <code>npm run build:browser</code> first.</div>';
+        throw new Error('BoardLiveCardsClient not loaded');
+      }
       let currentMode = 'canvas';
       let bootstrapCompleted = false;
       let activeBoardId = 'default';
       let runtimeClient = null;
       function boardPaths(boardId) {
-        const b = encodeURIComponent(boardId || activeBoardId || 'default');
-        const base = `/api/boards/${b}`;
-        return {
-          demoSetup: `${base}/demo-setup`,
-          initBoard: `${base}/init-board`,
-          bootstrapCards: `${base}/bootstrap-cards`,
-          bootstrap: `${base}/bootstrap`,
-          stream: `${base}/sse`,
-          patchCard: function (id) { return `${base}/cards/${encodeURIComponent(id)}`; },
-          cardAction: function (id) { return `${base}/cards/${encodeURIComponent(id)}/actions`; },
-          cardFile: function (id) { return `${base}/cards/${encodeURIComponent(id)}/files`; },
-          cardChats: function (id) { return `${base}/cards/${encodeURIComponent(id)}/chats`; },
-        };
+        return defaultBoardPaths(boardId || activeBoardId || 'default');
       }
       function localServerOrigins() {
@@ -135,24 +129,14 @@
         throw new Error(`Unable to reach example-board demo server. Tried: ${failures.join(' | ')}. ${tip}`);
       }
-      runtimeClient = window.ReusableBoardRuntimeClient.createBoardRuntimeClient({
+      runtimeClient = createBoardRuntimeClient({
         fetchServer,
         boardPaths,
-        buildLiveCardModelsFromArtifacts,
         getServerOrigin: function () { return activeServerOrigin; },
         initialMode: currentMode,
         canvas: { height: '72vh', overflow: 'auto' },
       });
-      function resolveTaskExecutorPathParam() {
-        const params = new URLSearchParams(window.location.search || '');
-        const fromQuery = params.get('taskExecutorPath');
-        const fromWindow = window.DEMO_TASK_EXECUTOR_PATH;
-        if (typeof fromQuery === 'string' && fromQuery.trim()) return fromQuery.trim();
-        if (typeof fromWindow === 'string' && fromWindow.trim()) return fromWindow.trim();
-        return '';
-      }
       async function loadBoardList() {
         try {
           const res = await fetchServer('/api/boards');
@@ -193,13 +177,11 @@
         document.getElementById('boardTitle').textContent = bid + ' (Server Runtime)';
         document.getElementById('boardDesc').textContent = '';
-        // Demo-setup is a host-level concern; call it explicitly before bootstrapping.
-        const setupRes = await fetch(boardPaths(bid).demoSetup);
-        if (!setupRes.ok) throw new Error(`demo-setup failed (${setupRes.status})`);
+        // SSE-first bootstrap: init-board initializes the board server-side,
+        // then /sse sends the full payload as the first frame. No separate
+        // demo-setup step needed — the server runs it automatically at init time.
         await runtimeClient.bootstrapBoard({
           boardId: bid,
-          taskExecutorPath: resolveTaskExecutorPathParam(),
           rootElement: document.getElementById('boardRoot'),
           mode: currentMode,
         });

package/examples/example-board/demo-shell.html CHANGED Viewed

@@ -4,6 +4,7 @@
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>Example Board Demo Shell</title>
+  <link rel="icon" type="image/svg+xml" href="favicon.svg" />
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" />
 </head>
 <body class="bg-light">
@@ -15,12 +16,12 @@
       <div class="col-md-6">
         <div class="card h-100 shadow-sm">
           <div class="card-body">
-            <h2 class="h5">Browser Runtime</h2>
+            <h2 class="h5">LocalStorage Runtime</h2>
             <p class="small text-muted mb-3">
-              Uses <code>board-livegraph-engine.js</code> directly in-browser.
-              Source definitions remain opaque and are executed by an in-page task executor shim.
+              Uses <code>board-livecards-localstorage.js</code> — full board engine in-browser,
+              state persisted to localStorage. No server required.
             </p>
-            <a class="btn btn-primary" href="./demo-shell-browser.html">Open Browser Runtime Shell</a>
+            <a class="btn btn-primary" href="./demo-shell-localstorage.html">Open LocalStorage Runtime Shell</a>
           </div>
         </div>
       </div>