@ecopages/core 0.2.0-alpha.7 → 0.2.0-alpha.8

package/src/route-renderer/component-graph/component-graph.test.ts

@@ -1,63 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { createComponentMarker } from './component-marker.ts';
-import { extractComponentGraph } from './component-graph.ts';
-
-describe('component graph extraction', () => {
-	it('extracts nodes in deterministic order without slot links', () => {
-		const html = [
-			createComponentMarker({ nodeId: 'n_1', integration: 'lit', componentRef: 'c_1', propsRef: 'p_1' }),
-			createComponentMarker({ nodeId: 'n_2', integration: 'react', componentRef: 'c_2', propsRef: 'p_2' }),
-		].join('');
-
-		const graph = extractComponentGraph(html);
-		expect([...graph.nodes.keys()]).toEqual(['n_1', 'n_2']);
-		expect(graph.levels).toEqual([['n_1', 'n_2']]);
-	});
-
-	it('builds parent child edges from slot registry', () => {
-		const html = [
-			createComponentMarker({
-				nodeId: 'n_1',
-				integration: 'lit',
-				componentRef: 'c_1',
-				propsRef: 'p_1',
-				slotRef: 's_1',
-			}),
-			createComponentMarker({ nodeId: 'n_2', integration: 'react', componentRef: 'c_2', propsRef: 'p_2' }),
-		].join('');
-
-		const graph = extractComponentGraph(html, {
-			s_1: ['n_2'],
-		});
-
-		expect(graph.edges.get('n_1')).toEqual(new Set(['n_2']));
-		expect(graph.reverseEdges.get('n_2')).toEqual(new Set(['n_1']));
-		expect(graph.levels).toEqual([['n_1'], ['n_2']]);
-	});
-
-	it('throws when slot links create cycles', () => {
-		const html = [
-			createComponentMarker({
-				nodeId: 'n_1',
-				integration: 'lit',
-				componentRef: 'c_1',
-				propsRef: 'p_1',
-				slotRef: 's_1',
-			}),
-			createComponentMarker({
-				nodeId: 'n_2',
-				integration: 'react',
-				componentRef: 'c_2',
-				propsRef: 'p_2',
-				slotRef: 's_2',
-			}),
-		].join('');
-
-		expect(() =>
-			extractComponentGraph(html, {
-				s_1: ['n_2'],
-				s_2: ['n_1'],
-			}),
-		).toThrow('Component marker graph contains a cycle');
-	});
-});

package/src/route-renderer/component-graph/component-marker.test.ts

@@ -1,73 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { createComponentMarker, parseComponentMarkers } from './component-marker.ts';
-
-describe('component marker contract', () => {
-	it('creates a canonical marker element', () => {
-		const html = createComponentMarker({
-			nodeId: 'n_1',
-			integration: 'react',
-			componentRef: 'c_1',
-			propsRef: 'p_1',
-			slotRef: 's_1',
-		});
-
-		expect(html).toContain('<eco-marker');
-		expect(html).toContain('data-eco-node-id="n_1"');
-		expect(html).toContain('data-eco-integration="react"');
-		expect(html).toContain('data-eco-component-ref="c_1"');
-		expect(html).toContain('data-eco-props-ref="p_1"');
-		expect(html).toContain('data-eco-slot-ref="s_1"');
-	});
-
-	it('parses multiple markers from html', () => {
-		const html = [
-			'<main>',
-			createComponentMarker({
-				nodeId: 'n_1',
-				integration: 'lit',
-				componentRef: 'c_1',
-				propsRef: 'p_1',
-			}),
-			createComponentMarker({
-				nodeId: 'n_2',
-				integration: 'react',
-				componentRef: 'c_2',
-				propsRef: 'p_2',
-				slotRef: 's_2',
-			}),
-			'</main>',
-		].join('');
-
-		const markers = parseComponentMarkers(html);
-		expect(markers).toHaveLength(2);
-		expect(markers[0]).toEqual({
-			nodeId: 'n_1',
-			integration: 'lit',
-			componentRef: 'c_1',
-			propsRef: 'p_1',
-			slotRef: undefined,
-		});
-		expect(markers[1]).toEqual({
-			nodeId: 'n_2',
-			integration: 'react',
-			componentRef: 'c_2',
-			propsRef: 'p_2',
-			slotRef: 's_2',
-		});
-	});
-
-	it('ignores malformed markers missing required fields', () => {
-		const html =
-			'<eco-marker data-eco-node-id="n_1" data-eco-integration="lit"></eco-marker>' +
-			createComponentMarker({
-				nodeId: 'n_2',
-				integration: 'lit',
-				componentRef: 'c_2',
-				propsRef: 'p_2',
-			});
-
-		const markers = parseComponentMarkers(html);
-		expect(markers).toHaveLength(1);
-		expect(markers[0]?.nodeId).toBe('n_2');
-	});
-});

package/src/route-renderer/component-graph/marker-graph-resolver.test.ts

@@ -1,135 +0,0 @@
-import { describe, expect, it, vi } from 'vitest';
-import type { EcoComponent } from '../../public-types.ts';
-import type { ProcessedAsset } from '../../services/assets/asset-processing-service';
-import { createComponentMarker } from './component-marker.ts';
-import { MarkerGraphResolver } from './marker-graph-resolver.ts';
-
-describe('MarkerGraphResolver', () => {
-	it('should resolve markers with renderer output, assets, and root attributes', async () => {
-		const service = new MarkerGraphResolver();
-		const Nested = (() => '<aside>Nested</aside>') as EcoComponent<Record<string, unknown>>;
-		Nested.config = {
-			integration: 'react',
-			__eco: {
-				id: 'nested-component',
-				file: '/app/components/nested-component.tsx',
-				integration: 'react',
-			},
-		};
-		const renderComponent = vi.fn(async () => ({
-			html: '<aside>Nested Render</aside>',
-			canAttachAttributes: true,
-			rootTag: 'aside',
-			integrationName: 'react',
-			rootAttributes: { 'data-eco-component-id': 'nested-1' },
-			assets: [{ kind: 'script', srcUrl: '/assets/nested.js', position: 'head' } as ProcessedAsset],
-		}));
-
-		const html = `<main>${createComponentMarker({
-			nodeId: 'n_1',
-			integration: 'react',
-			componentRef: 'nested-component',
-			propsRef: 'p_1',
-		})}</main>`;
-
-		const result = await service.resolve({
-			html,
-			componentsToResolve: [Nested],
-			graphContext: {
-				propsByRef: {
-					p_1: { count: 3 },
-				},
-				slotChildrenByRef: {},
-			},
-			resolveRenderer: () => ({ renderComponent }),
-			applyAttributesToFirstElement: (fragment, attributes) =>
-				fragment.replace('<aside', `<aside data-eco-component-id="${attributes['data-eco-component-id']}"`),
-		});
-
-		expect(result.html).toContain('<aside data-eco-component-id="nested-1">Nested Render</aside>');
-		expect(result.assets).toEqual([{ kind: 'script', srcUrl: '/assets/nested.js', position: 'head' }]);
-		expect(renderComponent).toHaveBeenCalledWith({
-			component: Nested,
-			props: { count: 3 },
-			children: undefined,
-			integrationContext: {
-				componentInstanceId: 'n_1',
-			},
-		});
-	});
-
-	it('should pass stable marker node ids as component instance ids for nested renders', async () => {
-		const service = new MarkerGraphResolver();
-		const Nested = (() => '<aside>Nested</aside>') as EcoComponent<Record<string, unknown>>;
-		Nested.config = {
-			integration: 'react',
-			__eco: {
-				id: 'nested-component',
-				file: '/app/components/nested-component.tsx',
-				integration: 'react',
-			},
-		};
-		const renderComponent = vi.fn(async () => ({
-			html: '<aside>Nested Render</aside>',
-			canAttachAttributes: true,
-			rootTag: 'aside',
-			integrationName: 'react',
-		}));
-
-		await service.resolve({
-			html: `<main>${createComponentMarker({
-				nodeId: 'n_42',
-				integration: 'react',
-				componentRef: 'nested-component',
-				propsRef: 'p_1',
-			})}</main>`,
-			componentsToResolve: [Nested],
-			graphContext: {
-				propsByRef: {
-					p_1: { count: 7 },
-				},
-				slotChildrenByRef: {},
-			},
-			resolveRenderer: () => ({ renderComponent }),
-			applyAttributesToFirstElement: (fragment) => fragment,
-		});
-
-		expect(renderComponent).toHaveBeenCalledWith({
-			component: Nested,
-			props: { count: 7 },
-			children: undefined,
-			integrationContext: {
-				componentInstanceId: 'n_42',
-			},
-		});
-	});
-
-	it('should fail when marker props are missing', async () => {
-		const service = new MarkerGraphResolver();
-		const Nested = (() => '<aside>Nested</aside>') as EcoComponent<Record<string, unknown>>;
-		Nested.config = {
-			__eco: {
-				id: 'nested-component',
-				file: '/app/components/nested-component.tsx',
-				integration: 'react',
-			},
-		};
-
-		await expect(
-			service.resolve({
-				html: createComponentMarker({
-					nodeId: 'n_1',
-					integration: 'react',
-					componentRef: 'nested-component',
-					propsRef: 'missing',
-				}),
-				componentsToResolve: [Nested],
-				graphContext: { propsByRef: {}, slotChildrenByRef: {} },
-				resolveRenderer: () => ({
-					renderComponent: vi.fn(),
-				}),
-				applyAttributesToFirstElement: (fragment) => fragment,
-			}),
-		).rejects.toThrow('[ecopages] Missing props reference for marker: missing');
-	});
-});