@progressive-development/pd-spa-helper 0.0.1 → 0.0.3

package/dist/src/InitApplicationData.d.ts

@@ -0,0 +1,3 @@
+import { FirebaseApp } from "firebase/app";
+import { FunctionsConfig } from "./firebase/functions-client.js";
+export declare const initApplicationServices: (firebaseApp: FirebaseApp, functionsConfig: FunctionsConfig) => void;

package/dist/src/InitApplicationData.js

@@ -0,0 +1,8 @@
+import { initFirestore } from "./firebase/firestore-client.js";
+import { initFunctions } from "./firebase/functions-client.js";
+export const initApplicationServices = (firebaseApp, functionsConfig) => {
+    // do something with the app, init db, firestore and functions    
+    initFunctions(firebaseApp, functionsConfig);
+    initFirestore(firebaseApp);
+};
+//# sourceMappingURL=InitApplicationData.js.map

package/dist/src/InitApplicationData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InitApplicationData.js","sourceRoot":"","sources":["../../src/InitApplicationData.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAmB,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAEhF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,WAAwB,EAAE,eAAgC,EAAE,EAAE;IAClG,kEAAkE;IAClE,aAAa,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;IAC5C,aAAa,CAAC,WAAW,CAAC,CAAC;AAC/B,CAAC,CAAA","sourcesContent":["import { FirebaseApp } from \"firebase/app\";\nimport { initFirestore } from \"./firebase/firestore-client.js\";\nimport { FunctionsConfig, initFunctions } from \"./firebase/functions-client.js\";\n\nexport const initApplicationServices = (firebaseApp: FirebaseApp, functionsConfig: FunctionsConfig) => {\n    // do something with the app, init db, firestore and functions    \n    initFunctions(firebaseApp, functionsConfig);\n    initFirestore(firebaseApp);\n}\n"]}

package/dist/src/PdSpaHelper.d.ts

@@ -1,10 +1,115 @@
-import { LitElement } from 'lit';
+import { FirebaseOptions } from 'firebase/app';
+import { User } from 'firebase/auth';
+import { LitElement, CSSResultGroup, TemplateResult } from 'lit';
+import { ServiceCallController } from './service-call-controller2.js';
+import { FunctionResult, FunctionsConfig } from './firebase/functions-client.js';
+import '@progressive-development/pd-page/pd-menu.js';
+import '@progressive-development/pd-page/pd-footer.js';
+import './router/AppMain.js';
+import './defaultpage/default-login.js';
+import './tmpown/pd-panel-viewer.js';
+import './tmpown/pd-panel.js';
+import './tmpown/pd-toast.js';
+/**
+ * Data models.
+ */
+export interface MenuElement {
+    key: string;
+    name: string;
+    sec?: string;
+    route?: string;
+    action?: Function;
+    topItem?: boolean;
+    ref?: any;
+    icon?: string;
+}
+export interface NavigationPage {
+    name: string;
+    pattern: Array<string>;
+    auth: boolean;
+    menu?: Array<MenuElement>;
+    withTeaser?: boolean;
+    withFooter?: boolean;
+}
+export interface NavigationConfig {
+    pages: Array<NavigationPage>;
+    includeLogin: boolean;
+}
+/**
+ * Init the firebase app and application services like
+ * functions and firestore. Generate routes from navigationConfig.
+ *
+ * @param firebaseConfig
+ * @param functionsConfig
+ * @param navigationConfig
+ */
+export declare const startInit: (firebaseConfig: FirebaseOptions, functionsConfig: FunctionsConfig, navigationConfigParam: NavigationConfig) => void;
 declare const PdSpaHelper_base: import("lit-element-router").Constructor<import("lit-element-router").Router> & import("lit-element-router").Constructor<import("lit-element-router").Navigator> & typeof LitElement;
-export declare class PdSpaHelper extends PdSpaHelper_base {
-    static styles: import("lit").CSSResult;
+/**
+ * Abstract class for SPAs. Extend within the app main class.
+ */
+export declare abstract class PdSpaHelper extends PdSpaHelper_base {
+    protected functionsController: ServiceCallController;
     title: string;
-    counter: number;
-    __increment(): void;
-    render(): import("lit-html").TemplateResult<1>;
+    /**
+     * Properties needed for login/profile data.
+     */
+    _user: User | undefined;
+    _profile: any | undefined;
+    /**
+     * Properties needed for the router.
+     */
+    route: string;
+    params: {};
+    query: {};
+    /**
+     * Indicates if the teaser should closed (depends on scroll position).
+     */
+    _teaserClosed: boolean;
+    static styles: CSSResultGroup;
+    constructor();
+    /**
+     * Non reactive private property for the index db class.
+     */
+    /**
+     * Needed for the router.
+     * Return all configured routes.
+     */
+    static get routes(): any[];
+    /**
+     * Needed for the router.
+     * Set route params to internal members.
+     */
+    router(route: string, params: Object, query: Object): void;
+    /**
+     * Call to activate onAuthState change with profile request callbacks.
+     */
+    activateLoginHandler(): void;
+    render(): TemplateResult<1>;
+    _renderMenu(pageConfig: NavigationPage, hideTeaser: boolean): "" | TemplateResult<1>;
+    _renderTeaser(): TemplateResult | string;
+    _renderFooter(): TemplateResult<1>;
+    /**
+     * Called when (any) cloud function call was finished.
+     */
+    _renderSuccessResultInfo(result: FunctionResult): TemplateResult<1>;
+    /**
+     * Called when (any) cloud function is currently running.
+     */
+    _renderPendingInfo(): TemplateResult<1>;
+    /**
+     * Called when (any) cloud function stopped with errors.
+     */
+    _renderErrorInfo(error: any): TemplateResult<1>;
+    protected abstract _getTeaserContent(): Array<TemplateResult>;
+    protected abstract _getFooterItems(): Array<any>;
+    protected abstract _getAppLogo(): TemplateResult;
+    protected abstract _renderRoutePages(): any;
+    _handleMenuRouteEvent(e: any): void;
+    _handleFooterRouteEvent(e: CustomEvent): void;
+    _initMenuSections(e: any): void;
+    _createTemporaryToast(e: any): void;
+    static _scrollToTop(): void;
+    _scrollToContent(el: HTMLElement): void;
 }
 export {};

package/dist/src/PdSpaHelper.js

@@ -1,34 +1,432 @@
 import { __decorate } from "tslib";
+import { initializeApp } from 'firebase/app';
+import { getAuth, onAuthStateChanged } from 'firebase/auth';
+// TODO: Add SDKs for Firebase products that you want to use
+// https://firebase.google.com/docs/web/setup#available-libraries
 import { router, navigator } from 'lit-element-router';
-import { html, css, LitElement } from 'lit';
+import { html, LitElement, css } from 'lit';
 import { property } from 'lit/decorators.js';
+import { initApplicationServices } from './InitApplicationData.js';
+import { isAuthenticated } from './firebase/auth.js';
+import { ServiceCallController } from './service-call-controller2.js';
+import { callFunction } from './firebase/functions-client.js';
+import '@progressive-development/pd-page/pd-menu.js';
+import '@progressive-development/pd-page/pd-footer.js';
+import './router/AppMain.js';
+import './defaultpage/default-login.js';
+import './tmpown/pd-panel-viewer.js';
+import './tmpown/pd-panel.js';
+// TODO: How to solve this import problem?
+// eslint-disable-next-line import/no-duplicates
+import './tmpown/pd-toast.js';
+// eslint-disable-next-line import/no-duplicates
+import { PdToast } from './tmpown/pd-toast.js';
+// Footer Text
+const MADE_BY = {
+    txt: "made by PD Progressive Development",
+    email: "info@progressive-development.com"
+};
+// Visible time for time-limited toast
+const TOAST_DURATION = 6000;
+/**
+ * Transformed routes, generated during startInit.
+ */
+let transformedRoutes;
+let navigationConfig;
+let postLoginFunc;
+/**
+ * Internal helper functions to generate route elemets for lit-router.
+ */
+const transformRoutes = () => {
+    const transformAuthConfig = (withAuth) => withAuth ?
+        {
+            unauthenticated: {
+                name: 'login',
+            },
+            authenticate: () => isAuthenticated(),
+        } : undefined;
+    let generatedRoutes = [];
+    navigationConfig.pages.forEach(cfEntry => {
+        const addAraay = cfEntry.pattern.map(routeMapPattern => ({
+            name: cfEntry.name,
+            pattern: routeMapPattern,
+            authentication: transformAuthConfig(cfEntry.auth),
+        }));
+        generatedRoutes = generatedRoutes.concat(addAraay);
+    });
+    // add not-found route
+    generatedRoutes.push({
+        name: 'not-found',
+        pattern: '*',
+    });
+    return generatedRoutes;
+};
+/**
+ * Init the firebase app and application services like
+ * functions and firestore. Generate routes from navigationConfig.
+ *
+ * @param firebaseConfig
+ * @param functionsConfig
+ * @param navigationConfig
+ */
+export const startInit = (firebaseConfig, functionsConfig, navigationConfigParam) => {
+    // init firebase app
+    const app = initializeApp(firebaseConfig);
+    // init application services (functions, store)
+    initApplicationServices(app, functionsConfig);
+    postLoginFunc = functionsConfig.postLoginFunc;
+    if (navigationConfigParam.includeLogin) {
+        navigationConfigParam.pages.push({
+            name: "login",
+            menu: [
+                { key: "login", name: "Login" }
+            ],
+            pattern: ["login"],
+            auth: false
+        });
+    }
+    // generate routes from navigation config
+    navigationConfig = navigationConfigParam;
+    transformedRoutes = transformRoutes();
+};
+/**
+ * Abstract class for SPAs. Extend within the app main class.
+ */
 export class PdSpaHelper extends router(navigator(LitElement)) {
     constructor() {
-        super(...arguments);
+        super();
+        this.functionsController = new ServiceCallController(this);
+        // not used at the moment
         this.title = 'Hey there';
-        this.counter = 5;
+        /**
+         * Properties needed for the router.
+         */
+        this.route = "";
+        this.params = {};
+        this.query = {};
+        /**
+         * Indicates if the teaser should closed (depends on scroll position).
+         */
+        this._teaserClosed = false;
+        const doSomething = (scrollPos) => {
+            if (scrollPos <= 50) {
+                this._teaserClosed = false;
+            }
+            else {
+                this._teaserClosed = true;
+            }
+        };
+        let ticking = false;
+        document.addEventListener('scroll', () => {
+            const lastKnownScrollPosition = window.scrollY;
+            if (!ticking) {
+                window.requestAnimationFrame(() => {
+                    doSomething(lastKnownScrollPosition);
+                    ticking = false;
+                });
+                ticking = true;
+            }
+        });
+        this.activateLoginHandler();
+        // For common toast messages (not for callfunction toasts => handelt by own controller)
+        this.addEventListener("toast-event", this._createTemporaryToast);
+        this.addEventListener("route-event", this._handleMenuRouteEvent);
+    }
+    /**
+     * Non reactive private property for the index db class.
+     */
+    // private _indexDBClient?: YoIndexDBClient|null;  
+    /**
+     * Needed for the router.
+     * Return all configured routes.
+     */
+    static get routes() {
+        return transformedRoutes;
+    }
+    /**
+     * Needed for the router.
+     * Set route params to internal members.
+     */
+    router(route, params, query) {
+        this.route = route;
+        this.params = params;
+        this.query = query;
     }
-    __increment() {
-        this.counter += 1;
+    /**
+     * Call to activate onAuthState change with profile request callbacks.
+     */
+    activateLoginHandler() {
+        // activate firebase auth handler
+        const auth = getAuth();
+        onAuthStateChanged(auth, user => {
+            if (user) {
+                this._user = user;
+                if (postLoginFunc) {
+                    callFunction(postLoginFunc, undefined)
+                        .then((result) => {
+                        this._profile = result.resultData;
+                        // redirect if login in the meantime is available 
+                        // => else stay on the login page after reload/url navigation
+                        if (this.route === "login") {
+                            this.navigate("profile");
+                        }
+                    });
+                }
+            }
+            else {
+                this._user = undefined;
+                this._profile = undefined;
+            }
+        });
     }
     render() {
+        const pageConf = navigationConfig.pages.filter(p => p.name === this.route)[0];
+        const hideTeaser = this._teaserClosed || !(pageConf === null || pageConf === void 0 ? void 0 : pageConf.withTeaser);
+        return html `
+      <header id="headerElementId" class="default-header">
+        ${hideTeaser ? '' : this._renderTeaser()}
+        ${this._renderMenu(pageConf, hideTeaser)}        
+      </header>      
+
+      <main class="${hideTeaser ? "default-main" : "default-main-withteaser"}">
+        <app-main active-route=${this.route}
+            @init-menu-sections="${this._initMenuSections}">
+          ${this._renderRoutePages()}
+          ${navigationConfig.includeLogin ? html `
+            <default-login route="login"></default-login>` : ''}
+        </app-main>
+      </main>
+
+      ${this.functionsController.render({
+            complete: (result) => this._renderSuccessResultInfo(result),
+            initial: () => '',
+            pending: () => this._renderPendingInfo(),
+            error: (e) => this._renderErrorInfo(e),
+        })}
+
+      ${(pageConf === null || pageConf === void 0 ? void 0 : pageConf.withFooter) ? html `
+      <footer class="default-footer">
+        ${this._renderFooter()}
+      </footer>` : ''}
+    `;
+    }
+    _renderMenu(pageConfig, hideTeaser) {
+        const menuForPage = pageConfig ? (pageConfig.menu || []) : [];
+        return menuForPage ? html `
+      <pd-menu
+        class="${hideTeaser ? "default-menu" : "default-menu-withteaser"}"
+        .menuItems=${menuForPage.filter(mfp => !mfp.topItem)}
+        .topMenuItems=${menuForPage.filter(mfp => mfp.topItem)}
+        headerSize="${hideTeaser ? 80 : 440}"
+      >
+        ${hideTeaser ? this._getAppLogo() : ''}
+      </pd-menu>
+    ` : '';
+    }
+    // eslint-disable-next-line class-methods-use-this
+    _renderTeaser() {
+        const teaserContent = this._getTeaserContent();
+        if (!teaserContent || teaserContent.length <= 0) {
+            return '';
+        }
+        return html `
+      <pd-panel-viewer class="default-teaser" id="teaserPanelViewerId" deltaCalc="4">
+        ${teaserContent.map(content => html `
+          <pd-panel>
+            ${content}
+          </pd-panel>
+        `)}
+      </pd-panel-viewer>
+      `;
+    }
+    _renderFooter() {
         return html `
-      <h2>${this.title} Nr. ${this.counter}!</h2>
-      <button @click=${this.__increment}>increment</button>
+      <pd-footer 
+          class="default-footer"
+          .footerLinks="${this._getFooterItems()}"
+          version="0.5" 
+          copyright="PD Progressive Developent UG" 
+          .madeBy="${MADE_BY}" 
+          @footer-link="${this._handleFooterRouteEvent}">
+      </pd-footer>
     `;
     }
+    /**
+     * Called when (any) cloud function call was finished.
+     */
+    // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars
+    _renderSuccessResultInfo(result) {
+        var _a;
+        return html `
+    <pd-toast isSuccess duration="${TOAST_DURATION}">
+      ${(_a = this.functionsController.callDataPromise) === null || _a === void 0 ? void 0 : _a.func.successTxt}
+    </pd-toast>`;
+    }
+    /**
+     * Called when (any) cloud function is currently running.
+     */
+    _renderPendingInfo() {
+        var _a, _b, _c;
+        return ((_a = this.functionsController.callDataPromise) === null || _a === void 0 ? void 0 : _a.func.fadeWindow) ? html `
+    <p>Überblende und lade ${(_b = this.functionsController.callDataPromise) === null || _b === void 0 ? void 0 : _b.func.name}...</p>`
+            : html `
+      <pd-toast duration="-1">
+        ${(_c = this.functionsController.callDataPromise) === null || _c === void 0 ? void 0 : _c.func.pendingTxt}
+      </pd-toast>`;
+    }
+    /**
+     * Called when (any) cloud function stopped with errors.
+     */
+    // eslint-disable-next-line class-methods-use-this
+    _renderErrorInfo(error) {
+        return html `
+    <pd-toast isError duration="-1">
+      ${error}
+    </pd-toast>`;
+    }
+    // eslint-disable-next-line class-methods-use-this
+    _handleMenuRouteEvent(e) {
+        // test with el, to handel jumps also here, not used at the moment, same postion link problems...
+        if (e.detail.el) {
+            this._scrollToContent(e.detail.el);
+        }
+        else {
+            PdSpaHelper._scrollToTop();
+            this.navigate(e.detail.route);
+        }
+    }
+    // eslint-disable-next-line class-methods-use-this
+    _handleFooterRouteEvent(e) {
+        PdSpaHelper._scrollToTop();
+        this.navigate(e.detail.link);
+    }
+    // eslint-disable-next-line class-methods-use-this
+    _initMenuSections(e) {
+        // get page for event
+        const menRefConf = navigationConfig.pages.filter(p => p.name === e.detail.key)[0];
+        if (menRefConf) {
+            menRefConf.menu = e.detail.menu;
+        }
+    }
+    _createTemporaryToast(e) {
+        var _a;
+        // hide existing call function toast (old one still is visible for directly incoming errors)
+        this.functionsController.clear();
+        const tmpToast = new PdToast();
+        tmpToast.isError = e.detail.isError;
+        tmpToast.isSuccess = e.detail.isSuccess;
+        const slotContent = document.createTextNode(e.detail.txt);
+        tmpToast.appendChild(slotContent);
+        (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.appendChild(tmpToast);
+        tmpToast.duration = TOAST_DURATION;
+        // set timeout to remove toast (one second later)
+        setTimeout(() => {
+            var _a;
+            (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.removeChild(tmpToast);
+        }, TOAST_DURATION + 1000);
+    }
+    static _scrollToTop() {
+        window.scrollTo({
+            top: 0,
+            left: 0,
+            behavior: 'smooth',
+        });
+    }
+    // Test, not used at the moment, jump/menu problem...
+    // eslint-disable-next-line class-methods-use-this
+    _scrollToContent(el) {
+        if (el) {
+            const rect = el.getBoundingClientRect();
+            console.log("Rect: ", rect);
+            console.log("Offset Top/Height: ", el.offsetTop, el.offsetHeight);
+            window.scrollBy({
+                top: rect.top - (this._teaserClosed ? 80 : 450),
+                left: 0,
+                behavior: 'smooth',
+            });
+        }
+    }
 }
-PdSpaHelper.styles = css `
+PdSpaHelper.styles = 
+// Ref: Additional use classmap to add custom classes in concrete impl
+css `
+
     :host {
+      display: flex;
+      flex-flow: column;
+      height: 100%;
+    }
+
+    header {
+      flex-grow: 0;
+    }
+
+    main {
+      flex-grow: 1;
+      flex-basis: max-content;
+    }
+
+    footer {
+      flex-grow: 0;
+    }
+
+    .default-header {
+      width: 100%;
+      position: fixed;
+      top: 0;
       display: block;
-      padding: 25px;
-      color: var(--pd-spa-helper-text-color, #000);
+      z-index: 99;
+    }
+
+    .default-teaser {
+      --pd-panel-overflow: hidden;
+      --pd-panel-height: 32vh;
+      --pd-panel-width: 100%;      
+      --pd-panel-border-radius: 0;
+      --pd-panel-bg: var(--pd-default-col);
+      --pd-panel-viewer-bg-col: var(--pd-default-col);
+    }
+
+    .default-menu {      
+      transition: background-color 1s;
     }
+
+    .default-menu-withteaser {      
+      --pd-menu-bg-col: #AFC1D2;
+      --pd-menu-font-col: #0A3A48;
+      transition: background-color 1s;
+    }
+
+    .default-main {
+      padding-top: calc(var(--pd-menu-height) + 2em);
+      transition: padding-top 1s;
+    }
+
+    .default-main-withteaser {
+      padding-top: calc(var(--pd-menu-height) + 32vh);
+      transition: padding-top 1s;
+    }
+
   `;
 __decorate([
     property({ type: String })
 ], PdSpaHelper.prototype, "title", void 0);
 __decorate([
-    property({ type: Number })
-], PdSpaHelper.prototype, "counter", void 0);
+    property({ type: Object, state: true })
+], PdSpaHelper.prototype, "_user", void 0);
+__decorate([
+    property({ type: Object, state: true })
+], PdSpaHelper.prototype, "_profile", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], PdSpaHelper.prototype, "route", void 0);
+__decorate([
+    property({ type: Object })
+], PdSpaHelper.prototype, "params", void 0);
+__decorate([
+    property({ type: Object })
+], PdSpaHelper.prototype, "query", void 0);
+__decorate([
+    property({ type: Boolean })
+], PdSpaHelper.prototype, "_teaserClosed", void 0);
 //# sourceMappingURL=PdSpaHelper.js.map

package/dist/src/PdSpaHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"PdSpaHelper.js","sourceRoot":"","sources":["../../src/PdSpaHelper.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,OAAO,WAAY,SAAQ,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAA9D;;QAU8B,UAAK,GAAG,WAAW,CAAC;QAEpB,YAAO,GAAG,CAAC,CAAC;IAY1C,CAAC;IAVC,WAAW;QACT,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC;IACpB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;YACH,IAAI,CAAC,KAAK,QAAQ,IAAI,CAAC,OAAO;uBACnB,IAAI,CAAC,WAAW;KAClC,CAAC;IACJ,CAAC;;AArBM,kBAAM,GAAG,GAAG,CAAA;;;;;;GAMlB,CAAC;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAqB;AAEpB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAa","sourcesContent":["import { initializeApp } from 'firebase/app';\nimport { getAuth, onAuthStateChanged } from 'firebase/auth';\n\nimport { router, navigator } from 'lit-element-router';\n\nimport { html, css, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nexport class PdSpaHelper extends router(navigator(LitElement)) {\n\n  static styles = css`\n    :host {\n      display: block;\n      padding: 25px;\n      color: var(--pd-spa-helper-text-color, #000);\n    }\n  `;\n\n  @property({ type: String }) title = 'Hey there';\n\n  @property({ type: Number }) counter = 5;\n\n  __increment() {\n    this.counter += 1;\n  }\n\n  render() {\n    return html`\n      <h2>${this.title} Nr. ${this.counter}!</h2>\n      <button @click=${this.__increment}>increment</button>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"PdSpaHelper.js","sourceRoot":"","sources":["../../src/PdSpaHelper.ts"],"names":[],"mappings":"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","sourcesContent":["import { FirebaseApp, FirebaseOptions, initializeApp } from 'firebase/app';\nimport { getAuth, onAuthStateChanged, User } from 'firebase/auth';\n// TODO: Add SDKs for Firebase products that you want to use\n// https://firebase.google.com/docs/web/setup#available-libraries\n\nimport { router, navigator } from 'lit-element-router';\n\nimport { html, LitElement, css, CSSResultGroup, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { initApplicationServices } from './InitApplicationData.js';\n\nimport { isAuthenticated } from './firebase/auth.js';\nimport { ServiceCallController } from './service-call-controller2.js';\nimport { callFunction, FunctionDefinition, FunctionResult, FunctionsConfig } from './firebase/functions-client.js';\n\nimport '@progressive-development/pd-page/pd-menu.js';\nimport '@progressive-development/pd-page/pd-footer.js';\n\nimport './router/AppMain.js';\nimport './defaultpage/default-login.js';\nimport './tmpown/pd-panel-viewer.js';\nimport './tmpown/pd-panel.js';\n\n// TODO: How to solve this import problem?\n// eslint-disable-next-line import/no-duplicates\nimport './tmpown/pd-toast.js';\n// eslint-disable-next-line import/no-duplicates\nimport { PdToast } from './tmpown/pd-toast.js';\n\n// Footer Text\nconst MADE_BY = {\n  txt: \"made by PD Progressive Development\",\n  email: \"info@progressive-development.com\"};\n\n// Visible time for time-limited toast\nconst TOAST_DURATION = 6000;\n\n/**\n * Data models.\n */\n\nexport interface MenuElement {\n  key: string,\n  name: string,\n  sec?: string,\n  route?: string,\n  action?: Function,\n  topItem?: boolean,\n  ref?: any,\n  icon?: string,\n}\n\nexport interface NavigationPage {\n  name: string,\n  pattern: Array<string>,  \n  auth: boolean,\n  menu?: Array<MenuElement>,\n  withTeaser?: boolean,\n  withFooter?: boolean\n}\n\nexport interface NavigationConfig {\n  pages: Array<NavigationPage>,\n  includeLogin: boolean\n}\n\n/**\n * Transformed routes, generated during startInit.\n */\nlet transformedRoutes:Array<any>;\nlet navigationConfig:NavigationConfig;\nlet postLoginFunc:FunctionDefinition | undefined;\n\n/**\n * Internal helper functions to generate route elemets for lit-router. \n */\nconst transformRoutes = () => {\n\n  const transformAuthConfig = (withAuth:boolean) => \n    withAuth ? \n    {\n      unauthenticated: {\n        name: 'login',\n      },\n      authenticate: () => isAuthenticated(),\n    } : undefined;\n\n  let generatedRoutes:Array<any> = [];\n  navigationConfig.pages.forEach(cfEntry => {\n    const addAraay = cfEntry.pattern.map(routeMapPattern => (\n      {\n        name: cfEntry.name,\n        pattern: routeMapPattern,\n        authentication: transformAuthConfig(cfEntry.auth),\n      }\n    ));    \n    generatedRoutes = generatedRoutes.concat(addAraay);\n  });\n  \n  // add not-found route\n  generatedRoutes.push({\n    name: 'not-found',\n    pattern: '*',\n  });\n\n  return generatedRoutes;\n}\n\n\n/**\n * Init the firebase app and application services like\n * functions and firestore. Generate routes from navigationConfig.\n * \n * @param firebaseConfig \n * @param functionsConfig \n * @param navigationConfig \n */\nexport const startInit = (firebaseConfig: FirebaseOptions, \n    functionsConfig: FunctionsConfig, navigationConfigParam: NavigationConfig) => {\n  \n  // init firebase app\n  const app:FirebaseApp = initializeApp(firebaseConfig);\n  \n  // init application services (functions, store)\n  initApplicationServices(app, functionsConfig);\n  postLoginFunc = functionsConfig.postLoginFunc;\n\n  if (navigationConfigParam.includeLogin) {\n    navigationConfigParam.pages.push({\n      name: \"login\",\n      menu: [\n        {key: \"login\", name: \"Login\"}\n      ],\n      pattern: [\"login\"],\n      auth: false\n    });\n  }\n\n  // generate routes from navigation config\n  navigationConfig = navigationConfigParam;\n  transformedRoutes = transformRoutes();    \n};\n\n/**\n * Abstract class for SPAs. Extend within the app main class.\n */\nexport abstract class PdSpaHelper extends router(navigator(LitElement)) {\n\n  protected functionsController = new ServiceCallController(this);\n\n  // not used at the moment\n  @property({ type: String }) title = 'Hey there';\n\n  /**\n   * Properties needed for login/profile data.\n   */\n  @property({ type: Object, state: true }) _user: User | undefined;\n\n  @property({ type: Object, state: true }) _profile: any | undefined;\n \n  /**\n   * Properties needed for the router.\n   */\n  @property({ type: String, reflect: true }) route = \"\";\n\n  @property({ type: Object }) params = {};\n\n  @property({ type: Object }) query = {};\n\n  /**\n   * Indicates if the teaser should closed (depends on scroll position).\n   */\n  @property({ type: Boolean }) _teaserClosed = false;  \n\n  static styles = \n    // Ref: Additional use classmap to add custom classes in concrete impl\n    css`\n\n    :host {\n      display: flex;\n      flex-flow: column;\n      height: 100%;\n    }\n\n    header {\n      flex-grow: 0;\n    }\n\n    main {\n      flex-grow: 1;\n      flex-basis: max-content;\n    }\n\n    footer {\n      flex-grow: 0;\n    }\n\n    .default-header {\n      width: 100%;\n      position: fixed;\n      top: 0;\n      display: block;\n      z-index: 99;\n    }\n\n    .default-teaser {\n      --pd-panel-overflow: hidden;\n      --pd-panel-height: 32vh;\n      --pd-panel-width: 100%;      \n      --pd-panel-border-radius: 0;\n      --pd-panel-bg: var(--pd-default-col);\n      --pd-panel-viewer-bg-col: var(--pd-default-col);\n    }\n\n    .default-menu {      \n      transition: background-color 1s;\n    }\n\n    .default-menu-withteaser {      \n      --pd-menu-bg-col: #AFC1D2;\n      --pd-menu-font-col: #0A3A48;\n      transition: background-color 1s;\n    }\n\n    .default-main {\n      padding-top: calc(var(--pd-menu-height) + 2em);\n      transition: padding-top 1s;\n    }\n\n    .default-main-withteaser {\n      padding-top: calc(var(--pd-menu-height) + 32vh);\n      transition: padding-top 1s;\n    }\n\n  ` as CSSResultGroup;\n\n  constructor() {\n\n    super();\n\n    const doSomething = (scrollPos:Number) => {\n      if (scrollPos <= 50) {\n        this._teaserClosed = false;\n      } else {\n        this._teaserClosed = true;\n      }\n    };\n\n    let ticking = false;\n    document.addEventListener('scroll', () => {\n      const lastKnownScrollPosition = window.scrollY;\n      if (!ticking) {\n        window.requestAnimationFrame(() => {\n          doSomething(lastKnownScrollPosition);\n          ticking = false;\n        });\n        ticking = true;\n      }\n    });\n\n    this.activateLoginHandler();\n\n    // For common toast messages (not for callfunction toasts => handelt by own controller)\n    this.addEventListener(\"toast-event\", this._createTemporaryToast);\n    this.addEventListener(\"route-event\", this._handleMenuRouteEvent);    \n  }\n\n  /**\n   * Non reactive private property for the index db class.\n   */\n  // private _indexDBClient?: YoIndexDBClient|null;  \n\n  /**\n   * Needed for the router.\n   * Return all configured routes.\n   */\n  static get routes() {\n    return transformedRoutes;  \n  }\n\n  /**\n   * Needed for the router.\n   * Set route params to internal members.\n   */\n  router(route:string, params:Object, query:Object) {\n    this.route = route;\n    this.params = params;\n    this.query = query;\n  }  \n  \n  /**\n   * Call to activate onAuthState change with profile request callbacks.\n   */\n  activateLoginHandler() {\n    // activate firebase auth handler\n    const auth = getAuth();\n    onAuthStateChanged(auth, user => {\n      if (user) {\n        this._user = user;\n        if (postLoginFunc) {\n\n          callFunction(postLoginFunc, undefined)\n            .then((result:any) => {\n              this._profile = result.resultData;\n              // redirect if login in the meantime is available \n              // => else stay on the login page after reload/url navigation\n              if (this.route === \"login\") {\n                this.navigate(\"profile\");\n              }\n            });\n        }\n      } else {\n        this._user = undefined;\n        this._profile = undefined;\n      }\n    });\n  }\n\n  render() {    \n    const pageConf = navigationConfig.pages.filter(p => p.name === this.route)[0];\n    const hideTeaser = this._teaserClosed || !pageConf?.withTeaser;\n    return html`\n      <header id=\"headerElementId\" class=\"default-header\">\n        ${hideTeaser ? '' : this._renderTeaser()}\n        ${this._renderMenu(pageConf, hideTeaser)}        \n      </header>      \n\n      <main class=\"${hideTeaser ? \"default-main\" : \"default-main-withteaser\"}\">\n        <app-main active-route=${this.route}\n            @init-menu-sections=\"${this._initMenuSections}\">\n          ${this._renderRoutePages()}\n          ${navigationConfig.includeLogin ? html`\n            <default-login route=\"login\"></default-login>` : ''}\n        </app-main>\n      </main>\n\n      ${this.functionsController.render({\n        complete: (result: FunctionResult) => this._renderSuccessResultInfo(result),\n        initial: () => '',\n        pending: () => this._renderPendingInfo(),\n        error: (e: any) => this._renderErrorInfo(e),\n      })}\n\n      ${pageConf?.withFooter ? html`\n      <footer class=\"default-footer\">\n        ${this._renderFooter()}\n      </footer>` : ''}\n    `;\n  }\n\n  _renderMenu(pageConfig:NavigationPage, hideTeaser:boolean) {\n    const menuForPage = pageConfig ? (pageConfig.menu || []) : [];\n    return menuForPage ? html`\n      <pd-menu\n        class=\"${hideTeaser ? \"default-menu\" : \"default-menu-withteaser\"}\"\n        .menuItems=${menuForPage.filter(mfp => !mfp.topItem)}\n        .topMenuItems=${menuForPage.filter(mfp => mfp.topItem)}\n        headerSize=\"${hideTeaser ? 80 : 440}\"\n      >\n        ${hideTeaser ? this._getAppLogo() : ''}\n      </pd-menu>\n    ` : '';\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  _renderTeaser(): TemplateResult | string {\n    const teaserContent = this._getTeaserContent();\n    if (!teaserContent || teaserContent.length <= 0) {\n      return '';\n    }\n    return html`\n      <pd-panel-viewer class=\"default-teaser\" id=\"teaserPanelViewerId\" deltaCalc=\"4\">\n        ${teaserContent.map(content => html`\n          <pd-panel>\n            ${content}\n          </pd-panel>\n        `)}\n      </pd-panel-viewer>\n      `;\n  }\n\n  _renderFooter() {\n    return html`\n      <pd-footer \n          class=\"default-footer\"\n          .footerLinks=\"${this._getFooterItems()}\"\n          version=\"0.5\" \n          copyright=\"PD Progressive Developent UG\" \n          .madeBy=\"${MADE_BY}\" \n          @footer-link=\"${this._handleFooterRouteEvent}\">\n      </pd-footer>\n    `;\n  }\n\n  /**\n   * Called when (any) cloud function call was finished.   \n   */\n  // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars\n  _renderSuccessResultInfo(result: FunctionResult) {\n    return html`\n    <pd-toast isSuccess duration=\"${TOAST_DURATION}\">\n      ${this.functionsController.callDataPromise?.func.successTxt}\n    </pd-toast>`;\n  }\n\n  /**\n   * Called when (any) cloud function is currently running.   \n   */\n  _renderPendingInfo() {\n    return this.functionsController.callDataPromise?.func.fadeWindow ? html`\n    <p>Überblende und lade ${this.functionsController.callDataPromise?.func.name}...</p>` \n      : html`\n      <pd-toast duration=\"-1\">\n        ${this.functionsController.callDataPromise?.func.pendingTxt}\n      </pd-toast>`;        \n  }\n\n  /**\n   * Called when (any) cloud function stopped with errors.\n   */\n   // eslint-disable-next-line class-methods-use-this\n   _renderErrorInfo(error:any) {\n    return html`\n    <pd-toast isError duration=\"-1\">\n      ${error}\n    </pd-toast>`;\n  }\n\n  protected abstract _getTeaserContent(): Array<TemplateResult>;\n\n  protected abstract _getFooterItems(): Array<any>;\n\n  protected abstract _getAppLogo(): TemplateResult;\n\n  protected abstract _renderRoutePages(): any;\n\n  // eslint-disable-next-line class-methods-use-this\n  _handleMenuRouteEvent(e:any) {\n    // test with el, to handel jumps also here, not used at the moment, same postion link problems...\n    if (e.detail.el) {\n      this._scrollToContent(e.detail.el);\n    } else {\n      PdSpaHelper._scrollToTop();\n      this.navigate(e.detail.route);\n    }\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  _handleFooterRouteEvent(e: CustomEvent) {    \n    PdSpaHelper._scrollToTop();\n    this.navigate(e.detail.link);    \n  }\n  \n  // eslint-disable-next-line class-methods-use-this\n  _initMenuSections(e:any) {\n    // get page for event\n    const menRefConf = navigationConfig.pages.filter(p => p.name === e.detail.key)[0];\n    if (menRefConf) {\n      menRefConf.menu = e.detail.menu;\n    }\n  }\n\n  _createTemporaryToast(e: any) {\n    \n    // hide existing call function toast (old one still is visible for directly incoming errors)\n    this.functionsController.clear();\n    \n    const tmpToast = new PdToast();    \n    tmpToast.isError = e.detail.isError;\n    tmpToast.isSuccess = e.detail.isSuccess;\n    const slotContent = document.createTextNode(e.detail.txt);\n    tmpToast.appendChild(slotContent)    \n\n    this.shadowRoot?.appendChild(tmpToast);\n    tmpToast.duration = TOAST_DURATION;\n\n    // set timeout to remove toast (one second later)\n    setTimeout(() => {\n      this.shadowRoot?.removeChild(tmpToast);\n    }, TOAST_DURATION + 1000);\n  }\n\n  static _scrollToTop() {\n    window.scrollTo({\n      top: 0,\n      left: 0,\n      behavior: 'smooth',\n    });\n  }\n\n  // Test, not used at the moment, jump/menu problem...\n  // eslint-disable-next-line class-methods-use-this\n  _scrollToContent(el:HTMLElement) {\n    if (el) {\n      const rect = el.getBoundingClientRect();\n      console.log(\"Rect: \", rect);\n      console.log(\"Offset Top/Height: \", el.offsetTop, el.offsetHeight);\n      window.scrollBy({\n        top: rect.top - (this._teaserClosed ? 80 : 450),\n        left: 0,\n        behavior: 'smooth',\n      });\n    }\n  }\n\n}"]}

package/dist/src/defaultpage/default-login.d.ts

@@ -0,0 +1,5 @@
+import { LitElement } from "lit";
+import '../tmpown/pd-login.js';
+export declare class DefaultLogin extends LitElement {
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/defaultpage/default-login.js

@@ -0,0 +1,16 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from "lit";
+import { customElement } from "lit/decorators.js";
+import '../tmpown/pd-login.js';
+let DefaultLogin = class DefaultLogin extends LitElement {
+    render() {
+        return html `
+      <pd-login></pd-login>
+    `;
+    }
+};
+DefaultLogin = __decorate([
+    customElement("default-login")
+], DefaultLogin);
+export { DefaultLogin };
+//# sourceMappingURL=default-login.js.map

package/dist/src/defaultpage/default-login.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-login.js","sourceRoot":"","sources":["../../../src/defaultpage/default-login.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,uBAAuB,CAAC;AAG/B,IAAa,YAAY,GAAzB,MAAa,YAAa,SAAQ,UAAU;IAE1C,MAAM;QACJ,OAAO,IAAI,CAAA;;KAEV,CAAC;IACJ,CAAC;CAEF,CAAA;AARY,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CAQxB;SARY,YAAY","sourcesContent":["import { html, LitElement } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\n\nimport '../tmpown/pd-login.js';\n\n@customElement(\"default-login\")\nexport class DefaultLogin extends LitElement {\n\n  render() {\n    return html`\n      <pd-login></pd-login>\n    `;\n  }\n\n}"]}