npm - @api-client/ui - Versions diffs - 0.0.4 → 0.0.5 - Mend

@api-client/ui 0.0.4 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (514) hide show

package/dist/http-client/store/DataImportProcessor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataImportProcessor.js","sourceRoot":"","sources":["../../../src/http-client/store/DataImportProcessor.ts"],"names":[],"mappings":"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","sourcesContent":["import { HttpProject, HttpProjectKind, IHttpProject, LegacyDataExportToApiProject, Project, PostmanDataTransformer, FileAddOptions } from \"@api-client/core/build/browser.js\";\nimport { ArcExportObject, ArcPouchTransformer, ExportArcProjects } from \"@api-client/core/build/legacy.js\";\nimport { StoreBindings } from \"../../bindings/base/StoreBindings.js\";\n\nexport interface IAnalyzeResult {\n /*\n Indicates that there was an error during import analysis.\n /\n error?: boolean;\n /\n Error message.\n /\n message?: string;\n\n /\n The source application for the file.\n /\n source?: 'arc' \| 'postman' \| 'api-client';\n /\n The name of the project to import\n /\n name?: string;\n /\n Schema version, if any.\n /\n version?: string;\n}\n\nconst PostmanV20Schema = 'https://schema.getpostman.com/json/collection/v2.0.0/collection.json';\nconst PostmanV21Schema = 'https://schema.getpostman.com/json/collection/v2.1.0/collection.json';\n\n/\n A helper class that controls data import logic.\n /\nexport class DataImportProcessor {\n importData: unknown \| undefined;\n\n analysis?: IAnalyzeResult;\n\n #abortCtrl: AbortController;\n\n signal: AbortSignal;\n\n constructor() {\n this.#abortCtrl = new AbortController();\n this.signal = this.#abortCtrl.signal;\n }\n\n abort(): void {\n this.#abortCtrl.abort();\n }\n\n async fromFile(file: File): Promise<IAnalyzeResult> {\n this.importData = undefined;\n this.analysis = undefined;\n\n const contents = await file.text();\n let data: unknown \| undefined;\n try {\n data = JSON.parse(contents);\n } catch (e) {\n // ...\n }\n return this.analyzeData(data);\n }\n\n async importProject(db: StoreBindings, space: string, parent?: string): Promise<void> {\n const { importData, analysis } = this;\n if (!importData \|\| !analysis) {\n throw new Error(`You need to initialize import first.`);\n }\n if (analysis.error) {\n throw new Error(`The import data are invalid.`);\n }\n switch (analysis.source) {\n case 'arc': this.importArcProject(importData as ArcExportObject, db, space, parent); break;\n case 'api-client': this.importHttpProject(importData as IHttpProject, db, space, parent); break;\n case 'postman': this.importPostmanProject(importData, analysis, db, space, parent); break;\n default: throw new Error(`Unknown import source: ${analysis.source}.`);\n }\n }\n\n protected analyzeData(data: unknown): IAnalyzeResult {\n this.importData = data;\n let analysis: IAnalyzeResult;\n\n if (!data) {\n analysis = {\n error: true,\n message: 'Unable to parse the input file. Not a JSON file.'\n };\n } else if (this.isHttpProject(data)) {\n analysis = this.analyzeHttpProject(data);\n } else if (this.isArcProject(data)) {\n analysis = this.analyzeArcProject(data);\n } else if (this.isPostmanCollection(data)) {\n analysis = this.analyzePostman(data);\n } else {\n analysis = {\n error: true,\n message: 'Unrecognized file. Expected ARC, Postman, or HTTP Client export.'\n };\n }\n this.analysis = analysis;\n return analysis;\n }\n\n /\n Checks whether the passed data contain Postman collection (v2 or v2.1).\n /\n protected isPostmanCollection(data: unknown): boolean {\n const typed = data as { info: { _postman_id: string, name: string, schema: string } }\n if (!typed.info \|\| !typed.info.schema) {\n return false;\n }\n const { schema } = typed.info;\n return [PostmanV20Schema, PostmanV21Schema].includes(schema);\n }\n\n protected analyzePostman(data: unknown): IAnalyzeResult {\n const typed = data as { info: { _postman_id: string, name: string, schema: string } }\n const { schema, name } = typed.info;\n return {\n name: name \|\| 'Unnamed collection',\n source: 'postman',\n version: schema === PostmanV20Schema ? 'v2' : 'v2.1'\n }\n }\n\n /\n Checks whether the passed data contain ARC's project\n /\n protected isArcProject(data: unknown): boolean {\n const typed = data as ArcExportObject;\n if (typed.kind !== 'ARC#Project') {\n return false;\n }\n return !!typed.projects && typed.projects.length === 1;\n }\n\n protected analyzeArcProject(data: unknown): IAnalyzeResult {\n const typed = data as ArcExportObject;\n const [project] = typed.projects as ExportArcProjects[];\n return {\n source: 'arc',\n name: project.name,\n }\n }\n\n /\n Checks whether the data is an HttpProject.\n */\n protected isHttpProject(data: unknown): boolean {\n const typed = data as IHttpProject;\n return typed.kind === HttpProjectKind;\n }\n\n protected analyzeHttpProject(data: unknown): IAnalyzeResult {\n const typed = data as IHttpProject;\n return {\n source: 'api-client',\n name: typed.info.name \|\| 'Unnamed project',\n }\n }\n\n protected async importArcProject(importData: ArcExportObject, db: StoreBindings, space: string, parent?: string): Promise<void> {\n const transformer = new ArcPouchTransformer(importData);\n const normalized = await transformer.transform();\n const processor = new LegacyDataExportToApiProject();\n const projects = await processor.readProjects(normalized);\n const [data] = projects;\n this.upsert(data, db, space, parent);\n }\n\n protected async importHttpProject(importData: IHttpProject, db: StoreBindings, space: string, parent?: string): Promise<void> {\n const data = new HttpProject(importData);\n this.upsert(data, db, space, parent);\n }\n\n protected async importPostmanProject(importData: unknown, analysis: IAnalyzeResult, db: StoreBindings, space: string, parent?: string): Promise<void> {\n const data = await PostmanDataTransformer.transform(importData);\n const project = Array.isArray(data) ? data[0] : data;\n this.upsert(project, db, space, parent);\n }\n\n protected async upsert(data: HttpProject, db: StoreBindings, space: string, parent?: string): Promise<void> {\n const meta = Project.fromProject(data, space);\n const opts: FileAddOptions = {};\n if (parent) {\n opts.parent = parent;\n }\n // meta file\n const file = await db.files.add(meta.toJSON(), opts);\n // file contents\n await db.media.add(file.key, data.toJSON(), 'application/json');\n }\n}\n"]}
1	+ {"version":3,"file":"DataImportProcessor.js","sourceRoot":"","sources":["../../../src/http-client/store/DataImportProcessor.ts"],"names":[],"mappings":"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","sourcesContent":["import { HttpProject, HttpProjectKind, IHttpProject, LegacyDataExportToApiProject, Project, PostmanDataTransformer, FileAddOptions } from \"@api-client/core/build/browser.js\";\nimport { ArcExportObject, ArcPouchTransformer, ExportArcProjects } from \"@api-client/core/build/legacy.js\";\nimport { StoreBindings } from \"../../bindings/base/StoreBindings.js\";\n\nexport interface IAnalyzeResult {\n /*\n Indicates that there was an error during import analysis.\n /\n error?: boolean;\n /\n Error message.\n /\n message?: string;\n\n /\n The source application for the file.\n /\n source?: 'arc' \| 'postman' \| 'api-client';\n /\n The name of the project to import\n /\n name?: string;\n /\n Schema version, if any.\n /\n version?: string;\n}\n\nconst PostmanV20Schema = 'https://schema.getpostman.com/json/collection/v2.0.0/collection.json';\nconst PostmanV21Schema = 'https://schema.getpostman.com/json/collection/v2.1.0/collection.json';\n\n/\n A helper class that controls data import logic.\n /\nexport class DataImportProcessor {\n importData: unknown \| undefined;\n\n analysis?: IAnalyzeResult;\n\n #abortCtrl: AbortController;\n\n signal: AbortSignal;\n\n constructor() {\n this.#abortCtrl = new AbortController();\n this.signal = this.#abortCtrl.signal;\n }\n\n abort(): void {\n this.#abortCtrl.abort();\n }\n\n async fromFile(file: File): Promise<IAnalyzeResult> {\n this.importData = undefined;\n this.analysis = undefined;\n\n const contents = await file.text();\n let data: unknown \| undefined;\n try {\n data = JSON.parse(contents);\n } catch (e) {\n // ...\n }\n return this.analyzeData(data);\n }\n\n async importProject(db: StoreBindings, space: string, parent?: string): Promise<void> {\n const { importData, analysis } = this;\n if (!importData \|\| !analysis) {\n throw new Error(`You need to initialize import first.`);\n }\n if (analysis.error) {\n throw new Error(`The import data are invalid.`);\n }\n switch (analysis.source) {\n case 'arc': this.importArcProject(importData as ArcExportObject, db, space, parent); break;\n case 'api-client': this.importHttpProject(importData as IHttpProject, db, space, parent); break;\n case 'postman': this.importPostmanProject(importData, analysis, db, space, parent); break;\n default: throw new Error(`Unknown import source: ${analysis.source}.`);\n }\n }\n\n protected analyzeData(data: unknown): IAnalyzeResult {\n this.importData = data;\n let analysis: IAnalyzeResult;\n\n if (!data) {\n analysis = {\n error: true,\n message: 'Unable to parse the input file. Not a JSON file.'\n };\n } else if (this.isHttpProject(data)) {\n analysis = this.analyzeHttpProject(data);\n } else if (this.isArcProject(data)) {\n analysis = this.analyzeArcProject(data);\n } else if (this.isPostmanCollection(data)) {\n analysis = this.analyzePostman(data);\n } else {\n analysis = {\n error: true,\n message: 'Unrecognized file. Expected ARC, Postman, or HTTP Client export.'\n };\n }\n this.analysis = analysis;\n return analysis;\n }\n\n /\n Checks whether the passed data contain Postman collection (v2 or v2.1).\n /\n protected isPostmanCollection(data: unknown): boolean {\n const typed = data as { info: { _postman_id: string, name: string, schema: string } }\n if (!typed.info \|\| !typed.info.schema) {\n return false;\n }\n const { schema } = typed.info;\n return [PostmanV20Schema, PostmanV21Schema].includes(schema);\n }\n\n protected analyzePostman(data: unknown): IAnalyzeResult {\n const typed = data as { info: { _postman_id: string, name: string, schema: string } }\n const { schema, name } = typed.info;\n return {\n name: name \|\| 'Unnamed collection',\n source: 'postman',\n version: schema === PostmanV20Schema ? 'v2' : 'v2.1'\n }\n }\n\n /\n Checks whether the passed data contain ARC's project\n /\n protected isArcProject(data: unknown): boolean {\n const typed = data as ArcExportObject;\n if (typed.kind !== 'ARC#Project') {\n return false;\n }\n return !!typed.projects && typed.projects.length === 1;\n }\n\n protected analyzeArcProject(data: unknown): IAnalyzeResult {\n const typed = data as ArcExportObject;\n const [project] = typed.projects as ExportArcProjects[];\n return {\n source: 'arc',\n name: project.name,\n }\n }\n\n /\n Checks whether the data is an HttpProject.\n */\n protected isHttpProject(data: unknown): boolean {\n const typed = data as IHttpProject;\n return typed.kind === HttpProjectKind;\n }\n\n protected analyzeHttpProject(data: unknown): IAnalyzeResult {\n const typed = data as IHttpProject;\n return {\n source: 'api-client',\n name: typed.info.name \|\| 'Unnamed project',\n }\n }\n\n protected async importArcProject(importData: ArcExportObject, db: StoreBindings, space: string, parent?: string): Promise<void> {\n const transformer = new ArcPouchTransformer(importData);\n const normalized = await transformer.transform();\n const processor = new LegacyDataExportToApiProject();\n const projects = await processor.readProjects(normalized);\n const [data] = projects;\n this.upsert(data, db, space, parent);\n }\n\n protected async importHttpProject(importData: IHttpProject, db: StoreBindings, space: string, parent?: string): Promise<void> {\n const data = new HttpProject(importData);\n this.upsert(data, db, space, parent);\n }\n\n protected async importPostmanProject(importData: unknown, analysis: IAnalyzeResult, db: StoreBindings, space: string, parent?: string): Promise<void> {\n const data = await PostmanDataTransformer.transform(importData);\n const project = Array.isArray(data) ? data[0] : data;\n this.upsert(project, db, space, parent);\n }\n\n protected async upsert(data: HttpProject, db: StoreBindings, space: string, parent?: string): Promise<void> {\n const meta = Project.fromProject(data, space);\n const opts: FileAddOptions = {};\n if (parent) {\n opts.parent = parent;\n }\n // meta file\n const file = await db.files.add(meta.toJSON(), opts);\n // file contents\n await db.media.add(file.key, data.toJSON(), 'application/json');\n }\n}\n"]}

package/dist/http-client/store/HttpClientIdbDatabase.js CHANGED Viewed

@@ -7,12 +7,14 @@ import { IdbProjectUi } from './idb/IdbProjectUi.js';
  * The implementation of the API Client app database in IDB.
  */
 export class HttpClientIdbDatabase {
-    /**
-     * The default limit of items returned by the list operation.
-     * @default 35
-     */
-    defaultLimit = 35;
-    _db;
+    constructor() {
+        /**
+         * The default limit of items returned by the list operation.
+         * @default 35
+         */
+        this.defaultLimit = 35;
+        this.cursor = new Cursor();
+    }
     /**
      * The reference to the currently opened database.
      * This throws when the `initialize()` method wasn't called.
@@ -73,7 +75,6 @@ export class HttpClientIdbDatabase {
         this.db.close();
         this._db = undefined;
     }
-    cursor = new Cursor();
     async readListState(source = {}) {
         if (source.cursor) {
             return this.cursor.decodeCursor(source.cursor);

package/dist/http-client/store/HttpClientIdbDatabase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HttpClientIdbDatabase.js","sourceRoot":"","sources":["../../../src/http-client/store/HttpClientIdbDatabase.ts"],"names":[],"mappings":"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","sourcesContent":["import { openDB, IDBPDatabase, IDBPObjectStore } from 'idb/with-async-ittr';\nimport { ContextListOptions } from '@api-client/core/build/browser.js';\nimport { HttpClientPersistance } from \"./HttpClientPersistance.js\";\nimport { Cursor } from './Cursor.js';\nimport { IListState } from './State.js';\nimport { HttpClientDB, SpaceStoreNames, StoreName } from './types.js';\nimport { IdbUrlHistory } from './idb/IdbUrlHistory.js';\nimport { IdbWsHistory } from './idb/IdbWsHistory.js';\nimport { IdbProjectUi } from './idb/IdbProjectUi.js';\n\n/*\n The implementation of the API Client app database in IDB.\n /\nexport class HttpClientIdbDatabase implements HttpClientPersistance {\n /\n The default limit of items returned by the list operation.\n * @default 35\n /\n defaultLimit = 35;\n\n protected _db?: IDBPDatabase<HttpClientDB>;\n\n /\n The reference to the currently opened database.\n * This throws when the `initialize()` method wasn't called.\n /\n get db(): IDBPDatabase<HttpClientDB> {\n const db = this._db;\n if (!db) {\n throw new Error(`Attempted to access the database before opening a connection.`);\n }\n return db;\n }\n \n #urlHistory?: IdbUrlHistory;\n\n /\n File metadata store.\n /\n get urlHistory(): IdbUrlHistory {\n const ref = this.#urlHistory;\n if (!ref) {\n throw new Error(`Store not initialized.`);\n }\n return ref;\n }\n\n #wsHistory?: IdbWsHistory;\n\n /\n File metadata store.\n /\n get wsHistory(): IdbWsHistory {\n const ref = this.#wsHistory;\n if (!ref) {\n throw new Error(`Store not initialized.`);\n }\n return ref;\n }\n\n #projectUi?: IdbProjectUi;\n\n /\n File metadata store.\n /\n get projectUi(): IdbProjectUi {\n const ref = this.#projectUi;\n if (!ref) {\n throw new Error(`Store not initialized.`);\n }\n return ref;\n }\n\n async initialize(): Promise<void> {\n const db = await this.open();\n\n this.#urlHistory = new IdbUrlHistory(this, db);\n this.#wsHistory = new IdbWsHistory(this, db);\n this.#projectUi = new IdbProjectUi(this, db);\n \n await this.#urlHistory.warmup();\n await this.#wsHistory.warmup();\n await this.#projectUi.warmup();\n }\n\n async cleanup(): Promise<void> {\n await this.urlHistory.cleanup();\n await this.wsHistory.cleanup();\n await this.projectUi.cleanup();\n\n this.db.close();\n this._db = undefined;\n }\n\n cursor = new Cursor();\n\n async readListState(source: ContextListOptions = {}): Promise<IListState> {\n if (source.cursor) {\n return this.cursor.decodeCursor(source.cursor);\n }\n return { ...source } as IListState;\n }\n\n /\n Creates a database cursor when there are results.\n * This sets `skip` and `lastKey` parameters.\n * \n * @param state The last list state object\n * @param results The read results.\n * @returns A cursor to be used with pagination.\n /\n async createCursorIfNeeded(state: IListState, results: unknown[]): Promise<string \| undefined> {\n if (!results.length) {\n return undefined;\n }\n\n const copy = { ...state } as IListState;\n const { key } = (results[results.length - 1] as { key: string });\n copy.skip = 1;\n copy.lastKey = key;\n return this.cursor.encodeCursor(copy);\n }\n\n /\n Opens the ARC store.\n * @returns The reference to the database\n /\n async open(): Promise<IDBPDatabase<HttpClientDB>> {\n if (this._db) {\n return this._db;\n }\n const dbResult = await openDB<HttpClientDB>('HttpClient', 1, {\n upgrade: (db) => {\n const stores: StoreName[] = [\n 'UrlHistory', 'WsHistory',\n 'AuthCache', 'Hosts', 'Environments', \n 'ProjectUi', \n ];\n const names = db.objectStoreNames;\n for (const name of stores) {\n const exists = names.contains(name);\n const fnName = `_${name}UpgradeHandler` as unknown as '_UrlHistoryUpgradeHandler' \| '_WsHistoryUpgradeHandler' \| '_ProjectUiUpgradeHandler';\n if (typeof this[fnName] === 'function') {\n this[fnName](db, exists);\n } else if (!exists) {\n this._defaultUpgradeHandler(name as SpaceStoreNames, db, exists);\n }\n }\n },\n });\n this._db = dbResult;\n return dbResult;\n }\n\n /\n Creates a default store where the stored object is identified by the `data.key` path.\n * @param name The store name to create\n * @param db The handler to the database\n */\n private _defaultUpgradeHandler(name: SpaceStoreNames, db: IDBPDatabase<HttpClientDB>, storeExists: boolean): void {\n if (storeExists) {\n return;\n }\n const store = db.createObjectStore(name, { keyPath: 'data.key' });\n const typed = store as IDBPObjectStore<HttpClientDB, SpaceStoreNames[], SpaceStoreNames, 'versionchange'>;\n typed.createIndex('space', 'meta.space', { unique: false });\n }\n\n private _UrlHistoryUpgradeHandler(db: IDBPDatabase<HttpClientDB>, storeExists: boolean): void {\n if (storeExists) {\n return;\n }\n db.createObjectStore('UrlHistory', { keyPath: 'key' });\n }\n\n private _WsHistoryUpgradeHandler(db: IDBPDatabase<HttpClientDB>, storeExists: boolean): void {\n if (storeExists) {\n return;\n }\n db.createObjectStore('WsHistory', { keyPath: 'key' });\n }\n\n private _ProjectUiUpgradeHandler(db: IDBPDatabase<HttpClientDB>, storeExists: boolean): void {\n if (storeExists) {\n return;\n }\n const store = db.createObjectStore('ProjectUi', { keyPath: ['meta.project', 'meta.key'] });\n const typed = store as IDBPObjectStore<HttpClientDB, ['ProjectUi'], 'ProjectUi', 'versionchange'>;\n typed.createIndex('project', 'meta.project', { unique: false });\n }\n}\n"]}
1	+ {"version":3,"file":"HttpClientIdbDatabase.js","sourceRoot":"","sources":["../../../src/http-client/store/HttpClientIdbDatabase.ts"],"names":[],"mappings":"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","sourcesContent":["import { openDB, IDBPDatabase, IDBPObjectStore } from 'idb/with-async-ittr';\nimport { ContextListOptions } from '@api-client/core/build/browser.js';\nimport { HttpClientPersistance } from \"./HttpClientPersistance.js\";\nimport { Cursor } from './Cursor.js';\nimport { IListState } from './State.js';\nimport { HttpClientDB, SpaceStoreNames, StoreName } from './types.js';\nimport { IdbUrlHistory } from './idb/IdbUrlHistory.js';\nimport { IdbWsHistory } from './idb/IdbWsHistory.js';\nimport { IdbProjectUi } from './idb/IdbProjectUi.js';\n\n/*\n The implementation of the API Client app database in IDB.\n /\nexport class HttpClientIdbDatabase implements HttpClientPersistance {\n /\n The default limit of items returned by the list operation.\n * @default 35\n /\n defaultLimit = 35;\n\n protected _db?: IDBPDatabase<HttpClientDB>;\n\n /\n The reference to the currently opened database.\n * This throws when the `initialize()` method wasn't called.\n /\n get db(): IDBPDatabase<HttpClientDB> {\n const db = this._db;\n if (!db) {\n throw new Error(`Attempted to access the database before opening a connection.`);\n }\n return db;\n }\n \n #urlHistory?: IdbUrlHistory;\n\n /\n File metadata store.\n /\n get urlHistory(): IdbUrlHistory {\n const ref = this.#urlHistory;\n if (!ref) {\n throw new Error(`Store not initialized.`);\n }\n return ref;\n }\n\n #wsHistory?: IdbWsHistory;\n\n /\n File metadata store.\n /\n get wsHistory(): IdbWsHistory {\n const ref = this.#wsHistory;\n if (!ref) {\n throw new Error(`Store not initialized.`);\n }\n return ref;\n }\n\n #projectUi?: IdbProjectUi;\n\n /\n File metadata store.\n /\n get projectUi(): IdbProjectUi {\n const ref = this.#projectUi;\n if (!ref) {\n throw new Error(`Store not initialized.`);\n }\n return ref;\n }\n\n async initialize(): Promise<void> {\n const db = await this.open();\n\n this.#urlHistory = new IdbUrlHistory(this, db);\n this.#wsHistory = new IdbWsHistory(this, db);\n this.#projectUi = new IdbProjectUi(this, db);\n \n await this.#urlHistory.warmup();\n await this.#wsHistory.warmup();\n await this.#projectUi.warmup();\n }\n\n async cleanup(): Promise<void> {\n await this.urlHistory.cleanup();\n await this.wsHistory.cleanup();\n await this.projectUi.cleanup();\n\n this.db.close();\n this._db = undefined;\n }\n\n cursor = new Cursor();\n\n async readListState(source: ContextListOptions = {}): Promise<IListState> {\n if (source.cursor) {\n return this.cursor.decodeCursor(source.cursor);\n }\n return { ...source } as IListState;\n }\n\n /\n Creates a database cursor when there are results.\n * This sets `skip` and `lastKey` parameters.\n * \n * @param state The last list state object\n * @param results The read results.\n * @returns A cursor to be used with pagination.\n /\n async createCursorIfNeeded(state: IListState, results: unknown[]): Promise<string \| undefined> {\n if (!results.length) {\n return undefined;\n }\n\n const copy = { ...state } as IListState;\n const { key } = (results[results.length - 1] as { key: string });\n copy.skip = 1;\n copy.lastKey = key;\n return this.cursor.encodeCursor(copy);\n }\n\n /\n Opens the ARC store.\n * @returns The reference to the database\n /\n async open(): Promise<IDBPDatabase<HttpClientDB>> {\n if (this._db) {\n return this._db;\n }\n const dbResult = await openDB<HttpClientDB>('HttpClient', 1, {\n upgrade: (db) => {\n const stores: StoreName[] = [\n 'UrlHistory', 'WsHistory',\n 'AuthCache', 'Hosts', 'Environments', \n 'ProjectUi', \n ];\n const names = db.objectStoreNames;\n for (const name of stores) {\n const exists = names.contains(name);\n const fnName = `_${name}UpgradeHandler` as unknown as '_UrlHistoryUpgradeHandler' \| '_WsHistoryUpgradeHandler' \| '_ProjectUiUpgradeHandler';\n if (typeof this[fnName] === 'function') {\n this[fnName](db, exists);\n } else if (!exists) {\n this._defaultUpgradeHandler(name as SpaceStoreNames, db, exists);\n }\n }\n },\n });\n this._db = dbResult;\n return dbResult;\n }\n\n /\n Creates a default store where the stored object is identified by the `data.key` path.\n * @param name The store name to create\n * @param db The handler to the database\n */\n private _defaultUpgradeHandler(name: SpaceStoreNames, db: IDBPDatabase<HttpClientDB>, storeExists: boolean): void {\n if (storeExists) {\n return;\n }\n const store = db.createObjectStore(name, { keyPath: 'data.key' });\n const typed = store as IDBPObjectStore<HttpClientDB, SpaceStoreNames[], SpaceStoreNames, 'versionchange'>;\n typed.createIndex('space', 'meta.space', { unique: false });\n }\n\n private _UrlHistoryUpgradeHandler(db: IDBPDatabase<HttpClientDB>, storeExists: boolean): void {\n if (storeExists) {\n return;\n }\n db.createObjectStore('UrlHistory', { keyPath: 'key' });\n }\n\n private _WsHistoryUpgradeHandler(db: IDBPDatabase<HttpClientDB>, storeExists: boolean): void {\n if (storeExists) {\n return;\n }\n db.createObjectStore('WsHistory', { keyPath: 'key' });\n }\n\n private _ProjectUiUpgradeHandler(db: IDBPDatabase<HttpClientDB>, storeExists: boolean): void {\n if (storeExists) {\n return;\n }\n const store = db.createObjectStore('ProjectUi', { keyPath: ['meta.project', 'meta.key'] });\n const typed = store as IDBPObjectStore<HttpClientDB, ['ProjectUi'], 'ProjectUi', 'versionchange'>;\n typed.createIndex('project', 'meta.project', { unique: false });\n }\n}\n"]}

package/dist/http-client/store/IdbThread.js CHANGED Viewed

@@ -4,29 +4,32 @@ import { HttpClientIdbDatabase } from "./HttpClientIdbDatabase.js";
  * A logic running in the shared worker that accesses datastore for API Client.
  */
 export class IdbThread extends SharedWorkerThread {
-    store = new HttpClientIdbDatabase();
+    constructor() {
+        super(...arguments);
+        this.store = new HttpClientIdbDatabase();
+        this.wsHistory = {
+            add: (url) => this.store.wsHistory.add(url),
+            query: (query) => this.store.wsHistory.query(query),
+            delete: (url) => this.store.wsHistory.delete(url),
+            clear: () => this.store.wsHistory.clear(),
+        };
+        this.urlHistory = {
+            add: (url) => this.store.urlHistory.add(url),
+            query: (query) => this.store.urlHistory.query(query),
+            delete: (url) => this.store.urlHistory.delete(url),
+            clear: () => this.store.urlHistory.clear(),
+        };
+        this.projectUi = {
+            clear: (key) => this.store.projectUi.clear(key),
+            set: (pid, key, meta) => this.store.projectUi.set(pid, key, meta),
+            get: (pid, key) => this.store.projectUi.get(pid, key),
+            getBulk: (pid, keys) => this.store.projectUi.getBulk(pid, keys),
+            delete: (pid, key) => this.store.projectUi.delete(pid, key),
+        };
+    }
     async initializeStore() {
         await this.store.initialize();
     }
-    wsHistory = {
-        add: (url) => this.store.wsHistory.add(url),
-        query: (query) => this.store.wsHistory.query(query),
-        delete: (url) => this.store.wsHistory.delete(url),
-        clear: () => this.store.wsHistory.clear(),
-    };
-    urlHistory = {
-        add: (url) => this.store.urlHistory.add(url),
-        query: (query) => this.store.urlHistory.query(query),
-        delete: (url) => this.store.urlHistory.delete(url),
-        clear: () => this.store.urlHistory.clear(),
-    };
-    projectUi = {
-        clear: (key) => this.store.projectUi.clear(key),
-        set: (pid, key, meta) => this.store.projectUi.set(pid, key, meta),
-        get: (pid, key) => this.store.projectUi.get(pid, key),
-        getBulk: (pid, keys) => this.store.projectUi.getBulk(pid, keys),
-        delete: (pid, key) => this.store.projectUi.delete(pid, key),
-    };
 }
 // Probably this should go to a separate file...
 const instance = new IdbThread();

package/dist/http-client/store/IdbThread.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IdbThread.js","sourceRoot":"","sources":["../../../src/http-client/store/IdbThread.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,kBAAkB;~~IAC/C~~,~~KAAK~~,GAAG,IAAI,qBAAqB,EAAE,CAAC;~~IAEpC~~,~~KAAK~~,~~CAAC,eAAe;QACnB,MAAM,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;IAChC,CAAC;IAED,SAAS,~~GAAG;~~QACV~~,GAAG,EAAE,CAAC,GAAW,EAAiB,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC;~~QAClE~~,KAAK,EAAE,CAAC,KAAa,EAAiC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC;~~QAC1F~~,MAAM,EAAE,CAAC,GAAW,EAAgC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC;~~QACvF~~,KAAK,EAAE,GAAkB,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE;~~KACzD~~,CAAA;~~IAED~~,~~UAAU~~,GAAG;~~QACX~~,GAAG,EAAE,CAAC,GAAW,EAAiB,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC;~~QACnE~~,KAAK,EAAE,CAAC,KAAa,EAAiC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;~~QAC3F~~,MAAM,EAAE,CAAC,GAAW,EAAgC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC;~~QACxF~~,KAAK,EAAE,GAAkB,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE;~~KAC1D~~,CAAA;~~IAED~~,~~SAAS~~,GAAG;~~QACV~~,KAAK,EAAE,CAAC,GAAW,EAAgC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC;~~QACrF~~,GAAG,EAAE,CAAC,GAAW,EAAE,GAAW,EAAE,IAAoB,EAAgD,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC;~~QAC~~/I,GAAG,EAAE,CAAC,GAAW,EAAE,GAAW,EAAuC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC;~~QAC1G~~,OAAO,EAAE,CAAC,GAAW,EAAE,IAAc,EAAiD,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC;~~QAChI~~,MAAM,EAAE,CAAC,GAAW,EAAE,GAAW,EAAgC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC;~~KAC1G~~,CAAA;~~CACF~~;AAED,gDAAgD;AAChD,MAAM,QAAQ,GAAG,IAAI,SAAS,EAAE,CAAC;AACjC,QAAQ,CAAC,UAAU,EAAE,CAAC","sourcesContent":["import { \n ContextChangeRecord, ContextDeleteRecord, \n IBulkOperationResult, \n IQueryResponse, IRequestUiMeta, IUrl\n} from \"@api-client/core/build/browser.js\";\nimport { HttpClientStore } from \"./HttpClientStore.js\";\nimport { SharedWorkerThread } from \"../../bindings/base/SharedWorkerThread.js\";\nimport { HttpClientIdbDatabase } from \"./HttpClientIdbDatabase.js\";\n\n/*\n A logic running in the shared worker that accesses datastore for API Client.\n */\nexport class IdbThread extends SharedWorkerThread implements HttpClientStore {\n store = new HttpClientIdbDatabase();\n\n async initializeStore(): Promise<void> {\n await this.store.initialize();\n }\n\n wsHistory = {\n add: (url: string): Promise<IUrl> => this.store.wsHistory.add(url),\n query: (query: string): Promise<IQueryResponse<IUrl>> => this.store.wsHistory.query(query),\n delete: (url: string): Promise<ContextDeleteRecord> => this.store.wsHistory.delete(url),\n clear: (): Promise<void> => this.store.wsHistory.clear(),\n }\n\n urlHistory = {\n add: (url: string): Promise<IUrl> => this.store.urlHistory.add(url),\n query: (query: string): Promise<IQueryResponse<IUrl>> => this.store.urlHistory.query(query),\n delete: (url: string): Promise<ContextDeleteRecord> => this.store.urlHistory.delete(url),\n clear: (): Promise<void> => this.store.urlHistory.clear(),\n }\n\n projectUi = {\n clear: (key: string): Promise<ContextDeleteRecord> => this.store.projectUi.clear(key),\n set: (pid: string, key: string, meta: IRequestUiMeta): Promise<ContextChangeRecord<IRequestUiMeta>> => this.store.projectUi.set(pid, key, meta),\n get: (pid: string, key: string): Promise<IRequestUiMeta \| undefined> => this.store.projectUi.get(pid, key),\n getBulk: (pid: string, keys: string[]): Promise<IBulkOperationResult<IRequestUiMeta>> => this.store.projectUi.getBulk(pid, keys),\n delete: (pid: string, key: string): Promise<ContextDeleteRecord> => this.store.projectUi.delete(pid, key),\n }\n}\n\n// Probably this should go to a separate file...\nconst instance = new IdbThread();\ninstance.initialize();\n"]}
1	+ {"version":3,"file":"IdbThread.js","sourceRoot":"","sources":["../../../src/http-client/store/IdbThread.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,kBAAkB;IAAjD;;QACE,UAAK,GAAG,IAAI,qBAAqB,EAAE,CAAC;QAMpC,cAAS,GAAG;YACV,GAAG,EAAE,CAAC,GAAW,EAAiB,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC;YAClE,KAAK,EAAE,CAAC,KAAa,EAAiC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC;YAC1F,MAAM,EAAE,CAAC,GAAW,EAAgC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC;YACvF,KAAK,EAAE,GAAkB,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE;SACzD,CAAA;QAED,eAAU,GAAG;YACX,GAAG,EAAE,CAAC,GAAW,EAAiB,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC;YACnE,KAAK,EAAE,CAAC,KAAa,EAAiC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;YAC3F,MAAM,EAAE,CAAC,GAAW,EAAgC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC;YACxF,KAAK,EAAE,GAAkB,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE;SAC1D,CAAA;QAED,cAAS,GAAG;YACV,KAAK,EAAE,CAAC,GAAW,EAAgC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC;YACrF,GAAG,EAAE,CAAC,GAAW,EAAE,GAAW,EAAE,IAAoB,EAAgD,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC;YAC/I,GAAG,EAAE,CAAC,GAAW,EAAE,GAAW,EAAuC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC;YAC1G,OAAO,EAAE,CAAC,GAAW,EAAE,IAAc,EAAiD,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC;YAChI,MAAM,EAAE,CAAC,GAAW,EAAE,GAAW,EAAgC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC;SAC1G,CAAA;IACH,CAAC;IAzBC,KAAK,CAAC,eAAe;QACnB,MAAM,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;IAChC,CAAC;CAuBF;AAED,gDAAgD;AAChD,MAAM,QAAQ,GAAG,IAAI,SAAS,EAAE,CAAC;AACjC,QAAQ,CAAC,UAAU,EAAE,CAAC","sourcesContent":["import { \n ContextChangeRecord, ContextDeleteRecord, \n IBulkOperationResult, \n IQueryResponse, IRequestUiMeta, IUrl\n} from \"@api-client/core/build/browser.js\";\nimport { HttpClientStore } from \"./HttpClientStore.js\";\nimport { SharedWorkerThread } from \"../../bindings/base/SharedWorkerThread.js\";\nimport { HttpClientIdbDatabase } from \"./HttpClientIdbDatabase.js\";\n\n/*\n A logic running in the shared worker that accesses datastore for API Client.\n */\nexport class IdbThread extends SharedWorkerThread implements HttpClientStore {\n store = new HttpClientIdbDatabase();\n\n async initializeStore(): Promise<void> {\n await this.store.initialize();\n }\n\n wsHistory = {\n add: (url: string): Promise<IUrl> => this.store.wsHistory.add(url),\n query: (query: string): Promise<IQueryResponse<IUrl>> => this.store.wsHistory.query(query),\n delete: (url: string): Promise<ContextDeleteRecord> => this.store.wsHistory.delete(url),\n clear: (): Promise<void> => this.store.wsHistory.clear(),\n }\n\n urlHistory = {\n add: (url: string): Promise<IUrl> => this.store.urlHistory.add(url),\n query: (query: string): Promise<IQueryResponse<IUrl>> => this.store.urlHistory.query(query),\n delete: (url: string): Promise<ContextDeleteRecord> => this.store.urlHistory.delete(url),\n clear: (): Promise<void> => this.store.urlHistory.clear(),\n }\n\n projectUi = {\n clear: (key: string): Promise<ContextDeleteRecord> => this.store.projectUi.clear(key),\n set: (pid: string, key: string, meta: IRequestUiMeta): Promise<ContextChangeRecord<IRequestUiMeta>> => this.store.projectUi.set(pid, key, meta),\n get: (pid: string, key: string): Promise<IRequestUiMeta \| undefined> => this.store.projectUi.get(pid, key),\n getBulk: (pid: string, keys: string[]): Promise<IBulkOperationResult<IRequestUiMeta>> => this.store.projectUi.getBulk(pid, keys),\n delete: (pid: string, key: string): Promise<ContextDeleteRecord> => this.store.projectUi.delete(pid, key),\n }\n}\n\n// Probably this should go to a separate file...\nconst instance = new IdbThread();\ninstance.initialize();\n"]}

package/dist/http-client/store/idb/IdbProjectUi.js CHANGED Viewed

@@ -2,7 +2,10 @@ import { RequestUiMetaKind } from "@api-client/core/build/browser.js";
 import { StoreBroadcast } from "../StoreBroadcast.js";
 import { IdbStore } from "./IdbStore.js";
 export class IdbProjectUi extends IdbStore {
-    channel = new BroadcastChannel(StoreBroadcast.projectUi);
+    constructor() {
+        super(...arguments);
+        this.channel = new BroadcastChannel(StoreBroadcast.projectUi);
+    }
     async clear(key) {
         const tx = this.db.transaction('ProjectUi', 'readwrite');
         const index = tx.store.index('project');

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IdbProjectUi.js","sourceRoot":"","sources":["../../../../src/http-client/store/idb/IdbProjectUi.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4D,iBAAiB,EAAwB,MAAM,mCAAmC,CAAC;AAEtJ,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,OAAO,YAAa,SAAQ,QAAQ;~~IACxC~~,~~OAAO~~,GAAG,IAAI,gBAAgB,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;~~IAEzD~~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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"]}
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"]}

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

@@ -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 CHANGED Viewed

	@@ -1 +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"]}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IdbUrlHistory.js","sourceRoot":"","sources":["../../../../src/http-client/store/idb/IdbUrlHistory.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,SAAS,WAAW,CAAC,IAAU;IAC7B,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC5B,CAAC;AAED,MAAM,OAAO,aAAc,SAAQ,QAAQ;~~IACzC~~,~~OAAO~~,GAAG,IAAI,gBAAgB,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;~~IAE1D~~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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"]}
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"]}

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

@@ -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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IdbWsHistory.js","sourceRoot":"","sources":["../../../../src/http-client/store/idb/IdbWsHistory.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,SAAS,WAAW,CAAC,IAAU;IAC7B,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC5B,CAAC;AAED,MAAM,OAAO,YAAa,SAAQ,QAAQ;~~IACxC~~,~~OAAO~~,GAAG,IAAI,gBAAgB,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;~~IAEzD~~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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"]}
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"]}

package/dist/lib/chart/HttpHistoryChart.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"]}
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"]}

package/dist/mixins/FileDropMixin.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileDropMixin.js","sourceRoot":"","sources":["../../src/mixins/FileDropMixin.ts"],"names":[],"mappings":";AAAA,yCAAyC;AACzC,sDAAsD;AACtD,2CAA2C;AAC3C,OAAO,EAAE,IAAI,EAA8B,MAAM,KAAK,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;AAC3D,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;AAC3D,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;AACzD,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;AAejD;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CAAC,CAAoC,UAAa,EAA2C,EAAE;IACrI,MAAM,YAAa,SAAQ,UAAU;~~QACvB~~,~~gBAAgB,CAAU;QAEtC,~~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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"]}
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"]}

package/dist/mixins/RenderableMixin.js CHANGED Viewed

@@ -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