design.estate/dees-wcctools
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(core): update

Browse Source
This commit is contained in:
Philipp Kunz 2020-07-15 19:55:35 +00:00
parent ba83aad026
commit 53ff02c490
6 changed files with 2411 additions and 2002 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
assets/elements/elementone.ts Normal file
View File

9563
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

12
package.json
View File

@ -13,18 +13,18 @@
"author": "Lossless GmbH", "author": "Lossless GmbH",
"license": "UNLICENSED", "license": "UNLICENSED",
"dependencies": { "dependencies": {
"@designestate/dees-domtools": "^1.0.30", "@designestate/dees-domtools": "^1.0.38",
"@gitzone/tsrun": "^1.2.12", "@gitzone/tsrun": "^1.2.12",
"@pushrocks/smartdelay": "^2.0.9", "@pushrocks/smartdelay": "^2.0.10",
"@pushrocks/smartexpress": "^3.0.73", "@pushrocks/smartexpress": "^3.0.73",
"lit-element": "^2.0.0-rc.5", "lit-element": "^2.0.0-rc.5",
"lit-html": "^1.0.0-rc.2", "lit-html": "^1.0.0-rc.2",
"typescript": "^3.9.5" "typescript": "^3.9.6"
}, },
"devDependencies": { "devDependencies": {
"@gitzone/tsbuild": "^2.1.24", "@gitzone/tsbuild": "^2.1.24",
"@gitzone/tsbundle": "^1.0.69", "@gitzone/tsbundle": "^1.0.72",
"@gitzone/tswatch": "^1.0.46", "@gitzone/tswatch": "^1.0.50",
"@pushrocks/projectinfo": "^4.0.5", "@pushrocks/projectinfo": "^4.0.5",
"tslint": "^6.1.2", "tslint": "^6.1.2",
"tslint-config-prettier": "^1.17.0" "tslint-config-prettier": "^1.17.0"
@ -42,6 +42,6 @@
"readme.md" "readme.md"
], ],
"browserslist": [ "browserslist": [
"last 2 Chrome versions" "last 1 Chrome versions"
] ]
} }

22
readme.md
View File

@ -8,13 +8,20 @@ wcc tools for creating element catalogues
* [docs (typedoc)](https://designestate.gitlab.io/dees-wcctools/) * [docs (typedoc)](https://designestate.gitlab.io/dees-wcctools/)
## Status for master ## Status for master
[![pipeline status](https://gitlab.com/designestate/dees-wcctools/badges/master/pipeline.svg)](https://gitlab.com/designestate/dees-wcctools/commits/master)
[![coverage report](https://gitlab.com/designestate/dees-wcctools/badges/master/coverage.svg)](https://gitlab.com/designestate/dees-wcctools/commits/master) Status Category | Status Badge
[![npm downloads per month](https://img.shields.io/npm/dm/@designestate/dees-wcctools.svg)](https://www.npmjs.com/package/@designestate/dees-wcctools) -- | --
[![Known Vulnerabilities](https://snyk.io/test/npm/@designestate/dees-wcctools/badge.svg)](https://snyk.io/test/npm/@designestate/dees-wcctools) GitLab Pipelines | [![pipeline status](https://gitlab.com/designestate/dees-wcctools/badges/master/pipeline.svg)](https://lossless.cloud)
[![TypeScript](https://img.shields.io/badge/TypeScript->=%203.x-blue.svg)](https://nodejs.org/dist/latest-v10.x/docs/api/) GitLab Pipline Test Coverage | [![coverage report](https://gitlab.com/designestate/dees-wcctools/badges/master/coverage.svg)](https://lossless.cloud)
[![node](https://img.shields.io/badge/node->=%2010.x.x-blue.svg)](https://nodejs.org/dist/latest-v10.x/docs/api/) npm | [![npm downloads per month](https://badgen.net/npm/dy/@designestate/dees-wcctools)](https://lossless.cloud)
[![JavaScript Style Guide](https://img.shields.io/badge/code%20style-prettier-ff69b4.svg)](https://prettier.io/) Snyk | [![Known Vulnerabilities](https://badgen.net/snyk/designestate/dees-wcctools)](https://lossless.cloud)
TypeScript Support | [![TypeScript](https://badgen.net/badge/TypeScript/>=%203.x/blue?icon=typescript)](https://lossless.cloud)
node Support | [![node](https://img.shields.io/badge/node->=%2010.x.x-blue.svg)](https://nodejs.org/dist/latest-v10.x/docs/api/)
Code Style | [![Code Style](https://badgen.net/badge/style/prettier/purple)](https://lossless.cloud)
PackagePhobia (total standalone install weight) | [![PackagePhobia](https://badgen.net/packagephobia/install/@designestate/dees-wcctools)](https://lossless.cloud)
PackagePhobia (package size on registry) | [![PackagePhobia](https://badgen.net/packagephobia/publish/@designestate/dees-wcctools)](https://lossless.cloud)
BundlePhobia (total size when bundled) | [![BundlePhobia](https://badgen.net/bundlephobia/minzip/@designestate/dees-wcctools)](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 ## Usage
@ -22,7 +29,6 @@ wcc tools for creating element catalogues
We are always happy for code contributions. If you are not the code contributing type that is ok. Still, maintaining Open Source repositories takes considerable time and thought. If you like the quality of what we do and our modules are useful to you we would appreciate a little monthly contribution: You can [contribute one time](https://lossless.link/contribute-onetime) or [contribute monthly](https://lossless.link/contribute). :) We are always happy for code contributions. If you are not the code contributing type that is ok. Still, maintaining Open Source repositories takes considerable time and thought. If you like the quality of what we do and our modules are useful to you we would appreciate a little monthly contribution: You can [contribute one time](https://lossless.link/contribute-onetime) or [contribute monthly](https://lossless.link/contribute). :)
## Contribution ## Contribution
We are always happy for code contributions. If you are not the code contributing type that is ok. Still, maintaining Open Source repositories takes considerable time and thought. If you like the quality of what we do and our modules are useful to you we would appreciate a little monthly contribution: You can [contribute one time](https://lossless.link/contribute-onetime) or [contribute monthly](https://lossless.link/contribute). :) We are always happy for code contributions. If you are not the code contributing type that is ok. Still, maintaining Open Source repositories takes considerable time and thought. If you like the quality of what we do and our modules are useful to you we would appreciate a little monthly contribution: You can [contribute one time](https://lossless.link/contribute-onetime) or [contribute monthly](https://lossless.link/contribute). :)

22
ts_web/elements/wcc-dashboard.ts
View File

@ -11,6 +11,8 @@ import './wcc-properties';
@customElement('wcc-dashboard') @customElement('wcc-dashboard')
export class WccDashboard extends LitElement { export class WccDashboard extends LitElement {
public domtools: plugins.deesDomtools.DomTools;
@property() @property()
public selectedItem: TemplateResult | LitElement; public selectedItem: TemplateResult | LitElement;
@ -35,6 +37,18 @@ export class WccDashboard extends LitElement {
if (pagesArg) { if (pagesArg) {
this.pages = pagesArg; this.pages = pagesArg;
} }
this.init();
}
public async init() {
this.domtools = await plugins.deesDomtools.DomTools.setupDomTools();
this.domtools.router.on('/elements/:elementName', async routeInfo => {
this.selectedItem = this.elements[routeInfo.params.elementName];
});
this.domtools.router.on('/pages/:pageName', async routeInfo => {
this.selectedItem = this.pages[routeInfo.params.pageName];
});
} }
public render(): TemplateResult { public render(): TemplateResult {
@ -51,7 +65,7 @@ export class WccDashboard extends LitElement {
display: none; display: none;
} }
</style> </style>
<wcc-sidebar .pages=${this.pages} .elements=${this.elements} @selectedItem=${eventArg => { <wcc-sidebar .dashboardRef=${this} @selectedItem=${eventArg => {
this.selectedItem = eventArg.detail; this.selectedItem = eventArg.detail;
}}></wcc-sidebar> }}></wcc-sidebar>
<wcc-properties .warning="${this.warning}" .selectedItem=${this.selectedItem} @selectedViewport=${eventArg => {this.selectedViewport = eventArg.detail; this.updateSlot();}}></wcc-properties> <wcc-properties .warning="${this.warning}" .selectedItem=${this.selectedItem} @selectedViewport=${eventArg => {this.selectedViewport = eventArg.detail; this.updateSlot();}}></wcc-properties>
@ -90,9 +104,9 @@ export class WccDashboard extends LitElement {
const localSelectedItem = this.selectedItem; const localSelectedItem = this.selectedItem;
this.selectedItem = null; this.selectedItem = null;
console.log('updateSlot'); console.log('updateSlot');
const domtools = await plugins.deesDomtools.DomTools.setupDomTools(); this.domtools = await plugins.deesDomtools.DomTools.setupDomTools();
domtools.setVirtualViewport(this.selectedViewport); this.domtools.setVirtualViewport(this.selectedViewport);
await super.performUpdate(); // await super.performUpdate();
this.selectedItem = localSelectedItem; this.selectedItem = localSelectedItem;
await super.performUpdate(); await super.performUpdate();
this.currentlyUpdating = false; this.currentlyUpdating = false;

20
ts_web/elements/wcc-sidebar.ts
View File

@ -1,19 +1,17 @@
import { LitElement, property, html, customElement, TemplateResult } from 'lit-element'; import { LitElement, property, html, customElement, TemplateResult } from 'lit-element';
import { WccDashboard } from './wcc-dashboard';
@customElement('wcc-sidebar') @customElement('wcc-sidebar')
export class WccSidebar extends LitElement { export class WccSidebar extends LitElement {
@property({type: Array}) @property({type: Array})
public websites: string[] = []; public websites: string[] = [];
@property()
public pages: { [key: string]: TemplateResult } = {};
@property()
public elements: { [key: string]: LitElement } = {};
@property({ attribute: false }) @property({ attribute: false })
public selectedItem: LitElement | TemplateResult; public selectedItem: LitElement | TemplateResult;
@property()
public dashboardRef: WccDashboard;
public render(): TemplateResult { public render(): TemplateResult {
return html` return html`
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" /> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
@ -100,14 +98,15 @@ export class WccSidebar extends LitElement {
})} })}
<h3>Pages</h3> <h3>Pages</h3>
${(() => { ${(() => {
const pages = Object.keys(this.pages); const pages = Object.keys(this.dashboardRef.pages);
return pages.map(pageName => { return pages.map(pageName => {
const item = this.pages[pageName]; const item = this.dashboardRef.pages[pageName];
return html` return html`
<div <div
class="selectOption ${this.selectedItem === item ? 'selected' : console.log('hi')}" class="selectOption ${this.selectedItem === item ? 'selected' : console.log('hi')}"
@click=${() => { @click=${() => {
this.selectItem(item); this.selectItem(item);
this.dashboardRef.domtools.router.pushUrl(`/pages/${pageName}`);
}} }}
> >
<i class="material-icons">insert_drive_file</i> <i class="material-icons">insert_drive_file</i>
@ -118,14 +117,15 @@ export class WccSidebar extends LitElement {
})()} })()}
<h3>Elements</h3> <h3>Elements</h3>
${(() => { ${(() => {
const elements = Object.keys(this.elements); const elements = Object.keys(this.dashboardRef.elements);
return elements.map(elementName => { return elements.map(elementName => {
const item = this.elements[elementName]; const item = this.dashboardRef.elements[elementName];
return html` return html`
<div <div
class="selectOption ${this.selectedItem === item ? 'selected' : console.log('hi')}" class="selectOption ${this.selectedItem === item ? 'selected' : console.log('hi')}"
@click=${() => { @click=${() => {
this.selectItem(item); this.selectItem(item);
this.dashboardRef.domtools.router.pushUrl(`/elements/${elementName}`);
}} }}
> >
<i class="material-icons">featured_video</i> <i class="material-icons">featured_video</i>