@seafile/sdoc-editor 1.0.158 → 1.0.160

package/dist/android/constants.js

@@ -0,0 +1,10 @@
+"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/android/js-bridge.js

@@ -0,0 +1,71 @@
+"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 && window.WebViewJavascriptBridge.inited) {
+        window.WebViewJavascriptBridge.init();
+      } else {
+        document.addEventListener('WebViewJavascriptBridgeReady', function () {
+          window.WebViewJavascriptBridge.init();
+        }, false);
+      }
+    });
+    (0, _defineProperty2.default)(this, "finishPage", () => {
+      if (!window.WebViewJavascriptBridge) return;
+      window.WebViewJavascriptBridge.callHandler('finishPage');
+    });
+    (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) {
+          parsedData = null;
+        }
+        if (!parsedData) return;
+        const {
+          action,
+          data
+        } = parsedData;
+        const eventHandler = this.eventHandlerMap[action];
+        const execActionSucceed = eventHandler(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 = {};
+    this.init();
+    this.initJSEventHandler();
+  }
+}
+const jsBridge = new JSBridge();
+var _default = exports.default = jsBridge;

package/dist/android/outline-module.js

@@ -0,0 +1,29 @@
+"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;

package/dist/basic-sdk/editor/sdoc-editor.js

@@ -24,6 +24,7 @@ var _readonlyArticle = _interopRequireDefault(require("../views/readonly-article
 var _utils = require("../../utils");
 var _basicSdk = require("../../basic-sdk");
 var _constants2 = require("../../constants");
+var _outlineModule = require("../../android/outline-module");
 const SdocEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     editor: propsEditor,
@@ -96,6 +97,13 @@ const SdocEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  (0, _react.useEffect)(() => {
+    if (_utils.isMobile) {
+      (0, _outlineModule.registerOutlineEventHandler)();
+      (0, _outlineModule.updateOutlineValue)(document.elements);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   const onRefreshDocument = (0, _react.useCallback)(() => {
     window.location.reload();
   }, []);
@@ -130,6 +138,9 @@ const SdocEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     const eventBus = _basicSdk.EventBus.getInstance();
     eventBus.dispatch(_constants.INTERNAL_EVENT.UPDATE_SEARCH_REPLACE_HIGHLIGHT, value);
     setSlateValue(value);
+    if (_utils.isMobile) {
+      (0, _outlineModule.updateOutlineValue)(value);
+    }
   };
   const isFreezed = _context.default.getSetting('isFreezed');
   if (isReloading) {

package/dist/basic-sdk/views/sdoc-viewer.js

@@ -15,6 +15,7 @@ var _readonlyArticle = _interopRequireDefault(require("./readonly-article"));
 var _useColorContext = require("../hooks/use-color-context");
 var _hooks = require("../../hooks");
 var _context = _interopRequireDefault(require("../../context"));
+var _outlineModule = require("../../android/outline-module");
 require("../assets/css/sdoc-viewer.css");
 const SDocViewer = _ref => {
   let {
@@ -31,6 +32,13 @@ const SDocViewer = _ref => {
   const validEditor = editor || (0, _nodeId.default)((0, _extension.createDefaultEditor)());
   const slateValue = (document || (0, _utils.generateDefaultDocContent)()).elements;
   const Provider = showComment ? _hooks.CollaboratorsProvider : _react.Fragment;
+  (0, _react.useEffect)(() => {
+    if (_utils.isMobile) {
+      (0, _outlineModule.registerOutlineEventHandler)();
+      (0, _outlineModule.updateOutlineValue)(slateValue);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   return /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_hooks.PluginsProvider, {
     plugins: plugins,
     showComment: showComment

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "1.0.158",
+  "version": "1.0.160",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",