@opensea/seadn 1.0.4 → 1.0.7

package/README.md

@@ -8,8 +8,50 @@ npm i @opensea/seadn
 
 ## Usage
 
+**Resizing**
+
 ```js
 import { resizeImage } from '@opensea/seadn';
 
 const resized = resizeImage(image, { height: 100, width: 100 });
 ```
+
+**Usage with next/image**
+
+```jsx
+import { isSupportedURL, resizeImage } from '@opensea/seadn';
+import type { ImageLoader, ImageProps } from 'next/image';
+
+// custom loader
+export const seadnLoader: ImageLoader = ({ src, width }) => {
+  if (!isSupportedURL(src)) {
+    return src;
+  }
+  return resizeImage(src, { width });
+};
+
+// prop overrides
+export const nextImageProps = <T extends ImageProps>({
+  src,
+  ...rest
+}: T): ImageProps => {
+  if (isSupportedURL(src)) {
+    return {
+      ...rest,
+      src: resizeImage(src as string, {
+        width: rest.width,
+        height: rest.height
+      }),
+      unoptimized: true
+    };
+  }
+  return { src, ...rest };
+};
+
+// MyComponent.tsx
+return (
+    <>
+        <Image {...nextImageProps({ alt: 'House', height: 200, src: imageUrl, width: 200 })} />
+    </>
+)
+```

package/dist/index.cjs

@@ -1,2 +1,2 @@
-exports.isSupportedFormat=function(t){"string"==typeof t&&(t=new URL(t));var e=t.pathname;return e.endsWith(".jpg")||e.endsWith(".jpeg")||e.endsWith(".png")||e.endsWith(".webp")||e.endsWith(".gif")||e.startsWith("/gae/")},exports.resizeImage=function(t,e){var r=e.width,i=e.height,n=e.dpr,s=void 0===n?1:n;"string"==typeof t&&(t=new URL(t));var a=new URLSearchParams({auto:"format",dpr:String(s)});return void 0!==r&&a.set("w",String(r)),void 0!==i&&a.set("h",String(i)),t.search=a.toString(),t.toString()};
+var t=function(t){try{"string"==typeof t&&(t=new URL(t))}catch(t){return!1}if(!(t instanceof URL))return!1;var r=t.pathname;return r.endsWith(".jpg")||r.endsWith(".jpeg")||r.endsWith(".png")||r.endsWith(".webp")||r.endsWith(".gif")||r.startsWith("/gae/")};exports.isSupportedFormat=t,exports.isSupportedURL=function(r){try{"string"==typeof r&&(r=new URL(r))}catch(t){return!1}return r instanceof URL&&"i.seadn.io"===r.hostname&&t(r)},exports.resizeImage=function(t,r){var e=r.width,n=r.height,i=r.dpr,o=void 0===i?1:i,s=r.freezeAnimation,a=void 0!==s&&s;try{"string"==typeof t&&(t=new URL(t))}catch(r){return t.toString()}if(!(t instanceof URL))return t;var h=new URLSearchParams({auto:"format",dpr:String(o)});return void 0!==e&&h.set("w",String(e)),void 0!==n&&h.set("h",String(n)),a&&h.set("fr","1"),t.search=h.toString(),t.toString()};
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/index.ts"],"sourcesContent":["export type ResizeParams = {\n  dpr?: number;\n  width?: number;\n  height?: number;\n};\n\nexport const resizeImage = (\n  image: string | URL,\n  { width, height, dpr = 1 }: ResizeParams\n): string => {\n  if (typeof image === 'string') {\n    image = new URL(image);\n  }\n\n  const params = new URLSearchParams({\n    auto: 'format',\n    dpr: String(dpr)\n  });\n\n  if (width !== undefined) {\n    params.set('w', String(width));\n  }\n  if (height !== undefined) {\n    params.set('h', String(height));\n  }\n\n  image.search = params.toString();\n  return image.toString();\n};\n\nexport const isSupportedFormat = (image: string | URL) => {\n  if (typeof image === 'string') {\n    image = new URL(image);\n  }\n\n  const { pathname } = image;\n  return (\n    pathname.endsWith('.jpg') ||\n    pathname.endsWith('.jpeg') ||\n    pathname.endsWith('.png') ||\n    pathname.endsWith('.webp') ||\n    pathname.endsWith('.gif') ||\n    pathname.startsWith('/gae/') // GoogleAppEngine URLs do not contain extensions\n  );\n};\n"],"names":["image","URL","pathname","endsWith","startsWith","_ref","width","height","_ref$dpr","dpr","params","URLSearchParams","auto","String","undefined","set","search","toString"],"mappings":"0BA8BiC,SAACA,GACX,iBAAVA,IACTA,EAAQ,IAAIC,IAAID,IAGlB,IAAQE,EAAaF,EAAbE,SACR,OACEA,EAASC,SAAS,SAClBD,EAASC,SAAS,UAClBD,EAASC,SAAS,SAClBD,EAASC,SAAS,UAClBD,EAASC,SAAS,SAClBD,EAASE,WAAW,QAExB,sBAtC2B,SACzBJ,EAAmBK,GACjB,IAAAC,EAAKD,EAALC,MAAOC,EAAMF,EAANE,OAAMC,EAAAH,EAAEI,IAAAA,OAAG,IAAAD,EAAG,EAACA,EAEH,iBAAVR,IACTA,EAAQ,IAAIC,IAAID,IAGlB,IAAMU,EAAS,IAAIC,gBAAgB,CACjCC,KAAM,SACNH,IAAKI,OAAOJ,KAWd,YARcK,IAAVR,GACFI,EAAOK,IAAI,IAAKF,OAAOP,SAEVQ,IAAXP,GACFG,EAAOK,IAAI,IAAKF,OAAON,IAGzBP,EAAMgB,OAASN,EAAOO,WACfjB,EAAMiB,UACf"}
+{"version":3,"file":"index.cjs","sources":["../src/index.ts"],"sourcesContent":["export type ResizeParams = {\n  freezeAnimation?: boolean;\n  dpr?: number;\n  width?: number | `${number}`;\n  height?: number | `${number}`;\n};\n\nexport const resizeImage = (\n  image: string | URL,\n  { width, height, dpr = 1, freezeAnimation = false }: ResizeParams\n): string => {\n  try {\n    if (typeof image === 'string') {\n      image = new URL(image);\n    }\n  } catch {\n    return image.toString();\n  }\n\n  if (!(image instanceof URL)) {\n    return image;\n  }\n\n  const params = new URLSearchParams({\n    auto: 'format',\n    dpr: String(dpr)\n  });\n\n  if (width !== undefined) {\n    params.set('w', String(width));\n  }\n  if (height !== undefined) {\n    params.set('h', String(height));\n  }\n\n  if (freezeAnimation) {\n    params.set('fr', '1');\n  }\n\n  image.search = params.toString();\n  return image.toString();\n};\n\nexport const isSupportedFormat = (src: string | URL): boolean => {\n  try {\n    if (typeof src === 'string') {\n      src = new URL(src);\n    }\n  } catch {\n    return false;\n  }\n\n  if (!(src instanceof URL)) {\n    return false;\n  }\n\n  const { pathname } = src;\n  return (\n    pathname.endsWith('.jpg') ||\n    pathname.endsWith('.jpeg') ||\n    pathname.endsWith('.png') ||\n    pathname.endsWith('.webp') ||\n    pathname.endsWith('.gif') ||\n    pathname.startsWith('/gae/') // GoogleAppEngine URLs do not contain extensions\n  );\n};\n\nexport const isSupportedURL = (src: string | URL): boolean => {\n  try {\n    if (typeof src === 'string') {\n      src = new URL(src);\n    }\n  } catch {\n    return false;\n  }\n  if (!(src instanceof URL)) {\n    return false;\n  }\n  return src.hostname === 'i.seadn.io' && isSupportedFormat(src);\n};\n"],"names":["isSupportedFormat","src","URL","_unused2","pathname","endsWith","startsWith","_unused3","hostname","image","_ref","width","height","_ref$dpr","dpr","_ref$freezeAnimation","freezeAnimation","_unused","toString","params","URLSearchParams","auto","String","undefined","set","search"],"mappings":"AAOa,IAoCAA,EAAoB,SAACC,GAChC,IACqB,iBAARA,IACTA,EAAM,IAAIC,IAAID,GAEjB,CAAC,MAAAE,GACA,OACD,CAAA,CAED,KAAMF,aAAeC,KACnB,OAAO,EAGT,IAAQE,EAAaH,EAAbG,SACR,OACEA,EAASC,SAAS,SAClBD,EAASC,SAAS,UAClBD,EAASC,SAAS,SAClBD,EAASC,SAAS,UAClBD,EAASC,SAAS,SAClBD,EAASE,WAAW,QAExB,qDAE8B,SAACL,GAC7B,IACqB,iBAARA,IACTA,EAAM,IAAIC,IAAID,GAEjB,CAAC,MAAAM,GACA,OACD,CAAA,CACD,OAAMN,aAAeC,KAGG,eAAjBD,EAAIO,UAA6BR,EAAkBC,EAC5D,sBAxE2B,SACzBQ,EAAmBC,GACjB,IAAAC,EAAKD,EAALC,MAAOC,EAAMF,EAANE,OAAMC,EAAAH,EAAEI,IAAAA,OAAM,IAAHD,EAAG,EAACA,EAAAE,EAAAL,EAAEM,gBAAAA,OAAkB,IAAHD,GAAQA,EAEjD,IACuB,iBAAVN,IACTA,EAAQ,IAAIP,IAAIO,GAEnB,CAAC,MAAAQ,GACA,OAAOR,EAAMS,UACd,CAED,KAAMT,aAAiBP,KACrB,OAAOO,EAGT,IAAMU,EAAS,IAAIC,gBAAgB,CACjCC,KAAM,SACNP,IAAKQ,OAAOR,KAed,YAZcS,IAAVZ,GACFQ,EAAOK,IAAI,IAAKF,OAAOX,SAEVY,IAAXX,GACFO,EAAOK,IAAI,IAAKF,OAAOV,IAGrBI,GACFG,EAAOK,IAAI,KAAM,KAGnBf,EAAMgB,OAASN,EAAOD,WACfT,EAAMS,UACf"}

package/dist/index.d.ts

@@ -1,9 +1,11 @@
 /// <reference types="node" />
 export type ResizeParams = {
+    freezeAnimation?: boolean;
     dpr?: number;
-    width?: number;
-    height?: number;
+    width?: number | `${number}`;
+    height?: number | `${number}`;
 };
-export declare const resizeImage: (image: string | URL, { width, height, dpr }: ResizeParams) => string;
-export declare const isSupportedFormat: (image: string | URL) => boolean;
+export declare const resizeImage: (image: string | URL, { width, height, dpr, freezeAnimation }: ResizeParams) => string;
+export declare const isSupportedFormat: (src: string | URL) => boolean;
+export declare const isSupportedURL: (src: string | URL) => boolean;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,WAAW,UACf,MAAM,GAAG,GAAG,0BACS,YAAY,KACvC,MAmBF,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAAW,MAAM,GAAG,GAAG,YAcpD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,YAAY,GAAG;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,WAAW,UACf,MAAM,GAAG,GAAG,2CACkC,YAAY,KAChE,MA+BF,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAAS,MAAM,GAAG,GAAG,KAAG,OAsBrD,CAAC;AAEF,eAAO,MAAM,cAAc,QAAS,MAAM,GAAG,GAAG,KAAG,OAYlD,CAAC"}

package/dist/index.modern.js

@@ -1,2 +1,2 @@
-const t=(t,{width:e,height:n,dpr:r=1})=>{"string"==typeof t&&(t=new URL(t));const i=new URLSearchParams({auto:"format",dpr:String(r)});return void 0!==e&&i.set("w",String(e)),void 0!==n&&i.set("h",String(n)),t.search=i.toString(),t.toString()},e=t=>{"string"==typeof t&&(t=new URL(t));const{pathname:e}=t;return e.endsWith(".jpg")||e.endsWith(".jpeg")||e.endsWith(".png")||e.endsWith(".webp")||e.endsWith(".gif")||e.startsWith("/gae/")};export{e as isSupportedFormat,t as resizeImage};
+const t=(t,{width:n,height:e,dpr:r=1,freezeAnimation:i=!1})=>{try{"string"==typeof t&&(t=new URL(t))}catch(n){return t.toString()}if(!(t instanceof URL))return t;const s=new URLSearchParams({auto:"format",dpr:String(r)});return void 0!==n&&s.set("w",String(n)),void 0!==e&&s.set("h",String(e)),i&&s.set("fr","1"),t.search=s.toString(),t.toString()},n=t=>{try{"string"==typeof t&&(t=new URL(t))}catch(t){return!1}if(!(t instanceof URL))return!1;const{pathname:n}=t;return n.endsWith(".jpg")||n.endsWith(".jpeg")||n.endsWith(".png")||n.endsWith(".webp")||n.endsWith(".gif")||n.startsWith("/gae/")},e=t=>{try{"string"==typeof t&&(t=new URL(t))}catch(t){return!1}return t instanceof URL&&"i.seadn.io"===t.hostname&&n(t)};export{n as isSupportedFormat,e as isSupportedURL,t as resizeImage};
 //# sourceMappingURL=index.modern.js.map

package/dist/index.modern.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.modern.js","sources":["../src/index.ts"],"sourcesContent":["export type ResizeParams = {\n  dpr?: number;\n  width?: number;\n  height?: number;\n};\n\nexport const resizeImage = (\n  image: string | URL,\n  { width, height, dpr = 1 }: ResizeParams\n): string => {\n  if (typeof image === 'string') {\n    image = new URL(image);\n  }\n\n  const params = new URLSearchParams({\n    auto: 'format',\n    dpr: String(dpr)\n  });\n\n  if (width !== undefined) {\n    params.set('w', String(width));\n  }\n  if (height !== undefined) {\n    params.set('h', String(height));\n  }\n\n  image.search = params.toString();\n  return image.toString();\n};\n\nexport const isSupportedFormat = (image: string | URL) => {\n  if (typeof image === 'string') {\n    image = new URL(image);\n  }\n\n  const { pathname } = image;\n  return (\n    pathname.endsWith('.jpg') ||\n    pathname.endsWith('.jpeg') ||\n    pathname.endsWith('.png') ||\n    pathname.endsWith('.webp') ||\n    pathname.endsWith('.gif') ||\n    pathname.startsWith('/gae/') // GoogleAppEngine URLs do not contain extensions\n  );\n};\n"],"names":["resizeImage","image","width","height","dpr","URL","params","URLSearchParams","auto","String","undefined","set","search","toString","isSupportedFormat","pathname","endsWith","startsWith"],"mappings":"AAMa,MAAAA,EAAcA,CACzBC,GACEC,QAAOC,SAAQC,IAAAA,EAAM,MAEF,iBAAVH,IACTA,EAAQ,IAAII,IAAIJ,IAGlB,MAAMK,EAAS,IAAIC,gBAAgB,CACjCC,KAAM,SACNJ,IAAKK,OAAOL,KAWd,YARcM,IAAVR,GACFI,EAAOK,IAAI,IAAKF,OAAOP,SAEVQ,IAAXP,GACFG,EAAOK,IAAI,IAAKF,OAAON,IAGzBF,EAAMW,OAASN,EAAOO,WACfZ,EAAMY,YAGFC,EAAqBb,IACX,iBAAVA,IACTA,EAAQ,IAAII,IAAIJ,IAGlB,MAAMc,SAAEA,GAAad,EACrB,OACEc,EAASC,SAAS,SAClBD,EAASC,SAAS,UAClBD,EAASC,SAAS,SAClBD,EAASC,SAAS,UAClBD,EAASC,SAAS,SAClBD,EAASE,WAAW,QAAO"}
+{"version":3,"file":"index.modern.js","sources":["../src/index.ts"],"sourcesContent":["export type ResizeParams = {\n  freezeAnimation?: boolean;\n  dpr?: number;\n  width?: number | `${number}`;\n  height?: number | `${number}`;\n};\n\nexport const resizeImage = (\n  image: string | URL,\n  { width, height, dpr = 1, freezeAnimation = false }: ResizeParams\n): string => {\n  try {\n    if (typeof image === 'string') {\n      image = new URL(image);\n    }\n  } catch {\n    return image.toString();\n  }\n\n  if (!(image instanceof URL)) {\n    return image;\n  }\n\n  const params = new URLSearchParams({\n    auto: 'format',\n    dpr: String(dpr)\n  });\n\n  if (width !== undefined) {\n    params.set('w', String(width));\n  }\n  if (height !== undefined) {\n    params.set('h', String(height));\n  }\n\n  if (freezeAnimation) {\n    params.set('fr', '1');\n  }\n\n  image.search = params.toString();\n  return image.toString();\n};\n\nexport const isSupportedFormat = (src: string | URL): boolean => {\n  try {\n    if (typeof src === 'string') {\n      src = new URL(src);\n    }\n  } catch {\n    return false;\n  }\n\n  if (!(src instanceof URL)) {\n    return false;\n  }\n\n  const { pathname } = src;\n  return (\n    pathname.endsWith('.jpg') ||\n    pathname.endsWith('.jpeg') ||\n    pathname.endsWith('.png') ||\n    pathname.endsWith('.webp') ||\n    pathname.endsWith('.gif') ||\n    pathname.startsWith('/gae/') // GoogleAppEngine URLs do not contain extensions\n  );\n};\n\nexport const isSupportedURL = (src: string | URL): boolean => {\n  try {\n    if (typeof src === 'string') {\n      src = new URL(src);\n    }\n  } catch {\n    return false;\n  }\n  if (!(src instanceof URL)) {\n    return false;\n  }\n  return src.hostname === 'i.seadn.io' && isSupportedFormat(src);\n};\n"],"names":["resizeImage","image","width","height","dpr","freezeAnimation","URL","_unused","toString","params","URLSearchParams","auto","String","undefined","set","search","isSupportedFormat","src","_unused2","pathname","endsWith","startsWith","isSupportedURL","_unused3","hostname"],"mappings":"AAOa,MAAAA,EAAcA,CACzBC,GACEC,QAAOC,SAAQC,IAAAA,EAAM,EAAGC,gBAAAA,GAAkB,MAE5C,IACuB,iBAAVJ,IACTA,EAAQ,IAAIK,IAAIL,GAEnB,CAAC,MAAAM,GACA,OAAON,EAAMO,UACd,CAED,KAAMP,aAAiBK,KACrB,OAAOL,EAGT,MAAMQ,EAAS,IAAIC,gBAAgB,CACjCC,KAAM,SACNP,IAAKQ,OAAOR,KAed,YAZcS,IAAVX,GACFO,EAAOK,IAAI,IAAKF,OAAOV,SAEVW,IAAXV,GACFM,EAAOK,IAAI,IAAKF,OAAOT,IAGrBE,GACFI,EAAOK,IAAI,KAAM,KAGnBb,EAAMc,OAASN,EAAOD,WACfP,EAAMO,UACf,EAEaQ,EAAqBC,IAChC,IACqB,iBAARA,IACTA,EAAM,IAAIX,IAAIW,GAEjB,CAAC,MAAAC,GACA,OACD,CAAA,CAED,KAAMD,aAAeX,KACnB,OACD,EAED,MAAMa,SAAEA,GAAaF,EACrB,OACEE,EAASC,SAAS,SAClBD,EAASC,SAAS,UAClBD,EAASC,SAAS,SAClBD,EAASC,SAAS,UAClBD,EAASC,SAAS,SAClBD,EAASE,WAAW,QAAO,EAIlBC,EAAkBL,IAC7B,IACqB,iBAARA,IACTA,EAAM,IAAIX,IAAIW,GAEjB,CAAC,MAAAM,GACA,QACD,CACD,OAAMN,aAAeX,KAGG,eAAjBW,EAAIO,UAA6BR,EAAkBC,EAAG"}

package/dist/index.module.js

@@ -1,2 +1,2 @@
-var t=function(t,n){var r=n.width,e=n.height,i=n.dpr,a=void 0===i?1:i;"string"==typeof t&&(t=new URL(t));var g=new URLSearchParams({auto:"format",dpr:String(a)});return void 0!==r&&g.set("w",String(r)),void 0!==e&&g.set("h",String(e)),t.search=g.toString(),t.toString()},n=function(t){"string"==typeof t&&(t=new URL(t));var n=t.pathname;return n.endsWith(".jpg")||n.endsWith(".jpeg")||n.endsWith(".png")||n.endsWith(".webp")||n.endsWith(".gif")||n.startsWith("/gae/")};export{n as isSupportedFormat,t as resizeImage};
+var t=function(t,n){var r=n.width,e=n.height,i=n.dpr,a=void 0===i?1:i,o=n.freezeAnimation,s=void 0!==o&&o;try{"string"==typeof t&&(t=new URL(t))}catch(n){return t.toString()}if(!(t instanceof URL))return t;var h=new URLSearchParams({auto:"format",dpr:String(a)});return void 0!==r&&h.set("w",String(r)),void 0!==e&&h.set("h",String(e)),s&&h.set("fr","1"),t.search=h.toString(),t.toString()},n=function(t){try{"string"==typeof t&&(t=new URL(t))}catch(t){return!1}if(!(t instanceof URL))return!1;var n=t.pathname;return n.endsWith(".jpg")||n.endsWith(".jpeg")||n.endsWith(".png")||n.endsWith(".webp")||n.endsWith(".gif")||n.startsWith("/gae/")},r=function(t){try{"string"==typeof t&&(t=new URL(t))}catch(t){return!1}return t instanceof URL&&"i.seadn.io"===t.hostname&&n(t)};export{n as isSupportedFormat,r as isSupportedURL,t as resizeImage};
 //# sourceMappingURL=index.module.js.map

package/dist/index.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.js","sources":["../src/index.ts"],"sourcesContent":["export type ResizeParams = {\n  dpr?: number;\n  width?: number;\n  height?: number;\n};\n\nexport const resizeImage = (\n  image: string | URL,\n  { width, height, dpr = 1 }: ResizeParams\n): string => {\n  if (typeof image === 'string') {\n    image = new URL(image);\n  }\n\n  const params = new URLSearchParams({\n    auto: 'format',\n    dpr: String(dpr)\n  });\n\n  if (width !== undefined) {\n    params.set('w', String(width));\n  }\n  if (height !== undefined) {\n    params.set('h', String(height));\n  }\n\n  image.search = params.toString();\n  return image.toString();\n};\n\nexport const isSupportedFormat = (image: string | URL) => {\n  if (typeof image === 'string') {\n    image = new URL(image);\n  }\n\n  const { pathname } = image;\n  return (\n    pathname.endsWith('.jpg') ||\n    pathname.endsWith('.jpeg') ||\n    pathname.endsWith('.png') ||\n    pathname.endsWith('.webp') ||\n    pathname.endsWith('.gif') ||\n    pathname.startsWith('/gae/') // GoogleAppEngine URLs do not contain extensions\n  );\n};\n"],"names":["resizeImage","image","_ref","width","height","_ref$dpr","dpr","URL","params","URLSearchParams","auto","String","undefined","set","search","toString","isSupportedFormat","pathname","endsWith","startsWith"],"mappings":"AAMa,IAAAA,EAAc,SACzBC,EAAmBC,GACjB,IAAAC,EAAKD,EAALC,MAAOC,EAAMF,EAANE,OAAMC,EAAAH,EAAEI,IAAAA,OAAG,IAAAD,EAAG,EAACA,EAEH,iBAAVJ,IACTA,EAAQ,IAAIM,IAAIN,IAGlB,IAAMO,EAAS,IAAIC,gBAAgB,CACjCC,KAAM,SACNJ,IAAKK,OAAOL,KAWd,YARcM,IAAVT,GACFK,EAAOK,IAAI,IAAKF,OAAOR,SAEVS,IAAXR,GACFI,EAAOK,IAAI,IAAKF,OAAOP,IAGzBH,EAAMa,OAASN,EAAOO,WACfd,EAAMc,UACf,EAEaC,EAAoB,SAACf,GACX,iBAAVA,IACTA,EAAQ,IAAIM,IAAIN,IAGlB,IAAQgB,EAAahB,EAAbgB,SACR,OACEA,EAASC,SAAS,SAClBD,EAASC,SAAS,UAClBD,EAASC,SAAS,SAClBD,EAASC,SAAS,UAClBD,EAASC,SAAS,SAClBD,EAASE,WAAW,QAExB"}
+{"version":3,"file":"index.module.js","sources":["../src/index.ts"],"sourcesContent":["export type ResizeParams = {\n  freezeAnimation?: boolean;\n  dpr?: number;\n  width?: number | `${number}`;\n  height?: number | `${number}`;\n};\n\nexport const resizeImage = (\n  image: string | URL,\n  { width, height, dpr = 1, freezeAnimation = false }: ResizeParams\n): string => {\n  try {\n    if (typeof image === 'string') {\n      image = new URL(image);\n    }\n  } catch {\n    return image.toString();\n  }\n\n  if (!(image instanceof URL)) {\n    return image;\n  }\n\n  const params = new URLSearchParams({\n    auto: 'format',\n    dpr: String(dpr)\n  });\n\n  if (width !== undefined) {\n    params.set('w', String(width));\n  }\n  if (height !== undefined) {\n    params.set('h', String(height));\n  }\n\n  if (freezeAnimation) {\n    params.set('fr', '1');\n  }\n\n  image.search = params.toString();\n  return image.toString();\n};\n\nexport const isSupportedFormat = (src: string | URL): boolean => {\n  try {\n    if (typeof src === 'string') {\n      src = new URL(src);\n    }\n  } catch {\n    return false;\n  }\n\n  if (!(src instanceof URL)) {\n    return false;\n  }\n\n  const { pathname } = src;\n  return (\n    pathname.endsWith('.jpg') ||\n    pathname.endsWith('.jpeg') ||\n    pathname.endsWith('.png') ||\n    pathname.endsWith('.webp') ||\n    pathname.endsWith('.gif') ||\n    pathname.startsWith('/gae/') // GoogleAppEngine URLs do not contain extensions\n  );\n};\n\nexport const isSupportedURL = (src: string | URL): boolean => {\n  try {\n    if (typeof src === 'string') {\n      src = new URL(src);\n    }\n  } catch {\n    return false;\n  }\n  if (!(src instanceof URL)) {\n    return false;\n  }\n  return src.hostname === 'i.seadn.io' && isSupportedFormat(src);\n};\n"],"names":["resizeImage","image","_ref","width","height","_ref$dpr","dpr","_ref$freezeAnimation","freezeAnimation","URL","_unused","toString","params","URLSearchParams","auto","String","undefined","set","search","isSupportedFormat","src","_unused2","pathname","endsWith","startsWith","isSupportedURL","_unused3","hostname"],"mappings":"AAOa,IAAAA,EAAc,SACzBC,EAAmBC,GACjB,IAAAC,EAAKD,EAALC,MAAOC,EAAMF,EAANE,OAAMC,EAAAH,EAAEI,IAAAA,OAAM,IAAHD,EAAG,EAACA,EAAAE,EAAAL,EAAEM,gBAAAA,OAAkB,IAAHD,GAAQA,EAEjD,IACuB,iBAAVN,IACTA,EAAQ,IAAIQ,IAAIR,GAEnB,CAAC,MAAAS,GACA,OAAOT,EAAMU,UACd,CAED,KAAMV,aAAiBQ,KACrB,OAAOR,EAGT,IAAMW,EAAS,IAAIC,gBAAgB,CACjCC,KAAM,SACNR,IAAKS,OAAOT,KAed,YAZcU,IAAVb,GACFS,EAAOK,IAAI,IAAKF,OAAOZ,SAEVa,IAAXZ,GACFQ,EAAOK,IAAI,IAAKF,OAAOX,IAGrBI,GACFI,EAAOK,IAAI,KAAM,KAGnBhB,EAAMiB,OAASN,EAAOD,WACfV,EAAMU,UACf,EAEaQ,EAAoB,SAACC,GAChC,IACqB,iBAARA,IACTA,EAAM,IAAIX,IAAIW,GAEjB,CAAC,MAAAC,GACA,OACD,CAAA,CAED,KAAMD,aAAeX,KACnB,OAAO,EAGT,IAAQa,EAAaF,EAAbE,SACR,OACEA,EAASC,SAAS,SAClBD,EAASC,SAAS,UAClBD,EAASC,SAAS,SAClBD,EAASC,SAAS,UAClBD,EAASC,SAAS,SAClBD,EAASE,WAAW,QAExB,EAEaC,EAAiB,SAACL,GAC7B,IACqB,iBAARA,IACTA,EAAM,IAAIX,IAAIW,GAEjB,CAAC,MAAAM,GACA,OACD,CAAA,CACD,OAAMN,aAAeX,KAGG,eAAjBW,EAAIO,UAA6BR,EAAkBC,EAC5D"}

package/dist/index.umd.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e||self).seadn={})}(this,function(e){e.isSupportedFormat=function(e){"string"==typeof e&&(e=new URL(e));var t=e.pathname;return t.endsWith(".jpg")||t.endsWith(".jpeg")||t.endsWith(".png")||t.endsWith(".webp")||t.endsWith(".gif")||t.startsWith("/gae/")},e.resizeImage=function(e,t){var n=t.width,i=t.height,o=t.dpr,r=void 0===o?1:o;"string"==typeof e&&(e=new URL(e));var s=new URLSearchParams({auto:"format",dpr:String(r)});return void 0!==n&&s.set("w",String(n)),void 0!==i&&s.set("h",String(i)),e.search=s.toString(),e.toString()}});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t||self).seadn={})}(this,function(t){var e=function(t){try{"string"==typeof t&&(t=new URL(t))}catch(t){return!1}if(!(t instanceof URL))return!1;var e=t.pathname;return e.endsWith(".jpg")||e.endsWith(".jpeg")||e.endsWith(".png")||e.endsWith(".webp")||e.endsWith(".gif")||e.startsWith("/gae/")};t.isSupportedFormat=e,t.isSupportedURL=function(t){try{"string"==typeof t&&(t=new URL(t))}catch(t){return!1}return t instanceof URL&&"i.seadn.io"===t.hostname&&e(t)},t.resizeImage=function(t,e){var n=e.width,i=e.height,r=e.dpr,o=void 0===r?1:r,s=e.freezeAnimation,a=void 0!==s&&s;try{"string"==typeof t&&(t=new URL(t))}catch(e){return t.toString()}if(!(t instanceof URL))return t;var f=new URLSearchParams({auto:"format",dpr:String(o)});return void 0!==n&&f.set("w",String(n)),void 0!==i&&f.set("h",String(i)),a&&f.set("fr","1"),t.search=f.toString(),t.toString()}});
 //# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.umd.js","sources":["../src/index.ts"],"sourcesContent":["export type ResizeParams = {\n  dpr?: number;\n  width?: number;\n  height?: number;\n};\n\nexport const resizeImage = (\n  image: string | URL,\n  { width, height, dpr = 1 }: ResizeParams\n): string => {\n  if (typeof image === 'string') {\n    image = new URL(image);\n  }\n\n  const params = new URLSearchParams({\n    auto: 'format',\n    dpr: String(dpr)\n  });\n\n  if (width !== undefined) {\n    params.set('w', String(width));\n  }\n  if (height !== undefined) {\n    params.set('h', String(height));\n  }\n\n  image.search = params.toString();\n  return image.toString();\n};\n\nexport const isSupportedFormat = (image: string | URL) => {\n  if (typeof image === 'string') {\n    image = new URL(image);\n  }\n\n  const { pathname } = image;\n  return (\n    pathname.endsWith('.jpg') ||\n    pathname.endsWith('.jpeg') ||\n    pathname.endsWith('.png') ||\n    pathname.endsWith('.webp') ||\n    pathname.endsWith('.gif') ||\n    pathname.startsWith('/gae/') // GoogleAppEngine URLs do not contain extensions\n  );\n};\n"],"names":["image","URL","pathname","endsWith","startsWith","_ref","width","height","_ref$dpr","dpr","params","URLSearchParams","auto","String","undefined","set","search","toString"],"mappings":"mPA8BiC,SAACA,GACX,iBAAVA,IACTA,EAAQ,IAAIC,IAAID,IAGlB,IAAQE,EAAaF,EAAbE,SACR,OACEA,EAASC,SAAS,SAClBD,EAASC,SAAS,UAClBD,EAASC,SAAS,SAClBD,EAASC,SAAS,UAClBD,EAASC,SAAS,SAClBD,EAASE,WAAW,QAExB,gBAtC2B,SACzBJ,EAAmBK,GACjB,IAAAC,EAAKD,EAALC,MAAOC,EAAMF,EAANE,OAAMC,EAAAH,EAAEI,IAAAA,OAAG,IAAAD,EAAG,EAACA,EAEH,iBAAVR,IACTA,EAAQ,IAAIC,IAAID,IAGlB,IAAMU,EAAS,IAAIC,gBAAgB,CACjCC,KAAM,SACNH,IAAKI,OAAOJ,KAWd,YARcK,IAAVR,GACFI,EAAOK,IAAI,IAAKF,OAAOP,SAEVQ,IAAXP,GACFG,EAAOK,IAAI,IAAKF,OAAON,IAGzBP,EAAMgB,OAASN,EAAOO,WACfjB,EAAMiB,UACf"}
+{"version":3,"file":"index.umd.js","sources":["../src/index.ts"],"sourcesContent":["export type ResizeParams = {\n  freezeAnimation?: boolean;\n  dpr?: number;\n  width?: number | `${number}`;\n  height?: number | `${number}`;\n};\n\nexport const resizeImage = (\n  image: string | URL,\n  { width, height, dpr = 1, freezeAnimation = false }: ResizeParams\n): string => {\n  try {\n    if (typeof image === 'string') {\n      image = new URL(image);\n    }\n  } catch {\n    return image.toString();\n  }\n\n  if (!(image instanceof URL)) {\n    return image;\n  }\n\n  const params = new URLSearchParams({\n    auto: 'format',\n    dpr: String(dpr)\n  });\n\n  if (width !== undefined) {\n    params.set('w', String(width));\n  }\n  if (height !== undefined) {\n    params.set('h', String(height));\n  }\n\n  if (freezeAnimation) {\n    params.set('fr', '1');\n  }\n\n  image.search = params.toString();\n  return image.toString();\n};\n\nexport const isSupportedFormat = (src: string | URL): boolean => {\n  try {\n    if (typeof src === 'string') {\n      src = new URL(src);\n    }\n  } catch {\n    return false;\n  }\n\n  if (!(src instanceof URL)) {\n    return false;\n  }\n\n  const { pathname } = src;\n  return (\n    pathname.endsWith('.jpg') ||\n    pathname.endsWith('.jpeg') ||\n    pathname.endsWith('.png') ||\n    pathname.endsWith('.webp') ||\n    pathname.endsWith('.gif') ||\n    pathname.startsWith('/gae/') // GoogleAppEngine URLs do not contain extensions\n  );\n};\n\nexport const isSupportedURL = (src: string | URL): boolean => {\n  try {\n    if (typeof src === 'string') {\n      src = new URL(src);\n    }\n  } catch {\n    return false;\n  }\n  if (!(src instanceof URL)) {\n    return false;\n  }\n  return src.hostname === 'i.seadn.io' && isSupportedFormat(src);\n};\n"],"names":["isSupportedFormat","src","URL","_unused2","pathname","endsWith","startsWith","_unused3","hostname","image","_ref","width","height","_ref$dpr","dpr","_ref$freezeAnimation","freezeAnimation","_unused","toString","params","URLSearchParams","auto","String","undefined","set","search"],"mappings":"+NAOa,IAoCAA,EAAoB,SAACC,GAChC,IACqB,iBAARA,IACTA,EAAM,IAAIC,IAAID,GAEjB,CAAC,MAAAE,GACA,OACD,CAAA,CAED,KAAMF,aAAeC,KACnB,OAAO,EAGT,IAAQE,EAAaH,EAAbG,SACR,OACEA,EAASC,SAAS,SAClBD,EAASC,SAAS,UAClBD,EAASC,SAAS,SAClBD,EAASC,SAAS,UAClBD,EAASC,SAAS,SAClBD,EAASE,WAAW,QAExB,yCAE8B,SAACL,GAC7B,IACqB,iBAARA,IACTA,EAAM,IAAIC,IAAID,GAEjB,CAAC,MAAAM,GACA,OACD,CAAA,CACD,OAAMN,aAAeC,KAGG,eAAjBD,EAAIO,UAA6BR,EAAkBC,EAC5D,gBAxE2B,SACzBQ,EAAmBC,GACjB,IAAAC,EAAKD,EAALC,MAAOC,EAAMF,EAANE,OAAMC,EAAAH,EAAEI,IAAAA,OAAM,IAAHD,EAAG,EAACA,EAAAE,EAAAL,EAAEM,gBAAAA,OAAkB,IAAHD,GAAQA,EAEjD,IACuB,iBAAVN,IACTA,EAAQ,IAAIP,IAAIO,GAEnB,CAAC,MAAAQ,GACA,OAAOR,EAAMS,UACd,CAED,KAAMT,aAAiBP,KACrB,OAAOO,EAGT,IAAMU,EAAS,IAAIC,gBAAgB,CACjCC,KAAM,SACNP,IAAKQ,OAAOR,KAed,YAZcS,IAAVZ,GACFQ,EAAOK,IAAI,IAAKF,OAAOX,SAEVY,IAAXX,GACFO,EAAOK,IAAI,IAAKF,OAAOV,IAGrBI,GACFG,EAAOK,IAAI,KAAM,KAGnBf,EAAMgB,OAASN,EAAOD,WACfT,EAAMS,UACf"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opensea/seadn",
-  "version": "1.0.4",
+  "version": "1.0.7",
   "description": "Javascript SDK to work with SeaDN",
   "license": "MIT",
   "author": "OpenSea Developers",
@@ -28,15 +28,15 @@
   "sideEffects": false,
   "types": "./dist/index.d.ts",
   "devDependencies": {
-    "@vitest/coverage-c8": "^0.29.1",
-    "concurrently": "^7.6.0",
-    "esbuild": "^0.17.10",
-    "husky": "^8.0.3",
-    "lint-staged": "^13.1.2",
-    "microbundle": "^0.15.1",
-    "prettier": "^2.8.4",
-    "prettier-package-json": "^2.8.0",
-    "vitest": "^0.29.1"
+    "@vitest/coverage-v8": "0.33.0",
+    "concurrently": "8.2.0",
+    "esbuild": "0.19.0",
+    "husky": "8.0.3",
+    "lint-staged": "13.2.3",
+    "microbundle": "0.15.1",
+    "prettier": "3.0.1",
+    "prettier-package-json": "2.8.0",
+    "vitest": "0.33.0"
   },
   "lint-staged": {
     "package.json": [

package/src/index.test.ts

@@ -1,5 +1,5 @@
 import { expect, test } from 'vitest';
-import { resizeImage, isSupportedFormat } from '.';
+import { resizeImage, isSupportedFormat, isSupportedURL } from '.';
 
 test.each([
   [
@@ -21,9 +21,34 @@ test.each([
     'https://i.seadn.io/gcs/files/057bb30c6d80d54b78439927b2f07676.png?auto=format&dpr=1&w=100&h=100',
     { height: 200, width: 200 },
     'https://i.seadn.io/gcs/files/057bb30c6d80d54b78439927b2f07676.png?auto=format&dpr=1&w=200&h=200'
-  ]
-])('resizeSeadnImage(%i, %i) -> %i', (url, resizeParams, expected) => {
-  expect(resizeImage(url, resizeParams)).toBe(expected);
+  ],
+  [
+    'https://i.seadn.io/gcs/files/057bb30c6d80d54b78439927b2f07676.png',
+    { dpr: 5, freezeAnimation: true },
+    'https://i.seadn.io/gcs/files/057bb30c6d80d54b78439927b2f07676.png?auto=format&dpr=5&fr=1'
+  ],
+  ['unknown', { dpr: 5, freezeAnimation: true }, 'unknown'],
+  [5, { dpr: 5, freezeAnimation: true }, 5]
+])(
+  'resizeImage(%url, %resizeParams) -> %expected',
+  (url, resizeParams, expected) => {
+    expect(resizeImage(url as string, resizeParams)).toBe(expected);
+  }
+);
+
+test.each([
+  ['https://i.seadn.io/gcs/files/057bb30c6d80d54b78439927b2f07676.png', true],
+  ['https://i.seadn.io/gcs/files/057bb30c6d80d54b78439927b2f07676.jpg', true],
+  ['https://i.seadn.io/gcs/files/057bb30c6d80d54b78439927b2f07676.jpeg', true],
+  ['https://i.seadn.io/gcs/files/057bb30c6d80d54b78439927b2f07676.webp', true],
+  ['https://i.seadn.io/gcs/files/057bb30c6d80d54b78439927b2f07676.webp', true],
+  ['https://i.seadn.io/gcs/files/057bb30c6d80d54b78439927b2f07676.gif', true],
+  ['https://i.seadn.io/gae/files/057bb30c6d80d54b78439927b2f07676', true],
+  ['https://i.seadn.io/gcs/files/057bb30c6d80d54b78439927b2f07676.mp3', false],
+  ['unknown', false],
+  [5, false]
+])('isSupportedFormat(%url) -> %expected', (url, expected) => {
+  expect(isSupportedFormat(url as string)).toBe(expected);
 });
 
 test.each([
@@ -34,7 +59,10 @@ test.each([
   ['https://i.seadn.io/gcs/files/057bb30c6d80d54b78439927b2f07676.webp', true],
   ['https://i.seadn.io/gcs/files/057bb30c6d80d54b78439927b2f07676.gif', true],
   ['https://i.seadn.io/gae/files/057bb30c6d80d54b78439927b2f07676', true],
-  ['https://i.seadn.io/gcs/files/057bb30c6d80d54b78439927b2f07676.mp3', false]
-])('isSupportedFormat(%i) -> %i', (url, expected) => {
-  expect(isSupportedFormat(url)).toBe(expected);
+  ['https://i.seadn.io/gcs/files/057bb30c6d80d54b78439927b2f07676.mp3', false],
+  ['https://i.seadn2.io/gcs/files/057bb30c6d80d54b78439927b2f07676.mp3', false],
+  ['unknown', false],
+  [5, false]
+])('isSeadnUrl(%url) -> %expected', (url, expected) => {
+  expect(isSupportedURL(url as string)).toBe(expected);
 });

package/src/index.ts

@@ -1,15 +1,24 @@
 export type ResizeParams = {
+  freezeAnimation?: boolean;
   dpr?: number;
-  width?: number;
-  height?: number;
+  width?: number | `${number}`;
+  height?: number | `${number}`;
 };
 
 export const resizeImage = (
   image: string | URL,
-  { width, height, dpr = 1 }: ResizeParams
+  { width, height, dpr = 1, freezeAnimation = false }: ResizeParams
 ): string => {
-  if (typeof image === 'string') {
-    image = new URL(image);
+  try {
+    if (typeof image === 'string') {
+      image = new URL(image);
+    }
+  } catch {
+    return image.toString();
+  }
+
+  if (!(image instanceof URL)) {
+    return image;
   }
 
   const params = new URLSearchParams({
@@ -24,16 +33,28 @@ export const resizeImage = (
     params.set('h', String(height));
   }
 
+  if (freezeAnimation) {
+    params.set('fr', '1');
+  }
+
   image.search = params.toString();
   return image.toString();
 };
 
-export const isSupportedFormat = (image: string | URL) => {
-  if (typeof image === 'string') {
-    image = new URL(image);
+export const isSupportedFormat = (src: string | URL): boolean => {
+  try {
+    if (typeof src === 'string') {
+      src = new URL(src);
+    }
+  } catch {
+    return false;
+  }
+
+  if (!(src instanceof URL)) {
+    return false;
   }
 
-  const { pathname } = image;
+  const { pathname } = src;
   return (
     pathname.endsWith('.jpg') ||
     pathname.endsWith('.jpeg') ||
@@ -43,3 +64,17 @@ export const isSupportedFormat = (image: string | URL) => {
     pathname.startsWith('/gae/') // GoogleAppEngine URLs do not contain extensions
   );
 };
+
+export const isSupportedURL = (src: string | URL): boolean => {
+  try {
+    if (typeof src === 'string') {
+      src = new URL(src);
+    }
+  } catch {
+    return false;
+  }
+  if (!(src instanceof URL)) {
+    return false;
+  }
+  return src.hostname === 'i.seadn.io' && isSupportedFormat(src);
+};