@lite-embed/utils - npm Package Compare versions

Comparing version 0.3.1-canary.1 to 0.3.1-canary.2

dist/index.d.ts

 export { default as addPrefetch } from "./add-prefetch";
 export * from "./add-prefetch";
+export { default as canUseWebP } from "./can-use-webp";
+export * from "./can-use-webp";
+export { default as getThumbnailDimensions } from "./get-thumbnail-dimensions";
+export * from "./get-thumbnail-dimensions";
+export { default as getVimeoId } from "./get-vimeo-id";
+export * from "./get-vimeo-id";
+export { default as getVimeoPlayerOptions } from "./get-vimeo-player-options";
+export * from "./get-vimeo-player-options";
 export { default as getYouTubeId } from "./get-youtube-id";
 export * from "./get-youtube-id";
-export { default as getYoutubeVars } from "./get-youtube-vars";
-export * from "./get-youtube-vars";
+export { default as getYoutubePlayerOptions } from "./get-youtube-player-options";
+export * from "./get-youtube-player-options";
 //# sourceMappingURL=index.d.ts.map

dist/lite-embed-utils.cjs.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var n,i=((n=function(){return i}).toString=n.toLocaleString=n[Symbol.toPrimitive]=function(){return""},n.valueOf=function(){return!1},new Proxy(Object.freeze(n),{get:function(t,e){return t.hasOwnProperty(e)?t[e]:i}}));let a=global.document,o=typeof a<"u"?a:i;function d(t,e,u){if(o.querySelector(`link[rel="${t}"][href="${e}"]`))return;let r=o.createElement("link");r.setAttribute("rel",t),r.setAttribute("href",e),u&&r.setAttribute("as",u),o.head.appendChild(r)}function f(t){const e=t.split(/(vi\/|v%3D|v=|\/v\/|youtu\.be\/|\/embed\/)/);return e[2]!==void 0?e[2].split(/[^\w-]/i)[0]:e[0]}function s({url:t,videoId:e,isPlaylist:u,opts:l}){let r={...u?{list:e}:{autoplay:1},...l},c=new URLSearchParams(r);return`${t}?${c.toString()}`}exports.addPrefetch=d;exports.getYouTubeId=f;exports.getYoutubeVars=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var o,a=((o=function(){return a}).toString=o.toLocaleString=o[Symbol.toPrimitive]=function(){return""},o.valueOf=function(){return!1},new Proxy(Object.freeze(o),{get:function(e,t){return e.hasOwnProperty(t)?e[t]:a}}));let l=global.document,u=typeof l<"u"?l:a;function c(e,t,n){if(u.querySelector(`link[rel="${e}"][href="${t}"]`))return;let i=u.createElement("link");i.setAttribute("rel",e),i.setAttribute("href",t),n&&i.setAttribute("as",n),u.head.appendChild(i)}function d(){let e=u.createElement("canvas");return e.getContext&&e.getContext("2d")?e.toDataURL("image/webp").indexOf("data:image/webp")===0:!1}function m({height:e,width:t}){let n=e,r=t;return r%320!==0&&(r=Math.ceil(t/100)*100,n=Math.round(r/t*e)),{width:r,height:n}}function f(e){const t=e.split(/(https?:\/\/)?(www.)?(player.)?vimeo.com\/([a-z]*\/)*([0-9]{6,11})[?]?.*/);return t[5]!==void 0?t[5]:t[0]}function g({url:e,adNetwork:t,...n}){let r={url:e,dnt:!t,...n},i=new URLSearchParams(r);return`${e}?${i.toString()}`}function p(e){const t=e.split(/(vi\/|v%3D|v=|\/v\/|youtu\.be\/|\/embed\/)/);return t[2]!==void 0?t[2].split(/[^\w-]/i)[0]:t[0]}function b({url:e,videoId:t,isPlaylist:n,opts:r}){let i={...n?{list:t}:{autoplay:1},...r},s=new URLSearchParams(i);return`${e}?${s.toString()}`}exports.addPrefetch=c;exports.canUseWebP=d;exports.getThumbnailDimensions=m;exports.getVimeoId=f;exports.getVimeoPlayerOptions=g;exports.getYouTubeId=p;exports.getYoutubePlayerOptions=b;
 //# sourceMappingURL=lite-embed-utils.cjs.js.map

dist/lite-embed-utils.es.js

@@ -19,2 +19,38 @@ var n,r=((n=function(){return r}).toString=n.toLocaleString=n[Symbol.toPrimitive]=function(){return ""},n.valueOf=function(){return !1},new Proxy(Object.freeze(n),{get:function(n,t){return n.hasOwnProperty(t)?n[t]:r}}));
 
+function canUseWebP() {
+  let element = document.createElement("canvas");
+  if (element.getContext && element.getContext("2d")) {
+    return element.toDataURL("image/webp").indexOf("data:image/webp") === 0;
+  }
+  return false;
+}
+
+function getThumbnailDimensions({ height, width }) {
+  let roundedHeight = height;
+  let roundedWidth = width;
+  if (roundedWidth % 320 !== 0) {
+    roundedWidth = Math.ceil(width / 100) * 100;
+    roundedHeight = Math.round(roundedWidth / width * height);
+  }
+  return {
+    width: roundedWidth,
+    height: roundedHeight
+  };
+}
+
+function getVimeoId(url) {
+  const arr = url.split(/(https?:\/\/)?(www.)?(player.)?vimeo.com\/([a-z]*\/)*([0-9]{6,11})[?]?.*/);
+  return arr[5] !== void 0 ? arr[5] : arr[0];
+}
+
+function getVimeoPlayerOptions({ url, adNetwork, ...opts }) {
+  let options = {
+    url,
+    dnt: !adNetwork,
+    ...opts
+  };
+  let params = new URLSearchParams(options);
+  return `${url}?${params.toString()}`;
+}
+
 function getYouTubeId(url) {
@@ -25,3 +61,3 @@ const arr = url.split(/(vi\/|v%3D|v=|\/v\/|youtu\.be\/|\/embed\/)/);
 
-function getYoutubeVars({
+function getYoutubePlayerOptions({
   url,
@@ -44,3 +80,3 @@ videoId,
 
-export { addPrefetch, getYouTubeId, getYoutubeVars };
+export { addPrefetch, canUseWebP, getThumbnailDimensions, getVimeoId, getVimeoPlayerOptions, getYouTubeId, getYoutubePlayerOptions };
 //# sourceMappingURL=lite-embed-utils.es.js.map

package.json

 {
   "name": "@lite-embed/utils",
-  "version": "0.3.1-canary.1",
+  "version": "0.3.1-canary.2",
   "description": "> TODO: description",
@@ -47,3 +47,3 @@ "homepage": "https://github.com/danestves/lite-embed#readme",
   },
-  "gitHead": "85cff5e0c9c4c9a9166e0f9f5c06c38c0a4aa64c"
+  "gitHead": "ec8188ff50ae5a2e437f07fe37b873d7492246e7"
 }

No alert changes

Improved metrics

Total package byte prevSize

21965

increased by84.97%

Number of package files

22

increased by57.14%

Lines of code

128

increased by100%

No dependency changes