froala-audio - npm Package Compare versions

Comparing version 1.0.6 to 1.1.0

froala-audio.js

@@ -5,10 +5,10 @@ "use strict";
 
-(function ($, _) {
+(function (FE, $, _) {
   'use strict';
 
-  $.extend($.FE.POPUP_TEMPLATES, {
+  $.extend(FE.POPUP_TEMPLATES, {
     'audio.insert': '[_BUTTONS_][_BY_URL_LAYER_][_UPLOAD_LAYER_][_PROGRESS_BAR_]',
     'audio.edit': '[_BUTTONS_]'
   });
-  $.extend($.FE.DEFAULTS, {
+  $.extend(FE.DEFAULTS, {
     audioAllowedTypes: ['mp3', 'mpeg', 'x-m4a'],
@@ -26,3 +26,3 @@ audioEditButtons: ['audioReplace', 'audioRemove', '|', 'audioAutoplay', 'audioAlign'],
 
-  $.FE.PLUGINS.audio = function (editor) {
+  FE.PLUGINS.audio = function (editor) {
     var _errorMessages;
@@ -93,3 +93,3 @@
     var refreshInsertPopup = function refreshInsertPopup() {
-      var $popup = editor.popups.get('audio.insert');
+      var $popup = $(editor.popups.get('audio.insert'));
       var $inputs = $popup.find('input, button');
@@ -122,3 +122,5 @@ $inputs.prop('disabled', false).val('').trigger('change');
     };
+    /* eslint-enable camelcase */
 
+
     var initEditPopup = function initEditPopup() {
@@ -131,5 +133,3 @@ var buttonSpec = editor.opts.audioEditButtons;
     };
-    /* eslint-enable camelcase */
 
-
     var showProgressBar = function showProgressBar(message) {
@@ -396,3 +396,3 @@ var $popup = editor.popups.get('audio.insert') || initInsertPopup();
 
-        $btn.children(':first').replaceWith(editor.icon.create('audioAlign' + _.capitalize(align)));
+        $btn.children().first().replaceWith(editor.icon.create('audioAlign' + _.capitalize(align)));
       },
@@ -553,3 +553,3 @@ refreshAlignDropdown: function refreshAlignDropdown($btn, $dropdown) {
         editor.events.enableBlur();
-        var $popup = editor.popups.get('audio.insert');
+        var $popup = $(editor.popups.get('audio.insert'));
 
@@ -586,6 +586,8 @@ if ($popup) {
 
-  $.FE.DefineIcon('insertAudio', {
-    NAME: 'volume-up'
+  FE.DefineIcon('insertAudio', {
+    NAME: 'volume-up',
+    FA5NAME: 'volume-up',
+    template: 'font_awesome'
   });
-  $.FE.RegisterCommand('insertAudio', {
+  FE.RegisterCommand('insertAudio', {
     title: 'Insert Audio',
@@ -608,6 +610,7 @@ undo: false,
   });
-  $.FE.DefineIcon('audioByURL', {
-    NAME: 'link'
+  FE.DefineIcon('audioByURL', {
+    NAME: 'link',
+    SVG_KEY: 'insertLink'
   });
-  $.FE.RegisterCommand('audioByURL', {
+  FE.RegisterCommand('audioByURL', {
     title: 'By URL',
@@ -624,6 +627,7 @@ undo: false,
   });
-  $.FE.DefineIcon('audioUpload', {
-    NAME: 'upload'
+  FE.DefineIcon('audioUpload', {
+    NAME: 'upload',
+    SVG_KEY: 'upload'
   });
-  $.FE.RegisterCommand('audioUpload', {
+  FE.RegisterCommand('audioUpload', {
     title: 'Upload Audio',
@@ -640,3 +644,3 @@ undo: false,
   });
-  $.FE.RegisterCommand('audioDismissError', {
+  FE.RegisterCommand('audioDismissError', {
     title: 'OK',
@@ -648,3 +652,3 @@ undo: false,
   });
-  $.FE.RegisterCommand('audioInsertByURL', {
+  FE.RegisterCommand('audioInsertByURL', {
     undo: true,
@@ -656,16 +660,20 @@ focus: true,
   });
-  $.FE.DefineIcon('audioAlignLeft', {
-    NAME: 'align-left'
+  FE.DefineIcon('audioAlignLeft', {
+    NAME: 'align-left',
+    SVG_KEY: 'alignLeft'
   });
-  $.FE.DefineIcon('audioAlignRight', {
-    NAME: 'align-right'
+  FE.DefineIcon('audioAlignRight', {
+    NAME: 'align-right',
+    SVG_KEY: 'alignRight'
   }); // For consistency with the video plugin, we use the align-justify icon for alignCenter. :(
 
-  $.FE.DefineIcon('audioAlignCenter', {
-    NAME: 'align-justify'
+  FE.DefineIcon('audioAlignCenter', {
+    NAME: 'align-justify',
+    SVG_KEY: 'alignJustify'
   });
-  $.FE.DefineIcon('audioAlign', {
-    NAME: 'align-center'
+  FE.DefineIcon('audioAlign', {
+    NAME: 'align-center',
+    SVG_KEY: 'alignCenter'
   });
-  $.FE.RegisterCommand('audioAlign', {
+  FE.RegisterCommand('audioAlign', {
     type: 'dropdown',
@@ -685,3 +693,3 @@ title: 'Align',
 
-      return "<ul class=\"fr-dropdown-list\" role=\"presentation\">\n                ".concat(_.map($.FE.COMMANDS.audioAlign.options, mkOption).join('\n'), "\n            </ul>");
+      return "<ul class=\"fr-dropdown-list\" role=\"presentation\">\n                ".concat(_.map(FE.COMMANDS.audioAlign.options, mkOption).join('\n'), "\n            </ul>");
     },
@@ -698,6 +706,7 @@ callback: function callback(cmd, val) {
   });
-  $.FE.DefineIcon('audioAutoplay', {
-    NAME: 'play-circle'
+  FE.DefineIcon('audioAutoplay', {
+    NAME: 'play-circle',
+    SVG_KEY: 'autoplay'
   });
-  $.FE.RegisterCommand('audioAutoplay', {
+  FE.RegisterCommand('audioAutoplay', {
     title: 'Autoplay',
@@ -712,6 +721,8 @@ toggle: true,
   });
-  $.FE.DefineIcon('audioReplace', {
-    NAME: 'exchange'
+  FE.DefineIcon('audioReplace', {
+    NAME: 'exchange',
+    FA5NAME: 'exchange-alt',
+    SVG_KEY: 'replaceImage'
   });
-  $.FE.RegisterCommand('audioReplace', {
+  FE.RegisterCommand('audioReplace', {
     title: 'Replace',
@@ -726,6 +737,7 @@ undo: false,
   });
-  $.FE.DefineIcon('audioRemove', {
-    NAME: 'trash'
+  FE.DefineIcon('audioRemove', {
+    NAME: 'trash',
+    SVG_KEY: 'remove'
   });
-  $.FE.RegisterCommand('audioRemove', {
+  FE.RegisterCommand('audioRemove', {
     title: 'Remove',
@@ -736,6 +748,7 @@ callback: function callback() {
   });
-  $.FE.DefineIcon('audioBack', {
-    NAME: 'arrow-left'
+  FE.DefineIcon('audioBack', {
+    NAME: 'arrow-left',
+    SVG_KEY: 'back'
   });
-  $.FE.RegisterCommand('audioBack', {
+  FE.RegisterCommand('audioBack', {
     title: 'Back',
@@ -752,4 +765,4 @@ undo: false,
   });
-  if (!$.FE.RegisterQuickInsertButton) return;
-  $.FE.RegisterQuickInsertButton('audio', {
+  if (!FE.RegisterQuickInsertButton) return;
+  FE.RegisterQuickInsertButton('audio', {
     icon: 'insertAudio',
@@ -764,2 +777,2 @@ requiredPlugin: 'audio',
   });
-})(window.jQuery, window._);
+})(window.FroalaEditor || window.jQuery.FE, window.jQuery, window._);

package.json

 {
 	"name": "froala-audio",
 	"description": "Plugin for inserting and modifying audio players with Froala WYSIWYG Editor.",
-	"version": "1.0.6",
+	"version": "1.1.0",
 	"main": "./froala-audio.js",
-	"repository": "https://github.com/ecoach-lms/froala-audio",
+	"repository": "https://github.com/coassemble/froala-audio",
 	"keywords": [
@@ -21,3 +21,3 @@ "froala",
 		"@babel/preset-env": "^7.4.5",
-		"eslint": "^5.16.0"
+		"eslint": "^7.12.1"
 	},
@@ -24,0 +24,0 @@ "babel": {

README.md

@@ -10,2 +10,3 @@ # froala-audio [![npm](https://img.shields.io/npm/v/froala-audio.svg)](https://www.npmjs.com/package/froala-audio) [![license](https://img.shields.io/npm/l/froala-audio.svg)](LICENSE.md)
 * Froala Editor >= 2.0.0 (developed under 2.7.5)
+* Froala Editor 3 is also supported. However, you must load your own jQuery, as it is no longer required by Froala itself (developed under jQuery 3.5.0)
 * Lodash >= 3.0.0, including Lodash 4 (developed under 3.10.1)
@@ -12,0 +13,0 @@

New alerts

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Fixed alerts

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

35234

increased by1.42%

Lines of code

706

increased by1.88%

Number of lines in readme file

102

increased by0.99%

No dependency changes