webapp/packages/plugin-sql-editor-navigation-tab-script/src/ResourceSqlDataSource.ts - devel - vshmidt/cloudbeaver

webapp/packages/plugin-sql-editor-navigation-tab-script/src/ResourceSqlDataSource.ts
489 строк15 KB
alex
dbeaver/pro#8644 add temp icon for base sql tab (#4243)
30 мар 2026, 13:20
30 мар 2026, 13:203dadc17
/*
 * CloudBeaver - Cloud Database Manager
 * Copyright (C) 2020-2025 DBeaver Corp and others
 *
 * Licensed under the Apache License, Version 2.0.
 * you may not use this file except in compliance with the License.
 */
import { action, computed, makeObservable, observable, runInAction, toJS } from 'mobx';

import {
  ConnectionInfoResource,
  createConnectionParam,
  type IConnectionExecutionContextInfo,
  NOT_INITIALIZED_CONTEXT_ID,
} from '@cloudbeaver/core-connections';
import { TaskScheduler } from '@cloudbeaver/core-executor';
import type { ProjectInfoResource, ProjectsService } from '@cloudbeaver/core-projects';
import { isResourceAlias, type ResourceKey, ResourceKeyUtils } from '@cloudbeaver/core-resource';
import { getRmResourceKey, ResourceManagerResource } from '@cloudbeaver/core-resource-manager';
import type { NetworkStateService } from '@cloudbeaver/core-root';
import { debounce, getPathName, isArraysEqual, isObjectsEqual, isValuesEqual } from '@cloudbeaver/core-utils';
import { isNotNullDefined } from '@dbeaver/js-helpers';
import { SCRIPTS_TYPE_ID } from '@cloudbeaver/plugin-resource-manager-scripts';
import { BaseSqlDataSource, ESqlDataSourceFeatures, SqlEditorService, type ISqlEditorCursor } from '@cloudbeaver/plugin-sql-editor';

import type { IResourceSqlDataSourceState } from './IResourceSqlDataSourceState.js';
import type { TLocalizationToken } from '@cloudbeaver/core-localization';

interface IResourceActions {
  rename(dataSource: ResourceSqlDataSource, key: string, name: string): Promise<string>;
  read(dataSource: ResourceSqlDataSource, key: string): Promise<string>;
  write(dataSource: ResourceSqlDataSource, key: string, value: string): Promise<void>;
  getProperties(dataSource: ResourceSqlDataSource, key: string): Promise<IConnectionExecutionContextInfo | undefined>;
  setProperties(
    dataSource: ResourceSqlDataSource,
    key: string,
    executionContext: IConnectionExecutionContextInfo | undefined,
  ): Promise<IConnectionExecutionContextInfo | undefined>;
}

const VALUE_SYNC_DELAY = 1 * 1000;

export class ResourceSqlDataSource extends BaseSqlDataSource {
  static override key = 'resource';

  get name(): string | null {
    if (!this.resourceKey || !this.projectId) {
      return null;
    }

    const resource = this.resourceManagerResource.get(this.resourceKey);

    return this.projectInfoResource.getNameWithoutExtension(this.projectId, SCRIPTS_TYPE_ID, resource?.name ?? getPathName(this.resourceKey));
  }

  get script(): string {
    return this.state.script;
  }

  get baseScript(): string {
    return this.state.baseScript;
  }

  get baseExecutionContext(): IConnectionExecutionContextInfo | undefined {
    return this.state.baseExecutionContext;
  }

  override get projectId(): string | null {
    if (this.resourceKey === undefined) {
      return super.projectId;
    }
    const key = getRmResourceKey(this.resourceKey);
    return key.projectId;
  }

  get executionContext(): IConnectionExecutionContextInfo | undefined {
    const executionContext = this.state?.executionContext;
    if (!executionContext || !this.connectionInfoResource.has(createConnectionParam(executionContext.projectId, executionContext.connectionId))) {
      return undefined;
    }
    return this.state.executionContext;
  }

  get resourceKey(): string | undefined {
    return this.state.resourceKey;
  }

  get isProjectDifferent(): boolean {
    if (!this.resourceKey) {
      return false;
    }

    const projectId = this.executionContext?.projectId;
    const resourceProjectId = getRmResourceKey(this.resourceKey).projectId;
    const userProjectId = this.projectsService.userProject?.id;

    return isNotNullDefined(projectId) && resourceProjectId !== projectId && resourceProjectId !== userProjectId;
  }

  override get message(): TLocalizationToken | undefined {
    if (this.isReadonly()) {
      return 'plugin_sql_editor_navigation_tab_script_state_readonly';
    }

    if (this.isProjectDifferent) {
      return 'plugin_sql_editor_navigation_tab_script_state_different_project';
    }

    return undefined;
  }

  override get isExecutionContextSaved(): boolean {
    if (this.isProjectDifferent) {
      return true;
    }
    return super.isExecutionContextSaved;
  }

  get reload(): undefined | (() => Promise<void>) {
    return this.lastAction;
  }

  override get features(): ESqlDataSourceFeatures[] {
    if (this.isReadonly()) {
      return [ESqlDataSourceFeatures.script, ESqlDataSourceFeatures.query, ESqlDataSourceFeatures.executable];
    }

    return [ESqlDataSourceFeatures.script, ESqlDataSourceFeatures.query, ESqlDataSourceFeatures.executable, ESqlDataSourceFeatures.setName];
  }

  override get isAutoSaveEnabled(): boolean {
    return this.sqlEditorService.autoSave;
  }

  private actions?: IResourceActions;
  private lastAction: (() => Promise<void>) | undefined;
  private state!: IResourceSqlDataSourceState;

  private loaded: boolean;
  private readonly scheduler: TaskScheduler;
  private resourceUseKeyId: string | null;

  constructor(
    private readonly networkStateService: NetworkStateService,
    private readonly projectInfoResource: ProjectInfoResource,
    private readonly connectionInfoResource: ConnectionInfoResource,
    private readonly resourceManagerResource: ResourceManagerResource,
    private readonly sqlEditorService: SqlEditorService,
    private readonly projectsService: ProjectsService,
    state: IResourceSqlDataSourceState,
  ) {
    super('/icons/sql_script_m.svg');
    this.bindState(state);
    this.lastAction = undefined;
    this.loaded = false;
    this.resourceUseKeyId = null;
    this.scheduler = new TaskScheduler(() => true);
    this.debouncedWrite = debounce(this.debouncedWrite.bind(this), VALUE_SYNC_DELAY);
    this.debouncedSaveProperties = debounce(this.debouncedSaveProperties.bind(this), VALUE_SYNC_DELAY);
    this.syncResource = this.syncResource.bind(this);

    resourceManagerResource.onDataOutdated.addHandler(this.syncResource);

    makeObservable<this, 'lastAction' | 'loaded'>(this, {
      script: computed,
      executionContext: computed,
      resourceKey: computed,
      features: computed<ESqlDataSourceFeatures[]>({
        equals: isArraysEqual,
      }),
      lastAction: observable.ref,
      loaded: observable,
      setResourceKey: action,
    });
  }

  override isReadonly(): boolean {
    if (!this.projectId || !this.networkStateService.state) {
      return true;
    }

    const project = this.projectInfoResource.get(this.projectId);

    return !this.isLoaded() || !project?.canEditResources;
  }

  override isOutdated(): boolean {
    if (this.projectId) {
      if (this.projectInfoResource.isOutdated(this.projectId)) {
        return true;
      }
    }

    return this.resourceKey !== undefined && super.isOutdated();
  }

  override isLoaded(): boolean {
    return this.resourceKey === undefined || super.isLoaded() || this.loaded;
  }

  override isLoading(): boolean {
    return this.scheduler.executing;
  }

  canRename(name: string | null): boolean {
    if (this.isReadonly()) {
      return false;
    }

    if (!name) {
      return false;
    }

    name = name.trim();

    return !!this.actions && !!this.resourceKey && name.length > 0;
  }

  setResourceKey(resourceKey: string | undefined): void {
    if (this.state.resourceKey && this.resourceUseKeyId) {
      this.resourceManagerResource.useTracker.free(toJS(this.state.resourceKey), this.resourceUseKeyId);
      this.resourceUseKeyId = null;
    }

    this.state.resourceKey = toJS(resourceKey);
    this.loaded = false;
    this.markOutdated();
    this.onUpdate.execute();
  }

  setActions(actions?: IResourceActions): void {
    this.actions = actions;
  }

  override setName(name: string | null): void {
    name = name?.trim() ?? null;
    if (!name || name === this.name) {
      return;
    }

    const previousName = this.name;
    super.setName(name);

    this.rename(name).catch(() => {
      super.setName(previousName);
    });
  }

  override setProject(projectId: string | null): void {
    super.setProject(projectId);
  }

  override setScript(script: string, source?: string, cursor?: ISqlEditorCursor): void {
    const previous = this.state.script;
    if (previous === script) {
      return;
    }

    this.state.script = script;
    super.setScript(script, source, cursor);

    if (this.isAutoSaveEnabled) {
      this.debouncedWrite();
    }
  }

  override setExecutionContext(executionContext: IConnectionExecutionContextInfo | undefined): void {
    if (executionContext) {
      executionContext = JSON.parse(JSON.stringify(toJS(executionContext) ?? {}));
    }

    if (!isObjectsEqual(toJS(this.state.executionContext), executionContext)) {
      const initNew =
        !isValuesEqual(executionContext?.connectionId, this.executionContext?.connectionId, undefined) ||
        !isValuesEqual(executionContext?.defaultCatalog, this.executionContext?.defaultCatalog, undefined) ||
        !isValuesEqual(executionContext?.defaultSchema, this.executionContext?.defaultSchema, undefined);

      if (executionContext) {
        if (initNew) {
          executionContext.id = NOT_INITIALIZED_CONTEXT_ID;
        } else if (executionContext.id === NOT_INITIALIZED_CONTEXT_ID) {
          executionContext.id = this.executionContext?.id ?? NOT_INITIALIZED_CONTEXT_ID;

          if (this.executionContext?.id !== NOT_INITIALIZED_CONTEXT_ID) {
            return;
          }
        }
      }

      this.state.executionContext = executionContext;
      super.setExecutionContext(executionContext);

      if (this.isAutoSaveEnabled) {
        this.debouncedSaveProperties();
      }
    }
  }

  override async load(): Promise<void> {
    if (this.state.resourceKey && !this.resourceUseKeyId) {
      this.resourceUseKeyId = this.resourceManagerResource.useTracker.use(this.state.resourceKey);
    }

    if (this.projectId) {
      await this.projectInfoResource.load(this.projectId);
    }

    await this.read();
  }

  override async save(): Promise<void> {
    try {
      await this.write();
      await this.saveProperties();
      super.save();
    } catch (exception: any) {
      this.exception = exception;
    }
  }

  override dispose(): void {
    super.dispose();
    this.resourceManagerResource.onItemUpdate.removeHandler(this.syncResource);
    if (this.state.resourceKey && this.resourceUseKeyId) {
      this.resourceManagerResource.useTracker.free(this.state.resourceKey, this.resourceUseKeyId);
      this.resourceUseKeyId = null;
    }
  }

  bindState(state: IResourceSqlDataSourceState): void {
    this.state = state;
    this.outdated = true;
    this.history.restore(state.history);
  }

  private syncResource(key: ResourceKey<string>) {
    if (isResourceAlias(key)) {
      return;
    }

    const resourceKey = this.resourceKey;
    if (resourceKey && ResourceKeyUtils.some(key, key => resourceKey.startsWith(key))) {
      this.markOutdated();
    }
  }

  private async rename(name: string) {
    await this.save();

    await this.scheduler.schedule(undefined, async () => {
      if (!this.actions || !this.resourceKey) {
        return;
      }

      this.lastAction = this.rename.bind(this, name);

      try {
        if (!this.isSaved) {
          throw new Error('Please save changes before renaming');
        }
        this.exception = null;

        this.loadingMessage = 'plugin_sql_editor_navigation_tab_script_state_renaming';
        this.setResourceKey(await this.actions.rename(this, this.resourceKey, name));
      } catch (exception: any) {
        this.exception = exception;
        throw exception;
      } finally {
        this.loadingMessage = undefined;
      }
    });
  }

  private async read() {
    await this.scheduler.schedule(undefined, async () => {
      if (!this.actions || !this.resourceKey || !this.isOutdated()) {
        return;
      }

      this.lastAction = this.read.bind(this);

      try {
        this.exception = null;
        await this.readData();
      } catch (exception: any) {
        this.exception = exception;
      }
    });
  }

  private async saveProperties() {
    await this.scheduler.schedule(undefined, async () => {
      if (!this.actions || !this.resourceKey || this.isExecutionContextSaved) {
        return;
      }

      this.lastAction = this.saveProperties.bind(this);

      try {
        this.exception = null;

        if (this.isProjectDifferent || this.isReadonly()) {
          return;
        }

        this.loadingMessage = 'plugin_sql_editor_navigation_tab_script_state_updating';
        const executionContext = await this.actions.setProperties(this, this.resourceKey, this.executionContext);

        this.setExecutionContext(executionContext);
        this.setBaseExecutionContext(this.executionContext);
      } finally {
        this.loadingMessage = undefined;
      }
    });
  }

  private async write() {
    await this.scheduler.schedule(undefined, async () => {
      if (!this.actions || !this.resourceKey || this.isScriptSaved) {
        return;
      }

      this.lastAction = this.write.bind(this);

      try {
        this.exception = null;
        await this.readData();

        if (!this.isIncomingChanges) {
          this.loadingMessage = 'plugin_sql_editor_navigation_tab_script_state_saving';
          const script = this.script;
          await this.actions.write(this, this.resourceKey, script);
          this.setBaseScript(script);
        }
      } finally {
        this.loadingMessage = undefined;
      }
    });
  }

  private async readData() {
    try {
      if (!this.actions || !this.resourceKey) {
        return;
      }
      this.loadingMessage = 'plugin_sql_editor_navigation_tab_script_state_reading';
      const script = await this.actions.read(this, this.resourceKey);
      const executionContext = await this.actions.getProperties(this, this.resourceKey);

      runInAction(() => {
        if (!this.loaded) {
          if (this.baseScript !== script) {
            this.setScript(script);
          }
          if (!isObjectsEqual(toJS(this.baseExecutionContext), executionContext)) {
            this.setExecutionContext(executionContext);
          }

          this.setBaseScript(script);
          this.setBaseExecutionContext(executionContext);
        } else {
          this.setIncomingExecutionContext(executionContext);
          this.setIncomingScript(script);
        }

        this.markUpdated();
        this.loaded = true;
      });
    } finally {
      this.loadingMessage = undefined;
    }
  }

  private debouncedWrite() {
    this.write();
  }

  private debouncedSaveProperties() {
    this.saveProperties();
  }

  protected setBaseScript(script: string): void {
    this.state.baseScript = script;
  }

  protected setBaseExecutionContext(executionContext: IConnectionExecutionContextInfo | undefined): void {
    this.state.baseExecutionContext = toJS(executionContext);
  }
}