1.0.11

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushrocks/smartntml",
-  "version": "1.0.3",
+  "version": "1.0.11",
   "private": false,
   "description": "lit-html for the backend",
   "main": "dist_ts/index.js",
@@ -13,15 +13,17 @@
     "build": "(tsbuild --web)"
   },
   "devDependencies": {
-    "@gitzone/tsbuild": "^2.1.25",
+    "@gitzone/tsbuild": "^2.1.65",
-    "@gitzone/tsbundle": "^2.0.4",
+    "@gitzone/tsbundle": "^2.0.7",
-    "@gitzone/tstest": "^1.0.44",
+    "@gitzone/tstest": "^1.0.73",
-    "@pushrocks/tapbundle": "^5.0.3",
+    "@pushrocks/tapbundle": "^5.0.4",
-    "@types/node": "^17.0.35"
+    "@types/node": "^18.7.23"
   },
   "dependencies": {
-    "@happy-dom/global-registrator": "^4.1.0",
+    "@happy-dom/global-registrator": "^6.0.4",
-    "lit": "^2.2.5"
+    "@pushrocks/smartpromise": "^3.1.7",
+    "@types/strip-comments": "^2.0.1",
+    "lit": "^2.3.1"
   },
   "browserslist": [
     "last 1 chrome versions"

ts/00_commitinfo_data.ts

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

ts/index.ts

@@ -1,6 +1,8 @@
 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 {
   // STATIC
@@ -10,9 +12,21 @@ export class Smartntml {
     return smartntml;
   }
 
+  private static smartntmlSingletonDeferred: plugins.smartpromise.Deferred<Smartntml>;
+  public static async createAndInitSingleton() {
+    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;
+  }
+
   // INSTANCE
-  render: typeof litTypes.render;
+  private render: typeof litTypes.render;
-  html: typeof litTypes.html;
+  public html: typeof litTypes.html;
+  public unsafeHTML: typeof unsafeHTML;
 
   constructor() {
     this.init();
@@ -20,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

@@ -1,2 +1,13 @@
+// happy-dom setup
 import { GlobalRegistrator } from '@happy-dom/global-registrator';
 GlobalRegistrator.register();
+window.location.href = 'http://localhost';
+
+// @pushrocks scope
+import * as smartpromise from '@pushrocks/smartpromise';
+
+export {
+  smartpromise
+}
+
+// third party scope