vue2-premium-bbl-editor 1.2.5 → 1.2.6

package/CHANGELOG.md

@@ -5,6 +5,21 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.2.6] - 2025-01-19
+
+### 🐛 Bug Fixes
+
+#### ImageModal Upload URL Fix
+- **Fixed uploaded URL not being used**: ImageModal now correctly uses the uploaded URL from uploadHandler instead of falling back to blob URL
+- **Improved upload logic**: Fixed condition that was checking for uploadManager when using uploadHandler
+- **Enhanced URL insertion**: Upload results now properly insert the API-returned URL instead of local blob URL
+- **Better upload detection**: Simplified logic to check for uploadedUrl regardless of upload method
+
+#### Technical Improvements
+- Fixed insertImage method to prioritize uploadedUrl over local blob URL
+- Improved upload success detection for both uploadManager and uploadHandler workflows
+- Enhanced debugging with clearer console logs for upload URL usage
+
 ## [1.2.5] - 2025-01-19
 
 ### 🐛 Bug Fixes

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

@@ -161,6 +161,17 @@ module.exports = require("@tiptap/extension-code");
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "2e48":
+/***/ (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_ImageModal_vue_vue_type_style_index_0_id_76b0e5d0_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f07d");
+/* 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_ImageModal_vue_vue_type_style_index_0_id_76b0e5d0_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_ImageModal_vue_vue_type_style_index_0_id_76b0e5d0_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "2f31":
@@ -566,13 +577,6 @@ webpackEmptyContext.id = "de6e";
 
 /***/ }),
 
-/***/ "e487":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "e59b":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -2800,6 +2804,13 @@ if (typeof window !== 'undefined' && window.Vue) {
 
 
 
+/***/ }),
+
+/***/ "f07d":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "f24c":
@@ -19404,12 +19415,12 @@ var VideoBubbleMenu_component = normalizeComponent(
 )
 
 /* harmony default export */ var VideoBubbleMenu = (VideoBubbleMenu_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5dbcdb77-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/Modals/ImageModal.vue?vue&type=template&id=85da3900&scoped=true
-var ImageModalvue_type_template_id_85da3900_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.visible)?_c('div',{staticClass:"upload-modal-overlay",on:{"click":_vm.handleOverlayClick}},[_c('div',{staticClass:"upload-modal",on:{"click":function($event){$event.stopPropagation();}}},[_c('div',{staticClass:"modal-header"},[_c('h3',[_vm._v("Insert Image")]),_c('button',{staticClass:"close-btn",on:{"click":_vm.close}},[_vm._v("×")])]),_c('div',{staticClass:"modal-body"},[_c('div',{staticClass:"tab-buttons"},[_c('button',{class:['tab-btn', { active: _vm.activeTab === 'upload' }],on:{"click":function($event){_vm.activeTab = 'upload'}}},[_vm._v(" Upload File ")]),_c('button',{class:['tab-btn', { active: _vm.activeTab === 'url' }],on:{"click":function($event){_vm.activeTab = 'url'}}},[_vm._v(" From URL ")])]),(_vm.activeTab === 'upload')?_c('div',{staticClass:"tab-content"},[(!_vm.previewUrl)?_c('div',{staticClass:"drop-zone",class:{ 'drag-over': _vm.isDragOver },on:{"click":function($event){return _vm.$refs.fileInput.click()},"dragover":function($event){$event.preventDefault();_vm.isDragOver = true},"dragleave":function($event){_vm.isDragOver = false},"drop":function($event){$event.preventDefault();return _vm.handleDrop.apply(null, arguments)}}},[_c('div',{staticClass:"drop-zone-icon"},[_vm._v("📁")]),_c('div',{staticClass:"drop-zone-title"},[_vm._v("Drop image here or click to browse")]),_c('div',{staticClass:"drop-zone-subtitle"},[_vm._v("Supports: JPG, PNG, GIF, WebP (max 10MB)")]),_c('input',{ref:"fileInput",staticStyle:{"display":"none"},attrs:{"type":"file","accept":"image/*"},on:{"change":_vm.handleFileSelect}})]):_c('div',{staticClass:"preview-container"},[_c('img',{staticClass:"preview-image",attrs:{"src":_vm.previewUrl,"alt":"Preview"}}),_c('div',{staticClass:"preview-info"},[_c('div',{staticClass:"preview-filename"},[_vm._v(_vm._s(_vm.selectedFile && _vm.selectedFile.name))]),_c('div',{staticClass:"preview-size"},[_vm._v(_vm._s(_vm.formatFileSize(_vm.selectedFile && _vm.selectedFile.size)))])]),(!_vm.isUploading && !_vm.uploadError && _vm.uploadedUrl)?_c('div',{staticClass:"upload-success"},[_vm._m(0)]):_vm._e(),(_vm.isUploading)?_c('div',{staticClass:"upload-progress"},[_c('div',{staticClass:"progress-bar"},[_c('div',{staticClass:"progress-fill",style:({ width: _vm.uploadProgress + '%' })})]),_c('div',{staticClass:"progress-text"},[_vm._v("Uploading... "+_vm._s(_vm.uploadProgress)+"%")])]):_vm._e(),(_vm.uploadError)?_c('div',{staticClass:"upload-error"},[_c('div',{staticClass:"error-message"},[_c('span',{staticClass:"error-icon"},[_vm._v("⚠️")]),_vm._v(" "+_vm._s(_vm.uploadError)+" ")]),_c('div',{staticClass:"error-actions"},[_c('button',{staticClass:"retry-btn",on:{"click":_vm.retryUpload}},[_vm._v("Try Again")]),_c('button',{staticClass:"local-btn",on:{"click":_vm.insertLocalImage}},[_vm._v("Use Local File")])])]):_vm._e(),(!_vm.isUploading && !_vm.uploadError)?_c('button',{staticClass:"change-btn",on:{"click":_vm.changeFile}},[_vm._v("Change Image")]):_vm._e()])]):_vm._e(),(_vm.activeTab === 'url')?_c('div',{staticClass:"tab-content"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.imageUrl),expression:"imageUrl"}],staticClass:"url-input",attrs:{"type":"url","placeholder":"https://example.com/image.jpg"},domProps:{"value":(_vm.imageUrl)},on:{"input":function($event){if($event.target.composing){ return; }_vm.imageUrl=$event.target.value}}}),_c('div',{staticClass:"url-help"},[_vm._v("Enter a direct link to an image file")])]):_vm._e()]),_c('div',{staticClass:"modal-footer"},[_c('button',{staticClass:"cancel-btn",on:{"click":_vm.close}},[_vm._v("Cancel")]),_c('button',{staticClass:"insert-btn",attrs:{"disabled":_vm.isUploading || (_vm.activeTab === 'upload' && !_vm.selectedFile) || (_vm.activeTab === 'url' && !_vm.imageUrl.trim())},on:{"click":_vm.insertImage}},[(_vm.isUploading)?_c('span',[_vm._v("Uploading...")]):_c('span',[_vm._v("Insert Image")])])])])]):_vm._e()}
-var ImageModalvue_type_template_id_85da3900_scoped_true_staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"success-message"},[_c('span',{staticClass:"success-icon"},[_vm._v("✅")]),_vm._v(" Upload complete! Ready to insert. ")])}]
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5dbcdb77-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/Modals/ImageModal.vue?vue&type=template&id=76b0e5d0&scoped=true
+var ImageModalvue_type_template_id_76b0e5d0_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.visible)?_c('div',{staticClass:"upload-modal-overlay",on:{"click":_vm.handleOverlayClick}},[_c('div',{staticClass:"upload-modal",on:{"click":function($event){$event.stopPropagation();}}},[_c('div',{staticClass:"modal-header"},[_c('h3',[_vm._v("Insert Image")]),_c('button',{staticClass:"close-btn",on:{"click":_vm.close}},[_vm._v("×")])]),_c('div',{staticClass:"modal-body"},[_c('div',{staticClass:"tab-buttons"},[_c('button',{class:['tab-btn', { active: _vm.activeTab === 'upload' }],on:{"click":function($event){_vm.activeTab = 'upload'}}},[_vm._v(" Upload File ")]),_c('button',{class:['tab-btn', { active: _vm.activeTab === 'url' }],on:{"click":function($event){_vm.activeTab = 'url'}}},[_vm._v(" From URL ")])]),(_vm.activeTab === 'upload')?_c('div',{staticClass:"tab-content"},[(!_vm.previewUrl)?_c('div',{staticClass:"drop-zone",class:{ 'drag-over': _vm.isDragOver },on:{"click":function($event){return _vm.$refs.fileInput.click()},"dragover":function($event){$event.preventDefault();_vm.isDragOver = true},"dragleave":function($event){_vm.isDragOver = false},"drop":function($event){$event.preventDefault();return _vm.handleDrop.apply(null, arguments)}}},[_c('div',{staticClass:"drop-zone-icon"},[_vm._v("📁")]),_c('div',{staticClass:"drop-zone-title"},[_vm._v("Drop image here or click to browse")]),_c('div',{staticClass:"drop-zone-subtitle"},[_vm._v("Supports: JPG, PNG, GIF, WebP (max 10MB)")]),_c('input',{ref:"fileInput",staticStyle:{"display":"none"},attrs:{"type":"file","accept":"image/*"},on:{"change":_vm.handleFileSelect}})]):_c('div',{staticClass:"preview-container"},[_c('img',{staticClass:"preview-image",attrs:{"src":_vm.previewUrl,"alt":"Preview"}}),_c('div',{staticClass:"preview-info"},[_c('div',{staticClass:"preview-filename"},[_vm._v(_vm._s(_vm.selectedFile && _vm.selectedFile.name))]),_c('div',{staticClass:"preview-size"},[_vm._v(_vm._s(_vm.formatFileSize(_vm.selectedFile && _vm.selectedFile.size)))])]),(!_vm.isUploading && !_vm.uploadError && _vm.uploadedUrl)?_c('div',{staticClass:"upload-success"},[_vm._m(0)]):_vm._e(),(_vm.isUploading)?_c('div',{staticClass:"upload-progress"},[_c('div',{staticClass:"progress-bar"},[_c('div',{staticClass:"progress-fill",style:({ width: _vm.uploadProgress + '%' })})]),_c('div',{staticClass:"progress-text"},[_vm._v("Uploading... "+_vm._s(_vm.uploadProgress)+"%")])]):_vm._e(),(_vm.uploadError)?_c('div',{staticClass:"upload-error"},[_c('div',{staticClass:"error-message"},[_c('span',{staticClass:"error-icon"},[_vm._v("⚠️")]),_vm._v(" "+_vm._s(_vm.uploadError)+" ")]),_c('div',{staticClass:"error-actions"},[_c('button',{staticClass:"retry-btn",on:{"click":_vm.retryUpload}},[_vm._v("Try Again")]),_c('button',{staticClass:"local-btn",on:{"click":_vm.insertLocalImage}},[_vm._v("Use Local File")])])]):_vm._e(),(!_vm.isUploading && !_vm.uploadError)?_c('button',{staticClass:"change-btn",on:{"click":_vm.changeFile}},[_vm._v("Change Image")]):_vm._e()])]):_vm._e(),(_vm.activeTab === 'url')?_c('div',{staticClass:"tab-content"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.imageUrl),expression:"imageUrl"}],staticClass:"url-input",attrs:{"type":"url","placeholder":"https://example.com/image.jpg"},domProps:{"value":(_vm.imageUrl)},on:{"input":function($event){if($event.target.composing){ return; }_vm.imageUrl=$event.target.value}}}),_c('div',{staticClass:"url-help"},[_vm._v("Enter a direct link to an image file")])]):_vm._e()]),_c('div',{staticClass:"modal-footer"},[_c('button',{staticClass:"cancel-btn",on:{"click":_vm.close}},[_vm._v("Cancel")]),_c('button',{staticClass:"insert-btn",attrs:{"disabled":_vm.isUploading || (_vm.activeTab === 'upload' && !_vm.selectedFile) || (_vm.activeTab === 'url' && !_vm.imageUrl.trim())},on:{"click":_vm.insertImage}},[(_vm.isUploading)?_c('span',[_vm._v("Uploading...")]):_c('span',[_vm._v("Insert Image")])])])])]):_vm._e()}
+var ImageModalvue_type_template_id_76b0e5d0_scoped_true_staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"success-message"},[_c('span',{staticClass:"success-icon"},[_vm._v("✅")]),_vm._v(" Upload complete! Ready to insert. ")])}]
 
 
-// CONCATENATED MODULE: ./src/components/Modals/ImageModal.vue?vue&type=template&id=85da3900&scoped=true
+// CONCATENATED MODULE: ./src/components/Modals/ImageModal.vue?vue&type=template&id=76b0e5d0&scoped=true
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/babel-loader/lib??ref--15!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Modals/ImageModal.vue?vue&type=script&lang=js
 function _regenerator() {
@@ -19830,16 +19841,16 @@ function _asyncToGenerator(n) {
                 });
                 _this4.close();
               } else if (_this4.activeTab === 'upload' && _this4.selectedFile) {
-                // If there's an upload manager and upload was successful, use the uploaded URL
-                if (_this4.uploadManager && _this4.uploadedUrl) {
+                // If upload was successful (either via uploadManager or uploadHandler), use the uploaded URL
+                if (_this4.uploadedUrl) {
                   _this4.insertImageWithSrc(_this4.uploadedUrl);
-                } else if (!_this4.uploadManager) {
-                  // No API upload, just insert the local file
+                } else if (!_this4.uploadManager && !_this4.uploadHandler) {
+                  // No upload system available, just insert the local file
                   src = URL.createObjectURL(_this4.selectedFile);
                   console.log('Using local object URL:', src);
                   _this4.insertImageWithSrc(src);
                 } else {
-                  // Upload manager exists but no uploaded URL yet - use local preview
+                  // Upload system exists but no uploaded URL yet - use local preview
                   console.log('Using local preview URL:', _this4.previewUrl);
                   _this4.insertImageWithSrc(_this4.previewUrl);
                 }
@@ -20035,8 +20046,8 @@ function _asyncToGenerator(n) {
 });
 // CONCATENATED MODULE: ./src/components/Modals/ImageModal.vue?vue&type=script&lang=js
  /* harmony default export */ var Modals_ImageModalvue_type_script_lang_js = (ImageModalvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./src/components/Modals/ImageModal.vue?vue&type=style&index=0&id=85da3900&prod&scoped=true&lang=css
-var ImageModalvue_type_style_index_0_id_85da3900_prod_scoped_true_lang_css = __webpack_require__("fc39");
+// EXTERNAL MODULE: ./src/components/Modals/ImageModal.vue?vue&type=style&index=0&id=76b0e5d0&prod&scoped=true&lang=css
+var ImageModalvue_type_style_index_0_id_76b0e5d0_prod_scoped_true_lang_css = __webpack_require__("2e48");
 
 // CONCATENATED MODULE: ./src/components/Modals/ImageModal.vue
 
@@ -20049,11 +20060,11 @@ var ImageModalvue_type_style_index_0_id_85da3900_prod_scoped_true_lang_css = __w
 
 var ImageModal_component = normalizeComponent(
   Modals_ImageModalvue_type_script_lang_js,
-  ImageModalvue_type_template_id_85da3900_scoped_true_render,
-  ImageModalvue_type_template_id_85da3900_scoped_true_staticRenderFns,
+  ImageModalvue_type_template_id_76b0e5d0_scoped_true_render,
+  ImageModalvue_type_template_id_76b0e5d0_scoped_true_staticRenderFns,
   false,
   null,
-  "85da3900",
+  "76b0e5d0",
   null
   
 )
@@ -23781,17 +23792,6 @@ if (typeof window !== 'undefined' && window.Vue) {
 
 
 
-/***/ }),
-
-/***/ "fc39":
-/***/ (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_ImageModal_vue_vue_type_style_index_0_id_85da3900_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e487");
-/* 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_ImageModal_vue_vue_type_style_index_0_id_85da3900_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_ImageModal_vue_vue_type_style_index_0_id_85da3900_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ })
 
 /******/ });