@untrue/serializer 1.0.0 → 2.0.0

package/dist/cjs/Serializer.d.ts

@@ -0,0 +1,9 @@
+import { Slot } from "untrue";
+export type ContentFormat = "xml" | "html";
+export declare class Serializer {
+    static serialize(slot: Slot, format?: ContentFormat): string;
+    private static serializeSlot;
+    private static serializeChildren;
+    private static escape;
+    private static htmlSelfClosingTags;
+}

package/dist/cjs/Serializer.js

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Serializer = void 0;
+const untrue_1 = require("untrue");
+class Serializer {
+    static serialize(slot, format = "html") {
+        if (!["xml", "html"].includes(format)) {
+            throw new Error('Valid formats are: "xml", "html".');
+        }
+        if (!(slot instanceof untrue_1.Slot)) {
+            throw new Error("Invalid slot.");
+        }
+        return this.serializeSlot(slot, format);
+    }
+    static serializeSlot(slot, format) {
+        if (slot === null || slot === undefined || slot === false) {
+            return "";
+        }
+        if (!(slot instanceof untrue_1.Slot)) {
+            return this.escape(`${slot}`);
+        }
+        if (slot.isClass()) {
+            const ComponentClass = slot.getContentType();
+            const props = slot.getProps();
+            const component = new ComponentClass(props);
+            const children = component.render();
+            slot.setChildren(children);
+            return this.serializeChildren(slot, format);
+        }
+        else if (slot.isFunction()) {
+            const ComponentFunction = slot.getContentType();
+            const props = slot.getProps();
+            const children = ComponentFunction(props);
+            slot.setChildren(children);
+            return this.serializeChildren(slot, format);
+        }
+        else if (slot.isElement()) {
+            let result = "";
+            const tagName = slot.getContentType();
+            const attributes = slot.getAttributes() ?? {};
+            const keys = Object.keys(attributes);
+            const attr = keys.length !== 0
+                ? keys
+                    .map((key) => `${key}="${this.escape(attributes[key])}"`)
+                    .join(" ")
+                : null;
+            let selfClose = false;
+            switch (format) {
+                case "html": {
+                    selfClose = this.htmlSelfClosingTags.has(tagName);
+                    break;
+                }
+                case "xml": {
+                    const children = slot.getChildren();
+                    selfClose = children.length === 0;
+                    break;
+                }
+            }
+            result += `<${tagName}`;
+            if (attr !== null) {
+                result += ` ${attr}`;
+            }
+            if (selfClose) {
+                result += " />";
+            }
+            else {
+                result += ">";
+                result += this.serializeChildren(slot, format);
+                result += `</${tagName}>`;
+            }
+            return result;
+        }
+        else if (slot.isNull()) {
+            return this.serializeChildren(slot, format);
+        }
+        return "";
+    }
+    static serializeChildren(slot, format) {
+        let result = "";
+        for (const child of slot.getChildren()) {
+            result += this.serializeSlot(child, format);
+        }
+        return result;
+    }
+    static escape(source) {
+        return source
+            .replaceAll("&", "&amp;")
+            .replaceAll('"', "&quot;")
+            .replaceAll("'", "&apos;")
+            .replaceAll("<", "&lt;")
+            .replaceAll(">", "&gt;");
+    }
+    static htmlSelfClosingTags = new Set([
+        "area",
+        "base",
+        "br",
+        "col",
+        "embed",
+        "hr",
+        "img",
+        "input",
+        "link",
+        "meta",
+        "param",
+        "source",
+        "track",
+        "wbr",
+    ]);
+}
+exports.Serializer = Serializer;

package/dist/cjs/index.d.ts

@@ -0,0 +1 @@
+export { Serializer } from "./Serializer";

package/dist/cjs/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Serializer = void 0;
+var Serializer_1 = require("./Serializer");
+Object.defineProperty(exports, "Serializer", { enumerable: true, get: function () { return Serializer_1.Serializer; } });

package/dist/esm/Serializer.d.ts

@@ -0,0 +1,9 @@
+import { Slot } from "untrue";
+export type ContentFormat = "xml" | "html";
+export declare class Serializer {
+    static serialize(slot: Slot, format?: ContentFormat): string;
+    private static serializeSlot;
+    private static serializeChildren;
+    private static escape;
+    private static htmlSelfClosingTags;
+}

package/dist/esm/Serializer.js

@@ -0,0 +1,106 @@
+import { Slot } from "untrue";
+export class Serializer {
+    static serialize(slot, format = "html") {
+        if (!["xml", "html"].includes(format)) {
+            throw new Error('Valid formats are: "xml", "html".');
+        }
+        if (!(slot instanceof Slot)) {
+            throw new Error("Invalid slot.");
+        }
+        return this.serializeSlot(slot, format);
+    }
+    static serializeSlot(slot, format) {
+        if (slot === null || slot === undefined || slot === false) {
+            return "";
+        }
+        if (!(slot instanceof Slot)) {
+            return this.escape(`${slot}`);
+        }
+        if (slot.isClass()) {
+            const ComponentClass = slot.getContentType();
+            const props = slot.getProps();
+            const component = new ComponentClass(props);
+            const children = component.render();
+            slot.setChildren(children);
+            return this.serializeChildren(slot, format);
+        }
+        else if (slot.isFunction()) {
+            const ComponentFunction = slot.getContentType();
+            const props = slot.getProps();
+            const children = ComponentFunction(props);
+            slot.setChildren(children);
+            return this.serializeChildren(slot, format);
+        }
+        else if (slot.isElement()) {
+            let result = "";
+            const tagName = slot.getContentType();
+            const attributes = slot.getAttributes() ?? {};
+            const keys = Object.keys(attributes);
+            const attr = keys.length !== 0
+                ? keys
+                    .map((key) => `${key}="${this.escape(attributes[key])}"`)
+                    .join(" ")
+                : null;
+            let selfClose = false;
+            switch (format) {
+                case "html": {
+                    selfClose = this.htmlSelfClosingTags.has(tagName);
+                    break;
+                }
+                case "xml": {
+                    const children = slot.getChildren();
+                    selfClose = children.length === 0;
+                    break;
+                }
+            }
+            result += `<${tagName}`;
+            if (attr !== null) {
+                result += ` ${attr}`;
+            }
+            if (selfClose) {
+                result += " />";
+            }
+            else {
+                result += ">";
+                result += this.serializeChildren(slot, format);
+                result += `</${tagName}>`;
+            }
+            return result;
+        }
+        else if (slot.isNull()) {
+            return this.serializeChildren(slot, format);
+        }
+        return "";
+    }
+    static serializeChildren(slot, format) {
+        let result = "";
+        for (const child of slot.getChildren()) {
+            result += this.serializeSlot(child, format);
+        }
+        return result;
+    }
+    static escape(source) {
+        return source
+            .replaceAll("&", "&amp;")
+            .replaceAll('"', "&quot;")
+            .replaceAll("'", "&apos;")
+            .replaceAll("<", "&lt;")
+            .replaceAll(">", "&gt;");
+    }
+    static htmlSelfClosingTags = new Set([
+        "area",
+        "base",
+        "br",
+        "col",
+        "embed",
+        "hr",
+        "img",
+        "input",
+        "link",
+        "meta",
+        "param",
+        "source",
+        "track",
+        "wbr",
+    ]);
+}

package/dist/esm/index.d.ts

@@ -0,0 +1 @@
+export { Serializer } from "./Serializer";

package/dist/esm/index.js

@@ -0,0 +1 @@
+export { Serializer } from "./Serializer";

package/package.json

@@ -1,18 +1,38 @@
 {
   "name": "@untrue/serializer",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "description": "XML and HTML serializer for Untrue.",
   "repository": {
     "type": "git",
     "url": "https://github.com/iconshot/untrue-serializer.git"
   },
-  "main": "index.js",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/esm/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/cjs/index.js",
+      "import": "./dist/esm/index.js"
+    }
+  },
+  "scripts": {
+    "clean": "rm -rf dist",
+    "build-cjs": "tsc --project tsconfig.cjs.json",
+    "build-esm": "tsc --project tsconfig.esm.json",
+    "build": "npm run clean && npm run build-cjs && npm run build-esm",
+    "prepare": "npm run build"
+  },
   "keywords": [
     "serializer",
-    "untrue"
+    "untrue",
+    "html",
+    "xml"
   ],
   "license": "MIT",
   "peerDependencies": {
-    "untrue": "^4.4.0"
+    "untrue": "^5.18.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.9.3"
   }
 }

package/src/Serializer.js

@@ -1,79 +0,0 @@
-const { Node } = require("untrue");
-
-class Serializer {
-  static escape(string) {
-    return string
-      .replaceAll("&", "&")
-      .replaceAll('"', """)
-      .replaceAll("'", "'")
-      .replaceAll("<", "&lt;")
-      .replaceAll(">", "&gt;");
-  }
-
-  static serialize(node, content = this.content.xml) {
-    if (content !== this.content.xml && content !== this.content.html) {
-      throw new Error('Invalid content type. Valid values are: "xml", "html".');
-    }
-
-    if (node === null || node === undefined || node === false) {
-      return "";
-    }
-
-    if (!(node instanceof Node)) {
-      return this.escape(`${node}`);
-    }
-
-    let string = "";
-
-    const type = node.getType();
-    const attributes = node.getAttributes();
-    const children = node.getChildren();
-
-    const keys = Object.keys(attributes);
-
-    const attr =
-      keys.length > 0
-        ? keys
-            .map((key) => `${key}="${this.escape(attributes[key])}"`)
-            .join(" ")
-        : null;
-
-    const selfClose =
-      content === this.content.html && this.htmlSelfClosingTags.includes(type);
-
-    if (selfClose) {
-      string += `<${type}${attr !== null ? ` ${attr}` : ""}/>`;
-    } else {
-      string += `<${type}${attr !== null ? ` ${attr}` : ""}>`;
-
-      for (const child of children) {
-        string += this.serialize(child, content);
-      }
-
-      string += `</${type}>`;
-    }
-
-    return string;
-  }
-}
-
-Serializer.content = { xml: "xml", html: "html" };
-
-Serializer.htmlSelfClosingTags = [
-  "area",
-  "base",
-  "br",
-  "col",
-  "embed",
-  "hr",
-  "img",
-  "input",
-  "link",
-  "meta",
-  "param",
-  "source",
-  "track",
-  "wbr",
-];
-
-module.exports = Serializer;