payload-richtext-tiptap 0.0.52 → 0.0.53

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/components/QualityOption.d.ts

@@ -0,0 +1,12 @@
+export default function QualityOption(videojs: any): {
+    new (player: any, options: any): {
+        [x: string]: any;
+        source: any;
+        /**
+         * @inheritdoc
+         */
+        handleClick(event: any): void;
+    };
+    [x: string]: any;
+};
+//# sourceMappingURL=QualityOption.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/components/QualityOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QualityOption.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/components/QualityOption.js"],"names":[],"mappings":"AAGA;;;;QAmCI;;WAEG;;;;EAMN"}

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/components/QualityOption.js

@@ -0,0 +1,34 @@
+import * as events from "../events.js";
+import _ from "underscore";
+export default function QualityOption(videojs) {
+    var MenuItem = videojs.getComponent("MenuItem");
+    /**
+   * A MenuItem to represent a video resolution
+   *
+   * @class QualityOption
+   * @extends videojs.MenuItem
+   */ return class QualityOption extends MenuItem {
+        /**
+     * @inheritdoc
+     */ constructor(player, options){
+            var source = options.source;
+            if (!_.isObject(source)) {
+                throw new Error('was not provided a "source" object, but rather: ' + typeof source);
+            }
+            options = _.extend({
+                selectable: true,
+                label: source.label
+            }, options);
+            super(player, options);
+            this.source = source;
+        }
+        /**
+     * @inheritdoc
+     */ handleClick(event) {
+            super.handleClick(event);
+            this.player().trigger(events.QUALITY_REQUESTED, this.source);
+        }
+    };
+}
+
+//# sourceMappingURL=QualityOption.js.map

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/components/QualityOption.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/components/QualityOption.js"],"sourcesContent":["import * as events from \"../events.js\";\nimport _ from \"underscore\";\n\nexport default function QualityOption(videojs) {\n  var MenuItem = videojs.getComponent(\"MenuItem\");\n\n  /**\n   * A MenuItem to represent a video resolution\n   *\n   * @class QualityOption\n   * @extends videojs.MenuItem\n   */\n  return class QualityOption extends MenuItem {\n    /**\n     * @inheritdoc\n     */\n    constructor(player, options) {\n      var source = options.source;\n\n      if (!_.isObject(source)) {\n        throw new Error(\n          'was not provided a \"source\" object, but rather: ' + typeof source\n        );\n      }\n\n      options = _.extend(\n        {\n          selectable: true,\n          label: source.label,\n        },\n        options\n      );\n\n      super(player, options);\n\n      this.source = source;\n    }\n\n    /**\n     * @inheritdoc\n     */\n    handleClick(event) {\n      super.handleClick(event);\n      this.player().trigger(events.QUALITY_REQUESTED, this.source);\n    }\n  };\n}\n"],"names":["events","_","QualityOption","videojs","MenuItem","getComponent","constructor","player","options","source","isObject","Error","extend","selectable","label","handleClick","event","trigger","QUALITY_REQUESTED"],"mappings":"AAAA,YAAYA,YAAY,eAAe;AACvC,OAAOC,OAAO,aAAa;AAE3B,eAAe,SAASC,cAAcC,OAAO;IAC3C,IAAIC,WAAWD,QAAQE,YAAY,CAAC;IAEpC;;;;;GAKC,GACD,OAAO,MAAMH,sBAAsBE;QACjC;;KAEC,GACDE,YAAYC,MAAM,EAAEC,OAAO,CAAE;YAC3B,IAAIC,SAASD,QAAQC,MAAM;YAE3B,IAAI,CAACR,EAAES,QAAQ,CAACD,SAAS;gBACvB,MAAM,IAAIE,MACR,qDAAqD,OAAOF;YAEhE;YAEAD,UAAUP,EAAEW,MAAM,CAChB;gBACEC,YAAY;gBACZC,OAAOL,OAAOK,KAAK;YACrB,GACAN;YAGF,KAAK,CAACD,QAAQC;YAEd,IAAI,CAACC,MAAM,GAAGA;QAChB;QAEA;;KAEC,GACDM,YAAYC,KAAK,EAAE;YACjB,KAAK,CAACD,YAAYC;YAClB,IAAI,CAACT,MAAM,GAAGU,OAAO,CAACjB,OAAOkB,iBAAiB,EAAE,IAAI,CAACT,MAAM;QAC7D;IACF;AACF"}

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/components/QualitySelector.d.ts

@@ -0,0 +1,22 @@
+export default function QualitySelector(videojs: any): {
+    new (player: any, options: any): {
+        [x: string]: any;
+        /**
+         * Updates the source that is selected in the menu
+         *
+         * @param source {object} player source to display as selected
+         */
+        setSelectedSource(source: object): void;
+        selectedSrc: any;
+        /**
+         * @inheritdoc
+         */
+        createItems(): any;
+        /**
+         * @inheritdoc
+         */
+        buildWrapperCSSClass(): string;
+    };
+    [x: string]: any;
+};
+//# sourceMappingURL=QualitySelector.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/components/QualitySelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QualitySelector.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/components/QualitySelector.js"],"names":[],"mappings":"AAOA;;;QA2DI;;;;WAIG;kCADe,MAAM;;QAaxB;;WAEG;;QAoBH;;WAEG;;;;EASN"}

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/components/QualitySelector.js

@@ -0,0 +1,78 @@
+import * as events from "../events.js";
+import _ from "underscore";
+import { default as qualityOptionFactory } from "./QualityOption.js";
+const QUALITY_CHANGE_CLASS = "vjs-quality-changing";
+export default function QualitySelector(videojs) {
+    var MenuButton = videojs.getComponent("MenuButton"), QualityOption = qualityOptionFactory(videojs);
+    /**
+   * A component for changing video resolutions
+   *
+   * @class QualitySelector
+   * @extends videojs.Button
+   */ class QualitySelector extends MenuButton {
+        /**
+     * @inheritdoc
+     */ constructor(player, options){
+            super(player, options);
+            // Update interface instantly so the user's change is acknowledged
+            player.on(events.QUALITY_REQUESTED, (function(event, newSource) {
+                this.setSelectedSource(newSource);
+                player.addClass(QUALITY_CHANGE_CLASS);
+                player.one("loadeddata", function() {
+                    player.removeClass(QUALITY_CHANGE_CLASS);
+                });
+            }).bind(this));
+            // Update the list of menu items only when the list of sources change
+            player.on(events.PLAYER_SOURCES_CHANGED, (function() {
+                this.update();
+            }).bind(this));
+            player.on(events.QUALITY_SELECTED, (function(event, newSource) {
+                // Update the selected source with the source that was actually selected
+                this.setSelectedSource(newSource);
+            }).bind(this));
+            // Since it's possible for the player to get a source before the selector is
+            // created, make sure to update once we get a "ready" signal.
+            player.one("ready", (function() {
+                this.selectedSrc = player.src();
+                this.update();
+            }).bind(this));
+            this.controlText("Open quality selector menu");
+        }
+        /**
+     * Updates the source that is selected in the menu
+     *
+     * @param source {object} player source to display as selected
+     */ setSelectedSource(source) {
+            var src = source ? source.src : undefined;
+            if (this.selectedSrc !== src) {
+                this.selectedSrc = src;
+                _.each(this.items, function(item) {
+                    item.selected(item.source.src === src);
+                });
+            }
+        }
+        /**
+     * @inheritdoc
+     */ createItems() {
+            var player = this.player(), sources = player.currentSources();
+            if (!sources || sources.length < 2) {
+                return [];
+            }
+            return _.map(sources, (function(source) {
+                return new QualityOption(player, {
+                    source: source,
+                    selected: source.src === this.selectedSrc
+                });
+            }).bind(this));
+        }
+        /**
+     * @inheritdoc
+     */ buildWrapperCSSClass() {
+            return "vjs-quality-selector " + super.buildWrapperCSSClass();
+        }
+    }
+    videojs.registerComponent("QualitySelector", QualitySelector);
+    return QualitySelector;
+}
+
+//# sourceMappingURL=QualitySelector.js.map

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/components/QualitySelector.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/components/QualitySelector.js"],"sourcesContent":["import * as events from \"../events.js\";\nimport _ from \"underscore\";\n\nimport { default as qualityOptionFactory } from \"./QualityOption.js\";\n\nconst QUALITY_CHANGE_CLASS = \"vjs-quality-changing\";\n\nexport default function QualitySelector(videojs) {\n  var MenuButton = videojs.getComponent(\"MenuButton\"),\n    QualityOption = qualityOptionFactory(videojs);\n\n  /**\n   * A component for changing video resolutions\n   *\n   * @class QualitySelector\n   * @extends videojs.Button\n   */\n  class QualitySelector extends MenuButton {\n    /**\n     * @inheritdoc\n     */\n    constructor(player, options) {\n      super(player, options);\n\n      // Update interface instantly so the user's change is acknowledged\n      player.on(\n        events.QUALITY_REQUESTED,\n        function (event, newSource) {\n          this.setSelectedSource(newSource);\n          player.addClass(QUALITY_CHANGE_CLASS);\n\n          player.one(\"loadeddata\", function () {\n            player.removeClass(QUALITY_CHANGE_CLASS);\n          });\n        }.bind(this)\n      );\n\n      // Update the list of menu items only when the list of sources change\n      player.on(\n        events.PLAYER_SOURCES_CHANGED,\n        function () {\n          this.update();\n        }.bind(this)\n      );\n\n      player.on(\n        events.QUALITY_SELECTED,\n        function (event, newSource) {\n          // Update the selected source with the source that was actually selected\n          this.setSelectedSource(newSource);\n        }.bind(this)\n      );\n\n      // Since it's possible for the player to get a source before the selector is\n      // created, make sure to update once we get a \"ready\" signal.\n      player.one(\n        \"ready\",\n        function () {\n          this.selectedSrc = player.src();\n          this.update();\n        }.bind(this)\n      );\n\n      this.controlText(\"Open quality selector menu\");\n    }\n\n    /**\n     * Updates the source that is selected in the menu\n     *\n     * @param source {object} player source to display as selected\n     */\n    setSelectedSource(source) {\n      var src = source ? source.src : undefined;\n\n      if (this.selectedSrc !== src) {\n        this.selectedSrc = src;\n        _.each(this.items, function (item) {\n          item.selected(item.source.src === src);\n        });\n      }\n    }\n\n    /**\n     * @inheritdoc\n     */\n    createItems() {\n      var player = this.player(),\n        sources = player.currentSources();\n\n      if (!sources || sources.length < 2) {\n        return [];\n      }\n\n      return _.map(\n        sources,\n        function (source) {\n          return new QualityOption(player, {\n            source: source,\n            selected: source.src === this.selectedSrc,\n          });\n        }.bind(this)\n      );\n    }\n\n    /**\n     * @inheritdoc\n     */\n    buildWrapperCSSClass() {\n      return \"vjs-quality-selector \" + super.buildWrapperCSSClass();\n    }\n  }\n\n  videojs.registerComponent(\"QualitySelector\", QualitySelector);\n\n  return QualitySelector;\n}\n"],"names":["events","_","default","qualityOptionFactory","QUALITY_CHANGE_CLASS","QualitySelector","videojs","MenuButton","getComponent","QualityOption","constructor","player","options","on","QUALITY_REQUESTED","event","newSource","setSelectedSource","addClass","one","removeClass","bind","PLAYER_SOURCES_CHANGED","update","QUALITY_SELECTED","selectedSrc","src","controlText","source","undefined","each","items","item","selected","createItems","sources","currentSources","length","map","buildWrapperCSSClass","registerComponent"],"mappings":"AAAA,YAAYA,YAAY,eAAe;AACvC,OAAOC,OAAO,aAAa;AAE3B,SAASC,WAAWC,oBAAoB,QAAQ,qBAAqB;AAErE,MAAMC,uBAAuB;AAE7B,eAAe,SAASC,gBAAgBC,OAAO;IAC7C,IAAIC,aAAaD,QAAQE,YAAY,CAAC,eACpCC,gBAAgBN,qBAAqBG;IAEvC;;;;;GAKC,GACD,MAAMD,wBAAwBE;QAC5B;;KAEC,GACDG,YAAYC,MAAM,EAAEC,OAAO,CAAE;YAC3B,KAAK,CAACD,QAAQC;YAEd,kEAAkE;YAClED,OAAOE,EAAE,CACPb,OAAOc,iBAAiB,EACxB,CAAA,SAAUC,KAAK,EAAEC,SAAS;gBACxB,IAAI,CAACC,iBAAiB,CAACD;gBACvBL,OAAOO,QAAQ,CAACd;gBAEhBO,OAAOQ,GAAG,CAAC,cAAc;oBACvBR,OAAOS,WAAW,CAAChB;gBACrB;YACF,CAAA,EAAEiB,IAAI,CAAC,IAAI;YAGb,qEAAqE;YACrEV,OAAOE,EAAE,CACPb,OAAOsB,sBAAsB,EAC7B,CAAA;gBACE,IAAI,CAACC,MAAM;YACb,CAAA,EAAEF,IAAI,CAAC,IAAI;YAGbV,OAAOE,EAAE,CACPb,OAAOwB,gBAAgB,EACvB,CAAA,SAAUT,KAAK,EAAEC,SAAS;gBACxB,wEAAwE;gBACxE,IAAI,CAACC,iBAAiB,CAACD;YACzB,CAAA,EAAEK,IAAI,CAAC,IAAI;YAGb,4EAA4E;YAC5E,6DAA6D;YAC7DV,OAAOQ,GAAG,CACR,SACA,CAAA;gBACE,IAAI,CAACM,WAAW,GAAGd,OAAOe,GAAG;gBAC7B,IAAI,CAACH,MAAM;YACb,CAAA,EAAEF,IAAI,CAAC,IAAI;YAGb,IAAI,CAACM,WAAW,CAAC;QACnB;QAEA;;;;KAIC,GACDV,kBAAkBW,MAAM,EAAE;YACxB,IAAIF,MAAME,SAASA,OAAOF,GAAG,GAAGG;YAEhC,IAAI,IAAI,CAACJ,WAAW,KAAKC,KAAK;gBAC5B,IAAI,CAACD,WAAW,GAAGC;gBACnBzB,EAAE6B,IAAI,CAAC,IAAI,CAACC,KAAK,EAAE,SAAUC,IAAI;oBAC/BA,KAAKC,QAAQ,CAACD,KAAKJ,MAAM,CAACF,GAAG,KAAKA;gBACpC;YACF;QACF;QAEA;;KAEC,GACDQ,cAAc;YACZ,IAAIvB,SAAS,IAAI,CAACA,MAAM,IACtBwB,UAAUxB,OAAOyB,cAAc;YAEjC,IAAI,CAACD,WAAWA,QAAQE,MAAM,GAAG,GAAG;gBAClC,OAAO,EAAE;YACX;YAEA,OAAOpC,EAAEqC,GAAG,CACVH,SACA,CAAA,SAAUP,MAAM;gBACd,OAAO,IAAInB,cAAcE,QAAQ;oBAC/BiB,QAAQA;oBACRK,UAAUL,OAAOF,GAAG,KAAK,IAAI,CAACD,WAAW;gBAC3C;YACF,CAAA,EAAEJ,IAAI,CAAC,IAAI;QAEf;QAEA;;KAEC,GACDkB,uBAAuB;YACrB,OAAO,0BAA0B,KAAK,CAACA;QACzC;IACF;IAEAjC,QAAQkC,iBAAiB,CAAC,mBAAmBnC;IAE7C,OAAOA;AACT"}

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/events.d.ts

@@ -0,0 +1,10 @@
+export const QUALITY_REQUESTED: "qualityRequested";
+export const QUALITY_SELECTED: "qualitySelected";
+export const PLAYER_SOURCES_CHANGED: "playerSourcesChanged";
+declare namespace _default {
+    export { QUALITY_REQUESTED };
+    export { QUALITY_SELECTED };
+    export { PLAYER_SOURCES_CHANGED };
+}
+export default _default;
+//# sourceMappingURL=events.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/events.js"],"names":[],"mappings":"AAAA,mDAAoD;AACpD,iDAAkD;AAClD,4DAA6D"}

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/events.js

@@ -0,0 +1,10 @@
+export const QUALITY_REQUESTED = "qualityRequested";
+export const QUALITY_SELECTED = "qualitySelected";
+export const PLAYER_SOURCES_CHANGED = "playerSourcesChanged";
+export default {
+    QUALITY_REQUESTED,
+    QUALITY_SELECTED,
+    PLAYER_SOURCES_CHANGED
+};
+
+//# sourceMappingURL=events.js.map

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/events.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/events.js"],"sourcesContent":["export const QUALITY_REQUESTED = \"qualityRequested\";\nexport const QUALITY_SELECTED = \"qualitySelected\";\nexport const PLAYER_SOURCES_CHANGED = \"playerSourcesChanged\";\n\nexport default {\n  QUALITY_REQUESTED,\n  QUALITY_SELECTED,\n  PLAYER_SOURCES_CHANGED,\n};\n"],"names":["QUALITY_REQUESTED","QUALITY_SELECTED","PLAYER_SOURCES_CHANGED"],"mappings":"AAAA,OAAO,MAAMA,oBAAoB,mBAAmB;AACpD,OAAO,MAAMC,mBAAmB,kBAAkB;AAClD,OAAO,MAAMC,yBAAyB,uBAAuB;AAE7D,eAAe;IACbF;IACAC;IACAC;AACF,EAAE"}

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/index.d.ts

@@ -0,0 +1,3 @@
+import type videojs from "video.js";
+export declare function QualitySelector(videojs: videojs): void;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,OAAO,MAAM,UAAU,CAAC;AACpC,wBAAgB,eAAe,CAAC,OAAO,EAAE,OAAO,QAyD/C"}

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/index.js

@@ -0,0 +1,52 @@
+import _ from "underscore";
+import * as events from "./events.js";
+import { default as qualitySelectorFactory } from "./components/QualitySelector.js";
+import { default as sourceInterceptorFactory } from "./middleware/SourceInterceptor.js";
+import SafeSeek from "./util/SafeSeek.js";
+export function QualitySelector(videojs) {
+    qualitySelectorFactory(videojs);
+    sourceInterceptorFactory(videojs);
+    videojs.hook("setup", function(player) {
+        function changeQuality(event, newSource) {
+            var sources = player.currentSources(), currentTime = player.currentTime(), currentPlaybackRate = player.playbackRate(), isPaused = player.paused(), selectedSource;
+            // Clear out any previously selected sources (see: #11)
+            _.each(sources, function(source) {
+                source.selected = false;
+            });
+            selectedSource = _.findWhere(sources, {
+                src: newSource.src
+            });
+            // Note: `_.findWhere` returns a reference to an object. Thus the
+            // following updates the original object in `sources`.
+            selectedSource.selected = true;
+            if (player._qualitySelectorSafeSeek) {
+                player._qualitySelectorSafeSeek.onQualitySelectionChange();
+            }
+            player.src(sources);
+            player.ready(function() {
+                if (!player._qualitySelectorSafeSeek || player._qualitySelectorSafeSeek.hasFinished()) {
+                    // Either we don't have a pending seek action or the one that we have is no
+                    // longer applicable. This block must be within a `player.ready` callback
+                    // because the call to `player.src` above is asynchronous, and so not
+                    // having it within this `ready` callback would cause the SourceInterceptor
+                    // to execute after this block instead of before.
+                    //
+                    // We save the `currentTime` within the SafeSeek instance because if
+                    // multiple QUALITY_REQUESTED events are received before the SafeSeek
+                    // operation finishes, the player's `currentTime` will be `0` if the
+                    // player's `src` is updated but the player's `currentTime` has not yet
+                    // been set by the SafeSeek operation.
+                    player._qualitySelectorSafeSeek = new SafeSeek(player, currentTime);
+                    player.playbackRate(currentPlaybackRate);
+                }
+                if (!isPaused) {
+                    player.play();
+                }
+            });
+        }
+        // Add handler to switch sources when the user requests a change
+        player.on(events.QUALITY_REQUESTED, changeQuality);
+    });
+} //export const EVENTS = events;
+
+//# sourceMappingURL=index.js.map

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/index.ts"],"sourcesContent":["import _ from \"underscore\";\nimport * as events from \"./events.js\";\nimport { default as qualitySelectorFactory } from \"./components/QualitySelector.js\";\nimport { default as sourceInterceptorFactory } from \"./middleware/SourceInterceptor.js\";\nimport SafeSeek from \"./util/SafeSeek.js\";\nimport type videojs from \"video.js\";\nexport function QualitySelector(videojs: videojs) {\n  qualitySelectorFactory(videojs);\n  sourceInterceptorFactory(videojs);\n\n  videojs.hook(\"setup\", function (player: videojs.Player) {\n    function changeQuality(event: any, newSource: { src: any }) {\n      var sources = player.currentSources(),\n        currentTime = player.currentTime(),\n        currentPlaybackRate = player.playbackRate(),\n        isPaused = player.paused(),\n        selectedSource;\n\n      // Clear out any previously selected sources (see: #11)\n      _.each(sources, function (source) {\n        source.selected = false;\n      });\n\n      selectedSource = _.findWhere(sources, { src: newSource.src });\n      // Note: `_.findWhere` returns a reference to an object. Thus the\n      // following updates the original object in `sources`.\n      selectedSource.selected = true;\n\n      if (player._qualitySelectorSafeSeek) {\n        player._qualitySelectorSafeSeek.onQualitySelectionChange();\n      }\n\n      player.src(sources);\n\n      player.ready(function () {\n        if (\n          !player._qualitySelectorSafeSeek ||\n          player._qualitySelectorSafeSeek.hasFinished()\n        ) {\n          // Either we don't have a pending seek action or the one that we have is no\n          // longer applicable. This block must be within a `player.ready` callback\n          // because the call to `player.src` above is asynchronous, and so not\n          // having it within this `ready` callback would cause the SourceInterceptor\n          // to execute after this block instead of before.\n          //\n          // We save the `currentTime` within the SafeSeek instance because if\n          // multiple QUALITY_REQUESTED events are received before the SafeSeek\n          // operation finishes, the player's `currentTime` will be `0` if the\n          // player's `src` is updated but the player's `currentTime` has not yet\n          // been set by the SafeSeek operation.\n          player._qualitySelectorSafeSeek = new SafeSeek(player, currentTime);\n          player.playbackRate(currentPlaybackRate);\n        }\n\n        if (!isPaused) {\n          player.play();\n        }\n      });\n    }\n\n    // Add handler to switch sources when the user requests a change\n    player.on(events.QUALITY_REQUESTED, changeQuality);\n  });\n}\n\n//export const EVENTS = events;\n"],"names":["_","events","default","qualitySelectorFactory","sourceInterceptorFactory","SafeSeek","QualitySelector","videojs","hook","player","changeQuality","event","newSource","sources","currentSources","currentTime","currentPlaybackRate","playbackRate","isPaused","paused","selectedSource","each","source","selected","findWhere","src","_qualitySelectorSafeSeek","onQualitySelectionChange","ready","hasFinished","play","on","QUALITY_REQUESTED"],"mappings":"AAAA,OAAOA,OAAO,aAAa;AAC3B,YAAYC,YAAY,cAAc;AACtC,SAASC,WAAWC,sBAAsB,QAAQ,kCAAkC;AACpF,SAASD,WAAWE,wBAAwB,QAAQ,oCAAoC;AACxF,OAAOC,cAAc,qBAAqB;AAE1C,OAAO,SAASC,gBAAgBC,OAAgB;IAC9CJ,uBAAuBI;IACvBH,yBAAyBG;IAEzBA,QAAQC,IAAI,CAAC,SAAS,SAAUC,MAAsB;QACpD,SAASC,cAAcC,KAAU,EAAEC,SAAuB;YACxD,IAAIC,UAAUJ,OAAOK,cAAc,IACjCC,cAAcN,OAAOM,WAAW,IAChCC,sBAAsBP,OAAOQ,YAAY,IACzCC,WAAWT,OAAOU,MAAM,IACxBC;YAEF,uDAAuD;YACvDpB,EAAEqB,IAAI,CAACR,SAAS,SAAUS,MAAM;gBAC9BA,OAAOC,QAAQ,GAAG;YACpB;YAEAH,iBAAiBpB,EAAEwB,SAAS,CAACX,SAAS;gBAAEY,KAAKb,UAAUa,GAAG;YAAC;YAC3D,iEAAiE;YACjE,sDAAsD;YACtDL,eAAeG,QAAQ,GAAG;YAE1B,IAAId,OAAOiB,wBAAwB,EAAE;gBACnCjB,OAAOiB,wBAAwB,CAACC,wBAAwB;YAC1D;YAEAlB,OAAOgB,GAAG,CAACZ;YAEXJ,OAAOmB,KAAK,CAAC;gBACX,IACE,CAACnB,OAAOiB,wBAAwB,IAChCjB,OAAOiB,wBAAwB,CAACG,WAAW,IAC3C;oBACA,2EAA2E;oBAC3E,yEAAyE;oBACzE,qEAAqE;oBACrE,2EAA2E;oBAC3E,iDAAiD;oBACjD,EAAE;oBACF,oEAAoE;oBACpE,qEAAqE;oBACrE,oEAAoE;oBACpE,uEAAuE;oBACvE,sCAAsC;oBACtCpB,OAAOiB,wBAAwB,GAAG,IAAIrB,SAASI,QAAQM;oBACvDN,OAAOQ,YAAY,CAACD;gBACtB;gBAEA,IAAI,CAACE,UAAU;oBACbT,OAAOqB,IAAI;gBACb;YACF;QACF;QAEA,gEAAgE;QAChErB,OAAOsB,EAAE,CAAC9B,OAAO+B,iBAAiB,EAAEtB;IACtC;AACF,EAEA,+BAA+B"}

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/middleware/SourceInterceptor.d.ts

@@ -0,0 +1,2 @@
+export default function SourceInterceptor(videojs: any): void;
+//# sourceMappingURL=SourceInterceptor.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/middleware/SourceInterceptor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SourceInterceptor.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/middleware/SourceInterceptor.js"],"names":[],"mappings":"AAGA,8DA2CC"}

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/middleware/SourceInterceptor.js

@@ -0,0 +1,35 @@
+import _ from "underscore";
+import * as events from "../events.js";
+export default function SourceInterceptor(videojs) {
+    videojs.use("*", function(player) {
+        return {
+            setSource: function(playerSelectedSource, next) {
+                var sources = player.currentSources(), userSelectedSource, chosenSource;
+                if (player._qualitySelectorSafeSeek) {
+                    player._qualitySelectorSafeSeek.onPlayerSourcesChange();
+                }
+                if (!_.isEqual(sources, player._qualitySelectorPreviousSources)) {
+                    player.trigger(events.PLAYER_SOURCES_CHANGED, sources);
+                    player._qualitySelectorPreviousSources = sources;
+                }
+                // There are generally two source options, the one that videojs
+                // auto-selects and the one that a "user" of this plugin has
+                // supplied via the `selected` property. `selected` can come from
+                // either the `<source>` tag or the list of sources passed to
+                // videojs using `src()`.
+                userSelectedSource = _.find(sources, function(source) {
+                    // Must check for boolean values as well as either the string 'true' or
+                    // 'selected'. When sources are set programmatically, the value will be a
+                    // boolean, but those coming from a `<source>` tag will be a string.
+                    return source.selected === true || source.selected === "true" || source.selected === "selected";
+                });
+                chosenSource = userSelectedSource || playerSelectedSource;
+                player.trigger(events.QUALITY_SELECTED, chosenSource);
+                // Pass along the chosen source
+                next(null, chosenSource);
+            }
+        };
+    });
+}
+
+//# sourceMappingURL=SourceInterceptor.js.map

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/middleware/SourceInterceptor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/middleware/SourceInterceptor.js"],"sourcesContent":["import _ from \"underscore\";\nimport * as events from \"../events.js\";\n\nexport default function SourceInterceptor(videojs) {\n  videojs.use(\"*\", function (player) {\n    return {\n      setSource: function (playerSelectedSource, next) {\n        var sources = player.currentSources(),\n          userSelectedSource,\n          chosenSource;\n\n        if (player._qualitySelectorSafeSeek) {\n          player._qualitySelectorSafeSeek.onPlayerSourcesChange();\n        }\n\n        if (!_.isEqual(sources, player._qualitySelectorPreviousSources)) {\n          player.trigger(events.PLAYER_SOURCES_CHANGED, sources);\n          player._qualitySelectorPreviousSources = sources;\n        }\n\n        // There are generally two source options, the one that videojs\n        // auto-selects and the one that a \"user\" of this plugin has\n        // supplied via the `selected` property. `selected` can come from\n        // either the `<source>` tag or the list of sources passed to\n        // videojs using `src()`.\n\n        userSelectedSource = _.find(sources, function (source) {\n          // Must check for boolean values as well as either the string 'true' or\n          // 'selected'. When sources are set programmatically, the value will be a\n          // boolean, but those coming from a `<source>` tag will be a string.\n          return (\n            source.selected === true ||\n            source.selected === \"true\" ||\n            source.selected === \"selected\"\n          );\n        });\n\n        chosenSource = userSelectedSource || playerSelectedSource;\n\n        player.trigger(events.QUALITY_SELECTED, chosenSource);\n\n        // Pass along the chosen source\n        next(null, chosenSource);\n      },\n    };\n  });\n}\n"],"names":["_","events","SourceInterceptor","videojs","use","player","setSource","playerSelectedSource","next","sources","currentSources","userSelectedSource","chosenSource","_qualitySelectorSafeSeek","onPlayerSourcesChange","isEqual","_qualitySelectorPreviousSources","trigger","PLAYER_SOURCES_CHANGED","find","source","selected","QUALITY_SELECTED"],"mappings":"AAAA,OAAOA,OAAO,aAAa;AAC3B,YAAYC,YAAY,eAAe;AAEvC,eAAe,SAASC,kBAAkBC,OAAO;IAC/CA,QAAQC,GAAG,CAAC,KAAK,SAAUC,MAAM;QAC/B,OAAO;YACLC,WAAW,SAAUC,oBAAoB,EAAEC,IAAI;gBAC7C,IAAIC,UAAUJ,OAAOK,cAAc,IACjCC,oBACAC;gBAEF,IAAIP,OAAOQ,wBAAwB,EAAE;oBACnCR,OAAOQ,wBAAwB,CAACC,qBAAqB;gBACvD;gBAEA,IAAI,CAACd,EAAEe,OAAO,CAACN,SAASJ,OAAOW,+BAA+B,GAAG;oBAC/DX,OAAOY,OAAO,CAAChB,OAAOiB,sBAAsB,EAAET;oBAC9CJ,OAAOW,+BAA+B,GAAGP;gBAC3C;gBAEA,+DAA+D;gBAC/D,4DAA4D;gBAC5D,iEAAiE;gBACjE,6DAA6D;gBAC7D,yBAAyB;gBAEzBE,qBAAqBX,EAAEmB,IAAI,CAACV,SAAS,SAAUW,MAAM;oBACnD,uEAAuE;oBACvE,yEAAyE;oBACzE,oEAAoE;oBACpE,OACEA,OAAOC,QAAQ,KAAK,QACpBD,OAAOC,QAAQ,KAAK,UACpBD,OAAOC,QAAQ,KAAK;gBAExB;gBAEAT,eAAeD,sBAAsBJ;gBAErCF,OAAOY,OAAO,CAAChB,OAAOqB,gBAAgB,EAAEV;gBAExC,+BAA+B;gBAC/BJ,KAAK,MAAMI;YACb;QACF;IACF;AACF"}

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/util/SafeSeek.d.ts

@@ -0,0 +1,16 @@
+export default SafeSeek;
+declare class SafeSeek {
+    constructor(player: any, seekToTime: any);
+    _player: any;
+    _seekToTime: any;
+    _hasFinished: boolean;
+    _keepThisInstanceWhenPlayerSourcesChange: boolean;
+    _seekWhenSafe(): void;
+    _seekFn: any;
+    onPlayerSourcesChange(): void;
+    onQualitySelectionChange(): void;
+    _seek(): void;
+    hasFinished(): boolean;
+    cancel(): void;
+}
+//# sourceMappingURL=SafeSeek.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/util/SafeSeek.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SafeSeek.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/util/SafeSeek.js"],"names":[],"mappings":";AAAA;IACE,0CAMC;IALC,aAAqB;IACrB,iBAA6B;IAC7B,sBAAyB;IACzB,kDAAqD;IAIvD,sBAwBC;IANG,aAAoC;IAQxC,8BAUC;IAED,iCAWC;IAED,cAIC;IAED,uBAEC;IAED,eAIC;CACF"}

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/util/SafeSeek.js

@@ -0,0 +1,72 @@
+class SafeSeek {
+    constructor(player, seekToTime){
+        this._player = player;
+        this._seekToTime = seekToTime;
+        this._hasFinished = false;
+        this._keepThisInstanceWhenPlayerSourcesChange = false;
+        this._seekWhenSafe();
+    }
+    _seekWhenSafe() {
+        var HAVE_FUTURE_DATA = 3;
+        // `readyState` in Video.js is the same as the HTML5 Media element's `readyState`
+        // property.
+        //
+        // `readyState` is an enum of 5 values (0-4), each of which represent a state of
+        // readiness to play. The meaning of the values range from HAVE_NOTHING (0), meaning
+        // no data is available to HAVE_ENOUGH_DATA (4), meaning all data is loaded and the
+        // video can be played all the way through.
+        //
+        // In order to seek successfully, the `readyState` must be at least HAVE_FUTURE_DATA
+        // (3).
+        //
+        // @see http://docs.videojs.com/player#readyState
+        // @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/readyState
+        // @see https://dev.w3.org/html5/spec-preview/media-elements.html#seek-the-media-controller
+        if (this._player.readyState() < HAVE_FUTURE_DATA) {
+            this._seekFn = this._seek.bind(this);
+            // The `canplay` event means that the `readyState` is at least HAVE_FUTURE_DATA.
+            this._player.one("canplay", this._seekFn);
+        } else {
+            this._seek();
+        }
+    }
+    onPlayerSourcesChange() {
+        if (this._keepThisInstanceWhenPlayerSourcesChange) {
+            // By setting this to `false`, we know that if the player sources change again
+            // the change did not originate from a quality selection change, the new sources
+            // are likely different from the old sources, and so this pending seek no longer
+            // applies.
+            this._keepThisInstanceWhenPlayerSourcesChange = false;
+        } else {
+            this.cancel();
+        }
+    }
+    onQualitySelectionChange() {
+        // `onPlayerSourcesChange` will cancel this pending seek unless we tell it not to.
+        // We need to reuse this same pending seek instance because when the player is
+        // paused, the `preload` attribute is set to `none`, and the user selects one
+        // quality option and then another, the player cannot seek until the player has
+        // enough data to do so (and the `canplay` event is fired) and thus on the second
+        // selection the player's `currentTime()` is `0` and when the video plays we would
+        // seek to `0` instead of the correct time.
+        if (!this.hasFinished()) {
+            this._keepThisInstanceWhenPlayerSourcesChange = true;
+        }
+    }
+    _seek() {
+        this._player.currentTime(this._seekToTime);
+        this._keepThisInstanceWhenPlayerSourcesChange = false;
+        this._hasFinished = true;
+    }
+    hasFinished() {
+        return this._hasFinished;
+    }
+    cancel() {
+        this._player.off("canplay", this._seekFn);
+        this._keepThisInstanceWhenPlayerSourcesChange = false;
+        this._hasFinished = true;
+    }
+}
+export default SafeSeek;
+
+//# sourceMappingURL=SafeSeek.js.map

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/util/SafeSeek.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/fields/TiptapEditor/extensions/VideoBlock/components/videojs/quality-selector/util/SafeSeek.js"],"sourcesContent":["class SafeSeek {\n  constructor(player, seekToTime) {\n    this._player = player;\n    this._seekToTime = seekToTime;\n    this._hasFinished = false;\n    this._keepThisInstanceWhenPlayerSourcesChange = false;\n    this._seekWhenSafe();\n  }\n\n  _seekWhenSafe() {\n    var HAVE_FUTURE_DATA = 3;\n\n    // `readyState` in Video.js is the same as the HTML5 Media element's `readyState`\n    // property.\n    //\n    // `readyState` is an enum of 5 values (0-4), each of which represent a state of\n    // readiness to play. The meaning of the values range from HAVE_NOTHING (0), meaning\n    // no data is available to HAVE_ENOUGH_DATA (4), meaning all data is loaded and the\n    // video can be played all the way through.\n    //\n    // In order to seek successfully, the `readyState` must be at least HAVE_FUTURE_DATA\n    // (3).\n    //\n    // @see http://docs.videojs.com/player#readyState\n    // @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/readyState\n    // @see https://dev.w3.org/html5/spec-preview/media-elements.html#seek-the-media-controller\n    if (this._player.readyState() < HAVE_FUTURE_DATA) {\n      this._seekFn = this._seek.bind(this);\n      // The `canplay` event means that the `readyState` is at least HAVE_FUTURE_DATA.\n      this._player.one(\"canplay\", this._seekFn);\n    } else {\n      this._seek();\n    }\n  }\n\n  onPlayerSourcesChange() {\n    if (this._keepThisInstanceWhenPlayerSourcesChange) {\n      // By setting this to `false`, we know that if the player sources change again\n      // the change did not originate from a quality selection change, the new sources\n      // are likely different from the old sources, and so this pending seek no longer\n      // applies.\n      this._keepThisInstanceWhenPlayerSourcesChange = false;\n    } else {\n      this.cancel();\n    }\n  }\n\n  onQualitySelectionChange() {\n    // `onPlayerSourcesChange` will cancel this pending seek unless we tell it not to.\n    // We need to reuse this same pending seek instance because when the player is\n    // paused, the `preload` attribute is set to `none`, and the user selects one\n    // quality option and then another, the player cannot seek until the player has\n    // enough data to do so (and the `canplay` event is fired) and thus on the second\n    // selection the player's `currentTime()` is `0` and when the video plays we would\n    // seek to `0` instead of the correct time.\n    if (!this.hasFinished()) {\n      this._keepThisInstanceWhenPlayerSourcesChange = true;\n    }\n  }\n\n  _seek() {\n    this._player.currentTime(this._seekToTime);\n    this._keepThisInstanceWhenPlayerSourcesChange = false;\n    this._hasFinished = true;\n  }\n\n  hasFinished() {\n    return this._hasFinished;\n  }\n\n  cancel() {\n    this._player.off(\"canplay\", this._seekFn);\n    this._keepThisInstanceWhenPlayerSourcesChange = false;\n    this._hasFinished = true;\n  }\n}\n\nexport default SafeSeek;\n"],"names":["SafeSeek","constructor","player","seekToTime","_player","_seekToTime","_hasFinished","_keepThisInstanceWhenPlayerSourcesChange","_seekWhenSafe","HAVE_FUTURE_DATA","readyState","_seekFn","_seek","bind","one","onPlayerSourcesChange","cancel","onQualitySelectionChange","hasFinished","currentTime","off"],"mappings":"AAAA,MAAMA;IACJC,YAAYC,MAAM,EAAEC,UAAU,CAAE;QAC9B,IAAI,CAACC,OAAO,GAAGF;QACf,IAAI,CAACG,WAAW,GAAGF;QACnB,IAAI,CAACG,YAAY,GAAG;QACpB,IAAI,CAACC,wCAAwC,GAAG;QAChD,IAAI,CAACC,aAAa;IACpB;IAEAA,gBAAgB;QACd,IAAIC,mBAAmB;QAEvB,iFAAiF;QACjF,YAAY;QACZ,EAAE;QACF,gFAAgF;QAChF,oFAAoF;QACpF,mFAAmF;QACnF,2CAA2C;QAC3C,EAAE;QACF,oFAAoF;QACpF,OAAO;QACP,EAAE;QACF,iDAAiD;QACjD,oFAAoF;QACpF,2FAA2F;QAC3F,IAAI,IAAI,CAACL,OAAO,CAACM,UAAU,KAAKD,kBAAkB;YAChD,IAAI,CAACE,OAAO,GAAG,IAAI,CAACC,KAAK,CAACC,IAAI,CAAC,IAAI;YACnC,gFAAgF;YAChF,IAAI,CAACT,OAAO,CAACU,GAAG,CAAC,WAAW,IAAI,CAACH,OAAO;QAC1C,OAAO;YACL,IAAI,CAACC,KAAK;QACZ;IACF;IAEAG,wBAAwB;QACtB,IAAI,IAAI,CAACR,wCAAwC,EAAE;YACjD,8EAA8E;YAC9E,gFAAgF;YAChF,gFAAgF;YAChF,WAAW;YACX,IAAI,CAACA,wCAAwC,GAAG;QAClD,OAAO;YACL,IAAI,CAACS,MAAM;QACb;IACF;IAEAC,2BAA2B;QACzB,kFAAkF;QAClF,8EAA8E;QAC9E,6EAA6E;QAC7E,+EAA+E;QAC/E,iFAAiF;QACjF,kFAAkF;QAClF,2CAA2C;QAC3C,IAAI,CAAC,IAAI,CAACC,WAAW,IAAI;YACvB,IAAI,CAACX,wCAAwC,GAAG;QAClD;IACF;IAEAK,QAAQ;QACN,IAAI,CAACR,OAAO,CAACe,WAAW,CAAC,IAAI,CAACd,WAAW;QACzC,IAAI,CAACE,wCAAwC,GAAG;QAChD,IAAI,CAACD,YAAY,GAAG;IACtB;IAEAY,cAAc;QACZ,OAAO,IAAI,CAACZ,YAAY;IAC1B;IAEAU,SAAS;QACP,IAAI,CAACZ,OAAO,CAACgB,GAAG,CAAC,WAAW,IAAI,CAACT,OAAO;QACxC,IAAI,CAACJ,wCAAwC,GAAG;QAChD,IAAI,CAACD,YAAY,GAAG;IACtB;AACF;AAEA,eAAeN,SAAS"}

package/dist/src/fields/TiptapEditor/extensions/extension-kit.d.ts

@@ -3,6 +3,6 @@ interface ExtensionKitProps {
     dir?: "rtl" | "ltr";
     openAssetHQHandler: openAssetHQType;
 }
-export declare const ExtensionKit: ({ dir, openAssetHQHandler, }: ExtensionKitProps) => (import("@tiptap/core").Extension<any, any> | import("@tiptap/core").Node<any, any> | import("@tiptap/core").Mark<import("@tiptap/extension-subscript").SubscriptExtensionOptions, any>)[];
+export declare const ExtensionKit: ({ dir, openAssetHQHandler, }: ExtensionKitProps) => (import("@tiptap/core").Node<any, any> | import("@tiptap/core").Extension<any, any> | import("@tiptap/core").Mark<import("@tiptap/extension-subscript").SubscriptExtensionOptions, any>)[];
 export default ExtensionKit;
 //# sourceMappingURL=extension-kit.d.ts.map

package/dist/src/fields/TiptapEditor/features/BlockEditor/BlockEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockEditor.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/BlockEditor/BlockEditor.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKjD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,eAAO,MAAM,WAAW,sEAKrB,WAAW,GAAG;IACf,kBAAkB,EAAE,eAAe,CAAC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACzC,gCA2FA,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"BlockEditor.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/BlockEditor/BlockEditor.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKjD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,eAAO,MAAM,WAAW,sEAKrB,WAAW,GAAG;IACf,kBAAkB,EAAE,eAAe,CAAC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACzC,gCA4FA,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/src/fields/TiptapEditor/features/BlockEditor/BlockEditor.js

@@ -7,6 +7,7 @@ import { useTranslation } from "@payloadcms/ui/providers/Translation";
 import { EditorContext } from "../../context/EditorContext.js";
 import { IframeMenu } from "../../extensions/Iframe/menus/index.js";
 import ImageBlockMenu from "../../extensions/ImageBlock/components/ImageBlockMenu.js";
+import VideoBlockMenu from "../../extensions/VideoBlock/components/VideoBlockMenu.js";
 import { InsideLinksMenu } from "../../extensions/InsideLinks/menus/index.js";
 import { ColumnsMenu } from "../../extensions/MultiColumn/menus/ColumnsMenu.js";
 import { SocialMediaMenu } from "../../extensions/SocialMedia/menus/index.js";
@@ -116,6 +117,10 @@ export const BlockEditor = ({ handleChange, content, openAssetHQHandler, additio
                         /*#__PURE__*/ _jsx(ImageBlockMenu, {
                             editor: editor,
                             appendTo: menuContainerRef
+                        }),
+                        /*#__PURE__*/ _jsx(VideoBlockMenu, {
+                            editor: editor,
+                            appendTo: menuContainerRef
                         })
                     ]
                 })

package/dist/src/fields/TiptapEditor/features/BlockEditor/BlockEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/BlockEditor/BlockEditor.tsx"],"sourcesContent":["\"use client\";\nimport { EditorContent } from \"@tiptap/react\";\nimport { useEffect, useMemo, useRef } from \"react\";\n\nimport { useLocale } from \"@payloadcms/ui/providers/Locale\";\nimport { useTranslation } from \"@payloadcms/ui/providers/Translation\";\nimport { EditorContext } from \"../../context/EditorContext.js\";\nimport { IframeMenu } from \"../../extensions/Iframe/menus/index.js\";\nimport ImageBlockMenu from \"../../extensions/ImageBlock/components/ImageBlockMenu.js\";\nimport { InsideLinksMenu } from \"../../extensions/InsideLinks/menus/index.js\";\nimport { ColumnsMenu } from \"../../extensions/MultiColumn/menus/ColumnsMenu.js\";\nimport { SocialMediaMenu } from \"../../extensions/SocialMedia/menus/index.js\";\nimport {\n  TableColumnMenu,\n  TableRowMenu,\n} from \"../../extensions/Table/menus/index.js\";\nimport { useBlockEditor } from \"../../hooks/useBlockEditor.js\";\nimport { openAssetHQType } from \"../../types.js\";\nimport { Sidebar } from \"../Sidebar/Sidebar.js\";\nimport { ContentItemMenu } from \"../menus/ContentItemMenu/ContentItemMenu.js\";\nimport { TextMenu } from \"../menus/TextMenu/TextMenu.js\";\nimport { LinkMenu } from \"../menus/index.js\";\nimport { TiptapProps } from \"./types.js\";\nexport const BlockEditor = ({\n  handleChange,\n  content,\n  openAssetHQHandler,\n  additionalContext,\n}: TiptapProps & {\n  openAssetHQHandler: openAssetHQType;\n  additionalContext?: Record<string, any>;\n}) => {\n  const menuContainerRef = useRef(null);\n  const editorRef = useRef<HTMLDivElement>(null);\n\n  const { editor, users, characterCount, leftSidebar } = useBlockEditor({\n    content: content,\n    handleChange: handleChange,\n    openAssetHQHandler: openAssetHQHandler,\n    additionalContext: additionalContext,\n  });\n\n  const { code } = useLocale();\n\n  const displayedUsers = users.slice(0, 3);\n\n  const providerValue = useMemo(() => {\n    return {};\n  }, []);\n\n  useEffect(() => {\n    if (code === \"ar\" || code === \"fa\") {\n      editor?.commands?.setTextDirection(\"rtl\");\n      editor?.commands?.setContent(\"dwa\");\n    }\n  }, [code]);\n\n  if (!editor) {\n    return null;\n  }\n  const { i18n } = useTranslation();\n\n  // Define the content for different languages\n  const contentEn = \"للكتابة...\"; // Content for English or default language\n  const contentAr = \"انقر هنا للكتابة...\"; // Content for Arabic language\n  const contentFa = \"اینجا کلیک کنید تا شروع به نوشتن کنید...\";\n\n  /*switch (i18n.language) {\n    case 'ar':\n      editor.commands.setContent(contentAr)\n      break\n    case 'fa':\n      editor.commands.setContent(contentFa)\n      break\n    default:\n      editor.commands.setContent(contentEn)\n  }*/\n\n  return (\n    <EditorContext.Provider value={providerValue}>\n      <div\n        lang={i18n.language}\n        className=\"flex h-full overflow-visible\"\n        ref={menuContainerRef}\n      >\n        <Sidebar\n          isOpen={leftSidebar.isOpen}\n          onClose={leftSidebar.close}\n          editor={editor}\n        />\n        <div className=\"relative flex flex-col flex-1 h-full  justify-center items-center \">\n          {/* <EditorHeader\n            characters={characterCount.characters()}\n            users={displayedUsers}\n            words={characterCount.words()}\n            isSidebarOpen={leftSidebar.isOpen}\n            toggleSidebar={leftSidebar.toggle}\n          /> */}\n          <EditorContent\n            editor={editor}\n            ref={editorRef}\n            lang={i18n.language}\n            className=\"flex-1 overflow-y-visible w-full h-full outline-none outline-offset-0\"\n            style={{\n              outline: \"none\",\n            }}\n          />\n          <ContentItemMenu editor={editor} />\n          <LinkMenu editor={editor} appendTo={menuContainerRef} />\n\n          <TextMenu editor={editor} />\n          <IframeMenu editor={editor} appendTo={menuContainerRef} />\n          <SocialMediaMenu editor={editor} appendTo={menuContainerRef} />\n          <InsideLinksMenu editor={editor} appendTo={menuContainerRef} />\n          <ColumnsMenu editor={editor} appendTo={menuContainerRef} />\n          <TableRowMenu editor={editor} appendTo={menuContainerRef} />\n          <TableColumnMenu editor={editor} appendTo={menuContainerRef} />\n          <ImageBlockMenu editor={editor} appendTo={menuContainerRef} />\n        </div>\n      </div>\n    </EditorContext.Provider>\n  );\n};\n\nexport default BlockEditor;\n"],"names":["EditorContent","useEffect","useMemo","useRef","useLocale","useTranslation","EditorContext","IframeMenu","ImageBlockMenu","InsideLinksMenu","ColumnsMenu","SocialMediaMenu","TableColumnMenu","TableRowMenu","useBlockEditor","Sidebar","ContentItemMenu","TextMenu","LinkMenu","BlockEditor","handleChange","content","openAssetHQHandler","additionalContext","menuContainerRef","editorRef","editor","users","characterCount","leftSidebar","code","displayedUsers","slice","providerValue","commands","setTextDirection","setContent","i18n","contentEn","contentAr","contentFa","Provider","value","div","lang","language","className","ref","isOpen","onClose","close","style","outline","appendTo"],"mappings":"AAAA;;AACA,SAASA,aAAa,QAAQ,gBAAgB;AAC9C,SAASC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,QAAQ;AAEnD,SAASC,SAAS,QAAQ,kCAAkC;AAC5D,SAASC,cAAc,QAAQ,uCAAuC;AACtE,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,SAASC,UAAU,QAAQ,yCAAyC;AACpE,OAAOC,oBAAoB,2DAA2D;AACtF,SAASC,eAAe,QAAQ,8CAA8C;AAC9E,SAASC,WAAW,QAAQ,oDAAoD;AAChF,SAASC,eAAe,QAAQ,8CAA8C;AAC9E,SACEC,eAAe,EACfC,YAAY,QACP,wCAAwC;AAC/C,SAASC,cAAc,QAAQ,gCAAgC;AAE/D,SAASC,OAAO,QAAQ,wBAAwB;AAChD,SAASC,eAAe,QAAQ,8CAA8C;AAC9E,SAASC,QAAQ,QAAQ,gCAAgC;AACzD,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,OAAO,MAAMC,cAAc,CAAC,EAC1BC,YAAY,EACZC,OAAO,EACPC,kBAAkB,EAClBC,iBAAiB,EAIlB;IACC,MAAMC,mBAAmBrB,OAAO;IAChC,MAAMsB,YAAYtB,OAAuB;IAEzC,MAAM,EAAEuB,MAAM,EAAEC,KAAK,EAAEC,cAAc,EAAEC,WAAW,EAAE,GAAGf,eAAe;QACpEO,SAASA;QACTD,cAAcA;QACdE,oBAAoBA;QACpBC,mBAAmBA;IACrB;IAEA,MAAM,EAAEO,IAAI,EAAE,GAAG1B;IAEjB,MAAM2B,iBAAiBJ,MAAMK,KAAK,CAAC,GAAG;IAEtC,MAAMC,gBAAgB/B,QAAQ;QAC5B,OAAO,CAAC;IACV,GAAG,EAAE;IAELD,UAAU;QACR,IAAI6B,SAAS,QAAQA,SAAS,MAAM;YAClCJ,QAAQQ,UAAUC,iBAAiB;YACnCT,QAAQQ,UAAUE,WAAW;QAC/B;IACF,GAAG;QAACN;KAAK;IAET,IAAI,CAACJ,QAAQ;QACX,OAAO;IACT;IACA,MAAM,EAAEW,IAAI,EAAE,GAAGhC;IAEjB,6CAA6C;IAC7C,MAAMiC,YAAY,cAAc,0CAA0C;IAC1E,MAAMC,YAAY,uBAAuB,8BAA8B;IACvE,MAAMC,YAAY;IAElB;;;;;;;;;GASC,GAED,qBACE,KAAClC,cAAcmC,QAAQ;QAACC,OAAOT;kBAC7B,cAAA,MAACU;YACCC,MAAMP,KAAKQ,QAAQ;YACnBC,WAAU;YACVC,KAAKvB;;8BAEL,KAACT;oBACCiC,QAAQnB,YAAYmB,MAAM;oBAC1BC,SAASpB,YAAYqB,KAAK;oBAC1BxB,QAAQA;;8BAEV,MAACiB;oBAAIG,WAAU;;sCAQb,KAAC9C;4BACC0B,QAAQA;4BACRqB,KAAKtB;4BACLmB,MAAMP,KAAKQ,QAAQ;4BACnBC,WAAU;4BACVK,OAAO;gCACLC,SAAS;4BACX;;sCAEF,KAACpC;4BAAgBU,QAAQA;;sCACzB,KAACR;4BAASQ,QAAQA;4BAAQ2B,UAAU7B;;sCAEpC,KAACP;4BAASS,QAAQA;;sCAClB,KAACnB;4BAAWmB,QAAQA;4BAAQ2B,UAAU7B;;sCACtC,KAACb;4BAAgBe,QAAQA;4BAAQ2B,UAAU7B;;sCAC3C,KAACf;4BAAgBiB,QAAQA;4BAAQ2B,UAAU7B;;sCAC3C,KAACd;4BAAYgB,QAAQA;4BAAQ2B,UAAU7B;;sCACvC,KAACX;4BAAaa,QAAQA;4BAAQ2B,UAAU7B;;sCACxC,KAACZ;4BAAgBc,QAAQA;4BAAQ2B,UAAU7B;;sCAC3C,KAAChB;4BAAekB,QAAQA;4BAAQ2B,UAAU7B;;;;;;;AAKpD,EAAE;AAEF,eAAeL,YAAY"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/BlockEditor/BlockEditor.tsx"],"sourcesContent":["\"use client\";\nimport { EditorContent } from \"@tiptap/react\";\nimport { useEffect, useMemo, useRef } from \"react\";\n\nimport { useLocale } from \"@payloadcms/ui/providers/Locale\";\nimport { useTranslation } from \"@payloadcms/ui/providers/Translation\";\nimport { EditorContext } from \"../../context/EditorContext.js\";\nimport { IframeMenu } from \"../../extensions/Iframe/menus/index.js\";\nimport ImageBlockMenu from \"../../extensions/ImageBlock/components/ImageBlockMenu.js\";\nimport VideoBlockMenu from \"../../extensions/VideoBlock/components/VideoBlockMenu.js\";\nimport { InsideLinksMenu } from \"../../extensions/InsideLinks/menus/index.js\";\nimport { ColumnsMenu } from \"../../extensions/MultiColumn/menus/ColumnsMenu.js\";\nimport { SocialMediaMenu } from \"../../extensions/SocialMedia/menus/index.js\";\nimport {\n  TableColumnMenu,\n  TableRowMenu,\n} from \"../../extensions/Table/menus/index.js\";\nimport { useBlockEditor } from \"../../hooks/useBlockEditor.js\";\nimport { openAssetHQType } from \"../../types.js\";\nimport { Sidebar } from \"../Sidebar/Sidebar.js\";\nimport { ContentItemMenu } from \"../menus/ContentItemMenu/ContentItemMenu.js\";\nimport { TextMenu } from \"../menus/TextMenu/TextMenu.js\";\nimport { LinkMenu } from \"../menus/index.js\";\nimport { TiptapProps } from \"./types.js\";\nexport const BlockEditor = ({\n  handleChange,\n  content,\n  openAssetHQHandler,\n  additionalContext,\n}: TiptapProps & {\n  openAssetHQHandler: openAssetHQType;\n  additionalContext?: Record<string, any>;\n}) => {\n  const menuContainerRef = useRef(null);\n  const editorRef = useRef<HTMLDivElement>(null);\n\n  const { editor, users, characterCount, leftSidebar } = useBlockEditor({\n    content: content,\n    handleChange: handleChange,\n    openAssetHQHandler: openAssetHQHandler,\n    additionalContext: additionalContext,\n  });\n\n  const { code } = useLocale();\n\n  const displayedUsers = users.slice(0, 3);\n\n  const providerValue = useMemo(() => {\n    return {};\n  }, []);\n\n  useEffect(() => {\n    if (code === \"ar\" || code === \"fa\") {\n      editor?.commands?.setTextDirection(\"rtl\");\n      editor?.commands?.setContent(\"dwa\");\n    }\n  }, [code]);\n\n  if (!editor) {\n    return null;\n  }\n  const { i18n } = useTranslation();\n\n  // Define the content for different languages\n  const contentEn = \"للكتابة...\"; // Content for English or default language\n  const contentAr = \"انقر هنا للكتابة...\"; // Content for Arabic language\n  const contentFa = \"اینجا کلیک کنید تا شروع به نوشتن کنید...\";\n\n  /*switch (i18n.language) {\n    case 'ar':\n      editor.commands.setContent(contentAr)\n      break\n    case 'fa':\n      editor.commands.setContent(contentFa)\n      break\n    default:\n      editor.commands.setContent(contentEn)\n  }*/\n\n  return (\n    <EditorContext.Provider value={providerValue}>\n      <div\n        lang={i18n.language}\n        className=\"flex h-full overflow-visible\"\n        ref={menuContainerRef}\n      >\n        <Sidebar\n          isOpen={leftSidebar.isOpen}\n          onClose={leftSidebar.close}\n          editor={editor}\n        />\n        <div className=\"relative flex flex-col flex-1 h-full  justify-center items-center \">\n          {/* <EditorHeader\n            characters={characterCount.characters()}\n            users={displayedUsers}\n            words={characterCount.words()}\n            isSidebarOpen={leftSidebar.isOpen}\n            toggleSidebar={leftSidebar.toggle}\n          /> */}\n          <EditorContent\n            editor={editor}\n            ref={editorRef}\n            lang={i18n.language}\n            className=\"flex-1 overflow-y-visible w-full h-full outline-none outline-offset-0\"\n            style={{\n              outline: \"none\",\n            }}\n          />\n          <ContentItemMenu editor={editor} />\n          <LinkMenu editor={editor} appendTo={menuContainerRef} />\n\n          <TextMenu editor={editor} />\n          <IframeMenu editor={editor} appendTo={menuContainerRef} />\n          <SocialMediaMenu editor={editor} appendTo={menuContainerRef} />\n          <InsideLinksMenu editor={editor} appendTo={menuContainerRef} />\n          <ColumnsMenu editor={editor} appendTo={menuContainerRef} />\n          <TableRowMenu editor={editor} appendTo={menuContainerRef} />\n          <TableColumnMenu editor={editor} appendTo={menuContainerRef} />\n          <ImageBlockMenu editor={editor} appendTo={menuContainerRef} />\n          <VideoBlockMenu editor={editor} appendTo={menuContainerRef} />\n        </div>\n      </div>\n    </EditorContext.Provider>\n  );\n};\n\nexport default BlockEditor;\n"],"names":["EditorContent","useEffect","useMemo","useRef","useLocale","useTranslation","EditorContext","IframeMenu","ImageBlockMenu","VideoBlockMenu","InsideLinksMenu","ColumnsMenu","SocialMediaMenu","TableColumnMenu","TableRowMenu","useBlockEditor","Sidebar","ContentItemMenu","TextMenu","LinkMenu","BlockEditor","handleChange","content","openAssetHQHandler","additionalContext","menuContainerRef","editorRef","editor","users","characterCount","leftSidebar","code","displayedUsers","slice","providerValue","commands","setTextDirection","setContent","i18n","contentEn","contentAr","contentFa","Provider","value","div","lang","language","className","ref","isOpen","onClose","close","style","outline","appendTo"],"mappings":"AAAA;;AACA,SAASA,aAAa,QAAQ,gBAAgB;AAC9C,SAASC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,QAAQ;AAEnD,SAASC,SAAS,QAAQ,kCAAkC;AAC5D,SAASC,cAAc,QAAQ,uCAAuC;AACtE,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,SAASC,UAAU,QAAQ,yCAAyC;AACpE,OAAOC,oBAAoB,2DAA2D;AACtF,OAAOC,oBAAoB,2DAA2D;AACtF,SAASC,eAAe,QAAQ,8CAA8C;AAC9E,SAASC,WAAW,QAAQ,oDAAoD;AAChF,SAASC,eAAe,QAAQ,8CAA8C;AAC9E,SACEC,eAAe,EACfC,YAAY,QACP,wCAAwC;AAC/C,SAASC,cAAc,QAAQ,gCAAgC;AAE/D,SAASC,OAAO,QAAQ,wBAAwB;AAChD,SAASC,eAAe,QAAQ,8CAA8C;AAC9E,SAASC,QAAQ,QAAQ,gCAAgC;AACzD,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,OAAO,MAAMC,cAAc,CAAC,EAC1BC,YAAY,EACZC,OAAO,EACPC,kBAAkB,EAClBC,iBAAiB,EAIlB;IACC,MAAMC,mBAAmBtB,OAAO;IAChC,MAAMuB,YAAYvB,OAAuB;IAEzC,MAAM,EAAEwB,MAAM,EAAEC,KAAK,EAAEC,cAAc,EAAEC,WAAW,EAAE,GAAGf,eAAe;QACpEO,SAASA;QACTD,cAAcA;QACdE,oBAAoBA;QACpBC,mBAAmBA;IACrB;IAEA,MAAM,EAAEO,IAAI,EAAE,GAAG3B;IAEjB,MAAM4B,iBAAiBJ,MAAMK,KAAK,CAAC,GAAG;IAEtC,MAAMC,gBAAgBhC,QAAQ;QAC5B,OAAO,CAAC;IACV,GAAG,EAAE;IAELD,UAAU;QACR,IAAI8B,SAAS,QAAQA,SAAS,MAAM;YAClCJ,QAAQQ,UAAUC,iBAAiB;YACnCT,QAAQQ,UAAUE,WAAW;QAC/B;IACF,GAAG;QAACN;KAAK;IAET,IAAI,CAACJ,QAAQ;QACX,OAAO;IACT;IACA,MAAM,EAAEW,IAAI,EAAE,GAAGjC;IAEjB,6CAA6C;IAC7C,MAAMkC,YAAY,cAAc,0CAA0C;IAC1E,MAAMC,YAAY,uBAAuB,8BAA8B;IACvE,MAAMC,YAAY;IAElB;;;;;;;;;GASC,GAED,qBACE,KAACnC,cAAcoC,QAAQ;QAACC,OAAOT;kBAC7B,cAAA,MAACU;YACCC,MAAMP,KAAKQ,QAAQ;YACnBC,WAAU;YACVC,KAAKvB;;8BAEL,KAACT;oBACCiC,QAAQnB,YAAYmB,MAAM;oBAC1BC,SAASpB,YAAYqB,KAAK;oBAC1BxB,QAAQA;;8BAEV,MAACiB;oBAAIG,WAAU;;sCAQb,KAAC/C;4BACC2B,QAAQA;4BACRqB,KAAKtB;4BACLmB,MAAMP,KAAKQ,QAAQ;4BACnBC,WAAU;4BACVK,OAAO;gCACLC,SAAS;4BACX;;sCAEF,KAACpC;4BAAgBU,QAAQA;;sCACzB,KAACR;4BAASQ,QAAQA;4BAAQ2B,UAAU7B;;sCAEpC,KAACP;4BAASS,QAAQA;;sCAClB,KAACpB;4BAAWoB,QAAQA;4BAAQ2B,UAAU7B;;sCACtC,KAACb;4BAAgBe,QAAQA;4BAAQ2B,UAAU7B;;sCAC3C,KAACf;4BAAgBiB,QAAQA;4BAAQ2B,UAAU7B;;sCAC3C,KAACd;4BAAYgB,QAAQA;4BAAQ2B,UAAU7B;;sCACvC,KAACX;4BAAaa,QAAQA;4BAAQ2B,UAAU7B;;sCACxC,KAACZ;4BAAgBc,QAAQA;4BAAQ2B,UAAU7B;;sCAC3C,KAACjB;4BAAemB,QAAQA;4BAAQ2B,UAAU7B;;sCAC1C,KAAChB;4BAAekB,QAAQA;4BAAQ2B,UAAU7B;;;;;;;AAKpD,EAAE;AAEF,eAAeL,YAAY"}

package/dist/src/fields/TiptapEditor/features/menus/TextMenu/components/ai-draft-selector-commands.d.ts

@@ -2,7 +2,7 @@ import { Editor } from "@tiptap/react";
 export declare const draftPromptOptions: {
     value: string;
     label: string;
-    icon: import("lucide-react").LucideIcon;
+    icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     prompt: string;
 }[];
 interface AIDraftSelectorCommandsProps {

package/dist/src/fields/TiptapEditor/lib/extract.d.ts

@@ -1,3 +1,4 @@
 export declare const extractTiptapJson: (markdownValue: string) => import("@tiptap/core").JSONContent;
+export declare const extractTiptapJsonFromHTML: (htmlinput: string) => Record<string, any>;
 export declare const extractMarkdown: (json: any) => any;
 //# sourceMappingURL=extract.d.ts.map

package/dist/src/fields/TiptapEditor/lib/extract.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"extract.d.ts","sourceRoot":"","sources":["../../../../../src/fields/TiptapEditor/lib/extract.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,kBAAmB,MAAM,uCAWtD,CAAC;AAEF,eAAO,MAAM,eAAe,SAAU,GAAG,QAWxC,CAAC"}
+{"version":3,"file":"extract.d.ts","sourceRoot":"","sources":["../../../../../src/fields/TiptapEditor/lib/extract.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,kBAAmB,MAAM,uCAWtD,CAAC;AAEF,eAAO,MAAM,yBAAyB,cAAe,MAAM,wBAO1D,CAAC;AAEF,eAAO,MAAM,eAAe,SAAU,GAAG,QAWxC,CAAC"}

package/dist/src/fields/TiptapEditor/lib/extract.js

@@ -1,4 +1,4 @@
-import { Editor } from "@tiptap/core";
+import { Editor, generateJSON } from "@tiptap/core";
 import ExtensionKit from "../extensions/extension-kit.js";
 export const extractTiptapJson = (markdownValue)=>{
     const editor = new Editor({
@@ -11,6 +11,13 @@ export const extractTiptapJson = (markdownValue)=>{
     });
     return editor.getJSON();
 };
+export const extractTiptapJsonFromHTML = (htmlinput)=>{
+    return generateJSON(htmlinput, [
+        ...ExtensionKit({
+            openAssetHQHandler: ()=>{}
+        })
+    ]);
+};
 export const extractMarkdown = (json)=>{
     const editor = new Editor({
         content: json,

package/dist/src/fields/TiptapEditor/lib/extract.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/fields/TiptapEditor/lib/extract.ts"],"sourcesContent":["import { Editor } from \"@tiptap/core\";\nimport ExtensionKit from \"../extensions/extension-kit.js\";\n\nexport const extractTiptapJson = (markdownValue: string) => {\n  const editor = new Editor({\n    content: markdownValue,\n    extensions: [\n      ...ExtensionKit({\n        openAssetHQHandler: () => {},\n        // provider,\n      }),\n    ],\n  });\n  return editor.getJSON();\n};\n\nexport const extractMarkdown = (json: any) => {\n  const editor = new Editor({\n    content: json,\n    extensions: [\n      ...ExtensionKit({\n        // provider,\n        openAssetHQHandler: () => {},\n      }),\n    ],\n  });\n  return editor.storage.markdown.getMarkdown();\n};\n"],"names":["Editor","ExtensionKit","extractTiptapJson","markdownValue","editor","content","extensions","openAssetHQHandler","getJSON","extractMarkdown","json","storage","markdown","getMarkdown"],"mappings":"AAAA,SAASA,MAAM,QAAQ,eAAe;AACtC,OAAOC,kBAAkB,iCAAiC;AAE1D,OAAO,MAAMC,oBAAoB,CAACC;IAChC,MAAMC,SAAS,IAAIJ,OAAO;QACxBK,SAASF;QACTG,YAAY;eACPL,aAAa;gBACdM,oBAAoB,KAAO;YAE7B;SACD;IACH;IACA,OAAOH,OAAOI,OAAO;AACvB,EAAE;AAEF,OAAO,MAAMC,kBAAkB,CAACC;IAC9B,MAAMN,SAAS,IAAIJ,OAAO;QACxBK,SAASK;QACTJ,YAAY;eACPL,aAAa;gBACd,YAAY;gBACZM,oBAAoB,KAAO;YAC7B;SACD;IACH;IACA,OAAOH,OAAOO,OAAO,CAACC,QAAQ,CAACC,WAAW;AAC5C,EAAE"}
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/lib/extract.ts"],"sourcesContent":["import { Editor, generateJSON } from \"@tiptap/core\";\nimport ExtensionKit from \"../extensions/extension-kit.js\";\n\nexport const extractTiptapJson = (markdownValue: string) => {\n  const editor = new Editor({\n    content: markdownValue,\n    extensions: [\n      ...ExtensionKit({\n        openAssetHQHandler: () => {},\n        // provider,\n      }),\n    ],\n  });\n  return editor.getJSON();\n};\n\nexport const extractTiptapJsonFromHTML = (htmlinput: string) => {\n  return generateJSON(htmlinput, [\n    ...ExtensionKit({\n      openAssetHQHandler: () => {},\n      // provider,\n    }),\n  ]);\n};\n\nexport const extractMarkdown = (json: any) => {\n  const editor = new Editor({\n    content: json,\n    extensions: [\n      ...ExtensionKit({\n        // provider,\n        openAssetHQHandler: () => {},\n      }),\n    ],\n  });\n  return editor.storage.markdown.getMarkdown();\n};\n"],"names":["Editor","generateJSON","ExtensionKit","extractTiptapJson","markdownValue","editor","content","extensions","openAssetHQHandler","getJSON","extractTiptapJsonFromHTML","htmlinput","extractMarkdown","json","storage","markdown","getMarkdown"],"mappings":"AAAA,SAASA,MAAM,EAAEC,YAAY,QAAQ,eAAe;AACpD,OAAOC,kBAAkB,iCAAiC;AAE1D,OAAO,MAAMC,oBAAoB,CAACC;IAChC,MAAMC,SAAS,IAAIL,OAAO;QACxBM,SAASF;QACTG,YAAY;eACPL,aAAa;gBACdM,oBAAoB,KAAO;YAE7B;SACD;IACH;IACA,OAAOH,OAAOI,OAAO;AACvB,EAAE;AAEF,OAAO,MAAMC,4BAA4B,CAACC;IACxC,OAAOV,aAAaU,WAAW;WAC1BT,aAAa;YACdM,oBAAoB,KAAO;QAE7B;KACD;AACH,EAAE;AAEF,OAAO,MAAMI,kBAAkB,CAACC;IAC9B,MAAMR,SAAS,IAAIL,OAAO;QACxBM,SAASO;QACTN,YAAY;eACPL,aAAa;gBACd,YAAY;gBACZM,oBAAoB,KAAO;YAC7B;SACD;IACH;IACA,OAAOH,OAAOS,OAAO,CAACC,QAAQ,CAACC,WAAW;AAC5C,EAAE"}

package/dist/src/fields/TiptapEditor/types.d.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/fields/TiptapEditor/types.d.ts"],"sourcesContent":["export type openAssetHQType = (\n  listener: (asset: AssetReturnType) => void,\n  file?: File\n) => void;\n\nexport type HitItem = {\n  caption: string;\n  description: string;\n  fileName: string;\n  fileSize: number;\n  id: string;\n  s3key: string;\n  source: string;\n  title: string;\n  type: \"VIDEO\" | \"IMAGE\";\n  updated_at: string;\n  created_at: string;\n  userId: string;\n  tags: string[];\n  celebrities: string[];\n  videos: {\n    aspectRatio: string;\n    assetId: string;\n    averageBitrate: number;\n    createdAt: Date;\n    downloaded: boolean;\n    s3Key: string;\n    duration: number;\n    fileName: string;\n    fileSize: number | null;\n    frameRate: number;\n    height: number;\n    id: string;\n    mimeType: string;\n    newsAgencyVideoAssetId: string;\n    providerSubId: string;\n    sampleRate: number;\n    updatedAt: Date;\n    videoCodec: string;\n    width: number;\n  }[];\n};\nexport type SelectedAssetInModal = HitItem & {\n  selectedVideo?: HitItem[\"videos\"][0];\n};\nexport type AssetReturnType = SelectedAssetInModal & {\n  fullUrl: string;\n  videoUrl?: string;\n  renditions: Record<number, string>;\n};\n"],"names":[],"mappings":"AA6CA,WAIE"}
+{"version":3,"sources":["../../../../src/fields/TiptapEditor/types.d.ts"],"sourcesContent":["export type openAssetHQType = (\n  listener: (asset: AssetReturnType) => void,\n  file?: File\n) => void;\n\nexport type HitItem = {\n  caption: string;\n  description: string;\n  fileName: string;\n  fileSize: number;\n  id: string;\n  s3key: string;\n  source: string;\n  title: string;\n  type: \"VIDEO\" | \"IMAGE\";\n  updated_at: string;\n  created_at: string;\n  userId: string;\n  tags: string[];\n  celebrities: string[];\n  videos: {\n    aspectRatio: string;\n    assetId: string;\n    averageBitrate: number;\n    createdAt: Date;\n    downloaded: boolean;\n    s3Key: string;\n    duration: number;\n    fileName: string;\n    fileSize: number | null;\n    frameRate: number;\n    height: number;\n    id: string;\n    mimeType: string;\n    newsAgencyVideoAssetId: string;\n    providerSubId: string;\n    sampleRate: number;\n    updatedAt: Date;\n    videoCodec: string;\n    width: number;\n  }[];\n};\nexport type SelectedAssetInModal = HitItem & {\n  selectedVideo?: HitItem[\"videos\"][0];\n};\nexport type AssetReturnType = SelectedAssetInModal & {\n  fullUrl: string;\n  videoUrl?: string;\n  renditions: Record<number, string>;\n  playlistUrl?: string;\n};\n"],"names":[],"mappings":"AA6CA,WAKE"}

package/dist/src/index.d.ts

@@ -1,5 +1,5 @@
 export { TipTapEditor } from "./fields/TiptapEditor/index.js";
 export { EditorComponent } from "./fields/TiptapEditor/Components.js";
 export { BlockEditor } from "./fields/TiptapEditor/features/BlockEditor/BlockEditor.js";
-export { extractMarkdown, extractTiptapJson, } from "./fields/TiptapEditor/lib/extract.js";
+export { extractMarkdown, extractTiptapJson, extractTiptapJsonFromHTML, } from "./fields/TiptapEditor/lib/extract.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,2DAA2D,CAAC;AACxF,OAAO,EACL,eAAe,EACf,iBAAiB,GAClB,MAAM,sCAAsC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,2DAA2D,CAAC;AACxF,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,yBAAyB,GAC1B,MAAM,sCAAsC,CAAC"}