1.0.10

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushrocks/smartntml",
-  "version": "1.0.7",
+  "version": "1.0.10",
   "private": false,
   "description": "lit-html for the backend",
   "main": "dist_ts/index.js",
@@ -14,15 +14,16 @@
   },
   "devDependencies": {
     "@gitzone/tsbuild": "^2.1.25",
-    "@gitzone/tsbundle": "^2.0.4",
+    "@gitzone/tsbundle": "^2.0.5",
     "@gitzone/tstest": "^1.0.44",
     "@pushrocks/tapbundle": "^5.0.3",
-    "@types/node": "^17.0.35"
+    "@types/node": "^18.0.0"
   },
   "dependencies": {
     "@happy-dom/global-registrator": "^4.1.0",
     "@pushrocks/smartpromise": "^3.1.7",
-    "lit": "^2.2.5"
+    "@types/strip-comments": "^2.0.1",
+    "lit": "^2.2.6"
   },
   "browserslist": [
     "last 1 chrome versions"

ts/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@pushrocks/smartntml',
-  version: '1.0.7',
+  version: '1.0.10',
   description: 'lit-html for the backend'
 }

ts/index.ts

@@ -1,6 +1,7 @@
 import * as plugins from './smartntml.plugins.js';
 
 import type * as litTypes from 'lit';
+import { unsafeHTML } from 'lit/directives/unsafe-html.js';
 export type { TemplateResult } from 'lit';
 
 export class Smartntml {
@@ -16,6 +17,7 @@ export class Smartntml {
     if (this.smartntmlSingletonDeferred) {
       return this.smartntmlSingletonDeferred.promise;
     }
+    this.smartntmlSingletonDeferred = plugins.smartpromise.defer();
     const smartntmlInstance = await this.createAndInit();
     this.smartntmlSingletonDeferred.resolve(smartntmlInstance);
     return this.smartntmlSingletonDeferred.promise;
@@ -23,7 +25,8 @@ export class Smartntml {
 
   // INSTANCE
   private render: typeof litTypes.render;
-  html: typeof litTypes.html;
+  public html: typeof litTypes.html;
+  public unsafeHTML: typeof unsafeHTML;
 
   constructor() {
     this.init();
@@ -31,13 +34,19 @@ export class Smartntml {
 
   public async init() {
     const lit = await import('lit');
+    const litUnsafeHtmlDirective = await import('lit/directives/unsafe-html.js');
     this.render = lit.render;
     this.html = lit.html;
+    this.unsafeHTML = litUnsafeHtmlDirective.unsafeHTML;
   }
 
-  public async renderTemplateResult(templateResult: litTypes.TemplateResult) {
+  public async renderTemplateResult(templateResult: litTypes.TemplateResult, stripCommentsArg = true) {
     const element = document.createElement('div');
     this.render(templateResult, element);
-    return element.innerHTML;
+    let stringResult = element.innerHTML;
+    if (stripCommentsArg) {
+      stringResult = stringResult.replace(/<!--(.*?)-->/g, '');
+    }
+    return stringResult;
   }
 }

ts/smartntml.plugins.ts

@@ -8,3 +8,5 @@ import * as smartpromise from '@pushrocks/smartpromise';
 export {
   smartpromise
 }
+
+// third party scope