@lite-embed/vue - npm Package Compare versions

Comparing version 0.0.0 to 1.0.0-canary.0

dist/lite-embed-vue.es.js

 import { defineComponent, useCssVars, openBlock, createElementBlock, renderSlot, createElementVNode, ref, onMounted, createBlock, unref, withCtx, createVNode } from 'vue';
-import { getYouTubeId, getVimeoPlayerOptions, warmVimeoConnections, canUseWebP, getYoutubePlayerOptions, warmYoutubeConnections } from '@lite-embed/utils';
+import { getVimeoId, getVimeoPlayerOptions, getVimeoPosterUrl, warmVimeoConnections, getYouTubeId, getYoutubePlayerOptions, warmYoutubeConnections } from '@lite-embed/utils';
 
@@ -124,3 +124,3 @@ var aspectRatio_vue_vue_type_style_index_0_scoped_true_lang = '';
       type: String,
-      default: "hqdefault",
+      default: "640x480",
       required: false
@@ -139,3 +139,3 @@ },
     let posterUrl = ref("");
-    let videoId = decodeURIComponent(getYouTubeId(props.urlOrId));
+    let videoId = decodeURIComponent(getVimeoId(props.urlOrId));
     let vimeoUrl = `https://player.vimeo.com/video/${videoId}?h=${Math.random()}`;
@@ -162,11 +162,7 @@ let iframeSrc = getVimeoPlayerOptions({
     onMounted(() => {
-      const getPosterUrl = async () => {
-        if (typeof props.customThumbnail === "string") {
-          return props.customThumbnail;
-        }
-        let result = await fetch(`https://vimeo.com/api/oembed.json?url=https%3A//vimeo.com/${videoId}`).then((res) => res.json());
-        let thumbnailUrl = result?.thumbnail_url || "";
-        return `${thumbnailUrl.replace(/\d+x\d+/, props.poster)}.${canUseWebP() ? "webp" : "jpg"}`;
-      };
-      getPosterUrl().then((url) => {
+      getVimeoPosterUrl({
+        videoId,
+        customThumbnail: props.customThumbnail,
+        poster: props.poster
+      }).then((url) => {
         posterUrl.value = url;
@@ -205,3 +201,3 @@ });
 });
-var vimeoLite = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-6cd2c374"]]);
+var vimeoLite = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-4a535bfa"]]);
 
@@ -208,0 +204,0 @@ const _sfc_main$1 = {};

dist/lite-embed-vue.umd.js

@@ -1,2 +0,2 @@
-(function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@lite-embed/utils")):typeof define=="function"&&define.amd?define(["exports","vue","@lite-embed/utils"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a.YoutubeLite={},a.Vue,a.utils))})(this,function(a,e,i){"use strict";var j="",c=(r,t)=>{const o=r.__vccOpts||r;for(const[n,l]of t)o[n]=l;return o};const g={"data-le":"aspect-ratio"},b=e.defineComponent({props:{aspectRatio:{type:[Number,String],default:16/9,validator(r){return!isNaN(parseFloat(r))},required:!1}},setup(r){return e.useCssVars(t=>({"4de714e6":r.aspectRatio})),(t,o)=>(e.openBlock(),e.createElementBlock("div",g,[e.renderSlot(t.$slots,"default",{},void 0,!0)]))}});var y=c(b,[["__scopeId","data-v-c3f74eec"]]),M="";const k={"data-le":"aspect-ratio-item"};var h=c(e.defineComponent({props:{backgroundImage:{type:String,default:"",required:!0}},setup(r){return e.useCssVars(t=>({"7078be1c":r.backgroundImage})),(t,o)=>(e.openBlock(),e.createElementBlock("div",k,[e.renderSlot(t.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-54c8e589"]]);const w={},$={viewBox:"0 0 20 20",preserveAspectRatio:"xMidYMid",width:"1em",height:"1em",xmlns:"http://www.w3.org/2000/svg"},B=[e.createElementVNode("path",{fill:"currentColor",d:"m1 0 19 10L1 20z"},null,-1)];function C(r,t){return e.openBlock(),e.createElementBlock("svg",$,B)}var N=c(w,[["render",C]]),z="";const q=["title","src"],I={key:1,type:"button","data-le":"vimeo-play-button","aria-label":"Play"},x=e.defineComponent({props:{urlOrId:{type:String,required:!0},adNetwork:{type:Boolean,default:!1,required:!1},aspectRatio:{type:[Number,String],default:16/9,validator(r){return!isNaN(parseFloat(r))},required:!1},customThumbnail:{type:String,required:!1},playerParameters:{type:Object,default:()=>({}),required:!1},poster:{type:String,default:"hqdefault",required:!1},title:{type:String,default:"Vue Vimeo Lite",required:!1}},setup(r){const t=r;let o=e.ref(!1),n=e.ref(!1),l=e.ref(""),u=decodeURIComponent(i.getYouTubeId(t.urlOrId)),p=`https://player.vimeo.com/video/${u}?h=${Math.random()}`,f=i.getVimeoPlayerOptions({url:p,adNetwork:t.adNetwork,...t.playerParameters});const _=()=>i.warmVimeoConnections({preconnected:o.value,setPreconnected:d=>{o.value=d},adNetwork:t.adNetwork}),m=()=>{n.value||(n.value=!0)};return e.onMounted(()=>{(async()=>typeof t.customThumbnail=="string"?t.customThumbnail:`${((await fetch(`https://vimeo.com/api/oembed.json?url=https%3A//vimeo.com/${u}`).then(Y=>Y.json()))?.thumbnail_url||"").replace(/\d+x\d+/,t.poster)}.${i.canUseWebP()?"webp":"jpg"}`)().then(s=>{l.value=s})}),(d,s)=>(e.openBlock(),e.createBlock(e.unref(y),{"aspect-ratio":r.aspectRatio,onPointerover:_,onClick:m},{default:e.withCtx(()=>[e.createVNode(e.unref(h),{"background-image":`url(${e.unref(l)})`},{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createElementBlock("iframe",{key:0,"data-le":"iframe",title:d.$props.title,src:e.unref(f),allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""},null,8,q)):(e.openBlock(),e.createElementBlock("button",I,[e.createVNode(N,{"data-le":"vimeo-play-icon"})]))]),_:1},8,["background-image"])]),_:1},8,["aspect-ratio"]))}});var S=c(x,[["__scopeId","data-v-6cd2c374"]]);const P={},V={viewBox:"0 0 68 48",width:"1em",height:"1em",xmlns:"http://www.w3.org/2000/svg"},v=[e.createElementVNode("path",{d:"M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z",fill:"currentColor"},null,-1),e.createElementVNode("path",{d:"M45 24 27 14v20",fill:"#fff"},null,-1)];function R(r,t){return e.openBlock(),e.createElementBlock("svg",V,v)}var T=c(P,[["render",R]]),G="";const U=["title","src"],E=e.defineComponent({props:{urlOrId:{type:String,required:!0},adNetwork:{type:Boolean,default:!1,required:!1},aspectRatio:{type:[Number,String],default:16/9,validator(r){return!isNaN(parseFloat(r))},required:!1},customThumbnail:{type:String,required:!1},noCookie:{type:Boolean,default:!1,required:!1},playerParameters:{type:Object,default:()=>({}),required:!1},playlist:{type:Boolean,default:!1,required:!1},poster:{type:String,default:"hqdefault",required:!1},title:{type:String,default:"Vue YouTube Lite",required:!1}},setup(r){const t=r;let o=e.ref(!1),n=e.ref(!1),l=decodeURIComponent(i.getYouTubeId(t.urlOrId)),u=t.customThumbnail?t.customThumbnail:`https://i.ytimg.com/vi/${l}/${t.poster}.jpg`,p=t.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com",f=t.playlist?`${p}/embed/videoseries`:`${p}/embed/${l}`,_=i.getYoutubePlayerOptions({url:f,videoId:l,isPlaylist:t.playlist,...t.playerParameters});const m=()=>i.warmYoutubeConnections({preconnected:o.value,setPreconnected:s=>{o.value=s},adNetwork:t.adNetwork}),d=()=>{n.value||(n.value=!0)};return(s,O)=>(e.openBlock(),e.createBlock(e.unref(y),{"aspect-ratio":r.aspectRatio,onPointerover:m,onClick:d},{default:e.withCtx(()=>[e.createVNode(e.unref(h),{"background-image":`url(${e.unref(u)})`},{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createElementBlock("iframe",{key:0,"data-le":"iframe",title:s.$props.title,src:e.unref(_)},null,8,U)):(e.openBlock(),e.createBlock(T,{key:1,"data-le":"icon"}))]),_:1},8,["background-image"])]),_:1},8,["aspect-ratio"]))}});var L=c(E,[["__scopeId","data-v-2ad0ec33"]]);a.VimeoLite=S,a.YoutubeLite=L,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@lite-embed/utils")):typeof define=="function"&&define.amd?define(["exports","vue","@lite-embed/utils"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a.YoutubeLite={},a.Vue,a.utils))})(this,function(a,e,i){"use strict";var M="",c=(r,t)=>{const o=r.__vccOpts||r;for(const[n,l]of t)o[n]=l;return o};const g={"data-le":"aspect-ratio"},k=e.defineComponent({props:{aspectRatio:{type:[Number,String],default:16/9,validator(r){return!isNaN(parseFloat(r))},required:!1}},setup(r){return e.useCssVars(t=>({"4de714e6":r.aspectRatio})),(t,o)=>(e.openBlock(),e.createElementBlock("div",g,[e.renderSlot(t.$slots,"default",{},void 0,!0)]))}});var y=c(k,[["__scopeId","data-v-c3f74eec"]]),U="";const b={"data-le":"aspect-ratio-item"};var h=c(e.defineComponent({props:{backgroundImage:{type:String,default:"",required:!0}},setup(r){return e.useCssVars(t=>({"7078be1c":r.backgroundImage})),(t,o)=>(e.openBlock(),e.createElementBlock("div",b,[e.renderSlot(t.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-54c8e589"]]);const w={},$={viewBox:"0 0 20 20",preserveAspectRatio:"xMidYMid",width:"1em",height:"1em",xmlns:"http://www.w3.org/2000/svg"},B=[e.createElementVNode("path",{fill:"currentColor",d:"m1 0 19 10L1 20z"},null,-1)];function C(r,t){return e.openBlock(),e.createElementBlock("svg",$,B)}var N=c(w,[["render",C]]),A="";const I=["title","src"],q={key:1,type:"button","data-le":"vimeo-play-button","aria-label":"Play"},x=e.defineComponent({props:{urlOrId:{type:String,required:!0},adNetwork:{type:Boolean,default:!1,required:!1},aspectRatio:{type:[Number,String],default:16/9,validator(r){return!isNaN(parseFloat(r))},required:!1},customThumbnail:{type:String,required:!1},playerParameters:{type:Object,default:()=>({}),required:!1},poster:{type:String,default:"640x480",required:!1},title:{type:String,default:"Vue Vimeo Lite",required:!1}},setup(r){const t=r;let o=e.ref(!1),n=e.ref(!1),l=e.ref(""),d=decodeURIComponent(i.getVimeoId(t.urlOrId)),u=`https://player.vimeo.com/video/${d}?h=${Math.random()}`,f=i.getVimeoPlayerOptions({url:u,adNetwork:t.adNetwork,...t.playerParameters});const _=()=>i.warmVimeoConnections({preconnected:o.value,setPreconnected:s=>{o.value=s},adNetwork:t.adNetwork}),m=()=>{n.value||(n.value=!0)};return e.onMounted(()=>{i.getVimeoPosterUrl({videoId:d,customThumbnail:t.customThumbnail,poster:t.poster}).then(s=>{l.value=s})}),(s,p)=>(e.openBlock(),e.createBlock(e.unref(y),{"aspect-ratio":r.aspectRatio,onPointerover:_,onClick:m},{default:e.withCtx(()=>[e.createVNode(e.unref(h),{"background-image":`url(${e.unref(l)})`},{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createElementBlock("iframe",{key:0,"data-le":"iframe",title:s.$props.title,src:e.unref(f),allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""},null,8,I)):(e.openBlock(),e.createElementBlock("button",q,[e.createVNode(N,{"data-le":"vimeo-play-icon"})]))]),_:1},8,["background-image"])]),_:1},8,["aspect-ratio"]))}});var S=c(x,[["__scopeId","data-v-4a535bfa"]]);const V={},P={viewBox:"0 0 68 48",width:"1em",height:"1em",xmlns:"http://www.w3.org/2000/svg"},v=[e.createElementVNode("path",{d:"M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z",fill:"currentColor"},null,-1),e.createElementVNode("path",{d:"M45 24 27 14v20",fill:"#fff"},null,-1)];function R(r,t){return e.openBlock(),e.createElementBlock("svg",P,v)}var T=c(V,[["render",R]]),D="";const E=["title","src"],L=e.defineComponent({props:{urlOrId:{type:String,required:!0},adNetwork:{type:Boolean,default:!1,required:!1},aspectRatio:{type:[Number,String],default:16/9,validator(r){return!isNaN(parseFloat(r))},required:!1},customThumbnail:{type:String,required:!1},noCookie:{type:Boolean,default:!1,required:!1},playerParameters:{type:Object,default:()=>({}),required:!1},playlist:{type:Boolean,default:!1,required:!1},poster:{type:String,default:"hqdefault",required:!1},title:{type:String,default:"Vue YouTube Lite",required:!1}},setup(r){const t=r;let o=e.ref(!1),n=e.ref(!1),l=decodeURIComponent(i.getYouTubeId(t.urlOrId)),d=t.customThumbnail?t.customThumbnail:`https://i.ytimg.com/vi/${l}/${t.poster}.jpg`,u=t.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com",f=t.playlist?`${u}/embed/videoseries`:`${u}/embed/${l}`,_=i.getYoutubePlayerOptions({url:f,videoId:l,isPlaylist:t.playlist,...t.playerParameters});const m=()=>i.warmYoutubeConnections({preconnected:o.value,setPreconnected:p=>{o.value=p},adNetwork:t.adNetwork}),s=()=>{n.value||(n.value=!0)};return(p,G)=>(e.openBlock(),e.createBlock(e.unref(y),{"aspect-ratio":r.aspectRatio,onPointerover:m,onClick:s},{default:e.withCtx(()=>[e.createVNode(e.unref(h),{"background-image":`url(${e.unref(d)})`},{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createElementBlock("iframe",{key:0,"data-le":"iframe",title:p.$props.title,src:e.unref(_)},null,8,E)):(e.openBlock(),e.createBlock(T,{key:1,"data-le":"icon"}))]),_:1},8,["background-image"])]),_:1},8,["aspect-ratio"]))}});var O=c(L,[["__scopeId","data-v-2ad0ec33"]]);a.VimeoLite=S,a.YoutubeLite=O,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
 //# sourceMappingURL=lite-embed-vue.umd.js.map

package.json

 {
   "name": "@lite-embed/vue",
-  "version": "0.0.0",
+  "version": "1.0.0-canary.0",
   "description": "> TODO: description",
@@ -43,3 +43,3 @@ "homepage": "https://github.com/danestves/lite-embed#readme",
   "dependencies": {
-    "@lite-embed/utils": "0.0.0"
+    "@lite-embed/utils": "1.0.0-canary.0"
   },
@@ -51,3 +51,4 @@ "peerDependencies": {
     "access": "public"
-  }
+  },
+  "gitHead": "c757f9b7cd76f9ea496abb294ade5da8be897042"
 }

Fixed alerts

Network access

Supply chain risk

This module accesses the network.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

52512

decreased by-3.67%

Lines of code

648

decreased by-0.77%

Dependency changes

• + Added@lite-embed/utils@1.0.0-canary.0(transitive)

• - Removed@lite-embed/utils@0.0.0(transitive)

• Updated@lite-embed/utils@1.0.0-canary.0