@revojs/client 0.2.7 → 0.2.8

package/dist/module/index.d.ts

@@ -9,6 +9,7 @@ export interface ClientConfig {
     html: Record<HtmlTags, HtmlTag>;
 }
 export declare function toHtmlTagDescriptor(htmlTag: HtmlTag, injectTo: HtmlTagDescriptor["injectTo"]): HtmlTagDescriptor;
+export declare function cssImportSpecifiers(children: Array<string>): Array<string> | undefined;
 declare const _default: import("revojs/module").Module<"client", ClientConfig, []>;
 export default _default;
 export declare const CLIENT = "client";

package/dist/module/index.js

@@ -21,6 +21,16 @@ function toHtmlTagDescriptor(htmlTag, injectTo) {
 		injectTo
 	};
 }
+function cssImportSpecifiers(children) {
+	const specifiers = new Array();
+	for (const statement of children.join("").split(";")) {
+		if (statement.trim() === "") continue;
+		const specifier = /^import\s*["']([^"']+)["']$/.exec(statement.trim())?.[1];
+		if (specifier === void 0 || !specifier.endsWith(".css")) return;
+		specifiers.push(specifier);
+	}
+	return specifiers.length > 0 ? specifiers : void 0;
+}
 var module_default = defineModule({
 	name: "client",
 	config: () => ({ html: {
@@ -65,6 +75,19 @@ var module_default = defineModule({
 							if (typeof entry === "string" || entry.tagName !== "script" || entry.attributes.type !== "module") return entry;
 							const children = entry.children.filter((child) => typeof child === "string");
 							if (children.length === 0 || children.length !== entry.children.length) return entry;
+							const specifiers = cssImportSpecifiers(children);
+							if (specifiers) {
+								const name = `client-entry/${index++}.css`;
+								addVirtual(config, name, () => specifiers.map((specifier) => `@import ${JSON.stringify(specifier)};`).join("\n"));
+								return {
+									tagName: "link",
+									attributes: {
+										rel: "stylesheet",
+										href: `/@id/__x00__${name}`
+									},
+									children: []
+								};
+							}
 							const name = `client-entry/${index++}.js`;
 							addVirtual(config, name, () => children.join(""));
 							return {
@@ -124,4 +147,4 @@ var module_default = defineModule({
 var CLIENT = "client";
 var CLIENT_SUFFIX = "?client";
 //#endregion
-export { CLIENT, CLIENT_SUFFIX, module_default as default, toHtmlTagDescriptor };
+export { CLIENT, CLIENT_SUFFIX, cssImportSpecifiers, module_default as default, toHtmlTagDescriptor };

package/dist/package.js

@@ -1,6 +1,6 @@
 //#region package.json
 var name = "@revojs/client";
-var version = "0.2.7";
+var version = "0.2.8";
 var repository = {
 	"type": "git",
 	"url": "git+https://github.com/tellua/revojs.git"

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@revojs/client",
-    "version": "0.2.7",
+    "version": "0.2.8",
     "license": "MIT",
     "repository": {
         "type": "git",