@harness-fe/runtime 4.0.0-next.0 → 4.0.0-next.4

package/dist/index.js

@@ -7,8 +7,7 @@
 import { installOverlay } from './overlay.js';
 import { RuntimeClient, readInjectedConfig } from './client.js';
 import { registerOverlayPlugin, drainPluginQueue, } from './pluginRegistry.js';
-// Informational; keep in sync with package.json on release.
-const VERSION = '3.3.0';
+import { VERSION } from './version.js';
 const w = window;
 if (typeof window !== 'undefined' && !w.__harness_fe_started__) {
     w.__harness_fe_started__ = true;

package/dist/overlay.js

@@ -16,6 +16,7 @@
 import { EVENT_NAME, } from '@harness-fe/protocol';
 import { snapdom } from '@zumer/snapdom';
 import { deriveDashboardUrl } from './dashboardUrl.js';
+import { VERSION } from './version.js';
 import { getCaptureStore } from './capture.js';
 import { collectPageLoadSnapshot } from './snapshot.js';
 import { getOverlayPlugins, subscribeOverlayPlugins, } from './pluginRegistry.js';
@@ -411,11 +412,13 @@ export function installOverlay(client) {
     // ─── Info card rendering ─────────────────────────────────────────────
     const renderInfo = () => {
         const proj = infoCard.querySelector('[data-role=project]');
+        const version = infoCard.querySelector('[data-role=version]');
         const build = infoCard.querySelector('[data-role=build]');
         const session = infoCard.querySelector('[data-role=session]');
         const tab = infoCard.querySelector('[data-role=tab]');
         const url = infoCard.querySelector('[data-role=url]');
         proj.textContent = client.displayName ?? client.projectId;
+        version.textContent = `v${VERSION}`;
         build.textContent = client.buildId ? abbr(client.buildId) : '—';
         build.title = client.buildId ?? 'No buildId — set HarnessScript buildId prop in prod';
         session.textContent = abbr(client.sessionId);
@@ -1969,6 +1972,7 @@ function buildInfoCard() {
             <button class="close-btn" data-role="close" title="Close (Esc)" type="button">×</button>
         </div>
         <div class="rows">
+            <div class="row"><span class="key">version</span><span class="pill" data-role="version" title="harness runtime version"></span></div>
             <div class="row"><span class="key">build</span><span class="pill" data-role="build" title="Click to copy"></span></div>
             <div class="row"><span class="key">session</span><span class="pill" data-role="session" title="Click to copy"></span></div>
             <div class="row"><span class="key">tab</span><span class="pill" data-role="tab" title="Click to copy"></span></div>

package/dist/version.d.ts

@@ -0,0 +1 @@
+export declare const VERSION = "4.0.0-next.4";

package/dist/version.js

@@ -0,0 +1,3 @@
+// AUTO-GENERATED by scripts/gen-version.mjs — do not edit by hand.
+// Sourced from package.json at build time so the runtime reports its real version.
+export const VERSION = '4.0.0-next.4';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@harness-fe/runtime",
-  "version": "4.0.0-next.0",
+  "version": "4.0.0-next.4",
   "description": "Browser-side SDK injected into the dev page. Connects to the MCP server via WebSocket and executes commands.",
   "type": "module",
   "license": "MIT",
@@ -30,7 +30,7 @@
   "dependencies": {
     "@zumer/snapdom": "^2.12.0",
     "rrweb": "2.0.0-alpha.4",
-    "@harness-fe/protocol": "4.0.0-next.0",
+    "@harness-fe/protocol": "4.0.0-next.4",
     "@harness-fe/sandbox": "^3.2.0"
   },
   "devDependencies": {
@@ -42,9 +42,9 @@
     "access": "public"
   },
   "scripts": {
-    "build": "tsc",
-    "dev": "tsc --watch --preserveWatchOutput",
-    "watch": "tsc --watch --preserveWatchOutput",
+    "build": "node scripts/gen-version.mjs && tsc",
+    "dev": "node scripts/gen-version.mjs && tsc --watch --preserveWatchOutput",
+    "watch": "node scripts/gen-version.mjs && tsc --watch --preserveWatchOutput",
     "typecheck": "tsc --noEmit",
     "test": "vitest run"
   }

package/src/index.ts

@@ -12,9 +12,7 @@ import {
     drainPluginQueue,
     type OverlayPlugin,
 } from './pluginRegistry.js';
-
-// Informational; keep in sync with package.json on release.
-const VERSION = '3.3.0';
+import { VERSION } from './version.js';
 
 const w = window as unknown as {
     __harness_fe_started__?: boolean;

package/src/overlay.test.ts

@@ -58,6 +58,8 @@ describe('installOverlay', () => {
         const card = root.querySelector('.info-card') as HTMLElement;
         expect(card.style.display).toBe('flex');
         expect(root.querySelector('[data-role=project]')!.textContent).toBe('Demo App');
+        // Runtime version surfaced in the card (real value from version.ts).
+        expect(root.querySelector('[data-role=version]')!.textContent).toMatch(/^v\d/);
         // Abbreviated to 8 chars
         expect(root.querySelector('[data-role=build]')!.textContent).toBe('build-12');
         expect(root.querySelector('[data-role=session]')!.textContent).toBe('sess-123');

package/src/overlay.ts

@@ -24,6 +24,7 @@ import {
 } from '@harness-fe/protocol';
 import { snapdom } from '@zumer/snapdom';
 import { deriveDashboardUrl } from './dashboardUrl.js';
+import { VERSION } from './version.js';
 import { getCaptureStore } from './capture.js';
 import { collectPageLoadSnapshot } from './snapshot.js';
 import {
@@ -482,11 +483,13 @@ export function installOverlay(client: OverlayClient): void {
     // ─── Info card rendering ─────────────────────────────────────────────
     const renderInfo = () => {
         const proj = infoCard.querySelector<HTMLElement>('[data-role=project]')!;
+        const version = infoCard.querySelector<HTMLElement>('[data-role=version]')!;
         const build = infoCard.querySelector<HTMLElement>('[data-role=build]')!;
         const session = infoCard.querySelector<HTMLElement>('[data-role=session]')!;
         const tab = infoCard.querySelector<HTMLElement>('[data-role=tab]')!;
         const url = infoCard.querySelector<HTMLElement>('[data-role=url]')!;
         proj.textContent = client.displayName ?? client.projectId;
+        version.textContent = `v${VERSION}`;
         build.textContent = client.buildId ? abbr(client.buildId) : '—';
         build.title = client.buildId ?? 'No buildId — set HarnessScript buildId prop in prod';
         session.textContent = abbr(client.sessionId);
@@ -2113,6 +2116,7 @@ function buildInfoCard(): HTMLDivElement {
             <button class="close-btn" data-role="close" title="Close (Esc)" type="button">×</button>
         </div>
         <div class="rows">
+            <div class="row"><span class="key">version</span><span class="pill" data-role="version" title="harness runtime version"></span></div>
             <div class="row"><span class="key">build</span><span class="pill" data-role="build" title="Click to copy"></span></div>
             <div class="row"><span class="key">session</span><span class="pill" data-role="session" title="Click to copy"></span></div>
             <div class="row"><span class="key">tab</span><span class="pill" data-role="tab" title="Click to copy"></span></div>

package/src/runtimeClient.e2e.test.ts

@@ -24,11 +24,11 @@ vi.mock('rrweb', () => ({
 import { mkdtempSync, rmSync } from 'node:fs';
 import { tmpdir } from 'node:os';
 import { join } from 'node:path';
-import { Bridge } from '../../mcp-server/src/bridge.js';
-import { JsonlStore } from '../../mcp-server/src/store/index.js';
+import { Bridge } from '../../daemon/src/bridge.js';
+import { JsonlStore } from '../../daemon/src/store/index.js';
 import { RuntimeClient } from './client.js';
 import { getCaptureStore } from './capture.js';
-import type { StoreEvent } from '../../mcp-server/src/store/index.js';
+import type { StoreEvent } from '../../daemon/src/store/index.js';
 import type { NetworkEntry, StorageEntry, WsEntry } from '@harness-fe/protocol';
 
 interface Env {

package/src/version.ts

@@ -0,0 +1,3 @@
+// AUTO-GENERATED by scripts/gen-version.mjs — do not edit by hand.
+// Sourced from package.json at build time so the runtime reports its real version.
+export const VERSION = '4.0.0-next.4';