@seafile/seafile-editor 0.3.76

package/dist/viewer/slate-viewer.js

@@ -0,0 +1,73 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+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 { 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;
+};
+
+var SlateViewer = /*#__PURE__*/function (_React$Component) {
+  _inherits(SlateViewer, _React$Component);
+
+  var _super = _createSuper(SlateViewer);
+
+  function SlateViewer(props) {
+    var _this;
+
+    _classCallCheck(this, SlateViewer);
+
+    _this = _super.call(this, props);
+    _this.editor = withInline(withVoid(withReact(createEditor())));
+    window.viewer = _this.editor;
+    return _this;
+  }
+
+  _createClass(SlateViewer, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          value = _this$props.value,
+          renderDiffElement = _this$props.renderDiffElement,
+          renderDiffLeaf = _this$props.renderDiffLeaf;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "article"
+      }, /*#__PURE__*/React.createElement(Slate, {
+        editor: this.editor,
+        value: value
+      }, /*#__PURE__*/React.createElement(Editable, {
+        readOnly: true,
+        className: 'viewer-component',
+        decorate: decorationNode,
+        renderElement: renderDiffElement ? renderDiffElement : renderNode,
+        renderLeaf: renderDiffLeaf ? renderDiffLeaf : renderLeaf
+      })));
+    }
+  }]);
+
+  return SlateViewer;
+}(React.Component);
+
+export default SlateViewer;

package/dist/viewer/viewer-formula.js

@@ -0,0 +1,67 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+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';
+
+var ViewerFormula = /*#__PURE__*/function (_React$Component) {
+  _inherits(ViewerFormula, _React$Component);
+
+  var _super = _createSuper(ViewerFormula);
+
+  function ViewerFormula() {
+    var _this;
+
+    _classCallCheck(this, ViewerFormula);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _this.renderFormula = function () {
+      var node = _this.props.node;
+      _this.formulaContainer.innerHTML = '';
+      var formula = node.data.formula;
+      var dom = window.MathJax.tex2svg(formula);
+
+      _this.formulaContainer.appendChild(dom);
+    };
+
+    return _this;
+  }
+
+  _createClass(ViewerFormula, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var node = this.props.node;
+      if (!node.data.formula) return;
+      this.renderFormula();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          attributes = _this$props.attributes,
+          children = _this$props.children;
+      return /*#__PURE__*/React.createElement("span", Object.assign({
+        className: 'block-formula'
+      }, attributes), /*#__PURE__*/React.createElement("span", {
+        contentEditable: false,
+        ref: function ref(_ref) {
+          return _this2.formulaContainer = _ref;
+        }
+      }), /*#__PURE__*/React.createElement("span", {
+        contentEditable: false
+      }, children));
+    }
+  }]);
+
+  return ViewerFormula;
+}(React.Component);
+
+export default ViewerFormula;

package/dist/viewer/viewer-image.js

@@ -0,0 +1,93 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+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 Modal from '../components/modal-portal';
+
+var ViewerImage = /*#__PURE__*/function (_React$Component) {
+  _inherits(ViewerImage, _React$Component);
+
+  var _super = _createSuper(ViewerImage);
+
+  function ViewerImage(props) {
+    var _this;
+
+    _classCallCheck(this, ViewerImage);
+
+    _this = _super.call(this, props);
+
+    _this.toggleBigImage = function (event) {
+      event.preventDefault();
+
+      _this.setState({
+        isShowBigImage: !_this.state.isShowBigImage
+      });
+    };
+
+    _this.renderBigImage = function (src) {
+      return /*#__PURE__*/React.createElement(BigImage, {
+        src: src,
+        toggleBigImage: _this.toggleBigImage
+      });
+    };
+
+    _this.state = {
+      isShowBigImage: false
+    };
+    return _this;
+  }
+
+  _createClass(ViewerImage, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          attributes = _this$props.attributes,
+          node = _this$props.node;
+      var data = node.data;
+      var isShowBigImage = this.state.isShowBigImage;
+      var src = data.src;
+      var dom = /*#__PURE__*/React.createElement("span", {
+        className: "seafile-ed-image seafile-ed-image-viwer"
+      }, /*#__PURE__*/React.createElement("img", Object.assign({
+        draggable: false,
+        src: src,
+        alt: ""
+      }, attributes, {
+        width: data.width,
+        height: data.height
+      })), /*#__PURE__*/React.createElement("span", {
+        onClick: this.toggleBigImage,
+        className: "image-full-button"
+      }, /*#__PURE__*/React.createElement("i", {
+        className: 'iconfont icon-fullscreen'
+      })), isShowBigImage && this.renderBigImage(src));
+      return src ? dom : /*#__PURE__*/React.createElement("span", attributes, "Loading...");
+    }
+  }]);
+
+  return ViewerImage;
+}(React.Component);
+
+var BigImage = function BigImage(props) {
+  return /*#__PURE__*/React.createElement(Modal, null, /*#__PURE__*/React.createElement("div", {
+    className: 'big-image-cover',
+    onClick: function onClick(event) {
+      return props.toggleBigImage(event);
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'big-image-container'
+  }, /*#__PURE__*/React.createElement("img", {
+    src: props.src,
+    alt: ""
+  })), /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick(event) {
+      return props.toggleBigImage(event);
+    },
+    className: 'image-container-close'
+  }, /*#__PURE__*/React.createElement("i", {
+    className: 'iconfont icon-close'
+  }))));
+};
+
+export { ViewerImage };

package/dist/viewer/viewer-outline.js

@@ -0,0 +1,118 @@
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+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';
+
+var OutlineItem = /*#__PURE__*/function (_React$Component) {
+  _inherits(OutlineItem, _React$Component);
+
+  var _super = _createSuper(OutlineItem);
+
+  function OutlineItem() {
+    var _this;
+
+    _classCallCheck(this, OutlineItem);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _this.onClick = function (event) {
+      _this.props.viewer.scrollToNode(_this.props.node);
+    };
+
+    return _this;
+  }
+
+  _createClass(OutlineItem, [{
+    key: "render",
+    value: function render() {
+      var node = this.props.node;
+      var c;
+
+      if (node.depth === 2) {
+        c = 'seafile-md-viewer-outline-heading2';
+      } else if (node.depth === 3) {
+        c = 'seafile-md-viewer-outline-heading3';
+      }
+
+      return /*#__PURE__*/React.createElement("div", {
+        className: c,
+        onClick: this.onClick
+      }, node.text);
+    }
+  }]);
+
+  return OutlineItem;
+}(React.Component);
+
+var OutlineView = /*#__PURE__*/function (_React$Component2) {
+  _inherits(OutlineView, _React$Component2);
+
+  var _super2 = _createSuper(OutlineView);
+
+  function OutlineView() {
+    _classCallCheck(this, OutlineView);
+
+    return _super2.apply(this, arguments);
+  }
+
+  _createClass(OutlineView, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var root = this.props.treeRoot;
+
+      if (root == null) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "seafile-viewer-outline"
+        });
+      }
+
+      var headingList = root.children.filter(function (node) {
+        return node.type === 'heading' && (node.depth === 2 || node.depth === 3);
+      });
+
+      for (var i = 0; i < headingList.length; i++) {
+        var _iterator = _createForOfIteratorHelper(headingList[i].children),
+            _step;
+
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var child = _step.value;
+
+            if (child.type === 'text') {
+              headingList[i].text = child.value;
+              break;
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+
+        headingList[i].key = i;
+      }
+
+      return /*#__PURE__*/React.createElement("div", {
+        className: "seafile-viewer-outline"
+      }, headingList.map(function (node) {
+        return /*#__PURE__*/React.createElement(OutlineItem, {
+          key: node.key,
+          viewer: _this2.props.viewer,
+          node: node
+        });
+      }));
+    }
+  }]);
+
+  return OutlineView;
+}(React.Component);
+
+export default OutlineView;

package/package.json

@@ -0,0 +1,215 @@
+{
+  "name": "@seafile/seafile-editor",
+  "version": "0.3.76",
+  "private": false,
+  "dependencies": {
+    "@seafile/slate-react": "^0.54.13",
+    "codemirror": "^5.37.0",
+    "crypto-js": "^3.1.9-1",
+    "deep-equal": "^1.0.1",
+    "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",
+    "i18next-browser-languagedetector": "^3.0.3",
+    "i18next-xhr-backend": "^3.1.2",
+    "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",
+    "moment": "^2.22.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-i18next": "^10.12.2",
+    "react-mentions": "^3.0.2",
+    "react-select": "^2.4.2",
+    "reactstrap": "^5.0.0-beta.3",
+    "rehype-format": "^2.2.0",
+    "rehype-mathjax": "^2.0.0",
+    "rehype-raw": "^2.0.0",
+    "rehype-stringify": "^3.0.0",
+    "remark": "^9.0.0",
+    "remark-breaks": "^1.0.0",
+    "remark-math": "^3.0.0",
+    "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",
+    "slate-history": "^0.54.2",
+    "slate-hotkeys": "0.2.3",
+    "slate-html-serializer": "^0.7.2",
+    "slate-schema-violations": "^0.1.39",
+    "toggle-selection": "^1.0.6",
+    "url-parse": "^1.4.3",
+    "xtend": "^4.0.1"
+  },
+  "scripts": {
+    "clean": "rm -rf dist && mkdir dist",
+    "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",
+    "prepublishOnly": "npm run clean && npm run pub:dist && npm run pub:optimized",
+    "test": "node scripts/test.js --env=jsdom"
+  },
+  "jest": {
+    "collectCoverageFrom": [
+      "src/**/*.{js,jsx,mjs}"
+    ],
+    "setupFiles": [
+      "<rootDir>/config/polyfills.js"
+    ],
+    "testMatch": [
+      "<rootDir>/src/**/__tests__/**/*.{js,jsx,mjs}",
+      "<rootDir>/src/**/?(*.)(spec|test).{js,jsx,mjs}"
+    ],
+    "testEnvironment": "node",
+    "testURL": "http://localhost",
+    "transform": {
+      "^.+\\.(js|jsx|mjs)$": "<rootDir>/node_modules/babel-jest",
+      "^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
+      "^(?!.*\\.(js|jsx|mjs|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
+    },
+    "transformIgnorePatterns": [
+      "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs)$"
+    ],
+    "moduleNameMapper": {
+      "^react-native$": "react-native-web"
+    },
+    "moduleFileExtensions": [
+      "web.js",
+      "mjs",
+      "js",
+      "json",
+      "web.jsx",
+      "jsx",
+      "node"
+    ]
+  },
+  "babel": {
+    "presets": [
+      [
+        "react-app",
+        {
+          "absoluteRuntime": false
+        }
+      ]
+    ],
+    "plugins": [
+      "@babel/plugin-proposal-object-rest-spread"
+    ]
+  },
+  "eslintConfig": {
+    "extends": "react-app"
+  },
+  "files": [
+    "dist/",
+    "public/",
+    "TODO.md"
+  ],
+  "devDependencies": {
+    "@babel/cli": "7.13.14",
+    "@babel/core": "^7.10.2",
+    "@babel/plugin-proposal-object-rest-spread": "^7.9.6",
+    "@babel/runtime": "^7.10.2",
+    "@reach/router": "1.3.4",
+    "@svgr/webpack": "4.3.2",
+    "@typescript-eslint/eslint-plugin": "^2.2.0",
+    "@typescript-eslint/parser": "^2.2.0",
+    "autoprefixer": "7.1.6",
+    "babel-eslint": "10.0.3",
+    "babel-jest": "^24.9.0",
+    "babel-loader": "8.0.6",
+    "babel-plugin-named-asset-import": "^0.3.4",
+    "babel-plugin-transform-object-rest-spread": "^6.26.0",
+    "babel-preset-react-app": "^9.0.2",
+    "browserslist": "^4.8.0",
+    "camelcase": "^5.2.0",
+    "case-sensitive-paths-webpack-plugin": "2.2.0",
+    "css-loader": "^3.2.1",
+    "dotenv": "6.2.0",
+    "dotenv-expand": "5.1.0",
+    "enzyme": "^3.10.0",
+    "enzyme-adapter-react-16": "^1.15.1",
+    "eslint": "^6.1.0",
+    "eslint-config-react-app": "^5.0.2",
+    "eslint-loader": "3.0.2",
+    "eslint-plugin-flowtype": "3.13.0",
+    "eslint-plugin-import": "2.18.2",
+    "eslint-plugin-jsx-a11y": "6.2.3",
+    "eslint-plugin-react": "7.14.3",
+    "eslint-plugin-react-hooks": "^1.6.1",
+    "extract-text-webpack-plugin": "3.0.2",
+    "file-loader": "3.0.1",
+    "fs-extra": "7.0.1",
+    "html-webpack-plugin": "^4.0.0-beta.5",
+    "identity-obj-proxy": "3.0.0",
+    "is-wsl": "^1.1.0",
+    "jest": "24.9.0",
+    "jest-environment-jsdom-fourteen": "0.1.0",
+    "jest-resolve": "24.9.0",
+    "jest-watch-typeahead": "0.4.0",
+    "mini-css-extract-plugin": "^0.5.0",
+    "optimize-css-assets-webpack-plugin": "5.0.3",
+    "pnp-webpack-plugin": "1.5.0",
+    "postcss": "^7.0.0",
+    "postcss-flexbugs-fixes": "^4.1.0",
+    "postcss-loader": "^3.0.0",
+    "postcss-normalize": "7.0.1",
+    "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",
+    "semver": "6.3.0",
+    "style-loader": "^1.0.1",
+    "terser-webpack-plugin": "4.2.3",
+    "ts-pnp": "1.1.4",
+    "url-loader": "2.1.0",
+    "webpack": "4.41.0",
+    "webpack-dev-server": "3.11.2",
+    "webpack-manifest-plugin": "2.1.1",
+    "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",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/seafileltd/seafile-editor.git"
+  },
+  "author": "Seafile Ltd",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/seafileltd/seafile-editor/issues"
+  },
+  "homepage": "https://github.com/seafileltd/seafile-editor#readme",
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}

package/public/index.html

@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="theme-color" content="#000000">
+
+    <!--
+      manifest.json provides metadata used when your web app is added to the
+      homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
+    -->
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
+    <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/seafile-editor-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.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title>React App</title>
+  </head>
+  <body>
+    <noscript>
+      You need to enable JavaScript to run this app.
+    </noscript>
+    <div id="root"></div>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+  </body>
+</html>