@master/css-server 2.0.0-rc.73 → 2.0.0-rc.74

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License
+
+Copyright (c) Aoyue Design LLC.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/dist/create-server-css.d.ts

@@ -1,2 +1,2 @@
-import { createCSSWithNativeDeclarations } from '@master/css-validator';
-export default createCSSWithNativeDeclarations;
+import { createCSSWithNativeDeclarations } from "@master/css-validator";
+export { createCSSWithNativeDeclarations as default };

package/dist/create-server-css.js

@@ -0,0 +1,5 @@
+import { createCSSWithNativeDeclarations } from "@master/css-validator";
+//#region src/create-server-css.ts
+var create_server_css_default = createCSSWithNativeDeclarations;
+//#endregion
+export { create_server_css_default as default };

package/dist/decode-html.d.ts

@@ -1 +1,4 @@
-export default function decodeHTML(html: string): string;
+//#region src/decode-html.d.ts
+declare function decodeHTML(html: string): string;
+//#endregion
+export { decodeHTML as default };

package/dist/decode-html.js

@@ -0,0 +1,17 @@
+//#region src/decode-html.ts
+function decodeHTML(html) {
+	return html.replace(/&(amp|apos|#39|#x27|quot|lt|gt);/g, (match, entity) => {
+		switch (entity) {
+			case "amp": return "&";
+			case "apos":
+			case "#39":
+			case "#x27": return "'";
+			case "quot": return "\"";
+			case "lt": return "<";
+			case "gt": return ">";
+			default: return match;
+		}
+	});
+}
+//#endregion
+export { decodeHTML as default };

package/dist/default-manifest.d.ts

@@ -1,2 +1,6 @@
-import type { MasterCSSManifest } from '@master/css-schema/manifest';
-export default function getDefaultManifest(): MasterCSSManifest;
+import { MasterCSSManifest } from "@master/css-schema/manifest";
+
+//#region src/default-manifest.d.ts
+declare function getDefaultManifest(): MasterCSSManifest;
+//#endregion
+export { getDefaultManifest as default };

package/dist/default-manifest.js

@@ -0,0 +1,8 @@
+import defaultManifestJSON from "@master/css-preset/default-manifest.json" with { type: "json" };
+//#region src/default-manifest.ts
+const defaultManifest = defaultManifestJSON;
+function getDefaultManifest() {
+	return defaultManifest;
+}
+//#endregion
+export { getDefaultManifest as default };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-export { default as render } from './render';
-export type { RenderOptions, RenderResult, RenderHydrationManifestOption } from './render';
-export { default as renderCSS } from './render-css';
-export { default as parseHTML } from './parse-html';
-export { default as createServerCSS } from './create-server-css';
+import render, { RenderHydrationManifestOption, RenderOptions, RenderResult } from "./render.js";
+import renderCSS from "./render-css.js";
+import parseHTML from "./parse-html.js";
+import createServerCSS from "./create-server-css.js";
+export { type RenderHydrationManifestOption, type RenderOptions, type RenderResult, createServerCSS, parseHTML, render, renderCSS };

package/dist/index.js

@@ -0,0 +1,5 @@
+import create_server_css_default from "./create-server-css.js";
+import parseHTML from "./parse-html.js";
+import render from "./render.js";
+import renderCSS from "./render-css.js";
+export { create_server_css_default as createServerCSS, parseHTML, render, renderCSS };

package/dist/parse-html.d.ts

@@ -1,12 +1,16 @@
-import type { ChildNode, Element } from 'domhandler';
+import { ChildNode, Element } from "domhandler";
+
+//#region src/parse-html.d.ts
 /**
  * @param html
  * @returns {classes from html, root element}
  */
-export default function parseHTML(html: string): {
-    classes: string[];
-    nodes: ChildNode[];
-    htmlElement: Element | null;
-    headElement: Element | null;
-    styleElement: Element | null;
+declare function parseHTML(html: string): {
+  classes: string[];
+  nodes: ChildNode[];
+  htmlElement: Element | null;
+  headElement: Element | null;
+  styleElement: Element | null;
 };
+//#endregion
+export { parseHTML as default };

package/dist/parse-html.js

@@ -0,0 +1,43 @@
+import decodeHTML from "./decode-html.js";
+import { MASTER_CSS_RUNTIME_STYLE_ID } from "@master/css-schema/runtime-style";
+import { DomHandler, Parser } from "htmlparser2";
+//#region src/parse-html.ts
+/**
+* @param html
+* @returns {classes from html, root element}
+*/
+function parseHTML(html) {
+	const classes = [];
+	let htmlElement = null;
+	let headElement = null;
+	let styleElement = null;
+	const handler = new DomHandler(void 0, {}, (element) => {
+		if (element.type === "tag") switch (element.name) {
+			case "html":
+				htmlElement = element;
+				break;
+			case "head":
+				headElement = element;
+				break;
+			default: break;
+		}
+		else if (element.type === "style") {
+			if (element.attribs.id === MASTER_CSS_RUNTIME_STYLE_ID) styleElement = element;
+		}
+		if (element.attribs.class) element.attribs.class.trim().split(/\s+/).forEach((className) => {
+			if (!className) return;
+			className = decodeHTML(className);
+			if (!classes.includes(className)) classes.push(className);
+		});
+	});
+	new Parser(handler, { decodeEntities: false }).end(html);
+	return {
+		classes,
+		nodes: handler.root.childNodes,
+		htmlElement,
+		headElement,
+		styleElement
+	};
+}
+//#endregion
+export { parseHTML as default };

package/dist/render-css.d.ts

@@ -1,9 +1,13 @@
-import { MasterCSS } from '@master/css';
-import type { MasterCSSManifest } from '@master/css-schema/manifest';
+import { MasterCSS } from "@master/css";
+import { MasterCSSManifest } from "@master/css-schema/manifest";
+
+//#region src/render-css.d.ts
 /**
  * Renders the Master CSS string from HTML
  * @param html
  * @param manifest
  * @returns MasterCSS
  */
-export default function renderCSS(html: string, manifest?: MasterCSSManifest): MasterCSS | undefined;
+declare function renderCSS(html: string, manifest?: MasterCSSManifest): MasterCSS | undefined;
+//#endregion
+export { renderCSS as default };

package/dist/render-css.js

@@ -0,0 +1,20 @@
+import create_server_css_default from "./create-server-css.js";
+import getDefaultManifest from "./default-manifest.js";
+import parseHTML from "./parse-html.js";
+//#region src/render-css.ts
+/**
+* Renders the Master CSS string from HTML
+* @param html
+* @param manifest
+* @returns MasterCSS
+*/
+function renderCSS(html, manifest) {
+	if (!html) return;
+	const { classes } = parseHTML(html);
+	if (!classes.length) return;
+	const css = create_server_css_default(manifest || getDefaultManifest());
+	classes.forEach((eachClass) => css.add(eachClass));
+	return css;
+}
+//#endregion
+export { renderCSS as default };

package/dist/render.d.ts

@@ -1,29 +1,33 @@
-import { MasterCSS } from '@master/css';
-import type { MasterCSSManifest } from '@master/css-schema/manifest';
-import { type MasterCSSHydrationManifest } from '@master/css-schema/hydration-manifest';
-import { Element, ChildNode } from 'domhandler';
-export type RenderExternalHydrationManifestSource = string | ((json: string, hydrationManifest: MasterCSSHydrationManifest) => string);
-export interface RenderExternalHydrationManifestOption {
-    type: 'external';
-    src: RenderExternalHydrationManifestSource;
+import { MasterCSS } from "@master/css";
+import { MasterCSSHydrationManifest } from "@master/css-schema/hydration-manifest";
+import { ChildNode, Element } from "domhandler";
+import { MasterCSSManifest } from "@master/css-schema/manifest";
+
+//#region src/render.d.ts
+type RenderExternalHydrationManifestSource = string | ((json: string, hydrationManifest: MasterCSSHydrationManifest) => string);
+interface RenderExternalHydrationManifestOption {
+  type: 'external';
+  src: RenderExternalHydrationManifestSource;
 }
-export type RenderHydrationManifestOption = 'return' | 'inject' | false | RenderExternalHydrationManifestOption;
-export interface RenderOptions {
-    hydrationManifest?: RenderHydrationManifestOption;
+type RenderHydrationManifestOption = 'return' | 'inject' | false | RenderExternalHydrationManifestOption;
+interface RenderOptions {
+  hydrationManifest?: RenderHydrationManifestOption;
 }
-export interface RenderResult {
-    html: string;
-    css?: MasterCSS;
-    classes: string[];
-    nodes: ChildNode[];
-    htmlElement: Element | null;
-    headElement: Element | null;
-    styleElement: Element | null;
-    hydrationManifest?: MasterCSSHydrationManifest;
+interface RenderResult {
+  html: string;
+  css?: MasterCSS;
+  classes: string[];
+  nodes: ChildNode[];
+  htmlElement: Element | null;
+  headElement: Element | null;
+  styleElement: Element | null;
+  hydrationManifest?: MasterCSSHydrationManifest;
 }
 /**
  * Renders the page-required and sorted CSS text from HTML and injected it back into HTML
  * @param html
  * @param manifest
  */
-export default function render(html: string, manifest?: MasterCSSManifest, options?: RenderOptions): RenderResult;
+declare function render(html: string, manifest?: MasterCSSManifest, options?: RenderOptions): RenderResult;
+//#endregion
+export { RenderExternalHydrationManifestOption, RenderExternalHydrationManifestSource, RenderHydrationManifestOption, RenderOptions, RenderResult, render as default };

package/dist/render.js

@@ -0,0 +1,165 @@
+import create_server_css_default from "./create-server-css.js";
+import getDefaultManifest from "./default-manifest.js";
+import parseHTML from "./parse-html.js";
+import { createHydrationManifest } from "@master/css";
+import { MASTER_CSS_HYDRATION_MANIFEST_ATTR, MASTER_CSS_HYDRATION_MANIFEST_SCRIPT_ID, serializeMasterCSSHydrationManifest } from "@master/css-schema/hydration-manifest";
+import { MASTER_CSS_RUNTIME_STYLE_ID } from "@master/css-schema/runtime-style";
+import { Element, Text } from "domhandler";
+import serialize from "dom-serializer";
+//#region src/render.ts
+function createHydrationManifestScript(hydrationManifest) {
+	return new Element("script", {
+		type: "application/json",
+		id: MASTER_CSS_HYDRATION_MANIFEST_SCRIPT_ID
+	}, [new Text(serializeMasterCSSHydrationManifest(hydrationManifest))]);
+}
+function isHydrationManifestScript(node) {
+	return node.type === "script" && node.name === "script" && node.attribs.id === MASTER_CSS_HYDRATION_MANIFEST_SCRIPT_ID;
+}
+function setHydrationManifestScript(element, hydrationManifest) {
+	element.attribs.type = "application/json";
+	element.attribs.id = MASTER_CSS_HYDRATION_MANIFEST_SCRIPT_ID;
+	element.childNodes = [new Text(serializeMasterCSSHydrationManifest(hydrationManifest))];
+}
+function isExternalHydrationManifestOption(hydrationManifest) {
+	return typeof hydrationManifest === "object" && hydrationManifest?.type === "external";
+}
+function getExternalHydrationManifestSource(option, hydrationManifest) {
+	const json = serializeMasterCSSHydrationManifest(hydrationManifest);
+	return typeof option.src === "function" ? option.src(json, hydrationManifest) : option.src;
+}
+function findHydrationManifestScripts(childNodes, matches = []) {
+	for (let index = 0; index < childNodes.length; index++) {
+		const node = childNodes[index];
+		if (isHydrationManifestScript(node)) matches.push({
+			element: node,
+			childNodes,
+			index
+		});
+		if ("childNodes" in node) findHydrationManifestScripts(node.childNodes, matches);
+	}
+	return matches;
+}
+function removeNode(nodes, target) {
+	const index = nodes.indexOf(target);
+	if (index !== -1) {
+		nodes.splice(index, 1);
+		return true;
+	}
+	for (const node of nodes) if ("childNodes" in node && removeNode(node.childNodes, target)) return true;
+	return false;
+}
+function removeHydrationManifestScripts(nodes) {
+	const existingScripts = findHydrationManifestScripts(nodes);
+	for (let index = existingScripts.length - 1; index >= 0; index--) {
+		const script = existingScripts[index];
+		script.childNodes.splice(script.index, 1);
+	}
+	return existingScripts.length > 0;
+}
+function removeExternalHydrationManifest(styleElement) {
+	if (styleElement) delete styleElement.attribs[MASTER_CSS_HYDRATION_MANIFEST_ATTR];
+}
+function injectExternalHydrationManifest(nodes, styleElement, src) {
+	removeHydrationManifestScripts(nodes);
+	if (styleElement) styleElement.attribs[MASTER_CSS_HYDRATION_MANIFEST_ATTR] = src;
+}
+function injectHydrationManifest(nodes, htmlElement, headElement, styleElement, hydrationManifest) {
+	removeExternalHydrationManifest(styleElement);
+	const existingScripts = findHydrationManifestScripts(nodes);
+	if (existingScripts.length) {
+		const [firstScript, ...duplicateScripts] = existingScripts;
+		setHydrationManifestScript(firstScript.element, hydrationManifest);
+		for (let index = duplicateScripts.length - 1; index >= 0; index--) {
+			const script = duplicateScripts[index];
+			script.childNodes.splice(script.index, 1);
+		}
+		return;
+	}
+	const scriptElement = createHydrationManifestScript(hydrationManifest);
+	if (headElement) headElement.childNodes.push(scriptElement);
+	else if (htmlElement) {
+		headElement = new Element("head", {}, [scriptElement]);
+		htmlElement.childNodes.unshift(headElement);
+	} else {
+		const styleElementIndex = styleElement ? nodes.indexOf(styleElement) : -1;
+		if (styleElementIndex === -1) nodes.unshift(scriptElement);
+		else nodes.splice(styleElementIndex + 1, 0, scriptElement);
+	}
+}
+/**
+* Renders the page-required and sorted CSS text from HTML and injected it back into HTML
+* @param html
+* @param manifest
+*/
+function render(html, manifest, options = {}) {
+	const context = parseHTML(html);
+	const { classes, nodes, htmlElement } = context;
+	let { headElement, styleElement } = context;
+	const externalHydrationManifestOption = isExternalHydrationManifestOption(options.hydrationManifest) ? options.hydrationManifest : void 0;
+	if (!classes.length && externalHydrationManifestOption) {
+		removeHydrationManifestScripts(nodes);
+		removeExternalHydrationManifest(styleElement);
+	}
+	if (!classes.length) return {
+		html: externalHydrationManifestOption ? serialize(nodes, {
+			decodeEntities: false,
+			encodeEntities: false
+		}) : html,
+		classes,
+		nodes,
+		htmlElement,
+		headElement,
+		styleElement
+	};
+	const css = create_server_css_default(manifest || getDefaultManifest());
+	classes.forEach((eachClass) => css.add(eachClass));
+	const hydrationManifest = options.hydrationManifest === false ? void 0 : createHydrationManifest(css);
+	if (!css.text) {
+		if ((options.hydrationManifest === "inject" || externalHydrationManifestOption) && styleElement) {
+			removeNode(nodes, styleElement);
+			styleElement = null;
+		}
+		if (externalHydrationManifestOption) removeHydrationManifestScripts(nodes);
+		return {
+			html: serialize(nodes, {
+				decodeEntities: false,
+				encodeEntities: false
+			}),
+			css,
+			classes,
+			hydrationManifest,
+			nodes,
+			htmlElement,
+			headElement,
+			styleElement
+		};
+	}
+	if (styleElement) styleElement.childNodes = [new Text(css.text)];
+	else {
+		styleElement = new Element("style", { id: MASTER_CSS_RUNTIME_STYLE_ID }, [new Text(css.text)]);
+		if (headElement) headElement.childNodes.push(styleElement);
+		else if (htmlElement) {
+			headElement = new Element("head", {}, [styleElement]);
+			htmlElement.childNodes.unshift(headElement);
+		} else nodes.unshift(styleElement);
+	}
+	if (options.hydrationManifest === "inject" && hydrationManifest?.rules.length) injectHydrationManifest(nodes, htmlElement, headElement, styleElement, hydrationManifest);
+	else if (externalHydrationManifestOption && hydrationManifest?.rules.length) injectExternalHydrationManifest(nodes, styleElement, getExternalHydrationManifestSource(externalHydrationManifestOption, hydrationManifest));
+	else removeExternalHydrationManifest(styleElement);
+	return {
+		html: serialize(nodes, {
+			decodeEntities: false,
+			encodeEntities: false
+		}),
+		css,
+		classes,
+		hydrationManifest,
+		nodes,
+		htmlElement,
+		headElement,
+		styleElement
+	};
+}
+//#endregion
+export { render as default };

package/package.json

@@ -1 +1,66 @@
-{"name":"@master/css-server","type":"module","scripts":{"build":"techor build \"src/**/*.ts\" --formats esm && node scripts/restore-json-import-attributes.mjs","dev":"pnpm build --watch","lint":"eslint","type-check":"tsc --noEmit","test":"vitest"},"license":"MIT","description":"Render Master CSS on the server side","author":"Aoyue Design LLC.","funding":"https://rc.css.master.co/sponsor","homepage":"https://css.master.co","bugs":{"url":"https://github.com/master-co/css/issues"},"repository":{"type":"git","url":"https://github.com/master-co/css.git","directory":"packages/server"},"keywords":["server","static","html","markup","dom","css","mastercss"],"sideEffects":false,"main":"./dist/index.mjs","module":"./dist/index.mjs","jsnext:main":"./dist/index.mjs","esnext":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","default":"./dist/index.mjs"}},"files":["dist"],"publishConfig":{"access":"public","provenance":true},"dependencies":{"@master/css":"^2.0.0-rc.73","@master/css-preset":"^2.0.0-rc.73","@master/css-validator":"^2.0.0-rc.73","dom-serializer":"^3.1.1","domhandler":"^6.0.1","htmlparser2":"^12.0.0","@master/css-schema":"^2.0.0-rc.73"},"devDependencies":{"@master/css-compiler":"^2.0.0-rc.73"},"version":"2.0.0-rc.73"}
+{
+  "name": "@master/css-server",
+  "type": "module",
+  "license": "MIT",
+  "description": "Render Master CSS on the server side",
+  "author": "Aoyue Design LLC.",
+  "funding": "https://rc.css.master.co/sponsor",
+  "homepage": "https://css.master.co",
+  "bugs": {
+    "url": "https://github.com/master-co/css/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/master-co/css.git",
+    "directory": "packages/server"
+  },
+  "keywords": [
+    "server",
+    "static",
+    "html",
+    "markup",
+    "dom",
+    "css",
+    "mastercss"
+  ],
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "jsnext:main": "./dist/index.js",
+  "esnext": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "dependencies": {
+    "dom-serializer": "^3.1.1",
+    "domhandler": "^6.0.1",
+    "htmlparser2": "^12.0.0",
+    "@master/css": "^2.0.0-rc.74",
+    "@master/css-preset": "^2.0.0-rc.74",
+    "@master/css-validator": "^2.0.0-rc.74",
+    "@master/css-schema": "^2.0.0-rc.74"
+  },
+  "devDependencies": {
+    "@master/css-compiler": "^2.0.0-rc.74"
+  },
+  "version": "2.0.0-rc.74",
+  "scripts": {
+    "build": "tsdown --config ../../shared/tsdown-package.config.ts && node scripts/restore-json-import-attributes.js",
+    "dev": "tsdown --config ../../shared/tsdown-package.config.ts --watch",
+    "lint": "eslint",
+    "type-check": "tsc -b tsconfig.typecheck.json",
+    "test": "vitest"
+  }
+}

package/dist/create-server-css.mjs

@@ -1,2 +0,0 @@
-import { createCSSWithNativeDeclarations } from '@master/css-validator';
-export { createCSSWithNativeDeclarations as default } from '@master/css-validator';

package/dist/decode-html.mjs

@@ -1,27 +0,0 @@
-/*
- * The framework will encode attribute values ​​when rendering HTML to prevent XSS,
- * so we must decode it for correct CSS selectors.
- * https://github.com/facebook/react/issues/27836
- */ function decodeHTML(html) {
-    return html.replace(/&(amp|apos|#39|#x27|quot|lt|gt);/g, (match, entity)=>{
-        switch(entity){
-            case 'amp':
-                return '&';
-            case 'apos':
-            case '#39':
-            case '#x27':
-                return '\'';
-            case 'quot':
-                return '"';
-            case 'lt':
-                return '<';
-            case 'gt':
-                return '>';
-            default:
-                return match // 如果不是已知的實體，保留原樣
-                ;
-        }
-    });
-}
-
-export { decodeHTML as default };

package/dist/default-manifest.mjs

@@ -1,8 +0,0 @@
-import defaultManifestJSON from '@master/css-preset/default-manifest.json' with { type: 'json' };
-
-const defaultManifest = defaultManifestJSON;
-function getDefaultManifest() {
-    return defaultManifest;
-}
-
-export { getDefaultManifest as default };

package/dist/index.mjs

@@ -1,4 +0,0 @@
-export { default as render } from './render.mjs';
-export { default as renderCSS } from './render-css.mjs';
-export { default as parseHTML } from './parse-html.mjs';
-export { createCSSWithNativeDeclarations as createServerCSS } from '@master/css-validator';

package/dist/parse-html.mjs

@@ -1,46 +0,0 @@
-import { DomHandler, Parser } from 'htmlparser2';
-import { MASTER_CSS_RUNTIME_STYLE_ID } from '@master/css-schema/runtime-style';
-import decodeHTML from './decode-html.mjs';
-
-/**
- * @param html
- * @returns {classes from html, root element}
- */ function parseHTML(html) {
-    const classes = [];
-    let htmlElement = null;
-    let headElement = null;
-    let styleElement = null;
-    const handler = new DomHandler(undefined, {}, (element)=>{
-        if (element.type === 'tag') {
-            switch(element.name){
-                case 'html':
-                    htmlElement = element;
-                    break;
-                case 'head':
-                    headElement = element;
-                    break;
-            }
-        } else if (element.type === 'style') {
-            if (element.attribs.id === MASTER_CSS_RUNTIME_STYLE_ID) styleElement = element;
-        }
-        if (element.attribs.class) {
-            element.attribs.class.trim().split(/\s+/).forEach((className)=>{
-                if (!className) return;
-                className = decodeHTML(className);
-                if (!classes.includes(className)) classes.push(className);
-            });
-        }
-    });
-    new Parser(handler, {
-        decodeEntities: false
-    }).end(html);
-    return {
-        classes,
-        nodes: handler.root.childNodes,
-        htmlElement,
-        headElement,
-        styleElement
-    };
-}
-
-export { parseHTML as default };

package/dist/render-css.mjs

@@ -1,19 +0,0 @@
-import parseHTML from './parse-html.mjs';
-import getDefaultManifest from './default-manifest.mjs';
-import { createCSSWithNativeDeclarations } from '@master/css-validator';
-
-/**
- * Renders the Master CSS string from HTML
- * @param html
- * @param manifest
- * @returns MasterCSS
- */ function renderCSS(html, manifest) {
-    if (!html) return;
-    const { classes } = parseHTML(html);
-    if (!classes.length) return;
-    const css = createCSSWithNativeDeclarations(manifest || getDefaultManifest());
-    classes.forEach((eachClass)=>css.add(eachClass));
-    return css;
-}
-
-export { renderCSS as default };

package/dist/render.mjs

@@ -1,206 +0,0 @@
-import { createHydrationManifest } from '@master/css';
-import { MASTER_CSS_HYDRATION_MANIFEST_ATTR, serializeMasterCSSHydrationManifest, MASTER_CSS_HYDRATION_MANIFEST_SCRIPT_ID } from '@master/css-schema/hydration-manifest';
-import { MASTER_CSS_RUNTIME_STYLE_ID } from '@master/css-schema/runtime-style';
-import parseHTML from './parse-html.mjs';
-import getDefaultManifest from './default-manifest.mjs';
-import { createCSSWithNativeDeclarations } from '@master/css-validator';
-import { Text, Element } from 'domhandler';
-import serialize from 'dom-serializer';
-
-function createHydrationManifestScript(hydrationManifest) {
-    return new Element('script', {
-        type: 'application/json',
-        id: MASTER_CSS_HYDRATION_MANIFEST_SCRIPT_ID
-    }, [
-        new Text(serializeMasterCSSHydrationManifest(hydrationManifest))
-    ]);
-}
-function isHydrationManifestScript(node) {
-    return node.type === 'script' && node.name === 'script' && node.attribs.id === MASTER_CSS_HYDRATION_MANIFEST_SCRIPT_ID;
-}
-function setHydrationManifestScript(element, hydrationManifest) {
-    element.attribs.type = 'application/json';
-    element.attribs.id = MASTER_CSS_HYDRATION_MANIFEST_SCRIPT_ID;
-    element.childNodes = [
-        new Text(serializeMasterCSSHydrationManifest(hydrationManifest))
-    ];
-}
-function isExternalHydrationManifestOption(hydrationManifest) {
-    return typeof hydrationManifest === 'object' && hydrationManifest?.type === 'external';
-}
-function getExternalHydrationManifestSource(option, hydrationManifest) {
-    const json = serializeMasterCSSHydrationManifest(hydrationManifest);
-    return typeof option.src === 'function' ? option.src(json, hydrationManifest) : option.src;
-}
-function findHydrationManifestScripts(childNodes, matches = []) {
-    for(let index = 0; index < childNodes.length; index++){
-        const node = childNodes[index];
-        if (isHydrationManifestScript(node)) {
-            matches.push({
-                element: node,
-                childNodes,
-                index
-            });
-        }
-        if ('childNodes' in node) {
-            findHydrationManifestScripts(node.childNodes, matches);
-        }
-    }
-    return matches;
-}
-function removeNode(nodes, target) {
-    const index = nodes.indexOf(target);
-    if (index !== -1) {
-        nodes.splice(index, 1);
-        return true;
-    }
-    for (const node of nodes){
-        if ('childNodes' in node && removeNode(node.childNodes, target)) {
-            return true;
-        }
-    }
-    return false;
-}
-function removeHydrationManifestScripts(nodes) {
-    const existingScripts = findHydrationManifestScripts(nodes);
-    for(let index = existingScripts.length - 1; index >= 0; index--){
-        const script = existingScripts[index];
-        script.childNodes.splice(script.index, 1);
-    }
-    return existingScripts.length > 0;
-}
-function removeExternalHydrationManifest(styleElement) {
-    if (styleElement) {
-        delete styleElement.attribs[MASTER_CSS_HYDRATION_MANIFEST_ATTR];
-    }
-}
-function injectExternalHydrationManifest(nodes, styleElement, src) {
-    removeHydrationManifestScripts(nodes);
-    if (styleElement) {
-        styleElement.attribs[MASTER_CSS_HYDRATION_MANIFEST_ATTR] = src;
-    }
-}
-function injectHydrationManifest(nodes, htmlElement, headElement, styleElement, hydrationManifest) {
-    removeExternalHydrationManifest(styleElement);
-    const existingScripts = findHydrationManifestScripts(nodes);
-    if (existingScripts.length) {
-        const [firstScript, ...duplicateScripts] = existingScripts;
-        setHydrationManifestScript(firstScript.element, hydrationManifest);
-        for(let index = duplicateScripts.length - 1; index >= 0; index--){
-            const script = duplicateScripts[index];
-            script.childNodes.splice(script.index, 1);
-        }
-        return;
-    }
-    const scriptElement = createHydrationManifestScript(hydrationManifest);
-    if (headElement) {
-        headElement.childNodes.push(scriptElement);
-    } else if (htmlElement) {
-        headElement = new Element('head', {}, [
-            scriptElement
-        ]);
-        htmlElement.childNodes.unshift(headElement);
-    } else {
-        const styleElementIndex = styleElement ? nodes.indexOf(styleElement) : -1;
-        if (styleElementIndex === -1) {
-            nodes.unshift(scriptElement);
-        } else {
-            nodes.splice(styleElementIndex + 1, 0, scriptElement);
-        }
-    }
-}
-/**
- * Renders the page-required and sorted CSS text from HTML and injected it back into HTML
- * @param html
- * @param manifest
- */ function render(html, manifest, options = {}) {
-    const context = parseHTML(html);
-    const { classes, nodes, htmlElement } = context;
-    let { headElement, styleElement } = context;
-    const externalHydrationManifestOption = isExternalHydrationManifestOption(options.hydrationManifest) ? options.hydrationManifest : undefined;
-    if (!classes.length && externalHydrationManifestOption) {
-        removeHydrationManifestScripts(nodes);
-        removeExternalHydrationManifest(styleElement);
-    }
-    if (!classes.length) return {
-        html: externalHydrationManifestOption ? serialize(nodes, {
-            decodeEntities: false,
-            encodeEntities: false
-        }) : html,
-        classes,
-        nodes,
-        htmlElement,
-        headElement,
-        styleElement
-    };
-    const css = createCSSWithNativeDeclarations(manifest || getDefaultManifest());
-    classes.forEach((eachClass)=>css.add(eachClass));
-    const hydrationManifest = options.hydrationManifest === false ? undefined : createHydrationManifest(css);
-    if (!css.text) {
-        if ((options.hydrationManifest === 'inject' || externalHydrationManifestOption) && styleElement) {
-            removeNode(nodes, styleElement);
-            styleElement = null;
-        }
-        if (externalHydrationManifestOption) {
-            removeHydrationManifestScripts(nodes);
-        }
-        return {
-            html: serialize(nodes, {
-                decodeEntities: false,
-                encodeEntities: false
-            }),
-            css,
-            classes,
-            hydrationManifest,
-            nodes,
-            htmlElement,
-            headElement,
-            styleElement
-        };
-    }
-    if (styleElement) {
-        styleElement.childNodes = [
-            new Text(css.text)
-        ];
-    } else {
-        styleElement = new Element('style', {
-            id: MASTER_CSS_RUNTIME_STYLE_ID
-        }, [
-            new Text(css.text)
-        ]);
-        if (headElement) {
-            headElement.childNodes.push(styleElement);
-        } else {
-            if (htmlElement) {
-                headElement = new Element('head', {}, [
-                    styleElement
-                ]);
-                htmlElement.childNodes.unshift(headElement);
-            } else {
-                nodes.unshift(styleElement);
-            }
-        }
-    }
-    if (options.hydrationManifest === 'inject' && hydrationManifest?.rules.length) {
-        injectHydrationManifest(nodes, htmlElement, headElement, styleElement, hydrationManifest);
-    } else if (externalHydrationManifestOption && hydrationManifest?.rules.length) {
-        injectExternalHydrationManifest(nodes, styleElement, getExternalHydrationManifestSource(externalHydrationManifestOption, hydrationManifest));
-    } else {
-        removeExternalHydrationManifest(styleElement);
-    }
-    return {
-        html: serialize(nodes, {
-            decodeEntities: false,
-            encodeEntities: false
-        }),
-        css,
-        classes,
-        hydrationManifest,
-        nodes,
-        htmlElement,
-        headElement,
-        styleElement
-    };
-}
-
-export { render as default };