refactor(metadata): update code structure (#6765)

frontend/src/metadata/context.js

@@ -0,0 +1,214 @@
+import metadataAPI from './api';
+import {
+  PRIVATE_COLUMN_KEYS, EDITABLE_DATA_PRIVATE_COLUMN_KEYS, EDITABLE_PRIVATE_COLUMN_KEYS, PREDEFINED_COLUMN_KEYS,
+} from './constants';
+import LocalStorage from './utils/local-storage';
+import EventBus from '../components/common/event-bus';
+import { username, lang } from '../utils/constants';
+
+class Context {
+
+  constructor() {
+    this.settings = { lang };
+    this.metadataAPI = null;
+    this.localStorage = null;
+    this.eventBus = null;
+    this.hasInit = false;
+    this.permission = 'r';
+    this.collaboratorsCache = {};
+  }
+
+  async init(settings) {
+    if (this.hasInit) return;
+
+    // init settings
+    this.settings = { ...this.settings, ...settings };
+
+    // init metadataAPI
+    const { repoInfo } = this.settings;
+    this.metadataAPI = metadataAPI;
+
+    // init localStorage
+    const { repoID, viewID } = this.settings;
+    const localStorageName = viewID ? `sf-metadata-${repoID}-${viewID}` : `sf-metadata-${repoID}`;
+    this.localStorage = new LocalStorage(localStorageName);
+
+    const eventBus = new EventBus();
+    this.eventBus = eventBus;
+
+    this.permission = repoInfo.permission !== 'admin' && repoInfo.permission !== 'rw' ? 'r' : 'rw';
+
+    this.hasInit = true;
+  }
+
+  destroy = () => {
+    this.settings = {};
+    this.metadataAPI = null;
+    this.localStorage = null;
+    this.eventBus = null;
+    this.hasInit = false;
+    this.permission = 'r';
+  };
+
+  getSetting = (key) => {
+    if (this.settings[key] === false) return this.settings[key];
+    return this.settings[key] || '';
+  };
+
+  setSetting = (key, value) => {
+    this.settings[key] = value;
+  };
+
+  getUsername = () => {
+    return username;
+  };
+
+  // collaborators
+  getCollaborators = () => {
+    const repoID = this.settings['repoID'];
+    return this.metadataAPI.getCollaborators(repoID);
+  };
+
+  // metadata
+  getMetadata = (params) => {
+    const repoID = this.settings['repoID'];
+    return this.metadataAPI ? this.metadataAPI.getMetadata(repoID, params) : null;
+  };
+
+  getRecord = (parentDir, fileName) => {
+    const repoID = this.settings['repoID'];
+    return this.metadataAPI.getMetadataRecordInfo(repoID, parentDir, fileName);
+  };
+
+  getViews = () => {
+    const repoID = this.settings['repoID'];
+    return this.metadataAPI.listViews(repoID);
+  };
+
+  getView = (viewId) => {
+    const repoID = this.settings['repoID'];
+    return this.metadataAPI.getView(repoID, viewId);
+  };
+
+  getPermission = () => {
+    return this.permission;
+  };
+
+  canModify = () => {
+    if (this.permission === 'r') return false;
+    return true;
+  };
+
+  canModifyRow = (row) => {
+    if (this.permission === 'r') return false;
+    return true;
+  };
+
+  canModifyRows = () => {
+    if (this.permission === 'r') return false;
+    return true;
+  };
+
+  canModifyColumn = (column) => {
+    if (this.permission === 'r') return false;
+    const { editable } = column;
+    if (!editable) return false;
+    if (PRIVATE_COLUMN_KEYS.includes(column.key) && !EDITABLE_PRIVATE_COLUMN_KEYS.includes(column.key)) return false;
+    return true;
+  };
+
+  canRenameColumn = (column) => {
+    if (this.permission === 'r') return false;
+    if (PRIVATE_COLUMN_KEYS.includes(column.key)) return false;
+    return true;
+  };
+
+  canModifyColumnData = (column) => {
+    if (this.permission === 'r') return false;
+    const { key } = column;
+    if (PRIVATE_COLUMN_KEYS.includes(key)) return EDITABLE_DATA_PRIVATE_COLUMN_KEYS.includes(key);
+    return true;
+  };
+
+  canDeleteColumn = (column) => {
+    if (this.permission === 'r') return false;
+    const { key } = column;
+    if (PRIVATE_COLUMN_KEYS.includes(key)) return PREDEFINED_COLUMN_KEYS.includes(key);
+    return true;
+  };
+
+  canModifyColumnOrder = () => {
+    if (this.permission === 'r') return false;
+    return true;
+  };
+
+  canModifyView = (view) => {
+    if (this.permission === 'r') return false;
+    return true;
+  };
+
+  restoreRows = () => {
+    // todo
+  };
+
+  updateRows = () => {
+    // todo
+  };
+
+  lockRowViaButton = () => {
+    // todo
+  };
+
+  updateRowViaButton = () => {
+    // todo
+  };
+
+  // column
+  insertColumn = (repoId, name, type, { key, data }) => {
+    return this.metadataAPI.insertColumn(repoId, name, type, { key, data });
+  };
+
+  deleteColumn = (repoId, columnKey) => {
+    return this.metadataAPI.deleteColumn(repoId, columnKey);
+  };
+
+  renameColumn = (repoId, columnKey, name) => {
+    return this.metadataAPI.renameColumn(repoId, columnKey, name);
+  };
+
+  modifyColumnData = (repoId, columnKey, data) => {
+    return this.metadataAPI.modifyColumnData(repoId, columnKey, data);
+  };
+
+  // record
+  modifyRecord = (repoId, recordId, objID, update) => {
+    return this.metadataAPI.modifyRecord(repoId, recordId, objID, update);
+  };
+
+  modifyRecords = (repoId, recordsData, isCopyPaste) => {
+    return this.metadataAPI.modifyRecords(repoId, recordsData, isCopyPaste);
+  };
+
+  // view
+  modifyView = (repoId, viewId, viewData) => {
+    return this.metadataAPI.modifyView(repoId, viewId, viewData);
+  };
+
+  getRowsByIds = () => {
+    // todo
+  };
+
+  // ai
+  generateDescription = (filePath) => {
+    const repoID = this.settings['repoID'];
+    return this.metadataAPI.generateDescription(repoID, filePath);
+  };
+
+  imageCaption = (filePath) => {
+    const repoID = this.settings['repoID'];
+    const lang = this.settings['lang'];
+    return this.metadataAPI.imageCaption(repoID, filePath, lang);
+  };
+}
+
+export default Context;