vue2-bbl-editor 1.3.9 → 1.4.0

package/dist/vue2-bbl-editor.common.js

@@ -2546,13 +2546,6 @@ module.exports = require("@tiptap/extension-table-row");
 
 /***/ }),
 
-/***/ "3eca":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "3fc1":
 /***/ (function(module, exports) {
 
@@ -12883,17 +12876,6 @@ var PluginKey = /*#__PURE__*/function () {
 // state/index.ts
 
 
-/***/ }),
-
-/***/ "7fc2":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PremiumBblEditorOptionsAPI_vue_vue_type_style_index_0_id_1c3ede3e_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3eca");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PremiumBblEditorOptionsAPI_vue_vue_type_style_index_0_id_1c3ede3e_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PremiumBblEditorOptionsAPI_vue_vue_type_style_index_0_id_1c3ede3e_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "7ff7":
@@ -15527,6 +15509,9 @@ function _arrayLikeToArray(r, a) {
 // EXTERNAL MODULE: ./src/extensions/CustomParagraph.js
 var CustomParagraph = __webpack_require__("baf3");
 
+// EXTERNAL MODULE: ./src/extensions/CustomHeading.js
+var CustomHeading = __webpack_require__("8d48");
+
 // CONCATENATED MODULE: ./src/composables/useEditor.js
 function _typeof(o) {
   "@babel/helpers - typeof";
@@ -15605,6 +15590,7 @@ function _toPrimitive(t, r) {
 
 
 
+
 
 
 // Custom Code extension with inline styles
@@ -16032,9 +16018,13 @@ function useEditor(props, emit) {
         code: false,
         blockquote: false,
         // Disable default blockquote
-        paragraph: false // Disable default paragraph to use our custom one
+        paragraph: false,
+        // Disable default paragraph to use our custom one
+        heading: false // Disable default heading to use our custom one
       }), CustomParagraph["a" /* default */],
       // Add our custom paragraph with empty class support
+      CustomHeading["a" /* default */],
+      // Add our custom heading with empty attribute support
       CustomCode, CustomCodeBlock, CustomBlockquote,
       // Add our custom blockquote
       extension_text_style_default.a, extension_placeholder_default.a.configure({
@@ -16732,6 +16722,186 @@ module.exports = require("vue");
 
 /***/ }),
 
+/***/ "8d48":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _tiptap_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5924");
+/* harmony import */ var _tiptap_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tiptap_core__WEBPACK_IMPORTED_MODULE_0__);
+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 ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return 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);
+}
+
+
+/**
+ * CustomHeading Extension
+ * 
+ * Extends the default heading to add custom attributes
+ * - Adds 'data-empty="true"' attribute to empty headings in HTML output
+ * - Maintains all default heading functionality
+ * - Provides better styling control for empty content
+ */
+/* harmony default export */ __webpack_exports__["a"] = (_tiptap_core__WEBPACK_IMPORTED_MODULE_0__["Node"].create({
+  name: 'heading',
+  priority: 1000,
+  addOptions: function addOptions() {
+    return {
+      levels: [1, 2, 3, 4, 5, 6],
+      HTMLAttributes: {}
+    };
+  },
+  content: 'inline*',
+  group: 'block',
+  defining: true,
+  addAttributes: function addAttributes() {
+    return {
+      level: {
+        default: 1,
+        rendered: false
+      }
+    };
+  },
+  parseHTML: function parseHTML() {
+    return this.options.levels.map(function (level) {
+      return {
+        tag: "h".concat(level),
+        attrs: {
+          level: level
+        }
+      };
+    });
+  },
+  renderHTML: function renderHTML(_ref) {
+    var node = _ref.node,
+      HTMLAttributes = _ref.HTMLAttributes;
+    var hasContent = node.content.size > 0;
+    var isEmpty = !hasContent || node.content.size === 0;
+
+    // Check if heading only contains empty text or whitespace
+    var isReallyEmpty = true;
+    if (hasContent) {
+      node.content.forEach(function (child) {
+        if (child.type.name !== 'text' || child.text && child.text.trim() !== '') {
+          isReallyEmpty = false;
+        }
+      });
+    }
+
+    // Merge custom attributes with existing HTMLAttributes
+    var attrs = Object(_tiptap_core__WEBPACK_IMPORTED_MODULE_0__["mergeAttributes"])(this.options.HTMLAttributes, HTMLAttributes);
+
+    // Add data-empty attribute if heading is empty or only contains whitespace
+    if (isEmpty || isReallyEmpty) {
+      attrs['data-empty'] = 'true';
+    }
+    var hasLevel = this.options.levels.includes(node.attrs.level);
+    var level = hasLevel ? node.attrs.level : this.options.levels[0];
+    return ["h".concat(level), attrs, 0];
+  },
+  addCommands: function addCommands() {
+    var _this = this;
+    return {
+      setHeading: function setHeading(attributes) {
+        return function (_ref2) {
+          var commands = _ref2.commands;
+          if (!_this.options.levels.includes(attributes.level)) {
+            return false;
+          }
+          return commands.setNode(_this.name, attributes);
+        };
+      },
+      toggleHeading: function toggleHeading(attributes) {
+        return function (_ref3) {
+          var commands = _ref3.commands;
+          if (!_this.options.levels.includes(attributes.level)) {
+            return false;
+          }
+          return commands.toggleNode(_this.name, 'paragraph', attributes);
+        };
+      }
+    };
+  },
+  addKeyboardShortcuts: function addKeyboardShortcuts() {
+    var _this2 = this;
+    return this.options.levels.reduce(function (items, level) {
+      return _objectSpread(_objectSpread({}, items), {}, _defineProperty({}, "Mod-Alt-".concat(level), function ModAlt() {
+        return _this2.editor.commands.toggleHeading({
+          level: level
+        });
+      }));
+    }, {});
+  },
+  addInputRules: function addInputRules() {
+    var _this3 = this;
+    return this.options.levels.map(function (level) {
+      var inputRule = {
+        find: new RegExp("^(#{1,".concat(level, "})\\s$")),
+        handler: function handler(_ref4) {
+          var state = _ref4.state,
+            range = _ref4.range;
+          var from = range.from,
+            to = range.to;
+          state.tr.delete(from, to).setBlockType(from, from, _this3.type, {
+            level: level
+          });
+        }
+      };
+      return inputRule;
+    });
+  }
+}));
+
+/***/ }),
+
 /***/ "8f91":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -16757,6 +16927,13 @@ module.exports = require("@tiptap/vue-2");
 
 /***/ }),
 
+/***/ "98d1":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "9bba":
 /***/ (function(module, exports) {
 
@@ -19391,6 +19568,17 @@ var component = Object(componentNormalizer["a" /* default */])(
 
 // extracted by mini-css-extract-plugin
 
+/***/ }),
+
+/***/ "b764":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PremiumBblEditorOptionsAPI_vue_vue_type_style_index_0_id_410a85e4_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("98d1");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PremiumBblEditorOptionsAPI_vue_vue_type_style_index_0_id_410a85e4_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PremiumBblEditorOptionsAPI_vue_vue_type_style_index_0_id_410a85e4_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "baf3":
@@ -23488,6 +23676,7 @@ __webpack_require__.d(__webpack_exports__, "ResizableVideo", function() { return
 __webpack_require__.d(__webpack_exports__, "CustomTableCell", function() { return /* reexport */ CustomTableCell["a" /* default */]; });
 __webpack_require__.d(__webpack_exports__, "CustomTableHeader", function() { return /* reexport */ CustomTableHeader["a" /* default */]; });
 __webpack_require__.d(__webpack_exports__, "CustomParagraph", function() { return /* reexport */ CustomParagraph["a" /* default */]; });
+__webpack_require__.d(__webpack_exports__, "CustomHeading", function() { return /* reexport */ CustomHeading["a" /* default */]; });
 __webpack_require__.d(__webpack_exports__, "useEditor", function() { return /* reexport */ useEditor["a" /* useEditor */]; });
 
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
@@ -23509,7 +23698,7 @@ if (typeof window !== 'undefined') {
 // EXTERNAL MODULE: ./src/components/PremiumBblEditor.vue + 4 modules
 var PremiumBblEditor = __webpack_require__("2cce");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1a638e0e-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PremiumBblEditorOptionsAPI.vue?vue&type=template&id=1c3ede3e&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1a638e0e-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PremiumBblEditorOptionsAPI.vue?vue&type=template&id=410a85e4&scoped=true
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"premium-editor-container",class:[
     ("theme-" + _vm.theme),
     _vm.editorClass
@@ -23517,7 +23706,7 @@ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._sel
 var staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',[_c('strong',[_vm._v("Missing Dependencies:")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"install-command"},[_c('p',[_c('strong',[_vm._v("Quick Fix:")])]),_c('code',[_vm._v("npm install @vue/composition-api @tiptap/core @tiptap/vue-2 @tiptap/starter-kit @tiptap/extension-text-style @tiptap/extension-color @tiptap/extension-highlight @tiptap/extension-underline @tiptap/extension-text-align @tiptap/extension-link @tiptap/extension-font-family @tiptap/extension-code @tiptap/extension-code-block @tiptap/extension-table @tiptap/extension-table-row @tiptap/extension-table-cell @tiptap/extension-table-header @tiptap/extension-task-list @tiptap/extension-task-item @tiptap/extension-placeholder")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"help-links"},[_c('a',{attrs:{"href":"https://github.com/kazi-shahin/vue2-bbl-editor#quick-setup","target":"_blank"}},[_vm._v("📖 Setup Guide")]),_c('a',{attrs:{"href":"https://github.com/kazi-shahin/vue2-bbl-editor/blob/main/TROUBLESHOOTING.md","target":"_blank"}},[_vm._v("🔧 Troubleshooting")])])}]
 
 
-// CONCATENATED MODULE: ./src/components/PremiumBblEditorOptionsAPI.vue?vue&type=template&id=1c3ede3e&scoped=true
+// CONCATENATED MODULE: ./src/components/PremiumBblEditorOptionsAPI.vue?vue&type=template&id=410a85e4&scoped=true
 
 // EXTERNAL MODULE: external "@tiptap/vue-2"
 var vue_2_ = __webpack_require__("9637");
@@ -23598,6 +23787,9 @@ var ResizableVideo = __webpack_require__("1788");
 // EXTERNAL MODULE: ./src/extensions/CustomParagraph.js
 var CustomParagraph = __webpack_require__("baf3");
 
+// EXTERNAL MODULE: ./src/extensions/CustomHeading.js
+var CustomHeading = __webpack_require__("8d48");
+
 // EXTERNAL MODULE: ./src/components/Toolbar/ToolbarMain.vue + 49 modules
 var ToolbarMain = __webpack_require__("cb27");
 
@@ -23867,6 +24059,7 @@ function _toPrimitive(t, r) {
 
 
 
+
 
 
 // Import styles
@@ -24592,9 +24785,13 @@ var LineHeight = core_["Extension"].create({
           table: false,
           codeBlock: false,
           code: false,
-          paragraph: false // Disable default paragraph to use our custom one
+          paragraph: false,
+          // Disable default paragraph to use our custom one
+          heading: false // Disable default heading to use our custom one
         }), CustomParagraph["a" /* default */],
         // Add our custom paragraph with data-empty support
+        CustomHeading["a" /* default */],
+        // Add our custom heading with data-empty support
         CustomCode, CustomCodeBlock, extension_text_style_default.a, extension_placeholder_default.a.configure({
           placeholder: this.placeholder || 'Start writing...'
         })];
@@ -25238,8 +25435,8 @@ var LineHeight = core_["Extension"].create({
 });
 // CONCATENATED MODULE: ./src/components/PremiumBblEditorOptionsAPI.vue?vue&type=script&lang=js
  /* harmony default export */ var components_PremiumBblEditorOptionsAPIvue_type_script_lang_js = (PremiumBblEditorOptionsAPIvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./src/components/PremiumBblEditorOptionsAPI.vue?vue&type=style&index=0&id=1c3ede3e&prod&scoped=true&lang=css
-var PremiumBblEditorOptionsAPIvue_type_style_index_0_id_1c3ede3e_prod_scoped_true_lang_css = __webpack_require__("7fc2");
+// EXTERNAL MODULE: ./src/components/PremiumBblEditorOptionsAPI.vue?vue&type=style&index=0&id=410a85e4&prod&scoped=true&lang=css
+var PremiumBblEditorOptionsAPIvue_type_style_index_0_id_410a85e4_prod_scoped_true_lang_css = __webpack_require__("b764");
 
 // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__("2877");
@@ -25259,7 +25456,7 @@ var component = Object(componentNormalizer["a" /* default */])(
   staticRenderFns,
   false,
   null,
-  "1c3ede3e",
+  "410a85e4",
   null
   
 )
@@ -25383,6 +25580,7 @@ var ToolbarButton = __webpack_require__("6112");
 
 
 
+
 // Import styles