@cossackframework/renderer 0.7.0 → 0.7.4

package/dist/cossack-html.d.ts

@@ -1,12 +1,24 @@
 import { CossackElement } from './cossack-element';
-export declare class TemplateResult {
+export type TemplateResultType = 1 | 2;
+export declare class TemplateResult<T extends TemplateResultType = TemplateResultType> {
     readonly strings: TemplateStringsArray;
     readonly values: unknown[];
     readonly _cossack_template_result = true;
-    constructor(strings: TemplateStringsArray, values: unknown[]);
+    readonly '_$litType$': T;
+    constructor(strings: TemplateStringsArray, values: unknown[], litType?: T);
+    /** Component that created this template. Used for Light DOM style ownership. */
+    __cossackOwner?: CossackElement;
+    /** Scope applied only to elements statically owned by this template. */
+    __cossackScope?: string;
 }
-export declare const html: (strings: TemplateStringsArray, ...values: unknown[]) => TemplateResult;
-export declare const component: <T extends CossackElement>(clazz: new () => T, props?: T['props'] & Record<string, unknown>, children?: unknown) => TemplateResult;
+export type SVGTemplateResult = TemplateResult<2>;
+export declare const html: (strings: TemplateStringsArray, ...values: unknown[]) => TemplateResult<1>;
+export declare const svg: (strings: TemplateStringsArray, ...values: unknown[]) => SVGTemplateResult;
+/** Lit-compatible sentinel that removes the value in its binding context. */
+export declare const nothing: unique symbol;
+export type ValueSanitizer = (value: unknown) => unknown;
+export type SanitizerFactory = (node: Node, name: string, type: 'property' | 'attribute') => ValueSanitizer;
+export declare const component: <T extends CossackElement>(clazz: new () => T, props?: T['props'] & Record<string, unknown>, children?: unknown) => TemplateResult<1>;
 export declare const isTemplateResult: (value: unknown) => value is TemplateResult;
 export declare class UnsafeHTMLResult {
     readonly value: string;

package/dist/css.d.ts

@@ -0,0 +1,23 @@
+/** A safely constructed block of component CSS. */
+export declare class CSSResult {
+    readonly cssText: string;
+    /** @internal Use css`` or unsafeCSS() instead. */
+    constructor(cssText: string, token: symbol);
+    toString(): string;
+}
+export type CSSResultGroup = CSSResult | readonly CSSResultGroup[];
+/**
+ * Construct component CSS. Interpolations are intentionally restricted to
+ * numbers and other CSSResult values; use unsafeCSS() for reviewed raw text.
+ */
+export declare const css: (strings: TemplateStringsArray, ...values: unknown[]) => CSSResult;
+/** Mark a reviewed raw value as trusted CSS for interpolation into css``. */
+export declare const unsafeCSS: (value: unknown) => CSSResult;
+export interface FinalizedStyles {
+    readonly cssText: string;
+    readonly scopeId: string;
+}
+/** @internal Finalize and cache a component class's Light DOM styles. */
+export declare const getFinalizedStyles: (componentClass: Function & {
+    styles?: CSSResultGroup;
+}) => FinalizedStyles | null;

package/dist/index.d.ts

@@ -3,3 +3,5 @@ export * from './cossack-element';
 export * from './component';
 export * from './context';
 export * from './directives';
+export { css, unsafeCSS, CSSResult } from './css';
+export type { CSSResultGroup } from './css';

package/dist/index.js

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

package/dist/server.d.ts

@@ -1,2 +1,6 @@
 export { renderToString, escapeHtml } from './cossack-html';
+export { html, svg, nothing, TemplateResult } from './cossack-html';
+export type { SVGTemplateResult, ValueSanitizer, SanitizerFactory } from './cossack-html';
+export { css, unsafeCSS, CSSResult } from './css';
+export type { CSSResultGroup } from './css';
 export { minifyHtml } from './minify-html';

package/dist/server.js

@@ -1,6 +1,6 @@
-import { i as e, u as t } from "./cossack-html-D6DeVgtW.js";
+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 n = /<(script|style|pre|textarea)\b[^>]*>[\s\S]*?<\/\1>/gi, r = RegExp(`<(${[.../* @__PURE__ */ new Set([
+var l = /<(script|style|pre|textarea)\b[^>]*>[\s\S]*?<\/\1>/gi, u = RegExp(`<(${[.../* @__PURE__ */ new Set([
 	"area",
 	"base",
 	"br",
@@ -15,23 +15,23 @@ var n = /<(script|style|pre|textarea)\b[^>]*>[\s\S]*?<\/\1>/gi, r = RegExp(`<(${
 	"source",
 	"track",
 	"wbr"
-])].join("|")})(\\s[^>]*)?\\/\\s*>`, "gi"), i = /\s+type\s*=\s*["']text\/(javascript|css)["']/gi, a = /(\w[\w-]*)\s*=\s*["']([a-zA-Z0-9_.-]+)["']/g;
-function o(e) {
+])].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(n, (e) => {
-			let n = e.replace(i, "");
+		html: e.replace(l, (e) => {
+			let n = e.replace(d, "");
 			return t.push(n), `\x00PRESERVE_${t.length - 1}\x00`;
 		}),
 		blocks: t
 	};
 }
-function s(e, t) {
+function m(e, t) {
 	return e.replace(/\x00PRESERVE_(\d+)\x00/g, (e, n) => t[parseInt(n, 10)]);
 }
-function c(e) {
-	let { html: t, blocks: n } = o(e), c = t.replace(/<!--(?!\[if\s|\/?CRP|CSA-[SE])[\s\S]*?-->/g, "");
-	return c = c.replace(i, ""), c = c.replace(/\s+/g, " "), c = c.replace(/>\s+</g, "><"), c = c.replace(a, (e, t, n) => `${t}=${n}`), c = c.replace(r, (e, t, n) => `<${t}${n ? n.trimEnd() : ""}>`), c = s(c, n), c = c.replace(/>\s+</g, "><"), c = c.trim(), c;
+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 { e as escapeHtml, c as minifyHtml, t as renderToString };
+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 };

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@cossackframework/renderer",
-  "version": "0.7.0",
+  "version": "0.7.4",
   "type": "module",
-  "description": "Light DOM rendering engine for the Cossack Framework",
+  "description": "The rendering engine for Cossack Framework. Lit inspired, light dom, ssr",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -28,6 +28,9 @@
   "publishConfig": {
     "access": "public"
   },
+  "dependencies": {
+    "css-tree": "^3.2.1"
+  },
   "devDependencies": {
     "oxlint": "^1.41.0",
     "typescript": "^7.0.2",