any-downloader-vue - npm Package Compare versions

Comparing version 0.0.9 to 0.1.0

build/any-downloader.min.js

@@ -7,3 +7,3 @@ var AnyDownloader = (function (exports) {
     var ResourcePreview = {
-    render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"mt-12 flex items-center justify-center flex-wrap"},[_c('div',{staticClass:"rounded-t bg-gray-700 w-full bg-cover bg-blend-soft-light",style:({backgroundImage: 'url(' + _vm.previewImage.url + ')'})},[(_vm.previewVideo && _vm.previewVideo.url)?_c('video',{staticClass:"rounded m-auto max-h-3/5-screen",attrs:{"poster":(_vm.previewImage && _vm.previewImage.url) ? _vm.previewImage.url : false,"controls":"true"}},[_c('source',{attrs:{"src":_vm.previewVideo.url}})]):_vm._e(),_vm._v(" "),((!_vm.previewVideo || !_vm.previewVideo.url) && _vm.previewImage && _vm.previewImage.url)?_c('img',{staticClass:"rounded-t",attrs:{"src":_vm.previewImage.url}}):_vm._e()]),_vm._v(" "),_c('div',{staticClass:"bg-white text-black rounded-b p-6 w-full"},[(_vm.attributes.author)?_c('p',{staticClass:"text-sm text-center pb-2"},[(_vm.attributes.author.avatar && _vm.attributes.author.avatar.url)?_c('img',{staticClass:"rounded-full w-12 h-12 inline",attrs:{"alt":_vm.attributes.author.nickname,"src":_vm.attributes.author.avatar.url}}):_vm._e(),_vm._v("\n            "+_vm._s(_vm.attributes.author.full_name)+"\n        ")]):_vm._e(),_vm._v(" "),(_vm.attributes.title)?_c('p',{staticClass:"text-lg pb-2"},[_vm._v("\n            "+_vm._s(_vm.attributes.title)+"\n        ")]):_vm._e(),_vm._v(" "),(_vm.attributes.text)?_c('p',[_vm._v("\n            "+_vm._s(_vm.attributes.text)+"\n        ")]):_vm._e(),_vm._v(" "),(_vm.attributes.hashtags && _vm.attributes.hashtags.length)?_c('p',[_vm._v("\n            "+_vm._s(_vm.attributes.hashtags.map( function (v) { return '#' + v; }).join(', '))+"\n        ")]):_vm._e(),_vm._v(" "),_c('div',{staticClass:"flex mt-6 justify-center flex-wrap"},[(_vm.items.video && _vm.items.video.length)?_c('div',{staticClass:"mx-0.5 mb-3"},[_c('h4',{staticClass:"bg-gray-700 rounded-t text-gray-100 py-2"},[_vm._v("Videos")]),_vm._v(" "),_vm._l((_vm.items.video),function(item){return _c('a',{staticClass:"my-1.5 rounded bg-gradient-to-r from-pink-500 via-pink-600 to-pink-700 shadow hover:from-red-500 hover:to-purple-400 block font-extrabold px-2 py-2 text-gray-100",attrs:{"target":"_blank","href":item.url}},[_vm._v("Download "+_vm._s(item.title)+"."+_vm._s(item.format))])})],2):_vm._e(),_vm._v(" "),(_vm.items.image && _vm.items.image.length)?_c('div',{staticClass:"mx-0.5 mb-3"},[_c('h4',{staticClass:"bg-gray-700 rounded-t text-gray-100 py-2"},[_vm._v("Images")]),_vm._v(" "),_vm._l((_vm.items.image),function(item){return _c('a',{staticClass:"my-1.5 rounded bg-gradient-to-r from-pink-500 via-pink-600 to-pink-700 shadow hover:from-red-500 hover:to-purple-400 block font-extrabold px-2 py-2 text-gray-100",attrs:{"target":"_blank","href":item.url}},[_vm._v("Download "+_vm._s(item.title)+"."+_vm._s(item.format))])})],2):_vm._e(),_vm._v(" "),(_vm.items.audio && _vm.items.audio.length)?_c('div',{staticClass:"mx-0.5 mb-3"},[_c('h4',{staticClass:"bg-gray-700 rounded-t text-gray-100 py-2"},[_vm._v("Audio")]),_vm._v(" "),_vm._l((_vm.items.audio),function(item){return _c('a',{staticClass:"my-1.5 rounded bg-gradient-to-r from-pink-500 via-pink-600 to-pink-700 shadow hover:from-red-500 hover:to-purple-400 block font-extrabold px-2 py-2 text-gray-100",attrs:{"target":"_blank","href":item.url}},[_vm._v("Download "+_vm._s(item.title)+"."+_vm._s(item.format))])})],2):_vm._e(),_vm._v(" "),(_vm.items.text && _vm.items.text.length)?_c('div',{staticClass:"mx-0.5 mb-3"},[_c('h4',{staticClass:"bg-gray-700 rounded-t text-gray-100 py-2"},[_vm._v("Text/Subtitles")]),_vm._v(" "),_vm._l((_vm.items.text),function(item){return _c('a',{staticClass:"my-1.5 rounded bg-gradient-to-r from-pink-500 via-pink-600 to-pink-700 shadow hover:from-red-500 hover:to-purple-400 block font-extrabold px-2 py-2 text-gray-100",attrs:{"target":"_blank","href":item.url}},[_vm._v("Download "+_vm._s(item.title)+"."+_vm._s(item.format))])})],2):_vm._e()])])])},
+    render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"mt-12 flex items-center justify-center flex-wrap any-downloader-resource-preview-wrapper"},[_c('div',{staticClass:"any-downloader-resource-preview-heading any-downloader-resource-preview-heading",style:({backgroundImage: 'url(' + _vm.previewImage.url + ')'})},[(_vm.previewVideo && _vm.previewVideo.url)?_c('video',{staticClass:"rounded m-auto max-h-3/5-screen",attrs:{"poster":(_vm.previewImage && _vm.previewImage.url) ? _vm.previewImage.url : false,"controls":"true"}},[_c('source',{attrs:{"src":_vm.previewVideo.url}})]):_vm._e(),_vm._v(" "),((!_vm.previewVideo || !_vm.previewVideo.url) && _vm.previewImage && _vm.previewImage.url)?_c('img',{staticClass:"rounded-t",attrs:{"src":_vm.previewImage.url}}):_vm._e()]),_vm._v(" "),_c('div',{staticClass:"bg-white text-black rounded-b p-6 w-full any-downloader-resource-preview-body-wrapper"},[(_vm.attributes.author)?_c('p',{staticClass:"text-sm text-center pb-2 any-downloader-resource-preview-author"},[(_vm.attributes.author.avatar && _vm.attributes.author.avatar.url)?_c('img',{staticClass:"rounded-full w-12 h-12 inline any-downloader-resource-preview-author-avatar",attrs:{"alt":_vm.attributes.author.nickname,"src":_vm.attributes.author.avatar.url}}):_vm._e(),_vm._v("\n            "+_vm._s(_vm.attributes.author.full_name)+"\n        ")]):_vm._e(),_vm._v(" "),(_vm.attributes.title)?_c('p',{staticClass:"text-lg pb-2 any-downloader-resource-preview-title"},[_vm._v("\n            "+_vm._s(_vm.attributes.title)+"\n        ")]):_vm._e(),_vm._v(" "),(_vm.attributes.text)?_c('p',[_vm._v("\n            "+_vm._s(_vm.attributes.text)+"\n        ")]):_vm._e(),_vm._v(" "),(_vm.attributes.hashtags && _vm.attributes.hashtags.length)?_c('p',[_vm._v("\n            "+_vm._s(_vm.attributes.hashtags.map( function (v) { return '#' + v; }).join(', '))+"\n        ")]):_vm._e(),_vm._v(" "),_c('div',{staticClass:"flex mt-6 justify-center flex-wrap any-downloader-resource-preview-resources-list"},[(_vm.items.video && _vm.items.video.length)?_c('div',{staticClass:"mx-0.5 mb-3"},[_c('h4',{staticClass:"bg-gray-700 rounded-t text-gray-100 py-2"},[_vm._v("Videos")]),_vm._v(" "),_vm._l((_vm.items.video),function(item){return _c('a',{staticClass:"my-1.5 rounded bg-gradient-to-r from-pink-500 via-pink-600 to-pink-700 shadow block font-extrabold px-2 py-2 text-gray-100 hover:from-red-500 hover:to-purple-400",attrs:{"target":"_blank","href":item.url}},[_vm._v("Download "+_vm._s(item.title)+"."+_vm._s(item.format))])})],2):_vm._e(),_vm._v(" "),(_vm.items.image && _vm.items.image.length)?_c('div',{staticClass:"mx-0.5 mb-3"},[_c('h4',{staticClass:"bg-gray-700 rounded-t text-gray-100 py-2"},[_vm._v("Images")]),_vm._v(" "),_vm._l((_vm.items.image),function(item){return _c('a',{staticClass:"my-1.5 rounded bg-gradient-to-r from-pink-500 via-pink-600 to-pink-700 shadow block font-extrabold px-2 py-2 text-gray-100 hover:from-red-500 hover:to-purple-400",attrs:{"target":"_blank","href":item.url}},[_vm._v("Download "+_vm._s(item.title)+"."+_vm._s(item.format))])})],2):_vm._e(),_vm._v(" "),(_vm.items.audio && _vm.items.audio.length)?_c('div',{staticClass:"mx-0.5 mb-3"},[_c('h4',{staticClass:"bg-gray-700 rounded-t text-gray-100 py-2"},[_vm._v("Audio")]),_vm._v(" "),_vm._l((_vm.items.audio),function(item){return _c('a',{staticClass:"my-1.5 rounded bg-gradient-to-r from-pink-500 via-pink-600 to-pink-700 shadow block font-extrabold px-2 py-2 text-gray-100 hover:from-red-500 hover:to-purple-400",attrs:{"target":"_blank","href":item.url}},[_vm._v("Download "+_vm._s(item.title)+"."+_vm._s(item.format))])})],2):_vm._e(),_vm._v(" "),(_vm.items.text && _vm.items.text.length)?_c('div',{staticClass:"mx-0.5 mb-3"},[_c('h4',{staticClass:"bg-gray-700 rounded-t text-gray-100 py-2"},[_vm._v("Text/Subtitles")]),_vm._v(" "),_vm._l((_vm.items.text),function(item){return _c('a',{staticClass:"my-1.5 rounded bg-gradient-to-r from-pink-500 via-pink-600 to-pink-700 shadow block font-extrabold px-2 py-2 text-gray-100 hover:from-red-500 hover:to-purple-400",attrs:{"target":"_blank","href":item.url}},[_vm._v("Download "+_vm._s(item.title)+"."+_vm._s(item.format))])})],2):_vm._e()])])])},
     staticRenderFns: [],
@@ -28,3 +28,3 @@ props: ['sourceUrl', 'previewImage', 'previewVideo', 'attributes', 'items']
     var AnyDownloader = {
-    render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"my-10"},[_c('div',{staticClass:"relative text-gray-700"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.url),expression:"url"}],staticClass:"w-full h-10 pl-3 pr-8 text-base placeholder-gray-600 border rounded-lg focus:shadow-outline",attrs:{"type":"text","placeholder":_vm.inputPlaceholder},domProps:{"value":(_vm.url)},on:{"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.get.apply(null, arguments)},"input":function($event){if($event.target.composing){ return; }_vm.url=$event.target.value;}}}),_vm._v(" "),_c('button',{staticClass:"absolute outline-none inset-y-0 right-0 flex items-center px-4 font-bold text-white bg-pink-700 rounded-r-lg border-pink-100 hover:bg-pink-500 focus:bg-pink-600",attrs:{"disabled":_vm.isLoading},on:{"click":_vm.get}},[(_vm.isLoading)?_c('svg',{staticClass:"animate-spin -ml-1 mr-3 h-5 w-5 text-white",attrs:{"xmlns":"http://www.w3.org/2000/svg","fill":"none","viewBox":"0 0 24 24"}},[_c('circle',{staticClass:"opacity-25",attrs:{"cx":"12","cy":"12","r":"10","stroke":"currentColor","stroke-width":"4"}}),_vm._v(" "),_c('path',{staticClass:"opacity-75",attrs:{"fill":"currentColor","d":"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"}})]):_vm._e(),_vm._v("\n            "+_vm._s(_vm.btnText)+"\n        ")])]),_vm._v(" "),(_vm.resource)?_c('resource-preview',_vm._b({key:_vm.resource.sourceUrl},'resource-preview',_vm.resource,false)):_vm._e()],1)},
+    render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"my-10 any-downloader-wrapper"},[_c('div',{staticClass:"relative text-gray-700 any-downloader-form-wrapper"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.url),expression:"url"}],staticClass:"w-full h-10 pl-3 pr-8 text-base placeholder-gray-600 border rounded-lg outline-none any-downloader-input",attrs:{"type":"text","placeholder":_vm.inputPlaceholder},domProps:{"value":(_vm.url)},on:{"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.get.apply(null, arguments)},"input":function($event){if($event.target.composing){ return; }_vm.url=$event.target.value;}}}),_vm._v(" "),_c('button',{staticClass:"absolute outline-none inset-y-0 right-0 flex items-center px-4 font-bold text-white bg-pink-700 rounded-r-lg border-pink-100 hover:bg-pink-500 focus:bg-pink-600 any-downloader-btn",attrs:{"disabled":_vm.isLoading},on:{"click":_vm.get}},[(_vm.isLoading)?_c('svg',{staticClass:"animate-spin -ml-1 mr-3 h-5 w-5 text-white",attrs:{"xmlns":"http://www.w3.org/2000/svg","fill":"none","viewBox":"0 0 24 24"}},[_c('circle',{staticClass:"opacity-25",attrs:{"cx":"12","cy":"12","r":"10","stroke":"currentColor","stroke-width":"4"}}),_vm._v(" "),_c('path',{staticClass:"opacity-75",attrs:{"fill":"currentColor","d":"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"}})]):_vm._e(),_vm._v("\n            "+_vm._s(_vm.btnText)+"\n        ")])]),_vm._v(" "),(_vm.resource)?_c('resource-preview',_vm._b({key:_vm.resource.sourceUrl},'resource-preview',_vm.resource,false)):_vm._e()],1)},
     staticRenderFns: [],
@@ -56,3 +56,3 @@ components: {ResourcePreview: ResourcePreview},
                 this.isLoading = true;
-                window.axios.get(this.apiUrl, {params: {url: this.url}})
+                axios.get(this.apiUrl, {params: {url: this.url}})
                     .then(function (res) {
@@ -73,3 +73,3 @@ this$1$1.resource = new Resource(res.data.data);
 
-    exports.default = AnyDownloader;
+    exports['default'] = AnyDownloader;
 
@@ -76,0 +76,0 @@ Object.defineProperty(exports, '__esModule', { value: true });

dist/index.js

@@ -10,3 +10,3 @@ (function (global, factory) {
     var ResourcePreview = {
-    render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"mt-12 flex items-center justify-center flex-wrap"},[_c('div',{staticClass:"rounded-t bg-gray-700 w-full bg-cover bg-blend-soft-light",style:({backgroundImage: 'url(' + _vm.previewImage.url + ')'})},[(_vm.previewVideo && _vm.previewVideo.url)?_c('video',{staticClass:"rounded m-auto max-h-3/5-screen",attrs:{"poster":(_vm.previewImage && _vm.previewImage.url) ? _vm.previewImage.url : false,"controls":"true"}},[_c('source',{attrs:{"src":_vm.previewVideo.url}})]):_vm._e(),_vm._v(" "),((!_vm.previewVideo || !_vm.previewVideo.url) && _vm.previewImage && _vm.previewImage.url)?_c('img',{staticClass:"rounded-t",attrs:{"src":_vm.previewImage.url}}):_vm._e()]),_vm._v(" "),_c('div',{staticClass:"bg-white text-black rounded-b p-6 w-full"},[(_vm.attributes.author)?_c('p',{staticClass:"text-sm text-center pb-2"},[(_vm.attributes.author.avatar && _vm.attributes.author.avatar.url)?_c('img',{staticClass:"rounded-full w-12 h-12 inline",attrs:{"alt":_vm.attributes.author.nickname,"src":_vm.attributes.author.avatar.url}}):_vm._e(),_vm._v("\n            "+_vm._s(_vm.attributes.author.full_name)+"\n        ")]):_vm._e(),_vm._v(" "),(_vm.attributes.title)?_c('p',{staticClass:"text-lg pb-2"},[_vm._v("\n            "+_vm._s(_vm.attributes.title)+"\n        ")]):_vm._e(),_vm._v(" "),(_vm.attributes.text)?_c('p',[_vm._v("\n            "+_vm._s(_vm.attributes.text)+"\n        ")]):_vm._e(),_vm._v(" "),(_vm.attributes.hashtags && _vm.attributes.hashtags.length)?_c('p',[_vm._v("\n            "+_vm._s(_vm.attributes.hashtags.map( function (v) { return '#' + v; }).join(', '))+"\n        ")]):_vm._e(),_vm._v(" "),_c('div',{staticClass:"flex mt-6 justify-center flex-wrap"},[(_vm.items.video && _vm.items.video.length)?_c('div',{staticClass:"mx-0.5 mb-3"},[_c('h4',{staticClass:"bg-gray-700 rounded-t text-gray-100 py-2"},[_vm._v("Videos")]),_vm._v(" "),_vm._l((_vm.items.video),function(item){return _c('a',{staticClass:"my-1.5 rounded bg-gradient-to-r from-pink-500 via-pink-600 to-pink-700 shadow hover:from-red-500 hover:to-purple-400 block font-extrabold px-2 py-2 text-gray-100",attrs:{"target":"_blank","href":item.url}},[_vm._v("Download "+_vm._s(item.title)+"."+_vm._s(item.format))])})],2):_vm._e(),_vm._v(" "),(_vm.items.image && _vm.items.image.length)?_c('div',{staticClass:"mx-0.5 mb-3"},[_c('h4',{staticClass:"bg-gray-700 rounded-t text-gray-100 py-2"},[_vm._v("Images")]),_vm._v(" "),_vm._l((_vm.items.image),function(item){return _c('a',{staticClass:"my-1.5 rounded bg-gradient-to-r from-pink-500 via-pink-600 to-pink-700 shadow hover:from-red-500 hover:to-purple-400 block font-extrabold px-2 py-2 text-gray-100",attrs:{"target":"_blank","href":item.url}},[_vm._v("Download "+_vm._s(item.title)+"."+_vm._s(item.format))])})],2):_vm._e(),_vm._v(" "),(_vm.items.audio && _vm.items.audio.length)?_c('div',{staticClass:"mx-0.5 mb-3"},[_c('h4',{staticClass:"bg-gray-700 rounded-t text-gray-100 py-2"},[_vm._v("Audio")]),_vm._v(" "),_vm._l((_vm.items.audio),function(item){return _c('a',{staticClass:"my-1.5 rounded bg-gradient-to-r from-pink-500 via-pink-600 to-pink-700 shadow hover:from-red-500 hover:to-purple-400 block font-extrabold px-2 py-2 text-gray-100",attrs:{"target":"_blank","href":item.url}},[_vm._v("Download "+_vm._s(item.title)+"."+_vm._s(item.format))])})],2):_vm._e(),_vm._v(" "),(_vm.items.text && _vm.items.text.length)?_c('div',{staticClass:"mx-0.5 mb-3"},[_c('h4',{staticClass:"bg-gray-700 rounded-t text-gray-100 py-2"},[_vm._v("Text/Subtitles")]),_vm._v(" "),_vm._l((_vm.items.text),function(item){return _c('a',{staticClass:"my-1.5 rounded bg-gradient-to-r from-pink-500 via-pink-600 to-pink-700 shadow hover:from-red-500 hover:to-purple-400 block font-extrabold px-2 py-2 text-gray-100",attrs:{"target":"_blank","href":item.url}},[_vm._v("Download "+_vm._s(item.title)+"."+_vm._s(item.format))])})],2):_vm._e()])])])},
+    render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"mt-12 flex items-center justify-center flex-wrap any-downloader-resource-preview-wrapper"},[_c('div',{staticClass:"any-downloader-resource-preview-heading any-downloader-resource-preview-heading",style:({backgroundImage: 'url(' + _vm.previewImage.url + ')'})},[(_vm.previewVideo && _vm.previewVideo.url)?_c('video',{staticClass:"rounded m-auto max-h-3/5-screen",attrs:{"poster":(_vm.previewImage && _vm.previewImage.url) ? _vm.previewImage.url : false,"controls":"true"}},[_c('source',{attrs:{"src":_vm.previewVideo.url}})]):_vm._e(),_vm._v(" "),((!_vm.previewVideo || !_vm.previewVideo.url) && _vm.previewImage && _vm.previewImage.url)?_c('img',{staticClass:"rounded-t",attrs:{"src":_vm.previewImage.url}}):_vm._e()]),_vm._v(" "),_c('div',{staticClass:"bg-white text-black rounded-b p-6 w-full any-downloader-resource-preview-body-wrapper"},[(_vm.attributes.author)?_c('p',{staticClass:"text-sm text-center pb-2 any-downloader-resource-preview-author"},[(_vm.attributes.author.avatar && _vm.attributes.author.avatar.url)?_c('img',{staticClass:"rounded-full w-12 h-12 inline any-downloader-resource-preview-author-avatar",attrs:{"alt":_vm.attributes.author.nickname,"src":_vm.attributes.author.avatar.url}}):_vm._e(),_vm._v("\n            "+_vm._s(_vm.attributes.author.full_name)+"\n        ")]):_vm._e(),_vm._v(" "),(_vm.attributes.title)?_c('p',{staticClass:"text-lg pb-2 any-downloader-resource-preview-title"},[_vm._v("\n            "+_vm._s(_vm.attributes.title)+"\n        ")]):_vm._e(),_vm._v(" "),(_vm.attributes.text)?_c('p',[_vm._v("\n            "+_vm._s(_vm.attributes.text)+"\n        ")]):_vm._e(),_vm._v(" "),(_vm.attributes.hashtags && _vm.attributes.hashtags.length)?_c('p',[_vm._v("\n            "+_vm._s(_vm.attributes.hashtags.map( function (v) { return '#' + v; }).join(', '))+"\n        ")]):_vm._e(),_vm._v(" "),_c('div',{staticClass:"flex mt-6 justify-center flex-wrap any-downloader-resource-preview-resources-list"},[(_vm.items.video && _vm.items.video.length)?_c('div',{staticClass:"mx-0.5 mb-3"},[_c('h4',{staticClass:"bg-gray-700 rounded-t text-gray-100 py-2"},[_vm._v("Videos")]),_vm._v(" "),_vm._l((_vm.items.video),function(item){return _c('a',{staticClass:"my-1.5 rounded bg-gradient-to-r from-pink-500 via-pink-600 to-pink-700 shadow block font-extrabold px-2 py-2 text-gray-100 hover:from-red-500 hover:to-purple-400",attrs:{"target":"_blank","href":item.url}},[_vm._v("Download "+_vm._s(item.title)+"."+_vm._s(item.format))])})],2):_vm._e(),_vm._v(" "),(_vm.items.image && _vm.items.image.length)?_c('div',{staticClass:"mx-0.5 mb-3"},[_c('h4',{staticClass:"bg-gray-700 rounded-t text-gray-100 py-2"},[_vm._v("Images")]),_vm._v(" "),_vm._l((_vm.items.image),function(item){return _c('a',{staticClass:"my-1.5 rounded bg-gradient-to-r from-pink-500 via-pink-600 to-pink-700 shadow block font-extrabold px-2 py-2 text-gray-100 hover:from-red-500 hover:to-purple-400",attrs:{"target":"_blank","href":item.url}},[_vm._v("Download "+_vm._s(item.title)+"."+_vm._s(item.format))])})],2):_vm._e(),_vm._v(" "),(_vm.items.audio && _vm.items.audio.length)?_c('div',{staticClass:"mx-0.5 mb-3"},[_c('h4',{staticClass:"bg-gray-700 rounded-t text-gray-100 py-2"},[_vm._v("Audio")]),_vm._v(" "),_vm._l((_vm.items.audio),function(item){return _c('a',{staticClass:"my-1.5 rounded bg-gradient-to-r from-pink-500 via-pink-600 to-pink-700 shadow block font-extrabold px-2 py-2 text-gray-100 hover:from-red-500 hover:to-purple-400",attrs:{"target":"_blank","href":item.url}},[_vm._v("Download "+_vm._s(item.title)+"."+_vm._s(item.format))])})],2):_vm._e(),_vm._v(" "),(_vm.items.text && _vm.items.text.length)?_c('div',{staticClass:"mx-0.5 mb-3"},[_c('h4',{staticClass:"bg-gray-700 rounded-t text-gray-100 py-2"},[_vm._v("Text/Subtitles")]),_vm._v(" "),_vm._l((_vm.items.text),function(item){return _c('a',{staticClass:"my-1.5 rounded bg-gradient-to-r from-pink-500 via-pink-600 to-pink-700 shadow block font-extrabold px-2 py-2 text-gray-100 hover:from-red-500 hover:to-purple-400",attrs:{"target":"_blank","href":item.url}},[_vm._v("Download "+_vm._s(item.title)+"."+_vm._s(item.format))])})],2):_vm._e()])])])},
     staticRenderFns: [],
@@ -31,3 +31,3 @@ props: ['sourceUrl', 'previewImage', 'previewVideo', 'attributes', 'items']
     var AnyDownloader = {
-    render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"my-10"},[_c('div',{staticClass:"relative text-gray-700"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.url),expression:"url"}],staticClass:"w-full h-10 pl-3 pr-8 text-base placeholder-gray-600 border rounded-lg focus:shadow-outline",attrs:{"type":"text","placeholder":_vm.inputPlaceholder},domProps:{"value":(_vm.url)},on:{"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.get.apply(null, arguments)},"input":function($event){if($event.target.composing){ return; }_vm.url=$event.target.value;}}}),_vm._v(" "),_c('button',{staticClass:"absolute outline-none inset-y-0 right-0 flex items-center px-4 font-bold text-white bg-pink-700 rounded-r-lg border-pink-100 hover:bg-pink-500 focus:bg-pink-600",attrs:{"disabled":_vm.isLoading},on:{"click":_vm.get}},[(_vm.isLoading)?_c('svg',{staticClass:"animate-spin -ml-1 mr-3 h-5 w-5 text-white",attrs:{"xmlns":"http://www.w3.org/2000/svg","fill":"none","viewBox":"0 0 24 24"}},[_c('circle',{staticClass:"opacity-25",attrs:{"cx":"12","cy":"12","r":"10","stroke":"currentColor","stroke-width":"4"}}),_vm._v(" "),_c('path',{staticClass:"opacity-75",attrs:{"fill":"currentColor","d":"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"}})]):_vm._e(),_vm._v("\n            "+_vm._s(_vm.btnText)+"\n        ")])]),_vm._v(" "),(_vm.resource)?_c('resource-preview',_vm._b({key:_vm.resource.sourceUrl},'resource-preview',_vm.resource,false)):_vm._e()],1)},
+    render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"my-10 any-downloader-wrapper"},[_c('div',{staticClass:"relative text-gray-700 any-downloader-form-wrapper"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.url),expression:"url"}],staticClass:"w-full h-10 pl-3 pr-8 text-base placeholder-gray-600 border rounded-lg outline-none any-downloader-input",attrs:{"type":"text","placeholder":_vm.inputPlaceholder},domProps:{"value":(_vm.url)},on:{"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.get.apply(null, arguments)},"input":function($event){if($event.target.composing){ return; }_vm.url=$event.target.value;}}}),_vm._v(" "),_c('button',{staticClass:"absolute outline-none inset-y-0 right-0 flex items-center px-4 font-bold text-white bg-pink-700 rounded-r-lg border-pink-100 hover:bg-pink-500 focus:bg-pink-600 any-downloader-btn",attrs:{"disabled":_vm.isLoading},on:{"click":_vm.get}},[(_vm.isLoading)?_c('svg',{staticClass:"animate-spin -ml-1 mr-3 h-5 w-5 text-white",attrs:{"xmlns":"http://www.w3.org/2000/svg","fill":"none","viewBox":"0 0 24 24"}},[_c('circle',{staticClass:"opacity-25",attrs:{"cx":"12","cy":"12","r":"10","stroke":"currentColor","stroke-width":"4"}}),_vm._v(" "),_c('path',{staticClass:"opacity-75",attrs:{"fill":"currentColor","d":"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"}})]):_vm._e(),_vm._v("\n            "+_vm._s(_vm.btnText)+"\n        ")])]),_vm._v(" "),(_vm.resource)?_c('resource-preview',_vm._b({key:_vm.resource.sourceUrl},'resource-preview',_vm.resource,false)):_vm._e()],1)},
     staticRenderFns: [],
@@ -59,3 +59,3 @@ components: {ResourcePreview: ResourcePreview},
                 this.isLoading = true;
-                window.axios.get(this.apiUrl, {params: {url: this.url}})
+                axios.get(this.apiUrl, {params: {url: this.url}})
                     .then(function (res) {
@@ -62,0 +62,0 @@ this$1$1.resource = new Resource(res.data.data);

package.json

@@ -5,3 +5,3 @@ {
   "license": "MIT",
-  "version": "0.0.9",
+  "version": "0.1.0",
   "keywords": [
@@ -27,9 +27,16 @@ "downloader",
     "@rollup/plugin-commonjs": "^19.0.2",
+    "postcss-import": "^14.0.2",
     "rollup": "^2.54.0",
     "rollup-plugin-async": "^1.2.0",
-    "rollup-plugin-vue2": "^0.8.1"
+    "rollup-plugin-postcss": "^4.0.0",
+    "rollup-plugin-vue2": "^0.8.1",
+    "tailwindcss": "^2.2.7"
   },
   "scripts": {
     "build": "rollup -c"
+  },
+  "dependencies": {
+    "@fullhuman/postcss-purgecss": "^4.0.3",
+    "autoprefixer": "^10.3.1"
   }
-}
+}

No alert changes

Improved metrics

Total package byte prevSize

1416942

increased by0.03%

Lines of code

208

increased by0.97%

Worsened metrics

Dependency count

2

increased byInfinity%

Dev dependency count

8

increased by60%

Dependency changes

• + Added@fullhuman/postcss-purgecss@^4.0.3

• + Addedautoprefixer@^10.3.1

• + Added@fullhuman/postcss-purgecss@4.1.3(transitive)

• + Addedautoprefixer@10.4.19(transitive)

• + Addedbalanced-match@1.0.2(transitive)

• + Addedbrace-expansion@1.1.11(transitive)

• + Addedbrowserslist@4.23.0(transitive)

• + Addedcaniuse-lite@1.0.30001625(transitive)

• + Addedcommander@8.3.0(transitive)

• + Addedconcat-map@0.0.1(transitive)

• + Addedcssesc@3.0.0(transitive)

• + Addedelectron-to-chromium@1.4.787(transitive)

• + Addedescalade@3.1.2(transitive)

• + Addedfraction.js@4.3.7(transitive)

• + Addedfs.realpath@1.0.0(transitive)

• + Addedglob@7.2.3(transitive)

• + Addedinflight@1.0.6(transitive)

• + Addedinherits@2.0.4(transitive)

• + Addedminimatch@3.1.2(transitive)

• + Addednanoid@3.3.7(transitive)

• + Addednode-releases@2.0.14(transitive)

• + Addednormalize-range@0.1.2(transitive)

• + Addedonce@1.4.0(transitive)

• + Addedpath-is-absolute@1.0.1(transitive)

• + Addedpicocolors@1.0.1(transitive)

• + Addedpostcss@8.4.38(transitive)

• + Addedpostcss-selector-parser@6.1.0(transitive)

• + Addedpostcss-value-parser@4.2.0(transitive)

• + Addedpurgecss@4.1.3(transitive)

• + Addedsource-map-js@1.2.0(transitive)

• + Addedupdate-browserslist-db@1.0.16(transitive)

• + Addedutil-deprecate@1.0.2(transitive)

• + Addedwrappy@1.0.2(transitive)