mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-09-07 18:26:17 +00:00
Miguel Ángel
a4706da513
Compositions referencing assets outside the project directory (via ../ paths) produced broken published projects — those files were never included in the ZIP archive. localizeExternalAssets() now scans all HTML and CSS files in the archive for src, href, and url() references that resolve outside the project dir. For each, it copies the file into the archive under _ext/ and rewrites the reference to point there. Handles: src/href attributes, <style> url(), inline style url(), standalone CSS url(), sub-composition HTML files, deduplication of the same asset referenced from multiple files. Shared primitives (CSS_URL_RE, isNonRelativeUrl, isPathInside) extracted into core/compiler/assetPaths.ts — single source of truth across core, producer, and CLI.
40 lines
1.3 KiB
TypeScript
40 lines
1.3 KiB
TypeScript
/**
|
|
* Shared primitives for scanning and rewriting asset paths in HTML/CSS.
|
|
*
|
|
* Used by: rewriteSubCompPaths (core), collectExternalAssets (producer),
|
|
* localizeExternalAssets (CLI publish).
|
|
*/
|
|
|
|
import { isAbsolute, relative, resolve } from "node:path";
|
|
|
|
/** Regex matching CSS `url(...)` references — captures the quote style and the raw URL. */
|
|
export const CSS_URL_RE = /\burl\(\s*(["']?)([^)"']+)\1\s*\)/g;
|
|
|
|
/** Attributes that may contain relative asset paths. */
|
|
export const PATH_ATTRS = ["src", "href"] as const;
|
|
|
|
/** Returns true for URLs/prefixes that should never be rewritten. */
|
|
export function isNonRelativeUrl(val: string): boolean {
|
|
return (
|
|
!val ||
|
|
val.startsWith("http://") ||
|
|
val.startsWith("https://") ||
|
|
val.startsWith("//") ||
|
|
val.startsWith("data:") ||
|
|
val.startsWith("#") ||
|
|
val.startsWith("/")
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Cross-platform containment check: is `childPath` inside `parentPath`?
|
|
* Equality counts as "inside".
|
|
*/
|
|
export function isPathInside(childPath: string, parentPath: string): boolean {
|
|
const absChild = resolve(childPath);
|
|
const absParent = resolve(parentPath);
|
|
if (absChild === absParent) return true;
|
|
const rel = relative(absParent, absChild);
|
|
return rel !== "" && !rel.startsWith("..") && !isAbsolute(rel);
|
|
}
|