@api-client/ui 0.0.4 → 0.0.7

package/dist/http-client/store/idb/IdbProjectUi.js.map

@@ -1 +1 @@
-{"version":3,"file":"IdbProjectUi.js","sourceRoot":"","sources":["../../../../src/http-client/store/idb/IdbProjectUi.ts"],"names":[],"mappings":"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","sourcesContent":["import { ContextDeleteRecord, IRequestUiMeta, ContextChangeRecord, RequestUiMetaKind, IBulkOperationResult } from \"@api-client/core/build/browser.js\";\nimport { ProjectUiCreatedBroadcastEvent, ProjectUiDeletedBroadcastEvent } from \"../../../events/BroadcastUiEvents.js\";\nimport { StoreBroadcast } from \"../StoreBroadcast.js\";\nimport { ProjectUi } from \"../stores/ProjectUi.js\";\nimport { IStoredRequestUi } from \"../types.js\";\nimport { IdbStore } from \"./IdbStore.js\";\n\nexport class IdbProjectUi extends IdbStore implements ProjectUi {\n  channel = new BroadcastChannel(StoreBroadcast.projectUi);\n\n  async clear(key: string): Promise<ContextDeleteRecord> {\n    const tx = this.db.transaction('ProjectUi', 'readwrite');\n    const index = tx.store.index('project');\n    const items = await index.getAll(key);\n    await Promise.all(items.map(item => tx.store.delete([item.meta.project, item.meta.key])));\n    items.forEach(item => {\n      this.notifyDeleted(item.meta.project, item.meta.key);\n    });\n    return {\n      key,\n    }\n  }\n\n  async set(pid: string, key: string, meta: IRequestUiMeta): Promise<ContextChangeRecord<IRequestUiMeta>> {\n    const value: IStoredRequestUi = {\n      data: meta,\n      meta: { project: pid, key, },\n    };\n    await this.db.put('ProjectUi', value);\n    const event: ProjectUiCreatedBroadcastEvent = {\n      type: 'event',\n      operation: 'created',\n      kind: RequestUiMetaKind,\n      key,\n      project: pid,\n      data: meta,\n      space: '',\n      path: '/projects/ui',\n    };\n    this.channel.postMessage(event);\n    return {\n      key,\n      parent: pid,\n      item: meta,\n      kind: RequestUiMetaKind,\n    };\n  }\n\n  async get(pid: string, key: string): Promise<IRequestUiMeta | undefined> {\n    const item = await this.db.get('ProjectUi', [pid, key]);\n    if (item) {\n      return item.data;\n    }\n    return undefined;\n  }\n\n  async getBulk(pid: string, keys: string[]): Promise<IBulkOperationResult<IRequestUiMeta>> {\n    const { store } = this.db.transaction('ProjectUi', 'readonly');\n    const items = await Promise.all(keys.map(key => store.get([pid, key])));\n    const result: (IRequestUiMeta | undefined)[] = items.map((item) => {\n      if (item) {\n        return item.data;\n      }\n      return undefined;\n    });\n    return {\n      items: result,\n    };\n  }\n\n  async delete(pid: string, key: string): Promise<ContextDeleteRecord> {\n    await this.db.delete('ProjectUi', [pid, key]);\n    this.notifyDeleted(pid, key);\n    return {\n      key,\n      kind: RequestUiMetaKind,\n      parent: pid,\n    }\n  }\n\n  protected notifyDeleted(projectId: string, requestId: string): void {\n    const event: ProjectUiDeletedBroadcastEvent = {\n      type: 'event',\n      operation: 'deleted',\n      kind: RequestUiMetaKind,\n      key: requestId,\n      project: projectId,\n      space: '',\n      path: '/projects/ui',\n    };\n    this.channel.postMessage(event);\n  }\n}\n"]}
+{"version":3,"file":"IdbProjectUi.js","sourceRoot":"","sources":["../../../../src/http-client/store/idb/IdbProjectUi.ts"],"names":[],"mappings":"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","sourcesContent":["import { ContextDeleteRecord, IRequestUiMeta, ContextChangeRecord, RequestUiMetaKind, IBulkOperationResult } from \"@api-client/core/build/browser.js\";\nimport { ProjectUiCreatedBroadcastEvent, ProjectUiDeletedBroadcastEvent } from \"../../../events/BroadcastUiEvents.js\";\nimport { StoreBroadcast } from \"../StoreBroadcast.js\";\nimport { ProjectUi } from \"../stores/ProjectUi.js\";\nimport { IStoredRequestUi } from \"../types.js\";\nimport { IdbStore } from \"./IdbStore.js\";\n\nexport class IdbProjectUi extends IdbStore implements ProjectUi {\n  channel = new BroadcastChannel(StoreBroadcast.projectUi);\n\n  async clear(key: string): Promise<ContextDeleteRecord> {\n    const tx = this.db.transaction('ProjectUi', 'readwrite');\n    const index = tx.store.index('project');\n    const items = await index.getAll(key);\n    await Promise.all(items.map(item => tx.store.delete([item.meta.project, item.meta.key])));\n    items.forEach(item => {\n      this.notifyDeleted(item.meta.project, item.meta.key);\n    });\n    return {\n      key,\n    }\n  }\n\n  async set(pid: string, key: string, meta: IRequestUiMeta): Promise<ContextChangeRecord<IRequestUiMeta>> {\n    const value: IStoredRequestUi = {\n      data: meta,\n      meta: { project: pid, key, },\n    };\n    await this.db.put('ProjectUi', value);\n    const event: ProjectUiCreatedBroadcastEvent = {\n      type: 'event',\n      operation: 'created',\n      kind: RequestUiMetaKind,\n      key,\n      project: pid,\n      data: meta,\n      space: '',\n      path: '/projects/ui',\n    };\n    this.channel.postMessage(event);\n    return {\n      key,\n      parent: pid,\n      item: meta,\n      kind: RequestUiMetaKind,\n    };\n  }\n\n  async get(pid: string, key: string): Promise<IRequestUiMeta | undefined> {\n    const item = await this.db.get('ProjectUi', [pid, key]);\n    if (item) {\n      return item.data;\n    }\n    return undefined;\n  }\n\n  async getBulk(pid: string, keys: string[]): Promise<IBulkOperationResult<IRequestUiMeta>> {\n    const { store } = this.db.transaction('ProjectUi', 'readonly');\n    const items = await Promise.all(keys.map(key => store.get([pid, key])));\n    const result: (IRequestUiMeta | undefined)[] = items.map((item) => {\n      if (item) {\n        return item.data;\n      }\n      return undefined;\n    });\n    return {\n      items: result,\n    };\n  }\n\n  async delete(pid: string, key: string): Promise<ContextDeleteRecord> {\n    await this.db.delete('ProjectUi', [pid, key]);\n    this.notifyDeleted(pid, key);\n    return {\n      key,\n      kind: RequestUiMetaKind,\n      parent: pid,\n    }\n  }\n\n  protected notifyDeleted(projectId: string, requestId: string): void {\n    const event: ProjectUiDeletedBroadcastEvent = {\n      type: 'event',\n      operation: 'deleted',\n      kind: RequestUiMetaKind,\n      key: requestId,\n      project: projectId,\n      space: '',\n      path: '/projects/ui',\n    };\n    this.channel.postMessage(event);\n  }\n}\n"]}

package/dist/http-client/store/idb/IdbStore.js

@@ -1,6 +1,4 @@
 export class IdbStore {
-    parent;
-    db;
     /**
      * @param parent The parent data store object
      */

package/dist/http-client/store/idb/IdbStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"IdbStore.js","sourceRoot":"","sources":["../../../../src/http-client/store/idb/IdbStore.ts"],"names":[],"mappings":"AAKA,MAAM,OAAgB,QAAQ;IAIT;IAAsC;IAHzD;;OAEG;IACH,YAAmB,MAA6B,EAAS,EAA8B;QAApE,WAAM,GAAN,MAAM,CAAuB;QAAS,OAAE,GAAF,EAAE,CAA4B;IAAG,CAAC;IAE3F;;;OAGG;IACH,KAAK,CAAC,MAAM;QACV,GAAG;IACL,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,OAAO;QACX,GAAG;IACL,CAAC;IAED;;;;;;OAMG;IACO,KAAK,CAAC,kBAAkB,CAAC,EAA8B,EAAE,SAAoB,EAAE,IAAgB;QACvG,IAAI,GAAG,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC;QACzB,MAAM,EAAE,UAAU,EAAE,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAC9E,MAAM,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;QACjD,MAAM,GAAG,GAAG,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;QAClD,IAAI,QAAQ,GAAG,KAAK,CAAC;QACrB,MAAM,KAAK,GAAc,EAAE,CAAC;QAC5B,IAAI,KAAK,EAAE,MAAM,MAAM,IAAI,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE;YACtD,MAAM,IAAI,GAAG,MAAM,CAAC,KAAsB,CAAC;YAC3C,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;gBAC5B,SAAS;aACV;YACD,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;YAC5B,IAAI,KAAK,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE;gBACjC,SAAS;aACV;YACD,MAAM,EAAE,GAAG,EAAE,GAAG,IAAuB,CAAC;YACxC,IAAI,CAAC,GAAG,EAAE;gBACR,SAAS;aACV;YACD,IAAI,OAAO,IAAI,CAAC,QAAQ,EAAE;gBACxB,IAAI,GAAG,KAAK,OAAO,EAAE;oBACnB,SAAS;iBACV;gBACD,QAAQ,GAAG,IAAI,CAAC;aACjB;YACD,IAAI,GAAG,EAAE;gBACP,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;gBACpB,GAAG,GAAG,CAAC,CAAC;gBACR,SAAS;aACV;YACD,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB,SAAS;aACV;YACD,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjB,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,EAAE;gBACzB,MAAM;aACP;SACF;QACD,OAAO,KAAK,CAAC;IACf,CAAC;CACF","sourcesContent":["import { IDBPDatabase } from \"idb\";\nimport { HttpClientDB, IStoredEntity, StoreName } from \"../types.js\";\nimport { IListState } from \"../State.js\";\nimport { HttpClientIdbDatabase } from \"../HttpClientIdbDatabase.js\";\n\nexport abstract class IdbStore {\n  /**\n   * @param parent The parent data store object\n   */\n  constructor(public parent: HttpClientIdbDatabase, public db: IDBPDatabase<HttpClientDB>) {}\n  \n  /**\n   * A logic to be implemented when the model starts-up.\n   * It is optional to implement but always called.\n   */\n  async warmup(): Promise<void> {\n    // \n  }\n\n  /**\n   * Cleans up before shut down.\n   * It is optional to implement but always called.\n   */\n  async cleanup(): Promise<void> {\n    // \n  }\n\n  /**\n   * Lists entities that uses `IStoredEntity` format.\n   * @param db A reference to the database \n   * @param storeName The name of the store to query.\n   * @param opts Query options.\n   * @returns The list of listed objects. \n   */\n  protected async listStoredEntities(db: IDBPDatabase<HttpClientDB>, storeName: StoreName, opts: IListState): Promise<unknown[]> {\n    let adv = opts.skip || 0;\n    const { descending, limit = this.parent.defaultLimit, lastKey, space } = opts;\n    const tx = db.transaction(storeName, 'readonly');\n    const dir = descending === true ? 'prev' : 'next';\n    let keyFound = false;\n    const items: unknown[] = [];\n    for await (const cursor of tx.store.iterate(null, dir)) {\n      const info = cursor.value as IStoredEntity;\n      if (!info.meta || !info.data) {\n        continue;\n      }\n      const { meta, data } = info;\n      if (space && meta.space !== space) {\n        continue;\n      }\n      const { key } = data as { key: string };\n      if (!key) {\n        continue;\n      }\n      if (lastKey && !keyFound) {\n        if (key !== lastKey) {\n          continue;\n        }\n        keyFound = true;\n      }\n      if (adv) {\n        cursor.advance(adv);\n        adv = 0;\n        continue;\n      }\n      if (meta.deleted) {\n        continue;\n      }\n      items.push(data);\n      if (items.length >= limit) {\n        break;\n      }\n    }\n    return items;\n  }\n}\n"]}
+{"version":3,"file":"IdbStore.js","sourceRoot":"","sources":["../../../../src/http-client/store/idb/IdbStore.ts"],"names":[],"mappings":"AAKA,MAAM,OAAgB,QAAQ;IAC5B;;OAEG;IACH,YAAmB,MAA6B,EAAS,EAA8B;QAApE,WAAM,GAAN,MAAM,CAAuB;QAAS,OAAE,GAAF,EAAE,CAA4B;IAAG,CAAC;IAE3F;;;OAGG;IACH,KAAK,CAAC,MAAM;QACV,GAAG;IACL,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,OAAO;QACX,GAAG;IACL,CAAC;IAED;;;;;;OAMG;IACO,KAAK,CAAC,kBAAkB,CAAC,EAA8B,EAAE,SAAoB,EAAE,IAAgB;QACvG,IAAI,GAAG,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC;QACzB,MAAM,EAAE,UAAU,EAAE,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAC9E,MAAM,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;QACjD,MAAM,GAAG,GAAG,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;QAClD,IAAI,QAAQ,GAAG,KAAK,CAAC;QACrB,MAAM,KAAK,GAAc,EAAE,CAAC;QAC5B,IAAI,KAAK,EAAE,MAAM,MAAM,IAAI,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE;YACtD,MAAM,IAAI,GAAG,MAAM,CAAC,KAAsB,CAAC;YAC3C,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;gBAC5B,SAAS;aACV;YACD,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;YAC5B,IAAI,KAAK,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE;gBACjC,SAAS;aACV;YACD,MAAM,EAAE,GAAG,EAAE,GAAG,IAAuB,CAAC;YACxC,IAAI,CAAC,GAAG,EAAE;gBACR,SAAS;aACV;YACD,IAAI,OAAO,IAAI,CAAC,QAAQ,EAAE;gBACxB,IAAI,GAAG,KAAK,OAAO,EAAE;oBACnB,SAAS;iBACV;gBACD,QAAQ,GAAG,IAAI,CAAC;aACjB;YACD,IAAI,GAAG,EAAE;gBACP,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;gBACpB,GAAG,GAAG,CAAC,CAAC;gBACR,SAAS;aACV;YACD,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB,SAAS;aACV;YACD,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjB,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,EAAE;gBACzB,MAAM;aACP;SACF;QACD,OAAO,KAAK,CAAC;IACf,CAAC;CACF","sourcesContent":["import { IDBPDatabase } from \"idb\";\nimport { HttpClientDB, IStoredEntity, StoreName } from \"../types.js\";\nimport { IListState } from \"../State.js\";\nimport { HttpClientIdbDatabase } from \"../HttpClientIdbDatabase.js\";\n\nexport abstract class IdbStore {\n  /**\n   * @param parent The parent data store object\n   */\n  constructor(public parent: HttpClientIdbDatabase, public db: IDBPDatabase<HttpClientDB>) {}\n  \n  /**\n   * A logic to be implemented when the model starts-up.\n   * It is optional to implement but always called.\n   */\n  async warmup(): Promise<void> {\n    // \n  }\n\n  /**\n   * Cleans up before shut down.\n   * It is optional to implement but always called.\n   */\n  async cleanup(): Promise<void> {\n    // \n  }\n\n  /**\n   * Lists entities that uses `IStoredEntity` format.\n   * @param db A reference to the database \n   * @param storeName The name of the store to query.\n   * @param opts Query options.\n   * @returns The list of listed objects. \n   */\n  protected async listStoredEntities(db: IDBPDatabase<HttpClientDB>, storeName: StoreName, opts: IListState): Promise<unknown[]> {\n    let adv = opts.skip || 0;\n    const { descending, limit = this.parent.defaultLimit, lastKey, space } = opts;\n    const tx = db.transaction(storeName, 'readonly');\n    const dir = descending === true ? 'prev' : 'next';\n    let keyFound = false;\n    const items: unknown[] = [];\n    for await (const cursor of tx.store.iterate(null, dir)) {\n      const info = cursor.value as IStoredEntity;\n      if (!info.meta || !info.data) {\n        continue;\n      }\n      const { meta, data } = info;\n      if (space && meta.space !== space) {\n        continue;\n      }\n      const { key } = data as { key: string };\n      if (!key) {\n        continue;\n      }\n      if (lastKey && !keyFound) {\n        if (key !== lastKey) {\n          continue;\n        }\n        keyFound = true;\n      }\n      if (adv) {\n        cursor.advance(adv);\n        adv = 0;\n        continue;\n      }\n      if (meta.deleted) {\n        continue;\n      }\n      items.push(data);\n      if (items.length >= limit) {\n        break;\n      }\n    }\n    return items;\n  }\n}\n"]}

package/dist/http-client/store/idb/IdbUrlHistory.js

@@ -4,7 +4,10 @@ function setMidnight(date) {
     date.setHours(0, 0, 0, 0);
 }
 export class IdbUrlHistory extends IdbStore {
-    channel = new BroadcastChannel(StoreBroadcast.urlHistory);
+    constructor() {
+        super(...arguments);
+        this.channel = new BroadcastChannel(StoreBroadcast.urlHistory);
+    }
     async add(url) {
         const tx = this.db.transaction('UrlHistory', 'readwrite');
         const { store } = tx;

package/dist/http-client/store/idb/IdbUrlHistory.js.map

@@ -1 +1 @@
-{"version":3,"file":"IdbUrlHistory.js","sourceRoot":"","sources":["../../../../src/http-client/store/idb/IdbUrlHistory.ts"],"names":[],"mappings":"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","sourcesContent":["import { BroadcastCreatedEvent, ClearedBroadcastEvent, ContextDeleteRecord, DeletedBroadcastEvent, IQueryResponse, IUrl } from \"@api-client/core/build/browser.js\";\nimport { StoreBroadcast } from \"../StoreBroadcast.js\";\nimport { UrlHistory } from \"../stores/UrlHistory.js\";\nimport { IdbStore } from \"./IdbStore.js\";\n\nfunction setMidnight(date: Date): void {\n  date.setHours(0, 0, 0, 0);\n}\n\nexport class IdbUrlHistory extends IdbStore implements UrlHistory {\n  channel = new BroadcastChannel(StoreBroadcast.urlHistory);\n\n  async add(url: string): Promise<IUrl> {\n    const tx = this.db.transaction('UrlHistory', 'readwrite');\n    const { store } = tx;\n    let item = await store.get(url);\n    const time = Date.now();\n    const midnight = new Date(time);\n    setMidnight(midnight);\n    if (item) {\n      item.cnt += 1;\n      item.time = time;\n      item.midnight = midnight.getTime();\n    } else {\n      item = {\n        cnt: 1,\n        time,\n        key: url,\n        midnight: midnight.getTime(),\n      } as IUrl;\n    }\n    await store.put(item);\n    await tx.done;\n\n    const event: BroadcastCreatedEvent = {\n      type: 'event',\n      operation: 'created',\n      key: url,\n      data: item,\n      kind: '',\n      space: '',\n      path: '/history/url'\n    };\n    this.channel.postMessage(event);\n    return item;\n  }\n\n  async query(query: string): Promise<IQueryResponse<IUrl>> {\n    const q = String(query).toLowerCase();\n    const tx = this.db.transaction('UrlHistory', 'readonly');\n    const result: IQueryResponse<IUrl> = {\n      items: [],\n    };\n    for await (const cursor of tx.store) {\n      const item = cursor.value;\n      const url = String(item.key).toLowerCase();\n      if (url.includes(q)) {\n        result.items.push({\n          doc: item,\n          index: ['key'],\n        });\n      }\n    }\n    return result;\n  }\n\n  async delete(url: string): Promise<ContextDeleteRecord> {\n    const tx = this.db.transaction('UrlHistory', 'readwrite');\n    await tx.store.delete(url);\n    const event: DeletedBroadcastEvent = {\n      type: 'event',\n      operation: 'deleted',\n      kind: '',\n      key: url,\n      path: '/history/url',\n      space: '',\n    };\n    this.channel.postMessage(event);\n    return {\n      key: url,\n    }\n  }\n\n  async clear(): Promise<void> {\n    await this.db.clear('UrlHistory');\n    const event: ClearedBroadcastEvent = {\n      type: 'event',\n      operation: 'cleared',\n      path: '/history/url',\n      space: '',\n      name: 'UrlHistory',\n    };\n    this.channel.postMessage(event);\n  }\n}\n"]}
+{"version":3,"file":"IdbUrlHistory.js","sourceRoot":"","sources":["../../../../src/http-client/store/idb/IdbUrlHistory.ts"],"names":[],"mappings":"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","sourcesContent":["import { BroadcastCreatedEvent, ClearedBroadcastEvent, ContextDeleteRecord, DeletedBroadcastEvent, IQueryResponse, IUrl } from \"@api-client/core/build/browser.js\";\nimport { StoreBroadcast } from \"../StoreBroadcast.js\";\nimport { UrlHistory } from \"../stores/UrlHistory.js\";\nimport { IdbStore } from \"./IdbStore.js\";\n\nfunction setMidnight(date: Date): void {\n  date.setHours(0, 0, 0, 0);\n}\n\nexport class IdbUrlHistory extends IdbStore implements UrlHistory {\n  channel = new BroadcastChannel(StoreBroadcast.urlHistory);\n\n  async add(url: string): Promise<IUrl> {\n    const tx = this.db.transaction('UrlHistory', 'readwrite');\n    const { store } = tx;\n    let item = await store.get(url);\n    const time = Date.now();\n    const midnight = new Date(time);\n    setMidnight(midnight);\n    if (item) {\n      item.cnt += 1;\n      item.time = time;\n      item.midnight = midnight.getTime();\n    } else {\n      item = {\n        cnt: 1,\n        time,\n        key: url,\n        midnight: midnight.getTime(),\n      } as IUrl;\n    }\n    await store.put(item);\n    await tx.done;\n\n    const event: BroadcastCreatedEvent = {\n      type: 'event',\n      operation: 'created',\n      key: url,\n      data: item,\n      kind: '',\n      space: '',\n      path: '/history/url'\n    };\n    this.channel.postMessage(event);\n    return item;\n  }\n\n  async query(query: string): Promise<IQueryResponse<IUrl>> {\n    const q = String(query).toLowerCase();\n    const tx = this.db.transaction('UrlHistory', 'readonly');\n    const result: IQueryResponse<IUrl> = {\n      items: [],\n    };\n    for await (const cursor of tx.store) {\n      const item = cursor.value;\n      const url = String(item.key).toLowerCase();\n      if (url.includes(q)) {\n        result.items.push({\n          doc: item,\n          index: ['key'],\n        });\n      }\n    }\n    return result;\n  }\n\n  async delete(url: string): Promise<ContextDeleteRecord> {\n    const tx = this.db.transaction('UrlHistory', 'readwrite');\n    await tx.store.delete(url);\n    const event: DeletedBroadcastEvent = {\n      type: 'event',\n      operation: 'deleted',\n      kind: '',\n      key: url,\n      path: '/history/url',\n      space: '',\n    };\n    this.channel.postMessage(event);\n    return {\n      key: url,\n    }\n  }\n\n  async clear(): Promise<void> {\n    await this.db.clear('UrlHistory');\n    const event: ClearedBroadcastEvent = {\n      type: 'event',\n      operation: 'cleared',\n      path: '/history/url',\n      space: '',\n      name: 'UrlHistory',\n    };\n    this.channel.postMessage(event);\n  }\n}\n"]}

package/dist/http-client/store/idb/IdbWsHistory.js

@@ -4,7 +4,10 @@ function setMidnight(date) {
     date.setHours(0, 0, 0, 0);
 }
 export class IdbWsHistory extends IdbStore {
-    channel = new BroadcastChannel(StoreBroadcast.wsHistory);
+    constructor() {
+        super(...arguments);
+        this.channel = new BroadcastChannel(StoreBroadcast.wsHistory);
+    }
     async add(url) {
         const tx = this.db.transaction('WsHistory', 'readwrite');
         const { store } = tx;

package/dist/http-client/store/idb/IdbWsHistory.js.map

@@ -1 +1 @@
-{"version":3,"file":"IdbWsHistory.js","sourceRoot":"","sources":["../../../../src/http-client/store/idb/IdbWsHistory.ts"],"names":[],"mappings":"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","sourcesContent":["import { BroadcastCreatedEvent, ClearedBroadcastEvent, ContextDeleteRecord, DeletedBroadcastEvent, IQueryResponse, IUrl } from \"@api-client/core/build/browser.js\";\nimport { StoreBroadcast } from \"../StoreBroadcast.js\";\nimport { WsHistory } from \"../stores/WsHistory.js\";\nimport { IdbStore } from \"./IdbStore.js\";\n\nfunction setMidnight(date: Date): void {\n  date.setHours(0, 0, 0, 0);\n}\n\nexport class IdbWsHistory extends IdbStore implements WsHistory {\n  channel = new BroadcastChannel(StoreBroadcast.wsHistory);\n\n  async add(url: string): Promise<IUrl> {\n    const tx = this.db.transaction('WsHistory', 'readwrite');\n    const { store } = tx;\n    let item = await store.get(url);\n    const time = Date.now();\n    const midnight = new Date(time);\n    setMidnight(midnight);\n    if (item) {\n      item.cnt += 1;\n      item.time = time;\n      item.midnight = midnight.getTime();\n    } else {\n      item = {\n        cnt: 1,\n        time,\n        key: url,\n        midnight: midnight.getTime(),\n      } as IUrl;\n    }\n    await store.put(item);\n    await tx.done;\n\n    const event: BroadcastCreatedEvent = {\n      type: 'event',\n      operation: 'created',\n      key: url,\n      data: item,\n      kind: '',\n      space: '',\n      path: '/history/ws'\n    };\n    this.channel.postMessage(event);\n    return item;\n  }\n\n  async query(query: string): Promise<IQueryResponse<IUrl>> {\n    const q = String(query).toLowerCase();\n    const tx = this.db.transaction('WsHistory', 'readonly');\n    const result: IQueryResponse<IUrl> = {\n      items: [],\n    };\n    for await (const cursor of tx.store) {\n      const item = cursor.value;\n      const url = String(item.key).toLowerCase();\n      if (url.includes(q)) {\n        result.items.push({\n          doc: item,\n          index: ['key'],\n        });\n      }\n    }\n    return result;\n  }\n\n  async delete(url: string): Promise<ContextDeleteRecord> {\n    const tx = this.db.transaction('WsHistory', 'readwrite');\n    await tx.store.delete(url);\n    const event: DeletedBroadcastEvent = {\n      type: 'event',\n      operation: 'deleted',\n      kind: '',\n      key: url,\n      path: '/history/ws',\n      space: '',\n    };\n    this.channel.postMessage(event);\n    return {\n      key: url,\n    }\n  }\n\n  async clear(): Promise<void> {\n    await this.db.clear('WsHistory');\n    const event: ClearedBroadcastEvent = {\n      type: 'event',\n      operation: 'cleared',\n      path: '/history/ws',\n      space: '',\n      name: 'WsHistory',\n    };\n    this.channel.postMessage(event);\n  }\n}\n"]}
+{"version":3,"file":"IdbWsHistory.js","sourceRoot":"","sources":["../../../../src/http-client/store/idb/IdbWsHistory.ts"],"names":[],"mappings":"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","sourcesContent":["import { BroadcastCreatedEvent, ClearedBroadcastEvent, ContextDeleteRecord, DeletedBroadcastEvent, IQueryResponse, IUrl } from \"@api-client/core/build/browser.js\";\nimport { StoreBroadcast } from \"../StoreBroadcast.js\";\nimport { WsHistory } from \"../stores/WsHistory.js\";\nimport { IdbStore } from \"./IdbStore.js\";\n\nfunction setMidnight(date: Date): void {\n  date.setHours(0, 0, 0, 0);\n}\n\nexport class IdbWsHistory extends IdbStore implements WsHistory {\n  channel = new BroadcastChannel(StoreBroadcast.wsHistory);\n\n  async add(url: string): Promise<IUrl> {\n    const tx = this.db.transaction('WsHistory', 'readwrite');\n    const { store } = tx;\n    let item = await store.get(url);\n    const time = Date.now();\n    const midnight = new Date(time);\n    setMidnight(midnight);\n    if (item) {\n      item.cnt += 1;\n      item.time = time;\n      item.midnight = midnight.getTime();\n    } else {\n      item = {\n        cnt: 1,\n        time,\n        key: url,\n        midnight: midnight.getTime(),\n      } as IUrl;\n    }\n    await store.put(item);\n    await tx.done;\n\n    const event: BroadcastCreatedEvent = {\n      type: 'event',\n      operation: 'created',\n      key: url,\n      data: item,\n      kind: '',\n      space: '',\n      path: '/history/ws'\n    };\n    this.channel.postMessage(event);\n    return item;\n  }\n\n  async query(query: string): Promise<IQueryResponse<IUrl>> {\n    const q = String(query).toLowerCase();\n    const tx = this.db.transaction('WsHistory', 'readonly');\n    const result: IQueryResponse<IUrl> = {\n      items: [],\n    };\n    for await (const cursor of tx.store) {\n      const item = cursor.value;\n      const url = String(item.key).toLowerCase();\n      if (url.includes(q)) {\n        result.items.push({\n          doc: item,\n          index: ['key'],\n        });\n      }\n    }\n    return result;\n  }\n\n  async delete(url: string): Promise<ContextDeleteRecord> {\n    const tx = this.db.transaction('WsHistory', 'readwrite');\n    await tx.store.delete(url);\n    const event: DeletedBroadcastEvent = {\n      type: 'event',\n      operation: 'deleted',\n      kind: '',\n      key: url,\n      path: '/history/ws',\n      space: '',\n    };\n    this.channel.postMessage(event);\n    return {\n      key: url,\n    }\n  }\n\n  async clear(): Promise<void> {\n    await this.db.clear('WsHistory');\n    const event: ClearedBroadcastEvent = {\n      type: 'event',\n      operation: 'cleared',\n      path: '/history/ws',\n      space: '',\n      name: 'WsHistory',\n    };\n    this.channel.postMessage(event);\n  }\n}\n"]}

package/dist/lib/chart/HttpHistoryChart.js

@@ -154,19 +154,18 @@ export { chartStyles };
 const DaySeparatorKind = 'Chart#DaySeparator';
 const EntryKind = 'Chart#Entry';
 export class HttpHistoryChart {
-    data;
-    _topDuration = 0;
-    _topRequestSize = 0;
-    _topResponseSize = 0;
-    /**
-     * The ordered from the oldest to the newest history data.
-     */
-    _values = [];
     /**
      * @param data Sorted history data. Each array item is a group if requests made that day.
      */
     constructor(data) {
         this.data = data;
+        this._topDuration = 0;
+        this._topRequestSize = 0;
+        this._topResponseSize = 0;
+        /**
+         * The ordered from the oldest to the newest history data.
+         */
+        this._values = [];
         this._analyze();
     }
     /**

package/dist/lib/chart/HttpHistoryChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"HttpHistoryChart.js","sourceRoot":"","sources":["../../../src/lib/chart/HttpHistoryChart.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable class-methods-use-this */\nimport { ErrorResponse, IHttpHistory, IResponse } from '@api-client/core/build/browser.js';\nimport { css, html, TemplateResult } from 'lit';\nimport { range } from 'lit/directives/range.js';\nimport { map } from 'lit/directives/map.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { getTime, relativeDay } from '../time/Conversion.js';\n\nconst chartStyles = css`\n.grid-container {\n  display: grid;\n  grid-template:\n    \"header header\" 40px\n    \"rows data\" auto\n    \". columns\" 80px / 80px auto;\n\n  font-family: var(--md-sys-typescale-body-small-font-family-name);\n  font-style: var(--md-sys-typescale-body-small-font-family-style);\n  font-weight: var(--md-sys-typescale-body-small-font-weight);\n  font-size: var(--md-sys-typescale-body-small-font-size);\n  letter-spacing: var(--md-sys-typescale-body-small-tracking);\n  line-height: var(--md-sys-typescale-body-small-height);\n  text-transform: var(--md-sys-typescale-body-small-text-transform);\n  text-decoration: var(--md-sys-typescale-body-small-text-decoration);\n}\n\n.chart-title {\n  font-weight: 500;\n  font-size: 1.1rem;\n  grid-area: header;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.chart-rows {\n  grid-area: rows;\n  position: relative;\n  background-image: repeating-linear-gradient(to top, #CCC, #CCC 1px, white 1px, white 10%, #CCC 10% );\n  border-right: 1px #e5e5e5 solid;\n  text-align: right;\n  padding-right: 20px;\n}\n\n.chart-rows .label {\n  left: 0;\n  top: calc(100% / 2 - calc(1rem / 2));\n  position: absolute;\n  transform: rotate(-90deg);\n  left: -68px;\n}\n\n.chart-data {\n  grid-area: data; \n}\n\n.chart-rows,\n.chart-data {\n  background-image: repeating-linear-gradient(to top, #CCC, #CCC 1px, white 1px, white 10%, #CCC 10% );\n}\n\n.chart-columns {\n  grid-area: columns;\n  /* overflow: hidden; */\n}\n\n.chart-data,\n.chart-columns {\n  display: flex;\n  gap: 12px;\n}\n\n.data-rows {\n  display: flex;\n  flex-direction: column-reverse;\n  height: 100%;\n}\n\n.data-rows > * {\n  flex: 1 1 0%;\n  display: flex;\n  align-items: start;\n  justify-content: end;\n  margin-top: 8px;\n}\n\n.data-column,\n.data-bar {\n  display: block;\n  min-width: 8px;\n  background-color: transparent;\n  min-width: 20px;\n  flex: 1 1 0%;\n}\n\n.data-bar.day-separator {\n  background-color: #03a9f45e;\n}\n\n.data-bar.day-separator,\n.data-column.day-separator {\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  max-width: 60px;\n}\n\n.data-bar.day-separator .label {\n  transform: rotate(-90deg);\n  white-space: nowrap;\n  background-color: #a2dffb;\n  padding: 8px;\n}\n\n.data-column {\n  display: flex;\n  align-items: center;\n  padding-top: 8px;\n}\n\n.data-column .label {\n  display: block;\n  transform: rotate(-90deg);\n  white-space: nowrap;\n  /* overflow: hidden;\n  text-overflow: ellipsis; */\n}\n\n.bar-day-entry {\n  display: flex;\n  flex-direction: column;\n}\n\n.bar-day-entry .label {\n  flex: 1;\n  min-height: 0px;\n  position: relative;\n  z-index: 1;\n  place-self: center end;\n  display: flex;\n  align-items: end;\n}\n\n.label.inside {\n  transform: translate(0px, 1.5rem);\n}\n\n.bar-value {\n  transition: all 0.4s ease-in-out 0s;\n  background: rgb(76 175 80 / 78%);\n}\n`;\n\nexport { chartStyles };\n\nconst DaySeparatorKind = 'Chart#DaySeparator';\nconst EntryKind = 'Chart#Entry';\n\ninterface IDaySeparator {\n  kind: typeof DaySeparatorKind;\n  label: string;\n}\n\ninterface IEntry {\n  kind: typeof EntryKind;\n  /**\n   * Request duration.\n   */\n  d: number;\n  /**\n   * Request size\n   */\n  res: number;\n  /**\n   * Response size\n   */\n  rps: number;\n  /**\n   * The log created time\n   */\n  t: number;\n}\n\ntype DataEntry = IEntry | IDaySeparator;\n\nexport class HttpHistoryChart {\n  protected _topDuration = 0;\n\n  protected _topRequestSize = 0;\n  \n  protected _topResponseSize = 0;\n\n  /**\n   * The ordered from the oldest to the newest history data.\n   */\n  protected _values: DataEntry[] = [];\n\n  /**\n   * @param data Sorted history data. Each array item is a group if requests made that day.\n   */\n  constructor(protected data: IHttpHistory[][]) {\n    this._analyze();\n  }\n\n  /**\n   * Normalizes the data, formats the labels and sets the `_values` array.\n   */\n  protected _analyze(): void {\n    const { data } = this;\n    const result: DataEntry[] = [];\n    const copy = [...data].reverse();\n    for (const group of copy) {\n      if (!group.length) {\n        continue;\n      }\n      const groupEntry: IDaySeparator = {\n        kind: DaySeparatorKind,\n        label: relativeDay(group[0].midnight || 0),\n      };\n      result.push(groupEntry);\n      for (const item of [...group].reverse()) {\n        const { log, created } = item;\n        if (!log) {\n          continue;\n        }\n        const entry: IEntry = {\n          kind: EntryKind,\n          d: 0,\n          res: 0,\n          rps: 0,\n          t: created,\n        };\n        result.push(entry);\n        const { size, response } = log;\n        if (size) {\n          entry.res = size.request;\n          entry.rps = size.response;\n          if (this._topRequestSize < size.request) {\n            this._topRequestSize = size.request;\n          }\n          if (this._topResponseSize < size.response) {\n            this._topResponseSize = size.response;\n          }\n        }\n        if (!ErrorResponse.isErrorResponse(response)) {\n          const typed = response as IResponse;\n          entry.d = typed.loadingTime;\n          if (this._topDuration < typed.loadingTime) {\n            this._topDuration = typed.loadingTime;\n          }\n        }\n      }\n    }\n    this._values = result;\n  }\n\n  /**\n   * Creates a plot for the request duration.\n   */\n  durationPlot(): TemplateResult {\n    return html`\n    <figure aria-hidden=\"true\" class=\"grid-container chart\">\n      <figcaption class=\"chart-title\">Request duration</figcaption>\n      ${this._durationRows()}\n      ${this._durationChart()}\n      ${this._durationColumns()}\n    </figure>\n    `;\n  }\n\n  private _durationRows(): TemplateResult {\n    const step = this._topDuration / 10;\n    return html`\n    <div class=\"chart-rows\">\n      <div class=\"label\">Milliseconds</div>\n      <div class=\"data-rows\">\n        ${map(range(10), (i) => html`<span>${Math.round((i+1) * step)}</span>`)}\n      </div>\n    </div>\n    `;\n  }\n\n  private _durationChart(): TemplateResult {\n    const data = this._values;\n    return html`<div class=\"chart-data\">\n      ${data.map(i => this._durationItem(i))}\n    </div>`;\n  }\n\n  private _durationColumns(): TemplateResult {\n    const data = this._values;\n    return html`\n    <div class=\"chart-columns\">\n      ${data.map(i => this._durationColumn(i))}\n    </div>`;\n  }\n\n  private _durationItem(item: DataEntry): TemplateResult {\n    if (item.kind === DaySeparatorKind) {\n      return this._durationDaySeparatorItem(item);\n    }\n    return this._durationEntryItem(item);\n  }\n\n  private _durationDaySeparatorItem(item: IDaySeparator): TemplateResult {\n    return html`\n    <div class=\"data-bar day-separator\">\n      <span class=\"label\">${item.label}</span>\n    </div>\n    `;\n  }\n\n  private _durationEntryItem(item: IEntry): TemplateResult {\n    const { d } = item;\n    let scale = 0;\n    if (this._topDuration) {\n      scale = d / this._topDuration;\n    }\n    const classes = {\n      'label': true,\n      'inside': scale >= 0.75,\n    };\n    return html`\n    <div class=\"data-bar bar-day-entry\">\n      <span class=\"${classMap(classes)}\">${d}</span>\n      <div class=\"bar-value\" style=\"flex-basis: ${scale * 100}%\">\n      </div>\n    </div>\n    `;\n  }\n\n  private _durationColumn(item: DataEntry): TemplateResult {\n    const classes = {\n      'data-column': true,\n      'day-separator': item.kind === DaySeparatorKind,\n    };\n    let label: string | undefined;\n    if (item.kind === EntryKind) {\n      label = getTime(item.t);\n    }\n    return html`\n    <div class=\"${classMap(classes)}\">\n      ${label ? html`<span class=\"label\">${label}</span>` : ''}\n    </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"HttpHistoryChart.js","sourceRoot":"","sources":["../../../src/lib/chart/HttpHistoryChart.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable class-methods-use-this */\nimport { ErrorResponse, IHttpHistory, IResponse } from '@api-client/core/build/browser.js';\nimport { css, html, TemplateResult } from 'lit';\nimport { range } from 'lit/directives/range.js';\nimport { map } from 'lit/directives/map.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { getTime, relativeDay } from '../time/Conversion.js';\n\nconst chartStyles = css`\n.grid-container {\n  display: grid;\n  grid-template:\n    \"header header\" 40px\n    \"rows data\" auto\n    \". columns\" 80px / 80px auto;\n\n  font-family: var(--md-sys-typescale-body-small-font-family-name);\n  font-style: var(--md-sys-typescale-body-small-font-family-style);\n  font-weight: var(--md-sys-typescale-body-small-font-weight);\n  font-size: var(--md-sys-typescale-body-small-font-size);\n  letter-spacing: var(--md-sys-typescale-body-small-tracking);\n  line-height: var(--md-sys-typescale-body-small-height);\n  text-transform: var(--md-sys-typescale-body-small-text-transform);\n  text-decoration: var(--md-sys-typescale-body-small-text-decoration);\n}\n\n.chart-title {\n  font-weight: 500;\n  font-size: 1.1rem;\n  grid-area: header;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.chart-rows {\n  grid-area: rows;\n  position: relative;\n  background-image: repeating-linear-gradient(to top, #CCC, #CCC 1px, white 1px, white 10%, #CCC 10% );\n  border-right: 1px #e5e5e5 solid;\n  text-align: right;\n  padding-right: 20px;\n}\n\n.chart-rows .label {\n  left: 0;\n  top: calc(100% / 2 - calc(1rem / 2));\n  position: absolute;\n  transform: rotate(-90deg);\n  left: -68px;\n}\n\n.chart-data {\n  grid-area: data; \n}\n\n.chart-rows,\n.chart-data {\n  background-image: repeating-linear-gradient(to top, #CCC, #CCC 1px, white 1px, white 10%, #CCC 10% );\n}\n\n.chart-columns {\n  grid-area: columns;\n  /* overflow: hidden; */\n}\n\n.chart-data,\n.chart-columns {\n  display: flex;\n  gap: 12px;\n}\n\n.data-rows {\n  display: flex;\n  flex-direction: column-reverse;\n  height: 100%;\n}\n\n.data-rows > * {\n  flex: 1 1 0%;\n  display: flex;\n  align-items: start;\n  justify-content: end;\n  margin-top: 8px;\n}\n\n.data-column,\n.data-bar {\n  display: block;\n  min-width: 8px;\n  background-color: transparent;\n  min-width: 20px;\n  flex: 1 1 0%;\n}\n\n.data-bar.day-separator {\n  background-color: #03a9f45e;\n}\n\n.data-bar.day-separator,\n.data-column.day-separator {\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  max-width: 60px;\n}\n\n.data-bar.day-separator .label {\n  transform: rotate(-90deg);\n  white-space: nowrap;\n  background-color: #a2dffb;\n  padding: 8px;\n}\n\n.data-column {\n  display: flex;\n  align-items: center;\n  padding-top: 8px;\n}\n\n.data-column .label {\n  display: block;\n  transform: rotate(-90deg);\n  white-space: nowrap;\n  /* overflow: hidden;\n  text-overflow: ellipsis; */\n}\n\n.bar-day-entry {\n  display: flex;\n  flex-direction: column;\n}\n\n.bar-day-entry .label {\n  flex: 1;\n  min-height: 0px;\n  position: relative;\n  z-index: 1;\n  place-self: center end;\n  display: flex;\n  align-items: end;\n}\n\n.label.inside {\n  transform: translate(0px, 1.5rem);\n}\n\n.bar-value {\n  transition: all 0.4s ease-in-out 0s;\n  background: rgb(76 175 80 / 78%);\n}\n`;\n\nexport { chartStyles };\n\nconst DaySeparatorKind = 'Chart#DaySeparator';\nconst EntryKind = 'Chart#Entry';\n\ninterface IDaySeparator {\n  kind: typeof DaySeparatorKind;\n  label: string;\n}\n\ninterface IEntry {\n  kind: typeof EntryKind;\n  /**\n   * Request duration.\n   */\n  d: number;\n  /**\n   * Request size\n   */\n  res: number;\n  /**\n   * Response size\n   */\n  rps: number;\n  /**\n   * The log created time\n   */\n  t: number;\n}\n\ntype DataEntry = IEntry | IDaySeparator;\n\nexport class HttpHistoryChart {\n  protected _topDuration = 0;\n\n  protected _topRequestSize = 0;\n  \n  protected _topResponseSize = 0;\n\n  /**\n   * The ordered from the oldest to the newest history data.\n   */\n  protected _values: DataEntry[] = [];\n\n  /**\n   * @param data Sorted history data. Each array item is a group if requests made that day.\n   */\n  constructor(protected data: IHttpHistory[][]) {\n    this._analyze();\n  }\n\n  /**\n   * Normalizes the data, formats the labels and sets the `_values` array.\n   */\n  protected _analyze(): void {\n    const { data } = this;\n    const result: DataEntry[] = [];\n    const copy = [...data].reverse();\n    for (const group of copy) {\n      if (!group.length) {\n        continue;\n      }\n      const groupEntry: IDaySeparator = {\n        kind: DaySeparatorKind,\n        label: relativeDay(group[0].midnight || 0),\n      };\n      result.push(groupEntry);\n      for (const item of [...group].reverse()) {\n        const { log, created } = item;\n        if (!log) {\n          continue;\n        }\n        const entry: IEntry = {\n          kind: EntryKind,\n          d: 0,\n          res: 0,\n          rps: 0,\n          t: created,\n        };\n        result.push(entry);\n        const { size, response } = log;\n        if (size) {\n          entry.res = size.request;\n          entry.rps = size.response;\n          if (this._topRequestSize < size.request) {\n            this._topRequestSize = size.request;\n          }\n          if (this._topResponseSize < size.response) {\n            this._topResponseSize = size.response;\n          }\n        }\n        if (!ErrorResponse.isErrorResponse(response)) {\n          const typed = response as IResponse;\n          entry.d = typed.loadingTime;\n          if (this._topDuration < typed.loadingTime) {\n            this._topDuration = typed.loadingTime;\n          }\n        }\n      }\n    }\n    this._values = result;\n  }\n\n  /**\n   * Creates a plot for the request duration.\n   */\n  durationPlot(): TemplateResult {\n    return html`\n    <figure aria-hidden=\"true\" class=\"grid-container chart\">\n      <figcaption class=\"chart-title\">Request duration</figcaption>\n      ${this._durationRows()}\n      ${this._durationChart()}\n      ${this._durationColumns()}\n    </figure>\n    `;\n  }\n\n  private _durationRows(): TemplateResult {\n    const step = this._topDuration / 10;\n    return html`\n    <div class=\"chart-rows\">\n      <div class=\"label\">Milliseconds</div>\n      <div class=\"data-rows\">\n        ${map(range(10), (i) => html`<span>${Math.round((i+1) * step)}</span>`)}\n      </div>\n    </div>\n    `;\n  }\n\n  private _durationChart(): TemplateResult {\n    const data = this._values;\n    return html`<div class=\"chart-data\">\n      ${data.map(i => this._durationItem(i))}\n    </div>`;\n  }\n\n  private _durationColumns(): TemplateResult {\n    const data = this._values;\n    return html`\n    <div class=\"chart-columns\">\n      ${data.map(i => this._durationColumn(i))}\n    </div>`;\n  }\n\n  private _durationItem(item: DataEntry): TemplateResult {\n    if (item.kind === DaySeparatorKind) {\n      return this._durationDaySeparatorItem(item);\n    }\n    return this._durationEntryItem(item);\n  }\n\n  private _durationDaySeparatorItem(item: IDaySeparator): TemplateResult {\n    return html`\n    <div class=\"data-bar day-separator\">\n      <span class=\"label\">${item.label}</span>\n    </div>\n    `;\n  }\n\n  private _durationEntryItem(item: IEntry): TemplateResult {\n    const { d } = item;\n    let scale = 0;\n    if (this._topDuration) {\n      scale = d / this._topDuration;\n    }\n    const classes = {\n      'label': true,\n      'inside': scale >= 0.75,\n    };\n    return html`\n    <div class=\"data-bar bar-day-entry\">\n      <span class=\"${classMap(classes)}\">${d}</span>\n      <div class=\"bar-value\" style=\"flex-basis: ${scale * 100}%\">\n      </div>\n    </div>\n    `;\n  }\n\n  private _durationColumn(item: DataEntry): TemplateResult {\n    const classes = {\n      'data-column': true,\n      'day-separator': item.kind === DaySeparatorKind,\n    };\n    let label: string | undefined;\n    if (item.kind === EntryKind) {\n      label = getTime(item.t);\n    }\n    return html`\n    <div class=\"${classMap(classes)}\">\n      ${label ? html`<span class=\"label\">${label}</span>` : ''}\n    </div>\n    `;\n  }\n}\n"]}

package/dist/mixins/FileDropMixin.js

@@ -26,7 +26,6 @@ export const dropHandler = Symbol('dropHandler');
  */
 export const FileDropMixin = dedupeMixin((superClass) => {
     class MyMixinClass extends superClass {
-        dropTargetActive;
         constructor(...args) {
             super(...args);
             this[dragEnterHandler] = this[dragEnterHandler].bind(this);

package/dist/mixins/FileDropMixin.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileDropMixin.js","sourceRoot":"","sources":["../../src/mixins/FileDropMixin.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable max-classes-per-file */\n/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable class-methods-use-this */\nimport { html, TemplateResult, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { dedupeMixin } from '@open-wc/dedupe-mixin';\nimport '../define/ui/ui-icon.js';\n\nexport const dragEnterHandler = Symbol('dragEnterHandler');\nexport const dragLeaveHandler = Symbol('dragLeaveHandler');\nexport const dragOverHandler = Symbol('dragOverHandler');\nexport const dropHandler = Symbol('dropHandler');\n\ntype Constructor<T = {}> = new (...args: any[]) => T;\n\nexport declare class FileDropMixinInterface {\n  dropTargetActive: boolean;\n\n  /**\n   * Processes dropped to the page files\n   * @param files The list of dropped files\n   * @abstract This is to be implemented by the platform bindings\n   */\n  processDroppedFiles(files: FileList): Promise<void>;\n}\n\n/**\n * Adds methods to accept files via drag and drop.\n * The mixin register the dnd events on the body element. When an object is dragged over the window it adds\n * this `drop-target` class to the `body` element. Additionally it sets the `dropTargetActive` property.\n * \n * The mixin also assumes that when the `drop-target` is set then the `drop-info` overlay is rendered.\n * However, it does not change the logic if the element is not in the DOM.\n * Use the provided `dropTargetTemplate()` function to generate template for the drag info.\n * \n * The class implementing this mixin should override the `processDroppedFiles(files)`  method\n * to process the incoming files.\n *\n * @mixin\n */\nexport const FileDropMixin = dedupeMixin(<T extends Constructor<LitElement>>(superClass: T): Constructor<FileDropMixinInterface> & T => {\n  class MyMixinClass extends superClass {\n    @property() dropTargetActive: boolean;\n\n    constructor(...args: any[]) {\n      super(...args);\n      this[dragEnterHandler] = this[dragEnterHandler].bind(this);\n      this[dragLeaveHandler] = this[dragLeaveHandler].bind(this);\n      this[dragOverHandler] = this[dragOverHandler].bind(this);\n      this[dropHandler] = this[dropHandler].bind(this);\n\n      this.dropTargetActive = false;\n\n      document.body.addEventListener('dragenter', this[dragEnterHandler]);\n      document.body.addEventListener('dragleave', this[dragLeaveHandler]);\n      document.body.addEventListener('dragover', this[dragOverHandler]);\n      document.body.addEventListener('drop', this[dropHandler]);\n    }\n\n    /**\n     * Processes dropped to the page files\n     * @param files The list of dropped files\n     * @abstract This is to be implemented by the platform bindings\n     */\n    async processDroppedFiles(files: FileList): Promise<void> {\n      // ...\n    }\n\n    /**\n     * @returns The template for the drop file message\n     */\n    dropTargetTemplate(): TemplateResult {\n      return html`\n      <div class=\"drop-info\">\n        <ui-icon icon=\"fileDownload\" class=\"drop-icon\"></ui-icon>\n        <p class=\"drop-message\">Drop the file here</p>\n      </div>\n      `;\n    }\n\n    [dragEnterHandler](e: DragEvent): void {\n      if (!e.dataTransfer) {\n        return;\n      }\n      if (![...e.dataTransfer.types].includes('Files')) {\n        return;\n      }\n      e.preventDefault();\n      document.body.classList.add('drop-target');\n      this.dropTargetActive = true;\n      e.dataTransfer.effectAllowed = 'copy';\n    }\n\n    [dragLeaveHandler](e: DragEvent): void {\n      if (!e.dataTransfer) {\n        return;\n      }\n      if (![...e.dataTransfer.types].includes('Files')) {\n        return;\n      }\n      const node = e.target as HTMLElement;\n      if (node.nodeType !== Node.ELEMENT_NODE) {\n        return;\n      }\n      if (node !== document.body && !node.classList.contains('drop-info')) {\n        return;\n      }\n      e.preventDefault();\n      document.body.classList.remove('drop-target');\n      this.dropTargetActive = false;\n    }\n\n    [dragOverHandler](e: DragEvent): void {\n      if (!e.dataTransfer) {\n        return;\n      }\n      if (![...e.dataTransfer.types].includes('Files')) {\n        return;\n      }\n      const node = e.target as HTMLElement;\n      if (node.nodeType !== Node.ELEMENT_NODE) {\n        return;\n      }\n      if (node !== document.body && !node.classList.contains('drop-info')) {\n        return;\n      }\n      e.preventDefault();\n      document.body.classList.add('drop-target');\n      this.dropTargetActive = true;\n    }\n\n    [dropHandler](e: DragEvent): void {\n      if (!e.dataTransfer) {\n        return;\n      }\n      if (![...e.dataTransfer.types].includes('Files')) {\n        return;\n      }\n      e.preventDefault();\n      document.body.classList.remove('drop-target');\n      this.dropTargetActive = false;\n      this.processDroppedFiles(e.dataTransfer.files);\n    }\n  };\n  return MyMixinClass as Constructor<FileDropMixinInterface> & T;\n});\n"]}
+{"version":3,"file":"FileDropMixin.js","sourceRoot":"","sources":["../../src/mixins/FileDropMixin.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable max-classes-per-file */\n/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable class-methods-use-this */\nimport { html, TemplateResult, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { dedupeMixin } from '@open-wc/dedupe-mixin';\nimport '../define/ui/ui-icon.js';\n\nexport const dragEnterHandler = Symbol('dragEnterHandler');\nexport const dragLeaveHandler = Symbol('dragLeaveHandler');\nexport const dragOverHandler = Symbol('dragOverHandler');\nexport const dropHandler = Symbol('dropHandler');\n\ntype Constructor<T = {}> = new (...args: any[]) => T;\n\nexport declare class FileDropMixinInterface {\n  dropTargetActive: boolean;\n\n  /**\n   * Processes dropped to the page files\n   * @param files The list of dropped files\n   * @abstract This is to be implemented by the platform bindings\n   */\n  processDroppedFiles(files: FileList): Promise<void>;\n}\n\n/**\n * Adds methods to accept files via drag and drop.\n * The mixin register the dnd events on the body element. When an object is dragged over the window it adds\n * this `drop-target` class to the `body` element. Additionally it sets the `dropTargetActive` property.\n * \n * The mixin also assumes that when the `drop-target` is set then the `drop-info` overlay is rendered.\n * However, it does not change the logic if the element is not in the DOM.\n * Use the provided `dropTargetTemplate()` function to generate template for the drag info.\n * \n * The class implementing this mixin should override the `processDroppedFiles(files)`  method\n * to process the incoming files.\n *\n * @mixin\n */\nexport const FileDropMixin = dedupeMixin(<T extends Constructor<LitElement>>(superClass: T): Constructor<FileDropMixinInterface> & T => {\n  class MyMixinClass extends superClass {\n    @property() dropTargetActive: boolean;\n\n    constructor(...args: any[]) {\n      super(...args);\n      this[dragEnterHandler] = this[dragEnterHandler].bind(this);\n      this[dragLeaveHandler] = this[dragLeaveHandler].bind(this);\n      this[dragOverHandler] = this[dragOverHandler].bind(this);\n      this[dropHandler] = this[dropHandler].bind(this);\n\n      this.dropTargetActive = false;\n\n      document.body.addEventListener('dragenter', this[dragEnterHandler]);\n      document.body.addEventListener('dragleave', this[dragLeaveHandler]);\n      document.body.addEventListener('dragover', this[dragOverHandler]);\n      document.body.addEventListener('drop', this[dropHandler]);\n    }\n\n    /**\n     * Processes dropped to the page files\n     * @param files The list of dropped files\n     * @abstract This is to be implemented by the platform bindings\n     */\n    async processDroppedFiles(files: FileList): Promise<void> {\n      // ...\n    }\n\n    /**\n     * @returns The template for the drop file message\n     */\n    dropTargetTemplate(): TemplateResult {\n      return html`\n      <div class=\"drop-info\">\n        <ui-icon icon=\"fileDownload\" class=\"drop-icon\"></ui-icon>\n        <p class=\"drop-message\">Drop the file here</p>\n      </div>\n      `;\n    }\n\n    [dragEnterHandler](e: DragEvent): void {\n      if (!e.dataTransfer) {\n        return;\n      }\n      if (![...e.dataTransfer.types].includes('Files')) {\n        return;\n      }\n      e.preventDefault();\n      document.body.classList.add('drop-target');\n      this.dropTargetActive = true;\n      e.dataTransfer.effectAllowed = 'copy';\n    }\n\n    [dragLeaveHandler](e: DragEvent): void {\n      if (!e.dataTransfer) {\n        return;\n      }\n      if (![...e.dataTransfer.types].includes('Files')) {\n        return;\n      }\n      const node = e.target as HTMLElement;\n      if (node.nodeType !== Node.ELEMENT_NODE) {\n        return;\n      }\n      if (node !== document.body && !node.classList.contains('drop-info')) {\n        return;\n      }\n      e.preventDefault();\n      document.body.classList.remove('drop-target');\n      this.dropTargetActive = false;\n    }\n\n    [dragOverHandler](e: DragEvent): void {\n      if (!e.dataTransfer) {\n        return;\n      }\n      if (![...e.dataTransfer.types].includes('Files')) {\n        return;\n      }\n      const node = e.target as HTMLElement;\n      if (node.nodeType !== Node.ELEMENT_NODE) {\n        return;\n      }\n      if (node !== document.body && !node.classList.contains('drop-info')) {\n        return;\n      }\n      e.preventDefault();\n      document.body.classList.add('drop-target');\n      this.dropTargetActive = true;\n    }\n\n    [dropHandler](e: DragEvent): void {\n      if (!e.dataTransfer) {\n        return;\n      }\n      if (![...e.dataTransfer.types].includes('Files')) {\n        return;\n      }\n      e.preventDefault();\n      document.body.classList.remove('drop-target');\n      this.dropTargetActive = false;\n      this.processDroppedFiles(e.dataTransfer.files);\n    }\n  };\n  return MyMixinClass as Constructor<FileDropMixinInterface> & T;\n});\n"]}

package/dist/mixins/RenderableMixin.js

@@ -26,24 +26,11 @@ export const supportsAdoptingStyleSheets = window.ShadowRoot &&
  * @mixin
  */
 export const RenderableMixin = dedupeMixin((superClass) => {
+    var _a, _b;
     class RenderableMixinClass extends superClass {
         static get styles() {
             return css ``;
         }
-        /**
-         * Determines whether the initial render had run and the `firstRender()`
-         * function was called.
-         *
-         * @default false
-         */
-        firstRendered = false;
-        [renderingValue] = false;
-        [hasPendingUpdatePromise] = false;
-        [updateResolver];
-        /**
-         * @type A promise resolved when the render finished.
-         */
-        updateComplete;
         /**
          * True when rendering debouncer is running.
          */
@@ -52,6 +39,15 @@ export const RenderableMixin = dedupeMixin((superClass) => {
         }
         constructor(...args) {
             super(...args);
+            /**
+             * Determines whether the initial render had run and the `firstRender()`
+             * function was called.
+             *
+             * @default false
+             */
+            this.firstRendered = false;
+            this[_a] = false;
+            this[_b] = false;
             this[setUpdatePromise]();
             this.adaptStyles();
         }
@@ -118,7 +114,7 @@ export const RenderableMixin = dedupeMixin((superClass) => {
                 this[renderPage]();
             });
         }
-        [renderPage]() {
+        [(_a = renderingValue, _b = hasPendingUpdatePromise, renderPage)]() {
             const root = document.querySelector('#app');
             if (!root) {
                 // eslint-disable-next-line no-console

package/dist/mixins/RenderableMixin.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenderableMixin.js","sourceRoot":"","sources":["../../src/mixins/RenderableMixin.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\n/* eslint-disable @typescript-eslint/ban-ts-comment */\n/* eslint-disable class-methods-use-this */\n/* eslint-disable max-classes-per-file */\nimport { dedupeMixin } from '@open-wc/dedupe-mixin';\nimport { html, TemplateResult, render, CSSResult, css } from 'lit';\nimport { reactive } from '../lib/decorators.js';\n\nexport const renderingValue = Symbol('renderingValue');\nexport const renderPage = Symbol('renderPage');\nexport const setUpdatePromise = Symbol('setUpdatePromise');\nexport const updateResolver = Symbol('updateResolver');\nexport const hasPendingUpdatePromise = Symbol('hasPendingUpdatePromise');\nexport const resolveUpdatePromise = Symbol('resolveUpdatePromise');\n\ntype Constructor<T = {}> = new (...args: any[]) => T;\n\n/**\n * Whether the current browser supports `adoptedStyleSheets`.\n */\nexport const supportsAdoptingStyleSheets =\n window.ShadowRoot &&\n 'adoptedStyleSheets' in Document.prototype &&\n 'replace' in CSSStyleSheet.prototype;\n\nexport declare class RenderableMixinInterface {\n  /**\n   * Determines whether the initial render had run and the `firstRender()`\n   * function was called.\n   *\n   * @default false\n   */\n  firstRendered: boolean;\n\n  /** \n   * @type A promise resolved when the render finished.\n   */\n  updateComplete?: Promise<boolean>;\n\n  /** \n   * True when rendering debouncer is running.\n   */\n  get rendering(): boolean;\n\n  /**\n   * Helper function to be overridden by child classes. It is called when the view\n   * is rendered for the first time.\n   */\n  firstRender(): void;\n\n  /**\n   * A function called when the template has been rendered\n   */\n  updated(): void;\n\n  /**\n   * This to be used by the child classes to render page template.\n   * @returns Application page template\n   */\n  pageTemplate(): TemplateResult;\n\n  /**\n   * The main render function. Sub classes should not override this method.\n   * Override `[renderPage]()` instead.\n   *\n   * The function calls `[renderPage]()` in a micro task so it is safe to call this\n   * multiple time in the same event loop.\n   */\n  render(): TemplateResult | undefined;\n}\n\n/**\n * Adds methods that helps with asynchronous template rendering.\n * \n * The application page content is rendered into the `#app` container.\n *\n * @mixin\n */\nexport const RenderableMixin = dedupeMixin(<T extends Constructor<any>>(superClass: T): Constructor<RenderableMixinInterface> & T => {\n  class RenderableMixinClass extends superClass {\n    \n    static get styles(): CSSResult | CSSResult[] {\n      return css``;\n    }\n\n    /**\n     * Determines whether the initial render had run and the `firstRender()`\n     * function was called.\n     *\n     * @default false\n     */\n    @reactive() \n    firstRendered = false;\n\n    [renderingValue] = false;\n\n    [hasPendingUpdatePromise] = false;\n\n    [updateResolver]?: (value?: any) => void;\n    \n\n    /** \n     * @type A promise resolved when the render finished.\n     */\n    updateComplete?: Promise<boolean>;\n\n    /** \n     * True when rendering debouncer is running.\n     */\n    get rendering(): boolean {\n      return this[renderingValue];\n    }\n\n    constructor(...args: any[]) {\n      super(...args);\n      this[setUpdatePromise]();\n      this.adaptStyles();\n    }\n\n    protected adaptStyles(): void {\n      // @ts-ignore\n      const input = this.constructor.styles as CSSResult | CSSResult[];\n      if (!input) {\n        return;\n      }\n      let styles = input as CSSResult[];\n      if (!Array.isArray(input)) {\n        styles = [input];\n      }\n      if (supportsAdoptingStyleSheets) {\n        const sheets = styles.map(i => i.styleSheet);\n        // @ts-ignore\n        document.adoptedStyleSheets = [...document.adoptedStyleSheets, ...sheets];\n      } else {\n        styles.forEach((s) => {\n          const style = document.createElement('style');\n          style.textContent = (s as CSSResult).cssText;\n          document.head.appendChild(style);\n        });\n      }\n    }\n\n    /**\n     * Helper function to be overridden by child classes. It is called when the view\n     * is rendered for the first time.\n     */\n    firstRender(): void {\n      // \n    }\n\n    /**\n     * A function called when the template has been rendered\n     */\n    updated(): void {\n      // \n    }\n\n    /**\n     * This to be used by the child classes to render page template.\n     * @returns Application page template\n     */\n    pageTemplate(): TemplateResult {\n      return html``;\n    }\n\n    /**\n     * The main render function. Sub classes should not override this method.\n     * Override `[renderPage]()` instead.\n     *\n     * The function calls `[renderPage]()` in a micro task so it is safe to call this\n     * multiple time in the same event loop.\n     */\n    render(): TemplateResult | undefined {\n      if (this.rendering) {\n        return;\n      }\n      this[renderingValue] = true;\n      if (!this[hasPendingUpdatePromise]) {\n        this[setUpdatePromise]();\n      }\n      requestAnimationFrame(() => {\n        this[renderingValue] = false;\n        this[renderPage]();\n      });\n    }\n\n    [renderPage](): void {\n      const root = document.querySelector('#app') as HTMLElement;\n      if (!root) {\n        // eslint-disable-next-line no-console\n        console.warn(`The <div id=\"app\"></div> is not in the document.`);\n        return;\n      }\n      if (!this.firstRendered) {\n        this.firstRendered = true;\n        // cleanup any pre-existing content.\n        Array.from(root.childNodes).forEach(node => node.parentNode?.removeChild(node));\n        setTimeout(() => this.firstRender());\n      }\n      render(this.pageTemplate(), root, {  host: this, });\n      this[resolveUpdatePromise]();\n      this.updated();\n    }\n\n    [setUpdatePromise](): void {\n      this.updateComplete = new Promise((resolve) => {\n        this[updateResolver] = resolve;\n        this[hasPendingUpdatePromise] = true;\n      });\n    }\n\n    [resolveUpdatePromise](): void {\n      if (!this[hasPendingUpdatePromise]) {\n        return;\n      }\n      this[hasPendingUpdatePromise] = false;\n      const resolver = this[updateResolver];\n      if (resolver) {\n        resolver();\n      }\n    }\n  }\n  return RenderableMixinClass as Constructor<RenderableMixinInterface> & T;\n});\n"]}
+{"version":3,"file":"RenderableMixin.js","sourceRoot":"","sources":["../../src/mixins/RenderableMixin.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\n/* eslint-disable @typescript-eslint/ban-ts-comment */\n/* eslint-disable class-methods-use-this */\n/* eslint-disable max-classes-per-file */\nimport { dedupeMixin } from '@open-wc/dedupe-mixin';\nimport { html, TemplateResult, render, CSSResult, css } from 'lit';\nimport { reactive } from '../lib/decorators.js';\n\nexport const renderingValue = Symbol('renderingValue');\nexport const renderPage = Symbol('renderPage');\nexport const setUpdatePromise = Symbol('setUpdatePromise');\nexport const updateResolver = Symbol('updateResolver');\nexport const hasPendingUpdatePromise = Symbol('hasPendingUpdatePromise');\nexport const resolveUpdatePromise = Symbol('resolveUpdatePromise');\n\ntype Constructor<T = {}> = new (...args: any[]) => T;\n\n/**\n * Whether the current browser supports `adoptedStyleSheets`.\n */\nexport const supportsAdoptingStyleSheets =\n window.ShadowRoot &&\n 'adoptedStyleSheets' in Document.prototype &&\n 'replace' in CSSStyleSheet.prototype;\n\nexport declare class RenderableMixinInterface {\n  /**\n   * Determines whether the initial render had run and the `firstRender()`\n   * function was called.\n   *\n   * @default false\n   */\n  firstRendered: boolean;\n\n  /** \n   * @type A promise resolved when the render finished.\n   */\n  updateComplete?: Promise<boolean>;\n\n  /** \n   * True when rendering debouncer is running.\n   */\n  get rendering(): boolean;\n\n  /**\n   * Helper function to be overridden by child classes. It is called when the view\n   * is rendered for the first time.\n   */\n  firstRender(): void;\n\n  /**\n   * A function called when the template has been rendered\n   */\n  updated(): void;\n\n  /**\n   * This to be used by the child classes to render page template.\n   * @returns Application page template\n   */\n  pageTemplate(): TemplateResult;\n\n  /**\n   * The main render function. Sub classes should not override this method.\n   * Override `[renderPage]()` instead.\n   *\n   * The function calls `[renderPage]()` in a micro task so it is safe to call this\n   * multiple time in the same event loop.\n   */\n  render(): TemplateResult | undefined;\n}\n\n/**\n * Adds methods that helps with asynchronous template rendering.\n * \n * The application page content is rendered into the `#app` container.\n *\n * @mixin\n */\nexport const RenderableMixin = dedupeMixin(<T extends Constructor<any>>(superClass: T): Constructor<RenderableMixinInterface> & T => {\n  class RenderableMixinClass extends superClass {\n    \n    static get styles(): CSSResult | CSSResult[] {\n      return css``;\n    }\n\n    /**\n     * Determines whether the initial render had run and the `firstRender()`\n     * function was called.\n     *\n     * @default false\n     */\n    @reactive() \n    firstRendered = false;\n\n    [renderingValue] = false;\n\n    [hasPendingUpdatePromise] = false;\n\n    [updateResolver]?: (value?: any) => void;\n    \n\n    /** \n     * @type A promise resolved when the render finished.\n     */\n    updateComplete?: Promise<boolean>;\n\n    /** \n     * True when rendering debouncer is running.\n     */\n    get rendering(): boolean {\n      return this[renderingValue];\n    }\n\n    constructor(...args: any[]) {\n      super(...args);\n      this[setUpdatePromise]();\n      this.adaptStyles();\n    }\n\n    protected adaptStyles(): void {\n      // @ts-ignore\n      const input = this.constructor.styles as CSSResult | CSSResult[];\n      if (!input) {\n        return;\n      }\n      let styles = input as CSSResult[];\n      if (!Array.isArray(input)) {\n        styles = [input];\n      }\n      if (supportsAdoptingStyleSheets) {\n        const sheets = styles.map(i => i.styleSheet);\n        // @ts-ignore\n        document.adoptedStyleSheets = [...document.adoptedStyleSheets, ...sheets];\n      } else {\n        styles.forEach((s) => {\n          const style = document.createElement('style');\n          style.textContent = (s as CSSResult).cssText;\n          document.head.appendChild(style);\n        });\n      }\n    }\n\n    /**\n     * Helper function to be overridden by child classes. It is called when the view\n     * is rendered for the first time.\n     */\n    firstRender(): void {\n      // \n    }\n\n    /**\n     * A function called when the template has been rendered\n     */\n    updated(): void {\n      // \n    }\n\n    /**\n     * This to be used by the child classes to render page template.\n     * @returns Application page template\n     */\n    pageTemplate(): TemplateResult {\n      return html``;\n    }\n\n    /**\n     * The main render function. Sub classes should not override this method.\n     * Override `[renderPage]()` instead.\n     *\n     * The function calls `[renderPage]()` in a micro task so it is safe to call this\n     * multiple time in the same event loop.\n     */\n    render(): TemplateResult | undefined {\n      if (this.rendering) {\n        return;\n      }\n      this[renderingValue] = true;\n      if (!this[hasPendingUpdatePromise]) {\n        this[setUpdatePromise]();\n      }\n      requestAnimationFrame(() => {\n        this[renderingValue] = false;\n        this[renderPage]();\n      });\n    }\n\n    [renderPage](): void {\n      const root = document.querySelector('#app') as HTMLElement;\n      if (!root) {\n        // eslint-disable-next-line no-console\n        console.warn(`The <div id=\"app\"></div> is not in the document.`);\n        return;\n      }\n      if (!this.firstRendered) {\n        this.firstRendered = true;\n        // cleanup any pre-existing content.\n        Array.from(root.childNodes).forEach(node => node.parentNode?.removeChild(node));\n        setTimeout(() => this.firstRender());\n      }\n      render(this.pageTemplate(), root, {  host: this, });\n      this[resolveUpdatePromise]();\n      this.updated();\n    }\n\n    [setUpdatePromise](): void {\n      this.updateComplete = new Promise((resolve) => {\n        this[updateResolver] = resolve;\n        this[hasPendingUpdatePromise] = true;\n      });\n    }\n\n    [resolveUpdatePromise](): void {\n      if (!this[hasPendingUpdatePromise]) {\n        return;\n      }\n      this[hasPendingUpdatePromise] = false;\n      const resolver = this[updateResolver];\n      if (resolver) {\n        resolver();\n      }\n    }\n  }\n  return RenderableMixinClass as Constructor<RenderableMixinInterface> & T;\n});\n"]}

package/dist/pages/ApplicationScreen.d.ts

@@ -1,10 +1,10 @@
 import { TemplateResult } from 'lit';
 import { IUser, IBackendInfo } from '@api-client/core/build/browser.js';
 import { IConfigEnvironment, ThemeType } from '../lib/config/Config.js';
-import '../define/ui/ui-button.js';
 import { StoreBindings } from '../bindings/base/StoreBindings.js';
 import type { AddConfigEnvironmentInit, ConfigurationBindings } from '../bindings/base/ConfigurationBindings.js';
 import { PlatformBindings } from '../bindings/base/PlatformBindings.js';
+import '../define/ui/ui-button.js';
 export interface ApplicationInit {
     /**
      * A reference to the store bindings.

package/dist/pages/ApplicationScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationScreen.d.ts","sourceRoot":"","sources":["../../src/pages/ApplicationScreen.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ApplicationScreen.d.ts","sourceRoot":"","sources":["../../src/pages/ApplicationScreen.ts"],"names":[],"mappings":"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"}

package/dist/pages/ApplicationScreen.js

@@ -11,8 +11,8 @@ import { EventTypes } from '../events/EventTypes.js';
 import { ConfigBroadcastChannel } from '../lib/config/Config.js';
 import supportedPlatform from '../lib/SupportedPlatform.js';
 import { ButtonType } from '../ui/button/UiButton.js';
-import '../define/ui/ui-button.js';
 import { SnackNotifications } from '../ui/notification/SnackNotifications.js';
+import '../define/ui/ui-button.js';
 /**
  * A base class for pages build outside the LitElement. It uses `lit-html`
  * as the template renderer.
@@ -27,41 +27,6 @@ import { SnackNotifications } from '../ui/notification/SnackNotifications.js';
  * meaning, when the property change it calls the `render()` function.
  */
 export class ApplicationScreen extends RouteMixin(RenderableMixin(EventTarget)) {
-    eventTarget = window;
-    /**
-     * True when the app should render mobile friendly view.
-     */
-    isMobile = false;
-    /**
-     * The loading state information.
-     */
-    loadingStatus = 'Initializing the application...';
-    /**
-     * A flag telling the application screen that the logic is initialized.
-     *
-     * The page can request different initialization logics. When the logic is
-     * loaded the flag is set to true.
-     */
-    initialized = false;
-    /**
-     * The page on the screen currently being rendered.
-     */
-    page;
-    /**
-     * The current user.
-     * Call the `loadUser()` to populate this.
-     */
-    user;
-    /**
-     * True when the user meta is being loaded.
-     */
-    loadingUser = false;
-    authenticated = false;
-    /**
-     * This is automatically set when initializing the store.
-     * Basic information about the store.
-     */
-    storeInfo;
     /**
      * Checks whether the store is in the single user mode.
      * It also returns true when the store info is not set (before the backend was initialized).
@@ -73,28 +38,42 @@ export class ApplicationScreen extends RouteMixin(RenderableMixin(EventTarget))
         }
         return storeInfo.mode === 'single-user';
     }
-    pendingResolver;
-    /**
-     * Detected system theme.
-     */
-    systemTheme = 'light';
-    /**
-     * The theme to use as selected by the user.
-     * Default to system default.
-     */
-    userTheme = 'default';
-    /**
-     * Application configuration broadcast channel.
-     */
-    configBroadcast = new BroadcastChannel(ConfigBroadcastChannel);
-    bindings;
-    /**
-     * The store environment in use.
-     * This is set after the `initializeStore()` was called.
-     */
-    env;
     constructor(init) {
         super();
+        this.eventTarget = window;
+        /**
+         * True when the app should render mobile friendly view.
+         */
+        this.isMobile = false;
+        /**
+         * The loading state information.
+         */
+        this.loadingStatus = 'Initializing the application...';
+        /**
+         * A flag telling the application screen that the logic is initialized.
+         *
+         * The page can request different initialization logics. When the logic is
+         * loaded the flag is set to true.
+         */
+        this.initialized = false;
+        /**
+         * True when the user meta is being loaded.
+         */
+        this.loadingUser = false;
+        this.authenticated = false;
+        /**
+         * Detected system theme.
+         */
+        this.systemTheme = 'light';
+        /**
+         * The theme to use as selected by the user.
+         * Default to system default.
+         */
+        this.userTheme = 'default';
+        /**
+         * Application configuration broadcast channel.
+         */
+        this.configBroadcast = new BroadcastChannel(ConfigBroadcastChannel);
         this.bindings = {
             config: init.config,
             store: init.store,