@navita/engine 0.2.2 → 3.0.0-next.0

package/printers/printFontFaces.mjs

@@ -1,13 +1,12 @@
-import { declarationsToBlock } from '../helpers/declarationsToBlock.mjs';
-
+import "node:path";
+import "node:url";
+import.meta.url;
+import { declarationsToBlock } from "../helpers/declarationsToBlock.mjs";
+//#region src/printers/printFontFaces.ts
 function printFontFaces(blocks) {
-    let fontFaces = '';
-    for (const block of blocks){
-        for (const rule of block.rule){
-            fontFaces += `@font-face{font-family:${block.id};${declarationsToBlock(rule)}}`;
-        }
-    }
-    return fontFaces;
+	let fontFaces = "";
+	for (const block of blocks) for (const rule of block.rule) fontFaces += `@font-face{font-family:${block.id};${declarationsToBlock(rule)}}`;
+	return fontFaces;
 }
-
+//#endregion
 export { printFontFaces };

package/printers/printKeyFrames.cjs

@@ -1,21 +1,15 @@
-'use strict';
-
-var declarationsToBlock = require('../helpers/declarationsToBlock.cjs');
-
-// https://github.com/styletron/styletron/blob/master/packages/styletron-engine-atomic/src/css.ts#L48
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_helpers_declarationsToBlock = require("../helpers/declarationsToBlock.cjs");
+//#region src/printers/printKeyFrames.ts
 function keyframesToBlock(keyframes) {
-    let result = "";
-    for(const animationState in keyframes){
-        result += `${animationState}{${declarationsToBlock.declarationsToBlock(keyframes[animationState])}}`;
-    }
-    return result;
+	let result = "";
+	for (const animationState in keyframes) result += `${animationState}{${require_helpers_declarationsToBlock.declarationsToBlock(keyframes[animationState])}}`;
+	return result;
 }
 function printKeyFrames(blocks) {
-    let keyframes = '';
-    for (const block of blocks){
-        keyframes += `@keyframes ${block.id}{${keyframesToBlock(block.rule)}}`;
-    }
-    return keyframes;
+	let keyframes = "";
+	for (const block of blocks) keyframes += `@keyframes ${block.id}{${keyframesToBlock(block.rule)}}`;
+	return keyframes;
 }
-
+//#endregion
 exports.printKeyFrames = printKeyFrames;

package/printers/printKeyFrames.mjs

@@ -1,19 +1,17 @@
-import { declarationsToBlock } from '../helpers/declarationsToBlock.mjs';
-
-// https://github.com/styletron/styletron/blob/master/packages/styletron-engine-atomic/src/css.ts#L48
+import "node:path";
+import "node:url";
+import.meta.url;
+import { declarationsToBlock } from "../helpers/declarationsToBlock.mjs";
+//#region src/printers/printKeyFrames.ts
 function keyframesToBlock(keyframes) {
-    let result = "";
-    for(const animationState in keyframes){
-        result += `${animationState}{${declarationsToBlock(keyframes[animationState])}}`;
-    }
-    return result;
+	let result = "";
+	for (const animationState in keyframes) result += `${animationState}{${declarationsToBlock(keyframes[animationState])}}`;
+	return result;
 }
 function printKeyFrames(blocks) {
-    let keyframes = '';
-    for (const block of blocks){
-        keyframes += `@keyframes ${block.id}{${keyframesToBlock(block.rule)}}`;
-    }
-    return keyframes;
+	let keyframes = "";
+	for (const block of blocks) keyframes += `@keyframes ${block.id}{${keyframesToBlock(block.rule)}}`;
+	return keyframes;
 }
-
+//#endregion
 export { printKeyFrames };

package/printers/printSourceMap.cjs

@@ -1,42 +1,37 @@
-'use strict';
-
-var sourceMap = require('source-map');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let source_map = require("source-map");
+//#region src/printers/printSourceMap.ts
 function printSourceMap(sourceMapReferences, content) {
-    if (content.length === 0) {
-        return content;
-    }
-    const entries = Object.entries(sourceMapReferences);
-    if (entries.length === 0) {
-        return content;
-    }
-    const sourceMap$1 = new sourceMap.SourceMapGenerator({
-        file: "navita.css",
-        skipValidation: true
-    });
-    const references = entries.flatMap(([filePath, references])=>references.map((reference)=>({
-                filePath,
-                ...reference
-            })));
-    for (const reference of references){
-        const { filePath , selector , line , column  } = reference;
-        const generatedColumn = content.length - 1;
-        content += `${selector}{/* Only used for sourceMap */}`;
-        sourceMap$1.addMapping({
-            source: filePath,
-            original: {
-                line,
-                column
-            },
-            generated: {
-                line: 1,
-                column: generatedColumn
-            }
-        });
-    }
-    const sourceMapContent = Buffer.from(sourceMap$1.toString()).toString('base64');
-    content += `\n/*# sourceMappingURL=data:application/json;base64,${sourceMapContent} */`;
-    return content;
+	if (content.length === 0) return content;
+	const entries = Object.entries(sourceMapReferences);
+	if (entries.length === 0) return content;
+	const sourceMap = new source_map.SourceMapGenerator({
+		file: "navita.css",
+		skipValidation: true
+	});
+	const references = entries.flatMap(([filePath, references]) => references.map((reference) => ({
+		filePath,
+		...reference
+	})));
+	for (const reference of references) {
+		const { filePath, selector, line, column } = reference;
+		const generatedColumn = content.length - 1;
+		content += `${selector}{/* Only used for sourceMap */}`;
+		sourceMap.addMapping({
+			source: filePath,
+			original: {
+				line,
+				column
+			},
+			generated: {
+				line: 1,
+				column: generatedColumn
+			}
+		});
+	}
+	const sourceMapContent = Buffer.from(sourceMap.toString()).toString("base64");
+	content += `\n/*# sourceMappingURL=data:application/json;base64,${sourceMapContent} */`;
+	return content;
 }
-
+//#endregion
 exports.printSourceMap = printSourceMap;

package/printers/printSourceMap.mjs

@@ -1,40 +1,39 @@
-import { SourceMapGenerator } from 'source-map';
-
+import "node:path";
+import "node:url";
+import.meta.url;
+import { SourceMapGenerator } from "source-map";
+//#region src/printers/printSourceMap.ts
 function printSourceMap(sourceMapReferences, content) {
-    if (content.length === 0) {
-        return content;
-    }
-    const entries = Object.entries(sourceMapReferences);
-    if (entries.length === 0) {
-        return content;
-    }
-    const sourceMap = new SourceMapGenerator({
-        file: "navita.css",
-        skipValidation: true
-    });
-    const references = entries.flatMap(([filePath, references])=>references.map((reference)=>({
-                filePath,
-                ...reference
-            })));
-    for (const reference of references){
-        const { filePath , selector , line , column  } = reference;
-        const generatedColumn = content.length - 1;
-        content += `${selector}{/* Only used for sourceMap */}`;
-        sourceMap.addMapping({
-            source: filePath,
-            original: {
-                line,
-                column
-            },
-            generated: {
-                line: 1,
-                column: generatedColumn
-            }
-        });
-    }
-    const sourceMapContent = Buffer.from(sourceMap.toString()).toString('base64');
-    content += `\n/*# sourceMappingURL=data:application/json;base64,${sourceMapContent} */`;
-    return content;
+	if (content.length === 0) return content;
+	const entries = Object.entries(sourceMapReferences);
+	if (entries.length === 0) return content;
+	const sourceMap = new SourceMapGenerator({
+		file: "navita.css",
+		skipValidation: true
+	});
+	const references = entries.flatMap(([filePath, references]) => references.map((reference) => ({
+		filePath,
+		...reference
+	})));
+	for (const reference of references) {
+		const { filePath, selector, line, column } = reference;
+		const generatedColumn = content.length - 1;
+		content += `${selector}{/* Only used for sourceMap */}`;
+		sourceMap.addMapping({
+			source: filePath,
+			original: {
+				line,
+				column
+			},
+			generated: {
+				line: 1,
+				column: generatedColumn
+			}
+		});
+	}
+	const sourceMapContent = Buffer.from(sourceMap.toString()).toString("base64");
+	content += `\n/*# sourceMappingURL=data:application/json;base64,${sourceMapContent} */`;
+	return content;
 }
-
+//#endregion
 export { printSourceMap };

package/printers/printStyleBlocks.cjs

@@ -1,73 +1,74 @@
-'use strict';
-
-var getPropertyPriority = require('../helpers/getPropertyPriority.cjs');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_helpers_getPropertyPriority = require("../helpers/getPropertyPriority.cjs");
+//#region src/printers/printStyleBlocks.ts
+const AT_RULE_PREFIX = {
+	media: "@media ",
+	container: "@container ",
+	support: "@supports "
+};
+function getDesiredAtRules(style) {
+	const desired = [];
+	if (style.media) desired.push({
+		kind: "media",
+		value: style.media
+	});
+	if (style.container) desired.push({
+		kind: "container",
+		value: style.container
+	});
+	if (style.support) desired.push({
+		kind: "support",
+		value: style.support
+	});
+	return desired;
+}
+function composeSelector(elementSelector, pseudo) {
+	if (pseudo.includes("&")) return pseudo.replace(/&/g, elementSelector);
+	return `${elementSelector}${pseudo}`;
+}
 function printStyleBlocks(blocks) {
-    let stylesheet = '';
-    let previousStyle;
-    for (const style of blocks){
-        if (style.type === 'static' && previousStyle && (previousStyle.selector !== style.selector || previousStyle.pseudo !== style.pseudo || previousStyle.media !== style.media || previousStyle.support !== style.support || previousStyle.container !== style.container)) {
-            stylesheet += '}';
-        }
-        // Close container queries:
-        // 1. When the current style is not a container query, and the previous style was container query
-        // 2. When the current style is a container query and the previous style was a container query with a different container query
-        if (previousStyle && previousStyle.container && (!style.container || style.container !== previousStyle.container)) {
-            stylesheet += '}';
-        }
-        // Close support queries:
-        // 1. When the current style is not a support query, and the previous style was support query
-        // 2. When the current style is a support query and the previous style was a support query with a different support query
-        if (previousStyle && previousStyle.support && (!style.support || style.support !== previousStyle.support)) {
-            stylesheet += '}';
-        }
-        // Close media queries:
-        // 1. When the current style is not a media query, and the previous style was media query
-        // 2. When the current style is a media query and the previous style was a media query with a different media query
-        if (previousStyle && previousStyle.media && (!style.media || style.media !== previousStyle.media)) {
-            stylesheet += '}';
-        }
-        // Only add media queries if the previous style was not the same media query
-        if (style.media && previousStyle?.media !== style.media) {
-            stylesheet += `@media ${style.media}{`;
-        }
-        // Only add support queries if the previous style was not the same support query
-        if (style.support && previousStyle?.support !== style.support) {
-            stylesheet += `@supports ${style.support}{`;
-        }
-        // Only add container queries if the previous style was not the same container query
-        if (style.container && previousStyle?.container !== style.container) {
-            stylesheet += `@container ${style.container}{`;
-        }
-        if (style.type === 'rule') {
-            const className = `.${style.id}`.repeat(getPropertyPriority.getPropertyPriority(style.property));
-            stylesheet += `${className}${style.pseudo}{`;
-        } else if (style.type === 'static' && (previousStyle?.selector !== style.selector || previousStyle?.pseudo !== style.pseudo || previousStyle?.media !== style.media || previousStyle?.support !== style.support || previousStyle?.container !== style.container)) {
-            // If static, we don't add pseudo selectors currently
-            stylesheet += `${style.selector}${style.pseudo}{`;
-        }
-        stylesheet += `${style.property}:${style.value}`;
-        if (style.type === 'static') {
-            stylesheet += ';';
-        }
-        if (style.type === 'rule') {
-            stylesheet += '}';
-        }
-        previousStyle = style;
-    }
-    if (previousStyle?.container) {
-        stylesheet += '}';
-    }
-    if (previousStyle?.support) {
-        stylesheet += '}';
-    }
-    if (previousStyle?.media) {
-        stylesheet += '}';
-    }
-    if (previousStyle?.type === 'static') {
-        stylesheet += '}';
-    }
-    return stylesheet;
+	let stylesheet = "";
+	const openAtRules = [];
+	let staticOpen = false;
+	let previousStyle;
+	for (const style of blocks) {
+		const desired = getDesiredAtRules(style);
+		let common = 0;
+		while (common < openAtRules.length && common < desired.length && openAtRules[common].kind === desired[common].kind && openAtRules[common].value === desired[common].value) common++;
+		const atRulesWillChange = openAtRules.length > common;
+		const staticGroupChanged = !!previousStyle && (previousStyle.selector !== style.selector || previousStyle.pseudo !== style.pseudo || previousStyle.media !== style.media || previousStyle.support !== style.support || previousStyle.container !== style.container);
+		if (staticOpen && (atRulesWillChange || staticGroupChanged)) {
+			stylesheet += "}";
+			staticOpen = false;
+		}
+		while (openAtRules.length > common) {
+			openAtRules.pop();
+			stylesheet += "}";
+		}
+		for (let i = common; i < desired.length; i++) {
+			const wrapper = desired[i];
+			stylesheet += `${AT_RULE_PREFIX[wrapper.kind]}${wrapper.value}{`;
+			openAtRules.push(wrapper);
+		}
+		if (style.type === "rule") {
+			const selector = composeSelector(`.${style.id}`.repeat(require_helpers_getPropertyPriority.getPropertyPriority(style.property)), style.pseudo);
+			stylesheet += `${selector}{${style.property}:${style.value}}`;
+		} else {
+			if (!staticOpen) {
+				const selector = composeSelector(style.selector, style.pseudo);
+				stylesheet += `${selector}{`;
+				staticOpen = true;
+			}
+			stylesheet += `${style.property}:${style.value};`;
+		}
+		previousStyle = style;
+	}
+	if (staticOpen) stylesheet += "}";
+	while (openAtRules.length > 0) {
+		openAtRules.pop();
+		stylesheet += "}";
+	}
+	return stylesheet;
 }
-
+//#endregion
 exports.printStyleBlocks = printStyleBlocks;

package/printers/printStyleBlocks.mjs

@@ -1,71 +1,76 @@
-import { getPropertyPriority } from '../helpers/getPropertyPriority.mjs';
-
+import "node:path";
+import "node:url";
+import.meta.url;
+import { getPropertyPriority } from "../helpers/getPropertyPriority.mjs";
+//#region src/printers/printStyleBlocks.ts
+const AT_RULE_PREFIX = {
+	media: "@media ",
+	container: "@container ",
+	support: "@supports "
+};
+function getDesiredAtRules(style) {
+	const desired = [];
+	if (style.media) desired.push({
+		kind: "media",
+		value: style.media
+	});
+	if (style.container) desired.push({
+		kind: "container",
+		value: style.container
+	});
+	if (style.support) desired.push({
+		kind: "support",
+		value: style.support
+	});
+	return desired;
+}
+function composeSelector(elementSelector, pseudo) {
+	if (pseudo.includes("&")) return pseudo.replace(/&/g, elementSelector);
+	return `${elementSelector}${pseudo}`;
+}
 function printStyleBlocks(blocks) {
-    let stylesheet = '';
-    let previousStyle;
-    for (const style of blocks){
-        if (style.type === 'static' && previousStyle && (previousStyle.selector !== style.selector || previousStyle.pseudo !== style.pseudo || previousStyle.media !== style.media || previousStyle.support !== style.support || previousStyle.container !== style.container)) {
-            stylesheet += '}';
-        }
-        // Close container queries:
-        // 1. When the current style is not a container query, and the previous style was container query
-        // 2. When the current style is a container query and the previous style was a container query with a different container query
-        if (previousStyle && previousStyle.container && (!style.container || style.container !== previousStyle.container)) {
-            stylesheet += '}';
-        }
-        // Close support queries:
-        // 1. When the current style is not a support query, and the previous style was support query
-        // 2. When the current style is a support query and the previous style was a support query with a different support query
-        if (previousStyle && previousStyle.support && (!style.support || style.support !== previousStyle.support)) {
-            stylesheet += '}';
-        }
-        // Close media queries:
-        // 1. When the current style is not a media query, and the previous style was media query
-        // 2. When the current style is a media query and the previous style was a media query with a different media query
-        if (previousStyle && previousStyle.media && (!style.media || style.media !== previousStyle.media)) {
-            stylesheet += '}';
-        }
-        // Only add media queries if the previous style was not the same media query
-        if (style.media && previousStyle?.media !== style.media) {
-            stylesheet += `@media ${style.media}{`;
-        }
-        // Only add support queries if the previous style was not the same support query
-        if (style.support && previousStyle?.support !== style.support) {
-            stylesheet += `@supports ${style.support}{`;
-        }
-        // Only add container queries if the previous style was not the same container query
-        if (style.container && previousStyle?.container !== style.container) {
-            stylesheet += `@container ${style.container}{`;
-        }
-        if (style.type === 'rule') {
-            const className = `.${style.id}`.repeat(getPropertyPriority(style.property));
-            stylesheet += `${className}${style.pseudo}{`;
-        } else if (style.type === 'static' && (previousStyle?.selector !== style.selector || previousStyle?.pseudo !== style.pseudo || previousStyle?.media !== style.media || previousStyle?.support !== style.support || previousStyle?.container !== style.container)) {
-            // If static, we don't add pseudo selectors currently
-            stylesheet += `${style.selector}${style.pseudo}{`;
-        }
-        stylesheet += `${style.property}:${style.value}`;
-        if (style.type === 'static') {
-            stylesheet += ';';
-        }
-        if (style.type === 'rule') {
-            stylesheet += '}';
-        }
-        previousStyle = style;
-    }
-    if (previousStyle?.container) {
-        stylesheet += '}';
-    }
-    if (previousStyle?.support) {
-        stylesheet += '}';
-    }
-    if (previousStyle?.media) {
-        stylesheet += '}';
-    }
-    if (previousStyle?.type === 'static') {
-        stylesheet += '}';
-    }
-    return stylesheet;
+	let stylesheet = "";
+	const openAtRules = [];
+	let staticOpen = false;
+	let previousStyle;
+	for (const style of blocks) {
+		const desired = getDesiredAtRules(style);
+		let common = 0;
+		while (common < openAtRules.length && common < desired.length && openAtRules[common].kind === desired[common].kind && openAtRules[common].value === desired[common].value) common++;
+		const atRulesWillChange = openAtRules.length > common;
+		const staticGroupChanged = !!previousStyle && (previousStyle.selector !== style.selector || previousStyle.pseudo !== style.pseudo || previousStyle.media !== style.media || previousStyle.support !== style.support || previousStyle.container !== style.container);
+		if (staticOpen && (atRulesWillChange || staticGroupChanged)) {
+			stylesheet += "}";
+			staticOpen = false;
+		}
+		while (openAtRules.length > common) {
+			openAtRules.pop();
+			stylesheet += "}";
+		}
+		for (let i = common; i < desired.length; i++) {
+			const wrapper = desired[i];
+			stylesheet += `${AT_RULE_PREFIX[wrapper.kind]}${wrapper.value}{`;
+			openAtRules.push(wrapper);
+		}
+		if (style.type === "rule") {
+			const selector = composeSelector(`.${style.id}`.repeat(getPropertyPriority(style.property)), style.pseudo);
+			stylesheet += `${selector}{${style.property}:${style.value}}`;
+		} else {
+			if (!staticOpen) {
+				const selector = composeSelector(style.selector, style.pseudo);
+				stylesheet += `${selector}{`;
+				staticOpen = true;
+			}
+			stylesheet += `${style.property}:${style.value};`;
+		}
+		previousStyle = style;
+	}
+	if (staticOpen) stylesheet += "}";
+	while (openAtRules.length > 0) {
+		openAtRules.pop();
+		stylesheet += "}";
+	}
+	return stylesheet;
 }
-
+//#endregion
 export { printStyleBlocks };

package/printers/sortAtRules.cjs

@@ -1,10 +1,11 @@
-'use strict';
-
-var createSort = require('sort-css-media-queries/lib/create-sort.js');
-
-const sortCSSMediaQueries = createSort();
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
+let sort_css_media_queries_lib_create_sort_js = require("sort-css-media-queries/lib/create-sort.js");
+sort_css_media_queries_lib_create_sort_js = require_runtime.__toESM(sort_css_media_queries_lib_create_sort_js);
+//#region src/printers/sortAtRules.ts
+const sortCSSMediaQueries = (0, sort_css_media_queries_lib_create_sort_js.default)();
 function sortAtRules(blocks) {
-    return blocks.sort((a, b)=>sortCSSMediaQueries(a.media, b.media) || sortCSSMediaQueries(a.container, b.container) || a.support.localeCompare(b.support));
+	return blocks.sort((a, b) => sortCSSMediaQueries(a.media, b.media) || sortCSSMediaQueries(a.container, b.container) || a.support.localeCompare(b.support));
 }
-
+//#endregion
 exports.sortAtRules = sortAtRules;

package/printers/sortAtRules.mjs

@@ -1,8 +1,11 @@
-import createSort from 'sort-css-media-queries/lib/create-sort.js';
-
+import "node:path";
+import "node:url";
+import.meta.url;
+import createSort from "sort-css-media-queries/lib/create-sort.js";
+//#region src/printers/sortAtRules.ts
 const sortCSSMediaQueries = createSort();
 function sortAtRules(blocks) {
-    return blocks.sort((a, b)=>sortCSSMediaQueries(a.media, b.media) || sortCSSMediaQueries(a.container, b.container) || a.support.localeCompare(b.support));
+	return blocks.sort((a, b) => sortCSSMediaQueries(a.media, b.media) || sortCSSMediaQueries(a.container, b.container) || a.support.localeCompare(b.support));
 }
-
+//#endregion
 export { sortAtRules };

package/processKeyframes.cjs

@@ -1,25 +1,19 @@
-'use strict';
-
-var isObject = require('./helpers/isObject.cjs');
-var transformContentProperty = require('./helpers/transformContentProperty.cjs');
-
-const transformValuePropertyMap = {
-    content: transformContentProperty.transformContentProperty
-};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_helpers_isObject = require("./helpers/isObject.cjs");
+//#region src/processKeyframes.ts
+const transformValuePropertyMap = { content: require("./helpers/transformContentProperty.cjs").transformContentProperty };
 function processKeyframes(keyframes) {
-    const newKeyframes = {};
-    for (const [key, value] of Object.entries(keyframes)){
-        if (isObject.isObject(value)) {
-            newKeyframes[key] = processKeyframes(value);
-            continue;
-        }
-        let newValue = value;
-        if (transformValuePropertyMap[key]) {
-            newValue = transformValuePropertyMap[key](newValue);
-        }
-        newKeyframes[key] = newValue;
-    }
-    return newKeyframes;
+	const newKeyframes = {};
+	for (const [key, value] of Object.entries(keyframes)) {
+		if (require_helpers_isObject.isObject(value)) {
+			newKeyframes[key] = processKeyframes(value);
+			continue;
+		}
+		let newValue = value;
+		if (transformValuePropertyMap[key]) newValue = transformValuePropertyMap[key](newValue);
+		newKeyframes[key] = newValue;
+	}
+	return newKeyframes;
 }
-
+//#endregion
 exports.processKeyframes = processKeyframes;