web-signature 0.2.3 → 0.2.4

package/dist/Signature.js

@@ -220,7 +220,15 @@ export default class Signature {
                 }
             }
             for (const node of marks) {
-                node.replaceWith(document.createTextNode(String(template.values[Number((node.nodeValue ?? "").match(/si-mark-(\d+)/m)[1])])));
+                const value = template.values[Number((node.nodeValue ?? "").match(/si-mark-(\d+)/m)[1])];
+                if (typeof value === "object" && value.type === "unsafeHTML") {
+                    let obj = document.createElement("div");
+                    obj.innerHTML = value.value;
+                    node.replaceWith(obj.firstChild);
+                }
+                else {
+                    node.replaceWith(document.createTextNode(String(value)));
+                }
             }
         })();
         // Processing si-mark attributes
@@ -232,7 +240,8 @@ export default class Signature {
                     if (/<!--si-mark-\d+-->/gm.test(attr.value)) {
                         const match = attr.value.match(/si-mark-(\d+)/m);
                         if (match) {
-                            node.setAttribute(attr.name, String(template.values[Number(match[1])]));
+                            const value = template.values[Number(match[1])];
+                            node.setAttribute(attr.name, String(value));
                         }
                     }
                 }

package/dist/d/html.d.ts

@@ -2,3 +2,7 @@ export default function html(strings: TemplateStringsArray, ...values: any[]): {
     strings: TemplateStringsArray;
     values: any[];
 };
+export declare function unsafeHTML(value: any): {
+    type: "unsafeHTML";
+    value: any;
+};

package/dist/d/index.d.ts

@@ -4,4 +4,4 @@ export { default as Signature } from './Signature.js';
 export { default as Component } from './Component.js';
 export { default as Prop } from './Prop.js';
 export { default as Library } from './Library.js';
-export { default as html } from './html.js';
+export { default as html, unsafeHTML } from './html.js';

package/dist/html.js

@@ -1,3 +1,6 @@
 export default function html(strings, ...values) {
     return { strings, values };
 }
+export function unsafeHTML(value) {
+    return { type: "unsafeHTML", value: value };
+}

package/dist/index.js

@@ -6,4 +6,4 @@ export { default as Signature } from './Signature.js';
 export { default as Component } from './Component.js';
 export { default as Prop } from './Prop.js';
 export { default as Library } from './Library.js';
-export { default as html } from './html.js';
+export { default as html, unsafeHTML } from './html.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "web-signature",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "description": "Primitive and fast framework for rendering web interfaces",
   "license": "ISC",
   "author": "PinBib",

package/src/Signature.ts

@@ -279,17 +279,20 @@ export default class Signature {
 			}
 
 			for (const node of marks) {
-				node.replaceWith(
-					document.createTextNode(
-						String(
-							template.values[Number(
-								(
-									(node.nodeValue ?? "").match(/si-mark-(\d+)/m) as string[]
-								)[1]
-							)]
-						)
-					)
-				);
+				const value = template.values[Number(
+					(
+						(node.nodeValue ?? "").match(/si-mark-(\d+)/m) as string[]
+					)[1]
+				)];
+
+				if (typeof value === "object" && value.type === "unsafeHTML") {
+					let obj = document.createElement("div");
+					obj.innerHTML = value.value;
+
+					node.replaceWith(obj.firstChild as ChildNode);
+				} else {
+					node.replaceWith(document.createTextNode(String(value)));
+				}
 			}
 		})();
 
@@ -305,7 +308,9 @@ export default class Signature {
 						const match: RegExpMatchArray = attr.value.match(/si-mark-(\d+)/m) as RegExpMatchArray;
 
 						if (match) {
-							node.setAttribute(attr.name, String(template.values[Number(match[1])]))
+							const value = template.values[Number(match[1])];
+							
+							node.setAttribute(attr.name, String(value));
 						}
 					}
 				}

package/src/html.ts

@@ -3,4 +3,8 @@ export default function html(strings: TemplateStringsArray, ...values: any[]): {
 	values: any[]
 } {
 	return {strings, values};
+}
+
+export function unsafeHTML(value: any): { type: "unsafeHTML", value: any } {
+	return {type: "unsafeHTML", value: value};
 }

package/src/index.ts

@@ -8,4 +8,4 @@ export {default as Signature} from './Signature.js';
 export {default as Component} from './Component.js';
 export {default as Prop} from './Prop.js';
 export {default as Library} from './Library.js';
-export {default as html} from './html.js';
+export {default as html, unsafeHTML} from './html.js';