@wulperstudio/cms/node/hooks/useMarker.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useMarker = void 0;
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _react = require("react");
var _mark = _interopRequireDefault(require("mark.js"));
/* eslint-disable @typescript-eslint/naming-convention */

/**
 * @public
 */

/**
 * @public
 */
var useMarker = exports.useMarker = function useMarker() {
  var markerRef = (0, _react.useRef)(null);
  var _useState = (0, _react.useState)(),
    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
    marker = _useState2[0],
    setMarker = _useState2[1];
  (0, _react.useEffect)(function () {
    if (markerRef.current) {
      var markJSInstance = new _mark["default"](markerRef.current);
      setMarker(markJSInstance);
    }
  }, []);
  return {
    marker: marker,
    markerRef: markerRef
  };
};