@operato/shell 1.0.1 → 1.0.8

package/CHANGELOG.md

@@ -3,6 +3,48 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+### [1.0.7](https://github.com/hatiolab/operato/compare/v1.0.6...v1.0.7) (2022-07-31)
+
+
+### :bug: Bug Fix
+
+* add copy-files to prepublish ([ed5fe03](https://github.com/hatiolab/operato/commit/ed5fe03946d40e93f436df146ef56e7d0a8c14fc))
+
+
+
+### [1.0.6](https://github.com/hatiolab/operato/compare/v1.0.5...v1.0.6) (2022-07-31)
+
+**Note:** Version bump only for package @operato/shell
+
+
+
+
+
+### [1.0.5](https://github.com/hatiolab/operato/compare/v1.0.4...v1.0.5) (2022-07-31)
+
+**Note:** Version bump only for package @operato/shell
+
+
+
+
+
+### [1.0.4](https://github.com/hatiolab/operato/compare/v1.0.3...v1.0.4) (2022-07-31)
+
+**Note:** Version bump only for package @operato/shell
+
+
+
+
+
+### [1.0.3](https://github.com/hatiolab/operato/compare/v1.0.2...v1.0.3) (2022-07-31)
+
+
+### :bug: Bug Fix
+
+* exports types ([ff5dc11](https://github.com/hatiolab/operato/commit/ff5dc119acbbf5a93459115f3929ba4a6720f9bb))
+
+
+
 ### [1.0.1](https://github.com/hatiolab/operato/compare/v1.0.0...v1.0.1) (2022-07-25)
 
 **Note:** Version bump only for package @operato/shell

package/package.json

@@ -3,7 +3,7 @@
   "description": "WebApplication architecturing shell following open-wc recommendations",
   "license": "MIT",
   "author": "heartyoh",
-  "version": "1.0.1",
+  "version": "1.0.8",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
   "exports": {
@@ -11,7 +11,27 @@
     "./app.js": "./dist/src/app/app.js",
     "./app-style.js": "./dist/src/app/app-style.js",
     "./page-view.js": "./dist/src/app/pages/page-view.js",
-    "./page-404.js": "./dist/src/app/pages/page-404.js"
+    "./page-404.js": "./dist/src/app/pages/page-404.js",
+    "./object-store.js": "./dist/src/object-store.js"
+  },
+  "typesVersions": {
+    "*": {
+      "app.js": [
+        "dist/src/app/app.d.ts"
+      ],
+      "app-style.js": [
+        "dist/src/app/app-style.d.ts"
+      ],
+      "page-view.js": [
+        "dist/src/app/pages/page-view.d.ts"
+      ],
+      "page-404.js": [
+        "dist/src/app/pages/page-404.d.ts"
+      ],
+      "object-store.js": [
+        "dist/src/object-store.d.ts"
+      ]
+    }
   },
   "publishConfig": {
     "access": "public",
@@ -26,22 +46,22 @@
     "analyze": "cem analyze --litelement",
     "start": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
     "build": "tsc && npm run copy-files && npm run analyze -- --exclude dist",
-    "prepublish": "tsc && npm run analyze -- --exclude dist",
+    "prepublish": "npm run build",
     "copy-files": "cp ./src/*.import ./dist/src",
     "lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
     "format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
     "test": "tsc && wtr --coverage",
     "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\"",
-    "storybook": "tsc && npm run analyze -- --exclude dist && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds -c .storybook/server.mjs\"",
-    "storybook:build": "tsc && npm run analyze -- --exclude dist && build-storybook"
+    "storybook": "npm run build && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds -c .storybook/server.mjs\"",
+    "storybook:build": "npm run build && build-storybook"
   },
   "dependencies": {
     "@material/mwc-button": "^0.26.1",
     "@material/mwc-icon": "^0.26.1",
     "@material/mwc-icon-button": "^0.26.1",
-    "@operato/graphql": "^1.0.0",
-    "@operato/styles": "^1.0.0",
-    "@operato/utils": "^1.0.1",
+    "@operato/graphql": "^1.0.6",
+    "@operato/styles": "^1.0.6",
+    "@operato/utils": "^1.0.6",
     "lit": "^2.2.7",
     "lodash-es": "^4.17.21",
     "pwa-helpers": "^0.9.1",
@@ -79,6 +99,5 @@
       "eslint --fix",
       "prettier --write"
     ]
-  },
-  "gitHead": "4518c7ee134a20627d81d0a41e071e4b50cf173d"
+  }
 }

package/src/actions/const.ts

@@ -0,0 +1,8 @@
+export const UPDATE_PAGE = 'UPDATE_PAGE'
+export const UPDATE_CONTEXT = 'UPDATE_CONTEXT'
+export const UPDATE_ACTIVE_PAGE = 'UPDATE_ACTIVE_PAGE'
+
+export const REGISTER_NAVIGATION_CALLBACK = 'REGISTER_NAVIGATION_CALLBACK'
+export const UNREGISTER_NAVIGATION_CALLBACK = 'UNREGISTER_NAVIGATION_CALLBACK'
+
+export const HOMEPAGE = ''

package/src/actions/index.ts

@@ -1,2 +1,3 @@
 export * from './app'
 export * from './route'
+export * from './const'

package/src/actions/route.ts

@@ -1,16 +1,8 @@
 import { getPathInfo } from '@operato/utils'
 
+import { HOMEPAGE, UPDATE_PAGE } from '../actions/const'
 import { store } from '../store'
 
-export const UPDATE_PAGE = 'UPDATE_PAGE'
-export const UPDATE_CONTEXT = 'UPDATE_CONTEXT'
-export const UPDATE_ACTIVE_PAGE = 'UPDATE_ACTIVE_PAGE'
-
-export const REGISTER_NAVIGATION_CALLBACK = 'REGISTER_NAVIGATION_CALLBACK'
-export const UNREGISTER_NAVIGATION_CALLBACK = 'UNREGISTER_NAVIGATION_CALLBACK'
-
-export const HOMEPAGE = ''
-
 /**
  * 페이지를 이동하는 방법으로는 다음 두가지가 있다.
  * 1. page link를 사용하는 방법 <a href='page'>goto page</a>

package/src/app/app.ts

@@ -6,8 +6,7 @@ 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 { navigateWithSilence, UPDATE_ACTIVE_PAGE, UPDATE_CONTEXT_PATH, UPDATE_MODULES } from '../actions'
 import { store } from '../store'
 import { AppStyle } from './app-style'
 

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

@@ -2,7 +2,7 @@ import { LitElement, PropertyValues } from 'lit'
 import { property } from 'lit/decorators.js'
 import isEqual from 'lodash-es/isEqual'
 
-import { UPDATE_CONTEXT } from '../../actions/route'
+import { UPDATE_CONTEXT } from '../../actions/const'
 import { store } from '../../store'
 
 function diff(after: any, before: any): any {

package/src/object-store.ts

@@ -0,0 +1,173 @@
+/*
+ * [ Caution ]
+ * Since this module is being used by a service worker, be very careful about adding imports or using functions for browsers.
+ */
+
+type OxObjectStore = {
+  add: (value: any, key?: IDBValidKey | undefined) => IDBValidKey
+  delete: (query: IDBValidKey | IDBKeyRange) => undefined
+  clear: () => undefined
+  get: (query: IDBValidKey | IDBKeyRange) => any
+  getAll: (query?: IDBValidKey | IDBKeyRange | null | undefined, count?: number | undefined) => any[]
+  getAllKeys: (query?: IDBValidKey | IDBKeyRange | null | undefined, count?: number | undefined) => IDBValidKey[]
+  count: (query?: IDBValidKey | IDBKeyRange | undefined) => number
+  put: (value: any, key?: IDBValidKey | undefined) => IDBValidKey
+  openCursor: (
+    query?: IDBValidKey | IDBKeyRange | null | undefined,
+    direction?: IDBCursorDirection | undefined
+  ) => IDBCursorWithValue | null
+  openKeyCursor: (
+    query?: IDBValidKey | IDBKeyRange | null | undefined,
+    direction?: IDBCursorDirection | undefined
+  ) => IDBCursor | null
+  limit: (limit?: number) => undefined
+}
+
+/* promise queue */
+class Queue {
+  private static queue: {
+    promise: Promise<IDBDatabase>
+    resolve: (db: IDBDatabase) => void
+    reject: (reason?: any) => void
+  }[] = []
+
+  private static workingOnPromise: boolean = false
+
+  static enqueue(promise: Promise<any>) {
+    return new Promise((resolve, reject) => {
+      this.queue.push({
+        promise,
+        resolve,
+        reject
+      })
+      this.dequeue()
+    })
+  }
+
+  static dequeue() {
+    if (this.workingOnPromise) {
+      return false
+    }
+    const item = this.queue.shift()
+    if (!item) {
+      return false
+    }
+    try {
+      this.workingOnPromise = true
+      item.promise
+        .then(value => {
+          this.workingOnPromise = false
+          item.resolve(value)
+          this.dequeue()
+        })
+        .catch(err => {
+          this.workingOnPromise = false
+          item.reject(err)
+          this.dequeue()
+        })
+    } catch (err) {
+      this.workingOnPromise = false
+      item.reject(err)
+      this.dequeue()
+    }
+    return true
+  }
+}
+
+function getStore(storeName: string): OxObjectStore {
+  return [
+    'add',
+    'delete',
+    'clear',
+    'get',
+    'getAll',
+    'getAllKeys',
+    'count',
+    'put',
+    'openCursor',
+    'openKeyCursor'
+  ].reduce(
+    (sum, m) => {
+      sum[m] = async (...params: any) => {
+        const db = (await getIndexDB()) as IDBDatabase
+
+        const transaction = db.transaction(storeName, 'readwrite')
+        const store = transaction.objectStore(storeName)
+        const method: (...p: any) => any = (store as any)[m]
+        const request = method.apply(store, params)
+
+        return await new Promise((resolve, reject) => {
+          request.onsuccess = (event: Event) => {
+            resolve((event.target as IDBRequest)?.result)
+          }
+
+          request.onerror = (event: Event) => {
+            reject(event)
+          }
+        })
+      }
+
+      return sum
+    },
+    {
+      async limit(this: OxObjectStore, limit = 50) {
+        const keys = (await this.getAllKeys()).slice(0, -limit)
+        for (let i = 0; i < keys.length; i++) {
+          await this.delete(keys[i])
+        }
+      }
+    } as any
+  )
+}
+
+function getIndexedDB(): IDBFactory {
+  if (typeof window !== 'undefined') {
+    return window.indexedDB
+  } else {
+    return self.indexedDB
+  }
+}
+
+var db: IDBDatabase
+
+function getIndexDB() {
+  if (db) {
+    return db
+  }
+
+  return Queue.enqueue(
+    new Promise(function (resolve, reject) {
+      const indexedDB = getIndexedDB()
+
+      if (!indexedDB) {
+        reject('this browser does not support indexedDB')
+      }
+      const request = indexedDB.open('things-factory-database')
+
+      request.onerror = function (event) {
+        console.log("Why didn't you allow my web app to use IndexedDB?!")
+        reject(event)
+      }
+
+      request.onupgradeneeded = function (event: IDBVersionChangeEvent) {
+        var db: IDBDatabase = (event.target as IDBRequest)?.result
+
+        var store = db.createObjectStore('notifications', { keyPath: 'id', autoIncrement: true })
+        store.createIndex('notification_id_unqiue', 'id', { unique: true })
+
+        var store = db.createObjectStore('client_settings', { keyPath: 'key', autoIncrement: true })
+        store.createIndex('client_setting_key_unqiue', 'key', { unique: true })
+      }
+
+      request.onsuccess = function (event) {
+        console.log('IndexedDB opened successfully')
+        db = request.result
+        resolve(db)
+      }
+    })
+  )
+}
+
+/* ready indexedDB Stores */
+export const clientSettingStore: OxObjectStore = getStore('client_settings')
+export const notificationStore: OxObjectStore = getStore('notifications')

package/src/reducers/route.ts

@@ -7,7 +7,7 @@ import {
   UPDATE_ACTIVE_PAGE,
   UPDATE_CONTEXT,
   UPDATE_PAGE
-} from '../actions/route.js'
+} from '../actions/const'
 
 const APP_TITLE_EL = document.querySelector('meta[name="application-name"]') as HTMLMetaElement
 

package/src/store.ts

@@ -2,8 +2,8 @@ import { lazyReducerEnhancer, LazyStore } from 'pwa-helpers/lazy-reducer-enhance
 import { Action, applyMiddleware, combineReducers, compose, createStore, Store } from 'redux'
 import thunk from 'redux-thunk'
 
-import app from './reducers/app.js'
-import route from './reducers/route.js'
+import app from './reducers/app'
+import route from './reducers/route'
 
 declare global {
   var __REDUX_DEVTOOLS_EXTENSION_COMPOSE__: any

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

@@ -1,11 +0,0 @@
-export declare const UPDATE_MODULES = "UPDATE_MODULES";
-export declare const UPDATE_BASE_URL = "UPDATE_BASE_URL";
-export declare const UPDATE_CONTEXT_PATH = "UPDATE_CONTEXT_PATH";
-export declare const SET_DOMAINS = "SET-DOMAINS";
-export declare const updateDomains: (domains: {
-    name: string;
-    subdomain: string;
-}[], domain: {
-    name: string;
-    subdomain: string;
-}) => (dispatch: any) => void;

package/dist/src/actions/app.js

@@ -1,12 +0,0 @@
-export const UPDATE_MODULES = 'UPDATE_MODULES';
-export const UPDATE_BASE_URL = 'UPDATE_BASE_URL';
-export const UPDATE_CONTEXT_PATH = 'UPDATE_CONTEXT_PATH';
-export const SET_DOMAINS = 'SET-DOMAINS';
-export const updateDomains = (domains, domain) => (dispatch) => {
-    dispatch({
-        type: SET_DOMAINS,
-        domains,
-        domain
-    });
-};
-//# sourceMappingURL=app.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../src/actions/app.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAA;AAC9C,MAAM,CAAC,MAAM,eAAe,GAAG,iBAAiB,CAAA;AAChD,MAAM,CAAC,MAAM,mBAAmB,GAAG,qBAAqB,CAAA;AACxD,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAA;AAExC,MAAM,CAAC,MAAM,aAAa,GACxB,CACE,OAGG,EACH,MAGC,EACD,EAAE,CACJ,CAAC,QAAa,EAAE,EAAE;IAChB,QAAQ,CAAC;QACP,IAAI,EAAE,WAAW;QACjB,OAAO;QACP,MAAM;KACP,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["export const UPDATE_MODULES = 'UPDATE_MODULES'\nexport const UPDATE_BASE_URL = 'UPDATE_BASE_URL'\nexport const UPDATE_CONTEXT_PATH = 'UPDATE_CONTEXT_PATH'\nexport const SET_DOMAINS = 'SET-DOMAINS'\n\nexport const updateDomains =\n  (\n    domains: {\n      name: string\n      subdomain: string\n    }[],\n    domain: {\n      name: string\n      subdomain: string\n    }\n  ) =>\n  (dispatch: any) => {\n    dispatch({\n      type: SET_DOMAINS,\n      domains,\n      domain\n    })\n  }\n"]}

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

@@ -1,2 +0,0 @@
-export * from './app';
-export * from './route';

package/dist/src/actions/index.js

@@ -1,3 +0,0 @@
-export * from './app';
-export * from './route';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/actions/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA","sourcesContent":["export * from './app'\nexport * from './route'\n"]}

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

@@ -1,26 +0,0 @@
-export declare const UPDATE_PAGE = "UPDATE_PAGE";
-export declare const UPDATE_CONTEXT = "UPDATE_CONTEXT";
-export declare const UPDATE_ACTIVE_PAGE = "UPDATE_ACTIVE_PAGE";
-export declare const REGISTER_NAVIGATION_CALLBACK = "REGISTER_NAVIGATION_CALLBACK";
-export declare const UNREGISTER_NAVIGATION_CALLBACK = "UNREGISTER_NAVIGATION_CALLBACK";
-export declare const HOMEPAGE = "";
-/**
- * 페이지를 이동하는 방법으로는 다음 두가지가 있다.
- * 1. page link를 사용하는 방법 <a href='page'>goto page</a>
- *    이 방법은 route(page)와 동일하다.
- * 2. navigate('page')를 사용하는 방법
- *
- * @param string page
- */
-export declare const navigate: (location: string, replace?: boolean) => void;
-export declare const navigateWithSilence: ({ pathname: path, search, params }: {
-    pathname: string;
-    search?: string | undefined;
-    params?: {
-        [key: string]: any;
-    } | undefined;
-}) => (dispatch: any) => void;
-export declare const loadPage: (page: string, id: string, params: {
-    [key: string]: any;
-}) => (dispatch: any) => void;
-export declare const route: (url: string) => void;

package/dist/src/actions/route.js

@@ -1,82 +0,0 @@
-import { getPathInfo } from '@operato/utils';
-import { store } from '../store';
-export const UPDATE_PAGE = 'UPDATE_PAGE';
-export const UPDATE_CONTEXT = 'UPDATE_CONTEXT';
-export const UPDATE_ACTIVE_PAGE = 'UPDATE_ACTIVE_PAGE';
-export const REGISTER_NAVIGATION_CALLBACK = 'REGISTER_NAVIGATION_CALLBACK';
-export const UNREGISTER_NAVIGATION_CALLBACK = 'UNREGISTER_NAVIGATION_CALLBACK';
-export const HOMEPAGE = '';
-/**
- * 페이지를 이동하는 방법으로는 다음 두가지가 있다.
- * 1. page link를 사용하는 방법 <a href='page'>goto page</a>
- *    이 방법은 route(page)와 동일하다.
- * 2. navigate('page')를 사용하는 방법
- *
- * @param string page
- */
-export const navigate = (location, replace) => {
-    if (replace)
-        history.replaceState(history.state, '', location);
-    else
-        history.pushState({}, '', location);
-    window.dispatchEvent(new Event('popstate'));
-};
-export const navigateWithSilence = ({ pathname: path, search, params }) => (dispatch) => {
-    const { path: pathname } = getPathInfo(path);
-    const reg = /\/([^\/]+)\/*([^\/]*)/;
-    const decodePath = decodeURIComponent(pathname);
-    const matchReturn = decodePath.match(reg) || [];
-    const page = matchReturn[1] || HOMEPAGE;
-    const id = matchReturn[2];
-    if (!params) {
-        params = {};
-        new URLSearchParams(search).forEach((value, key) => {
-            params[key] = value;
-        });
-    }
-    // Any other info you might want to extract from the path (like page type),
-    // you can do here
-    dispatch(loadPage(page, id, params));
-};
-const _preLoadPage = (page) => {
-    /*
-     * _preLoadPage 에서는 page를 load하기 전처리를 수행한다.
-     * 예를 들면, page dynamic import 또는 page re-routing
-     */
-    var state = store.getState();
-    /* override 기능을 위해서 dependency 관계의 역순으로 route를 실행한다. */
-    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);
-            if (_page) {
-                return _page;
-            }
-        }
-    }
-};
-export const loadPage = (page, id, params) => (dispatch) => {
-    var newPage = _preLoadPage(page);
-    if (page !== newPage && newPage.indexOf('/') == 0) {
-        dispatch(navigateWithSilence({
-            pathname: newPage,
-            params
-        }));
-        return;
-    }
-    dispatch({
-        type: UPDATE_PAGE,
-        page: newPage,
-        resourceId: id,
-        params
-    });
-};
-export const route = (url) => {
-    const link = document.createElement('a');
-    link.setAttribute('href', url);
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-};
-//# sourceMappingURL=route.js.map

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

@@ -1 +0,0 @@
-{"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 { store } from '../store'\n\nexport const UPDATE_PAGE = 'UPDATE_PAGE'\nexport const UPDATE_CONTEXT = 'UPDATE_CONTEXT'\nexport const UPDATE_ACTIVE_PAGE = 'UPDATE_ACTIVE_PAGE'\n\nexport const REGISTER_NAVIGATION_CALLBACK = 'REGISTER_NAVIGATION_CALLBACK'\nexport const UNREGISTER_NAVIGATION_CALLBACK = 'UNREGISTER_NAVIGATION_CALLBACK'\n\nexport const HOMEPAGE = ''\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: 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"]}

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

@@ -1 +0,0 @@
-export declare const AppStyle: import("lit").CSSResult;

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

@@ -1,69 +0,0 @@
-import { css } from 'lit';
-export const AppStyle = css `
-  :host {
-    display: grid;
-
-    grid-template-rows: var(--app-grid-template-rows, auto 1fr auto);
-    grid-template-columns: var(--app-grid-template-columns, auto 1fr auto);
-    grid-template-areas: var(--app-grid-template-area, 'header header header' 'nav main aside' 'nav footer aside');
-    grid-gap: var(--app-grid-gap, 0em);
-
-    max-width: 100vw;
-    width: 100vw;
-    height: 100vh;
-  }
-
-  ox-header-bar {
-    grid-area: header;
-  }
-
-  ox-nav-bar {
-    grid-area: nav;
-  }
-
-  main {
-    grid-area: main;
-
-    overflow: hidden;
-
-    display: flex;
-    flex-direction: row;
-  }
-
-  ox-aside-bar {
-    grid-area: aside;
-  }
-
-  ox-footer-bar {
-    grid-area: footer;
-  }
-
-  main > * {
-    flex: 1;
-  }
-
-  main > *:not([active]) {
-    display: none;
-  }
-
-  [hidden] {
-    display: none;
-  }
-
-  ox-snack-bar {
-    z-index: 1000;
-  }
-
-  /* Wide layout */
-  @media (min-width: 460px) {
-  }
-
-  @media print {
-    :host {
-      width: 100%;
-      height: 100%;
-      min-height: 100vh;
-    }
-  }
-`;
-//# sourceMappingURL=app-style.js.map

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

@@ -1 +0,0 @@
-{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkE1B,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  }\n\n  ox-header-bar {\n    grid-area: header;\n  }\n\n  ox-nav-bar {\n    grid-area: nav;\n  }\n\n  main {\n    grid-area: main;\n\n    overflow: hidden;\n\n    display: flex;\n    flex-direction: row;\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    }\n  }\n`\n"]}

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

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