@api-client/ui 0.0.10 → 0.0.12

package/dist/pages/api-client/Authenticate.screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"Authenticate.screen.js","sourceRoot":"","sources":["../../../src/pages/api-client/Authenticate.screen.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult, CSSResult } from 'lit';\nimport { ApplicationInit, ApplicationScreen } from '../ApplicationScreen.js';\nimport { reactive } from '../../lib/decorators.js';\nimport styles from './Authenticate.styles.js';\nimport globalStyles from '../../styles/global-styles.js';\nimport typography from '../../styles/m3/typography.module.js';\nimport colors from '../../styles/m3/colors.module.js';\nimport dialog from '../../styles/m3/dialog.module.js';\nimport { IConfigEnvironment } from '../../lib/config/Config.js';\nimport { ISessionInitInfo } from '../../store/HttpStore.js';\nimport { EnvironmentsKey } from '../../bindings/base/ConfigurationBindings.js';\nimport '../../define/ui/ui-progress.js';\nimport '../../define/ui/ui-button.js';\n\n/**\n * When the user is redirected here it means that the user provided a configuration\n * that requires user authentication.\n */\nexport default class AuthenticateScreen extends ApplicationScreen {\n  override async storeChanged(): Promise<void> {\n    // ...\n  }\n\n  static get styles(): CSSResult[] {\n    return [styles, globalStyles, typography, colors, dialog];\n  }\n\n  @reactive() environmentError?: string;\n\n  environment?: IConfigEnvironment;\n\n  /**\n   * Whether the application is performing the store validation.\n   */\n  @reactive() authenticating = false;\n\n  isSessionStore = false;\n\n  constructor(init: ApplicationInit) {\n    super(init);\n  }\n\n  async initialize(): Promise<void> {\n    try {\n      await this.bindings.store.initialize();\n      await this.bindings.store.initializeStore();\n      await this.bindings.config.initialize();\n      const env = await this.readEnvironment();\n      if (env) {\n        this.environment = env;\n      } else {\n        this.environmentError = 'Environment information not found. Go back to the previous page.';\n      }\n    } catch (e) {\n      this.environmentError = (e as Error).message;\n    }\n  }\n\n  async readEnvironment(): Promise<IConfigEnvironment | undefined> {\n    let env = await this.bindings.config.session.get(`${EnvironmentsKey}.creating`) as IConfigEnvironment | undefined;\n    if (!env) {\n      env = await this.bindings.config.environment.read();\n    } else {\n      this.isSessionStore = true;\n    }\n    return env;\n  }\n\n  protected handleAuthenticate(): void {\n    const { environment } = this;\n    if (!environment) {\n      this.environmentError = 'Environment information not found. Go back to the previous page.';\n      return;\n    }\n    this.authenticate(environment);\n  }\n\n  protected handleBack(): void {\n    window.history.back();\n  }\n\n  protected async authenticate(env: IConfigEnvironment): Promise<void> {\n    this.authenticating = true;\n    let info: ISessionInitInfo | undefined;\n    try {\n      await this.bindings.store.global.set(env);\n      info = await this.bindings.store.auth.authenticate({ force: false });\n    } finally {\n      this.authenticating = false;\n    }\n    if (info) {\n      if (this.isSessionStore) {\n        await this.bindings.config.environment.add(env, { asDefault: true });\n        await this.bindings.config.session.delete(`${EnvironmentsKey}.creating`);\n      } else {\n        await this.bindings.config.environment.update(env);\n      }\n    }\n  }\n\n  /**\n   * This to be used by the child classes to render page template.\n   * @returns Application page template\n   */\n  override pageTemplate(): TemplateResult {\n    return html`\n    <main class=\"config-init\">\n      ${this.renderTitle()}\n      ${this.renderIntroMessage()}\n      ${this.environmentError ? this.initErrorTemplate() : this.contentTemplate()}\n    </main>\n    `;\n  }\n\n  initErrorTemplate(): TemplateResult {\n    return html`\n    <p class=\"general-error error on-error-text body-large\">${this.environmentError}</p>\n    <div class=\"action\">\n      <ui-button type=\"filled\" @click=\"${this.handleBack}\">Back</ui-button>\n    </div>\n    `;\n  }\n\n  contentTemplate(): TemplateResult {\n    return html`\n    ${this.actionTemplate()}\n    ${this.infoTemplate()}\n    ${this.progressTemplate()}\n    `;\n  }\n\n  renderTitle(): TemplateResult {\n    return html`<h1 class=\"display-large\">Store authentication</h1>`;\n  }\n\n  renderIntroMessage(): TemplateResult {\n    return html`\n    <div class=\"description body-medium\">\n      <p id=\"authenticationMessage\">The network store requires authentication.</p>\n    </div>\n    `;\n  }\n\n  actionTemplate(): TemplateResult {\n    return html`\n    <div class=\"action\">\n      <ui-button \n        type=\"filled\"\n        @click=\"${this.handleAuthenticate}\"\n      >Authenticate</ui-button>\n    </div>\n    `;\n  }\n\n  infoTemplate(): TemplateResult {\n    return html`\n    <p class=\"description body-medium\" id=\"authenticationMessage\">This will open a new tab with the authentication options.</p>\n    `;\n  }\n\n  progressTemplate(): TemplateResult | string {\n    const { authenticating } = this;\n    if (!authenticating) {\n      return '';\n    }\n    return html`\n    <ui-progress indeterminate></ui-progress>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"Authenticate.screen.js","sourceRoot":"","sources":["../../../src/pages/api-client/Authenticate.screen.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult, CSSResult } from 'lit';\nimport { ApplicationInit, ApplicationScreen } from '../ApplicationScreen.js';\nimport { reactive } from '../../lib/decorators.js';\nimport styles from './Authenticate.styles.js';\nimport globalStyles from '../../styles/global-styles.js';\nimport typography from '../../styles/m3/typography.module.js';\nimport colors from '../../styles/m3/colors.module.js';\nimport dialog from '../../styles/m3/dialog.module.js';\nimport { IConfigEnvironment } from '../../lib/config/Config.js';\nimport { ISessionInitInfo } from '../../store/HttpStore.js';\nimport { EnvironmentsKey } from '../../bindings/base/ConfigurationBindings.js';\nimport '../../define/ui/ui-progress.js';\nimport '../../define/ui/ui-button.js';\n\n/**\n * When the user is redirected here it means that the user provided a configuration\n * that requires user authentication.\n */\nexport default class AuthenticateScreen extends ApplicationScreen {\n  override async storeChanged(): Promise<void> {\n    // ...\n  }\n\n  static get styles(): CSSResult[] {\n    return [styles, globalStyles, typography, colors, dialog];\n  }\n\n  @reactive() environmentError?: string;\n\n  environment?: IConfigEnvironment;\n\n  /**\n   * Whether the application is performing the store validation.\n   */\n  @reactive() authenticating = false;\n\n  isSessionStore = false;\n\n  constructor(init: ApplicationInit) {\n    super(init);\n  }\n\n  async initialize(): Promise<void> {\n    try {\n      await this.bindings.store.initialize();\n      await this.bindings.store.initializeStore();\n      await this.bindings.config.initialize();\n      const env = await this.readEnvironment();\n      if (env) {\n        this.environment = env;\n      } else {\n        this.environmentError = 'Environment information not found. Go back to the previous page.';\n      }\n    } catch (e) {\n      this.environmentError = (e as Error).message;\n    }\n  }\n\n  async readEnvironment(): Promise<IConfigEnvironment | undefined> {\n    let env = await this.bindings.config.session.get(`${EnvironmentsKey}.creating`) as IConfigEnvironment | undefined;\n    if (!env) {\n      env = await this.bindings.config.environment.read();\n    } else {\n      this.isSessionStore = true;\n    }\n    return env;\n  }\n\n  protected async handleAuth(): Promise<void> {\n    const { environment } = this;\n    if (!environment) {\n      this.environmentError = 'Environment information not found. Go back to the previous page.';\n      return;\n    }\n    this.authenticate(environment);\n  }\n\n  protected handleBack(): void {\n    window.history.back();\n  }\n\n  protected async authenticate(env: IConfigEnvironment): Promise<void> {\n    this.authenticating = true;\n    let info: ISessionInitInfo | undefined;\n    try {\n      await this.bindings.store.global.set(env);\n      info = await this.bindings.store.auth.authenticate({ force: false });\n    } finally {\n      this.authenticating = false;\n    }\n    if (info) {\n      if (this.isSessionStore) {\n        await this.bindings.config.environment.add(env, { asDefault: true });\n        await this.bindings.config.session.delete(`${EnvironmentsKey}.creating`);\n      } else {\n        await this.bindings.config.environment.update(env);\n      }\n    }\n  }\n\n  /**\n   * This to be used by the child classes to render page template.\n   * @returns Application page template\n   */\n  override pageTemplate(): TemplateResult {\n    return html`\n    <main class=\"config-init\">\n      ${this.renderTitle()}\n      ${this.renderIntroMessage()}\n      ${this.environmentError ? this.initErrorTemplate() : this.contentTemplate()}\n    </main>\n    `;\n  }\n\n  initErrorTemplate(): TemplateResult {\n    return html`\n    <p class=\"general-error error on-error-text body-large\">${this.environmentError}</p>\n    <div class=\"action\">\n      <ui-button type=\"filled\" @click=\"${this.handleBack}\">Back</ui-button>\n    </div>\n    `;\n  }\n\n  contentTemplate(): TemplateResult {\n    return html`\n    ${this.actionTemplate()}\n    ${this.infoTemplate()}\n    ${this.progressTemplate()}\n    `;\n  }\n\n  renderTitle(): TemplateResult {\n    return html`<h1 class=\"display-large\">Store authentication</h1>`;\n  }\n\n  renderIntroMessage(): TemplateResult {\n    return html`\n    <div class=\"description body-medium\">\n      <p id=\"authenticationMessage\">The network store requires authentication.</p>\n    </div>\n    `;\n  }\n\n  actionTemplate(): TemplateResult {\n    return html`\n    <div class=\"action\">\n      <ui-button \n        type=\"filled\"\n        @click=\"${this.handleAuth}\"\n      >Authenticate</ui-button>\n    </div>\n    `;\n  }\n\n  infoTemplate(): TemplateResult {\n    return html`\n    <p class=\"description body-medium\" id=\"authenticationMessage\">This will open a new tab with the authentication options.</p>\n    `;\n  }\n\n  progressTemplate(): TemplateResult | string {\n    const { authenticating } = this;\n    if (!authenticating) {\n      return '';\n    }\n    return html`\n    <ui-progress indeterminate></ui-progress>\n    `;\n  }\n}\n"]}

package/dist/pages/api-client/pages/Files.page.d.ts

@@ -1,8 +1,9 @@
-import { IFile, FileBreadcrumb, ContextSpaceListOptions, BroadcastEvent, DeletedBroadcastEvent, FilePatchBroadcastEvent, ContextListResult, ICapabilities } from "@api-client/core/build/browser.js";
+import { IFile, ICapabilities } from "@api-client/core/build/browser.js";
 import { nothing, TemplateResult } from "lit";
 import type ApiClientScreen from "../ApiClient.screen.js";
 import { DataTable } from "../../../ui/table/DataTable.js";
 import { DataImportProcessor } from "../../../http-client/store/DataImportProcessor.js";
+import { FileSystem } from "../../../store/FileSystem.js";
 import '@github/relative-time-element';
 import '../../../define/ui/ui-list.js';
 import '../../../define/ui/ui-list-item.js';
@@ -13,7 +14,7 @@ import '../../../define/ui/ui-button.js';
 import '../../../define/ui/ui-divider.js';
 import '../../../define/ui/ui-text-field.js';
 import '../../../define/dialog/rename-dialog.js';
-import '../../../define/files/share-file.js';
+import '../../../define/store/share-file.js';
 declare enum ImportState {
     Analyzing = 0,
     Analyzed = 1,
@@ -26,48 +27,17 @@ declare enum ImportState {
  */
 export declare class FilesPage {
     protected screen: ApiClientScreen;
-    /**
-     * The list of files to render.
-     * Do not overwrite this property or when you must then update the DataTable's `items` as well.
-     */
-    files: IFile[];
-    /**
-     * The pagination cursor for files.
-     * As long there's a cursor, there are more files to request.
-     */
-    cursor?: string;
-    /**
-     * The key of the currently rendered folder.
-     */
-    folder?: string;
-    breadcrumbs?: FileBreadcrumb[];
+    fs: FileSystem;
     dt: DataTable<IFile>;
     importProcessor?: DataImportProcessor;
     importState?: ImportState;
-    /**
-     * Whether the UI is reading files
-     */
-    readingFiles?: boolean;
     /**
      * A selected in the table item.
      */
     selectedItem?: string;
+    errorMessage?: string;
     constructor(screen: ApiClientScreen);
     refresh(): Promise<void>;
-    resetList(): void;
-    readFiles(): Promise<void>;
-    protected listFiles(opts: ContextSpaceListOptions): Promise<ContextListResult<IFile>>;
-    /**
-     * Sorts files on the list.
-     *
-     * Folders are always on top.
-     */
-    filesSortFunction(a: IFile, b: IFile): number;
-    handleFileEvent(event: BroadcastEvent): void;
-    handleFileCreated(file: IFile): void;
-    handleFileDeleted(event: DeletedBroadcastEvent): void;
-    removeFileFromList(key: string): void;
-    handleFilePatch(event: FilePatchBroadcastEvent): void;
     protected cancelCreateProjectDialog(): void;
     protected cancelCreateFolderDialog(): void;
     protected cancelImportDialog(): void;
@@ -88,6 +58,7 @@ export declare class FilesPage {
     protected itemActivateHandler(item: IFile): void;
     protected handleTableRender(): void;
     protected handleTableSelect(item: string | string[]): void;
+    protected handleTableScrollEnd(): void;
     openProject(key: string): void;
     openDataSchema(key: string): void;
     openFolder(folder: IFile): Promise<void>;

package/dist/pages/api-client/pages/Files.page.d.ts.map

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

package/dist/pages/api-client/pages/Files.page.js

@@ -3,7 +3,6 @@ import { html, nothing } from "lit";
 import { join } from "lit/directives/join.js";
 import { map } from "lit/directives/map.js";
 import { until } from 'lit/directives/until.js';
-import { Patch } from "@api-client/json";
 import { DataTable } from "../../../ui/table/DataTable.js";
 import { NavigationEvents } from "../../../events/NavigationEvents.js";
 import { navigate } from "../../../lib/route.js";
@@ -11,6 +10,8 @@ import { DataImportProcessor } from "../../../http-client/store/DataImportProces
 import { SnackNotifications } from "../../../ui/notification/SnackNotifications.js";
 import UserCache from '../../../store/UserCache.js';
 import AppInfo from '../AppInfo.js';
+import { fileIcon } from "../../../elements/store/FilesLib.js";
+import { FileSystem } from "../../../store/FileSystem.js";
 import '@github/relative-time-element';
 import '../../../define/ui/ui-list.js';
 import '../../../define/ui/ui-list-item.js';
@@ -21,7 +22,7 @@ import '../../../define/ui/ui-button.js';
 import '../../../define/ui/ui-divider.js';
 import '../../../define/ui/ui-text-field.js';
 import '../../../define/dialog/rename-dialog.js';
-import '../../../define/files/share-file.js';
+import '../../../define/store/share-file.js';
 var ImportState;
 (function (ImportState) {
     ImportState[ImportState["Analyzing"] = 0] = "Analyzing";
@@ -36,12 +37,8 @@ var ImportState;
 export class FilesPage {
     constructor(screen) {
         this.screen = screen;
-        /**
-         * The list of files to render.
-         * Do not overwrite this property or when you must then update the DataTable's `items` as well.
-         */
-        this.files = [];
-        this.dt = new DataTable(() => this.files, { ariaLabel: 'Your files', active: true, selection: 'single' });
+        this.fs = new FileSystem();
+        this.dt = new DataTable(() => this.fs.files, { ariaLabel: 'Your files', active: true, selection: 'single' });
         this.createProjectHandler = this.createProjectHandler.bind(this);
         this.createFolderHandler = this.createFolderHandler.bind(this);
         this.createSelectHandler = this.createSelectHandler.bind(this);
@@ -61,119 +58,22 @@ export class FilesPage {
         this.dt.addEventListener('activate', this.itemActivateHandler.bind(this));
         this.dt.addEventListener('render', this.handleTableRender.bind(this));
         this.dt.addEventListener('select', this.handleTableSelect.bind(this));
+        this.dt.addEventListener('scrollend', this.handleTableScrollEnd.bind(this));
+        this.fs.observe();
+        this.fs.addEventListener('change', () => this.screen.render());
+        this.fs.addEventListener('error', (e) => {
+            const event = e;
+            this.errorMessage = event.detail;
+        });
+        this.fs.addEventListener('querycomplete', () => {
+            document.body.dispatchEvent(new Event('querycomplete', { bubbles: true }));
+        });
     }
     async refresh() {
-        this.resetList();
-        this.screen.render();
-        await this.readFiles();
-    }
-    resetList() {
-        this.files = [];
-        this.cursor = undefined;
-        this.breadcrumbs = undefined;
-    }
-    async readFiles() {
-        const { selectedSpace } = this.screen;
-        if (!selectedSpace) {
-            return;
-        }
-        if (this.readingFiles) {
-            return;
-        }
-        this.readingFiles = true;
-        const { cursor: filesCursor, folder } = this;
-        const opts = {
-            space: selectedSpace,
-            descending: true,
-        };
-        if (filesCursor) {
-            opts.cursor = filesCursor;
-        }
-        if (folder) {
-            opts.parent = folder;
-        }
-        try {
-            const result = await this.listFiles(opts);
-            const { items, cursor } = result;
-            this.files = this.files.concat(items).sort(this.filesSortFunction.bind(this));
-            this.cursor = cursor;
-            if (folder) {
-                const br = await this.screen.bindings.store.files.breadcrumbs(folder);
-                this.breadcrumbs = br.items.reverse();
-            }
-        }
-        finally {
-            this.readingFiles = false;
-        }
-        this.screen.render();
-    }
-    async listFiles(opts) {
-        return this.screen.bindings.store.files.list(opts);
-    }
-    /**
-     * Sorts files on the list.
-     *
-     * Folders are always on top.
-     */
-    filesSortFunction(a, b) {
-        if (a.kind !== b.kind) {
-            if (a.kind === FolderKind) {
-                return -1;
-            }
-            return 1;
-        }
-        if (a.kind === b.kind && a.kind === FolderKind) {
-            return (a.info.name || '').localeCompare(b.info.name || '');
-        }
-        return b.lastModified.time - a.lastModified.time;
-    }
-    handleFileEvent(event) {
-        const typed = event;
-        if (typed.parent && typed.parent !== this.folder) {
-            return;
-        }
-        if (typed.alt !== 'meta') {
-            return;
-        }
-        switch (event.operation) {
-            case 'created':
-                this.handleFileCreated(typed.data);
-                break;
-            case 'deleted':
-                this.handleFileDeleted(typed);
-                break;
-            case 'patch':
-                this.handleFilePatch(typed);
-                break;
-            default:
-        }
-    }
-    handleFileCreated(file) {
-        this.files.push(file);
-        this.files.sort(this.filesSortFunction.bind(this));
-        this.screen.render();
-    }
-    handleFileDeleted(event) {
-        this.removeFileFromList(event.key);
-    }
-    removeFileFromList(key) {
-        const index = this.files.findIndex(i => i.key === key);
-        if (index === -1) {
-            return;
-        }
-        this.files.splice(index, 1);
-        this.screen.render();
-    }
-    handleFilePatch(event) {
-        const { data, key } = event;
-        const index = this.files.findIndex(i => i.key === key);
-        if (index === -1) {
-            return;
-        }
-        const file = this.files[index];
-        const result = Patch.apply(file, data.patch);
-        this.files[index] = result.doc;
+        this.fs.resetList();
         this.screen.render();
+        await this.fs.queryPage();
+        await this.fs.queryBreadcrumbs();
     }
     cancelCreateProjectDialog() {
         this.screen.closeDialog('createProjectDialog');
@@ -273,8 +173,8 @@ export class FilesPage {
             throw new Error('You need to select a space first');
         }
         const opts = {};
-        if (this.folder) {
-            opts.parent = this.folder;
+        if (this.fs.parent) {
+            opts.parent = this.fs.parent;
         }
         const result = await this.screen.bindings.store.files.add(file, opts);
         if (media) {
@@ -359,7 +259,7 @@ export class FilesPage {
         this.importState = ImportState.Importing;
         this.screen.render();
         try {
-            await importProcessor.importProject(this.screen.bindings.store, selectedSpace, this.folder);
+            await importProcessor.importProject(this.screen.bindings.store, selectedSpace, this.fs.parent);
             this.importState = ImportState.Done;
             this.screen.render();
         }
@@ -401,8 +301,11 @@ export class FilesPage {
         this.selectedItem = item;
         this.screen.render();
     }
+    handleTableScrollEnd() {
+        this.fs.debounceQuery();
+    }
     openProject(key) {
-        const file = this.files.find(i => i.key === key);
+        const file = this.fs.files.find(i => i.key === key);
         if (!file) {
             throw new Error(`Invalid state: file not found`);
         }
@@ -483,7 +386,7 @@ export class FilesPage {
         await files.writeFile(path, data, { dispose: true });
     }
     renameFile(key) {
-        const file = this.files.find(i => i.key === key);
+        const file = this.fs.files.find(i => i.key === key);
         if (!file) {
             return;
         }
@@ -503,7 +406,7 @@ export class FilesPage {
         });
     }
     shareFile(key) {
-        const file = this.files.find(i => i.key === key);
+        const file = this.fs.files.find(i => i.key === key);
         if (!file) {
             return;
         }
@@ -514,7 +417,7 @@ export class FilesPage {
         dialog.modal = true;
         document.body.appendChild(dialog);
         dialog.open = true;
-        dialog.addEventListener('closed', () => {
+        dialog.addEventListener('close', () => {
             document.body.removeChild(dialog);
         });
     }
@@ -554,7 +457,7 @@ export class FilesPage {
         if (!selectedItem) {
             return nothing;
         }
-        const file = this.files.find(i => i.key === selectedItem);
+        const file = this.fs.files.find(i => i.key === selectedItem);
         if (!file) {
             return nothing;
         }
@@ -649,7 +552,7 @@ export class FilesPage {
     `;
     }
     renderBreadcrumbs() {
-        const { breadcrumbs = [] } = this;
+        const { breadcrumbs = [] } = this.fs;
         if (!breadcrumbs.length) {
             return html ``;
         }
@@ -777,22 +680,10 @@ export class FilesPage {
     `;
     }
     nameCell(item) {
-        let icon;
-        switch (item.kind) {
-            case DataFileKind:
-                icon = 'schema';
-                break;
-            case FolderKind:
-                icon = 'folder';
-                break;
-            case ProjectKind:
-                icon = 'collectionsBookmark';
-                break;
-            default:
-        }
+        const icon = fileIcon(item);
         return this.dt.cell(html `
       ${icon ? html `<ui-icon icon="${icon}" class="cell-icon"></ui-icon>` : nothing}
-      ${item.info.name || 'Unnamed project'}
+      ${item.info.name || 'Unnamed file'}
     `, { class: 'name-cell', data: { kind: item.kind } });
     }
     ownerCell(item) {