@lite-embed/vue - npm Package Compare versions

Comparing version 1.0.0-canary.2 to 1.0.0-canary.3

dist/components/vimeo-lite/vimeo-lite.vue.d.ts

@@ -22,2 +22,3 @@ import type * as Vimeo from 'vimeo__player';
         type: StringConstructor;
+        default: string;
         required: false;
@@ -58,2 +59,3 @@ };
         type: StringConstructor;
+        default: string;
         required: false;
@@ -80,2 +82,3 @@ };
     adNetwork: boolean;
+    customThumbnail: string;
     poster: VimeoPosterQuality;
@@ -82,0 +85,0 @@ playerParameters: Omit<Vimeo.Options, "id" | "url">;

dist/components/youtube-lite/youtube-lite.vue.d.ts

@@ -21,2 +21,3 @@ import type { PropType } from 'vue';
         type: StringConstructor;
+        default: string;
         required: false;
@@ -89,2 +90,3 @@ };
         type: StringConstructor;
+        default: string;
         required: false;
@@ -143,2 +145,3 @@ };
     adNetwork: boolean;
+    customThumbnail: string;
     poster: PosterQuality;
@@ -145,0 +148,0 @@ playlist: boolean;

dist/lite-embed-vue.es.js

@@ -31,3 +31,3 @@ import { defineComponent, useCssVars, openBlock, createElementBlock, renderSlot, createElementVNode, ref, onMounted, createBlock, unref, withCtx, createVNode } from 'vue';
     useCssVars((_ctx) => ({
-      "bf53b45c": __props.aspectRatio
+      "effb57f2": __props.aspectRatio
     }));
@@ -41,3 +41,3 @@ return (_ctx, _cache) => {
 });
-var AspectRatio = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-02c8ac1c"]]);
+var AspectRatio = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-37142b54"]]);
 
@@ -57,3 +57,3 @@ var aspectRatioItem_vue_vue_type_style_index_0_scoped_true_lang = '';
     useCssVars((_ctx) => ({
-      "032b5a9c": __props.backgroundImage
+      "925ea200": __props.backgroundImage
     }));
@@ -67,3 +67,3 @@ return (_ctx, _cache) => {
 });
-var AspectRatioItem = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-b96b55ce"]]);
+var AspectRatioItem = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-3cfe7906"]]);
 
@@ -123,2 +123,3 @@ const _sfc_main$3 = {};
       type: String,
+      default: "",
       required: false
@@ -208,3 +209,3 @@ },
 });
-var vimeoLite = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-2288c342"]]);
+var vimeoLite = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-082bcbfe"]]);
 
@@ -270,2 +271,3 @@ const _sfc_main$1 = {};
       type: String,
+      default: "",
       required: false
@@ -330,5 +332,5 @@ },
         "aspect-ratio": __props.aspectRatio,
+        "data-testid": "",
         onClick: addIframe,
-        onPointerover: warmConnections,
-        "data-testid": ""
+        onPointerover: warmConnections
       }, {
@@ -358,5 +360,5 @@ default: withCtx(() => [
 });
-var youtubeLite = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-747c74ce"]]);
+var youtubeLite = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e35487e4"]]);
 
 export { vimeoLite as VimeoLite, youtubeLite as YoutubeLite };
 //# sourceMappingURL=lite-embed-vue.es.js.map

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,l){"use strict";var U="",c=(r,t)=>{const o=r.__vccOpts||r;for(const[n,i]of t)o[n]=i;return o};const b={"data-le":"aspect-ratio"},g=e.defineComponent({props:{aspectRatio:{type:[Number,String],default:16/9,validator(r){return typeof r=="number"?!isNaN(r):!isNaN(parseFloat(r))},required:!1}},setup(r){return e.useCssVars(t=>({bf53b45c:r.aspectRatio})),(t,o)=>(e.openBlock(),e.createElementBlock("div",b,[e.renderSlot(t.$slots,"default",{},void 0,!0)]))}});var y=c(g,[["__scopeId","data-v-02c8ac1c"]]),Y="";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=>({"032b5a9c":r.backgroundImage})),(t,o)=>(e.openBlock(),e.createElementBlock("div",k,[e.renderSlot(t.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-b96b55ce"]]);const w={},$={viewBox:"0 0 20 20",preserveAspectRatio:"xMidYMid",width:"1em",height:"1em",xmlns:"http://www.w3.org/2000/svg"},N=[e.createElementVNode("path",{fill:"currentColor",d:"m1 0 19 10L1 20z"},null,-1)];function B(r,t){return e.openBlock(),e.createElementBlock("svg",$,N)}var C=c(w,[["render",B]]),F="";const I=["title","src"],q={key:1,type:"button","data-le":"vimeo-play-button","aria-label":"Play","data-testid":"le-vi-button"},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),i=e.ref(""),d=decodeURIComponent(l.getVimeoId(t.urlOrId)),u=`https://player.vimeo.com/video/${d}?h=${Math.random()}`,f=l.getVimeoPlayerOptions({url:u,adNetwork:t.adNetwork,...t.playerParameters});const _=()=>l.warmVimeoConnections({preconnected:o.value,setPreconnected:s=>{o.value=s},adNetwork:t.adNetwork}),m=()=>{n.value||(n.value=!0)};return e.onMounted(()=>{l.getVimeoPosterUrl({videoId:d,customThumbnail:t.customThumbnail,poster:t.poster}).then(s=>{i.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(i)})`},{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:"","data-testid":"le-vi-iframe"},null,8,I)):(e.openBlock(),e.createElementBlock("button",q,[e.createVNode(C,{"data-le":"vimeo-play-icon"})]))]),_:1},8,["background-image"])]),_:1},8,["aspect-ratio"]))}});var S=c(x,[["__scopeId","data-v-2288c342"]]);const V={},P={viewBox:"0 0 68 48",width:"1em",height:"1em",xmlns:"http://www.w3.org/2000/svg"},R=[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 E(r,t){return e.openBlock(),e.createElementBlock("svg",P,R)}var T=c(V,[["render",E]]),G="";const v=["title","src"],L={key:1,class:"le-yt-button","data-testid":"le-yt-button",type:"button"},O=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 typeof r=="number"?!isNaN(r):!isNaN(parseFloat(r))},required:!1},customThumbnail:{type:String,required:!1},noCookie:{type:Boolean,default:!0,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),i=decodeURIComponent(l.getYouTubeId(t.urlOrId)),d=t.customThumbnail?t.customThumbnail:`https://i.ytimg.com/vi/${i}/${t.poster}.jpg`,u=t.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com",f=t.playlist?`${u}/embed/videoseries`:`${u}/embed/${i}`,_=l.getYoutubePlayerOptions({url:f,videoId:i,isPlaylist:t.playlist,...t.playerParameters});const m=()=>l.warmYoutubeConnections({preconnected:o.value,setPreconnected:p=>{o.value=p},adNetwork:t.adNetwork}),s=()=>{n.value||(n.value=!0)};return(p,H)=>(e.openBlock(),e.createBlock(e.unref(y),{"aspect-ratio":r.aspectRatio,onClick:s,onPointerover:m,"data-testid":""},{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,title:p.$props.title,src:e.unref(_),"data-le":"iframe","data-testid":"le-yt-iframe"},null,8,v)):(e.openBlock(),e.createElementBlock("button",L,[e.createVNode(T,{class:"le-yt-icon"})]))]),_:1},8,["background-image"])]),_:1},8,["aspect-ratio"]))}});var M=c(O,[["__scopeId","data-v-747c74ce"]]);a.VimeoLite=S,a.YoutubeLite=M,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,l){"use strict";var U="",c=(r,t)=>{const o=r.__vccOpts||r;for(const[n,i]of t)o[n]=i;return o};const b={"data-le":"aspect-ratio"},g=e.defineComponent({props:{aspectRatio:{type:[Number,String],default:16/9,validator(r){return typeof r=="number"?!isNaN(r):!isNaN(parseFloat(r))},required:!1}},setup(r){return e.useCssVars(t=>({effb57f2:r.aspectRatio})),(t,o)=>(e.openBlock(),e.createElementBlock("div",b,[e.renderSlot(t.$slots,"default",{},void 0,!0)]))}});var y=c(g,[["__scopeId","data-v-37142b54"]]),Y="";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=>({"925ea200":r.backgroundImage})),(t,o)=>(e.openBlock(),e.createElementBlock("div",k,[e.renderSlot(t.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-3cfe7906"]]);const w={},$={viewBox:"0 0 20 20",preserveAspectRatio:"xMidYMid",width:"1em",height:"1em",xmlns:"http://www.w3.org/2000/svg"},N=[e.createElementVNode("path",{fill:"currentColor",d:"m1 0 19 10L1 20z"},null,-1)];function B(r,t){return e.openBlock(),e.createElementBlock("svg",$,N)}var C=c(w,[["render",B]]),F="";const I=["title","src"],q={key:1,type:"button","data-le":"vimeo-play-button","aria-label":"Play","data-testid":"le-vi-button"},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,default:"",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),i=e.ref(""),d=decodeURIComponent(l.getVimeoId(t.urlOrId)),u=`https://player.vimeo.com/video/${d}?h=${Math.random()}`,f=l.getVimeoPlayerOptions({url:u,adNetwork:t.adNetwork,...t.playerParameters});const _=()=>l.warmVimeoConnections({preconnected:o.value,setPreconnected:s=>{o.value=s},adNetwork:t.adNetwork}),m=()=>{n.value||(n.value=!0)};return e.onMounted(()=>{l.getVimeoPosterUrl({videoId:d,customThumbnail:t.customThumbnail,poster:t.poster}).then(s=>{i.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(i)})`},{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:"","data-testid":"le-vi-iframe"},null,8,I)):(e.openBlock(),e.createElementBlock("button",q,[e.createVNode(C,{"data-le":"vimeo-play-icon"})]))]),_:1},8,["background-image"])]),_:1},8,["aspect-ratio"]))}});var S=c(x,[["__scopeId","data-v-082bcbfe"]]);const V={},P={viewBox:"0 0 68 48",width:"1em",height:"1em",xmlns:"http://www.w3.org/2000/svg"},R=[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 E(r,t){return e.openBlock(),e.createElementBlock("svg",P,R)}var T=c(V,[["render",E]]),G="";const v=["title","src"],L={key:1,class:"le-yt-button","data-testid":"le-yt-button",type:"button"},O=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 typeof r=="number"?!isNaN(r):!isNaN(parseFloat(r))},required:!1},customThumbnail:{type:String,default:"",required:!1},noCookie:{type:Boolean,default:!0,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),i=decodeURIComponent(l.getYouTubeId(t.urlOrId)),d=t.customThumbnail?t.customThumbnail:`https://i.ytimg.com/vi/${i}/${t.poster}.jpg`,u=t.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com",f=t.playlist?`${u}/embed/videoseries`:`${u}/embed/${i}`,_=l.getYoutubePlayerOptions({url:f,videoId:i,isPlaylist:t.playlist,...t.playerParameters});const m=()=>l.warmYoutubeConnections({preconnected:o.value,setPreconnected:p=>{o.value=p},adNetwork:t.adNetwork}),s=()=>{n.value||(n.value=!0)};return(p,H)=>(e.openBlock(),e.createBlock(e.unref(y),{"aspect-ratio":r.aspectRatio,"data-testid":"",onClick:s,onPointerover:m},{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,title:p.$props.title,src:e.unref(_),"data-le":"iframe","data-testid":"le-yt-iframe"},null,8,v)):(e.openBlock(),e.createElementBlock("button",L,[e.createVNode(T,{class:"le-yt-icon"})]))]),_:1},8,["background-image"])]),_:1},8,["aspect-ratio"]))}});var M=c(O,[["__scopeId","data-v-e35487e4"]]);a.VimeoLite=S,a.YoutubeLite=M,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
 //# sourceMappingURL=lite-embed-vue.umd.js.map

package.json

 {
   "name": "@lite-embed/vue",
-  "version": "1.0.0-canary.2",
+  "version": "1.0.0-canary.3",
   "description": "> TODO: description",
@@ -47,3 +47,3 @@ "homepage": "https://github.com/danestves/lite-embed#readme",
   "dependencies": {
-    "@lite-embed/utils": "1.0.0-canary.2"
+    "@lite-embed/utils": "1.0.0-canary.3"
   },
@@ -64,3 +64,3 @@ "devDependencies": {
   },
-  "gitHead": "597b5deaa76703e3dc4e0de1e50753f43a6b8bca"
+  "gitHead": "ec46a991c4439828a1c0c7c0b679195c221906b8"
 }

No alert changes

Improved metrics

Total package byte prevSize

54925

increased by0.39%

Lines of code

673

increased by1.2%

Dependency changes

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

• - Removed@lite-embed/utils@1.0.0-canary.2(transitive)

• - Removeddata-uri-to-buffer@4.0.1(transitive)

• - Removedfetch-blob@3.2.0(transitive)

• - Removedformdata-polyfill@4.0.10(transitive)

• - Removednode-domexception@1.0.0(transitive)

• - Removednode-fetch@3.3.2(transitive)

• - Removedweb-streams-polyfill@3.3.3(transitive)

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