Class CSSSource

packages/core/ui/styling/style-scope.ts:91–282

}

class CSSSource {
	private _selectors: RuleSet[] = [];
	private _keyframes: Keyframes[] = [];

	private constructor(
		private _ast: ReworkCSS.SyntaxTree,
		private _url: string,
		private _file: string,
		private _source: string,
	) {
		this.parse();
	}

	public static fromDetect(cssOrAst: any, fileName?: string): CSSSource {
		if (typeof cssOrAst === 'string') {
			// raw-loader
			return CSSSource.fromSource(cssOrAst, fileName);
		} else if (typeof cssOrAst === 'object') {
			if (cssOrAst.default) {
				cssOrAst = cssOrAst.default;
			}

			if (cssOrAst.type === 'stylesheet' && cssOrAst.stylesheet && cssOrAst.stylesheet.rules) {
				// css-loader
				return CSSSource.fromAST(cssOrAst, fileName);
			}
		}

		// css2json-loader
		return CSSSource.fromSource(cssOrAst.toString(), fileName);
	}

	public static fromURI(uri: string): CSSSource {
		// webpack modules require all file paths to be relative to /app folder
		const appRelativeUri = CSSSource.pathRelativeToApp(uri);
		const sanitizedModuleName = sanitizeModuleName(appRelativeUri);
		const resolvedModuleName = resolveModuleName(sanitizedModuleName, 'css');

		try {
			const cssOrAst = global.loadModule(resolvedModuleName, true);
			if (cssOrAst) {
				return CSSSource.fromDetect(cssOrAst, resolvedModuleName);
			}
		} catch (e) {
			if (Trace.isEnabled()) {
				Trace.write(`Could not load CSS from ${uri}: ${e}`, Trace.categories.Error, Trace.messageType.warn);
			}
		}

		return CSSSource.fromFile(appRelativeUri);
	}

	private static pathRelativeToApp(uri: string): string {
		if (!uri.startsWith('/')) {
			return uri;
		}

		const appPath = knownFolders.currentApp().path;