@seafile/seafile-editor 0.3.99 → 0.3.100

package/dist/{editor → pages/seafile-editor}/seafile-editor.js

@@ -4,14 +4,13 @@ import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitial
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
-import toaster from '../components/toast';
 import { withTranslation } from 'react-i18next';
 import { Text } from 'slate';
-import '../css/layout.css';
-import '../css/topbar.css';
-import RichMarkdownEditor from './rich-markdown-editor';
-import PlainMarkdownEditor from './plain-markdown-editor';
-import { serialize, deserialize } from '../utils/slate2markdown';
+import toaster from '../../components/toast';
+import RichMarkdownEditor from '../../example/seafile-editor'; // import RichMarkdownEditor from '../../editor/rich-markdown-editor';
+
+import PlainMarkdownEditor from '../../editor/plain-markdown-editor';
+import { serialize, deserialize } from '../../utils/slate2markdown';
 
 var SeafileEditor = /*#__PURE__*/function (_React$Component) {
   _inherits(SeafileEditor, _React$Component);
@@ -266,53 +265,38 @@ var SeafileEditor = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var dom = '';
-
       if (this.props.editorMode === 'rich') {
-        dom = /*#__PURE__*/React.createElement(RichMarkdownEditor, {
+        return /*#__PURE__*/React.createElement(RichMarkdownEditor, {
+          value: this.state.richValue,
+          issues: this.state.issues,
+          fileInfo: this.props.fileInfo,
+          participants: this.props.participants,
+          fileTagList: this.props.fileTagList,
+          readOnly: this.props.readOnly,
           editorApi: this.props.editorApi,
+          collabUsers: this.props.collabUsers,
           onChange: this.onChange,
           onSave: this.onRichEditorSave,
-          value: this.state.richValue,
           resetRichValue: this.resetRichValue,
-          contentChanged: this.props.contentChanged,
-          saving: this.props.saving,
-          switchToMarkDownViewer: this.switchToMarkDownViewer,
-          switchToPlainTextEditor: this.switchToPlainTextEditor,
-          fileInfo: this.props.fileInfo,
-          toggleStar: this.props.toggleStar,
-          issues: this.state.issues,
-          resetContentChanged: this.resetContentChanged,
-          collabUsers: this.props.collabUsers,
-          mode: this.props.editorMode,
-          draftID: this.props.draftID,
-          isDraft: this.props.isDraft,
           openDialogs: this.props.openDialogs,
-          readOnly: this.props.readOnly,
-          fileTagList: this.props.fileTagList,
-          participants: this.props.participants,
           onParticipantsChange: this.props.onParticipantsChange
         });
-      } else if (this.props.editorMode === 'plain') {
-        dom = /*#__PURE__*/React.createElement(PlainMarkdownEditor, {
+      }
+
+      if (this.props.editorMode === 'plain') {
+        return /*#__PURE__*/React.createElement(PlainMarkdownEditor, {
           editorApi: this.props.editorApi,
           initialValue: this.state.initialPlainValue,
           currentContent: this.state.currentContent,
           contentChanged: this.props.contentChanged,
-          switchToRichTextEditor: this.switchToRichTextEditor,
-          switchToMarkDownViewer: this.switchToMarkDownViewer,
           onSave: this.onPlainEditorSave,
           onChange: this.onChange,
           fileInfo: this.props.fileInfo,
-          toggleStar: this.props.toggleStar,
-          collabUsers: this.props.collabUsers,
-          mode: this.props.editorMode,
-          draftID: this.props.draftID,
-          isDraft: this.props.isDraft
+          collabUsers: this.props.collabUsers
         });
       }
 
-      return dom;
+      return null;
     }
   }]);
 

package/dist/{seafile-markdown-editor.js → pages/seafile-markdown-editor.js}

@@ -5,12 +5,12 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 // Import React!
 import React from 'react';
-import { SeafileEditor } from './editor/editor';
 import { withTranslation } from 'react-i18next';
-import { serverConfig } from './config';
-import { serialize } from './utils/slate2markdown';
-import Loading from './components/loading';
-import editorApi from './editor-api';
+import { serialize } from '../utils/slate2markdown';
+import Loading from '../components/loading';
+import SeafileEditor from './seafile-editor';
+import editorApi from '../editor-api';
+import { serverConfig } from '../config';
 var repoID = serverConfig.repoID,
     userInfo = serverConfig.userInfo,
     filePath = serverConfig.filePath,

package/dist/{seafile-markdown-viewer.js → pages/seafile-markdown-viewer.js}

@@ -3,9 +3,9 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
-import { serverConfig } from './config';
-import editorApi from './editor-api';
-import MarkdownViewer from './viewer/markdown-viewer';
+import MarkdownViewer from '../viewer/markdown-viewer';
+import editorApi from '../editor-api';
+import { serverConfig } from '../config';
 var repoID = serverConfig.repoID,
     filePath = serverConfig.filePath;
 

package/dist/{seafile-simple-editor.js → pages/seafile-simple-editor.js}

@@ -4,8 +4,8 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import { withTranslation } from 'react-i18next';
-import { SimpleEditor } from './editor/editor';
-import editorApi from './editor-api';
+import { SimpleEditor } from '../editor/editor';
+import editorApi from '../editor-api';
 
 var SFSimpleMdEditor = /*#__PURE__*/function (_React$Component) {
   _inherits(SFSimpleMdEditor, _React$Component);
@@ -30,6 +30,8 @@ var SFSimpleMdEditor = /*#__PURE__*/function (_React$Component) {
       _this.editor = editor;
     };
 
+    _this.onSave = function () {};
+
     return _this;
   }
 
@@ -44,6 +46,7 @@ var SFSimpleMdEditor = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/React.createElement(SimpleEditor, {
         onRef: this.onRef,
         editorApi: editorApi,
+        onSave: this.onSave,
         value: this.state.value,
         focusEnd: true
       });

package/dist/viewer/diff-viewer.js

@@ -7,7 +7,7 @@ import { SlateDiff } from '../utils/diff';
 import { renderNode, renderLeaf } from '../utils/render-slate';
 import SlateViewer from '../viewer/slate-viewer';
 import LoadScript from '../editor/load-script';
-import '../css/diff-viewer.css';
+import '../assets/css/diff-viewer.css';
 
 var DiffViewer = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(DiffViewer, _React$PureComponent);

package/dist/viewer/markdown-viewer.js

@@ -7,7 +7,7 @@ import { deserialize } from '../utils/slate2markdown';
 import OutlineView from '../components/outline';
 import SlateViewer from './slate-viewer';
 import LoadScript from '../editor/load-script';
-import '../css/markdown-viewer.css';
+import '../assets/css/markdown-viewer.css';
 
 var URL = require('url-parse');
 
@@ -96,7 +96,8 @@ var MarkdownViewer = /*#__PURE__*/function (_React$Component) {
       if (!value) return null;
       var _this$props = this.props,
           scriptSource = _this$props.scriptSource,
-          showTOC = _this$props.showTOC;
+          showTOC = _this$props.showTOC,
+          activeTitleIndex = _this$props.activeTitleIndex;
 
       if (scriptSource) {
         return /*#__PURE__*/React.createElement(LoadScript, {
@@ -108,21 +109,19 @@ var MarkdownViewer = /*#__PURE__*/function (_React$Component) {
         }, /*#__PURE__*/React.createElement(OutlineView, {
           document: value,
           isViewer: true,
-          editor: this,
-          activeTitleIndex: this.props.activeTitleIndex
-        })));
-      } else {
-        return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(SlateViewer, {
-          value: value
-        }), showTOC && /*#__PURE__*/React.createElement("div", {
-          className: "seafile-markdown-outline"
-        }, /*#__PURE__*/React.createElement(OutlineView, {
-          document: value,
-          isViewer: true,
-          editor: this,
-          activeTitleIndex: this.props.activeTitleIndex
+          activeTitleIndex: activeTitleIndex
         })));
       }
+
+      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(SlateViewer, {
+        value: value
+      }), showTOC && /*#__PURE__*/React.createElement("div", {
+        className: "seafile-markdown-outline"
+      }, /*#__PURE__*/React.createElement(OutlineView, {
+        document: value,
+        isViewer: true,
+        activeTitleIndex: activeTitleIndex
+      })));
     }
   }]);
 

package/dist/viewer/slate-viewer.js

@@ -3,31 +3,11 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
+import { Editable, Slate } from '@seafile/slate-react';
 import { decorationNode } from '../editor/editor-utils/common-editor-utils';
-import { Editable, withReact, Slate } from '@seafile/slate-react';
-import '../editor/code-highlight-package';
-import { createEditor } from 'slate';
 import { renderNode, renderLeaf } from '../utils/render-slate';
-
-var withVoid = function withVoid(editor) {
-  var isVoid = editor.isVoid;
-
-  editor.isVoid = function (element) {
-    return element.type === 'image' || element.type === 'formula' ? true : isVoid(element);
-  };
-
-  return editor;
-};
-
-var withInline = function withInline(editor) {
-  var isInline = editor.isInline;
-
-  editor.isInline = function (element) {
-    return element.type === 'link' || element.type === 'image' ? true : isInline(element);
-  };
-
-  return editor;
-};
+import EditorBuilder from '../editor/editor-builder';
+import '../editor/code-highlight-package';
 
 var SlateViewer = /*#__PURE__*/function (_React$Component) {
   _inherits(SlateViewer, _React$Component);
@@ -40,12 +20,17 @@ var SlateViewer = /*#__PURE__*/function (_React$Component) {
     _classCallCheck(this, SlateViewer);
 
     _this = _super.call(this, props);
-    _this.editor = withInline(withVoid(withReact(createEditor())));
+    _this.editor = EditorBuilder.getSlateEditor();
     window.viewer = _this.editor;
     return _this;
   }
 
   _createClass(SlateViewer, [{
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      EditorBuilder.resetEditor();
+    }
+  }, {
     key: "render",
     value: function render() {
       var _this$props = this.props,

package/dist/viewer/viewer-formula.js

@@ -3,7 +3,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
-import '../css/richeditor/formula.css';
+import '../assets/css/formula.css';
 
 var ViewerFormula = /*#__PURE__*/function (_React$Component) {
   _inherits(ViewerFormula, _React$Component);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-editor",
-  "version": "0.3.99",
+  "version": "0.3.100",
   "private": false,
   "dependencies": {
     "@seafile/react-image-lightbox": "^0.0.9",
@@ -12,7 +12,6 @@
     "deepmerge": "^2.1.0",
     "detect-indent": "^4.0.0",
     "detect-newline": "^2.1.0",
-    "ends-with": "^0.2.0",
     "glamor": "^2.20.40",
     "hast-util-sanitize": "^1.1.2",
     "i18next": "^17.0.13",
@@ -21,15 +20,14 @@
     "is-data-uri": "^0.1.0",
     "is-hotkey": "^0.1.3",
     "is-url": "^1.2.4",
-    "jszip": "^3.2.1",
     "lodash": "4.17.21",
     "mdast-util-definitions": "^1.2.2",
     "object-assign": "4.1.1",
     "prismjs": "1.23.0",
     "promise": "8.0.1",
     "prop-types": "^15.6.1",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6",
+    "react": "^16.12.0",
+    "react-dom": "^16.12.0",
     "react-i18next": "^10.12.2",
     "react-mentions": "^3.0.2",
     "react-select": "^2.4.2",
@@ -44,7 +42,6 @@
     "remark-parse": "^5.0.0",
     "remark-rehype": "^3.0.0",
     "remark-slug": "^5.0.0",
-    "request": "^2.88.0",
     "seafile-js": "0.2.168",
     "seafile-ui": "^0.1.10",
     "slate": "^0.54.2",
@@ -61,7 +58,7 @@
     "start": "node scripts/start.js",
     "build": "node scripts/build.js",
     "pub:dist": "export BABEL_ENV=production && ./node_modules/.bin/babel src --out-dir dist --copy-files",
-    "pub:optimized": "rm dist/config.js dist/i18n.js dist/index.js",
+    "pub:optimized": "rm dist/config.js",
     "prepublishOnly": "npm run clean && npm run pub:dist && npm run pub:optimized",
     "test": "node scripts/test.js --env=jsdom"
   },
@@ -112,9 +109,6 @@
       "@babel/plugin-proposal-object-rest-spread"
     ]
   },
-  "eslintConfig": {
-    "extends": "react-app"
-  },
   "files": [
     "dist/",
     "public/",
@@ -172,10 +166,8 @@
     "postcss-preset-env": "6.7.0",
     "postcss-safe-parser": "4.0.1",
     "raf": "3.4.0",
-    "react": "^16.12.0",
     "react-app-polyfill": "^1.0.4",
     "react-dev-utils": "^9.1.0",
-    "react-dom": "^16.12.0",
     "resolve": "1.12.0",
     "resolve-url-loader": "3.1.2",
     "sass-loader": "7.2.0",
@@ -190,7 +182,7 @@
     "workbox-webpack-plugin": "4.3.1"
   },
   "description": "This project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app).",
-  "main": "dist/editor/editor.js",
+  "main": "dist/index.js",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/seafileltd/seafile-editor.git"