@plumeria/core 0.16.1 → 0.17.0

package/dist/index.js

@@ -14,16 +14,32 @@ function create(object) {
 			const hashes = new Set();
 			const sheets = new Set();
 			(0, zss_engine.processAtomicProps)({ [prop]: value }, hashes, sheets);
-			const baseSheets = [];
-			const querySheets = [];
-			for (const sheet$1 of sheets) if (sheet$1.includes("@media") || sheet$1.includes("@container")) querySheets.push(sheet$1);
-			else baseSheets.push(sheet$1);
-			const hash = [...hashes].join(" ");
-			const sheet = [...baseSheets, ...querySheets].join("");
-			records.push({
+			const hashArray = [...hashes];
+			const sheetArray = [...sheets];
+			const baseSheetParts = [];
+			const baseHashParts = [];
+			const querySheetParts = [];
+			const queryHashParts = [];
+			for (let i = 0; i < sheetArray.length; i++) {
+				const sheet = sheetArray[i];
+				const hash = hashArray[i];
+				if (sheet.includes("@media") || sheet.includes("@container")) {
+					querySheetParts.push(sheet);
+					queryHashParts.push(hash);
+				} else {
+					baseSheetParts.push(sheet);
+					baseHashParts.push(hash);
+				}
+			}
+			if (baseSheetParts.length > 0) records.push({
 				key: prop,
-				hash,
-				sheet
+				hash: baseHashParts.join(" "),
+				sheet: baseSheetParts.join(" ")
+			});
+			if (querySheetParts.length > 0) records.push({
+				key: prop + "__queries__",
+				hash: queryHashParts.join(" "),
+				sheet: querySheetParts.join(" ")
 			});
 		});
 		if (Object.keys(nonFlat).length > 0) {
@@ -96,6 +112,27 @@ function props(...objects) {
 	uniqueStyleSheets.forEach((sheet) => injectedStyleSheets.add(sheet));
 	if (typeof require_css.globalPromise_1 === "undefined") require_css.initPromise_1();
 	require_css.resolvePromise_1(uniqueStyleSheets.join(""));
+	if (zss_engine.isTestingDevelopment && !zss_engine.isServer) {
+		const normalStyles = [];
+		const queryStyles = [];
+		for (const { hash, sheet } of [...orderedKeys, ...rightmostKeys]) {
+			if ((0, zss_engine.isHashInStyleSheets)(hash)) continue;
+			if (sheet.includes("@media") || sheet.includes("@container")) queryStyles.push({
+				hash,
+				sheet
+			});
+			else normalStyles.push({
+				hash,
+				sheet
+			});
+		}
+		for (const { hash, sheet } of normalStyles.reverse()) (0, zss_engine.injectClientCSS)(hash, sheet);
+		if (queryStyles.length > 0) {
+			const combinedSheet = queryStyles.map((s) => s.sheet).join("");
+			const combinedHashes = queryStyles.map((s) => s.hash).join(" ");
+			(0, zss_engine.injectClientQuery)(combinedHashes, combinedSheet);
+		}
+	}
 	return classList.join(" ");
 }
 

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { globalPromise_1, globalPromise_2, initPromise_1, initPromise_2, resolvePromise_1, resolvePromise_2 } from "./css.mjs";
-import { camelToKebabCase, genBase36Hash, injectClientGlobalCSS, isServer, isTestingDevelopment, processAtomicProps, splitAtomicAndNested, transpile } from "zss-engine";
+import { camelToKebabCase, genBase36Hash, injectClientCSS, injectClientGlobalCSS, injectClientQuery, isHashInStyleSheets, isServer, isTestingDevelopment, processAtomicProps, splitAtomicAndNested, transpile } from "zss-engine";
 
 const styleAtomMap = new WeakMap();
 function create(object) {
@@ -13,16 +13,32 @@ function create(object) {
 			const hashes = new Set();
 			const sheets = new Set();
 			processAtomicProps({ [prop]: value }, hashes, sheets);
-			const baseSheets = [];
-			const querySheets = [];
-			for (const sheet$1 of sheets) if (sheet$1.includes("@media") || sheet$1.includes("@container")) querySheets.push(sheet$1);
-			else baseSheets.push(sheet$1);
-			const hash = [...hashes].join(" ");
-			const sheet = [...baseSheets, ...querySheets].join("");
-			records.push({
+			const hashArray = [...hashes];
+			const sheetArray = [...sheets];
+			const baseSheetParts = [];
+			const baseHashParts = [];
+			const querySheetParts = [];
+			const queryHashParts = [];
+			for (let i = 0; i < sheetArray.length; i++) {
+				const sheet = sheetArray[i];
+				const hash = hashArray[i];
+				if (sheet.includes("@media") || sheet.includes("@container")) {
+					querySheetParts.push(sheet);
+					queryHashParts.push(hash);
+				} else {
+					baseSheetParts.push(sheet);
+					baseHashParts.push(hash);
+				}
+			}
+			if (baseSheetParts.length > 0) records.push({
 				key: prop,
-				hash,
-				sheet
+				hash: baseHashParts.join(" "),
+				sheet: baseSheetParts.join(" ")
+			});
+			if (querySheetParts.length > 0) records.push({
+				key: prop + "__queries__",
+				hash: queryHashParts.join(" "),
+				sheet: querySheetParts.join(" ")
 			});
 		});
 		if (Object.keys(nonFlat).length > 0) {
@@ -95,6 +111,27 @@ function props(...objects) {
 	uniqueStyleSheets.forEach((sheet) => injectedStyleSheets.add(sheet));
 	if (typeof globalPromise_1 === "undefined") initPromise_1();
 	resolvePromise_1(uniqueStyleSheets.join(""));
+	if (isTestingDevelopment && !isServer) {
+		const normalStyles = [];
+		const queryStyles = [];
+		for (const { hash, sheet } of [...orderedKeys, ...rightmostKeys]) {
+			if (isHashInStyleSheets(hash)) continue;
+			if (sheet.includes("@media") || sheet.includes("@container")) queryStyles.push({
+				hash,
+				sheet
+			});
+			else normalStyles.push({
+				hash,
+				sheet
+			});
+		}
+		for (const { hash, sheet } of normalStyles.reverse()) injectClientCSS(hash, sheet);
+		if (queryStyles.length > 0) {
+			const combinedSheet = queryStyles.map((s) => s.sheet).join("");
+			const combinedHashes = queryStyles.map((s) => s.hash).join(" ");
+			injectClientQuery(combinedHashes, combinedSheet);
+		}
+	}
 	return classList.join(" ");
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/core",
-  "version": "0.16.1",
+  "version": "0.17.0",
   "description": "A library for scalable and optimized styling",
   "repository": {
     "type": "git",
@@ -31,7 +31,7 @@
     "stylesheet.css"
   ],
   "dependencies": {
-    "zss-engine": "0.2.82"
+    "zss-engine": "0.2.83"
   },
   "publishConfig": {
     "access": "public"