react-video-annotation-tool/dist/observerDesignPattern/ObserverDesignPattern.js

A React-based video player with built-in annotation features, enabling interactive video tagging and markup for seamless media annotation workflows

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
export var Manager = /*#__PURE__*/function () {
  function Manager(undo, redo, deleteShape) {
    _classCallCheck(this, Manager);
    _defineProperty(this, "undo", null);
    _defineProperty(this, "redo", null);
    _defineProperty(this, "deleteShape", null);
    this.undo = undo;
    this.redo = redo;
    this.deleteShape = deleteShape;
  }
  return _createClass(Manager, [{
    key: "makeUndo",
    value: function makeUndo() {
      this.undo();
    }
  }, {
    key: "makeRedo",
    value: function makeRedo() {
      this.redo();
    }
  }, {
    key: "makeDeleteShape",
    value: function makeDeleteShape() {
      this.deleteShape();
    }
  }]);
}();
export var Observer = /*#__PURE__*/function () {
  function Observer() {
    _classCallCheck(this, Observer);
    _defineProperty(this, "observers", []);
  }
  return _createClass(Observer, [{
    key: "addObserver",
    value: function addObserver(observer) {
      this.observers.push(observer);
    }
  }, {
    key: "removeObserver",
    value: function removeObserver(observer) {
      this.observers = this.observers.filter(function (obs) {
        return obs !== observer;
      });
    }
  }, {
    key: "notifyRedo",
    value: function notifyRedo() {
      this.observers.forEach(function (observer) {
        return observer.makeRedo();
      });
    }
  }, {
    key: "notifyUndo",
    value: function notifyUndo() {
      this.observers.forEach(function (observer) {
        return observer.makeUndo();
      });
    }
  }, {
    key: "notifyDeleteShape",
    value: function notifyDeleteShape() {
      this.observers.forEach(function (observer) {
        return observer.makeDeleteShape();
      });
    }
  }]);
}();