@cossackframework/renderer 0.7.5 → 0.7.7

package/dist/css.js

@@ -0,0 +1,115 @@
+import e from "css-tree/parser";
+import t from "css-tree/generator";
+import n from "css-tree/walker";
+//#region src/css.ts
+var r = Symbol("cossack-css-result"), i = class {
+	cssText;
+	constructor(e, t) {
+		if (t !== r) throw Error("[cossack/renderer] CSSResult cannot be constructed directly. Use css`` or unsafeCSS().");
+		this.cssText = e;
+	}
+	toString() {
+		return this.cssText;
+	}
+}, a = (e) => new i(e, r), o = (e, ...t) => {
+	let n = e[0];
+	for (let r = 0; r < t.length; r++) {
+		let a = t[r];
+		if (typeof a == "number") n += String(a);
+		else if (a instanceof i) n += a.cssText;
+		else throw Error("[cossack/renderer] css`` interpolations must be numbers or CSSResult values. Use unsafeCSS() only for explicitly trusted raw CSS.");
+		n += e[r + 1];
+	}
+	return a(n);
+}, s = (e) => a(String(e)), c = /* @__PURE__ */ new WeakMap(), l = (e, t) => {
+	if (Array.isArray(e)) {
+		for (let n of e) l(n, t);
+		return;
+	}
+	if (e instanceof i) {
+		t.push(e);
+		return;
+	}
+	throw TypeError("[cossack/renderer] static styles must contain only CSSResult values returned by css`` or unsafeCSS().");
+}, u = (e) => {
+	let t = /* @__PURE__ */ new Set(), n = [];
+	for (let r = e.length - 1; r >= 0; r--) {
+		let i = e[r];
+		t.has(i) || (t.add(i), n.push(i));
+	}
+	return n.reverse(), n;
+}, d = (e) => {
+	let t = 2166136261, n = new TextEncoder().encode(e);
+	for (let e of n) t ^= e, t = Math.imul(t, 16777619) >>> 0;
+	return t.toString(36);
+}, f = (t) => e(`[data-cossack-scope="${t}"]`, { context: "selector" }).children.first, p = (e) => {
+	if (e?.type === "AttributeSelector") return typeof e.name == "string" ? e.name : e.name?.name;
+}, m = (e, t) => {
+	let n = e.children;
+	if (!n) return;
+	n.forEach((e) => {
+		if (e.type === "PseudoClassSelector") {
+			let n = String(e.name).toLowerCase();
+			if (n === "host" || n === "host-context") throw Error(`[cossack/renderer] Shadow DOM selector :${n} is not supported by Light DOM scoped styles.`);
+			e.children && e.children.forEach((e) => {
+				e.type === "SelectorList" && e.children.forEach((e) => m(e, t));
+			});
+		} else if (e.type === "PseudoElementSelector" && String(e.name).toLowerCase() === "slotted") throw Error("[cossack/renderer] Shadow DOM selector ::slotted is not supported by Light DOM scoped styles.");
+	});
+	let r = n.head, i = n.head;
+	for (; i;) {
+		let e = i.next;
+		i.data.type === "Combinator" && (h(n, r, i, t), r = e), i = e;
+	}
+	h(n, r, null, t);
+}, h = (e, t, n, r) => {
+	if (!t || t === n) return;
+	let i = t, a = n, o = !1;
+	for (; i && i !== n;) p(i.data) === "data-cossack-scope" && (o = !0), (i.data.type === "PseudoClassSelector" || i.data.type === "PseudoElementSelector") && a === n && (a = i), i = i.next;
+	o || e.insertData(f(r), a);
+}, g = (e, r) => {
+	let i = /* @__PURE__ */ new Map();
+	return n(e, {
+		visit: "Atrule",
+		enter(e) {
+			let t = String(e.name).toLowerCase();
+			if (t !== "keyframes" && t !== "-webkit-keyframes") return;
+			let n = e.prelude?.children?.first, a = n?.name ?? n?.value;
+			if (typeof a != "string") return;
+			let o = `${r}-${a}`;
+			i.set(a, o), "name" in n ? n.name = o : n.value = o;
+		}
+	}), n(e, {
+		visit: "Rule",
+		enter(e) {
+			let t = String(this.atrule?.name ?? "").toLowerCase();
+			t === "keyframes" || t === "-webkit-keyframes" || e.prelude?.type === "SelectorList" && e.prelude.children.forEach((e) => m(e, r));
+		}
+	}), i.size > 0 && n(e, {
+		visit: "Declaration",
+		enter(e) {
+			let t = String(e.property).toLowerCase();
+			t !== "animation" && t !== "animation-name" && t !== "-webkit-animation" && t !== "-webkit-animation-name" || n(e.value, (e) => {
+				if (e.type !== "Identifier" && e.type !== "String") return;
+				let t = e.name ?? e.value, n = i.get(t);
+				n && ("name" in e ? e.name = n : e.value = n);
+			});
+		}
+	}), t(e);
+}, _ = (n) => {
+	if (c.has(n)) return c.get(n);
+	let r = n.styles;
+	if (r === void 0) return c.set(n, null), null;
+	let i = [];
+	l(r, i);
+	let a = e(u(i).map((e) => e.cssText).join("\n"), {
+		context: "stylesheet",
+		parseCustomProperty: !0
+	}), o = `c${d(t(a))}`, s = {
+		cssText: g(a, o),
+		scopeId: o
+	};
+	return c.set(n, s), s;
+};
+//#endregion
+export { i as CSSResult, o as css, _ as getFinalizedStyles, s as unsafeCSS };

package/dist/directives.js

@@ -0,0 +1,93 @@
+//#region src/directives.ts
+var e = class {
+	value;
+	constructor(e) {
+		this.value = e;
+	}
+}, t = class {
+	items;
+	keyFn;
+	templateFn;
+	constructor(e, t, n) {
+		this.items = e, this.keyFn = t, this.templateFn = n;
+	}
+}, n = class {
+	value;
+	template;
+	constructor(e, t) {
+		this.value = e, this.template = t;
+	}
+}, r = class {
+	component;
+	fieldName;
+	constructor(e, t) {
+		this.component = e, this.fieldName = t;
+	}
+}, i = class {
+	handler;
+	novalidate;
+	constructor(e, t) {
+		this.handler = e, this.novalidate = t;
+	}
+}, a = class {
+	value;
+	constructor(e) {
+		this.value = e;
+	}
+}, o = class {
+	deps;
+	factory;
+	constructor(e, t) {
+		this.deps = e, this.factory = t;
+	}
+}, s = class {
+	value;
+	constructor(e) {
+		this.value = e;
+	}
+}, c = (t) => new e(t), l = (e, n, r) => r === void 0 ? new t(e, (e, t) => t, n) : new t(e, n, r), u = (e) => Object.keys(e).filter((t) => e[t]).join(" "), d = (e) => Object.keys(e).filter((t) => e[t] != null).map((t) => `${t}:${e[t]}`).join(";"), f = (e, t) => new n(e, t), p = (e, t) => new r(e, t);
+function m(e, t) {
+	let n = e;
+	if (!t.includes(".")) return n?.[t];
+	let r = t.split("."), i = n?.[r[0]];
+	for (let e = 1; e < r.length; e++) {
+		if (i == null) return;
+		i = i[r[e]];
+	}
+	return i;
+}
+function h(e, t, n) {
+	let r = e;
+	if (!r) return;
+	if (!t.includes(".")) {
+		r[t] = n;
+		return;
+	}
+	let i = t.split(".");
+	r[i[0]] ?? (r[i[0]] = {});
+	let a = r[i[0]];
+	for (let e = 1; e < i.length - 1; e++) {
+		if (typeof a != "object" || !a) return;
+		(a[i[e]] == null || typeof a[i[e]] != "object") && (a[i[e]] = {}), a = a[i[e]];
+	}
+	typeof a == "object" && a && (a[i[i.length - 1]] = n);
+}
+var g = (e, t) => new i(e, t?.novalidate ?? !0), _ = (e) => new a(e), v = (e, t) => new o(e, t), y = (e) => new s(e), b = (e, t, n) => e ? t(e) : n?.(e), x = (e, t, n) => {
+	for (let n = 0; n < t.length; n++) {
+		let [r, i] = t[n];
+		if (r === e) return i(e, n);
+	}
+	return n?.();
+}, S = (e, t) => Array.from(e, t), C = (e, t, n) => {
+	let r = Array.from(e), i = [], a = typeof n == "function" ? n : () => n;
+	for (let e = 0; e < r.length; e++) i.push(t(r[e], e)), e < r.length - 1 && i.push(a(e));
+	return i;
+}, w = (e, t, n = 1) => {
+	let r = t === void 0 ? 0 : e, i = t === void 0 ? e : t, a = [];
+	if (n === 0) return a;
+	if (n > 0) for (let e = r; e < i; e += n) a.push(e);
+	else for (let e = r; e > i; e += n) a.push(e);
+	return a;
+};
+//#endregion
+export { r as BindResult, s as CacheResult, o as GuardResult, a as IfDefinedResult, n as KeyResult, e as LiveResult, i as PreventDefaultResult, t as RepeatResult, p as bind, y as cache, x as choose, u as classMap, v as guard, _ as ifDefined, C as join, f as key, c as live, S as map, g as preventDefault, w as range, l as repeat, m as resolveField, h as setField, d as styleMap, b as when };

package/dist/index.js

@@ -1,10 +1,7 @@
-import { A as e, B as t, C as n, D as r, E as i, F as a, G as o, H as s, I as c, K as l, L as u, M as d, N as f, O as p, P as m, R as h, S as g, T as _, U as v, V as y, W as b, _ as x, a as S, b as C, c as w, d as T, f as E, g as D, h as O, i as k, j as A, k as j, l as M, m as N, n as P, o as F, p as I, r as L, s as R, t as z, u as B, v as V, w as H, x as U, y as W, z as G } from "./cossack-html-CnATUTdE.js";
-//#region src/context.ts
-function K(e) {
-	return {
-		id: Math.random().toString(36).slice(2),
-		defaultValue: e
-	};
-}
-//#endregion
-export { N as BindResult, v as CSSResult, O as CacheResult, G as CossackElement, D as GuardResult, x as IfDefinedResult, V as KeyResult, W as LiveResult, C as PreventDefaultResult, U as RepeatResult, z as TemplateResult, P as UnsafeHTMLResult, g as bind, n as cache, H as choose, _ as classMap, L as component, K as createContext, b as css, k as escapeHtml, i as guard, S as html, F as hydrate, r as ifDefined, t as instanceStack, l as isComponentResult, R as isTemplateResult, w as isUnsafeHTML, p as join, j as key, e as live, A as map, M as nothing, y as popCurrentInstance, d as preventDefault, s as pushCurrentInstance, f as range, B as render, T as renderToString, m as repeat, a as resolveField, c as setField, u as styleMap, E as svg, o as unsafeCSS, I as unsafeHTML, h as when };
+import { isComponentResult as e } from "./component.js";
+import { CSSResult as t, css as n, unsafeCSS as r } from "./css.js";
+import { CossackElement as i, instanceStack as a, popCurrentInstance as o, pushCurrentInstance as s } from "./cossack-element.js";
+import { BindResult as c, CacheResult as l, GuardResult as u, IfDefinedResult as d, KeyResult as f, LiveResult as p, PreventDefaultResult as m, RepeatResult as h, bind as g, cache as _, choose as v, classMap as y, guard as b, ifDefined as x, join as S, key as C, live as w, map as T, preventDefault as E, range as D, repeat as O, resolveField as k, setField as A, styleMap as j, when as M } from "./directives.js";
+import { TemplateResult as N, UnsafeHTMLResult as P, component as F, escapeHtml as I, html as L, hydrate as R, isTemplateResult as z, isUnsafeHTML as B, nothing as V, render as H, renderToString as U, svg as W, unsafeHTML as G } from "./cossack-html.js";
+import { createContext as K } from "./context.js";
+export { c as BindResult, t as CSSResult, l as CacheResult, i as CossackElement, u as GuardResult, d as IfDefinedResult, f as KeyResult, p as LiveResult, m as PreventDefaultResult, h as RepeatResult, N as TemplateResult, P as UnsafeHTMLResult, g as bind, _ as cache, v as choose, y as classMap, F as component, K as createContext, n as css, I as escapeHtml, b as guard, L as html, R as hydrate, x as ifDefined, a as instanceStack, e as isComponentResult, z as isTemplateResult, B as isUnsafeHTML, S as join, C as key, w as live, T as map, V as nothing, o as popCurrentInstance, E as preventDefault, s as pushCurrentInstance, D as range, H as render, U as renderToString, O as repeat, k as resolveField, A as setField, j as styleMap, W as svg, r as unsafeCSS, G as unsafeHTML, M as when };

package/dist/minify-html.js

@@ -0,0 +1,36 @@
+//#region src/minify-html.ts
+var e = /<(script|style|pre|textarea)\b[^>]*>[\s\S]*?<\/\1>/gi, t = RegExp(`<(${[.../* @__PURE__ */ new Set([
+	"area",
+	"base",
+	"br",
+	"col",
+	"embed",
+	"hr",
+	"img",
+	"input",
+	"link",
+	"meta",
+	"param",
+	"source",
+	"track",
+	"wbr"
+])].join("|")})(\\s[^>]*)?\\/\\s*>`, "gi"), n = /\s+type\s*=\s*["']text\/(javascript|css)["']/gi, r = /(\w[\w-]*)\s*=\s*["']([a-zA-Z0-9_.-]+)["'](?=\s|\/?>)/g;
+function i(t) {
+	let r = [];
+	return {
+		html: t.replace(e, (e) => {
+			let t = e.replace(n, "");
+			return r.push(t), `\x00PRESERVE_${r.length - 1}\x00`;
+		}),
+		blocks: r
+	};
+}
+function a(e, t) {
+	return e.replace(/\x00PRESERVE_(\d+)\x00/g, (e, n) => t[parseInt(n, 10)]);
+}
+function o(e) {
+	let { html: o, blocks: s } = i(e), c = o.replace(/<!--(?!\[if\s|\/?CRP|CSA-[SE])[\s\S]*?-->/g, "");
+	return c = c.replace(n, ""), c = c.replace(/\s+/g, " "), c = c.replace(/>\s+</g, "><"), c = c.replace(r, (e, t, n) => `${t}=${n}`), c = c.replace(t, (e, t, n) => `<${t}${n ? n.trimEnd() : ""}>`), c = a(c, s), c = c.replace(/>\s+</g, "><"), c = c.trim(), c;
+}
+//#endregion
+export { o as minifyHtml };

package/dist/server.js

@@ -1,37 +1,4 @@
-import { G as e, U as t, W as n, a as r, d as i, f as a, i as o, l as s, t as c } from "./cossack-html-CnATUTdE.js";
-//#region src/minify-html.ts
-var l = /<(script|style|pre|textarea)\b[^>]*>[\s\S]*?<\/\1>/gi, u = RegExp(`<(${[.../* @__PURE__ */ new Set([
-	"area",
-	"base",
-	"br",
-	"col",
-	"embed",
-	"hr",
-	"img",
-	"input",
-	"link",
-	"meta",
-	"param",
-	"source",
-	"track",
-	"wbr"
-])].join("|")})(\\s[^>]*)?\\/\\s*>`, "gi"), d = /\s+type\s*=\s*["']text\/(javascript|css)["']/gi, f = /(\w[\w-]*)\s*=\s*["']([a-zA-Z0-9_.-]+)["'](?=\s|\/?>)/g;
-function p(e) {
-	let t = [];
-	return {
-		html: e.replace(l, (e) => {
-			let n = e.replace(d, "");
-			return t.push(n), `\x00PRESERVE_${t.length - 1}\x00`;
-		}),
-		blocks: t
-	};
-}
-function m(e, t) {
-	return e.replace(/\x00PRESERVE_(\d+)\x00/g, (e, n) => t[parseInt(n, 10)]);
-}
-function h(e) {
-	let { html: t, blocks: n } = p(e), r = t.replace(/<!--(?!\[if\s|\/?CRP|CSA-[SE])[\s\S]*?-->/g, "");
-	return r = r.replace(d, ""), r = r.replace(/\s+/g, " "), r = r.replace(/>\s+</g, "><"), r = r.replace(f, (e, t, n) => `${t}=${n}`), r = r.replace(u, (e, t, n) => `<${t}${n ? n.trimEnd() : ""}>`), r = m(r, n), r = r.replace(/>\s+</g, "><"), r = r.trim(), r;
-}
-//#endregion
-export { t as CSSResult, c as TemplateResult, n as css, o as escapeHtml, r as html, h as minifyHtml, s as nothing, i as renderToString, a as svg, e as unsafeCSS };
+import { CSSResult as e, css as t, unsafeCSS as n } from "./css.js";
+import { TemplateResult as r, escapeHtml as i, html as a, nothing as o, renderToString as s, svg as c } from "./cossack-html.js";
+import { minifyHtml as l } from "./minify-html.js";
+export { e as CSSResult, r as TemplateResult, t as css, i as escapeHtml, a as html, l as minifyHtml, o as nothing, s as renderToString, c as svg, n as unsafeCSS };

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@cossackframework/renderer",
-  "version": "0.7.5",
+  "version": "0.7.7",
   "type": "module",
+  "sideEffects": false,
   "description": "The rendering engine for Cossack Framework. Lit inspired, light dom, ssr",
   "license": "MIT",
   "repository": {