@plures/praxis 1.0.3 → 1.1.0

package/src/__tests__/canvas-components.test.ts

@@ -1,18 +1,18 @@
 /**
  * Canvas Components Tests
- * 
+ *
  * Tests for the Praxis Canvas Svelte components infrastructure.
  */
 
 import { describe, it, expect } from 'vitest';
-import { 
-  CanvasStateManager, 
+import {
+  CanvasStateManager,
   createCanvasStateManager,
   type CanvasState,
   type CanvasNodeState,
 } from '../../ui/canvas/canvas-state.js';
-import { 
-  CanvasProjection, 
+import {
+  CanvasProjection,
   createCanvasProjection,
   type LayoutResult,
 } from '../../ui/canvas/canvas-projection.js';
@@ -35,15 +35,26 @@ describe('Canvas State Manager', () => {
       { id: 'event2', tag: 'AddToCart', description: 'Add to cart event', payloadSchema: {} },
     ],
     rules: [
-      { id: 'rule1', name: 'Login Rule', description: 'Handle login', triggers: ['Login'], actions: [] },
+      {
+        id: 'rule1',
+        name: 'Login Rule',
+        description: 'Handle login',
+        triggers: ['Login'],
+        actions: [],
+      },
     ],
     constraints: [
-      { id: 'constraint1', name: 'Auth Required', description: 'User must be authenticated', expression: 'true' },
+      {
+        id: 'constraint1',
+        name: 'Auth Required',
+        description: 'User must be authenticated',
+        expression: 'true',
+      },
     ],
     models: [
-      { 
-        id: 'model1', 
-        name: 'User', 
+      {
+        id: 'model1',
+        name: 'User',
         description: 'User model',
         fields: [
           { name: 'id', type: 'string', required: true },
@@ -52,7 +63,13 @@ describe('Canvas State Manager', () => {
       },
     ],
     components: [
-      { id: 'comp1', name: 'UserCard', type: 'display', model: 'User', description: 'User card component' },
+      {
+        id: 'comp1',
+        name: 'UserCard',
+        type: 'display',
+        model: 'User',
+        description: 'User card component',
+      },
     ],
     flows: [],
   };
@@ -65,7 +82,7 @@ describe('Canvas State Manager', () => {
   it('should have initial state', () => {
     const manager = createCanvasStateManager();
     const state = manager.getState();
-    
+
     expect(state).toBeDefined();
     expect(state.nodes).toBeInstanceOf(Map);
     expect(state.edges).toBeInstanceOf(Map);
@@ -79,7 +96,7 @@ describe('Canvas State Manager', () => {
     const manager = createCanvasStateManager();
     manager.loadFromSchema(testSchema);
     const state = manager.getState();
-    
+
     expect(state.loading).toBe(false);
     // 2 facts + 2 events + 1 rule + 1 constraint + 1 model + 1 component = 8 nodes
     expect(state.nodes.size).toBe(8);
@@ -89,7 +106,7 @@ describe('Canvas State Manager', () => {
     const manager = createCanvasStateManager();
     manager.loadFromSchema(testSchema);
     const state = manager.getState();
-    
+
     const fact1 = state.nodes.get('fact1');
     expect(fact1).toBeDefined();
     expect(fact1?.type).toBe('fact');
@@ -100,7 +117,7 @@ describe('Canvas State Manager', () => {
     const manager = createCanvasStateManager();
     manager.loadFromSchema(testSchema);
     const state = manager.getState();
-    
+
     const event1 = state.nodes.get('event1');
     expect(event1).toBeDefined();
     expect(event1?.type).toBe('event');
@@ -111,15 +128,15 @@ describe('Canvas State Manager', () => {
     const manager = createCanvasStateManager();
     manager.loadFromSchema(testSchema);
     const state = manager.getState();
-    
+
     const rule1 = state.nodes.get('rule1');
     expect(rule1).toBeDefined();
     expect(rule1?.type).toBe('rule');
     expect(rule1?.label).toBe('Login Rule');
-    
+
     // Check for trigger edge from event to rule
     const edges = Array.from(state.edges.values());
-    const triggerEdge = edges.find(e => e.source === 'event1' && e.target === 'rule1');
+    const triggerEdge = edges.find((e) => e.source === 'event1' && e.target === 'rule1');
     expect(triggerEdge).toBeDefined();
     expect(triggerEdge?.type).toBe('event');
     expect(triggerEdge?.label).toBe('triggers');
@@ -128,10 +145,10 @@ describe('Canvas State Manager', () => {
   it('should select a node', () => {
     const manager = createCanvasStateManager();
     manager.loadFromSchema(testSchema);
-    
+
     manager.selectNode('fact1');
     const state = manager.getState();
-    
+
     expect(state.selection.nodes.has('fact1')).toBe(true);
     expect(state.nodes.get('fact1')?.selected).toBe(true);
   });
@@ -139,11 +156,11 @@ describe('Canvas State Manager', () => {
   it('should support multi-selection with addToSelection', () => {
     const manager = createCanvasStateManager();
     manager.loadFromSchema(testSchema);
-    
+
     manager.selectNode('fact1');
     manager.selectNode('fact2', true);
     const state = manager.getState();
-    
+
     expect(state.selection.nodes.has('fact1')).toBe(true);
     expect(state.selection.nodes.has('fact2')).toBe(true);
   });
@@ -151,10 +168,10 @@ describe('Canvas State Manager', () => {
   it('should move a node', () => {
     const manager = createCanvasStateManager();
     manager.loadFromSchema(testSchema);
-    
+
     manager.moveNode('fact1', { x: 100, y: 200 });
     const state = manager.getState();
-    
+
     const node = state.nodes.get('fact1');
     expect(node?.position.x).toBe(100);
     expect(node?.position.y).toBe(200);
@@ -163,11 +180,11 @@ describe('Canvas State Manager', () => {
   it('should snap to grid when moving', () => {
     const manager = createCanvasStateManager();
     manager.loadFromSchema(testSchema);
-    
+
     // Grid snap is enabled by default with size 20
     manager.moveNode('fact1', { x: 105, y: 215 });
     const state = manager.getState();
-    
+
     const node = state.nodes.get('fact1');
     // With grid snap, 105 rounds to 100 (nearest multiple of 20)
     // and 215 rounds to 220
@@ -178,11 +195,11 @@ describe('Canvas State Manager', () => {
   it('should clear selection', () => {
     const manager = createCanvasStateManager();
     manager.loadFromSchema(testSchema);
-    
+
     manager.selectNode('fact1');
     manager.selectNode('fact2', true);
     manager.clearSelection();
-    
+
     const state = manager.getState();
     expect(state.selection.nodes.size).toBe(0);
     expect(state.nodes.get('fact1')?.selected).toBe(false);
@@ -191,10 +208,10 @@ describe('Canvas State Manager', () => {
 
   it('should set viewport', () => {
     const manager = createCanvasStateManager();
-    
+
     manager.setViewport({ x: 50, y: 100, zoom: 1.5 });
     const state = manager.getState();
-    
+
     expect(state.viewport.x).toBe(50);
     expect(state.viewport.y).toBe(100);
     expect(state.viewport.zoom).toBe(1.5);
@@ -202,10 +219,10 @@ describe('Canvas State Manager', () => {
 
   it('should set mode', () => {
     const manager = createCanvasStateManager();
-    
+
     manager.setMode('pan');
     expect(manager.getState().mode).toBe('pan');
-    
+
     manager.setMode('connect');
     expect(manager.getState().mode).toBe('connect');
   });
@@ -213,10 +230,10 @@ describe('Canvas State Manager', () => {
   it('should toggle grid visibility', () => {
     const manager = createCanvasStateManager();
     const initialVisibility = manager.getState().grid.visible;
-    
+
     manager.toggleGrid();
     expect(manager.getState().grid.visible).toBe(!initialVisibility);
-    
+
     manager.toggleGrid();
     expect(manager.getState().grid.visible).toBe(initialVisibility);
   });
@@ -224,14 +241,14 @@ describe('Canvas State Manager', () => {
   it('should support undo/redo', () => {
     const manager = createCanvasStateManager();
     manager.loadFromSchema(testSchema);
-    
+
     // Make a change with undo support
     manager.selectNode('fact1');
-    
+
     // Undo should work
     const undoResult = manager.undo();
     expect(undoResult).toBe(true);
-    
+
     // Redo should work
     const redoResult = manager.redo();
     expect(redoResult).toBe(true);
@@ -241,21 +258,21 @@ describe('Canvas State Manager', () => {
     const manager = createCanvasStateManager();
     let callCount = 0;
     let lastState: CanvasState | null = null;
-    
+
     const unsubscribe = manager.subscribe((state) => {
       callCount++;
       lastState = state;
     });
-    
+
     // Initial call happens immediately
     expect(callCount).toBe(1);
     expect(lastState).not.toBeNull();
-    
+
     // Changes trigger subscriber
     manager.setMode('pan');
     expect(callCount).toBe(2);
     expect(lastState?.mode).toBe('pan');
-    
+
     // Unsubscribe works
     unsubscribe();
     manager.setMode('select');
@@ -265,17 +282,17 @@ describe('Canvas State Manager', () => {
   it('should export canvas state to schema', () => {
     const manager = createCanvasStateManager();
     manager.loadFromSchema(testSchema);
-    
+
     // Move a node
     manager.moveNode('fact1', { x: 150, y: 300 });
-    
+
     // Export back to schema
     const updatedSchema = manager.exportToSchema(testSchema);
-    
+
     expect(updatedSchema.modifiedAt).toBeDefined();
-    
+
     // Check that position was updated (snapped to grid size of 20)
-    const updatedFact = updatedSchema.facts.find(f => f.id === 'fact1');
+    const updatedFact = updatedSchema.facts.find((f) => f.id === 'fact1');
     // 150 rounded to nearest 20 = 160, 300 is already on grid
     expect(updatedFact?.position).toEqual({ x: 160, y: 300 });
   });
@@ -293,9 +310,7 @@ describe('Canvas Projection', () => {
       { id: 'fact1', tag: 'Fact1', description: 'Test fact', payloadSchema: {} },
       { id: 'fact2', tag: 'Fact2', description: 'Test fact 2', payloadSchema: {} },
     ],
-    events: [
-      { id: 'event1', tag: 'Event1', description: 'Test event', payloadSchema: {} },
-    ],
+    events: [{ id: 'event1', tag: 'Event1', description: 'Test event', payloadSchema: {} }],
     rules: [
       { id: 'rule1', name: 'Rule1', description: 'Test rule', triggers: ['Event1'], actions: [] },
     ],
@@ -313,7 +328,7 @@ describe('Canvas Projection', () => {
   it('should project schema to layout', () => {
     const projection = createCanvasProjection();
     const result = projection.projectSchema(testSchema);
-    
+
     expect(result).toBeDefined();
     expect(result.positions).toBeInstanceOf(Map);
     expect(result.viewport).toBeDefined();
@@ -323,10 +338,10 @@ describe('Canvas Projection', () => {
   it('should generate positions for all nodes', () => {
     const projection = createCanvasProjection();
     const result = projection.projectSchema(testSchema);
-    
+
     // 2 facts + 1 event + 1 rule = 4 nodes
     expect(result.positions.size).toBe(4);
-    
+
     expect(result.positions.has('fact1')).toBe(true);
     expect(result.positions.has('fact2')).toBe(true);
     expect(result.positions.has('event1')).toBe(true);
@@ -337,22 +352,28 @@ describe('Canvas Projection', () => {
     const schemaWithPositions: PSFSchema = {
       ...testSchema,
       facts: [
-        { id: 'fact1', tag: 'Fact1', description: 'Test', payloadSchema: {}, position: { x: 500, y: 500 } },
+        {
+          id: 'fact1',
+          tag: 'Fact1',
+          description: 'Test',
+          payloadSchema: {},
+          position: { x: 500, y: 500 },
+        },
       ],
       events: [],
       rules: [],
     };
-    
+
     const projection = createCanvasProjection({ respectExisting: true });
     const result = projection.projectSchema(schemaWithPositions);
-    
+
     expect(result.positions.get('fact1')).toEqual({ x: 500, y: 500 });
   });
 
   it('should use hierarchical layout', () => {
     const projection = createCanvasProjection({ algorithm: 'hierarchical' });
     const result = projection.projectSchema(testSchema);
-    
+
     expect(result.positions.size).toBe(4);
     // Each node should have a valid position
     for (const pos of result.positions.values()) {
@@ -364,12 +385,12 @@ describe('Canvas Projection', () => {
   it('should use grid layout', () => {
     const projection = createCanvasProjection({ algorithm: 'grid' });
     const result = projection.projectSchema(testSchema);
-    
+
     expect(result.positions.size).toBe(4);
     // Grid layout should have evenly spaced positions
     const positions = Array.from(result.positions.values());
     // All positions should be defined
-    positions.forEach(pos => {
+    positions.forEach((pos) => {
       expect(pos).toBeDefined();
       expect(typeof pos.x).toBe('number');
       expect(typeof pos.y).toBe('number');
@@ -379,12 +400,12 @@ describe('Canvas Projection', () => {
   it('should use circular layout', () => {
     const projection = createCanvasProjection({ algorithm: 'circular' });
     const result = projection.projectSchema(testSchema);
-    
+
     expect(result.positions.size).toBe(4);
     // Circular layout positions should be centered around origin
     const positions = Array.from(result.positions.values());
     // Check that positions exist and are numbers
-    positions.forEach(pos => {
+    positions.forEach((pos) => {
       expect(typeof pos.x).toBe('number');
       expect(typeof pos.y).toBe('number');
     });
@@ -393,11 +414,11 @@ describe('Canvas Projection', () => {
   it('should use force-directed layout', () => {
     const projection = createCanvasProjection({ algorithm: 'force' });
     const result = projection.projectSchema(testSchema);
-    
+
     expect(result.positions.size).toBe(4);
     // Force layout should spread nodes apart
     const positions = Array.from(result.positions.values());
-    positions.forEach(pos => {
+    positions.forEach((pos) => {
       expect(typeof pos.x).toBe('number');
       expect(typeof pos.y).toBe('number');
     });
@@ -406,7 +427,7 @@ describe('Canvas Projection', () => {
   it('should calculate bounds correctly', () => {
     const projection = createCanvasProjection({ algorithm: 'grid' });
     const result = projection.projectSchema(testSchema);
-    
+
     expect(result.bounds.minX).toBeDefined();
     expect(result.bounds.minY).toBeDefined();
     expect(result.bounds.maxX).toBeDefined();
@@ -416,21 +437,22 @@ describe('Canvas Projection', () => {
   });
 
   it('should center layout when requested', () => {
-    const projection = createCanvasProjection({ 
-      algorithm: 'grid', 
+    const projection = createCanvasProjection({
+      algorithm: 'grid',
       center: true,
     });
     const result = projection.projectSchema(testSchema);
-    
+
     // With centering, the average position should be near (0, 0)
-    let sumX = 0, sumY = 0;
+    let sumX = 0,
+      sumY = 0;
     for (const pos of result.positions.values()) {
       sumX += pos.x;
       sumY += pos.y;
     }
     const avgX = sumX / result.positions.size;
     const avgY = sumY / result.positions.size;
-    
+
     // Average should be close to 0 (allowing for rounding)
     expect(Math.abs(avgX)).toBeLessThan(100);
     expect(Math.abs(avgY)).toBeLessThan(100);
@@ -439,11 +461,10 @@ describe('Canvas Projection', () => {
 
 describe('Canvas Component Props', () => {
   it('should export component prop types', async () => {
-    const { 
-      createCanvasStateManager,
-      createCanvasProjection,
-    } = await import('../../ui/canvas/components/index.js');
-    
+    const { createCanvasStateManager, createCanvasProjection } = await import(
+      '../../ui/canvas/components/index.js'
+    );
+
     expect(createCanvasStateManager).toBeDefined();
     expect(createCanvasProjection).toBeDefined();
   });

package/src/__tests__/cli-create.test.ts

@@ -1,6 +1,6 @@
 /**
  * CLI Create Command Tests
- * 
+ *
  * Tests for the praxis create command.
  */
 
@@ -19,7 +19,7 @@ describe('CLI Create Command', () => {
     await mkdir(TEST_DIR, { recursive: true });
     process.chdir(TEST_DIR);
   });
-  
+
   afterEach(async () => {
     // Clean up test directory
     try {
@@ -28,19 +28,19 @@ describe('CLI Create Command', () => {
       // Ignore cleanup errors
     }
   });
-  
+
   describe('create app', () => {
     test('should create a new app with basic template', async () => {
       const appName = 'my-test-app';
       const options: CreateOptions = { template: 'basic' };
-      
+
       // Mock console.log to suppress output
       const originalLog = console.log;
       console.log = () => {};
-      
+
       try {
         await create('app', appName, options);
-        
+
         // Verify directory structure
         const appDir = join(TEST_DIR, appName);
         expect(existsSync(appDir)).toBe(true);
@@ -50,7 +50,7 @@ describe('CLI Create Command', () => {
         expect(existsSync(join(appDir, 'src', 'App.svelte'))).toBe(true);
         expect(existsSync(join(appDir, 'src', 'main.ts'))).toBe(true);
         expect(existsSync(join(appDir, 'src', 'schemas', 'app.schema.js'))).toBe(true);
-        
+
         // Verify package.json content
         const packageJson = JSON.parse(await readFile(join(appDir, 'package.json'), 'utf-8'));
         expect(packageJson.name).toBe(appName);
@@ -61,21 +61,21 @@ describe('CLI Create Command', () => {
         console.log = originalLog;
       }
     });
-    
+
     test('should fail for app with invalid name', async () => {
       const originalLog = console.log;
       const originalError = console.error;
       const originalExit = process.exit;
-      
+
       console.log = () => {};
       console.error = () => {};
-      
+
       let exitCode: number | undefined;
       process.exit = ((code?: number) => {
         exitCode = code;
         throw new Error('process.exit called');
       }) as never;
-      
+
       try {
         await create('app', '123invalid', {});
       } catch (e) {
@@ -85,32 +85,32 @@ describe('CLI Create Command', () => {
         console.error = originalError;
         process.exit = originalExit;
       }
-      
+
       expect(exitCode).toBe(1);
     });
   });
-  
+
   describe('create component', () => {
     test('should create a new component', async () => {
       const componentName = 'MyButton';
       const componentDir = join(TEST_DIR, 'components');
       await mkdir(componentDir, { recursive: true });
-      
+
       const options: CreateOptions = { directory: componentDir };
-      
+
       // Mock console.log to suppress output
       const originalLog = console.log;
       console.log = () => {};
-      
+
       try {
         await create('component', componentName, options);
-        
+
         // Verify component files
         const outputDir = join(componentDir, componentName);
         expect(existsSync(join(outputDir, `${componentName}.svelte`))).toBe(true);
         expect(existsSync(join(outputDir, `${componentName}.schema.js`))).toBe(true);
         expect(existsSync(join(outputDir, 'index.ts'))).toBe(true);
-        
+
         // Verify index.ts content
         const indexContent = await readFile(join(outputDir, 'index.ts'), 'utf-8');
         expect(indexContent).toContain(`export { default as ${componentName} }`);
@@ -118,21 +118,21 @@ describe('CLI Create Command', () => {
         console.log = originalLog;
       }
     });
-    
+
     test('should fail without a name', async () => {
       const originalLog = console.log;
       const originalError = console.error;
       const originalExit = process.exit;
-      
+
       console.log = () => {};
       console.error = () => {};
-      
+
       let exitCode: number | undefined;
       process.exit = ((code?: number) => {
         exitCode = code;
         throw new Error('process.exit called');
       }) as never;
-      
+
       try {
         await create('component', undefined, {});
       } catch (e) {
@@ -142,26 +142,26 @@ describe('CLI Create Command', () => {
         console.error = originalError;
         process.exit = originalExit;
       }
-      
+
       expect(exitCode).toBe(1);
     });
   });
-  
+
   describe('unknown type', () => {
     test('should fail for unknown type', async () => {
       const originalLog = console.log;
       const originalError = console.error;
       const originalExit = process.exit;
-      
+
       console.log = () => {};
       console.error = () => {};
-      
+
       let exitCode: number | undefined;
       process.exit = ((code?: number) => {
         exitCode = code;
         throw new Error('process.exit called');
       }) as never;
-      
+
       try {
         await create('unknown', 'test', {});
       } catch (e) {
@@ -171,7 +171,7 @@ describe('CLI Create Command', () => {
         console.error = originalError;
         process.exit = originalExit;
       }
-      
+
       expect(exitCode).toBe(1);
     });
   });