@operato/shell 8.0.0-beta.0 → 8.0.0-beta.2

package/src/object-store.ts

@@ -1,173 +0,0 @@
-/*
- * [ 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/app.ts

@@ -1,48 +0,0 @@
-import { getPathInfo } from '@operato/utils'
-
-import { SET_DOMAINS, UPDATE_BASE_URL, UPDATE_CONTEXT_PATH, UPDATE_MODULES } from '../actions/app.js'
-
-const INITIAL_STATE: {
-  baseUrl: string
-  contextPath: string
-  domains: {
-    name: string
-    subdomain: string
-  }[]
-} = {
-  baseUrl: location.origin,
-  contextPath: getPathInfo(location.pathname).contextPath,
-  domains: []
-}
-
-const app = (state = INITIAL_STATE, action: any) => {
-  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

package/src/reducers/busy.ts

@@ -1,21 +0,0 @@
-import { UPDATE_BUSY } from '../actions/busy.js'
-
-const INITIAL_STATE: {
-  busy: boolean
-} = {
-  busy: false
-}
-
-const busy = (state = INITIAL_STATE, action: any) => {
-  switch (action.type) {
-    case UPDATE_BUSY:
-      return {
-        busy: action.busy
-      }
-
-    default:
-      return state
-  }
-}
-
-export default busy

package/src/reducers/route.ts

@@ -1,77 +0,0 @@
-import startCase from 'lodash-es/startCase'
-import { updateMetadata } from 'pwa-helpers/metadata.js'
-
-import {
-  REGISTER_NAVIGATION_CALLBACK,
-  UNREGISTER_NAVIGATION_CALLBACK,
-  UPDATE_ACTIVE_PAGE,
-  UPDATE_CONTEXT,
-  UPDATE_PAGE
-} from '../actions/const'
-
-const APP_TITLE_EL = document.querySelector('meta[name="application-name"]') as HTMLMetaElement
-
-var appTitle: string | undefined
-if (APP_TITLE_EL) {
-  appTitle = APP_TITLE_EL.content
-}
-
-const INITIAL_STATE: {
-  page: string
-  resourceId: string
-  params: any
-  activePage: any
-  context: any
-  callbacks: any[]
-} = {
-  page: '',
-  resourceId: '',
-  params: {},
-  activePage: null,
-  context: {},
-  callbacks: []
-}
-
-const route = (state = INITIAL_STATE, action: any) => {
-  switch (action.type) {
-    case UPDATE_PAGE:
-      return {
-        ...state,
-        page: action.page,
-        resourceId: action.resourceId,
-        params: action.params
-      }
-    case UPDATE_CONTEXT:
-      let title = action.context?.title
-      let text = typeof title === 'object' ? title.text : title
-
-      updateMetadata({
-        title: appTitle + (text ? ` - ${startCase(text)}` : '')
-      })
-      return {
-        ...state,
-        context: action.context || (state.activePage && state.activePage.context) || {}
-      }
-    case UPDATE_ACTIVE_PAGE:
-      return {
-        ...state,
-        activePage: action.activePage
-      }
-
-    case REGISTER_NAVIGATION_CALLBACK:
-      return {
-        ...state,
-        callbacks: [...state.callbacks, action.callback]
-      }
-    case UNREGISTER_NAVIGATION_CALLBACK:
-      return {
-        ...state,
-        callbacks: state.callbacks.filter(callback => callback !== action.callback)
-      }
-
-    default:
-      return state
-  }
-}
-
-export default route

package/src/store.ts

@@ -1,36 +0,0 @@
-import { lazyReducerEnhancer, LazyStore } from 'pwa-helpers/lazy-reducer-enhancer.js'
-import { Action, applyMiddleware, combineReducers, compose, createStore, Store } from 'redux'
-import thunk from 'redux-thunk'
-
-import app from './reducers/app'
-import route from './reducers/route'
-import busy from './reducers/busy'
-
-declare global {
-  var __REDUX_DEVTOOLS_EXTENSION_COMPOSE__: any
-}
-
-// Sets up a Chrome extension for time travel debugging.
-// See https://github.com/zalmoxisus/redux-devtools-extension for more information.
-const devCompose = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose
-
-// Only for providing test environment - combineReducers 에서 process.env.NODE_ENV를 접근하기 때문에.
-if (typeof window.process == 'undefined') {
-  window.process = {
-    env: {
-      NODE_ENV: JSON.stringify('development')
-    }
-  } as any
-}
-
-export const store: Store<unknown, Action<any>> & LazyStore = createStore(
-  state => state,
-  devCompose(lazyReducerEnhancer(combineReducers), applyMiddleware(thunk))
-)
-
-// Initially loaded reducers.
-store.addReducers({
-  app,
-  route,
-  busy
-})

package/src/types/domain.ts

@@ -1,22 +0,0 @@
-export class Domain {
-  readonly id?: string
-
-  name?: string
-  description?: string
-
-  subdomain?: string
-
-  extType?: string
-  timezone?: string
-  systemFlag?: boolean
-
-  brandName?: string
-  brandImage?: string
-  contentImage?: string
-
-  owner?: string
-  theme?: string
-
-  createdAt?: Date
-  updatedAt?: Date
-}

package/src/types/index.ts

@@ -1,5 +0,0 @@
-export * from './domain'
-export * from './privilege'
-export * from './role'
-export * from './user'
-export * from './types'

package/src/types/privilege.ts

@@ -1,28 +0,0 @@
-import { Role } from './role'
-import { User } from './user'
-
-export class Privilege {
-  id?: string
-
-  name?: string
-
-  category?: string
-
-  nullable?: true
-
-  description?: string
-
-  roles?: Role[]
-
-  creator?: User
-
-  creatorId?: string
-
-  updater?: User
-
-  updaterId?: string
-
-  createdAt?: Date
-
-  updatedAt?: Date
-}

package/src/types/role.ts

@@ -1,33 +0,0 @@
-import { Domain } from './domain'
-import { User } from './user'
-import { Privilege } from './privilege'
-
-export class Role {
-  readonly id?: string
-
-  domain?: Domain
-
-  domainId?: string
-
-  name?: string
-
-  users?: User[]
-
-  privileges?: Privilege[]
-
-  nullable?: true
-
-  description?: string
-
-  creator?: User
-
-  creatorId?: string
-
-  updater?: User
-
-  updaterId?: string
-
-  createdAt?: Date
-
-  updatedAt?: Date
-}

package/src/types/types.ts

@@ -1,5 +0,0 @@
-export enum InheritedValueType {
-  None = 'None',
-  Include = 'Include',
-  Only = 'Only'
-}

package/src/types/user.ts

@@ -1,23 +0,0 @@
-export enum UserStatus {
-  INACTIVE = 'inactive',
-  ACTIVATED = 'activated',
-  DELETED = 'deleted',
-  LOCKED = 'locked',
-  BANNED = 'banned',
-  PWD_RESET_REQUIRED = 'password_reset_required'
-}
-
-export class User {
-  readonly id?: string
-
-  name?: string
-  description?: string
-
-  email?: string
-
-  creator?: User
-  updater?: User
-
-  createdAt?: Date
-  updatedAt?: Date
-}

package/stories/app.stories.ts

@@ -1,51 +0,0 @@
-import '@material/web/icon/icon.js'
-
-import { css, html, render, TemplateResult } from 'lit'
-import '../src/app/app.js'
-
-export default {
-  title: 'things-app',
-  component: 'things-app',
-  argTypes: {
-    label: { control: 'string' }
-  }
-}
-
-interface Story<T> {
-  (args: T): TemplateResult
-  args?: Partial<T>
-  argTypes?: Record<string, unknown>
-}
-
-interface ArgTypes {
-  label?: string
-}
-
-const Template: Story<ArgTypes> = ({ label = '' }: ArgTypes) => html`
-  <link href="/themes/app-theme.css" 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"
-  />
-
-  <style>
-    body {
-      background-color: var(--md-sys-color-surface);
-    }
-  </style>
-
-  <things-app></things-app>
-`
-
-export const Regular = Template.bind({})
-Regular.args = {
-  label: 'common header styles'
-}

package/tsconfig.json

@@ -1,24 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es2018",
-    "module": "esnext",
-    "moduleResolution": "node",
-    "noEmitOnError": true,
-    "lib": ["es2017", "dom"],
-    "strict": true,
-    "esModuleInterop": false,
-    "allowSyntheticDefaultImports": true,
-    "experimentalDecorators": true,
-    "useDefineForClassFields": false,
-    "importHelpers": true,
-    "outDir": "dist",
-    "sourceMap": true,
-    "inlineSources": true,
-    "rootDir": "./",
-    "declaration": true,
-    "incremental": true,
-    "skipLibCheck": true,
-    "types": ["node", "mocha"]
-  },
-  "include": ["**/*.ts"]
-}

package/web-dev-server.config.mjs

@@ -1,27 +0,0 @@
-// import { hmrPlugin, presets } from '@open-wc/dev-server-hmr';
-
-/** Use Hot Module replacement by adding --hmr to the start command */
-const hmr = process.argv.includes('--hmr');
-
-export default /** @type {import('@web/dev-server').DevServerConfig} */ ({
-  open: '/demo/',
-  /** Use regular watch mode if HMR is not enabled. */
-  watch: !hmr,
-  /** Resolve bare module imports */
-  nodeResolve: {
-    exportConditions: ['browser', 'development'],
-  },
-
-  /** Compile JS for older browsers. Requires @web/dev-server-esbuild plugin */
-  // esbuildTarget: 'auto'
-
-  /** Set appIndex to enable SPA routing */
-  // appIndex: 'demo/index.html',
-
-  plugins: [
-    /** Use Hot Module Replacement by uncommenting. Requires @open-wc/dev-server-hmr plugin */
-    // hmr && hmrPlugin({ exclude: ['**/*/node_modules/**/*'], presets: [presets.litElement] }),
-  ],
-
-  // See documentation for all available options
-});

package/web-test-runner.config.mjs

@@ -1,41 +0,0 @@
-// import { playwrightLauncher } from '@web/test-runner-playwright';
-
-const filteredLogs = ['Running in dev mode', 'lit-html is in dev mode'];
-
-export default /** @type {import("@web/test-runner").TestRunnerConfig} */ ({
-  /** Test files to run */
-  files: 'dist/test/**/*.test.js',
-
-  /** Resolve bare module imports */
-  nodeResolve: {
-    exportConditions: ['browser', 'development'],
-  },
-
-  /** Filter out lit dev mode logs */
-  filterBrowserLogs(log) {
-    for (const arg of log.args) {
-      if (typeof arg === 'string' && filteredLogs.some(l => arg.includes(l))) {
-        return false;
-      }
-    }
-    return true;
-  },
-
-  /** Compile JS for older browsers. Requires @web/dev-server-esbuild plugin */
-  // esbuildTarget: 'auto',
-
-  /** Amount of browsers to run concurrently */
-  // concurrentBrowsers: 2,
-
-  /** Amount of test files per browser to test concurrently */
-  // concurrency: 1,
-
-  /** Browsers to run tests on */
-  // browsers: [
-  //   playwrightLauncher({ product: 'chromium' }),
-  //   playwrightLauncher({ product: 'firefox' }),
-  //   playwrightLauncher({ product: 'webkit' }),
-  // ],
-
-  // See documentation for all available options
-});