@seafile/comment-editor 0.0.1-alpha.9 → 0.0.2

package/dist/basic-sdk/utils/document-utils.js

@@ -4,12 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setOriginSdocKey = exports.normalizeCopyNodes = exports.normalizeChildren = exports.getSlateFragmentAttribute = exports.generateDefaultDocContent = exports.formatSdocContent = void 0;
+exports.setOriginSdocKey = exports.normalizeCopyNodes = exports.normalizeChildren = exports.getSlateFragmentAttribute = void 0;
 var _deepCopy = _interopRequireDefault(require("deep-copy"));
 var _context = _interopRequireDefault(require("../context"));
 var _constants = require("../extension/constants");
 var _index = require("../extension/core/utils/index");
-var _helpers = require("../extension/plugins/table/helpers");
 var _objectUtils = _interopRequireDefault(require("./object-utils"));
 const normalizeChildren = children => {
   // text
@@ -35,9 +34,6 @@ exports.normalizeChildren = normalizeChildren;
 const normalizeCopyNodes = (editor, elements) => {
   if (!Array.isArray(elements) || elements.length === 0) return [];
   return elements.map(element => {
-    if (element.type === _constants.ELEMENT_TYPE.TABLE) {
-      return (0, _helpers.normalizeTableELement)(editor, element);
-    }
     return element;
   });
 };
@@ -53,29 +49,4 @@ const getSlateFragmentAttribute = dataTransfer => {
   const [, fragment] = htmlData.match(catchSlateFragment) || [];
   return fragment;
 };
-exports.getSlateFragmentAttribute = getSlateFragmentAttribute;
-const generateDefaultDocContent = () => {
-  const defaultValue = {
-    version: 0,
-    elements: [{
-      id: 'aaaa',
-      type: 'paragraph',
-      children: [{
-        text: ''
-      }]
-    }]
-  };
-  return defaultValue;
-};
-
-// patch: update children to elements
-exports.generateDefaultDocContent = generateDefaultDocContent;
-const formatSdocContent = content => {
-  return {
-    ...content,
-    ...(!content.elements && {
-      elements: content.children
-    })
-  };
-};
-exports.formatSdocContent = formatSdocContent;
+exports.getSlateFragmentAttribute = getSlateFragmentAttribute;

package/dist/basic-sdk/utils/event-handler.js

@@ -7,10 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _isHotkey = _interopRequireDefault(require("is-hotkey"));
-var _constants = require("../constants");
-var _constants2 = require("../extension/constants");
+var _constants = require("../extension/constants");
 var _queries = require("../extension/core/queries/");
-var _eventBus = _interopRequireDefault(require("../utils/event-bus"));
 var _documentUtils = require("./document-utils");
 class EventProxy {
   constructor(_editor) {
@@ -74,24 +72,10 @@ class EventProxy {
       if ((0, _isHotkey.default)('tab', event) || (0, _isHotkey.default)('shift+tab', event)) {
         editor.handleTab && editor.handleTab(event);
       }
-      if ((0, _isHotkey.default)('mod+p', event)) {
-        event.preventDefault();
-        const eventBus = _eventBus.default.getInstance();
-        eventBus.dispatch(_constants.INTERNAL_EVENT.ON_PRINT);
-      }
-      const node = (0, _queries.getSelectedNodeByType)(editor, _constants2.ELEMENT_TYPE.TABLE);
-      if (node) {
-        this.editor.tableOnKeyDown(event);
-      }
-      const imageNode = (0, _queries.getSelectedNodeByType)(editor, _constants2.ELEMENT_TYPE.IMAGE);
+      const imageNode = (0, _queries.getSelectedNodeByType)(editor, _constants.ELEMENT_TYPE.IMAGE);
       if (imageNode) {
         this.editor.imageOnKeyDown(event);
       }
-      if ((0, _queries.getSelectedNodeByType)(editor, _constants2.ELEMENT_TYPE.CODE_BLOCK)) {
-        this.editor.codeBlockOnKeyDown(event);
-        const eventBus = _eventBus.default.getInstance();
-        eventBus.dispatch(_constants.INTERNAL_EVENT.HIDDEN_CODE_BLOCK_HOVER_MENU);
-      }
     });
     (0, _defineProperty2.default)(this, "onCopy", event => {
       if (this.editor.onCopy) this.editor.onCopy(event);

package/dist/basic-sdk/utils/mouse-event.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.unregisterResizeEvents = exports.registerResizeEvents = exports.getMouseMoveInfo = exports.getMouseDownInfo = exports.eventStopPropagation = exports.createObjectWithProperties = void 0;
+exports.unregisterResizeEvents = exports.registerResizeEvents = exports.eventStopPropagation = void 0;
 const eventStopPropagation = event => {
   if (!event) return;
   event.stopPropagation();
@@ -23,59 +23,4 @@ const unregisterResizeEvents = function () {
     document.removeEventListener(key, eventsMap[key]);
   }
 };
-exports.unregisterResizeEvents = unregisterResizeEvents;
-const getMouseDownInfo = (event, scrollContainer) => {
-  let positionX = 0;
-  let positionY = 0;
-  let scrollLeft = 0;
-  let scrollTop = 0;
-  if (event) {
-    positionX = event.clientX;
-    positionY = event.clientY;
-  }
-  if (scrollContainer) {
-    scrollLeft = scrollContainer.scrollLeft;
-    scrollTop = scrollContainer.scrollTop;
-  }
-  return {
-    positionX,
-    positionY,
-    scrollLeft,
-    scrollTop
-  };
-};
-exports.getMouseDownInfo = getMouseDownInfo;
-const getMouseMoveInfo = (event, mouseDownInfo, scrollContainer) => {
-  let displacementX = 0;
-  let displacementY = 0;
-  if (!event) return {
-    displacementX,
-    displacementY
-  };
-  const {
-    clientX: currPositionX,
-    clientY: currPositionY
-  } = event;
-  let scrollLeft = 0;
-  let scrollTop = 0;
-  if (scrollContainer) {
-    scrollLeft = scrollContainer.scrollLeft || 0;
-    scrollTop = scrollContainer.scrollTop || 0;
-  }
-  displacementX = currPositionX - mouseDownInfo.positionX + scrollLeft - (mouseDownInfo.scrollLeft || 0);
-  displacementY = currPositionY - mouseDownInfo.positionY + scrollTop - (mouseDownInfo.scrollTop || 0);
-  return {
-    displacementX,
-    displacementY
-  };
-};
-exports.getMouseMoveInfo = getMouseMoveInfo;
-const createObjectWithProperties = (originalObj, properties) => {
-  return properties.reduce((result, property) => {
-    if (property in originalObj) {
-      result[property] = originalObj[property];
-    }
-    return result;
-  }, {});
-};
-exports.createObjectWithProperties = createObjectWithProperties;
+exports.unregisterResizeEvents = unregisterResizeEvents;

package/dist/constants/index.js

@@ -3,65 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TIP_TYPE = exports.TIP_TITLE = exports.TIP_CONTENT = exports.NEW_REVISION = exports.EXTERNAL_EVENT = void 0;
+exports.EXTERNAL_EVENT = void 0;
 var _basicSdk = require("../basic-sdk");
 const EXTERNAL_EVENT = exports.EXTERNAL_EVENT = {
-  INTERNAL_LINK_CLICK: 'internal_link_click',
-  TOGGLE_STAR: 'toggle_star',
-  UNMARK_AS_DRAFT: 'unmark_as_draft',
-  SHARE_SDOC: 'share_sdoc',
-  FREEZE_DOCUMENT: 'freeze_document',
-  UNFREEZE: 'unfreeze',
-  // change internal event to external event
-  // editor
-  REFRESH_DOCUMENT: _basicSdk.INTERNAL_EVENT.REFRESH_DOCUMENT,
-  NEW_NOTIFICATION: _basicSdk.INTERNAL_EVENT.NEW_NOTIFICATION,
-  CLEAR_NOTIFICATION: _basicSdk.INTERNAL_EVENT.CLEAR_NOTIFICATION,
-  // wiki
-  CREATE_SDOC_FILE: _basicSdk.INTERNAL_EVENT.CREATE_SDOC_FILE,
-  CREATE_WIKI_PAGE: _basicSdk.INTERNAL_EVENT.CREATE_WIKI_PAGE,
-  // document
-  IMAGE_COLUMN_TOGGLE: _basicSdk.INTERNAL_EVENT.IMAGE_COLUMN_TOGGLE,
-  COLLABORATORS_UPDATED: 'collaborators_updated',
-  CHANGE_HEADER_WIDTH: 'change_header_width'
-};
-const NEW_REVISION = exports.NEW_REVISION = 'new_revision';
-const TIP_TYPE = exports.TIP_TYPE = {
-  DELETE_NO_CHANGES_REVISION: 'delete_no_changes_revision',
-  MERGE: 'merge',
-  HAS_CONFLICT_BEFORE_PUBLISH: 'has_conflict_before_publish',
-  HAS_BEEN_PUBLISHED: 'has_been_published',
-  HAS_BEEN_REPLACED: 'has_been_merge',
-  HAS_CONFLICT_BEFORE_VIEW_CHANGES: 'has_conflict_before_view_changes',
-  HAS_BEEN_REMOVED: 'has_been_removed',
-  CHECKING: 'checking',
-  PUBLISHING: 'publishing',
-  DELETE_REVISION: 'delete_revision',
-  SOURCE_DOCUMENT_CHANGED: 'source_document_changed'
-};
-const TIP_TITLE = exports.TIP_TITLE = {
-  [TIP_TYPE.DELETE_NO_CHANGES_REVISION]: 'Tip',
-  [TIP_TYPE.MERGE]: 'Tip',
-  [TIP_TYPE.HAS_CONFLICT_BEFORE_PUBLISH]: 'Tip',
-  [TIP_TYPE.HAS_BEEN_PUBLISHED]: 'Tip',
-  [TIP_TYPE.HAS_BEEN_REPLACED]: 'Tip',
-  [TIP_TYPE.HAS_CONFLICT_BEFORE_VIEW_CHANGES]: 'Tip',
-  [TIP_TYPE.HAS_BEEN_REMOVED]: 'Tip',
-  [TIP_TYPE.CHECKING]: 'Tip',
-  [TIP_TYPE.PUBLISHING]: 'Tip',
-  [TIP_TYPE.DELETE_REVISION]: 'Delete_revision',
-  [TIP_TYPE.SOURCE_DOCUMENT_CHANGED]: 'Tip'
-};
-const TIP_CONTENT = exports.TIP_CONTENT = {
-  [TIP_TYPE.DELETE_NO_CHANGES_REVISION]: 'Rebase_delete_no_change_revision_tip',
-  [TIP_TYPE.MERGE]: 'Merge_tip',
-  [TIP_TYPE.HAS_CONFLICT_BEFORE_PUBLISH]: 'Has_conflict_before_publish_tip',
-  [TIP_TYPE.HAS_BEEN_PUBLISHED]: 'Has_been_published_tip',
-  [TIP_TYPE.HAS_BEEN_REPLACED]: 'Has_been_replaced_tip',
-  [TIP_TYPE.HAS_CONFLICT_BEFORE_VIEW_CHANGES]: 'Has_conflict_before_view_changes_tip',
-  [TIP_TYPE.HAS_BEEN_REMOVED]: 'Has_been_removed_tip',
-  [TIP_TYPE.CHECKING]: 'Checking',
-  [TIP_TYPE.PUBLISHING]: 'Publishing',
-  [TIP_TYPE.DELETE_REVISION]: 'Delete_tip',
-  [TIP_TYPE.SOURCE_DOCUMENT_CHANGED]: 'Source_document_changed_tip'
+  IMAGE_COLUMN_TOGGLE: _basicSdk.INTERNAL_EVENT.IMAGE_COLUMN_TOGGLE
 };

package/dist/pages/seafile-comment-editor.js

@@ -1,45 +1,56 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactI18next = require("react-i18next");
+var _react = _interopRequireWildcard(require("react"));
 var _basicSdk = require("../basic-sdk");
-var _errorBoundary = _interopRequireDefault(require("../components/error-boundary"));
 const SeafileCommentEditor = _ref => {
   let {
+    // Provider
     type,
-    userInfo,
-    pluginName = '',
+    // comment or replay
     className = '',
-    commentContent,
-    hiddenUserInfo,
+    pluginName = '',
+    // sdoc or dtable or txt or py ...
+    pluginEventBus,
+    pluginEvent,
+    // Comment editor
+    content,
     insertContent,
-    hiddenComment,
     onContentChange,
+    hiddenUserInfo,
+    hiddenComment,
+    toolMenus,
+    closePanel,
+    collaborators,
+    participants,
     addParticipants,
-    pluginEventBus,
-    pluginEvent,
+    // settings
+    settings,
     api
   } = _ref;
-  _basicSdk.context.init(api);
-  return /*#__PURE__*/_react.default.createElement(_errorBoundary.default, null, /*#__PURE__*/_react.default.createElement(_basicSdk.CommentProvider, {
+  _basicSdk.context.init(settings, api);
+  return /*#__PURE__*/_react.default.createElement(_react.Suspense, null, /*#__PURE__*/_react.default.createElement(_basicSdk.CommentProvider, {
     type: type,
-    userInfo: userInfo,
-    pluginName: pluginName,
     className: className,
+    pluginName: pluginName,
     pluginEventBus: pluginEventBus,
-    pluginEvent: pluginEvent
+    pluginEvent: pluginEvent,
+    collaborators: collaborators,
+    participants: participants,
+    addParticipants: addParticipants
   }, /*#__PURE__*/_react.default.createElement(_basicSdk.CommentEditor, {
-    commentContent: commentContent,
-    hiddenUserInfo: hiddenUserInfo,
+    content: content,
     insertContent: insertContent,
-    hiddenComment: hiddenComment,
     onContentChange: onContentChange,
+    hiddenUserInfo: hiddenUserInfo,
+    hiddenComment: hiddenComment,
+    toolMenus: toolMenus,
+    closePanel: closePanel,
     addParticipants: addParticipants
   })));
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(SeafileCommentEditor);
+var _default = exports.default = SeafileCommentEditor;

package/package.json

@@ -1,14 +1,12 @@
 {
   "name": "@seafile/comment-editor",
-  "version": "0.0.1-alpha.9",
+  "version": "0.0.2",
   "private": false,
   "description": "This is a comment editor",
   "main": "dist/index.js",
   "dependencies": {
     "@seafile/comment-editor": "^0.0.1-alpha.0",
-    "@seafile/print-js": "1.6.6",
     "@seafile/react-image-lightbox": "4.0.2",
-    "@seafile/sdoc-editor": "2.0.60",
     "@seafile/slate": "0.91.8",
     "@seafile/slate-history": "0.86.2",
     "@seafile/slate-hyperscript": "0.81.7",
@@ -16,17 +14,10 @@
     "axios": "^1.8.2",
     "classnames": "2.3.2",
     "copy-to-clipboard": "^3.3.3",
-    "dayjs": "1.10.7",
     "deep-copy": "1.4.2",
     "dtable-ui-component": "^6.0.15",
     "is-hotkey": "0.2.0",
     "is-url": "^1.2.4",
-    "lodash.isequal": "4.5.0",
-    "lodash.throttle": "4.1.1",
-    "prismjs": "^1.30.0",
-    "randomcolor": "0.6.2",
-    "react-color": "2.19.3",
-    "react-cookies": "0.1.1",
     "react-transition-group": "4.4.5",
     "reactstrap": "9.2.3",
     "rehype-format": "5.0.0",
@@ -41,9 +32,7 @@
     "remark-parse": "11.0.0",
     "remark-rehype": "11.0.0",
     "remark-stringify": "11.0.0",
-    "sea-chart": "2.0.16",
     "slugid": "3.2.0",
-    "socket.io-client": "4.8.1",
     "type-of": "2.0.1",
     "unified": "11.0.3",
     "url-join": "4.0.1",
@@ -105,8 +94,6 @@
     "css-minimizer-webpack-plugin": "5.0.1",
     "dotenv": "^10.0.0",
     "dotenv-expand": "^5.1.0",
-    "dtable-sdk": "5.0.10",
-    "dtable-utils": "5.0.1",
     "ejs": "3.1.10",
     "eslint": "^8.3.0",
     "eslint-config-react-app": "^7.0.1",
@@ -115,10 +102,10 @@
     "fs-extra": "^10.0.0",
     "html-webpack-plugin": "^5.5.0",
     "husky": "8.0.3",
-    "i18next": "22.4.9",
-    "i18next-browser-languagedetector": "7.0.1",
-    "i18next-xhr-backend": "3.2.2",
-    "identity-obj-proxy": "3.0.0",
+    "i18next": "^25.2.1",
+    "i18next-browser-languagedetector": "^8.1.0",
+    "i18next-http-backend": "^3.0.2",
+    "identity-obj-proxy": "^3.0.0",
     "is-wsl": "^1.1.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
@@ -141,7 +128,7 @@
     "react-app-polyfill": "^3.0.0",
     "react-dev-utils": "^12.0.1",
     "react-dom": "18.3.1",
-    "react-i18next": "12.1.4",
+    "react-i18next": "^15.5.2",
     "react-refresh": "^0.11.0",
     "react-router": "7.5.2",
     "react-router-dom": "7.1.3",

package/public/index.html

@@ -12,7 +12,6 @@
         <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
         <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
         <link rel="stylesheet" type="text/css" href="%PUBLIC_URL%/media/sdoc-editor-font.css">
-        <link rel="stylesheet" type="text/css" href="%PUBLIC_URL%/media/dtable-font.css">
         <link rel="stylesheet" type="text/css" href="%PUBLIC_URL%/media/seafile-ui.css">
         <!--
       Notice the use of %PUBLIC_URL% in the tags above.

package/dist/assets/css/simple-editor.css

@@ -1,9 +0,0 @@
-/* reset common css */
-.sdoc-editor-page-wrapper .dropdown-item,
-.sdoc-context-menu .dropdown-item:not(:disabled) {
-  color: #212529;
-}
-
-.sdoc-context-menu .dropdown-item:hover {
-  color: #fff;
-}

package/dist/basic-sdk/android/constants.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ACTION_TYPES = void 0;
-const ACTION_TYPES = exports.ACTION_TYPES = {
-  GET_OUTLINE: 'sdoc.outline.data.get',
-  SELECT_OUTLINE: 'sdoc.outline.data.select'
-};

package/dist/basic-sdk/android/js-bridge.js

@@ -1,74 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-class JSBridge {
-  constructor() {
-    (0, _defineProperty2.default)(this, "init", () => {
-      if (window.WebViewJavascriptBridge) {
-        this.initWebViewJavascriptBridge();
-      } else {
-        document.addEventListener('WebViewJavascriptBridgeReady', this.initWebViewJavascriptBridge, false);
-      }
-      this.initJSEventHandler();
-    });
-    (0, _defineProperty2.default)(this, "finishPage", () => {
-      if (!window.WebViewJavascriptBridge) return;
-      window.WebViewJavascriptBridge.callHandler('finishPage');
-    });
-    (0, _defineProperty2.default)(this, "initWebViewJavascriptBridge", () => {
-      if (window.WebViewJavascriptBridge.init && !window.WebViewJavascriptBridge.inited) {
-        window.WebViewJavascriptBridge.init();
-      }
-    });
-    (0, _defineProperty2.default)(this, "initJSEventHandler", () => {
-      if (!window.WebViewJavascriptBridge) return;
-      window.WebViewJavascriptBridge.registerHandler('callJsFunction', (sData, responseCallback) => {
-        if (!sData) return;
-        let parsedData = null;
-        try {
-          parsedData = JSON.parse(sData);
-        } catch (err) {
-          console.log('parsed error');
-          parsedData = null;
-        }
-        if (!parsedData) return;
-        const {
-          action,
-          data
-        } = parsedData;
-        const eventHandler = this.eventHandlerMap[action];
-        const execActionSucceed = eventHandler(JSON.parse(data));
-        if (execActionSucceed) {
-          responseCallback(JSON.stringify({
-            success: true
-          }));
-        }
-      });
-    });
-    (0, _defineProperty2.default)(this, "registerEventHandler", (key, callback) => {
-      if (!key || !callback) {
-        throw new Error('Parameter event type and processing function must exist.');
-      }
-      if (typeof key !== 'string') {
-        throw new Error('Event type must be a string.');
-      }
-      if (typeof callback !== 'function') {
-        throw new Error('The handler function must be a function.');
-      }
-      this.eventHandlerMap[key] = callback;
-    });
-    (0, _defineProperty2.default)(this, "callAndroidFunction", dataString => {
-      if (!window.WebViewJavascriptBridge) return false;
-      window.WebViewJavascriptBridge.callHandler('callAndroidFunction', dataString);
-      return true;
-    });
-    this.eventHandlerMap = {};
-  }
-}
-const jsBridge = new JSBridge();
-var _default = exports.default = jsBridge;

package/dist/basic-sdk/android/outline-module.js

@@ -1,29 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.updateOutlineValue = exports.scrollToOutline = exports.registerOutlineEventHandler = void 0;
-var _constants = require("./constants");
-var _jsBridge = _interopRequireDefault(require("./js-bridge"));
-const updateOutlineValue = value => {
-  if (!value || !Array.isArray(value)) return;
-  const outlines = value === null || value === void 0 ? void 0 : value.filter(item => ['header1', 'header2', 'header3'].includes(item.type));
-  if (!window.seadroid) {
-    window.seadroid = {};
-  }
-  window.seadroid['outlines'] = outlines;
-};
-exports.updateOutlineValue = updateOutlineValue;
-const scrollToOutline = item => {
-  const {
-    id
-  } = item;
-  document.getElementById(id).scrollIntoView();
-};
-exports.scrollToOutline = scrollToOutline;
-const registerOutlineEventHandler = () => {
-  _jsBridge.default.registerEventHandler(_constants.ACTION_TYPES.SELECT_OUTLINE, scrollToOutline);
-};
-exports.registerOutlineEventHandler = registerOutlineEventHandler;