testeranto 0.234.0 → 0.235.0

package/dist/stakeholder/index.tsx

@@ -1,31 +1,14 @@
 // NOTE: this file is not a part of our build process, but a downstream process run by the user
 // this file is copied to the users project where they can customize it
-// for instance, the columns in a kanban chart and to which attribute they map
+// This is where a user configures the visualization.
 
 import React, { useState } from "react";
 import ReactDOM from "react-dom/client";
 
-
-
-// NOTE! You cannot do this
-// This tsx is copied to the user's host and bundled on thelfy
-///////////////////////////////////////////////////////////////////////////////////////////
-// import { createFileContentFromNode } from "./stateless/createFileContentFromNode";
-// import { togglePathInSet } from "./stateless/setUtils";
-// import { TabNavigation } from "./TabNavigation";
-// import { TestResultsSummary } from "./TestResultsSummary";
-// import { TreePanel } from "./TreePanel";
-// import { VisualizationPanel } from "./VisualizationPanel";
-///////////////////////////////////////////////////////////////////////////////////////////
-// Instead you must reference the imports from the installed version of testeranto
-// don't forget to expose those files in package.json
-// import type { GraphData, Node } from "testeranto/grafeovidajo";
-// import type { createFileContentFromNode, togglePathInSet } from "testeranto/stakeholder";
-
+// IMPORTANT : all imports need tog through stakeholderExports
 import {
-  VisualizationPanel, TreePanel, TestResultsSummary, TabNavigation,
-  createFileContentFromNode, togglePathInSet, type GraphData, type Node
-} from "testeranto/stakeholder";
+  VisualizationTabs,
+} from "../../src/stakeholderExports";
 
 
 export interface StakeholderData {
@@ -56,73 +39,82 @@ export interface StakeholderData {
   timestamp: string;
   workspaceRoot: string;
   featureTree?: any;
-  // Add test results data
   allTestResults?: {
     [configKey: string]: {
-      [testName: string]: any; // The content of tests.json
+      [testName: string]: any;
     };
   };
-  // Add feature graph for visualization
   featureGraph?: GraphData;
-  // Add file tree graph for visualization
   fileTreeGraph?: GraphData;
-  // Add viz configuration
   vizConfig?: any;
 }
 
-export interface StakeholderAppProps {
-  // Data is no longer passed as props - always use embedded data from window.TESTERANTO_EMBEDDED_DATA
-  data?: StakeholderData;
-}
-
 export const DefaultStakeholderApp: React.FC = () => {
-  // Always use embedded data from window
-  const embeddedData = (window as any).TESTERANTO_EMBEDDED_DATA;
+  const [data, setData] = React.useState<StakeholderData | null>(null);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState<string | null>(null);
+
+  React.useEffect(() => {
+    const loadData = async () => {
+      setLoading(true);
+      setError(null);
+
+      // 1. Try Server API
+      // try {
+      //   const response = await fetch('/api/graph-data');
+      //   if (!response.ok) throw new Error(`API ${response.status}`);
+
+      //   const result = await response.json();
+      //   setData(result.data || result);
+      //   setLoading(false);
+      //   return;
+      // } catch (apiError) {
+      //   console.warn("API failed, trying JSON file...", apiError.message);
+      // }
+
+      // 2. Try Static JSON
+      try {
+        const response = await fetch('/testeranto/reports/graph-data.json');
+        if (!response.ok) throw new Error(`JSON file ${response.status}`);
+
+        const jsonData = await response.json();
+        setData(jsonData);
+        setLoading(false);
+        return;
+      } catch (jsonError) {
+        console.warn("JSON file failed:", jsonError.message);
+      }
+
+      // 3. Final Fail-safe (If everything above failed)
+      setError("All data sources failed.");
+      setLoading(false);
+    };
+
+
+    loadData();
+  }, []);
+
+  if (loading) {
+    return (
+      <div style={{ padding: "40px", textAlign: "center" }}>
+        <h2>Loading Testeranto Stakeholder Report...</h2>
+        <p>Attempting to load data...</p>
+      </div>
+    );
+  }
 
-  if (!embeddedData) {
+  if (error || !data) {
     return (
       <div style={{ padding: "40px", textAlign: "center" }}>
         <h1 style={{ color: "#d32f2f" }}>Error Loading Report</h1>
-        <p>No embedded data found. The server may not have generated the report properly.</p>
+        <p>{error || "No data could be loaded."}</p>
         <p>Please make sure the Testeranto server has generated the report files.</p>
       </div>
     );
   }
 
-  const data: StakeholderData = embeddedData;
-
-  const [expandedPaths, setExpandedPaths] = useState<Set<string>>(
-    new Set([".", "root"]),
-  );
-  const [selectedFile, setSelectedFile] = useState<string | null>(null);
-  const [selectedFileContent, setSelectedFileContent] = useState<any>(null);
-  const [activeTab, setActiveTab] = useState<"tree" | "viz">("tree");
-  const [vizType, setVizType] = useState<
-    "eisenhower" | "gantt" | "kanban" | "tree" | "file-tree"
-  >("file-tree");
-
-  const toggleExpand = (path: string) => {
-    setExpandedPaths(togglePathInSet(expandedPaths, path));
-  };
-
-  const handleFileSelect = (node: any) => {
-    setSelectedFile(node.path);
-    const content = createFileContentFromNode(node, embeddedData);
-    setSelectedFileContent(content);
-  };
-
-  const handleTestResultClick = (
-    configKey: string,
-    testName: string,
-    testData: any,
-  ) => {
-    setSelectedFile(`${configKey}/${testName}`);
-    setSelectedFileContent(testData);
-  };
-
   const handleNodeClick = (node: Node) => {
     console.log("Node clicked:", node);
-    // You could implement node selection here
   };
 
   const handleNodeHover = (node: Node | null) => {
@@ -130,68 +122,20 @@ export const DefaultStakeholderApp: React.FC = () => {
   };
 
   return (
-    <div
-      style={{
-        padding: "20px",
-        fontFamily: "sans-serif",
-      }}
-    >
+    <div style={{ padding: "20px", fontFamily: "sans-serif" }}>
+      <h1>Testeranto Stakeholder Report</h1>
       <div style={{ marginBottom: "20px" }}>
-        <TabNavigation activeTab={activeTab} onTabChange={setActiveTab} />
-
-        {activeTab === "viz" && (
-          <VisualizationPanel
-            data={data}
-            vizType={vizType}
-            onVizTypeChange={setVizType}
-            onNodeClick={handleNodeClick}
-            onNodeHover={handleNodeHover}
-          />
-        )}
-
-        {activeTab === "tree" && (
-          <>
-            <TreePanel
-              featureTree={data.featureTree}
-              expandedPaths={expandedPaths}
-              selectedFile={selectedFile}
-              onToggleExpand={toggleExpand}
-              onFileSelect={handleFileSelect}
-              selectedFileContent={selectedFileContent}
-              configs={data.configs}
-              allTestResults={data.allTestResults}
-              onTestResultClick={handleTestResultClick}
-            />
-            {!selectedFile && data.allTestResults && (
-              <TestResultsSummary
-                allTestResults={data.allTestResults}
-                onTestResultClick={handleTestResultClick}
-              />
-            )}
-          </>
-        )}
+        <VisualizationTabs
+          data={data}
+          onNodeClick={handleNodeClick}
+          onNodeHover={handleNodeHover}
+        />
       </div>
     </div>
   );
 };
 
-// Function to render the app
 export function renderApp(rootElement: HTMLElement) {
-  // Always use embedded data from window
-  const embeddedData = (window as any).TESTERANTO_EMBEDDED_DATA;
-
-  if (!embeddedData) {
-    console.error("No stakeholder data available");
-    rootElement.innerHTML = `
-      <div style="padding: 40px; text-align: center;">
-        <h1 style="color: #d32f2f;">Error Loading Report</h1>
-        <p>No embedded data found. The server may not have generated the report properly.</p>
-        <p>Please make sure the Testeranto server has generated the report files.</p>
-      </div>
-    `;
-    return;
-  }
-
   const root = ReactDOM.createRoot(rootElement);
   root.render(
     <React.StrictMode>
@@ -200,5 +144,4 @@ export function renderApp(rootElement: HTMLElement) {
   );
 }
 
-// Export for use in HTML
 export default DefaultStakeholderApp;

package/package.json

@@ -2,7 +2,7 @@
   "name": "testeranto",
   "displayName": "Testeranto",
   "description": "the Dockerized, AI powered, BDD test framework for polyglot projects",
-  "version": "0.234.0",
+  "version": "0.235.0",
   "engines": {
     "node": ">=20.19.0",
     "vscode": "^1.60.0",
@@ -130,8 +130,8 @@
     "ATDD"
   ],
   "exports": {
-    "./src/server/serverClasses/StakeholderUtils": {
-      "import": "./src/server/serverClasses/StakeholderUtils.tsx"
+    "./src/server/serverClasses/stakeholderExports": {
+      "import": "./src/stakeholderExports.ts"
     },
     "./src/cjs-shim.ts": {
       "import": "./dist/cjs-shim.js",
@@ -234,11 +234,7 @@
       "import": "./dist/module/NodeWriter.js",
       "require": "./dist/common/NodeWriter.js"
     },
-    "./src/**/*": "./src/**/*.ts",
-    "./stakeholder": {
-      "import": "./src/stakeholderExports.ts",
-      "require": "./src/stakeholderExports.ts"
-    }
+    "./src/**/*": "./src/**/*.ts"
   },
   "peerDependencies": {
     "@types/react": "18.2.0",
@@ -323,6 +319,7 @@
     "file-saver": "^2.0.5",
     "fs-extra": "^11.2.0",
     "fs.promises.exists": "^1.1.4",
+    "graphology": "^0.26.0",
     "jiti": "*",
     "js-yaml": "^4.1.0",
     "license-checker": "^25.0.1",
@@ -365,4 +362,4 @@
     "@esbuild/win32-x64": "^0.27.2",
     "esbuild": "0.27.3"
   }
-}
+}

package/src/Types.ts

@@ -108,10 +108,10 @@ export type ConfirmSpecification<
   I extends Ibdd_in_any,
   O extends Ibdd_out_any,
 > = {
-    [K in keyof O["confirms"]]: (
+    [K in keyof O["confirms"]]: (input: O["confirms"][K]) => (
+      tableRows: [v: BaseValue, s: BaseShould][],
       features: string[],
-      tableRows: any[][],
-      ...xtras: O["confirms"][K]
+
     ) => BaseConfirm<I>
   };
 
@@ -120,9 +120,9 @@ export type ValueSpecification<
   O extends Ibdd_out_any,
 > = {
     [K in keyof O["values"]]: (
-      features: string[],
-      tableRows: any[][],
-      ...xtras: O["values"][K]
+      // features: string[],
+      // tableRows: any[][],
+      // ...xtras: O["values"][K]
     ) => BaseValue<I>;
   };
 
@@ -233,10 +233,9 @@ export type TestThenShape = Record<string, any>;
 export type TestDescribeShape = Record<string, any>;
 export type TestItShape = Record<string, any>;
 
-export type TestBaseConfirm = Record<string, any>;
-export type TestBaseValue = Record<string, any>;
-export type TestExpectShape = Record<string, any>;
-export type TestExpectVerify = Record<string, any>;
+export type TestConfirmShape = Record<string, any>;
+export type TestValueShape = Record<string, any>;
+export type TestShouldShape = Record<string, any>;
 
 export type IPluginFactory = (
   register?: (entrypoint: string, sources: string[]) => any,

package/src/index.ts

@@ -1,4 +1,6 @@
-// TODO auto add correct version instead of hardcode
+import pkg from "../package.json";
+
+const version = pkg.version;
 
 import readline from "readline";
 import { Server } from "./server/serverClasses/Server";
@@ -8,6 +10,9 @@ import fs from "fs/promises";
 import stakeholderTsx from "../src/stakeholderApp/index.tsx" with { type: "text" };
 
 const init = async () => {
+
+  console.log("initializing the testeranto folder");
+
   const testerantoDir = join(process.cwd(), "testeranto");
   const bundlesDir = join(testerantoDir, "bundles");
   const reportsDir = join(testerantoDir, "reports");
@@ -19,11 +24,9 @@ const init = async () => {
 
   // Copy stakeholder index.tsx if it doesn't exist
   const stakeholderIndexPath = join(reportsDir, "index.tsx");
-  try {
-    await fs.access(stakeholderIndexPath);
-  } catch {
-    await fs.writeFile(stakeholderIndexPath, stakeholderTsx);
-  }
+
+  console.log(stakeholderIndexPath, stakeholderTsx);
+  await fs.writeFile(stakeholderIndexPath, stakeholderTsx);
 
 }
 
@@ -31,17 +34,16 @@ const mode = process.argv[2] as "once" | "dev" | "-v" | "init";
 
 (async () => {
   if (mode === "-v") {
-    console.log(`v${"0.233.7"} `);
+    console.log(`v${version} `);
     process.exit(0);
   }
 
   if (mode === "init") {
-    console.log("initializing the testeranto folder");
     await init();
     process.exit(0);
   }
 
-  console.log(`hello testeranto v0.233.7 - running in ${mode} mode\n Press 'q' to initiate a graceful shutdown.\nPress 'CTRL + c' to quit forcefully.\n`);
+  console.log(`hello testeranto v${version} - running in ${mode} mode\n Press 'q' to initiate a graceful shutdown.\nPress 'CTRL + c' to quit forcefully.\n`);
 
   if (mode !== "once" && mode !== "dev" && mode != "-v") {
     console.error(`The 3rd argument should be '-v', 'init', 'dev' or 'once', not '${mode}'.`);
@@ -50,7 +52,7 @@ const mode = process.argv[2] as "once" | "dev" | "-v" | "init";
   }
 
   await init();
-  
+
   const config = (await import(process.cwd() + '/testeranto/testeranto.ts')).default;
   const server = new Server(config, mode);