@operato/shell 2.0.0-alpha.0 → 2.0.0-alpha.100

package/CHANGELOG.md

@@ -3,6 +3,254 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.0.0-alpha.100](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.99...v2.0.0-alpha.100) (2024-04-21)
+
+**Note:** Version bump only for package @operato/shell
+
+
+
+
+
+## [2.0.0-alpha.99](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.98...v2.0.0-alpha.99) (2024-04-21)
+
+**Note:** Version bump only for package @operato/shell
+
+
+
+
+
+## [2.0.0-alpha.98](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.97...v2.0.0-alpha.98) (2024-04-21)
+
+**Note:** Version bump only for package @operato/shell
+
+
+
+
+
+## [2.0.0-alpha.94](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.93...v2.0.0-alpha.94) (2024-04-20)
+
+**Note:** Version bump only for package @operato/shell
+
+
+
+
+
+## [2.0.0-alpha.92](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.91...v2.0.0-alpha.92) (2024-04-19)
+
+**Note:** Version bump only for package @operato/shell
+
+
+
+
+
+## [2.0.0-alpha.90](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.89...v2.0.0-alpha.90) (2024-04-18)
+
+**Note:** Version bump only for package @operato/shell
+
+
+
+
+
+## [2.0.0-alpha.89](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.88...v2.0.0-alpha.89) (2024-04-18)
+
+**Note:** Version bump only for package @operato/shell
+
+
+
+
+
+## [2.0.0-alpha.87](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.86...v2.0.0-alpha.87) (2024-04-17)
+
+**Note:** Version bump only for package @operato/shell
+
+
+
+
+
+## [2.0.0-alpha.85](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.84...v2.0.0-alpha.85) (2024-04-16)
+
+**Note:** Version bump only for package @operato/shell
+
+
+
+
+
+## [2.0.0-alpha.82](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.81...v2.0.0-alpha.82) (2024-04-15)
+
+**Note:** Version bump only for package @operato/shell
+
+
+
+
+
+## [2.0.0-alpha.81](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.80...v2.0.0-alpha.81) (2024-04-15)
+
+**Note:** Version bump only for package @operato/shell
+
+
+
+
+
+## [2.0.0-alpha.80](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.79...v2.0.0-alpha.80) (2024-04-15)
+
+**Note:** Version bump only for package @operato/shell
+
+
+
+
+
+## [2.0.0-alpha.77](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.76...v2.0.0-alpha.77) (2024-04-14)
+
+
+### :bug: Bug Fix
+
+* add @webcomponents/scoped-custom-element-registry for storybook ([1f4264b](https://github.com/hatiolab/operato/commit/1f4264bd8384d8256437dfc838d22d64ec9a452d))
+
+
+
+## [2.0.0-alpha.68](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.67...v2.0.0-alpha.68) (2024-04-13)
+
+
+### :bug: Bug Fix
+
+* mwc=>md for context ([2bc13f2](https://github.com/hatiolab/operato/commit/2bc13f285f257782f73e5d7b5d1ddd197df85393))
+
+
+
+## [2.0.0-alpha.63](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.62...v2.0.0-alpha.63) (2024-04-12)
+
+
+### :bug: Bug Fix
+
+* escape page deactivation fault ([7c16838](https://github.com/hatiolab/operato/commit/7c16838a84a59780c53b6ad6f3e6f4a5d36ecfeb))
+
+
+
+## [2.0.0-alpha.62](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.61...v2.0.0-alpha.62) (2024-04-12)
+
+**Note:** Version bump only for package @operato/shell
+
+
+
+
+
+## [2.0.0-alpha.57](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.56...v2.0.0-alpha.57) (2024-04-07)
+
+**Note:** Version bump only for package @operato/shell
+
+
+
+
+
+
+
+**Note:** Version bump only for package @operato/shell
+
+
+
+
+
+## [2.0.0-alpha.52](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.51...v2.0.0-alpha.52) (2024-03-29)
+
+
+### :bug: Bug Fix
+
+* custom-alert in @operato/shell ([e628af8](https://github.com/hatiolab/operato/commit/e628af8d923de49960bfbcd04452b428105c0bc8))
+* renovation CustomAlert ([757f04f](https://github.com/hatiolab/operato/commit/757f04f44bdb50e087ecacdbf217f3d3b20e922c))
+
+
+
+## [2.0.0-alpha.51](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.50...v2.0.0-alpha.51) (2024-03-29)
+
+
+### :bug: Bug Fix
+
+* upgrade lit ([e661c33](https://github.com/hatiolab/operato/commit/e661c333d2bb97f784b5ac2c0e365714ee5e80ff))
+
+
+
+## [2.0.0-alpha.47](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.46...v2.0.0-alpha.47) (2024-03-27)
+
+
+### :bug: Bug Fix
+
+* storybook 실행 환경 ([6a2940f](https://github.com/hatiolab/operato/commit/6a2940fb89dc26566acdce7cf1781a71cbad61c5))
+
+
+
+## [2.0.0-alpha.46](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.45...v2.0.0-alpha.46) (2024-03-26)
+
+
+### :bug: Bug Fix
+
+* modules change가 두번 발생하는 문제 ([b2e621a](https://github.com/hatiolab/operato/commit/b2e621a0b94c5e2feccf840cd73444bc9a87af73))
+
+
+
+## [2.0.0-alpha.43](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.42...v2.0.0-alpha.43) (2024-03-24)
+
+
+### :rocket: New Features
+
+* 모듈의 동적 라우팅 구성을 지원함 ([3b812a4](https://github.com/hatiolab/operato/commit/3b812a460e81b3ce7c8da8900a6378aff1484444))
+
+
+
+## [2.0.0-alpha.37](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.36...v2.0.0-alpha.37) (2024-03-18)
+
+
+### :bug: Bug Fix
+
+* add module.bootstrap() definition ([68fc95c](https://github.com/hatiolab/operato/commit/68fc95cfa86d9fd6e315e4a75361c283533aee7a))
+* add module.route() definition ([9b069f5](https://github.com/hatiolab/operato/commit/9b069f5ff08e5e58a7b0a34ecfd202407ff21494))
+
+
+
+## [2.0.0-alpha.35](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.34...v2.0.0-alpha.35) (2024-03-13)
+
+**Note:** Version bump only for package @operato/shell
+
+
+
+
+
+## [2.0.0-alpha.28](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.27...v2.0.0-alpha.28) (2024-02-20)
+
+
+### :bug: Bug Fix
+
+* upgrade devDependencies for webcomponents ([1489b8b](https://github.com/hatiolab/operato/commit/1489b8b790d9bcee779a070a630697f25c01728f))
+
+
+
+## [2.0.0-alpha.21](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.20...v2.0.0-alpha.21) (2024-02-09)
+
+
+### :bug: Bug Fix
+
+* delete unused ([e623ae4](https://github.com/hatiolab/operato/commit/e623ae42aef83ee130c9c681b5f95bc324ba16e7))
+* print-friendly ([e9a3eba](https://github.com/hatiolab/operato/commit/e9a3eba4550772e5d0bd0cbce31c5740568a2459))
+
+
+
+## [2.0.0-alpha.17](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.16...v2.0.0-alpha.17) (2024-02-04)
+
+
+### :bug: Bug Fix
+
+* styling for printing ([c8557a6](https://github.com/hatiolab/operato/commit/c8557a69880bafe5a6a152b07b367946e584c6fb))
+
+
+
+## [2.0.0-alpha.8](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.7...v2.0.0-alpha.8) (2024-01-20)
+
+
+### :bug: Bug Fix
+
+* comment for libraries ([bdf20d0](https://github.com/hatiolab/operato/commit/bdf20d057819187106b4a9e37d25c2c1f7febb39))
+
+
+
 ## [2.0.0-alpha.0](https://github.com/hatiolab/operato/compare/v1.13.1...v2.0.0-alpha.0) (2024-01-05)
 
 **Note:** Version bump only for package @operato/shell

package/demo/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en-GB">
   <head>
     <meta charset="utf-8" />
@@ -16,14 +16,25 @@
       }
     </style>
     <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
-    <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
+      rel="stylesheet"
+    />
   </head>
   <body>
     <div id="demo"></div>
 
     <script type="module">
       import { html, render } from 'lit'
-      import '@material/mwc-icon'
+      import '@material/web/icon/icon.js'
 
       const parent = document.querySelector('#demo')
 

package/dist/src/actions/busy.js.map

@@ -1 +1 @@
-{"version":3,"file":"busy.js","sourceRoot":"","sources":["../../../src/actions/busy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,+BAA+B,EAAE,MAAM,kBAAkB,CAAA;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAA;AAExC,+BAA+B,CAAC,CAAC,KAAa,EAAE,EAAE;IAChD,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC,CAAQ,CAAC,CAAA;AAC/C,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,IAAa,EAAE,EAAE,CAAC,CAAC,QAAa,EAAE,EAAE;IAC7D,QAAQ,CAAC;QACP,IAAI,EAAE,WAAW;QACjB,IAAI;KACL,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { setActiveRequestCounterCallback } from '@operato/graphql'\nimport { store } from '../store'\n\nexport const UPDATE_BUSY = 'UPDATE_BUSY'\n\nsetActiveRequestCounterCallback((count: number) => {\n  store.dispatch(updateBusy(count != 0) as any)\n})\n\nexport const updateBusy = (busy: boolean) => (dispatch: any) => {\n  dispatch({\n    type: UPDATE_BUSY,\n    busy\n  })\n}\n"]}
+{"version":3,"file":"busy.js","sourceRoot":"","sources":["../../../src/actions/busy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,+BAA+B,EAAG,MAAM,kBAAkB,CAAA;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAA;AAExC,+BAA+B,CAAC,CAAC,KAAa,EAAE,EAAE;IAChD,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC,CAAQ,CAAC,CAAA;AAC/C,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,IAAa,EAAE,EAAE,CAAC,CAAC,QAAa,EAAE,EAAE;IAC7D,QAAQ,CAAC;QACP,IAAI,EAAE,WAAW;QACjB,IAAI;KACL,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { setActiveRequestCounterCallback  } from '@operato/graphql'\nimport { store } from '../store'\n\nexport const UPDATE_BUSY = 'UPDATE_BUSY'\n\nsetActiveRequestCounterCallback((count: number) => {\n  store.dispatch(updateBusy(count != 0) as any)\n})\n\nexport const updateBusy = (busy: boolean) => (dispatch: any) => {\n  dispatch({\n    type: UPDATE_BUSY,\n    busy\n  })\n}\n"]}

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

@@ -1,20 +1,43 @@
 /**
+ * Navigate to a page using one of two methods:
+ * 1. Using a page link: <a href='page'>goto page</a> (equivalent to route(page))
+ * 2. Using the navigate('page') function.
+ *
  * 페이지를 이동하는 방법으로는 다음 두가지가 있다.
  * 1. page link를 사용하는 방법 <a href='page'>goto page</a>
  *    이 방법은 route(page)와 동일하다.
  * 2. navigate('page')를 사용하는 방법
  *
- * @param string page
+ * @param location - The path of the page to navigate to.
+ * @param replace - Optional. If true, replaces the current page in the browser's history.
  */
 export declare const navigate: (location: string, replace?: boolean) => void;
+/**
+ * Navigate to a page with optional query parameters, and dispatch a Redux action to load the page.
+ *
+ * @param pathInfo - Object containing pathname, search, and optional params.
+ * @param dispatch - Redux dispatch function.
+ */
 export declare const navigateWithSilence: ({ pathname: path, search, params }: {
     pathname: string;
-    search?: string | undefined;
+    search?: string;
     params?: {
         [key: string]: any;
-    } | undefined;
+    };
 }) => (dispatch: any) => void;
+/**
+ * Load a page by dispatching a Redux action, and handle page navigation if necessary.
+ *
+ * @param page - The page to load.
+ * @param id - The associated resource ID.
+ * @param params - Additional parameters to pass to the page.
+ */
 export declare const loadPage: (page: string, id: string, params: {
     [key: string]: any;
-}) => (dispatch: any) => void;
+}) => (dispatch: any) => Promise<void>;
+/**
+ * Route to a given URL by creating a link element and triggering a click event.
+ *
+ * @param url - The URL to route to.
+ */
 export declare const route: (url: string) => void;

package/dist/src/actions/route.js

@@ -2,12 +2,17 @@ import { getPathInfo } from '@operato/utils';
 import { HOMEPAGE, UPDATE_PAGE } from '../actions/const';
 import { store } from '../store';
 /**
+ * Navigate to a page using one of two methods:
+ * 1. Using a page link: <a href='page'>goto page</a> (equivalent to route(page))
+ * 2. Using the navigate('page') function.
+ *
  * 페이지를 이동하는 방법으로는 다음 두가지가 있다.
  * 1. page link를 사용하는 방법 <a href='page'>goto page</a>
  *    이 방법은 route(page)와 동일하다.
  * 2. navigate('page')를 사용하는 방법
  *
- * @param string page
+ * @param location - The path of the page to navigate to.
+ * @param replace - Optional. If true, replaces the current page in the browser's history.
  */
 export const navigate = (location, replace) => {
     if (replace)
@@ -16,6 +21,12 @@ export const navigate = (location, replace) => {
         history.pushState({}, '', location);
     window.dispatchEvent(new Event('popstate'));
 };
+/**
+ * Navigate to a page with optional query parameters, and dispatch a Redux action to load the page.
+ *
+ * @param pathInfo - Object containing pathname, search, and optional params.
+ * @param dispatch - Redux dispatch function.
+ */
 export const navigateWithSilence = ({ pathname: path, search, params }) => (dispatch) => {
     const { path: pathname } = getPathInfo(path);
     const reg = /\/([^\/]+)\/*([^\/]*)/;
@@ -33,7 +44,13 @@ export const navigateWithSilence = ({ pathname: path, search, params }) => (disp
     // you can do here
     dispatch(loadPage(page, id, params));
 };
-const _preLoadPage = (page) => {
+/**
+ * Preload a page by performing any necessary preprocessing before loading.
+ *
+ * @param page - The page to preload.
+ * @returns - The new page path or routing result after preprocessing.
+ */
+const _preLoadPage = async (page) => {
     /*
      * _preLoadPage 에서는 page를 load하기 전처리를 수행한다.
      * 예를 들면, page dynamic import 또는 page re-routing
@@ -43,16 +60,23 @@ const _preLoadPage = (page) => {
     var modules = state.app.modules;
     if (modules) {
         for (let i = modules.length - 1; i >= 0; i--) {
-            let factoryModule = modules[i];
-            let _page = factoryModule.route && factoryModule.route(page);
+            let module = modules[i];
+            let _page = module.route && (await module.route(page, module));
             if (_page) {
                 return _page;
             }
         }
     }
 };
-export const loadPage = (page, id, params) => (dispatch) => {
-    var newPage = _preLoadPage(page);
+/**
+ * Load a page by dispatching a Redux action, and handle page navigation if necessary.
+ *
+ * @param page - The page to load.
+ * @param id - The associated resource ID.
+ * @param params - Additional parameters to pass to the page.
+ */
+export const loadPage = (page, id, params) => async (dispatch) => {
+    var newPage = await _preLoadPage(page);
     if (page !== newPage && newPage.indexOf('/') == 0) {
         dispatch(navigateWithSilence({
             pathname: id ? `${newPage}/${id}` : newPage,
@@ -67,6 +91,11 @@ export const loadPage = (page, id, params) => (dispatch) => {
         params
     });
 };
+/**
+ * Route to a given URL by creating a link element and triggering a click event.
+ *
+ * @param url - The URL to route to.
+ */
 export const route = (url) => {
     const link = document.createElement('a');
     link.setAttribute('href', url);

package/dist/src/actions/route.js.map

@@ -1 +1 @@
-{"version":3,"file":"route.js","sourceRoot":"","sources":["../../../src/actions/route.ts"],"names":[],"mappings":"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","sourcesContent":["import { getPathInfo } from '@operato/utils'\n\nimport { HOMEPAGE, UPDATE_PAGE } from '../actions/const'\nimport { store } from '../store'\n\n/**\n * 페이지를 이동하는 방법으로는 다음 두가지가 있다.\n * 1. page link를 사용하는 방법 <a href='page'>goto page</a>\n *    이 방법은 route(page)와 동일하다.\n * 2. navigate('page')를 사용하는 방법\n *\n * @param string page\n */\nexport const navigate = (location: string, replace?: boolean) => {\n  if (replace) history.replaceState(history.state, '', location)\n  else history.pushState({}, '', location)\n\n  window.dispatchEvent(new Event('popstate'))\n}\n\nexport const navigateWithSilence =\n  ({ pathname: path, search, params }: { pathname: string; search?: string; params?: { [key: string]: any } }) =>\n  (dispatch: any) => {\n    const { path: pathname } = getPathInfo(path)\n\n    const reg = /\\/([^\\/]+)\\/*([^\\/]*)/\n    const decodePath = decodeURIComponent(pathname!)\n    const matchReturn = decodePath.match(reg) || []\n    const page = matchReturn[1] || HOMEPAGE\n    const id = matchReturn[2]\n\n    if (!params) {\n      params = {}\n\n      new URLSearchParams(search).forEach((value, key) => {\n        params![key] = value\n      })\n    }\n\n    // Any other info you might want to extract from the path (like page type),\n    // you can do here\n    dispatch(loadPage(page, id, params))\n  }\n\nconst _preLoadPage = (page: any) => {\n  /*\n   * _preLoadPage 에서는 page를 load하기 전처리를 수행한다.\n   * 예를 들면, page dynamic import 또는 page re-routing\n   */\n  var state: any = store.getState()\n\n  /* override 기능을 위해서 dependency 관계의 역순으로 route를 실행한다. */\n  var modules = state.app.modules\n  if (modules) {\n    for (let i = modules.length - 1; i >= 0; i--) {\n      let factoryModule = modules[i]\n      let _page = factoryModule.route && factoryModule.route(page)\n      if (_page) {\n        return _page\n      }\n    }\n  }\n}\n\nexport const loadPage = (page: string, id: string, params: { [key: string]: any }) => (dispatch: any) => {\n  var newPage = _preLoadPage(page)\n\n  if (page !== newPage && newPage.indexOf('/') == 0) {\n    dispatch(\n      navigateWithSilence({\n        pathname: id ? `${newPage}/${id}` : newPage,\n        params\n      })\n    )\n    return\n  }\n\n  dispatch({\n    type: UPDATE_PAGE,\n    page: newPage,\n    resourceId: id,\n    params\n  })\n}\n\nexport const route = (url: string) => {\n  const link = document.createElement('a')\n\n  link.setAttribute('href', url)\n\n  document.body.appendChild(link)\n  link.click()\n  document.body.removeChild(link)\n}\n"]}
+{"version":3,"file":"route.js","sourceRoot":"","sources":["../../../src/actions/route.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,QAAgB,EAAE,OAAiB,EAAE,EAAE;IAC9D,IAAI,OAAO;QAAE,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAA;;QACzD,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAA;IAExC,MAAM,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,UAAU,CAAC,CAAC,CAAA;AAC7C,CAAC,CAAA;AAED;;;;;GAKG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAC9B,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAA0E,EAAE,EAAE,CAC/G,CAAC,QAAa,EAAE,EAAE;IAChB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC,IAAI,CAAC,CAAA;IAE5C,MAAM,GAAG,GAAG,uBAAuB,CAAA;IACnC,MAAM,UAAU,GAAG,kBAAkB,CAAC,QAAS,CAAC,CAAA;IAChD,MAAM,WAAW,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE,CAAA;IAC/C,MAAM,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAA;IACvC,MAAM,EAAE,GAAG,WAAW,CAAC,CAAC,CAAC,CAAA;IAEzB,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,MAAM,GAAG,EAAE,CAAA;QAEX,IAAI,eAAe,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;YACjD,MAAO,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;QACtB,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,2EAA2E;IAC3E,kBAAkB;IAClB,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC,CAAA;AACtC,CAAC,CAAA;AAEH;;;;;GAKG;AACH,MAAM,YAAY,GAAG,KAAK,EAAE,IAAS,EAAE,EAAE;IACvC;;;OAGG;IACH,IAAI,KAAK,GAAQ,KAAK,CAAC,QAAQ,EAAE,CAAA;IAEjC,uDAAuD;IACvD,IAAI,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAA;IAC/B,IAAI,OAAO,EAAE,CAAC;QACZ,KAAK,IAAI,CAAC,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YAC7C,IAAI,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAA;YACvB,IAAI,KAAK,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC,MAAM,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAA;YAC9D,IAAI,KAAK,EAAE,CAAC;gBACV,OAAO,KAAK,CAAA;YACd,CAAC;QACH,CAAC;IACH,CAAC;AACH,CAAC,CAAA;AAED;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,EAAU,EAAE,MAA8B,EAAE,EAAE,CAAC,KAAK,EAAE,QAAa,EAAE,EAAE;IAC5G,IAAI,OAAO,GAAG,MAAM,YAAY,CAAC,IAAI,CAAC,CAAA;IAEtC,IAAI,IAAI,KAAK,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;QAClD,QAAQ,CACN,mBAAmB,CAAC;YAClB,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,OAAO,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO;YAC3C,MAAM;SACP,CAAC,CACH,CAAA;QACD,OAAM;IACR,CAAC;IAED,QAAQ,CAAC;QACP,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,EAAE;QACd,MAAM;KACP,CAAC,CAAA;AACJ,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,GAAW,EAAE,EAAE;IACnC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IAExC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAE9B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;IAC/B,IAAI,CAAC,KAAK,EAAE,CAAA;IACZ,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;AACjC,CAAC,CAAA","sourcesContent":["import { getPathInfo } from '@operato/utils'\n\nimport { HOMEPAGE, UPDATE_PAGE } from '../actions/const'\nimport { store } from '../store'\n\n/**\n * Navigate to a page using one of two methods:\n * 1. Using a page link: <a href='page'>goto page</a> (equivalent to route(page))\n * 2. Using the navigate('page') function.\n *\n * 페이지를 이동하는 방법으로는 다음 두가지가 있다.\n * 1. page link를 사용하는 방법 <a href='page'>goto page</a>\n *    이 방법은 route(page)와 동일하다.\n * 2. navigate('page')를 사용하는 방법\n *\n * @param location - The path of the page to navigate to.\n * @param replace - Optional. If true, replaces the current page in the browser's history.\n */\nexport const navigate = (location: string, replace?: boolean) => {\n  if (replace) history.replaceState(history.state, '', location)\n  else history.pushState({}, '', location)\n\n  window.dispatchEvent(new Event('popstate'))\n}\n\n/**\n * Navigate to a page with optional query parameters, and dispatch a Redux action to load the page.\n *\n * @param pathInfo - Object containing pathname, search, and optional params.\n * @param dispatch - Redux dispatch function.\n */\nexport const navigateWithSilence =\n  ({ pathname: path, search, params }: { pathname: string; search?: string; params?: { [key: string]: any } }) =>\n  (dispatch: any) => {\n    const { path: pathname } = getPathInfo(path)\n\n    const reg = /\\/([^\\/]+)\\/*([^\\/]*)/\n    const decodePath = decodeURIComponent(pathname!)\n    const matchReturn = decodePath.match(reg) || []\n    const page = matchReturn[1] || HOMEPAGE\n    const id = matchReturn[2]\n\n    if (!params) {\n      params = {}\n\n      new URLSearchParams(search).forEach((value, key) => {\n        params![key] = value\n      })\n    }\n\n    // Any other info you might want to extract from the path (like page type),\n    // you can do here\n    dispatch(loadPage(page, id, params))\n  }\n\n/**\n * Preload a page by performing any necessary preprocessing before loading.\n *\n * @param page - The page to preload.\n * @returns - The new page path or routing result after preprocessing.\n */\nconst _preLoadPage = async (page: any) => {\n  /*\n   * _preLoadPage 에서는 page를 load하기 전처리를 수행한다.\n   * 예를 들면, page dynamic import 또는 page re-routing\n   */\n  var state: any = store.getState()\n\n  /* override 기능을 위해서 dependency 관계의 역순으로 route를 실행한다. */\n  var modules = state.app.modules\n  if (modules) {\n    for (let i = modules.length - 1; i >= 0; i--) {\n      let module = modules[i]\n      let _page = module.route && (await module.route(page, module))\n      if (_page) {\n        return _page\n      }\n    }\n  }\n}\n\n/**\n * Load a page by dispatching a Redux action, and handle page navigation if necessary.\n *\n * @param page - The page to load.\n * @param id - The associated resource ID.\n * @param params - Additional parameters to pass to the page.\n */\nexport const loadPage = (page: string, id: string, params: { [key: string]: any }) => async (dispatch: any) => {\n  var newPage = await _preLoadPage(page)\n\n  if (page !== newPage && newPage.indexOf('/') == 0) {\n    dispatch(\n      navigateWithSilence({\n        pathname: id ? `${newPage}/${id}` : newPage,\n        params\n      })\n    )\n    return\n  }\n\n  dispatch({\n    type: UPDATE_PAGE,\n    page: newPage,\n    resourceId: id,\n    params\n  })\n}\n\n/**\n * Route to a given URL by creating a link element and triggering a click event.\n *\n * @param url - The URL to route to.\n */\nexport const route = (url: string) => {\n  const link = document.createElement('a')\n\n  link.setAttribute('href', url)\n\n  document.body.appendChild(link)\n  link.click()\n  document.body.removeChild(link)\n}\n"]}

package/dist/src/app/app-style.js

@@ -62,16 +62,24 @@ export const AppStyle = css `
     z-index: 1000;
   }
 
-  /* Wide layout */
-  @media (min-width: 460px) {
-  }
-
   @media print {
     :host {
       width: 100%;
       height: 100%;
       min-height: 100vh;
       min-height: 100dvh;
+
+      max-width: unset;
+      width: unset;
+      height: unset;
+      height: unset;
+    }
+
+    main {
+      /* important for printing!!! */
+      display: block;
+      flex: unset;
+      overflow: visible;
     }
 
     ox-page-header-bar {

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

@@ -1 +1 @@
-{"version":3,"file":"app-style.js","sourceRoot":"","sources":["../../../src/app/app-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuG1B,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport const AppStyle = css`\n  :host {\n    display: grid;\n\n    grid-template-rows: var(--app-grid-template-rows, auto 1fr auto);\n    grid-template-columns: var(--app-grid-template-columns, auto 1fr auto);\n    grid-template-areas: var(--app-grid-template-area, 'header header header' 'nav main aside' 'nav footer aside');\n    grid-gap: var(--app-grid-gap, 0em);\n\n    max-width: 100vw;\n    width: 100vw;\n    height: 100vh;\n    height: 100dvh;\n  }\n\n  ox-header-bar {\n    grid-area: header;\n  }\n\n  ox-nav-bar {\n    grid-area: nav;\n  }\n\n  div {\n    grid-area: main;\n\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  main {\n    flex: 1;\n\n    display: flex;\n    flex-direction: row;\n    overflow: hidden;\n  }\n\n  ox-aside-bar {\n    grid-area: aside;\n  }\n\n  ox-footer-bar {\n    grid-area: footer;\n  }\n\n  main > * {\n    flex: 1;\n  }\n\n  main > *:not([active]) {\n    display: none;\n  }\n\n  [hidden] {\n    display: none;\n  }\n\n  ox-snack-bar {\n    z-index: 1000;\n  }\n\n  /* Wide layout */\n  @media (min-width: 460px) {\n  }\n\n  @media print {\n    :host {\n      width: 100%;\n      height: 100%;\n      min-height: 100vh;\n      min-height: 100dvh;\n    }\n\n    ox-page-header-bar {\n      display: none;\n    }\n\n    ox-page-footer-bar {\n      display: none;\n    }\n\n    ox-header-bar {\n      display: none;\n    }\n\n    ox-nav-bar {\n      display: none;\n    }\n\n    ox-aside-bar {\n      display: none;\n    }\n\n    ox-footer-bar {\n      display: none;\n    }\n\n    ox-snack-bar {\n      display: none;\n    }\n  }\n`\n"]}
+{"version":3,"file":"app-style.js","sourceRoot":"","sources":["../../../src/app/app-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+G1B,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport const AppStyle = css`\n  :host {\n    display: grid;\n\n    grid-template-rows: var(--app-grid-template-rows, auto 1fr auto);\n    grid-template-columns: var(--app-grid-template-columns, auto 1fr auto);\n    grid-template-areas: var(--app-grid-template-area, 'header header header' 'nav main aside' 'nav footer aside');\n    grid-gap: var(--app-grid-gap, 0em);\n\n    max-width: 100vw;\n    width: 100vw;\n    height: 100vh;\n    height: 100dvh;\n  }\n\n  ox-header-bar {\n    grid-area: header;\n  }\n\n  ox-nav-bar {\n    grid-area: nav;\n  }\n\n  div {\n    grid-area: main;\n\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  main {\n    flex: 1;\n\n    display: flex;\n    flex-direction: row;\n    overflow: hidden;\n  }\n\n  ox-aside-bar {\n    grid-area: aside;\n  }\n\n  ox-footer-bar {\n    grid-area: footer;\n  }\n\n  main > * {\n    flex: 1;\n  }\n\n  main > *:not([active]) {\n    display: none;\n  }\n\n  [hidden] {\n    display: none;\n  }\n\n  ox-snack-bar {\n    z-index: 1000;\n  }\n\n  @media print {\n    :host {\n      width: 100%;\n      height: 100%;\n      min-height: 100vh;\n      min-height: 100dvh;\n\n      max-width: unset;\n      width: unset;\n      height: unset;\n      height: unset;\n    }\n\n    main {\n      /* important for printing!!! */\n      display: block;\n      flex: unset;\n      overflow: visible;\n    }\n\n    ox-page-header-bar {\n      display: none;\n    }\n\n    ox-page-footer-bar {\n      display: none;\n    }\n\n    ox-header-bar {\n      display: none;\n    }\n\n    ox-nav-bar {\n      display: none;\n    }\n\n    ox-aside-bar {\n      display: none;\n    }\n\n    ox-footer-bar {\n      display: none;\n    }\n\n    ox-snack-bar {\n      display: none;\n    }\n  }\n`\n"]}

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

@@ -16,9 +16,14 @@ export declare class ThingsApp extends ThingsApp_base {
     static styles: import("lit").CSSResult[];
     static moduleInitialized: MODULES_STATE;
     static modules: Array<any>;
-    static pages: {
+    static pagesResolver: (value: {
         [path: string]: string;
-    };
+    } | PromiseLike<{
+        [path: string]: string;
+    }>) => void;
+    static pages: Promise<{
+        [path: string]: string;
+    }>;
     static callbacks: Array<any>;
     static contextPath?: string;
     contextPathPrefix?: string;
@@ -30,14 +35,14 @@ export declare class ThingsApp extends ThingsApp_base {
     contextPath?: string;
     modules: Array<any>;
     private main;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    routeToPage(): void;
+    routeToPage(): Promise<void>;
     updated(changes: PropertyValues<this>): Promise<void>;
     shouldUpdate(): boolean;
     stateChanged(state: any): void;
-    static registerPages(): void;
+    static registerPages(): Promise<void>;
     setBase(): void;
 }
 export {};

package/dist/src/app/app.js

@@ -62,7 +62,7 @@ let ThingsApp = ThingsApp_1 = class ThingsApp extends connect(store)(LitElement)
             /* lifecycle - bootstrapping */
             modules.forEach(async (m, idx) => {
                 try {
-                    m.bootstrap && (await m.bootstrap());
+                    m.bootstrap && (await m.bootstrap(m));
                 }
                 catch (e) {
                     console.error(`[${idx} BOOTSTRAP ERROR -${m.name}]`, e);
@@ -80,7 +80,11 @@ let ThingsApp = ThingsApp_1 = class ThingsApp extends connect(store)(LitElement)
                 var { pathname } = location;
                 var { contextPath } = getPathInfo(pathname);
                 /* 페이지를 나가기 전에 옮기지 않도록 개입할 기회를 준다 */
-                if (lastPathName && lastPathName != pathname && this.activePage && !(await this.activePage.canDeactivate())) {
+                if (lastPathName &&
+                    lastPathName != pathname &&
+                    this.activePage &&
+                    this.activePage.canDeactivate &&
+                    !(await this.activePage.canDeactivate())) {
                     history.back();
                     return;
                 }
@@ -107,7 +111,7 @@ let ThingsApp = ThingsApp_1 = class ThingsApp extends connect(store)(LitElement)
     disconnectedCallback() {
         super.disconnectedCallback();
     }
-    routeToPage() {
+    async routeToPage() {
         const activePages = this.renderRoot.querySelectorAll('main > .page[active]');
         activePages.forEach(page => {
             page.removeAttribute('active');
@@ -115,7 +119,7 @@ let ThingsApp = ThingsApp_1 = class ThingsApp extends connect(store)(LitElement)
         this.activePage = this.renderRoot.querySelector(`main > .page[data-page=${this.page}]`);
         if (!this.activePage) {
             /* 해당 route에 연결된 page가 없는 경우에 main 섹션에 해당 element를 추가해준다. */
-            const tagname = ThingsApp_1.pages[this.page];
+            const tagname = (await ThingsApp_1.pages)[this.page];
             if (tagname) {
                 const el = document.createElement(tagname);
                 el.setAttribute('class', 'page');
@@ -166,18 +170,27 @@ let ThingsApp = ThingsApp_1 = class ThingsApp extends connect(store)(LitElement)
         ThingsApp_1.contextPath = this.contextPath = state.app.contextPath;
         ThingsApp_1.callbacks = state.route.callbacks;
     }
-    static registerPages() {
+    static async registerPages() {
+        ThingsApp_1.pages = new Promise(resolve => (ThingsApp_1.pagesResolver = resolve));
         var reversedModules = [...ThingsApp_1.modules].reverse();
-        ThingsApp_1.pages = {};
+        const pages = {};
         /* 모듈 참조 순서 역순으로 page를 추가한다. (for overidable) */
-        reversedModules.forEach(m => {
-            m.routes &&
-                m.routes.forEach((route) => {
-                    if (!ThingsApp_1.pages[route.page]) {
-                        ThingsApp_1.pages[route.page] = route.tagname;
-                    }
-                });
-        });
+        for (const m of reversedModules) {
+            if (!m.routes) {
+                continue;
+            }
+            /*
+              각 모듈의 routes가 모두 완성될 때까지 ThingsApp.pages 구성을 지연한다.
+              각 모듈의 routes를 동적으로도 구성할 수 있도록 하기 위해서이다.
+            */
+            const routes = await m.routes;
+            routes.forEach((route) => {
+                if (!pages[route.page]) {
+                    pages[route.page] = route.tagname;
+                }
+            });
+        }
+        ThingsApp_1.pagesResolver(pages);
     }
     setBase() {
         const base = document.querySelector('base');
@@ -187,7 +200,6 @@ let ThingsApp = ThingsApp_1 = class ThingsApp extends connect(store)(LitElement)
 ThingsApp.styles = [ScrollbarStyles, AppStyle];
 ThingsApp.moduleInitialized = MODULES_STATE.NOT_INITIALIZED;
 ThingsApp.modules = [];
-ThingsApp.pages = {};
 ThingsApp.callbacks = [];
 __decorate([
     property({ type: String, attribute: 'context-path-prefix' })