@operato/shell 0.3.7

package/dist/src/app/app.js

@@ -0,0 +1,192 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { state } from 'lit/decorators';
+import { connect } from 'pwa-helpers/connect-mixin.js';
+import { installRouter } from 'pwa-helpers/router.js';
+import { ScrollbarStyles } from '@operato/styles';
+import { getPathInfo } from '@operato/utils';
+import { UPDATE_CONTEXT_PATH, UPDATE_MODULES } from '../actions/app';
+import { navigateWithSilence, UPDATE_ACTIVE_PAGE } from '../actions/route';
+import { store } from '../store';
+import { AppStyle } from './app-style';
+class ThingsApp extends connect(store)(LitElement) {
+    constructor() {
+        super();
+        this._pages = {};
+        this._callbacks = [];
+        this._modules = [];
+        this._moduleInitialized = false;
+    }
+    render() {
+        var params = this._params || {};
+        var fullbleed = (this._context && this._context.fullbleed) || (params.fullbleed && params.fullbleed == 'Y');
+        var widebleed = (this._context && this._context.widebleed) || (params.widebleed && params.widebleed == 'Y');
+        return html `
+      <header-bar ?fullbleed=${fullbleed}></header-bar>
+
+      <nav-bar ?fullbleed=${fullbleed || widebleed}></nav-bar>
+
+      <main></main>
+
+      <aside-bar ?fullbleed=${fullbleed || widebleed}></aside-bar>
+
+      <footer-bar ?fullbleed=${fullbleed}></footer-bar>
+
+      <snack-bar></snack-bar>
+    `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        /* 모듈 임포트를 동적으로 처리한다. */
+        import(
+        /* webpackPrefetch: true */
+        /* webpackPreload: true */
+        /* webpackChunkName: "modules" */
+        '../module-importer.import').then(module => {
+            var modules = module.modules;
+            /* lifecycle - bootstrapping */
+            this.dispatchEvent(new Event('lifecycle-bootstrap-begin'));
+            modules.forEach((m, idx) => {
+                try {
+                    m.bootstrap && m.bootstrap();
+                    // console.info(`[${idx} BOOTSTRAPED - ${m.name}]`)
+                }
+                catch (e) {
+                    console.error(`[${idx} BOOTSTRAP ERROR -${m.name}]`, e);
+                }
+            });
+            this.dispatchEvent(new Event('lifecycle-bootstrap-finish'));
+            /* shouldUpdate를 활성화한다. */
+            this._moduleInitialized = true;
+            /* modules를 store에 dispatch 함으로써, update를 invoke 시킨다. */
+            store.dispatch({
+                type: UPDATE_MODULES,
+                modules
+            });
+            installRouter((location, e) => {
+                var { contextPath } = getPathInfo(location.pathname);
+                if (this._contextPath !== contextPath) {
+                    store.dispatch({
+                        type: UPDATE_CONTEXT_PATH,
+                        contextPath
+                    });
+                }
+                store.dispatch(navigateWithSilence(location));
+                this._callbacks &&
+                    this._callbacks.forEach(callback => {
+                        try {
+                            callback.call(this, location, e);
+                        }
+                        catch (ex) {
+                            console.error(ex);
+                        }
+                    });
+            });
+        });
+        this.setBase();
+    }
+    routeToPage() {
+        let activePages = this.renderRoot.querySelectorAll('main > .page[active]');
+        activePages.forEach(page => {
+            page.removeAttribute('active');
+        });
+        this._activePage = this.renderRoot.querySelector(`main > .page[data-page=${this._page}]`);
+        if (!this._activePage) {
+            /* 해당 route에 연결된 page가 없는 경우에 main 섹션에 해당 element를 추가해준다. */
+            var tagname = this._pages[this._page];
+            if (tagname) {
+                var main = this.renderRoot.querySelector('main');
+                var el = document.createElement(tagname);
+                el.setAttribute('class', 'page');
+                el.setAttribute('data-page', this._page);
+                main === null || main === void 0 ? void 0 : main.appendChild(el);
+                this._activePage = el;
+            }
+        }
+        if (this._activePage) {
+            this._activePage.setAttribute('active', true);
+            this._activePage.setAttribute('context-path', this._contextPath);
+            this._activePage.lifecycle = {
+                ...(this._activePage.lifecycle || {}),
+                active: true,
+                params: this._params,
+                resourceId: this._resourceId,
+                page: this._page
+            };
+        }
+        store.dispatch({
+            type: UPDATE_ACTIVE_PAGE,
+            activePage: this._activePage
+        });
+    }
+    async updated(changes) {
+        if (changes.has('_modules')) {
+            this._readyPageList();
+        }
+        if (changes.has('_page') || changes.has('_resourceId') || changes.has('_params')) {
+            this.routeToPage();
+        }
+        if (changes.has('_contextPath')) {
+            this.setBase();
+        }
+    }
+    shouldUpdate() {
+        return this._moduleInitialized;
+    }
+    stateChanged(state) {
+        this._page = state.route.page;
+        this._params = state.route.params;
+        this._resourceId = state.route.resourceId;
+        this._callbacks = state.route.callbacks;
+        this._context = state.route.context;
+        this._modules = state.app.modules;
+        this._contextPath = state.app.contextPath;
+    }
+    _readyPageList() {
+        var reversedModules = [...this._modules].reverse();
+        this._pages = {};
+        /* 모듈 참조 순서 역순으로 page를 추가한다. (for overidable) */
+        reversedModules.forEach(m => {
+            m.routes &&
+                m.routes.forEach((route) => {
+                    if (!this._pages[route.page]) {
+                        this._pages[route.page] = route.tagname;
+                    }
+                });
+        });
+    }
+    setBase() {
+        var base = document.querySelector('base');
+        base === null || base === void 0 ? void 0 : base.setAttribute('href', this._contextPath ? `${this._contextPath}/` : '/');
+    }
+}
+ThingsApp.styles = [ScrollbarStyles, AppStyle];
+__decorate([
+    state()
+], ThingsApp.prototype, "_contextPath", void 0);
+__decorate([
+    state()
+], ThingsApp.prototype, "_page", void 0);
+__decorate([
+    state()
+], ThingsApp.prototype, "_pages", void 0);
+__decorate([
+    state()
+], ThingsApp.prototype, "_resourceId", void 0);
+__decorate([
+    state()
+], ThingsApp.prototype, "_params", void 0);
+__decorate([
+    state()
+], ThingsApp.prototype, "_callbacks", void 0);
+__decorate([
+    state()
+], ThingsApp.prototype, "_activePage", void 0);
+__decorate([
+    state()
+], ThingsApp.prototype, "_context", void 0);
+__decorate([
+    state()
+], ThingsApp.prototype, "_modules", void 0);
+window.customElements.define('things-app', ThingsApp);
+//# sourceMappingURL=app.js.map

package/dist/src/app/app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../src/app/app.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, PropertyValues } from 'lit'\nimport { state } from 'lit/decorators'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\nimport { installRouter } from 'pwa-helpers/router.js'\n\nimport { ScrollbarStyles } from '@operato/styles'\nimport { getPathInfo } from '@operato/utils'\n\nimport { UPDATE_CONTEXT_PATH, UPDATE_MODULES } from '../actions/app'\nimport { navigateWithSilence, UPDATE_ACTIVE_PAGE } from '../actions/route'\nimport { store } from '../store'\nimport { AppStyle } from './app-style'\n\nclass ThingsApp extends connect(store)(LitElement) {\n  static styles = [ScrollbarStyles, AppStyle]\n\n  @state() _contextPath?: string\n  @state() _page?: string\n  @state() _pages: { [path: string]: string } = {}\n  @state() _resourceId?: string\n  @state() _params?: any\n  @state() _callbacks: Array<any> = []\n  @state() _activePage: any\n  @state() _context: any\n  @state() _modules: Array<any> = []\n\n  _moduleInitialized = false\n\n  render() {\n    var params = this._params || {}\n    var fullbleed = (this._context && this._context.fullbleed) || (params.fullbleed && params.fullbleed == 'Y')\n    var widebleed = (this._context && this._context.widebleed) || (params.widebleed && params.widebleed == 'Y')\n\n    return html`\n      <header-bar ?fullbleed=${fullbleed}></header-bar>\n\n      <nav-bar ?fullbleed=${fullbleed || widebleed}></nav-bar>\n\n      <main></main>\n\n      <aside-bar ?fullbleed=${fullbleed || widebleed}></aside-bar>\n\n      <footer-bar ?fullbleed=${fullbleed}></footer-bar>\n\n      <snack-bar></snack-bar>\n    `\n  }\n\n  constructor() {\n    super()\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n\n    /* 모듈 임포트를 동적으로 처리한다. */\n    import(\n      /* webpackPrefetch: true */\n      /* webpackPreload: true */\n      /* webpackChunkName: \"modules\" */\n      '../module-importer.import'\n    ).then(module => {\n      var modules: {\n        name: string\n        bootstrap: any\n      }[] = module.modules\n\n      /* lifecycle - bootstrapping */\n      this.dispatchEvent(new Event('lifecycle-bootstrap-begin'))\n      modules.forEach((m, idx) => {\n        try {\n          m.bootstrap && m.bootstrap()\n          // console.info(`[${idx} BOOTSTRAPED - ${m.name}]`)\n        } catch (e) {\n          console.error(`[${idx} BOOTSTRAP ERROR -${m.name}]`, e)\n        }\n      })\n      this.dispatchEvent(new Event('lifecycle-bootstrap-finish'))\n\n      /* shouldUpdate를 활성화한다. */\n      this._moduleInitialized = true\n\n      /* modules를 store에 dispatch 함으로써, update를 invoke 시킨다. */\n      store.dispatch({\n        type: UPDATE_MODULES,\n        modules\n      })\n\n      installRouter((location, e) => {\n        var { contextPath } = getPathInfo(location.pathname)\n\n        if (this._contextPath !== contextPath) {\n          store.dispatch({\n            type: UPDATE_CONTEXT_PATH,\n            contextPath\n          })\n        }\n\n        store.dispatch(navigateWithSilence(location) as any)\n        this._callbacks &&\n          this._callbacks.forEach(callback => {\n            try {\n              callback.call(this, location, e)\n            } catch (ex) {\n              console.error(ex)\n            }\n          })\n      })\n    })\n\n    this.setBase()\n  }\n\n  routeToPage() {\n    let activePages = this.renderRoot.querySelectorAll('main > .page[active]')\n    activePages.forEach(page => {\n      page.removeAttribute('active')\n    })\n\n    this._activePage = this.renderRoot.querySelector(`main > .page[data-page=${this._page}]`)\n\n    if (!this._activePage) {\n      /* 해당 route에 연결된 page가 없는 경우에 main 섹션에 해당 element를 추가해준다. */\n      var tagname = this._pages[this._page!]\n      if (tagname) {\n        var main = this.renderRoot.querySelector('main')\n\n        var el = document.createElement(tagname)\n        el.setAttribute('class', 'page')\n        el.setAttribute('data-page', this._page!)\n\n        main?.appendChild(el)\n\n        this._activePage = el\n      }\n    }\n\n    if (this._activePage) {\n      this._activePage.setAttribute('active', true)\n      this._activePage.setAttribute('context-path', this._contextPath)\n      this._activePage.lifecycle = {\n        ...(this._activePage.lifecycle || {}),\n        active: true,\n        params: this._params,\n        resourceId: this._resourceId,\n        page: this._page\n      }\n    }\n\n    store.dispatch({\n      type: UPDATE_ACTIVE_PAGE,\n      activePage: this._activePage\n    })\n  }\n\n  async updated(changes: PropertyValues<this>) {\n    if (changes.has('_modules')) {\n      this._readyPageList()\n    }\n\n    if (changes.has('_page') || changes.has('_resourceId') || changes.has('_params')) {\n      this.routeToPage()\n    }\n\n    if (changes.has('_contextPath')) {\n      this.setBase()\n    }\n  }\n\n  shouldUpdate() {\n    return this._moduleInitialized\n  }\n\n  stateChanged(state: any) {\n    this._page = state.route.page\n    this._params = state.route.params\n    this._resourceId = state.route.resourceId\n    this._callbacks = state.route.callbacks\n    this._context = state.route.context\n    this._modules = state.app.modules\n    this._contextPath = state.app.contextPath\n  }\n\n  _readyPageList() {\n    var reversedModules = [...this._modules].reverse()\n    this._pages = {}\n\n    /* 모듈 참조 순서 역순으로 page를 추가한다. (for overidable) */\n    reversedModules.forEach(m => {\n      m.routes &&\n        m.routes.forEach((route: any) => {\n          if (!this._pages[route.page]) {\n            this._pages[route.page] = route.tagname\n          }\n        })\n    })\n  }\n\n  setBase() {\n    var base = document.querySelector('base')\n    base?.setAttribute('href', this._contextPath ? `${this._contextPath}/` : '/')\n  }\n}\n\nwindow.customElements.define('things-app', ThingsApp)\n"]}

package/dist/src/app/pages/page-404.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/app/pages/page-404.js

@@ -0,0 +1,52 @@
+import { css, html } from 'lit';
+import { PageView } from './page-view';
+class Page404 extends PageView {
+    get context() {
+        return {
+            title: 'Page Not Found'
+        };
+    }
+    render() {
+        return html `
+      <section>
+        <mwc-icon>error_outline</mwc-icon>
+        <h2>page not found!</h2>
+        The page you requested cannot be found.
+      </section>
+    `;
+    }
+}
+Page404.styles = css `
+    :host {
+      display: block;
+      box-sizing: border-box;
+      background-color: var(--main-section-background-color);
+      --padding-wide: 15%;
+    }
+    section {
+      padding: var(--padding-wide) 0 0 0;
+      text-align: center;
+      color: var(--secondary-color);
+    }
+    mwc-icon {
+      --mdc-icon-size: 120px;
+      color: var(--status-danger-color);
+      text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
+    }
+    h2 {
+      margin: 0 auto;
+      font-size: 2.5em;
+      text-transform: capitalize;
+    }
+    @media only screen and (max-width: 460px) {
+      mwc-icon {
+        padding-top: 25%;
+        --mdc-icon-size: 90px;
+      }
+      h2 {
+        font-size: 2em;
+      }
+    }
+  `;
+customElements.define('page-404', Page404);
+//# sourceMappingURL=page-404.js.map

package/dist/src/app/pages/page-404.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-404.js","sourceRoot":"","sources":["../../../../src/app/pages/page-404.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,MAAM,OAAQ,SAAQ,QAAQ;IAkC5B,IAAI,OAAO;QACT,OAAO;YACL,KAAK,EAAE,gBAAgB;SACxB,CAAA;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;KAMV,CAAA;IACH,CAAC;;AA/CM,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BlB,CAAA;AAmBH,cAAc,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA","sourcesContent":["import { css, html } from 'lit'\n\nimport { PageView } from './page-view'\n\nclass Page404 extends PageView {\n  static styles = css`\n    :host {\n      display: block;\n      box-sizing: border-box;\n      background-color: var(--main-section-background-color);\n      --padding-wide: 15%;\n    }\n    section {\n      padding: var(--padding-wide) 0 0 0;\n      text-align: center;\n      color: var(--secondary-color);\n    }\n    mwc-icon {\n      --mdc-icon-size: 120px;\n      color: var(--status-danger-color);\n      text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);\n    }\n    h2 {\n      margin: 0 auto;\n      font-size: 2.5em;\n      text-transform: capitalize;\n    }\n    @media only screen and (max-width: 460px) {\n      mwc-icon {\n        padding-top: 25%;\n        --mdc-icon-size: 90px;\n      }\n      h2 {\n        font-size: 2em;\n      }\n    }\n  `\n\n  get context() {\n    return {\n      title: 'Page Not Found'\n    }\n  }\n\n  render() {\n    return html`\n      <section>\n        <mwc-icon>error_outline</mwc-icon>\n        <h2>page not found!</h2>\n        The page you requested cannot be found.\n      </section>\n    `\n  }\n}\n\ncustomElements.define('page-404', Page404)\n"]}

package/dist/src/app/pages/page-view.d.ts

@@ -0,0 +1,16 @@
+import { LitElement, PropertyValues } from 'lit';
+export declare class PageView extends LitElement {
+    shouldUpdate(changes: PropertyValues<this>): boolean;
+    active: boolean;
+    lifecycle: any;
+    contextPath?: string;
+    _oldLifecycleInfo$: any;
+    pageUpdate(changes?: any, force?: boolean): Promise<void>;
+    pageReset(): Promise<void>;
+    pageDispose(): Promise<void>;
+    pageInitialized(pageInfo: any): void;
+    pageUpdated(changes: any, after: any, before: any): void;
+    pageDisposed(pageInfo: any): void;
+    updateContext(override?: any): void;
+    get context(): {};
+}

package/dist/src/app/pages/page-view.js

@@ -0,0 +1,131 @@
+import { __decorate } from "tslib";
+import { LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+import isEqual from 'lodash/isEqual';
+import { UPDATE_CONTEXT } from '../../actions/route';
+import { store } from '../../store';
+function diff(after, before) {
+    var changed = false;
+    var changes = {};
+    Object.getOwnPropertyNames(after).forEach(function (key) {
+        let before_val = before[key];
+        let after_val = after[key];
+        if (!isEqual(before_val, after_val)) {
+            changes[key] = after_val;
+            changed = true;
+        }
+    });
+    return changed && changes;
+}
+export class PageView extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.active = false;
+    }
+    // Only render this page if it's actually visible.
+    shouldUpdate(changes) {
+        var active = String(this.active) == 'true';
+        var { active: oldActive = false } = this._oldLifecycleInfo$ || {};
+        /*
+         * page lifecycle
+         * case 1. page가 새로 activate 되었다.
+         * case 2. page가 active 상태에서 lifecycle 정보가 바뀌었다.
+         **/
+        if (active) {
+            this.pageUpdate({
+                active
+            });
+        }
+        else if (oldActive) {
+            this.pageUpdate({
+                active
+            });
+        }
+        return active;
+    }
+    /* lifecycle */
+    async pageUpdate(changes = {}, force = false) {
+        var before = this._oldLifecycleInfo$ || {};
+        var after = {
+            ...before,
+            ...this.lifecycle,
+            contextPath: this.contextPath,
+            ...changes
+        };
+        if (!('initialized' in changes) && after.active && !before.initialized) {
+            after.initialized = true;
+        }
+        if (force) {
+            after.updated = Date.now();
+        }
+        var changed = diff(after, before);
+        if (!changed) {
+            return;
+        }
+        this._oldLifecycleInfo$ = after;
+        /* page의 이미 초기화된 상태에서 contextPath가 바뀐다면, 무조건 page가 리셋되어야 한다. */
+        if (before.initialized && changed.contextPath) {
+            await this.pageReset();
+            return;
+        }
+        if (changed.initialized) {
+            await this.pageInitialized(after);
+        }
+        if ('initialized' in changed) {
+            if (changed.initialized) {
+                /*
+                 * 방금 초기화된 경우라면, 엘리먼트들이 만들어지지 않았을 가능성이 있으므로,
+                 * 다음 animationFrame에서 pageUpdated 콜백을 호출한다.
+                 */
+                requestAnimationFrame(async () => {
+                    await this.pageUpdated(changed, after, before);
+                    /* active page인 경우에는, page Context 갱신도 필요할 것이다. */
+                    after.active && this.updateContext();
+                });
+            }
+            else {
+                await this.pageDisposed(after);
+            }
+        }
+        else {
+            await this.pageUpdated(changed, after, before);
+            /* active page인 경우에는, page Context 갱신도 필요할 것이다. */
+            after.active && this.updateContext();
+        }
+    }
+    async pageReset() {
+        var { initialized } = this._oldLifecycleInfo$ || {};
+        if (initialized) {
+            await this.pageDispose();
+            await this.pageUpdate({}, true);
+        }
+    }
+    async pageDispose() {
+        await this.pageUpdate({
+            initialized: false
+        });
+    }
+    pageInitialized(pageInfo) { }
+    pageUpdated(changes, after, before) { }
+    pageDisposed(pageInfo) { }
+    /* context */
+    updateContext(override) {
+        store.dispatch({
+            type: UPDATE_CONTEXT,
+            context: override ? { ...this.context, ...override } : this.context
+        });
+    }
+    get context() {
+        return {};
+    }
+}
+__decorate([
+    property({ type: Boolean })
+], PageView.prototype, "active", void 0);
+__decorate([
+    property({ type: Object })
+], PageView.prototype, "lifecycle", void 0);
+__decorate([
+    property({ type: String, attribute: 'context-path' })
+], PageView.prototype, "contextPath", void 0);
+//# sourceMappingURL=page-view.js.map

package/dist/src/app/pages/page-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-view.js","sourceRoot":"","sources":["../../../../src/app/pages/page-view.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, PropertyValues } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport isEqual from 'lodash/isEqual'\n\nimport { UPDATE_CONTEXT } from '../../actions/route'\nimport { store } from '../../store'\n\nfunction diff(after: any, before: any): any {\n  var changed = false\n  var changes: { [key: string]: any } = {}\n\n  Object.getOwnPropertyNames(after).forEach(function (key) {\n    let before_val = before[key]\n    let after_val = after[key]\n\n    if (!isEqual(before_val, after_val)) {\n      changes[key] = after_val\n      changed = true\n    }\n  })\n\n  return changed && changes\n}\n\nexport class PageView extends LitElement {\n  // Only render this page if it's actually visible.\n  shouldUpdate(changes: PropertyValues<this>) {\n    var active = String(this.active) == 'true'\n    var { active: oldActive = false } = this._oldLifecycleInfo$ || {}\n\n    /*\n     * page lifecycle\n     * case 1. page가 새로 activate 되었다.\n     * case 2. page가 active 상태에서 lifecycle 정보가 바뀌었다.\n     **/\n    if (active) {\n      this.pageUpdate({\n        active\n      })\n    } else if (oldActive) {\n      this.pageUpdate({\n        active\n      })\n    }\n\n    return active\n  }\n\n  @property({ type: Boolean }) active: boolean = false\n  @property({ type: Object }) lifecycle: any\n  @property({ type: String, attribute: 'context-path' }) contextPath?: string\n\n  _oldLifecycleInfo$: any\n\n  /* lifecycle */\n  async pageUpdate(changes: any = {}, force: boolean = false) {\n    var before = this._oldLifecycleInfo$ || {}\n\n    var after = {\n      ...before,\n      ...this.lifecycle,\n      contextPath: this.contextPath,\n      ...changes\n    }\n\n    if (!('initialized' in changes) && after.active && !before.initialized) {\n      after.initialized = true\n    }\n\n    if (force) {\n      after.updated = Date.now()\n    }\n\n    var changed = diff(after, before)\n    if (!changed) {\n      return\n    }\n\n    this._oldLifecycleInfo$ = after\n\n    /* page의 이미 초기화된 상태에서 contextPath가 바뀐다면, 무조건 page가 리셋되어야 한다. */\n    if (before.initialized && changed.contextPath) {\n      await this.pageReset()\n      return\n    }\n\n    if (changed.initialized) {\n      await this.pageInitialized(after)\n    }\n\n    if ('initialized' in changed) {\n      if (changed.initialized) {\n        /*\n         * 방금 초기화된 경우라면, 엘리먼트들이 만들어지지 않았을 가능성이 있으므로,\n         * 다음 animationFrame에서 pageUpdated 콜백을 호출한다.\n         */\n        requestAnimationFrame(async () => {\n          await this.pageUpdated(changed, after, before)\n          /* active page인 경우에는, page Context 갱신도 필요할 것이다. */\n          after.active && this.updateContext()\n        })\n      } else {\n        await this.pageDisposed(after)\n      }\n    } else {\n      await this.pageUpdated(changed, after, before)\n      /* active page인 경우에는, page Context 갱신도 필요할 것이다. */\n      after.active && this.updateContext()\n    }\n  }\n\n  async pageReset() {\n    var { initialized } = this._oldLifecycleInfo$ || {}\n\n    if (initialized) {\n      await this.pageDispose()\n      await this.pageUpdate({}, true)\n    }\n  }\n\n  async pageDispose() {\n    await this.pageUpdate({\n      initialized: false\n    })\n  }\n\n  pageInitialized(pageInfo: any) {}\n  pageUpdated(changes: any, after: any, before: any) {}\n  pageDisposed(pageInfo: any) {}\n\n  /* context */\n  updateContext(override?: any) {\n    store.dispatch({\n      type: UPDATE_CONTEXT,\n      context: override ? { ...this.context, ...override } : this.context\n    })\n  }\n\n  get context() {\n    return {}\n  }\n}\n"]}

package/dist/src/entries/public/home.d.ts

@@ -0,0 +1,17 @@
+import '@material/mwc-icon-button';
+import '@material/mwc-button';
+import { LitElement } from 'lit';
+export declare class HomePage extends LitElement {
+    static styles: import("lit").CSSResult;
+    _applicationMeta?: {
+        icon: string;
+        title: string;
+        description: string;
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    get applicationMeta(): {
+        icon: string;
+        title: string;
+        description: string;
+    };
+}

package/dist/src/entries/public/home.js

@@ -0,0 +1,87 @@
+import { __decorate } from "tslib";
+import '@material/mwc-icon-button';
+import '@material/mwc-button';
+import { css, html, LitElement } from 'lit';
+import { customElement } from 'lit/decorators';
+let HomePage = class HomePage extends LitElement {
+    render() {
+        var { icon, title, description } = this.applicationMeta;
+        return html `
+      <mwc-icon-button home icon="home" @click=${() => (window.location.href = '/')}></mwc-icon-button>
+
+      <div message>
+        <strong>${title}</strong>
+        ${description}
+        <img src="/assets/images/home.png" />
+      </div>
+    `;
+    }
+    get applicationMeta() {
+        if (!this._applicationMeta) {
+            var iconLink = document.querySelector('link[rel="application-icon"]');
+            var titleMeta = document.querySelector('meta[name="application-name"]');
+            var descriptionMeta = document.querySelector('meta[name="application-description"]');
+            this._applicationMeta = {
+                icon: iconLink === null || iconLink === void 0 ? void 0 : iconLink.href,
+                title: titleMeta ? titleMeta.content : 'Things Factory',
+                description: descriptionMeta ? descriptionMeta.content : 'Reimagining Software'
+            };
+        }
+        return this._applicationMeta;
+    }
+};
+HomePage.styles = css `
+    :host {
+      background-color: var(--main-section-background-color);
+
+      display: block;
+      position: relative;
+
+      --mdc-theme-primary: white;
+    }
+
+    [home] {
+      position: absolute;
+      left: 20px;
+      top: 20px;
+      font-size: 2em;
+      color: white;
+    }
+
+    [message] {
+      background-color: rgba(50, 66, 97, 0.8);
+      padding: 60px 50px 0 50px;
+      color: #fff;
+      text-align: center;
+      font-size: 20px;
+    }
+    [message] strong {
+      display: block;
+      font-size: 2.5rem;
+    }
+    [message] img {
+      width: 450px;
+      max-width: 90%;
+      display: block;
+      margin: auto;
+      margin-top: 20px;
+    }
+
+    @media screen and (max-width: 480px) {
+      [message] {
+        padding: 60px 30px 0 30px;
+        color: #fff;
+        text-align: center;
+        font-size: 15px;
+      }
+
+      [message] strong {
+        font-size: 1.6rem;
+      }
+    }
+  `;
+HomePage = __decorate([
+    customElement('home-page')
+], HomePage);
+export { HomePage };
+//# sourceMappingURL=home.js.map

package/dist/src/entries/public/home.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"home.js","sourceRoot":"","sources":["../../../../src/entries/public/home.ts"],"names":[],"mappings":";AAAA,OAAO,2BAA2B,CAAA;AAClC,OAAO,sBAAsB,CAAA;AAE7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAG9C,IAAa,QAAQ,GAArB,MAAa,QAAS,SAAQ,UAAU;IA0DtC,MAAM;QACJ,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,eAAe,CAAA;QAEvD,OAAO,IAAI,CAAA;iDACkC,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC;;;kBAGjE,KAAK;UACb,WAAW;;;KAGhB,CAAA;IACH,CAAC;IAED,IAAI,eAAe;QACjB,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YAC1B,IAAI,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,8BAA8B,CAAoB,CAAA;YACxF,IAAI,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,+BAA+B,CAAoB,CAAA;YAC1F,IAAI,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,sCAAsC,CAAoB,CAAA;YAEvG,IAAI,CAAC,gBAAgB,GAAG;gBACtB,IAAI,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI;gBACpB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB;gBACvD,WAAW,EAAE,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAsB;aAChF,CAAA;SACF;QAED,OAAO,IAAI,CAAC,gBAAgB,CAAA;IAC9B,CAAC;CACF,CAAA;AAtFQ,eAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDlB,CAAA;AAlDU,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAuFpB;SAvFY,QAAQ","sourcesContent":["import '@material/mwc-icon-button'\nimport '@material/mwc-button'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement } from 'lit/decorators'\n\n@customElement('home-page')\nexport class HomePage extends LitElement {\n  static styles = css`\n    :host {\n      background-color: var(--main-section-background-color);\n\n      display: block;\n      position: relative;\n\n      --mdc-theme-primary: white;\n    }\n\n    [home] {\n      position: absolute;\n      left: 20px;\n      top: 20px;\n      font-size: 2em;\n      color: white;\n    }\n\n    [message] {\n      background-color: rgba(50, 66, 97, 0.8);\n      padding: 60px 50px 0 50px;\n      color: #fff;\n      text-align: center;\n      font-size: 20px;\n    }\n    [message] strong {\n      display: block;\n      font-size: 2.5rem;\n    }\n    [message] img {\n      width: 450px;\n      max-width: 90%;\n      display: block;\n      margin: auto;\n      margin-top: 20px;\n    }\n\n    @media screen and (max-width: 480px) {\n      [message] {\n        padding: 60px 30px 0 30px;\n        color: #fff;\n        text-align: center;\n        font-size: 15px;\n      }\n\n      [message] strong {\n        font-size: 1.6rem;\n      }\n    }\n  `\n\n  _applicationMeta?: {\n    icon: string\n    title: string\n    description: string\n  }\n\n  render() {\n    var { icon, title, description } = this.applicationMeta\n\n    return html`\n      <mwc-icon-button home icon=\"home\" @click=${() => (window.location.href = '/')}></mwc-icon-button>\n\n      <div message>\n        <strong>${title}</strong>\n        ${description}\n        <img src=\"/assets/images/home.png\" />\n      </div>\n    `\n  }\n\n  get applicationMeta() {\n    if (!this._applicationMeta) {\n      var iconLink = document.querySelector('link[rel=\"application-icon\"]') as HTMLLinkElement\n      var titleMeta = document.querySelector('meta[name=\"application-name\"]') as HTMLMetaElement\n      var descriptionMeta = document.querySelector('meta[name=\"application-description\"]') as HTMLMetaElement\n\n      this._applicationMeta = {\n        icon: iconLink?.href,\n        title: titleMeta ? titleMeta.content : 'Things Factory',\n        description: descriptionMeta ? descriptionMeta.content : 'Reimagining Software'\n      }\n    }\n\n    return this._applicationMeta\n  }\n}\n"]}

package/dist/src/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/dist/src/reducers/app.d.ts

@@ -0,0 +1,36 @@
+declare const app: (state: {
+    baseUrl: string;
+    contextPath: string;
+    domains: {
+        name: string;
+        subdomain: string;
+    }[];
+} | undefined, action: any) => {
+    modules: any;
+    baseUrl: string;
+    contextPath: string;
+    domains: {
+        name: string;
+        subdomain: string;
+    }[];
+} | {
+    baseUrl: any;
+    contextPath: string;
+    domains: {
+        name: string;
+        subdomain: string;
+    }[];
+} | {
+    contextPath: any;
+    baseUrl: string;
+    domains: {
+        name: string;
+        subdomain: string;
+    }[];
+} | {
+    domains: any;
+    domain: any;
+    baseUrl: string;
+    contextPath: string;
+};
+export default app;

package/dist/src/reducers/app.js

@@ -0,0 +1,36 @@
+import { getPathInfo } from '@operato/utils';
+import { SET_DOMAINS, UPDATE_BASE_URL, UPDATE_CONTEXT_PATH, UPDATE_MODULES } from '../actions/app.js';
+const INITIAL_STATE = {
+    baseUrl: location.origin,
+    contextPath: getPathInfo(location.pathname).contextPath,
+    domains: []
+};
+const app = (state = INITIAL_STATE, action) => {
+    switch (action.type) {
+        case UPDATE_MODULES:
+            return {
+                ...state,
+                modules: action.modules
+            };
+        case UPDATE_BASE_URL:
+            return {
+                ...state,
+                baseUrl: action.baseUrl
+            };
+        case UPDATE_CONTEXT_PATH:
+            return {
+                ...state,
+                contextPath: action.contextPath
+            };
+        case SET_DOMAINS:
+            return {
+                ...state,
+                domains: action.domains,
+                domain: action.domain
+            };
+        default:
+            return state;
+    }
+};
+export default app;
+//# sourceMappingURL=app.js.map

package/dist/src/reducers/app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../src/reducers/app.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAErG,MAAM,aAAa,GAOf;IACF,OAAO,EAAE,QAAQ,CAAC,MAAM;IACxB,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,WAAW;IACvD,OAAO,EAAE,EAAE;CACZ,CAAA;AAED,MAAM,GAAG,GAAG,CAAC,KAAK,GAAG,aAAa,EAAE,MAAW,EAAE,EAAE;IACjD,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,cAAc;YACjB,OAAO;gBACL,GAAG,KAAK;gBACR,OAAO,EAAE,MAAM,CAAC,OAAO;aACxB,CAAA;QACH,KAAK,eAAe;YAClB,OAAO;gBACL,GAAG,KAAK;gBACR,OAAO,EAAE,MAAM,CAAC,OAAO;aACxB,CAAA;QACH,KAAK,mBAAmB;YACtB,OAAO;gBACL,GAAG,KAAK;gBACR,WAAW,EAAE,MAAM,CAAC,WAAW;aAChC,CAAA;QAEH,KAAK,WAAW;YACd,OAAO;gBACL,GAAG,KAAK;gBACR,OAAO,EAAE,MAAM,CAAC,OAAO;gBACvB,MAAM,EAAE,MAAM,CAAC,MAAM;aACtB,CAAA;QAEH;YACE,OAAO,KAAK,CAAA;KACf;AACH,CAAC,CAAA;AAED,eAAe,GAAG,CAAA","sourcesContent":["import { getPathInfo } from '@operato/utils'\n\nimport { SET_DOMAINS, UPDATE_BASE_URL, UPDATE_CONTEXT_PATH, UPDATE_MODULES } from '../actions/app.js'\n\nconst INITIAL_STATE: {\n  baseUrl: string\n  contextPath: string\n  domains: {\n    name: string\n    subdomain: string\n  }[]\n} = {\n  baseUrl: location.origin,\n  contextPath: getPathInfo(location.pathname).contextPath,\n  domains: []\n}\n\nconst app = (state = INITIAL_STATE, action: any) => {\n  switch (action.type) {\n    case UPDATE_MODULES:\n      return {\n        ...state,\n        modules: action.modules\n      }\n    case UPDATE_BASE_URL:\n      return {\n        ...state,\n        baseUrl: action.baseUrl\n      }\n    case UPDATE_CONTEXT_PATH:\n      return {\n        ...state,\n        contextPath: action.contextPath\n      }\n\n    case SET_DOMAINS:\n      return {\n        ...state,\n        domains: action.domains,\n        domain: action.domain\n      }\n\n    default:\n      return state\n  }\n}\n\nexport default app\n"]}

package/dist/src/reducers/route.d.ts

@@ -0,0 +1,16 @@
+declare const route: (state: {
+    page: string;
+    resourceId: string;
+    params: any;
+    activePage: any;
+    context: any;
+    callbacks: any[];
+} | undefined, action: any) => {
+    page: any;
+    resourceId: any;
+    params: any;
+    activePage: any;
+    context: any;
+    callbacks: any[];
+};
+export default route;