@opensea/seadn 2.2.1 → 2.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/index.d.mts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +8 -8
- package/src/boost.ts +26 -0
- package/src/sdk.spec.ts +26 -1
- package/src/sdk.ts +7 -4
package/README.md
CHANGED
|
@@ -25,9 +25,9 @@ pnpm add @opensea/seadn
|
|
|
25
25
|
### Usage
|
|
26
26
|
|
|
27
27
|
```js
|
|
28
|
-
import {
|
|
28
|
+
import { optimize } from "@opensea/seadn";
|
|
29
29
|
|
|
30
|
-
const resized =
|
|
30
|
+
const resized = optimize(image, { height: 100, width: 100 });
|
|
31
31
|
```
|
|
32
32
|
|
|
33
33
|
## Publishing
|
package/dist/index.d.mts
CHANGED
|
@@ -7,8 +7,9 @@ type MediaParams = {
|
|
|
7
7
|
quality?: number | `${number}`;
|
|
8
8
|
fit?: MediaFit;
|
|
9
9
|
frameTime?: number;
|
|
10
|
+
boost?: number;
|
|
10
11
|
};
|
|
11
|
-
declare function optimize(image: string | URL, { width, height, format, quality, fit, frameTime }: MediaParams): string;
|
|
12
|
+
declare function optimize(image: string | URL, { width, height, format, quality, fit, frameTime, boost }: MediaParams): string;
|
|
12
13
|
declare function originalURL(image: URL | string): string;
|
|
13
14
|
|
|
14
15
|
export { type MediaFit, type MediaFormat, type MediaParams, optimize, originalURL };
|
package/dist/index.d.ts
CHANGED
|
@@ -7,8 +7,9 @@ type MediaParams = {
|
|
|
7
7
|
quality?: number | `${number}`;
|
|
8
8
|
fit?: MediaFit;
|
|
9
9
|
frameTime?: number;
|
|
10
|
+
boost?: number;
|
|
10
11
|
};
|
|
11
|
-
declare function optimize(image: string | URL, { width, height, format, quality, fit, frameTime }: MediaParams): string;
|
|
12
|
+
declare function optimize(image: string | URL, { width, height, format, quality, fit, frameTime, boost }: MediaParams): string;
|
|
12
13
|
declare function originalURL(image: URL | string): string;
|
|
13
14
|
|
|
14
15
|
export { type MediaFit, type MediaFormat, type MediaParams, optimize, originalURL };
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var f=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var U=Object.prototype.hasOwnProperty;var L=(e,n)=>{for(var r in n)f(e,r,{get:n[r],enumerable:!0})},g=(e,n,r,i)=>{if(n&&typeof n=="object"||typeof n=="function")for(let t of R(n))!U.call(e,t)&&t!==r&&f(e,t,{get:()=>n[t],enumerable:!(i=h(n,t))||i.enumerable});return e};var w=e=>g(f({},"__esModule",{value:!0}),e);var y={};L(y,{optimize:()=>m,originalURL:()=>x});module.exports=w(y);var u=[80,250,500,750,1e3,2e3,4e3];function M(e,n){let r=u.find(t=>t>=e),i=u.find(t=>t>=n);if(i===r){let t=u.indexOf(i);i=u[t+1]}return i||u[u.length-1]}function s(e,n){if(n===void 0||n<=1)return e;let r=Number(e)*n;return M(Number(e),r)}function m(e,{width:n,height:r,format:i,quality:t,fit:c,frameTime:d,boost:b}){try{typeof e=="string"&&(e=new URL(e))}catch(v){return e.toString()}if(!(e instanceof URL))return e;let p=F(e);if(!N(e)&&!p)return e.toString();let o=new URLSearchParams;if(r!==void 0&&o.set("h",String(s(r,b))),n!==void 0&&o.set("w",String(s(n,b))),i!==void 0&&o.set("format",i),t){if(Number(t)<=0||Number(t)>100)throw new Error("Quality has to be a positive number between 1 and 100");o.set("q",String(t))}if(c!==void 0&&o.set("fit",c),d!==void 0)p&&o.set("frame-time",String(d));else if(l(e))return e.toString();return e.search=o.toString(),e.toString()}function l(e){let n=a(e);return n==="mp4"||n==="mov"}function F(e){return l(e)||a(e)==="gif"}function N(e){if(!S(e))return!1;switch(a(e)){case"png":case"jpeg":case"webp":case"avif":case"ico":case"gif":case void 0:return!0;default:return!1}}function a(e){let n=e.pathname.split(".");if(!(n.length<=1))return n[n.length-1]}function S(e){return e.hostname.endsWith("seadn.io")}function x(e){try{typeof e=="string"&&(e=new URL(e))}catch(n){return e.toString()}return S(e)&&(e.hostname=e.hostname.replace("i2c","raw2").replace("i2","raw2")),e.toString()}0&&(module.exports={optimize,originalURL});
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts","../src/sdk.ts"],"sourcesContent":["export {\n optimize,\n originalURL,\n MediaParams,\n MediaFormat,\n MediaFit,\n} from \"./sdk\";\n","
|
|
1
|
+
{"version":3,"sources":["../src/index.ts","../src/boost.ts","../src/sdk.ts"],"sourcesContent":["export {\n optimize,\n originalURL,\n MediaParams,\n MediaFormat,\n MediaFit,\n} from \"./sdk\";\n","const DIMENSIONS_BUCKETS = [80, 250, 500, 750, 1000, 2000, 4000];\n\nfunction findNextBucket(originalSize: number, boosted: number): number {\n let originalBucket = DIMENSIONS_BUCKETS.find(\n bucket => bucket >= originalSize,\n );\n let nextBucket = DIMENSIONS_BUCKETS.find(bucket => bucket >= boosted);\n\n if (nextBucket === originalBucket) {\n const currentIndex = DIMENSIONS_BUCKETS.indexOf(nextBucket!);\n nextBucket = DIMENSIONS_BUCKETS[currentIndex + 1];\n }\n\n return nextBucket || DIMENSIONS_BUCKETS[DIMENSIONS_BUCKETS.length - 1];\n}\n\nexport function boostSize(\n size: number | `${number}`,\n boost: number | undefined,\n): number | `${number}` {\n if (boost === undefined || boost <= 1) {\n return size;\n }\n const boosted = Number(size) * boost;\n return findNextBucket(Number(size), boosted);\n}\n","import { boostSize } from \"./boost\";\n\nexport type MediaFormat = \"webp\" | \"avif\" | \"jpeg\" | \"png\";\nexport type MediaFit = \"cover\" | \"contain\" | \"fill\" | \"inside\" | \"outside\";\n\nexport type MediaParams = {\n width?: number | `${number}`;\n height?: number | `${number}`;\n format?: MediaFormat;\n quality?: number | `${number}`;\n fit?: MediaFit;\n frameTime?: number;\n boost?: number;\n};\n\nexport function optimize(\n image: string | URL,\n { width, height, format, quality, fit, frameTime, boost }: MediaParams,\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 isFrameable = canExtractFrame(image);\n if (!canBeResized(image) && !isFrameable) {\n return image.toString();\n }\n\n const params = new URLSearchParams();\n if (height !== undefined) {\n params.set(\"h\", String(boostSize(height, boost)));\n }\n if (width !== undefined) {\n params.set(\"w\", String(boostSize(width, boost)));\n }\n if (format !== undefined) {\n params.set(\"format\", format);\n }\n if (quality) {\n if (Number(quality) <= 0 || Number(quality) > 100) {\n throw new Error(\"Quality has to be a positive number between 1 and 100\");\n }\n params.set(\"q\", String(quality));\n }\n if (fit !== undefined) {\n params.set(\"fit\", fit);\n }\n if (frameTime !== undefined) {\n if (isFrameable) {\n params.set(\"frame-time\", String(frameTime));\n }\n } else if (isVideo(image)) {\n return image.toString();\n }\n\n image.search = params.toString();\n return image.toString();\n}\n\nfunction isVideo(url: URL): boolean {\n const extension = getExtension(url);\n return extension === \"mp4\" || extension === \"mov\";\n}\n\nfunction canExtractFrame(url: URL): boolean {\n return isVideo(url) || getExtension(url) === \"gif\";\n}\n\nfunction canBeResized(url: URL): boolean {\n if (!isSeadnURL(url)) {\n return false;\n }\n const extension = getExtension(url);\n switch (extension) {\n case \"png\":\n case \"jpeg\":\n case \"webp\":\n case \"avif\":\n case \"ico\":\n case \"gif\":\n case undefined:\n return true;\n default:\n return false;\n }\n}\n\nfunction getExtension(url: URL): string | undefined {\n const split = url.pathname.split(\".\");\n if (split.length <= 1) {\n return undefined;\n }\n return split[split.length - 1];\n}\n\nexport function isSeadnURL(url: URL): boolean {\n return url.hostname.endsWith(\"seadn.io\");\n}\n\nexport function originalURL(image: URL | string): string {\n try {\n if (typeof image === \"string\") {\n image = new URL(image);\n }\n } catch {\n return image.toString();\n }\n if (!isSeadnURL(image)) {\n return image.toString();\n }\n image.hostname = image.hostname.replace(\"i2c\", \"raw2\").replace(\"i2\", \"raw2\");\n return image.toString();\n}\n"],"mappings":"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","names":["src_exports","__export","optimize","originalURL","__toCommonJS","DIMENSIONS_BUCKETS","findNextBucket","originalSize","boosted","originalBucket","bucket","nextBucket","currentIndex","boostSize","size","boost","optimize","image","width","height","format","quality","fit","frameTime","boost","e","isFrameable","canExtractFrame","canBeResized","params","boostSize","isVideo","url","extension","getExtension","isSeadnURL","split","originalURL"]}
|
package/dist/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
function
|
|
1
|
+
var u=[80,250,500,750,1e3,2e3,4e3];function l(e,n){let o=u.find(t=>t>=e),r=u.find(t=>t>=n);if(r===o){let t=u.indexOf(r);r=u[t+1]}return r||u[u.length-1]}function f(e,n){if(n===void 0||n<=1)return e;let o=Number(e)*n;return l(Number(e),o)}function S(e,{width:n,height:o,format:r,quality:t,fit:a,frameTime:c,boost:d}){try{typeof e=="string"&&(e=new URL(e))}catch(U){return e.toString()}if(!(e instanceof URL))return e;let b=x(e);if(!h(e)&&!b)return e.toString();let i=new URLSearchParams;if(o!==void 0&&i.set("h",String(f(o,d))),n!==void 0&&i.set("w",String(f(n,d))),r!==void 0&&i.set("format",r),t){if(Number(t)<=0||Number(t)>100)throw new Error("Quality has to be a positive number between 1 and 100");i.set("q",String(t))}if(a!==void 0&&i.set("fit",a),c!==void 0)b&&i.set("frame-time",String(c));else if(p(e))return e.toString();return e.search=i.toString(),e.toString()}function p(e){let n=s(e);return n==="mp4"||n==="mov"}function x(e){return p(e)||s(e)==="gif"}function h(e){if(!m(e))return!1;switch(s(e)){case"png":case"jpeg":case"webp":case"avif":case"ico":case"gif":case void 0:return!0;default:return!1}}function s(e){let n=e.pathname.split(".");if(!(n.length<=1))return n[n.length-1]}function m(e){return e.hostname.endsWith("seadn.io")}function R(e){try{typeof e=="string"&&(e=new URL(e))}catch(n){return e.toString()}return m(e)&&(e.hostname=e.hostname.replace("i2c","raw2").replace("i2","raw2")),e.toString()}export{S as optimize,R as originalURL};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/sdk.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../src/boost.ts","../src/sdk.ts"],"sourcesContent":["const DIMENSIONS_BUCKETS = [80, 250, 500, 750, 1000, 2000, 4000];\n\nfunction findNextBucket(originalSize: number, boosted: number): number {\n let originalBucket = DIMENSIONS_BUCKETS.find(\n bucket => bucket >= originalSize,\n );\n let nextBucket = DIMENSIONS_BUCKETS.find(bucket => bucket >= boosted);\n\n if (nextBucket === originalBucket) {\n const currentIndex = DIMENSIONS_BUCKETS.indexOf(nextBucket!);\n nextBucket = DIMENSIONS_BUCKETS[currentIndex + 1];\n }\n\n return nextBucket || DIMENSIONS_BUCKETS[DIMENSIONS_BUCKETS.length - 1];\n}\n\nexport function boostSize(\n size: number | `${number}`,\n boost: number | undefined,\n): number | `${number}` {\n if (boost === undefined || boost <= 1) {\n return size;\n }\n const boosted = Number(size) * boost;\n return findNextBucket(Number(size), boosted);\n}\n","import { boostSize } from \"./boost\";\n\nexport type MediaFormat = \"webp\" | \"avif\" | \"jpeg\" | \"png\";\nexport type MediaFit = \"cover\" | \"contain\" | \"fill\" | \"inside\" | \"outside\";\n\nexport type MediaParams = {\n width?: number | `${number}`;\n height?: number | `${number}`;\n format?: MediaFormat;\n quality?: number | `${number}`;\n fit?: MediaFit;\n frameTime?: number;\n boost?: number;\n};\n\nexport function optimize(\n image: string | URL,\n { width, height, format, quality, fit, frameTime, boost }: MediaParams,\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 isFrameable = canExtractFrame(image);\n if (!canBeResized(image) && !isFrameable) {\n return image.toString();\n }\n\n const params = new URLSearchParams();\n if (height !== undefined) {\n params.set(\"h\", String(boostSize(height, boost)));\n }\n if (width !== undefined) {\n params.set(\"w\", String(boostSize(width, boost)));\n }\n if (format !== undefined) {\n params.set(\"format\", format);\n }\n if (quality) {\n if (Number(quality) <= 0 || Number(quality) > 100) {\n throw new Error(\"Quality has to be a positive number between 1 and 100\");\n }\n params.set(\"q\", String(quality));\n }\n if (fit !== undefined) {\n params.set(\"fit\", fit);\n }\n if (frameTime !== undefined) {\n if (isFrameable) {\n params.set(\"frame-time\", String(frameTime));\n }\n } else if (isVideo(image)) {\n return image.toString();\n }\n\n image.search = params.toString();\n return image.toString();\n}\n\nfunction isVideo(url: URL): boolean {\n const extension = getExtension(url);\n return extension === \"mp4\" || extension === \"mov\";\n}\n\nfunction canExtractFrame(url: URL): boolean {\n return isVideo(url) || getExtension(url) === \"gif\";\n}\n\nfunction canBeResized(url: URL): boolean {\n if (!isSeadnURL(url)) {\n return false;\n }\n const extension = getExtension(url);\n switch (extension) {\n case \"png\":\n case \"jpeg\":\n case \"webp\":\n case \"avif\":\n case \"ico\":\n case \"gif\":\n case undefined:\n return true;\n default:\n return false;\n }\n}\n\nfunction getExtension(url: URL): string | undefined {\n const split = url.pathname.split(\".\");\n if (split.length <= 1) {\n return undefined;\n }\n return split[split.length - 1];\n}\n\nexport function isSeadnURL(url: URL): boolean {\n return url.hostname.endsWith(\"seadn.io\");\n}\n\nexport function originalURL(image: URL | string): string {\n try {\n if (typeof image === \"string\") {\n image = new URL(image);\n }\n } catch {\n return image.toString();\n }\n if (!isSeadnURL(image)) {\n return image.toString();\n }\n image.hostname = image.hostname.replace(\"i2c\", \"raw2\").replace(\"i2\", \"raw2\");\n return image.toString();\n}\n"],"mappings":"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","names":["DIMENSIONS_BUCKETS","findNextBucket","originalSize","boosted","originalBucket","bucket","nextBucket","currentIndex","boostSize","size","boost","optimize","image","width","height","format","quality","fit","frameTime","boost","e","isFrameable","canExtractFrame","canBeResized","params","boostSize","isVideo","url","extension","getExtension","isSeadnURL","split","originalURL"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opensea/seadn",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.3.1",
|
|
4
4
|
"description": "Javascript SDK to work with SeaDN",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "OpenSea Developers",
|
|
@@ -12,16 +12,16 @@
|
|
|
12
12
|
"./dist",
|
|
13
13
|
"./src"
|
|
14
14
|
],
|
|
15
|
-
"devDependencies": {
|
|
16
|
-
"@arethetypeswrong/cli": "0.16.4",
|
|
17
|
-
"tsup": "8.3.0",
|
|
18
|
-
"typescript": "5.6.2",
|
|
19
|
-
"vitest": "1.5.0"
|
|
20
|
-
},
|
|
21
15
|
"scripts": {
|
|
22
16
|
"build": "tsup",
|
|
23
17
|
"build:typecheck": "attw --pack",
|
|
24
18
|
"test": "vitest",
|
|
25
19
|
"typecheck": "tsc"
|
|
20
|
+
},
|
|
21
|
+
"devDependencies": {
|
|
22
|
+
"@arethetypeswrong/cli": "0.16.4",
|
|
23
|
+
"tsup": "8.3.0",
|
|
24
|
+
"typescript": "5.6.3",
|
|
25
|
+
"vitest": "1.5.0"
|
|
26
26
|
}
|
|
27
|
-
}
|
|
27
|
+
}
|
package/src/boost.ts
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
const DIMENSIONS_BUCKETS = [80, 250, 500, 750, 1000, 2000, 4000];
|
|
2
|
+
|
|
3
|
+
function findNextBucket(originalSize: number, boosted: number): number {
|
|
4
|
+
let originalBucket = DIMENSIONS_BUCKETS.find(
|
|
5
|
+
bucket => bucket >= originalSize,
|
|
6
|
+
);
|
|
7
|
+
let nextBucket = DIMENSIONS_BUCKETS.find(bucket => bucket >= boosted);
|
|
8
|
+
|
|
9
|
+
if (nextBucket === originalBucket) {
|
|
10
|
+
const currentIndex = DIMENSIONS_BUCKETS.indexOf(nextBucket!);
|
|
11
|
+
nextBucket = DIMENSIONS_BUCKETS[currentIndex + 1];
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
return nextBucket || DIMENSIONS_BUCKETS[DIMENSIONS_BUCKETS.length - 1];
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export function boostSize(
|
|
18
|
+
size: number | `${number}`,
|
|
19
|
+
boost: number | undefined,
|
|
20
|
+
): number | `${number}` {
|
|
21
|
+
if (boost === undefined || boost <= 1) {
|
|
22
|
+
return size;
|
|
23
|
+
}
|
|
24
|
+
const boosted = Number(size) * boost;
|
|
25
|
+
return findNextBucket(Number(size), boosted);
|
|
26
|
+
}
|
package/src/sdk.spec.ts
CHANGED
|
@@ -101,14 +101,39 @@ test.each([
|
|
|
101
101
|
[
|
|
102
102
|
"https://i2.seadn.io/bored-ape.gif",
|
|
103
103
|
{ frameTime: 0.1 } satisfies MediaParams,
|
|
104
|
+
"https://i2.seadn.io/bored-ape.gif?frame-time=0.1",
|
|
105
|
+
],
|
|
106
|
+
[
|
|
104
107
|
"https://i2.seadn.io/bored-ape.gif",
|
|
108
|
+
{ frameTime: 0.1, height: 50 } satisfies MediaParams,
|
|
109
|
+
"https://i2.seadn.io/bored-ape.gif?h=50&frame-time=0.1",
|
|
105
110
|
],
|
|
106
111
|
[
|
|
107
112
|
"https://i2.seadn.io/bored-ape.mp4",
|
|
108
113
|
{ width: 50, height: 50 } satisfies MediaParams,
|
|
109
114
|
"https://i2.seadn.io/bored-ape.mp4",
|
|
110
115
|
],
|
|
111
|
-
|
|
116
|
+
[
|
|
117
|
+
"https://i2.seadn.io/bored-ape.png",
|
|
118
|
+
{ width: 24, height: 24, boost: 2 } satisfies MediaParams,
|
|
119
|
+
"https://i2.seadn.io/bored-ape.png?h=250&w=250",
|
|
120
|
+
],
|
|
121
|
+
[
|
|
122
|
+
"https://i2.seadn.io/bored-ape.png",
|
|
123
|
+
{ width: 24, height: 24, boost: 1 } satisfies MediaParams,
|
|
124
|
+
"https://i2.seadn.io/bored-ape.png?h=24&w=24",
|
|
125
|
+
],
|
|
126
|
+
[
|
|
127
|
+
"https://i2.seadn.io/bored-ape.png",
|
|
128
|
+
{ width: 24, height: 24, boost: 11 } satisfies MediaParams,
|
|
129
|
+
"https://i2.seadn.io/bored-ape.png?h=500&w=500",
|
|
130
|
+
],
|
|
131
|
+
[
|
|
132
|
+
"https://i2.seadn.io/bored-ape.png",
|
|
133
|
+
{ width: 24, height: 24, boost: 1000 } satisfies MediaParams,
|
|
134
|
+
"https://i2.seadn.io/bored-ape.png?h=4000&w=4000",
|
|
135
|
+
],
|
|
136
|
+
])("optimize(%o, %o) -> %o", (url, resizeParams, expected) => {
|
|
112
137
|
expect(optimize(url as string, resizeParams)).toEqual(expected);
|
|
113
138
|
});
|
|
114
139
|
|
package/src/sdk.ts
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { boostSize } from "./boost";
|
|
2
|
+
|
|
1
3
|
export type MediaFormat = "webp" | "avif" | "jpeg" | "png";
|
|
2
4
|
export type MediaFit = "cover" | "contain" | "fill" | "inside" | "outside";
|
|
3
5
|
|
|
@@ -8,11 +10,12 @@ export type MediaParams = {
|
|
|
8
10
|
quality?: number | `${number}`;
|
|
9
11
|
fit?: MediaFit;
|
|
10
12
|
frameTime?: number;
|
|
13
|
+
boost?: number;
|
|
11
14
|
};
|
|
12
15
|
|
|
13
16
|
export function optimize(
|
|
14
17
|
image: string | URL,
|
|
15
|
-
{ width, height, format, quality, fit, frameTime }: MediaParams,
|
|
18
|
+
{ width, height, format, quality, fit, frameTime, boost }: MediaParams,
|
|
16
19
|
): string {
|
|
17
20
|
try {
|
|
18
21
|
if (typeof image === "string") {
|
|
@@ -33,10 +36,10 @@ export function optimize(
|
|
|
33
36
|
|
|
34
37
|
const params = new URLSearchParams();
|
|
35
38
|
if (height !== undefined) {
|
|
36
|
-
params.set("h", String(height));
|
|
39
|
+
params.set("h", String(boostSize(height, boost)));
|
|
37
40
|
}
|
|
38
41
|
if (width !== undefined) {
|
|
39
|
-
params.set("w", String(width));
|
|
42
|
+
params.set("w", String(boostSize(width, boost)));
|
|
40
43
|
}
|
|
41
44
|
if (format !== undefined) {
|
|
42
45
|
params.set("format", format);
|
|
@@ -68,7 +71,7 @@ function isVideo(url: URL): boolean {
|
|
|
68
71
|
}
|
|
69
72
|
|
|
70
73
|
function canExtractFrame(url: URL): boolean {
|
|
71
|
-
return isVideo(url);
|
|
74
|
+
return isVideo(url) || getExtension(url) === "gif";
|
|
72
75
|
}
|
|
73
76
|
|
|
74
77
|
function canBeResized(url: URL): boolean {
|