@ecopages/core 0.2.0-alpha.8 → 0.2.1-beta.0

package/src/services/assets/asset-processing-service/asset-processing.service.ts

@@ -1,401 +0,0 @@
-import path from 'node:path';
-import { RESOLVED_ASSETS_DIR } from '../../../constants';
-import { appLogger } from '../../../global/app-logger';
-import type { EcoPagesAppConfig, IHmrManager } from '../../../internal-types';
-import { rapidhash } from '../../../utils/hash';
-import { fileSystem } from '@ecopages/file-system';
-import type { AssetDefinition, AssetKind, AssetSource, ProcessedAsset } from './assets.types';
-import { isHmrAware } from './processor.interface';
-import { ProcessorRegistry } from './processor.registry';
-import {
-	ContentScriptProcessor,
-	ContentStylesheetProcessor,
-	FileScriptProcessor,
-	FileStylesheetProcessor,
-	NodeModuleScriptProcessor,
-} from './processors';
-
-/**
- * Processes declared component and page asset dependencies for one app instance.
- *
- * @remarks
- * This service is the shared bridge between dependency declarations and emitted
- * runtime-ready assets. It owns deduplication, processor dispatch, cache reuse,
- * output URL normalization, and production gzip preparation so route rendering
- * and HMR flows do not need to understand processor-specific behavior.
- */
-export class AssetProcessingService {
-	static readonly RESOLVED_ASSETS_DIR = RESOLVED_ASSETS_DIR;
-	private registry = new ProcessorRegistry();
-	private hmrManager?: IHmrManager;
-	private cache = new Map<string, { asset: ProcessedAsset }>();
-	private readonly config: EcoPagesAppConfig;
-
-	/**
-	 * Creates the asset-processing service bound to one finalized app config.
-	 */
-	constructor(config: EcoPagesAppConfig) {
-		this.config = config;
-	}
-
-	/**
-	 * Set the HMR manager for the asset processing service.
-	 * @param hmrManager The HMR manager to set.
-	 */
-	setHmrManager(hmrManager: IHmrManager) {
-		this.hmrManager = hmrManager;
-
-		for (const processor of this.registry.getAllProcessors().values()) {
-			if (isHmrAware(processor)) {
-				processor.setHmrManager(hmrManager);
-			}
-		}
-	}
-
-	getHmrManager(): IHmrManager | undefined {
-		return this.hmrManager;
-	}
-
-	/**
-	 * Register a processor for a specific asset kind and source.
-	 * @param kind The asset kind.
-	 * @param variant The asset source.
-	 * @param processor The processor to register.
-	 */
-	registerProcessor(kind: AssetKind, variant: AssetSource, processor: any): void {
-		if (this.hmrManager && isHmrAware(processor)) {
-			processor.setHmrManager(this.hmrManager);
-		}
-		this.registry.register(kind, variant, processor);
-	}
-
-	/**
-	 * Processes one dependency list into normalized emitted assets.
-	 *
-	 * @remarks
-	 * Dependencies are deduplicated before processor execution so repeated
-	 * declarations across the render tree reuse the same emitted outputs and cache
-	 * entries.
-	 */
-	async processDependencies(deps: AssetDefinition[], key: string): Promise<ProcessedAsset[]> {
-		const depsDir = path.join(this.config.absolutePaths.distDir, RESOLVED_ASSETS_DIR);
-		fileSystem.ensureDir(depsDir);
-
-		const dedupedDeps = this.deduplicateDependencies(deps);
-		const results = await this.processDependenciesParallel(dedupedDeps, key);
-
-		await this.optimizeDependencies(results);
-		return results;
-	}
-
-	/**
-	 * Removes duplicate dependency declarations while preserving first-seen order.
-	 */
-	private deduplicateDependencies(deps: AssetDefinition[]): AssetDefinition[] {
-		const seen = new Map<string, AssetDefinition>();
-
-		for (const dep of deps) {
-			const key = this.getDependencyKey(dep);
-			if (!seen.has(key)) {
-				seen.set(key, dep);
-			}
-		}
-
-		return Array.from(seen.values());
-	}
-
-	/**
-	 * Builds the cache signature fragment for script dependencies that can vary by
-	 * bundling policy.
-	 */
-	private getScriptDependencyBuildSignature(dep: AssetDefinition): string | undefined {
-		if (dep.kind !== 'script') {
-			return undefined;
-		}
-
-		const pluginNames = dep.bundleOptions?.plugins?.map((plugin) => plugin.name) ?? [];
-		const signature = {
-			bundle: dep.bundle,
-			inline: dep.inline,
-			excludeFromHtml: dep.excludeFromHtml,
-			naming: dep.bundleOptions?.naming,
-			external: dep.bundleOptions?.external,
-			minify: dep.bundleOptions?.minify,
-			plugins: pluginNames,
-		};
-
-		return this.generateHash(JSON.stringify(signature));
-	}
-
-	/**
-	 * Derives the stable cache key for one dependency declaration.
-	 */
-	private getDependencyKey(dep: AssetDefinition): string {
-		const parts: string[] = [dep.kind, dep.source];
-
-		if ('filepath' in dep) {
-			parts.push(dep.filepath);
-		} else if ('content' in dep) {
-			parts.push(`content:${this.generateHash(dep.content)}`);
-		} else if ('importPath' in dep) {
-			parts.push(dep.importPath);
-		}
-
-		if ('position' in dep && dep.position) {
-			parts.push(dep.position);
-		}
-
-		const scriptBuildSignature = this.getScriptDependencyBuildSignature(dep);
-		if (scriptBuildSignature) {
-			parts.push(`build:${scriptBuildSignature}`);
-		}
-
-		return parts.join(':');
-	}
-
-	/**
-	 * Hashes content used in dependency cache and signature keys.
-	 */
-	private generateHash(content: string): string {
-		return rapidhash(content).toString();
-	}
-
-	/**
-	 * Processes deduplicated dependencies grouped by processor type.
-	 *
-	 * @remarks
-	 * Grouping keeps cache and processor behavior isolated by asset kind/source
-	 * pair, while still allowing the overall dependency set to resolve in
-	 * parallel.
-	 */
-	private async processDependenciesParallel(deps: AssetDefinition[], key: string): Promise<ProcessedAsset[]> {
-		const grouped = this.groupDependenciesByType(deps);
-
-		const groupPromises = Object.entries(grouped).map(async ([, typeDeps]) => {
-			const typePromises = typeDeps.map(async (dep) => {
-				const depKey = this.getDependencyKey(dep);
-				const cached = this.getCachedAsset(dep, depKey);
-
-				if (cached) {
-					return { key, ...cached };
-				}
-
-				const processor = this.registry.getProcessor(dep.kind, dep.source);
-				if (!processor) {
-					appLogger.error(`No processor found for ${dep.kind}/${dep.source}`);
-					return null;
-				}
-
-				if (dep.source === 'file' && 'filepath' in dep) {
-					const fileExists = fileSystem.exists(dep.filepath);
-					if (!fileExists) {
-						appLogger.warn(`Skipping missing ${dep.kind} file: ${dep.filepath}`);
-						return null;
-					}
-				}
-
-				try {
-					const processed = await processor.process(dep);
-					const srcUrl = this.resolveProcessedAssetSrcUrl(processed);
-
-					const processedWithKey = {
-						key,
-						...processed,
-						srcUrl,
-					};
-
-					this.setCachedAsset(dep, depKey, processedWithKey);
-
-					return processedWithKey as ProcessedAsset;
-				} catch (error) {
-					appLogger.error(
-						`Failed to process dependency: ${
-							error instanceof Error ? error.message : String(error)
-						} for ${dep.kind}/${dep.source}`,
-					);
-					appLogger.debug(error as Error);
-					return null;
-				}
-			});
-
-			const typeResults = await Promise.all(typePromises);
-			return typeResults.filter((result) => result !== null);
-		});
-
-		const allTypeResults = await Promise.all(groupPromises);
-		return allTypeResults.flat();
-	}
-
-	/**
-	 * Groups dependencies by processor bucket.
-	 */
-	private groupDependenciesByType(deps: AssetDefinition[]): Record<string, AssetDefinition[]> {
-		return deps.reduce(
-			(acc, dep) => {
-				const key = `${dep.kind}_${dep.source}`;
-				if (!acc[key]) acc[key] = [];
-				acc[key].push(dep);
-				return acc;
-			},
-			{} as Record<string, AssetDefinition[]>,
-		);
-	}
-
-	/**
-	 * Converts a dist-local file path into its public URL.
-	 */
-	private getSrcUrl(filepath: string): string | undefined {
-		const distDir = this.config.absolutePaths.distDir;
-		if (!filepath.startsWith(distDir)) return undefined;
-
-		const relativePath = filepath.slice(distDir.length);
-		const urlPath = relativePath.startsWith('/') ? relativePath : `/${relativePath}`;
-		return urlPath.replace(/\\/g, '/');
-	}
-
-	/**
-	 * Normalizes the public source URL for one processed asset.
-	 */
-	private resolveProcessedAssetSrcUrl(processed: ProcessedAsset): string | undefined {
-		if (processed.srcUrl) {
-			if (this.isFilesystemPath(processed.srcUrl)) {
-				const srcUrlFromPath = this.getSrcUrl(processed.srcUrl);
-				if (srcUrlFromPath) return srcUrlFromPath;
-			} else {
-				return processed.srcUrl;
-			}
-		}
-
-		if (processed.filepath) {
-			return this.getSrcUrl(processed.filepath);
-		}
-
-		return undefined;
-	}
-
-	/**
-	 * Returns whether a value should be interpreted as a filesystem path instead
-	 * of an already-public URL.
-	 */
-	private isFilesystemPath(value: string): boolean {
-		if (value.startsWith('http://') || value.startsWith('https://') || value.startsWith('//')) {
-			return false;
-		}
-
-		if (value.startsWith(this.config.absolutePaths.distDir)) {
-			return true;
-		}
-
-		const rootDir = this.config.rootDir;
-		if (rootDir && value.startsWith(rootDir)) {
-			return true;
-		}
-
-		return /^[A-Za-z]:\\/.test(value);
-	}
-
-	/**
-	 * Applies post-processing for emitted production assets.
-	 *
-	 * @remarks
-	 * Current optimization is intentionally conservative: only generated CSS and
-	 * JavaScript files inside the app dist directory are gzipped.
-	 */
-	private async optimizeDependencies(processedAssets: ProcessedAsset[]): Promise<void> {
-		if (process.env.NODE_ENV !== 'production') {
-			return;
-		}
-
-		const filesToGzip = new Set<string>();
-
-		for (const asset of processedAssets) {
-			if (!asset.filepath) {
-				continue;
-			}
-
-			if (!asset.filepath.startsWith(this.config.absolutePaths.distDir)) {
-				continue;
-			}
-
-			const extension = path.extname(asset.filepath).slice(1);
-			if (extension === 'css' || extension === 'js') {
-				filesToGzip.add(asset.filepath);
-			}
-		}
-
-		for (const filePath of filesToGzip) {
-			if (fileSystem.exists(filePath)) {
-				fileSystem.gzipFile(filePath);
-			}
-		}
-	}
-
-	/**
-	 * Returns the cached processed asset for a dependency key when available.
-	 */
-	private getCachedAsset(dep: AssetDefinition, depKey: string): ProcessedAsset | null {
-		if (process.env.NODE_ENV !== 'production' && dep.source === 'file' && dep.kind === 'stylesheet') {
-			return null;
-		}
-
-		const cached = this.cache.get(depKey);
-		if (!cached) {
-			return null;
-		}
-
-		if (cached.asset.filepath && !fileSystem.exists(cached.asset.filepath)) {
-			this.cache.delete(depKey);
-			return null;
-		}
-
-		return cached.asset;
-	}
-
-	/**
-	 * Stores one processed asset in the dependency cache.
-	 */
-	private setCachedAsset(dep: AssetDefinition, depKey: string, asset: ProcessedAsset): void {
-		this.cache.set(depKey, { asset });
-	}
-
-	/**
-	 * Clears all cached processed assets.
-	 */
-	clearCache(): void {
-		this.cache.clear();
-	}
-
-	/**
-	 * Removes cached assets that were produced from the given file path.
-	 */
-	invalidateCacheForFile(filepath: string): void {
-		for (const [key, value] of this.cache.entries()) {
-			if (value.asset.filepath === filepath) {
-				this.cache.delete(key);
-			}
-		}
-	}
-
-	/**
-	 * Creates a service prewired with the default core processors.
-	 */
-	static createWithDefaultProcessors(appConfig: EcoPagesAppConfig): AssetProcessingService {
-		const service = new AssetProcessingService(appConfig);
-
-		service.registerProcessor('script', 'content', new ContentScriptProcessor({ appConfig }));
-		service.registerProcessor('script', 'file', new FileScriptProcessor({ appConfig }));
-		service.registerProcessor('script', 'node-module', new NodeModuleScriptProcessor({ appConfig }));
-
-		service.registerProcessor('stylesheet', 'content', new ContentStylesheetProcessor({ appConfig }));
-		service.registerProcessor('stylesheet', 'file', new FileStylesheetProcessor({ appConfig }));
-
-		return service;
-	}
-
-	/**
-	 * Returns the processor registry owned by this service.
-	 */
-	getRegistry(): ProcessorRegistry {
-		return this.registry;
-	}
-}

package/src/services/assets/asset-processing-service/asset.factory.ts

@@ -1,105 +0,0 @@
-import { RESOLVED_ASSETS_DIR, RESOLVED_ASSETS_VENDORS_DIR } from '../../../constants';
-import { deepMerge } from '../../../utils/deep-merge';
-import type {
-	ContentScriptAsset,
-	ContentStylesheetAsset,
-	FileScriptAsset,
-	FileStylesheetAsset,
-	InlineContentScriptAsset,
-	InlineContentStylesheetAsset,
-	InlineFileScriptAsset,
-	JsonScriptAsset,
-	NodeModuleScriptAsset,
-} from './assets.types';
-
-type CreateAssetOptions<T> = Omit<T, 'kind' | 'source' | 'inline'>;
-
-export class AssetFactory {
-	static readonly RESOLVED_ASSETS_DIR = RESOLVED_ASSETS_DIR;
-	static readonly RESOLVED_ASSETS_VENDORS_DIR = RESOLVED_ASSETS_VENDORS_DIR;
-
-	static createContentScript(options: CreateAssetOptions<ContentScriptAsset>): ContentScriptAsset {
-		return {
-			kind: 'script',
-			source: 'content',
-			position: options.position || 'body',
-			...options,
-		};
-	}
-
-	static createInlineContentScript(options: CreateAssetOptions<InlineContentScriptAsset>): InlineContentScriptAsset {
-		return {
-			...AssetFactory.createContentScript(options),
-			inline: true,
-		};
-	}
-
-	static createFileScript(options: CreateAssetOptions<FileScriptAsset>): FileScriptAsset {
-		return {
-			kind: 'script',
-			source: 'file',
-			position: options.position || 'body',
-			...options,
-		};
-	}
-
-	static createInlineFileScript(options: CreateAssetOptions<InlineFileScriptAsset>): InlineFileScriptAsset {
-		return {
-			...AssetFactory.createFileScript(options),
-			inline: true,
-		};
-	}
-
-	static createNodeModuleScript(options: CreateAssetOptions<NodeModuleScriptAsset>): NodeModuleScriptAsset {
-		return {
-			kind: 'script',
-			source: 'node-module',
-			position: options.position || 'body',
-			...options,
-		};
-	}
-
-	static createInlineNodeModuleScript(options: CreateAssetOptions<NodeModuleScriptAsset>): NodeModuleScriptAsset {
-		return {
-			...AssetFactory.createNodeModuleScript(options),
-			inline: true,
-		};
-	}
-
-	static createJsonScript(options: CreateAssetOptions<JsonScriptAsset>): JsonScriptAsset {
-		return {
-			kind: 'script',
-			source: 'content',
-			attributes: deepMerge(options.attributes, { type: 'application/json' }),
-			position: options.position || 'body',
-			...options,
-		};
-	}
-
-	static createContentStylesheet(options: CreateAssetOptions<ContentStylesheetAsset>): ContentStylesheetAsset {
-		return {
-			kind: 'stylesheet',
-			source: 'content',
-			position: 'head',
-			...options,
-		};
-	}
-
-	static createInlineContentStylesheet(
-		options: CreateAssetOptions<InlineContentStylesheetAsset>,
-	): InlineContentStylesheetAsset {
-		return {
-			...AssetFactory.createContentStylesheet(options),
-			inline: true,
-		};
-	}
-
-	static createFileStylesheet(options: CreateAssetOptions<FileStylesheetAsset>): FileStylesheetAsset {
-		return {
-			kind: 'stylesheet',
-			source: 'file',
-			position: options.position || 'head',
-			...options,
-		};
-	}
-}

package/src/services/assets/asset-processing-service/assets.types.ts

@@ -1,113 +0,0 @@
-import type { EcoBuildPlugin } from '../../../build/build-types.ts';
-
-export type AssetSource = 'content' | 'file' | 'node-module';
-export type AssetKind = 'script' | 'stylesheet';
-export type AssetPosition = 'head' | 'body';
-
-export interface BaseAsset {
-	kind: AssetKind;
-	source: AssetSource;
-	attributes?: Record<string, string>;
-	position?: AssetPosition;
-}
-
-export interface ScriptAsset extends BaseAsset {
-	kind: 'script';
-	inline?: boolean;
-	bundle?: boolean;
-	bundleOptions?: {
-		define?: Record<string, string>;
-		minify?: boolean;
-		external?: string[];
-		naming?: string;
-		plugins?: EcoBuildPlugin[];
-	};
-	/**
-	 * Whether to exclude this asset from the HTML output.
-	 * @default false
-	 */
-	excludeFromHtml?: boolean;
-}
-
-export interface StylesheetAsset extends BaseAsset {
-	kind: 'stylesheet';
-	inline?: boolean;
-}
-
-export interface ContentScriptAsset extends ScriptAsset {
-	source: 'content';
-	content: string;
-	name?: string;
-}
-
-export interface InlineContentScriptAsset extends ContentScriptAsset {
-	inline: true;
-}
-
-export interface ContentStylesheetAsset extends StylesheetAsset {
-	source: 'content';
-	content: string;
-}
-
-export interface InlineContentStylesheetAsset extends ContentStylesheetAsset {
-	inline: true;
-}
-
-export interface FileScriptAsset extends ScriptAsset {
-	source: 'file';
-	filepath: string;
-	name?: string;
-}
-
-export interface InlineFileScriptAsset extends FileScriptAsset {
-	inline: true;
-}
-
-export interface FileStylesheetAsset extends StylesheetAsset {
-	source: 'file';
-	filepath: string;
-	name?: string;
-}
-
-export interface InlineFileStylesheetAsset extends FileStylesheetAsset {
-	inline: true;
-}
-
-export interface NodeModuleScriptAsset extends ScriptAsset {
-	kind: 'script';
-	source: 'node-module';
-	importPath: string;
-	name?: string;
-}
-
-export interface InlineNodeModuleScriptAsset extends NodeModuleScriptAsset {
-	inline: true;
-}
-
-export interface InlineNodeModuleScriptAsset extends NodeModuleScriptAsset {
-	inline: true;
-}
-
-export interface JsonScriptAsset extends ScriptAsset {
-	source: 'content';
-	content: string;
-}
-
-export type ProcessedAsset = {
-	filepath?: string;
-	srcUrl?: string;
-	content?: string;
-	kind: AssetKind;
-	position?: AssetPosition;
-	attributes?: Record<string, string>;
-	inline?: boolean;
-	excludeFromHtml?: boolean;
-};
-
-export type AssetDefinition =
-	| ContentScriptAsset
-	| FileScriptAsset
-	| NodeModuleScriptAsset
-	| JsonScriptAsset
-	| ContentStylesheetAsset
-	| FileStylesheetAsset;

package/src/services/assets/asset-processing-service/browser-runtime-asset.factory.ts

@@ -1,95 +0,0 @@
-import type { EcoBuildPlugin } from '../../../build/build-types.ts';
-import { AssetFactory } from './asset.factory.ts';
-import type { AssetDefinition } from './assets.types.ts';
-import {
-	createBrowserRuntimeEntryModule,
-	type BrowserRuntimeEntryModuleConfig,
-} from './browser-runtime-entry.factory.ts';
-
-export const BROWSER_RUNTIME_SCRIPT_ATTRIBUTES = {
-	type: 'module',
-	defer: '',
-} as const;
-
-/**
- * Builds the public vendor URL used for generated browser runtime assets.
- */
-export function buildBrowserRuntimeAssetUrl(fileName: string): string {
-	return `/${AssetFactory.RESOLVED_ASSETS_VENDORS_DIR}/${fileName}`;
-}
-
-/**
- * Declares a browser runtime script asset backed by one importable module.
- *
- * @remarks
- * Runtime assets are emitted as excluded head scripts because integrations often
- * need the bundler output and specifier registration without injecting the raw
- * asset directly into HTML during dependency resolution.
- */
-export function createBrowserRuntimeScriptAsset(options: {
-	importPath: string;
-	name: string;
-	fileName: string;
-	bundleOptions?: {
-		define?: Record<string, string>;
-		minify?: boolean;
-		external?: string[];
-		naming?: string;
-		plugins?: EcoBuildPlugin[];
-	};
-	attributes?: Record<string, string>;
-}): AssetDefinition {
-	return AssetFactory.createNodeModuleScript({
-		position: 'head',
-		importPath: options.importPath,
-		name: options.name,
-		excludeFromHtml: true,
-		bundleOptions: {
-			naming: options.fileName,
-			...options.bundleOptions,
-		},
-		attributes: {
-			...BROWSER_RUNTIME_SCRIPT_ATTRIBUTES,
-			...(options.attributes ?? {}),
-		},
-	});
-}
-
-/**
- * Creates a browser runtime asset from a generated re-export entry module.
- *
- * @remarks
- * This is the shared "module list -> generated entry file -> runtime asset"
- * path used by integrations that need browser-side runtime bundles without
- * owning bespoke entry-file generation logic.
- */
-export function createBrowserRuntimeModuleAsset(options: {
-	modules: BrowserRuntimeEntryModuleConfig[];
-	name: string;
-	fileName: string;
-	cacheDirName?: string;
-	rootDir?: string;
-	bundleOptions?: {
-		define?: Record<string, string>;
-		minify?: boolean;
-		external?: string[];
-		naming?: string;
-		plugins?: EcoBuildPlugin[];
-	};
-	attributes?: Record<string, string>;
-}): AssetDefinition {
-	const importPath = createBrowserRuntimeEntryModule({
-		modules: options.modules,
-		fileName: `${options.name}-entry.mjs`,
-		rootDir: options.rootDir,
-		cacheDirName: options.cacheDirName,
-	});
-
-	return createBrowserRuntimeScriptAsset({
-		importPath,
-		name: options.name,
-		fileName: options.fileName,
-		bundleOptions: options.bundleOptions,
-		attributes: options.attributes,
-	});
-}