1.0.73

fix(core): update
1.0.72
2022-03-24 18:30:55 +01:00 · 2022-03-24 18:30:54 +01:00 · 2022-03-24 17:08:26 +01:00 · 2022-03-24 17:08:25 +01:00 · 2022-03-24 16:14:12 +01:00 · 2022-03-24 16:14:12 +01:00
14 changed files with 4731 additions and 13666 deletions
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@ -12,6 +12,9 @@ stages:
  - release
  - metadata

+before_script:
+  - npm install -g @shipzone/npmci
+
 # ====================
 # security stage
 # ====================
@ -36,6 +39,7 @@ auditProductionDependencies:
    - npmci command npm audit --audit-level=high --only=prod --production
  tags:
    - docker
+  allow_failure: true

 auditDevDependencies:
  image: registry.gitlab.com/hosttoday/ht-docker-node:npmci
@ -96,10 +100,9 @@ codequality:
  only:
    - tags
  script:
-    - npmci command npm install -g tslint typescript
+    - npmci command npm install -g typescript
    - npmci npm prepare
    - npmci npm install
-    - npmci command "tslint -c tslint.json ./ts/**/*.ts"
  tags:
    - lossless
    - docker
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@ -2,28 +2,10 @@
  "version": "0.2.0",
  "configurations": [
    {
-      "name": "current file",
-      "type": "node",
+      "command": "npm test",
+      "name": "Run npm test",
      "request": "launch",
-      "args": [
-        "${relativeFile}"
-      ],
-      "runtimeArgs": ["-r", "@gitzone/tsrun"],
-      "cwd": "${workspaceRoot}",
-      "protocol": "inspector",
-      "internalConsoleOptions": "openOnSessionStart"
-    },
-    {
-      "name": "test.ts",
-      "type": "node",
-      "request": "launch",
-      "args": [
-        "test/test.ts"
-      ],
-      "runtimeArgs": ["-r", "@gitzone/tsrun"],
-      "cwd": "${workspaceRoot}",
-      "protocol": "inspector",
-      "internalConsoleOptions": "openOnSessionStart"
+      "type": "node-terminal"
    }
  ]
 }
--- a/html/index.html
+++ b/html/index.html
@ -17,7 +17,7 @@
      }
    </style>

-    <script src="./index.ts"></script>
+    <script type="module" src="/bundle.js"></script>
  </head>
  <body>
  </body>
--- a/html/index.ts
+++ b/html/index.ts
@ -1,10 +1,10 @@
 // dees tools
-import * as deesWccTools from '../ts_web';
+import * as deesWccTools from '../ts_web/index.js';
 import * as deesDomTools from '@designestate/dees-domtools';

 // elements and pages
-import * as elements from '../test/elements';
-import * as pages from '../test/pages';
+import * as elements from '../test/elements/index.js';
+import * as pages from '../test/pages/index.js';

 deesWccTools.setupWccTools(elements as any, pages);
 deesDomTools.elementBasic.setup();
--- a/npmextra.json
+++ b/npmextra.json
@ -5,7 +5,7 @@
      "githost": "gitlab.com",
      "gitscope": "designestate",
      "gitrepo": "dees-wcctools",
-      "shortDescription": "wcc tools for creating element catalogues",
+      "description": "wcc tools for creating element catalogues",
      "npmPackagename": "@designestate/dees-wcctools",
      "license": "MIT",
      "projectDomain": "design.estate"
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -1,31 +1,29 @@
 {
  "name": "@designestate/dees-wcctools",
-  "version": "1.0.67",
+  "version": "1.0.73",
  "private": false,
  "description": "wcc tools for creating element catalogues",
  "main": "dist_ts_web/index.js",
  "typings": "dist_ts_web/index.d.ts",
+  "type": "module",
  "scripts": {
    "test": "(npm run build)",
-    "build": "(tsbuild custom ts_web --web && tsbundle element)",
+    "build": "(tsbuild element --web --allowimplicitany --skiplibcheck && tsbundle element)",
    "watch": "tswatch element"
  },
  "author": "Lossless GmbH",
  "license": "UNLICENSED",
  "dependencies": {
-    "@designestate/dees-domtools": "^1.0.113",
-    "@designestate/dees-element": "^1.0.35",
-    "@gitzone/tsrun": "^1.2.18",
+    "@designestate/dees-domtools": "^2.0.1",
+    "@designestate/dees-element": "^2.0.4",
+    "@gitzone/tsrun": "^1.2.31",
    "@pushrocks/smartdelay": "^2.0.13",
-    "@pushrocks/smartexpress": "^3.0.108",
-    "lit-element": "^3.2.0",
-    "lit-html": "^2.2.0",
-    "typescript": "^4.6.2"
+    "@pushrocks/smartexpress": "^4.0.0"
  },
  "devDependencies": {
-    "@gitzone/tsbuild": "^2.1.29",
-    "@gitzone/tsbundle": "^1.0.89",
-    "@gitzone/tswatch": "^1.0.56",
+    "@gitzone/tsbuild": "^2.1.61",
+    "@gitzone/tsbundle": "^1.0.101",
+    "@gitzone/tswatch": "^1.0.73",
    "@pushrocks/projectinfo": "^4.0.5",
    "tslint": "^6.1.3",
    "tslint-config-prettier": "^1.17.0"
--- a/test/elements/index.ts
+++ b/test/elements/index.ts
@ -1 +1 @@
-export * from './test-demoelement';
+export * from './test-demoelement.js';
--- a/test/elements/test-demoelement.ts
+++ b/test/elements/test-demoelement.ts
@ -73,7 +73,7 @@ export class TestDemoelement extends DeesElement {
        background: ${cssManager.bdTheme('#fff', '#000')};
      }

-      @container wccToolsViewport (max-width: 3000px) {
+      @container wccToolsViewport size(min-width: 1px) {
        .maincontainer,
        .themeindicator {
          border-radius: 50px;
@ -86,7 +86,7 @@ export class TestDemoelement extends DeesElement {
          border-radius: 50px;
        }
      `)}
-      
+
      pre b {
        color: green;
      }
--- a/test/index.ts
+++ b/test/index.ts
@ -1,3 +1,3 @@
-import * as wcctools from '../ts_web/index';
-import * as elements from './elements';
+import * as wcctools from '../ts_web/index.js';
+import * as elements from './elements/index.js';
 wcctools.setupWccTools(elements as any, {});
--- a/ts_web/elements/wcc-dashboard.ts
+++ b/ts_web/elements/wcc-dashboard.ts
@ -1,19 +1,18 @@
-import { LitElement, property, html, customElement, TemplateResult, queryAsync } from 'lit-element';
+import { DeesElement, property, html, customElement, TemplateResult, queryAsync } from '@designestate/dees-element';

-import * as plugins from '../wcctools.plugins';
+import * as plugins from '../wcctools.plugins.js';

 // wcc tools
-import './wcc-frame';
-import './wcc-sidebar';
-import './wcc-properties';
-import { TTheme } from './wcc-properties';
-import { TElementType } from './wcc-sidebar';
+import './wcc-frame.js';
+import './wcc-sidebar.js';
+import './wcc-properties.js';
+import { TTheme } from './wcc-properties.js';
+import { TElementType } from './wcc-sidebar.js';
 import { breakpoints } from '@designestate/dees-domtools';
-import { WccFrame } from './wcc-frame';
+import { WccFrame } from './wcc-frame.js';

@customElement('wcc-dashboard')
-export class WccDashboard extends LitElement {
-  public domtools: plugins.deesDomtools.DomTools;
+export class WccDashboard extends DeesElement {

  @property()
  public selectedType: TElementType;
@ -22,7 +21,7 @@ export class WccDashboard extends LitElement {
  public selectedItemName: string;

  @property()
-  public selectedItem: (() => TemplateResult) | LitElement;
+  public selectedItem: (() => TemplateResult) | DeesElement;

  @property()
  public selectedViewport: plugins.deesDomtools.breakpoints.TViewport = 'desktop';
@ -34,7 +33,7 @@ export class WccDashboard extends LitElement {
  public pages: { [key: string]: () => TemplateResult } = {};

  @property()
-  public elements: { [key: string]: LitElement } = {};
+  public elements: { [key: string]: DeesElement } = {};

  @property()
  public warning: string = null;
@ -43,7 +42,7 @@ export class WccDashboard extends LitElement {
  public wccFrame: Promise<WccFrame>;

  constructor(
-    elementsArg?: { [key: string]: LitElement },
+    elementsArg?: { [key: string]: DeesElement },
    pagesArg?: { [key: string]: () => TemplateResult }
  ) {
    super();
@ -102,13 +101,14 @@ export class WccDashboard extends LitElement {
        ${(() => {
          if (this.selectedType === 'page' && this.selectedItem) {
            if (typeof this.selectedItem === 'function') {
+              console.log('slotting page.');
              return this.selectedItem();
            } else {
              console.error('The selected item looks strange:');
              console.log(this.selectedItem);
            }
          } else if (this.selectedType === 'element' && this.selectedItem) {
-            // console.log(this.selectedItem);
+            console.log('slotting element.');
            const anonItem: any = this.selectedItem;
            if (!anonItem.demo) {
              this.setWarning(`component ${anonItem.name} does not expose a demo property.`);
--- a/ts_web/elements/wcc-properties.ts
+++ b/ts_web/elements/wcc-properties.ts
@ -1,5 +1,5 @@
-import { LitElement, property, html, customElement, TemplateResult, state } from 'lit-element';
-import { WccDashboard } from './wcc-dashboard';
+import { DeesElement, property, html, customElement, TemplateResult, state } from '@designestate/dees-element';
+import { WccDashboard } from './wcc-dashboard.js';

 export type TPropertyType = 'String' | 'Number' | 'Boolean' | 'Object' | 'Enum' | 'Array';

@ -13,12 +13,14 @@ export const setEnvironment = (envArg) => {
 };

@customElement('wcc-properties')
-export class WccProperties extends LitElement {
-  @property()
-  dashboardRef: WccDashboard;
+export class WccProperties extends DeesElement {
+  @property({
+    type: WccDashboard
+  })
+  public dashboardRef: WccDashboard;

  @property()
-  public selectedItem: (() => TemplateResult) | LitElement;
+  public selectedItem: (() => TemplateResult) | DeesElement;

  @property()
  public selectedViewport: TEnvironment = 'native';
--- a/ts_web/elements/wcc-sidebar.ts
+++ b/ts_web/elements/wcc-sidebar.ts
@ -1,16 +1,16 @@
-import * as plugins from '../wcctools.plugins';
-import { LitElement, property, html, customElement, TemplateResult } from 'lit-element';
-import { WccDashboard } from './wcc-dashboard';
+import * as plugins from '../wcctools.plugins.js';
+import { DeesElement, property, html, customElement, TemplateResult } from '@designestate/dees-element';
+import { WccDashboard } from './wcc-dashboard.js';

 export type TElementType = 'element' | 'page';

@customElement('wcc-sidebar')
-export class WccSidebar extends LitElement {
+export class WccSidebar extends DeesElement {
  @property({type: Array})
  public websites: string[] = [];

  @property({ attribute: false })
-  public selectedItem: LitElement | (() => TemplateResult);
+  public selectedItem: DeesElement | (() => TemplateResult);

  @property({ attribute: false })
  public selectedType: TElementType;
@ -150,7 +150,7 @@ export class WccSidebar extends LitElement {
    `;
  }

-  public selectItem(typeArg: TElementType, itemNameArg: string, itemArg: (() => TemplateResult) | LitElement) {
+  public selectItem(typeArg: TElementType, itemNameArg: string, itemArg: (() => TemplateResult) | DeesElement) {
    console.log('selected item');
    console.log(itemNameArg);
    console.log(itemArg);
--- a/ts_web/index.ts
+++ b/ts_web/index.ts
@ -1,4 +1,4 @@
-import { WccDashboard } from './elements/wcc-dashboard';
+import { WccDashboard } from './elements/wcc-dashboard.js';
 import { LitElement, TemplateResult } from 'lit-element';

 const setupWccTools = (elementsArg?: { [key: string]: LitElement }, pagesArg?: { [key: string]: () => TemplateResult }) => {
Author	SHA1	Message	Date
Philipp Kunz	6917145b58	1.0.73	2022-03-24 18:30:55 +01:00
Philipp Kunz	2e2ad98ed8	fix(core): update	2022-03-24 18:30:54 +01:00
Philipp Kunz	68375a5e58	1.0.72	2022-03-24 17:08:26 +01:00
Philipp Kunz	5876225b39	fix(core): update	2022-03-24 17:08:25 +01:00
Philipp Kunz	342ac96429	1.0.71	2022-03-24 16:14:12 +01:00
Philipp Kunz	85a472fe1c	fix(core): update	2022-03-24 16:14:12 +01:00
Philipp Kunz	4fecae83dc	1.0.70	2022-03-24 15:53:03 +01:00
Philipp Kunz	b7a666ac66	fix(core): update	2022-03-24 15:53:02 +01:00
Philipp Kunz	e559ed072c	1.0.69	2022-03-24 15:39:18 +01:00
Philipp Kunz	c44d9e7365	fix(core): update	2022-03-24 15:39:17 +01:00
Philipp Kunz	53f53be991	1.0.68	2022-03-04 10:24:04 +01:00
Philipp Kunz	9dec6e25b5	fix(core): update	2022-03-04 10:24:03 +01:00