@alpaca-headless/alpaca-headless-nextjs 1.0.2711 → 1.0.2713
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.
|
@@ -13,6 +13,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
14
|
exports.Picture = void 0;
|
|
15
15
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
+
const mediaProtection_1 = require("../mediaProtection");
|
|
16
17
|
// const addClassName = (otherAttrs: { [key: string]: unknown }): void => {
|
|
17
18
|
// if (otherAttrs.class) {
|
|
18
19
|
// // if any classes are defined properly already
|
|
@@ -42,7 +43,7 @@ const Picture = (_a) => {
|
|
|
42
43
|
const variant = variants === null || variants === void 0 ? void 0 : variants.find((v) => v.name.toLowerCase() == source.variant.toLowerCase());
|
|
43
44
|
if (!variant)
|
|
44
45
|
return;
|
|
45
|
-
let srcSet = variant.src;
|
|
46
|
+
let srcSet = (0, mediaProtection_1.hashImageUrl)(variant.src);
|
|
46
47
|
if (source.widths && source.widths.length) {
|
|
47
48
|
const getScaledImage = (variant, width) => {
|
|
48
49
|
if (width > variant.width)
|
|
@@ -55,7 +56,11 @@ const Picture = (_a) => {
|
|
|
55
56
|
for (let w = 0; w < scaledImages.length; w++) {
|
|
56
57
|
if (srcSet.length)
|
|
57
58
|
srcSet = srcSet + ", ";
|
|
58
|
-
srcSet +=
|
|
59
|
+
srcSet +=
|
|
60
|
+
(0, mediaProtection_1.hashImageUrl)(scaledImages[w].src) +
|
|
61
|
+
" " +
|
|
62
|
+
source.widths[w] +
|
|
63
|
+
"w";
|
|
59
64
|
if (scaledImages[w].width === 0)
|
|
60
65
|
break;
|
|
61
66
|
}
|
|
@@ -68,14 +73,18 @@ const Picture = (_a) => {
|
|
|
68
73
|
else
|
|
69
74
|
return { src: variant.src + "&mw=" + width, width: width };
|
|
70
75
|
};
|
|
71
|
-
srcSet = getScaledImage(variant, source.width).src;
|
|
76
|
+
srcSet = (0, mediaProtection_1.hashImageUrl)(getScaledImage(variant, source.width).src);
|
|
72
77
|
if (source.scales) {
|
|
73
78
|
let scaledImages = source.scales.map((x) => { var _a; return getScaledImage(variant, ((_a = source.width) !== null && _a !== void 0 ? _a : 0) * x); });
|
|
74
79
|
srcSet = "";
|
|
75
80
|
for (let w = 0; w < scaledImages.length; w++) {
|
|
76
81
|
if (srcSet.length)
|
|
77
82
|
srcSet = srcSet + ", ";
|
|
78
|
-
srcSet +=
|
|
83
|
+
srcSet +=
|
|
84
|
+
(0, mediaProtection_1.hashImageUrl)(scaledImages[w].src) +
|
|
85
|
+
" " +
|
|
86
|
+
source.scales[w] +
|
|
87
|
+
"x";
|
|
79
88
|
if (scaledImages[w].width === 0)
|
|
80
89
|
break;
|
|
81
90
|
}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.hashImageUrl = void 0;
|
|
7
|
+
const crypto_1 = __importDefault(require("crypto"));
|
|
8
|
+
require("url");
|
|
9
|
+
const protectedParams = [
|
|
10
|
+
"w",
|
|
11
|
+
"h",
|
|
12
|
+
"mw",
|
|
13
|
+
"mh",
|
|
14
|
+
"sc",
|
|
15
|
+
"as",
|
|
16
|
+
"bc",
|
|
17
|
+
"db",
|
|
18
|
+
"iar",
|
|
19
|
+
"la",
|
|
20
|
+
"thn",
|
|
21
|
+
"vs",
|
|
22
|
+
"sc_content",
|
|
23
|
+
"sc_lang",
|
|
24
|
+
"sc_site",
|
|
25
|
+
"gray",
|
|
26
|
+
"rev",
|
|
27
|
+
"devicepixelratio",
|
|
28
|
+
"encodequality",
|
|
29
|
+
"rx",
|
|
30
|
+
"ry",
|
|
31
|
+
"rw",
|
|
32
|
+
"rh",
|
|
33
|
+
"crop",
|
|
34
|
+
];
|
|
35
|
+
function hashImageUrl(url) {
|
|
36
|
+
const uri = new URL(url.toLowerCase());
|
|
37
|
+
uri.searchParams.delete("hash");
|
|
38
|
+
const searchParams = protectedParams
|
|
39
|
+
.map((x) => ({ name: x, val: uri.searchParams.get(x) }))
|
|
40
|
+
.filter((x) => x.val)
|
|
41
|
+
.map((x) => x.name + "=" + x.val)
|
|
42
|
+
.join("&");
|
|
43
|
+
const stringToProtect = uri.pathname.substring(1) + "?" + searchParams;
|
|
44
|
+
const hash = crypto_1.default
|
|
45
|
+
.createHash("md5")
|
|
46
|
+
.update(stringToProtect + process.env.MEDIA_REQUESTPROTECTION_SHAREDSECRET, "utf16le")
|
|
47
|
+
.digest("hex");
|
|
48
|
+
uri.searchParams.set("hash", hash);
|
|
49
|
+
return uri.toString();
|
|
50
|
+
}
|
|
51
|
+
exports.hashImageUrl = hashImageUrl;
|
|
@@ -10,6 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import { hashImageUrl } from "../mediaProtection";
|
|
13
14
|
// const addClassName = (otherAttrs: { [key: string]: unknown }): void => {
|
|
14
15
|
// if (otherAttrs.class) {
|
|
15
16
|
// // if any classes are defined properly already
|
|
@@ -39,7 +40,7 @@ export const Picture = (_a) => {
|
|
|
39
40
|
const variant = variants === null || variants === void 0 ? void 0 : variants.find((v) => v.name.toLowerCase() == source.variant.toLowerCase());
|
|
40
41
|
if (!variant)
|
|
41
42
|
return;
|
|
42
|
-
let srcSet = variant.src;
|
|
43
|
+
let srcSet = hashImageUrl(variant.src);
|
|
43
44
|
if (source.widths && source.widths.length) {
|
|
44
45
|
const getScaledImage = (variant, width) => {
|
|
45
46
|
if (width > variant.width)
|
|
@@ -52,7 +53,11 @@ export const Picture = (_a) => {
|
|
|
52
53
|
for (let w = 0; w < scaledImages.length; w++) {
|
|
53
54
|
if (srcSet.length)
|
|
54
55
|
srcSet = srcSet + ", ";
|
|
55
|
-
srcSet +=
|
|
56
|
+
srcSet +=
|
|
57
|
+
hashImageUrl(scaledImages[w].src) +
|
|
58
|
+
" " +
|
|
59
|
+
source.widths[w] +
|
|
60
|
+
"w";
|
|
56
61
|
if (scaledImages[w].width === 0)
|
|
57
62
|
break;
|
|
58
63
|
}
|
|
@@ -65,14 +70,18 @@ export const Picture = (_a) => {
|
|
|
65
70
|
else
|
|
66
71
|
return { src: variant.src + "&mw=" + width, width: width };
|
|
67
72
|
};
|
|
68
|
-
srcSet = getScaledImage(variant, source.width).src;
|
|
73
|
+
srcSet = hashImageUrl(getScaledImage(variant, source.width).src);
|
|
69
74
|
if (source.scales) {
|
|
70
75
|
let scaledImages = source.scales.map((x) => { var _a; return getScaledImage(variant, ((_a = source.width) !== null && _a !== void 0 ? _a : 0) * x); });
|
|
71
76
|
srcSet = "";
|
|
72
77
|
for (let w = 0; w < scaledImages.length; w++) {
|
|
73
78
|
if (srcSet.length)
|
|
74
79
|
srcSet = srcSet + ", ";
|
|
75
|
-
srcSet +=
|
|
80
|
+
srcSet +=
|
|
81
|
+
hashImageUrl(scaledImages[w].src) +
|
|
82
|
+
" " +
|
|
83
|
+
source.scales[w] +
|
|
84
|
+
"x";
|
|
76
85
|
if (scaledImages[w].width === 0)
|
|
77
86
|
break;
|
|
78
87
|
}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import crypto from "crypto";
|
|
2
|
+
import "url";
|
|
3
|
+
const protectedParams = [
|
|
4
|
+
"w",
|
|
5
|
+
"h",
|
|
6
|
+
"mw",
|
|
7
|
+
"mh",
|
|
8
|
+
"sc",
|
|
9
|
+
"as",
|
|
10
|
+
"bc",
|
|
11
|
+
"db",
|
|
12
|
+
"iar",
|
|
13
|
+
"la",
|
|
14
|
+
"thn",
|
|
15
|
+
"vs",
|
|
16
|
+
"sc_content",
|
|
17
|
+
"sc_lang",
|
|
18
|
+
"sc_site",
|
|
19
|
+
"gray",
|
|
20
|
+
"rev",
|
|
21
|
+
"devicepixelratio",
|
|
22
|
+
"encodequality",
|
|
23
|
+
"rx",
|
|
24
|
+
"ry",
|
|
25
|
+
"rw",
|
|
26
|
+
"rh",
|
|
27
|
+
"crop",
|
|
28
|
+
];
|
|
29
|
+
export function hashImageUrl(url) {
|
|
30
|
+
const uri = new URL(url.toLowerCase());
|
|
31
|
+
uri.searchParams.delete("hash");
|
|
32
|
+
const searchParams = protectedParams
|
|
33
|
+
.map((x) => ({ name: x, val: uri.searchParams.get(x) }))
|
|
34
|
+
.filter((x) => x.val)
|
|
35
|
+
.map((x) => x.name + "=" + x.val)
|
|
36
|
+
.join("&");
|
|
37
|
+
const stringToProtect = uri.pathname.substring(1) + "?" + searchParams;
|
|
38
|
+
const hash = crypto
|
|
39
|
+
.createHash("md5")
|
|
40
|
+
.update(stringToProtect + process.env.MEDIA_REQUESTPROTECTION_SHAREDSECRET, "utf16le")
|
|
41
|
+
.digest("hex");
|
|
42
|
+
uri.searchParams.set("hash", hash);
|
|
43
|
+
return uri.toString();
|
|
44
|
+
}
|
package/package.json
CHANGED