@revojs/client 0.2.7 → 0.2.9

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export declare function createClientScope(variables?: object, states?: Record<string, unknown>): Promise<{
+    hooks?: {
+        [x: string]: ArrayLike<import("revojs").Hook> | undefined;
+    } | undefined;
+    context?: {
+        [x: string]: {} | undefined;
+    } | undefined;
+} & import("revojs").Scope>;

package/dist/index.js

@@ -0,0 +1,16 @@
+import { STATE_CONTEXT, VARIABLE_CONTEXT, createScope } from "revojs";
+//#region src/index.ts
+function createClientScope(variables = {}, states) {
+	if (states === void 0) {
+		const content = globalThis.document?.getElementById("states")?.textContent?.trim();
+		const value = content ? JSON.parse(content) : {};
+		if (value === null || typeof value !== "object" || Array.isArray(value)) throw new Error("Client hydration state must be an object");
+		states = value;
+	}
+	return createScope({ context: {
+		[VARIABLE_CONTEXT]: variables,
+		[STATE_CONTEXT]: states
+	} });
+}
+//#endregion
+export { createClientScope };

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.9";
 var repository = {
 	"type": "git",
 	"url": "git+https://github.com/tellua/revojs.git"
@@ -22,6 +22,7 @@ var exports = {
 };
 var scripts = {
 	"build": "vite build",
+	"typecheck": "tsc --noEmit -p tsconfig.json",
 	"watch": "vite build --watch"
 };
 var dependencies = { "revojs": "*" };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@revojs/client",
-    "version": "0.2.7",
+    "version": "0.2.9",
     "license": "MIT",
     "repository": {
         "type": "git",
@@ -25,6 +25,7 @@
     },
     "scripts": {
         "build": "vite build",
+        "typecheck": "tsc --noEmit -p tsconfig.json",
         "watch": "vite build --watch"
     },
     "dependencies": {