2.0.4

.gitlab-ci.yml

@@ -13,31 +13,24 @@ stages:
   - metadata
 
 before_script:
-  - npm install -g @shipzone/npmci
+  - pnpm install -g pnpm
+  - pnpm install -g @shipzone/npmci
+  - npmci npm prepare
 
 # ====================
 # security stage
 # ====================
-mirror:
-  stage: security
-  script:
-    - npmci git mirror
-  only:
-    - tags
-  tags:
-    - lossless
-    - docker
-    - notpriv
-
+# ====================
+# security stage
+# ====================
 auditProductionDependencies:
   image: registry.gitlab.com/hosttoday/ht-docker-node:npmci
   stage: security
   script:
-    - npmci npm prepare
-    - npmci command npm install --production --ignore-scripts
-    - npmci command npm config set registry https://registry.npmjs.org
-    - npmci command npm audit --audit-level=high --only=prod --production
+     - npmci command npm config set registry https://registry.npmjs.org
+     - npmci command pnpm audit --audit-level=high --prod
   tags:
+    - lossless
     - docker
   allow_failure: true
 
@@ -45,11 +38,10 @@ auditDevDependencies:
   image: registry.gitlab.com/hosttoday/ht-docker-node:npmci
   stage: security
   script:
-    - npmci npm prepare
-    - npmci command npm install --ignore-scripts
     - npmci command npm config set registry https://registry.npmjs.org
-    - npmci command npm audit --audit-level=high --only=dev
+    - npmci command pnpm audit --audit-level=high --dev
   tags:
+    - lossless
     - docker
   allow_failure: true
 
@@ -60,7 +52,6 @@ auditDevDependencies:
 testStable:
   stage: test
   script:
-    - npmci npm prepare
     - npmci node install stable
     - npmci npm install
     - npmci npm test
@@ -71,10 +62,9 @@ testStable:
 testBuild:
   stage: test
   script:
-    - npmci npm prepare
     - npmci node install stable
     - npmci npm install
-    - npmci command npm run build
+    - npmci npm build
   coverage: /\d+.?\d+?\%\s*coverage/
   tags:
     - docker
@@ -122,11 +112,9 @@ trigger:
 pages:
   stage: metadata
   script:
-    - npmci node install lts
-    - npmci command npm install -g @gitzone/tsdoc
-    - npmci npm prepare
+    - npmci node install stable
     - npmci npm install
-    - npmci command tsdoc
+    - npmci command npm run buildDocs
   tags:
     - lossless
     - docker

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushrocks/smartntml",
-  "version": "1.0.7",
+  "version": "2.0.4",
   "private": false,
   "description": "lit-html for the backend",
   "main": "dist_ts/index.js",
@@ -10,19 +10,23 @@
   "license": "MIT",
   "scripts": {
     "test": "(tstest test/ --web)",
-    "build": "(tsbuild --web)"
+    "build": "(tsbuild --web)",
+    "buildDocs": "tsdoc"
   },
   "devDependencies": {
-    "@gitzone/tsbuild": "^2.1.25",
-    "@gitzone/tsbundle": "^2.0.4",
-    "@gitzone/tstest": "^1.0.44",
-    "@pushrocks/tapbundle": "^5.0.3",
-    "@types/node": "^17.0.35"
+    "@gitzone/tsbuild": "^2.1.65",
+    "@gitzone/tsbundle": "^2.0.7",
+    "@gitzone/tsrun": "^1.2.39",
+    "@gitzone/tstest": "^1.0.73",
+    "@pushrocks/tapbundle": "^5.0.4",
+    "@types/node": "^18.7.23",
+    "why-is-node-running": "^2.2.2"
   },
   "dependencies": {
-    "@happy-dom/global-registrator": "^4.1.0",
+    "@designestate/dees-element": "^2.0.20",
+    "@happy-dom/global-registrator": "^8.9.0",
     "@pushrocks/smartpromise": "^3.1.7",
-    "lit": "^2.2.5"
+    "fake-indexeddb": "^4.0.1"
   },
   "browserslist": [
     "last 1 chrome versions"

readme.md

@@ -21,7 +21,6 @@ Code Style | [![Code Style](https://badgen.net/badge/style/prettier/purple)](htt
 PackagePhobia (total standalone install weight) | [![PackagePhobia](https://badgen.net/packagephobia/install/@pushrocks/smartntml)](https://lossless.cloud)
 PackagePhobia (package size on registry) | [![PackagePhobia](https://badgen.net/packagephobia/publish/@pushrocks/smartntml)](https://lossless.cloud)
 BundlePhobia (total size when bundled) | [![BundlePhobia](https://badgen.net/bundlephobia/minzip/@pushrocks/smartntml)](https://lossless.cloud)
-Platform support | [![Supports Windows 10](https://badgen.net/badge/supports%20Windows%2010/yes/green?icon=windows)](https://lossless.cloud) [![Supports Mac OS X](https://badgen.net/badge/supports%20Mac%20OS%20X/yes/green?icon=apple)](https://lossless.cloud)
 
 ## Usage
 
@@ -33,7 +32,6 @@ We are always happy for code contributions. If you are not the code contributing
 
 For further information read the linked docs at the top of this readme.
 
-> MIT licensed | **©** [Lossless GmbH](https://lossless.gmbh)
+## Legal
+> MIT licensed | **©** [Task Venture Capital GmbH](https://task.vc)
 | By using this npm module you agree to our [privacy policy](https://lossless.gmbH/privacy)
-
-[![repo-footer](https://lossless.gitlab.io/publicrelations/repofooter.svg)](https://maintainedby.lossless.com)

test/test.ts

@@ -1,20 +1,26 @@
+import log from 'why-is-node-running';
 import { expect, expectAsync, tap } from '@pushrocks/tapbundle';
 import * as smartntml from '../ts/index.js';
 
 let testSmartntmlInstance: smartntml.Smartntml;
 
 tap.test('first test', async () => {
-  testSmartntmlInstance = await smartntml.Smartntml.createAndInit();
+  testSmartntmlInstance = new smartntml.Smartntml();
 });
 
 tap.test('should render a string', async () => {
   const arrayArg = [1, 2, 3, 4, 5, 6];
-  const stringResult = await testSmartntmlInstance.renderTemplateResult(testSmartntmlInstance.html`
+  const stringResult = await testSmartntmlInstance.renderTemplateResult(smartntml.deesElement.html`
     <div class="hello">${arrayArg.map(
-      (element) => testSmartntmlInstance.html`<div>${element}</div>`
+      (element) => smartntml.deesElement.html`<div>${element}</div>`
     )}</div>
   `);
   console.log(stringResult);
 });
 
+tap.test('should log', async () => {
+  log();
+  setTimeout(() => process.exit(0), 0);
+});
+
 tap.start();

ts/00_commitinfo_data.ts

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

ts/index.ts

@@ -1,43 +1,22 @@
+import './instrument/happydom.js';
 import * as plugins from './smartntml.plugins.js';
 
-import type * as litTypes from 'lit';
-export type { TemplateResult } from 'lit';
+import * as deesElement from '@designestate/dees-element';
+export { deesElement };
 
 export class Smartntml {
-  // STATIC
-  public static async createAndInit() {
-    const smartntml = new Smartntml();
-    await smartntml.init();
-    return smartntml;
-  }
+  constructor() {}
 
-  private static smartntmlSingletonDeferred: plugins.smartpromise.Deferred<Smartntml>;
-  public static async createAndInitSingleton() {
-    if (this.smartntmlSingletonDeferred) {
-      return this.smartntmlSingletonDeferred.promise;
-    }
-    const smartntmlInstance = await this.createAndInit();
-    this.smartntmlSingletonDeferred.resolve(smartntmlInstance);
-    return this.smartntmlSingletonDeferred.promise;
-  }
-
-  // INSTANCE
-  private render: typeof litTypes.render;
-  html: typeof litTypes.html;
-
-  constructor() {
-    this.init();
-  }
-
-  public async init() {
-    const lit = await import('lit');
-    this.render = lit.render;
-    this.html = lit.html;
-  }
-
-  public async renderTemplateResult(templateResult: litTypes.TemplateResult) {
+  public async renderTemplateResult(
+    templateResult: plugins.deesElement.TemplateResult,
+    stripCommentsArg = true
+  ) {
     const element = document.createElement('div');
-    this.render(templateResult, element);
-    return element.innerHTML;
+    plugins.deesElement.render(templateResult, element);
+    let stringResult = element.innerHTML;
+    if (stripCommentsArg) {
+      stringResult = stringResult.replace(/<!--(.*?)-->/g, '');
+    }
+    return stringResult;
   }
 }

ts/instrument/happydom.ts

@@ -0,0 +1,8 @@
+// happy-dom setup
+
+// first lets setup indexeddb
+import 'fake-indexeddb/auto';
+
+import { GlobalRegistrator } from '@happy-dom/global-registrator';
+GlobalRegistrator.register();
+window.location.href = 'http://localhost';

ts/smartntml.plugins.ts

@@ -1,10 +1,11 @@
-// happy-dom setup
-import { GlobalRegistrator } from '@happy-dom/global-registrator';
-GlobalRegistrator.register();
-
 // @pushrocks scope
 import * as smartpromise from '@pushrocks/smartpromise';
 
-export {
-  smartpromise
-}
+export { smartpromise };
+
+// designestate
+import * as deesElement from '@designestate/dees-element';
+
+export { deesElement };
+
+// third party scope