npm - @ecopages/core - Versions diffs - 0.2.0-alpha.7 → 0.2.0-alpha.8 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (354) hide show

package/src/eco/eco.utils.test.ts DELETED Viewed

@@ -1,124 +0,0 @@
-import { describe, expect, test } from 'vitest';
-import { addTriggerAttribute, isThenable } from './eco.utils.ts';
-const TRIGGER_ID = 'eco-trigger-abc123';
-describe('addTriggerAttribute', () => {
-	describe('basic element injection', () => {
-		test('injects into a plain div', () => {
-			const result = addTriggerAttribute('<div>content</div>', TRIGGER_ID);
-			expect(result).toBe(`<div data-eco-trigger="${TRIGGER_ID}">content</div>`);
-		});
-		test('injects into a custom element', () => {
-			const result = addTriggerAttribute('<my-counter value="0"></my-counter>', TRIGGER_ID);
-			expect(result).toBe(`<my-counter data-eco-trigger="${TRIGGER_ID}" value="0"></my-counter>`);
-		});
-		test('injects into an element that already has attributes', () => {
-			const result = addTriggerAttribute('<div class="foo" id="bar">content</div>', TRIGGER_ID);
-			expect(result).toBe(`<div data-eco-trigger="${TRIGGER_ID}" class="foo" id="bar">content</div>`);
-		});
-		test('injects into a self-closing void element', () => {
-			const result = addTriggerAttribute('<img src="x.png" alt="" />', TRIGGER_ID);
-			expect(result).toBe(`<img data-eco-trigger="${TRIGGER_ID}" src="x.png" alt="" />`);
-		});
-		test('injects into an element with no attributes and immediate close', () => {
-			const result = addTriggerAttribute('<section></section>', TRIGGER_ID);
-			expect(result).toBe(`<section data-eco-trigger="${TRIGGER_ID}"></section>`);
-		});
-	});
-	describe('leading non-element nodes are skipped', () => {
-		test('skips leading whitespace and injects into the first element', () => {
-			const result = addTriggerAttribute('   \n  <div>content</div>', TRIGGER_ID);
-			expect(result).toBe(`   \n  <div data-eco-trigger="${TRIGGER_ID}">content</div>`);
-		});
-		test('skips a leading HTML comment', () => {
-			const result = addTriggerAttribute('<!-- wrapper --><div>content</div>', TRIGGER_ID);
-			expect(result).toBe(`<!-- wrapper --><div data-eco-trigger="${TRIGGER_ID}">content</div>`);
-		});
-		test('skips multiple leading HTML comments', () => {
-			const result = addTriggerAttribute('<!-- a --><!-- b --><span>text</span>', TRIGGER_ID);
-			expect(result).toBe(`<!-- a --><!-- b --><span data-eco-trigger="${TRIGGER_ID}">text</span>`);
-		});
-		test('skips a leading doctype declaration', () => {
-			const result = addTriggerAttribute('<!DOCTYPE html><html lang="en"></html>', TRIGGER_ID);
-			expect(result).toBe(`<!DOCTYPE html><html data-eco-trigger="${TRIGGER_ID}" lang="en"></html>`);
-		});
-		test('skips a leading XML processing instruction', () => {
-			const result = addTriggerAttribute('<?xml version="1.0"?><root/>', TRIGGER_ID);
-			expect(result).toBe(`<?xml version="1.0"?><root data-eco-trigger="${TRIGGER_ID}"/>`);
-		});
-		test('skips comment then whitespace then element', () => {
-			const result = addTriggerAttribute('<!-- note -->\n<article>body</article>', TRIGGER_ID);
-			expect(result).toBe(`<!-- note -->\n<article data-eco-trigger="${TRIGGER_ID}">body</article>`);
-		});
-	});
-	describe('only the first element is modified', () => {
-		test('does not inject into sibling elements', () => {
-			const result = addTriggerAttribute('<div>first</div><div>second</div>', TRIGGER_ID);
-			expect(result).toBe(`<div data-eco-trigger="${TRIGGER_ID}">first</div><div>second</div>`);
-		});
-	});
-	describe('fallback when no element is found', () => {
-		test('returns the original string unchanged when there is no opening tag', () => {
-			const input = 'just some text';
-			expect(addTriggerAttribute(input, TRIGGER_ID)).toBe(input);
-		});
-		test('returns the original string unchanged when input is empty', () => {
-			expect(addTriggerAttribute('', TRIGGER_ID)).toBe('');
-		});
-	});
-	describe('non-string input coercion', () => {
-		test('coerces a number to string before injecting', () => {
-			const result = addTriggerAttribute(42, TRIGGER_ID);
-			expect(result).toBe('42');
-		});
-		test('coerces null to the string "null"', () => {
-			expect(addTriggerAttribute(null, TRIGGER_ID)).toBe('null');
-		});
-	});
-});
-describe('isThenable', () => {
-	test('returns true for a native Promise', () => {
-		expect(isThenable(Promise.resolve())).toBe(true);
-	});
-	test('returns true for a plain object with a then function', () => {
-		expect(isThenable({ then: () => {} })).toBe(true);
-	});
-	test('returns false for a plain string', () => {
-		expect(isThenable('hello')).toBe(false);
-	});
-	test('returns false for a number', () => {
-		expect(isThenable(42)).toBe(false);
-	});
-	test('returns false for null', () => {
-		expect(isThenable(null)).toBe(false);
-	});
-	test('returns false for an object without then', () => {
-		expect(isThenable({ value: 1 })).toBe(false);
-	});
-	test('returns false when then is not a function', () => {
-		expect(isThenable({ then: 'not-a-function' })).toBe(false);
-	});
-});

package/src/eco/global-injector-map.test.ts DELETED Viewed

@@ -1,42 +0,0 @@
-import { describe, expect, test } from 'vitest';
-import { buildGlobalInjectorBootstrapContent, buildGlobalInjectorMapScript } from './global-injector-map.ts';
-import type { ResolvedLazyTrigger } from '../public-types.ts';
-describe('buildGlobalInjectorMapScript', () => {
-	test('builds merged map by trigger id and escapes script closing tags', () => {
-		const triggers: ResolvedLazyTrigger[] = [
-			{
-				triggerId: 'eco-trigger-one',
-				rules: [
-					{ 'on:interaction': { value: 'click', scripts: ['/a.js', '/b</script>.js'] } },
-					{ 'on:idle': { scripts: ['/idle.js'] } },
-				],
-			},
-			{
-				triggerId: 'eco-trigger-one',
-				rules: [{ 'on:interaction': { value: 'click', scripts: ['/a.js', '/c.js'] } }],
-			},
-		];
-		const payload = buildGlobalInjectorMapScript(triggers);
-		expect(payload).toContain('<\\/script>');
-		const map = JSON.parse(payload) as Record<string, Record<string, { scripts: string[]; value?: string }>>;
-		expect(map['eco-trigger-one']?.['on:idle']?.scripts).toEqual(['/idle.js']);
-		expect(map['eco-trigger-one']?.['on:interaction']).toEqual({
-			value: 'click',
-			scripts: ['/a.js', '/b</script>.js', '/c.js'],
-		});
-	});
-});
-describe('buildGlobalInjectorBootstrapContent', () => {
-	test('binds refresh to after-swap and avoids before-swap cleanup listener', () => {
-		const bootstrap = buildGlobalInjectorBootstrapContent('/assets/injector-global.js');
-		expect(bootstrap).toContain("document.addEventListener('eco:after-swap', handleAfterSwap);");
-		expect(bootstrap).not.toContain("document.addEventListener('eco:before-swap'");
-		expect(bootstrap).not.toContain('const handleBeforeSwap');
-		expect(bootstrap).toContain("document.removeEventListener('eco:after-swap', handleAfterSwap);");
-	});
-});

package/src/eco/lazy-injector-map.test.ts DELETED Viewed

@@ -1,66 +0,0 @@
-import { describe, expect, test } from 'vitest';
-import { buildInjectorMapScript } from './lazy-injector-map.ts';
-import type { InjectorMapConfig } from '@ecopages/scripts-injector/types';
-import type { ResolvedLazyScriptGroup } from '../public-types.ts';
-describe('buildInjectorMapScript', () => {
-	test('builds injector map for mixed lazy triggers', () => {
-		const lazyGroups: ResolvedLazyScriptGroup[] = [
-			{ lazy: { 'on:idle': true }, scripts: './idle-a.js, /idle-b.js' },
-			{ lazy: { 'on:interaction': 'click' }, scripts: './int-a.js' },
-			{ lazy: { 'on:visible': '0.5' }, scripts: '/vis-a.js' },
-		];
-		const result = buildInjectorMapScript(lazyGroups);
-		const map = JSON.parse(result) as InjectorMapConfig;
-		expect(map['on:idle']).toEqual({ scripts: ['/idle-a.js', '/idle-b.js'] });
-		expect(map['on:interaction']).toEqual({
-			value: 'click',
-			scripts: ['/int-a.js'],
-		});
-		expect(map['on:visible']).toEqual({
-			value: '0.5',
-			scripts: ['/vis-a.js'],
-		});
-	});
-	test('dedupes scripts and merges interaction events while preserving order', () => {
-		const lazyGroups: ResolvedLazyScriptGroup[] = [
-			{ lazy: { 'on:interaction': 'click,mouseenter' }, scripts: './one.js,./two.js' },
-			{ lazy: { 'on:interaction': 'mouseenter,focusin' }, scripts: '/two.js,/three.js' },
-		];
-		const result = buildInjectorMapScript(lazyGroups);
-		const map = JSON.parse(result) as InjectorMapConfig;
-		expect(map['on:interaction']).toEqual({
-			value: 'click,mouseenter,focusin',
-			scripts: ['/one.js', '/two.js', '/three.js'],
-		});
-	});
-	test('keeps existing on:visible threshold when a later boolean trigger is encountered', () => {
-		const lazyGroups: ResolvedLazyScriptGroup[] = [
-			{ lazy: { 'on:visible': '100px' }, scripts: './threshold.js' },
-			{ lazy: { 'on:visible': true }, scripts: './fallback.js' },
-		];
-		const result = buildInjectorMapScript(lazyGroups);
-		const map = JSON.parse(result) as InjectorMapConfig;
-		expect(map['on:visible']).toEqual({
-			value: '100px',
-			scripts: ['/threshold.js', '/fallback.js'],
-		});
-	});
-	test('escapes closing script tags in output payload', () => {
-		const lazyGroups: ResolvedLazyScriptGroup[] = [
-			{ lazy: { 'on:idle': true }, scripts: '/safe.js, /x</script>y.js' },
-		];
-		const result = buildInjectorMapScript(lazyGroups);
-		expect(result).toContain('<\\/script>');
-	});
-});

package/src/eco/module-dependencies.test.ts DELETED Viewed

@@ -1,30 +0,0 @@
-import { describe, expect, test } from 'vitest';
-import { normalizeModuleDeclarations, parseModuleDeclaration } from './module-dependencies.ts';
-describe('module dependencies parser', () => {
-	test('parses simple module declaration', () => {
-		expect(parseModuleDeclaration('react-aria-components')).toEqual({
-			from: 'react-aria-components',
-		});
-	});
-	test('parses declaration with named imports', () => {
-		expect(parseModuleDeclaration('react-aria-components{Table,Select}')).toEqual({
-			from: 'react-aria-components',
-			imports: ['Table', 'Select'],
-		});
-	});
-	test('normalizes and deduplicates module declarations', () => {
-		expect(
-			normalizeModuleDeclarations([
-				'react-aria-components{Table,Select}',
-				'react-aria-components{Table,Select}',
-				'lodash-es{debounce}',
-			]),
-		).toEqual([
-			{ from: 'react-aria-components', imports: ['Table', 'Select'] },
-			{ from: 'lodash-es', imports: ['debounce'] },
-		]);
-	});
-});

package/src/errors/http-error.test.ts DELETED Viewed

@@ -1,134 +0,0 @@
-import { describe, expect, test } from 'vitest';
-import { HttpError } from './http-error.ts';
-describe('HttpError', () => {
-	describe('constructor', () => {
-		test('creates error with status and message', () => {
-			const error = new HttpError(400, 'Bad request');
-			expect(error).toBeInstanceOf(Error);
-			expect(error).toBeInstanceOf(HttpError);
-			expect(error.status).toBe(400);
-			expect(error.message).toBe('Bad request');
-			expect(error.name).toBe('HttpError');
-			expect(error.details).toBeUndefined();
-		});
-		test('creates error with details', () => {
-			const details = { field: 'email', reason: 'invalid format' };
-			const error = new HttpError(400, 'Validation failed', details);
-			expect(error.details).toEqual(details);
-		});
-	});
-	describe('toJSON', () => {
-		test('serializes error without details', () => {
-			const error = new HttpError(404, 'Not found');
-			expect(error.toJSON()).toEqual({
-				error: 'Not found',
-				status: 404,
-			});
-		});
-		test('serializes error with details', () => {
-			const details = { body: [{ path: ['title'], message: 'Required' }] };
-			const error = new HttpError(400, 'Validation failed', details);
-			expect(error.toJSON()).toEqual({
-				error: 'Validation failed',
-				status: 400,
-				details,
-			});
-		});
-	});
-	describe('toResponse', () => {
-		test('creates Response with correct status and body', async () => {
-			const error = new HttpError(403, 'Access denied');
-			const response = error.toResponse();
-			expect(response).toBeInstanceOf(Response);
-			expect(response.status).toBe(403);
-			expect(response.headers.get('content-type')).toContain('application/json');
-			const body = await response.json();
-			expect(body).toEqual({ error: 'Access denied', status: 403 });
-		});
-	});
-	describe('factory methods', () => {
-		test('BadRequest creates 400 error', () => {
-			const error = HttpError.BadRequest();
-			expect(error.status).toBe(400);
-			expect(error.message).toBe('Bad Request');
-		});
-		test('BadRequest accepts custom message and details', () => {
-			const details = { field: 'name' };
-			const error = HttpError.BadRequest('Invalid input', details);
-			expect(error.message).toBe('Invalid input');
-			expect(error.details).toEqual(details);
-		});
-		test('Unauthorized creates 401 error', () => {
-			const error = HttpError.Unauthorized();
-			expect(error.status).toBe(401);
-			expect(error.message).toBe('Unauthorized');
-		});
-		test('Unauthorized accepts custom message', () => {
-			const error = HttpError.Unauthorized('Token expired');
-			expect(error.message).toBe('Token expired');
-		});
-		test('Forbidden creates 403 error', () => {
-			const error = HttpError.Forbidden();
-			expect(error.status).toBe(403);
-			expect(error.message).toBe('Forbidden');
-		});
-		test('Forbidden accepts custom message', () => {
-			const error = HttpError.Forbidden('Admin access required');
-			expect(error.message).toBe('Admin access required');
-		});
-		test('NotFound creates 404 error', () => {
-			const error = HttpError.NotFound();
-			expect(error.status).toBe(404);
-			expect(error.message).toBe('Not Found');
-		});
-		test('NotFound accepts custom message', () => {
-			const error = HttpError.NotFound('Post not found');
-			expect(error.message).toBe('Post not found');
-		});
-		test('Conflict creates 409 error', () => {
-			const error = HttpError.Conflict();
-			expect(error.status).toBe(409);
-			expect(error.message).toBe('Conflict');
-		});
-		test('Conflict accepts custom message and details', () => {
-			const details = { resource: 'user', conflict: 'email already exists' };
-			const error = HttpError.Conflict('Resource conflict', details);
-			expect(error.message).toBe('Resource conflict');
-			expect(error.details).toEqual(details);
-		});
-		test('InternalServerError creates 500 error', () => {
-			const error = HttpError.InternalServerError();
-			expect(error.status).toBe(500);
-			expect(error.message).toBe('Internal Server Error');
-		});
-		test('InternalServerError accepts custom message', () => {
-			const error = HttpError.InternalServerError('Database connection failed');
-			expect(error.message).toBe('Database connection failed');
-		});
-	});
-});

package/src/global/utils.test.ts DELETED Viewed

@@ -1,12 +0,0 @@
-import { describe, expect, test } from 'vitest';
-import { invariant } from '../utils/invariant.ts';
-describe('Utils', () => {
-	test('invariant should throw error when condition is falsy', () => {
-		expect(() => invariant(false, 'Test error')).toThrowError('[ecopages] Test error');
-	});
-	test('invariant should not throw error when condition is truthy', () => {
-		expect(() => invariant(true, 'Test error')).not.toThrow();
-	});
-});

package/src/hmr/client/__screenshots__/hmr-runtime.test.browser.ts/HMR-Runtime-HMR-Server-Integration-should-have-HMR-script-injected-in-page-1.png DELETED Viewed

Binary file

package/src/hmr/client/__screenshots__/hmr-runtime.test.browser.ts/HMR-Runtime-HMR-Server-Integration-should-load-fixture-app-page-1.png DELETED Viewed

Binary file

package/src/hmr/client/__screenshots__/hmr-runtime.test.browser.ts/HMR-Runtime-WebSocket-Connection-should-connect-to-correct-HMR-endpoint-1.png DELETED Viewed

Binary file

package/src/hmr/hmr-strategy.test.ts DELETED Viewed

@@ -1,124 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { HmrStrategy, HmrStrategyType, type HmrAction } from './hmr-strategy';
-/**
- * Mock strategy for testing the base class behavior
- */
-class MockStrategy extends HmrStrategy {
-	readonly type: HmrStrategyType;
-	override readonly priorityOffset: number;
-	private matchPattern: string;
-	constructor(options: { type: HmrStrategyType; priorityOffset?: number; matchPattern?: string }) {
-		super();
-		this.type = options.type;
-		this.priorityOffset = options.priorityOffset ?? 0;
-		this.matchPattern = options.matchPattern ?? '.';
-	}
-	matches(filePath: string): boolean {
-		return filePath.endsWith(this.matchPattern);
-	}
-	async process(filePath: string): Promise<HmrAction> {
-		return {
-			type: 'broadcast',
-			events: [{ type: 'update', path: filePath, timestamp: Date.now() }],
-		};
-	}
-}
-describe('HmrStrategyType', () => {
-	it('INTEGRATION has value 100', () => {
-		expect(HmrStrategyType.INTEGRATION).toBe(100);
-	});
-	it('ASSET has value 50', () => {
-		expect(HmrStrategyType.ASSET).toBe(50);
-	});
-	it('SCRIPT has value 25', () => {
-		expect(HmrStrategyType.SCRIPT).toBe(25);
-	});
-	it('FALLBACK has value 0', () => {
-		expect(HmrStrategyType.FALLBACK).toBe(0);
-	});
-	it('maintains priority order: INTEGRATION > ASSET > SCRIPT > FALLBACK', () => {
-		expect(HmrStrategyType.INTEGRATION).toBeGreaterThan(HmrStrategyType.ASSET);
-		expect(HmrStrategyType.ASSET).toBeGreaterThan(HmrStrategyType.SCRIPT);
-		expect(HmrStrategyType.SCRIPT).toBeGreaterThan(HmrStrategyType.FALLBACK);
-	});
-});
-describe('HmrStrategy', () => {
-	describe('priority', () => {
-		it('returns type value when priorityOffset is 0', () => {
-			const strategy = new MockStrategy({ type: HmrStrategyType.INTEGRATION });
-			expect(strategy.priority).toBe(100);
-		});
-		it('returns type + priorityOffset', () => {
-			const strategy = new MockStrategy({ type: HmrStrategyType.INTEGRATION, priorityOffset: 5 });
-			expect(strategy.priority).toBe(105);
-		});
-		it('allows negative priorityOffset', () => {
-			const strategy = new MockStrategy({ type: HmrStrategyType.ASSET, priorityOffset: -10 });
-			expect(strategy.priority).toBe(40);
-		});
-	});
-	describe('strategy selection by priority', () => {
-		it('higher priority strategies are selected first', () => {
-			const strategies = [
-				new MockStrategy({ type: HmrStrategyType.FALLBACK, matchPattern: '.test' }),
-				new MockStrategy({ type: HmrStrategyType.INTEGRATION, matchPattern: '.test' }),
-				new MockStrategy({ type: HmrStrategyType.SCRIPT, matchPattern: '.test' }),
-				new MockStrategy({ type: HmrStrategyType.ASSET, matchPattern: '.test' }),
-			];
-			const sorted = [...strategies].sort((a, b) => b.priority - a.priority);
-			expect(sorted[0].type).toBe(HmrStrategyType.INTEGRATION);
-			expect(sorted[1].type).toBe(HmrStrategyType.ASSET);
-			expect(sorted[2].type).toBe(HmrStrategyType.SCRIPT);
-			expect(sorted[3].type).toBe(HmrStrategyType.FALLBACK);
-		});
-		it('priorityOffset can override default ordering', () => {
-			const assetWithHighOffset = new MockStrategy({
-				type: HmrStrategyType.ASSET,
-				priorityOffset: 60,
-				matchPattern: '.test',
-			});
-			const integration = new MockStrategy({
-				type: HmrStrategyType.INTEGRATION,
-				matchPattern: '.test',
-			});
-			expect(assetWithHighOffset.priority).toBeGreaterThan(integration.priority);
-		});
-	});
-	describe('matches', () => {
-		it('should be implemented by subclasses', () => {
-			const strategy = new MockStrategy({ type: HmrStrategyType.ASSET, matchPattern: '.css' });
-			expect(strategy.matches('styles.css')).toBe(true);
-			expect(strategy.matches('script.js')).toBe(false);
-		});
-	});
-	describe('process', () => {
-		it('should return an HmrAction', async () => {
-			const strategy = new MockStrategy({ type: HmrStrategyType.ASSET });
-			const action = await strategy.process('/path/to/file.');
-			expect(action.type).toBe('broadcast');
-			expect(action.events).toBeDefined();
-			expect(action.events?.[0].type).toBe('update');
-			expect(action.events?.[0].path).toBe('/path/to/file.');
-		});
-	});
-});