testeranto 0.233.1 → 0.233.3

package/bundle.js

@@ -17,6 +17,7 @@ await esbuild.build({
   target: "node20",
   outdir: "dist/prebuild",
   packages: "external",
+  external: ['./src/server/serverClasses/index.tsx'],
   // supported: {
   //   "dynamic-import": true,
   // },
@@ -50,6 +51,7 @@ await esbuild.build({
     "dynamic-import": true,
   },
   external: [
+    './src/server/serverClasses/index.tsx',
     "fs", "path", "child_process", "util", "os", "events", "stream",
     "http", "https", "zlib", "crypto", "buffer", "net", "dns", "tls",
     "assert", "querystring", "punycode", "readline", "repl", "vm",

package/package.json

@@ -2,7 +2,7 @@
   "name": "testeranto",
   "displayName": "Testeranto",
   "description": "the Dockerized, AI powered, BDD test framework for polyglot projects",
-  "version": "0.233.1",
+  "version": "0.233.3",
   "engines": {
     "node": ">=20.19.0",
     "vscode": "^1.60.0",

package/src/grafeovidajo/package.json

@@ -1,6 +1,6 @@
 {
   "name": "grafeovidajo",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "Visualization library for Testeranto",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -50,4 +50,4 @@
   "files": [
     "dist"
   ]
-}
+}

package/src/viz.md

@@ -1,6 +1,6 @@
-we use the viz library to viusalize data which we present to the user through the[stakeholder app](src/serverClasses/index.tsx) the viz library works by mapping graph data to a 2 screen.
+we use the grafeovidajo library to viusalize data which we present to the user through the[stakeholder app](src/serverClasses/index.tsx) the grafeovidajo library works by mapping graph data to a 2 screen.
 
-Our index.html comes loaded with this graph data and viz handles it from there.
+Our index.html comes loaded with this graph data and grafeovidajo handles it from there.
 
 ## graph
 

package/src/viz-app/MarkdownChart.tsx

@@ -1,115 +0,0 @@
-import React, { useMemo, useCallback } from 'react';
-import { GraphData, VizComponentProps, Node } from 'viz';
-import { MarkdownChartProps } from './types';
-import { useMarkdownFiles } from './hooks/useMarkdownFiles';
-import { useChartSync } from './hooks/useChartSync';
-import { markdownFilesToGraphData } from './markdown/parser';
-
-export const MarkdownChart: React.FC<MarkdownChartProps> = ({
-  filePattern,
-  watchFiles = false,
-  chartComponent: ChartComponent,
-  chartConfig,
-  attributeMapping,
-  onFileChange,
-  onNodeUpdate,
-  width,
-  height
-}) => {
-  const {
-    files,
-    loading,
-    error,
-    updateFile
-  } = useMarkdownFiles(filePattern, watchFiles);
-
-  const { handleNodeUpdate, handleNodeDrag } = useChartSync(
-    files,
-    updateFile,
-    attributeMapping
-  );
-
-  // Convert markdown files to graph data
-  const graphData = useMemo<GraphData>(() => {
-    return markdownFilesToGraphData(files, attributeMapping);
-  }, [files, attributeMapping]);
-
-  // Handle node interactions
-  const handleNodeClick = useCallback((node: Node) => {
-    // Could open the markdown file for editing
-    console.log('Node clicked:', node);
-  }, []);
-
-  const handleNodeHover = useCallback((node: Node | null) => {
-    // Could show tooltip with file info
-    console.log('Node hover:', node);
-  }, []);
-
-  const handleNodeInteraction = useCallback(async (
-    node: Node,
-    interactionType: 'drag' | 'attributeChange',
-    data: any
-  ) => {
-    try {
-      if (interactionType === 'drag') {
-        await handleNodeDrag(node, data);
-      } else if (interactionType === 'attributeChange') {
-        await handleNodeUpdate(node, data);
-      }
-      
-      // Notify parent component
-      onNodeUpdate?.(node, data);
-    } catch (error) {
-      console.error('Failed to handle node interaction:', error);
-    }
-  }, [handleNodeDrag, handleNodeUpdate, onNodeUpdate]);
-
-  if (loading) {
-    return <div>Loading markdown files...</div>;
-  }
-
-  if (error) {
-    return <div>Error loading files: {error.message}</div>;
-  }
-
-  if (files.length === 0) {
-    return <div>No markdown files found matching pattern: {filePattern}</div>;
-  }
-
-  // Enhance chart config with attribute mapping
-  const enhancedConfig = {
-    ...chartConfig,
-    projection: {
-      ...chartConfig.projection,
-      xAttribute: attributeMapping.xAttribute || chartConfig.projection.xAttribute,
-      yAttribute: attributeMapping.yAttribute || chartConfig.projection.yAttribute
-    }
-  };
-
-  return (
-    <div className="markdown-chart-container">
-      <div className="chart-header">
-        <h3>Visualizing {files.length} markdown files</h3>
-        <div className="file-info">
-          Files will be updated as you interact with the chart
-        </div>
-      </div>
-      
-      <ChartComponent
-        data={graphData}
-        config={enhancedConfig}
-        width={width}
-        height={height}
-        onNodeClick={handleNodeClick}
-        onNodeHover={handleNodeHover}
-        // Additional props for drag interactions could be passed here
-      />
-      
-      <div className="chart-footer">
-        <small>
-          Each node represents a markdown file. Drag nodes to update their attributes.
-        </small>
-      </div>
-    </div>
-  );
-};

package/src/viz-app/hooks/useChartSync.ts

@@ -1,66 +0,0 @@
-import { useCallback } from 'react';
-import { Node } from 'viz';
-import { MarkdownFile } from '../types';
-
-export function useChartSync(
-  files: MarkdownFile[],
-  updateFile: (filePath: string, updates: Record<string, any>) => Promise<MarkdownFile>,
-  attributeMapping: { idAttribute: string; xAttribute?: string; yAttribute?: string }
-) {
-  const handleNodeUpdate = useCallback(async (
-    node: Node,
-    updates: Record<string, any>
-  ) => {
-    const filePath = node.attributes._path;
-    if (!filePath) {
-      console.warn('Node has no associated file path:', node.id);
-      return;
-    }
-    
-    // Remove internal attributes from updates
-    const cleanUpdates = { ...updates };
-    delete cleanUpdates._path;
-    delete cleanUpdates._body;
-    
-    try {
-      await updateFile(filePath, cleanUpdates);
-    } catch (error) {
-      console.error('Failed to update file:', error);
-      throw error;
-    }
-  }, [updateFile]);
-
-  const handleNodeDrag = useCallback(async (
-    node: Node,
-    newPosition: { x: number; y: number }
-  ) => {
-    // Map screen coordinates back to attribute values
-    // This depends on the projection configuration
-    const updates: Record<string, any> = {};
-    
-    if (attributeMapping.xAttribute) {
-      // This is a simplification - actual mapping would depend on projection config
-      updates[attributeMapping.xAttribute] = newPosition.x;
-    }
-    
-    if (attributeMapping.yAttribute) {
-      updates[attributeMapping.yAttribute] = newPosition.y;
-    }
-    
-    return handleNodeUpdate(node, updates);
-  }, [handleNodeUpdate, attributeMapping]);
-
-  const handleNodeAttributeChange = useCallback(async (
-    node: Node,
-    attribute: string,
-    value: any
-  ) => {
-    return handleNodeUpdate(node, { [attribute]: value });
-  }, [handleNodeUpdate]);
-
-  return {
-    handleNodeUpdate,
-    handleNodeDrag,
-    handleNodeAttributeChange
-  };
-}

package/src/viz-app/hooks/useMarkdownFiles.ts

@@ -1,84 +0,0 @@
-import { useState, useEffect, useCallback } from 'react';
-import { MarkdownFile, FileSystemAdapter } from '../types';
-import { parseMarkdownFile, updateMarkdownFile } from '../markdown/parser';
-
-// Default file system adapter (can be overridden)
-const defaultFileSystemAdapter: FileSystemAdapter = {
-  async readFiles(pattern: string | string[]): Promise<MarkdownFile[]> {
-    // This would be implemented with actual file system access
-    // For now, return empty array - implementation depends on environment
-    console.warn('Default file system adapter not implemented');
-    return [];
-  },
-  
-  async writeFile(file: MarkdownFile): Promise<void> {
-    console.warn('Default file system adapter not implemented');
-  },
-  
-  watchFiles(pattern: string | string[], callback: (files: MarkdownFile[]) => void): () => void {
-    console.warn('Default file system adapter not implemented');
-    return () => {};
-  }
-};
-
-export function useMarkdownFiles(
-  filePattern: string | string[],
-  watchFiles: boolean = false,
-  fileSystemAdapter: FileSystemAdapter = defaultFileSystemAdapter
-) {
-  const [files, setFiles] = useState<MarkdownFile[]>([]);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState<Error | null>(null);
-
-  const loadFiles = useCallback(async () => {
-    try {
-      setLoading(true);
-      const fileContents = await fileSystemAdapter.readFiles(filePattern);
-      setFiles(fileContents);
-      setError(null);
-    } catch (err) {
-      setError(err instanceof Error ? err : new Error('Failed to load files'));
-    } finally {
-      setLoading(false);
-    }
-  }, [filePattern, fileSystemAdapter]);
-
-  const updateFile = useCallback(async (
-    filePath: string,
-    updates: Record<string, any>
-  ) => {
-    const file = files.find(f => f.path === filePath);
-    if (!file) throw new Error(`File not found: ${filePath}`);
-    
-    const updatedFile = updateMarkdownFile(file, updates);
-    
-    await fileSystemAdapter.writeFile(updatedFile);
-    
-    // Update local state
-    setFiles(prev => prev.map(f => 
-      f.path === filePath ? updatedFile : f
-    ));
-    
-    return updatedFile;
-  }, [files, fileSystemAdapter]);
-
-  useEffect(() => {
-    loadFiles();
-    
-    if (watchFiles) {
-      const unwatch = fileSystemAdapter.watchFiles(filePattern, (newFiles) => {
-        setFiles(newFiles);
-      });
-      
-      return unwatch;
-    }
-  }, [filePattern, watchFiles, fileSystemAdapter, loadFiles]);
-
-  return {
-    files,
-    loading,
-    error,
-    reload: loadFiles,
-    updateFile
-  };
-}

package/src/viz-app/index.ts

@@ -1,10 +0,0 @@
-export { MarkdownChart } from './MarkdownChart';
-export { useMarkdownFiles } from './hooks/useMarkdownFiles';
-export { useChartSync } from './hooks/useChartSync';
-export { parseMarkdownFile, markdownFilesToGraphData, updateMarkdownFile } from './markdown/parser';
-
-export type {
-  MarkdownChartProps,
-  MarkdownFile,
-  FileSystemAdapter
-} from './types';

package/src/viz-app/markdown/parser.ts

@@ -1,115 +0,0 @@
-import { MarkdownFile } from '../types';
-import { GraphData } from 'viz';
-
-const FRONTMATTER_REGEX = /^---\s*\n([\s\S]*?)\n---\s*\n([\s\S]*)$/;
-
-export function parseMarkdownFile(path: string, content: string): MarkdownFile {
-  const match = content.match(FRONTMATTER_REGEX);
-  
-  if (match) {
-    const [, frontmatterStr, body] = match;
-    const frontmatter = parseYAML(frontmatterStr);
-    
-    return {
-      path,
-      content,
-      frontmatter,
-      body: body.trim()
-    };
-  }
-  
-  // No frontmatter - treat entire content as body
-  return {
-    path,
-    content,
-    frontmatter: {},
-    body: content.trim()
-  };
-}
-
-function parseYAML(yamlStr: string): Record<string, any> {
-  try {
-    // Simple YAML parser for basic key-value pairs
-    const result: Record<string, any> = {};
-    const lines = yamlStr.split('\n');
-    
-    for (const line of lines) {
-      const trimmed = line.trim();
-      if (!trimmed || trimmed.startsWith('#')) continue;
-      
-      const colonIndex = trimmed.indexOf(':');
-      if (colonIndex > 0) {
-        const key = trimmed.substring(0, colonIndex).trim();
-        let value = trimmed.substring(colonIndex + 1).trim();
-        
-        // Try to parse values
-        if (value === 'true') value = true;
-        else if (value === 'false') value = false;
-        else if (value === 'null') value = null;
-        else if (!isNaN(Number(value)) && value !== '') value = Number(value);
-        else if (value.startsWith('"') && value.endsWith('"')) {
-          value = value.slice(1, -1);
-        } else if (value.startsWith("'") && value.endsWith("'")) {
-          value = value.slice(1, -1);
-        }
-        
-        result[key] = value;
-      }
-    }
-    
-    return result;
-  } catch (error) {
-    console.warn('Failed to parse YAML frontmatter:', error);
-    return {};
-  }
-}
-
-export function markdownFilesToGraphData(
-  files: MarkdownFile[],
-  attributeMapping: { idAttribute: string; xAttribute?: string; yAttribute?: string }
-): GraphData {
-  const nodes = files.map(file => {
-    const id = file.frontmatter[attributeMapping.idAttribute] || 
-               file.path.split('/').pop()?.replace('.md', '') || 
-               `node-${Math.random().toString(36).substr(2, 9)}`;
-    
-    return {
-      id,
-      attributes: {
-        ...file.frontmatter,
-        _path: file.path,
-        _body: file.body
-      }
-    };
-  });
-  
-  return { nodes };
-}
-
-export function updateMarkdownFile(
-  file: MarkdownFile,
-  updatedAttributes: Record<string, any>
-): MarkdownFile {
-  const newFrontmatter = { ...file.frontmatter, ...updatedAttributes };
-  
-  // Remove internal attributes that shouldn't be in frontmatter
-  delete newFrontmatter._path;
-  delete newFrontmatter._body;
-  
-  // Convert frontmatter back to YAML
-  const frontmatterLines = Object.entries(newFrontmatter)
-    .map(([key, value]) => {
-      if (value === null || value === undefined) return `${key}: null`;
-      if (typeof value === 'string') return `${key}: "${value}"`;
-      if (typeof value === 'boolean') return `${key}: ${value}`;
-      return `${key}: ${value}`;
-    });
-  
-  const newContent = `---\n${frontmatterLines.join('\n')}\n---\n\n${file.body}`;
-  
-  return {
-    ...file,
-    content: newContent,
-    frontmatter: newFrontmatter
-  };
-}

package/src/viz-app/types.ts

@@ -1,40 +0,0 @@
-import { GraphData, Node, VizConfig, VizComponentProps } from 'viz';
-
-export interface MarkdownFile {
-  path: string;
-  content: string;
-  frontmatter: Record<string, any>;
-  body: string;
-}
-
-export interface MarkdownChartProps {
-  // File system configuration
-  filePattern: string | string[]; // Glob pattern(s) for markdown files
-  watchFiles?: boolean; // Watch for file changes
-  
-  // Chart configuration
-  chartComponent: React.ComponentType<VizComponentProps>;
-  chartConfig: VizConfig;
-  
-  // Attribute mapping
-  attributeMapping: {
-    idAttribute: string; // Which frontmatter field becomes node.id
-    xAttribute?: string; // Maps to projection.xAttribute
-    yAttribute?: string; // Maps to projection.yAttribute
-    // Additional attribute mappings can be inferred from frontmatter
-  };
-  
-  // Callbacks
-  onFileChange?: (file: MarkdownFile) => void;
-  onNodeUpdate?: (node: Node, oldAttributes: Record<string, any>) => void;
-  
-  // Display
-  width: number;
-  height: number;
-}
-
-export interface FileSystemAdapter {
-  readFiles(pattern: string | string[]): Promise<MarkdownFile[]>;
-  writeFile(file: MarkdownFile): Promise<void>;
-  watchFiles(pattern: string | string[], callback: (files: MarkdownFile[]) => void): () => void;
-}