@origostudio/origo-design 0.0.29 → 0.0.31

package/CHANGELOG.md

@@ -1,9 +1,12 @@
-## 0.0.29 (2026-09-14)
+## 0.0.31 (2026-09-16)
 
 ### 🚀 Features
 
-- add initial configuration file with project settings, modules, and agents ([571237b](https://github.com/OrigoStudio/origo-design/commit/571237b))
-- add resolve_sprint_status.json workflow configuration ([01c890e](https://github.com/OrigoStudio/origo-design/commit/01c890e))
+- implement Origo DevTools inspector UI and angular-renderer bridge ([dedd240](https://github.com/OrigoStudio/origo-design/commit/dedd240))
+- add Origo DevTools browser extension package with inspector UI ([4910624](https://github.com/OrigoStudio/origo-design/commit/4910624))
+- add devtools inspector UI story and update sprint status ([4e11ecd](https://github.com/OrigoStudio/origo-design/commit/4e11ecd))
+- add central test-case registry and validation tool ([12c2f66](https://github.com/OrigoStudio/origo-design/commit/12c2f66))
+- add Nx project configuration for devtools package ([cb1f628](https://github.com/OrigoStudio/origo-design/commit/cb1f628))
 
 ### ❤️ Thank You
 

package/dist/packages/angular-renderer/CHANGELOG.md

@@ -1,3 +1,24 @@
+## 0.0.31 (2026-09-16)
+
+### 🚀 Features
+
+- implement Origo DevTools inspector UI and angular-renderer bridge ([dedd240](https://github.com/OrigoStudio/origo-design/commit/dedd240))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 0.0.30 (2026-09-15)
+
+### 🚀 Features
+
+- add diagnostics API runtime hooks and devtools bridge ([cb49ce7](https://github.com/OrigoStudio/origo-design/commit/cb49ce7))
+- implement diagnostics API runtime hooks and devtools bridge ([5cceec9](https://github.com/OrigoStudio/origo-design/commit/5cceec9))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
 ## 0.0.29 (2026-09-14)
 
 This was a version bump only for angular-renderer to align it with other projects, there were no code changes.

package/dist/packages/angular-renderer/package.json

@@ -1,13 +1,13 @@
 {
   "name": "angular-renderer",
-  "version": "0.0.29",
+  "version": "0.0.31",
   "private": true,
   "type": "commonjs",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "dependencies": {
-    "@origo/core": "0.0.29",
-    "@origo/design-tokens": "0.0.29",
+    "@origo/core": "0.0.31",
+    "@origo/design-tokens": "0.0.31",
     "tslib": "^2.3.0",
     "@axe-core/playwright": "^4.13.0",
     "@playwright/test": "^1.36.0"

package/dist/packages/angular-renderer/src/devtools/devtools-bridge.d.ts

@@ -0,0 +1,34 @@
+export interface MetadataSource {
+    file: string;
+    line: number;
+}
+export interface ResolutionChain {
+    steps: string[];
+}
+export interface RenderingPath {
+    name: string;
+    badlPath: string;
+    children?: RenderingPath[];
+}
+export interface ErrorContext {
+    message: string;
+    stack: string;
+    badlPath: string;
+}
+export interface OrigoDevToolsAPI {
+    getActiveState: () => unknown;
+    getRenderingPath: (path: string) => RenderingPath | null;
+    getMetadataSource: (path: string) => MetadataSource | null;
+    getResolutionChain: (path: string) => ResolutionChain | null;
+    getErrorTelemetry: () => ErrorContext[];
+}
+declare global {
+    interface Window {
+        __ORIGO_DEVTOOLS__?: OrigoDevToolsAPI;
+    }
+}
+export declare function _injectTestState(state: unknown): void;
+export declare function _resetTestState(): void;
+export declare function appendErrorTelemetry(error: ErrorContext): void;
+export declare function getDevToolsAPI(): OrigoDevToolsAPI | null;
+export declare function initDevToolsBridge(): void;

package/dist/packages/angular-renderer/src/devtools/devtools-bridge.js

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports._injectTestState = _injectTestState;
+exports._resetTestState = _resetTestState;
+exports.appendErrorTelemetry = appendErrorTelemetry;
+exports.getDevToolsAPI = getDevToolsAPI;
+exports.initDevToolsBridge = initDevToolsBridge;
+const core_1 = require("@angular/core");
+// Sensitive keys to redact
+const SENSITIVE_KEYS = new Set(['password', 'ssn', 'apikey', 'token', 'secret']);
+function redactSensitiveData(obj, seen = new WeakSet()) {
+    if (obj === null || typeof obj !== 'object') {
+        return obj;
+    }
+    if (seen.has(obj)) {
+        return '[CIRCULAR]';
+    }
+    seen.add(obj);
+    let result;
+    if (Array.isArray(obj)) {
+        result = obj.map(item => redactSensitiveData(item, seen));
+    }
+    else {
+        const redacted = {};
+        for (const [key, value] of Object.entries(obj)) {
+            if (SENSITIVE_KEYS.has(key.toLowerCase()) || key.toLowerCase().includes('password')) {
+                redacted[key] = '[REDACTED]';
+            }
+            else if (value !== null && typeof value === 'object') {
+                redacted[key] = redactSensitiveData(value, seen);
+            }
+            else {
+                redacted[key] = value;
+            }
+        }
+        result = redacted;
+    }
+    seen.delete(obj);
+    return result;
+}
+// In-memory mock state for dev tools (to be replaced by actual AST bindings in future epics)
+let _internalState = {
+    entities: [],
+};
+let _errorTelemetry = [];
+function _injectTestState(state) {
+    _internalState = state;
+}
+function _resetTestState() {
+    _internalState = { entities: [] };
+    _errorTelemetry = [];
+}
+function appendErrorTelemetry(error) {
+    _errorTelemetry.push(error);
+}
+function getDevToolsAPI() {
+    if (!(0, core_1.isDevMode)()) {
+        return null;
+    }
+    return {
+        getActiveState: () => redactSensitiveData(_internalState),
+        getRenderingPath: (path) => {
+            // Build a tree from _internalState
+            const state = _internalState;
+            if (state && state.id === 'dom-identity') {
+                // Map the provided JSON to a tree
+                const root = {
+                    name: state.name || 'Root',
+                    badlPath: `/${state.domain || 'core'}/${state.id}`,
+                    children: (state.entities || []).map((ent) => ({
+                        name: ent.name,
+                        badlPath: `/${state.domain || 'core'}/${state.id}/${ent.id}`,
+                        children: (ent.fields || []).map((fld) => ({
+                            name: fld.name,
+                            badlPath: fld.metadata_path || `/${ent.id}/${fld.id}`,
+                        })),
+                    })),
+                };
+                return root;
+            }
+            // Default fallback
+            return {
+                name: 'Root Application',
+                badlPath: '/',
+                children: [],
+            };
+        },
+        getMetadataSource: (path) => {
+            // Find the object in _internalState that matches the path
+            const state = _internalState;
+            if (state && state.id === 'dom-identity') {
+                // Return the whole state for root, or specific parts based on path
+                if (path === `/${state.domain || 'core'}/${state.id}`)
+                    return state;
+                for (const ent of state.entities || []) {
+                    if (path === `/${state.domain || 'core'}/${state.id}/${ent.id}`)
+                        return ent;
+                    for (const fld of ent.fields || []) {
+                        if (path === (fld.metadata_path || `/${ent.id}/${fld.id}`))
+                            return fld;
+                    }
+                }
+            }
+            return { file: 'mock.json', line: 1 };
+        },
+        getResolutionChain: (path) => {
+            return null;
+        },
+        getErrorTelemetry: () => _errorTelemetry,
+    };
+}
+function initDevToolsBridge() {
+    if (!(0, core_1.isDevMode)()) {
+        return;
+    }
+    const api = getDevToolsAPI();
+    if (api && typeof window !== 'undefined') {
+        window.__ORIGO_DEVTOOLS__ = api;
+    }
+}
+//# sourceMappingURL=devtools-bridge.js.map

package/dist/packages/angular-renderer/src/devtools/devtools-bridge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtools-bridge.js","sourceRoot":"","sources":["../../../../../packages/angular-renderer/src/devtools/devtools-bridge.ts"],"names":[],"mappings":"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"}

package/dist/packages/angular-renderer/src/devtools/index.d.ts

@@ -0,0 +1 @@
+export * from './devtools-bridge';

package/dist/packages/angular-renderer/src/devtools/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./devtools-bridge"), exports);
+//# sourceMappingURL=index.js.map

package/dist/packages/angular-renderer/src/devtools/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../packages/angular-renderer/src/devtools/index.ts"],"names":[],"mappings":";;;AAAA,4DAAkC"}

package/dist/packages/angular-renderer/src/index.d.ts

@@ -5,3 +5,4 @@ export * from './adapters/web/adapter';
 export * from './components/primitives/vbox/vbox.component';
 export * from './components/primitives/text-input/text-input.component';
 export * from './components/primitives/button/button.component';
+export * from './devtools';

package/dist/packages/angular-renderer/src/index.js

@@ -8,4 +8,5 @@ tslib_1.__exportStar(require("./adapters/web/adapter"), exports);
 tslib_1.__exportStar(require("./components/primitives/vbox/vbox.component"), exports);
 tslib_1.__exportStar(require("./components/primitives/text-input/text-input.component"), exports);
 tslib_1.__exportStar(require("./components/primitives/button/button.component"), exports);
+tslib_1.__exportStar(require("./devtools"), exports);
 //# sourceMappingURL=index.js.map

package/dist/packages/angular-renderer/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/angular-renderer/src/index.ts"],"names":[],"mappings":";;;AAAA,+DAAqC;AACrC,mEAAyC;AACzC,gEAAsC;AACtC,iEAAuC;AACvC,sFAA4D;AAC5D,kGAAwE;AACxE,0FAAgE"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/angular-renderer/src/index.ts"],"names":[],"mappings":";;;AAAA,+DAAqC;AACrC,mEAAyC;AACzC,gEAAsC;AACtC,iEAAuC;AACvC,sFAA4D;AAC5D,kGAAwE;AACxE,0FAAgE;AAChE,qDAA2B"}

package/dist/packages/cli/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 0.0.31 (2026-09-16)
+
+This was a version bump only for cli to align it with other projects, there were no code changes.
+
+## 0.0.30 (2026-09-15)
+
+This was a version bump only for cli to align it with other projects, there were no code changes.
+
 ## 0.0.29 (2026-09-14)
 
 This was a version bump only for cli to align it with other projects, there were no code changes.

package/dist/packages/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@origostudio/cli",
-  "version": "0.0.29",
+  "version": "0.0.31",
   "private": false,
   "type": "commonjs",
   "main": "./src/index.js",
@@ -9,7 +9,7 @@
     "origo": "./src/main.js"
   },
   "dependencies": {
-    "@origo/core": "0.0.29",
+    "@origo/core": "0.0.31",
     "commander": "^15.0.0",
     "tslib": "^2.3.0"
   },

package/dist/packages/cli/package.json.bak

@@ -1,6 +1,6 @@
 {
   "name": "@origostudio/cli",
-  "version": "0.0.29",
+  "version": "0.0.31",
   "private": false,
   "type": "commonjs",
   "main": "./src/index.js",
@@ -9,7 +9,7 @@
     "origo": "./src/main.js"
   },
   "dependencies": {
-    "@origo/core": "0.0.29",
+    "@origo/core": "0.0.31",
     "commander": "^15.0.0",
     "tslib": "^2.3.0"
   },

package/dist/packages/core/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 0.0.31 (2026-09-16)
+
+This was a version bump only for core to align it with other projects, there were no code changes.
+
+## 0.0.30 (2026-09-15)
+
+This was a version bump only for core to align it with other projects, there were no code changes.
+
 ## 0.0.29 (2026-09-14)
 
 This was a version bump only for core to align it with other projects, there were no code changes.

package/dist/packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@origo/core",
-  "version": "0.0.29",
+  "version": "0.0.31",
   "private": true,
   "type": "commonjs",
   "main": "./src/index.js",

package/dist/packages/core/package.json.bak

@@ -1,6 +1,6 @@
 {
   "name": "@origo/core",
-  "version": "0.0.29",
+  "version": "0.0.31",
   "private": true,
   "type": "commonjs",
   "main": "./src/index.js",

package/dist/packages/design-tokens/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 0.0.31 (2026-09-16)
+
+This was a version bump only for design-tokens to align it with other projects, there were no code changes.
+
+## 0.0.30 (2026-09-15)
+
+This was a version bump only for design-tokens to align it with other projects, there were no code changes.
+
 ## 0.0.29 (2026-09-14)
 
 This was a version bump only for design-tokens to align it with other projects, there were no code changes.

package/dist/packages/design-tokens/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@origo/design-tokens",
-  "version": "0.0.29",
+  "version": "0.0.31",
   "private": false,
   "type": "commonjs",
   "main": "./src/index.js",

package/dist/packages/devtools/browser/devtools.html

@@ -0,0 +1,19 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Origo DevTools</title>
+    <base href="/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta http-equiv="Content-Security-Policy" content="script-src 'self'; object-src 'self';" />
+  </head>
+  <body>
+    <!-- 
+      We cannot run inline scripts in MV3 extension pages. 
+      The actual devtools panel registration happens here if needed, 
+      or in main.ts. Actually, devtools.html is the devtools_page in manifest,
+      which is invisible. It just creates the panel.
+    -->
+    <script src="devtools.js"></script>
+  </body>
+</html>

package/dist/packages/devtools/browser/devtools.js

@@ -0,0 +1,10 @@
+chrome.devtools.panels.create('Origo', '', 'panel.html', function (panel) {
+  if (!panel) {
+    console.error(
+      'Origo panel creation failed. chrome.runtime.lastError:',
+      chrome.runtime.lastError
+    );
+    return;
+  }
+  console.log('Origo panel created');
+});