react-datocms 4.1.3 → 4.2.1-0
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 +34 -6
- package/dist/cjs/Image/index.js +68 -74
- package/dist/cjs/Image/index.js.map +1 -1
- package/dist/cjs/Image/useInView.js +3 -14
- package/dist/cjs/Image/useInView.js.map +1 -1
- package/dist/cjs/Seo/index.js +1 -1
- package/dist/cjs/Seo/nextUtils.js +28 -49
- package/dist/cjs/Seo/nextUtils.js.map +1 -1
- package/dist/cjs/Seo/remixUtils.js +6 -18
- package/dist/cjs/Seo/remixUtils.js.map +1 -1
- package/dist/cjs/Seo/renderMetaTags.js +6 -18
- package/dist/cjs/Seo/renderMetaTags.js.map +1 -1
- package/dist/cjs/Seo/renderMetaTagsToString.js +7 -7
- package/dist/cjs/Seo/renderMetaTagsToString.js.map +1 -1
- package/dist/cjs/Seo/types.js +31 -51
- package/dist/cjs/Seo/types.js.map +1 -1
- package/dist/cjs/StructuredText/index.js +40 -52
- package/dist/cjs/StructuredText/index.js.map +1 -1
- package/dist/cjs/VideoPlayer/index.js +67 -0
- package/dist/cjs/VideoPlayer/index.js.map +1 -0
- package/dist/cjs/index.js +4 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/useQuerySubscription/index.js +25 -70
- package/dist/cjs/useQuerySubscription/index.js.map +1 -1
- package/dist/cjs/useSiteSearch/index.js +71 -123
- package/dist/cjs/useSiteSearch/index.js.map +1 -1
- package/dist/cjs/useVideoPlayer/index.js +31 -0
- package/dist/cjs/useVideoPlayer/index.js.map +1 -0
- package/dist/esm/Image/index.js +62 -68
- package/dist/esm/Image/index.js.map +1 -1
- package/dist/esm/Seo/nextUtils.js +26 -47
- package/dist/esm/Seo/nextUtils.js.map +1 -1
- package/dist/esm/Seo/remixUtils.js +5 -17
- package/dist/esm/Seo/remixUtils.js.map +1 -1
- package/dist/esm/Seo/renderMetaTags.js +4 -16
- package/dist/esm/Seo/renderMetaTags.js.map +1 -1
- package/dist/esm/Seo/renderMetaTagsToString.js +6 -6
- package/dist/esm/Seo/renderMetaTagsToString.js.map +1 -1
- package/dist/esm/Seo/types.js +30 -50
- package/dist/esm/Seo/types.js.map +1 -1
- package/dist/esm/StructuredText/index.js +33 -45
- package/dist/esm/StructuredText/index.js.map +1 -1
- package/dist/esm/VideoPlayer/index.js +38 -0
- package/dist/esm/VideoPlayer/index.js.map +1 -0
- package/dist/esm/index.js +3 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/useQuerySubscription/index.js +22 -67
- package/dist/esm/useQuerySubscription/index.js.map +1 -1
- package/dist/esm/useSiteSearch/index.js +65 -117
- package/dist/esm/useSiteSearch/index.js.map +1 -1
- package/dist/esm/useVideoPlayer/index.js +27 -0
- package/dist/esm/useVideoPlayer/index.js.map +1 -0
- package/dist/types/Seo/nextUtils.d.ts +1 -1
- package/dist/types/Seo/remixUtils.d.ts +1 -1
- package/dist/types/Seo/renderMetaTags.d.ts +1 -1
- package/dist/types/Seo/renderMetaTagsToString.d.ts +1 -1
- package/dist/types/StructuredText/index.d.ts +2 -2
- package/dist/types/VideoPlayer/index.d.ts +26 -0
- package/dist/types/index.d.ts +3 -1
- package/dist/types/useVideoPlayer/index.d.ts +17 -0
- package/package.json +44 -49
- package/src/Image/__tests__/__snapshots__/index.test.tsx.snap +91 -91
- package/src/Image/__tests__/index.test.tsx +2 -2
- package/src/Image/index.tsx +11 -9
- package/src/Seo/__tests__/__snapshots__/index.test.tsx.snap +53 -53
- package/src/Seo/__tests__/index.test.tsx +1 -1
- package/src/Seo/nextUtils.ts +1 -1
- package/src/Seo/remixUtils.ts +1 -1
- package/src/Seo/renderMetaTags.tsx +1 -1
- package/src/Seo/renderMetaTagsToString.tsx +1 -1
- package/src/StructuredText/__tests__/__snapshots__/index.test.tsx.snap +58 -58
- package/src/StructuredText/__tests__/index.test.tsx +5 -5
- package/src/StructuredText/index.tsx +10 -10
- package/src/VideoPlayer/index.tsx +107 -0
- package/src/{setupTests.ts → __tests__/setup.ts} +4 -1
- package/src/index.ts +4 -1
- package/src/useQuerySubscription/index.ts +6 -6
- package/src/useVideoPlayer/__tests__/index.test.tsx +98 -0
- package/src/useVideoPlayer/index.ts +68 -0
- package/dist/cjs/Image/__tests__/index.test.js +0 -99
- package/dist/cjs/Image/__tests__/index.test.js.map +0 -1
- package/dist/cjs/Seo/__tests__/index.test.js +0 -330
- package/dist/cjs/Seo/__tests__/index.test.js.map +0 -1
- package/dist/cjs/StructuredText/__tests__/index.test.js +0 -243
- package/dist/cjs/StructuredText/__tests__/index.test.js.map +0 -1
- package/dist/cjs/setupTests.js +0 -11
- package/dist/cjs/setupTests.js.map +0 -1
- package/dist/esm/Image/__tests__/index.test.d.ts +0 -1
- package/dist/esm/Image/__tests__/index.test.js +0 -74
- package/dist/esm/Image/__tests__/index.test.js.map +0 -1
- package/dist/esm/Image/index.d.ts +0 -93
- package/dist/esm/Image/useInView.d.ts +0 -1
- package/dist/esm/Seo/__tests__/index.test.d.ts +0 -1
- package/dist/esm/Seo/__tests__/index.test.js +0 -305
- package/dist/esm/Seo/__tests__/index.test.js.map +0 -1
- package/dist/esm/Seo/index.d.ts +0 -5
- package/dist/esm/Seo/nextUtils.d.ts +0 -48
- package/dist/esm/Seo/remixUtils.d.ts +0 -6
- package/dist/esm/Seo/renderMetaTags.d.ts +0 -3
- package/dist/esm/Seo/renderMetaTagsToString.d.ts +0 -2
- package/dist/esm/Seo/types.d.ts +0 -55
- package/dist/esm/StructuredText/__tests__/index.test.d.ts +0 -1
- package/dist/esm/StructuredText/__tests__/index.test.js +0 -218
- package/dist/esm/StructuredText/__tests__/index.test.js.map +0 -1
- package/dist/esm/StructuredText/index.d.ts +0 -52
- package/dist/esm/index.d.ts +0 -5
- package/dist/esm/setupTests.d.ts +0 -1
- package/dist/esm/setupTests.js +0 -6
- package/dist/esm/setupTests.js.map +0 -1
- package/dist/esm/useQuerySubscription/index.d.ts +0 -20
- package/dist/esm/useSiteSearch/index.d.ts +0 -83
- package/dist/types/Image/__tests__/index.test.d.ts +0 -1
- package/dist/types/Seo/__tests__/index.test.d.ts +0 -1
- package/dist/types/StructuredText/__tests__/index.test.d.ts +0 -1
- package/dist/types/setupTests.d.ts +0 -1
|
@@ -1,16 +1,5 @@
|
|
|
1
|
-
'use client';
|
|
2
1
|
"use strict";
|
|
3
|
-
|
|
4
|
-
__assign = Object.assign || function(t) {
|
|
5
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
6
|
-
s = arguments[i];
|
|
7
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
8
|
-
t[p] = s[p];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
return __assign.apply(this, arguments);
|
|
13
|
-
};
|
|
2
|
+
'use client';
|
|
14
3
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
15
4
|
if (k2 === undefined) k2 = k;
|
|
16
5
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -43,111 +32,70 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
43
32
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
44
33
|
});
|
|
45
34
|
};
|
|
46
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
47
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
48
|
-
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
49
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
50
|
-
function step(op) {
|
|
51
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
52
|
-
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
53
|
-
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
54
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
55
|
-
switch (op[0]) {
|
|
56
|
-
case 0: case 1: t = op; break;
|
|
57
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
58
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
59
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
60
|
-
default:
|
|
61
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
62
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
63
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
64
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
65
|
-
if (t[2]) _.ops.pop();
|
|
66
|
-
_.trys.pop(); continue;
|
|
67
|
-
}
|
|
68
|
-
op = body.call(thisArg, _);
|
|
69
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
70
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
71
|
-
}
|
|
72
|
-
};
|
|
73
35
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
74
36
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
75
37
|
};
|
|
76
|
-
exports
|
|
38
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
77
39
|
exports.useSiteSearch = void 0;
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
function MatchHighlighter(
|
|
82
|
-
|
|
83
|
-
return (react_1["default"].createElement(react_1["default"].Fragment, null, (0, react_string_replace_1["default"])(children, /\[h\](.+?)\[\/h\]/g, function (match, index) {
|
|
84
|
-
return highlighter(match, index.toString(), context);
|
|
85
|
-
})));
|
|
40
|
+
const react_1 = __importStar(require("react"));
|
|
41
|
+
const react_string_replace_1 = __importDefault(require("react-string-replace"));
|
|
42
|
+
const defaultHighlighter = (text, key) => (react_1.default.createElement("mark", { key: key }, text));
|
|
43
|
+
function MatchHighlighter({ children, highlighter, context, }) {
|
|
44
|
+
return (react_1.default.createElement(react_1.default.Fragment, null, (0, react_string_replace_1.default)(children, /\[h\](.+?)\[\/h\]/g, (match, index) => highlighter(match, index.toString(), context))));
|
|
86
45
|
}
|
|
87
46
|
function useSiteSearch(config) {
|
|
88
|
-
var _this = this;
|
|
89
47
|
var _a, _b, _c;
|
|
90
|
-
|
|
48
|
+
const [state, setState] = (0, react_1.useState)({
|
|
91
49
|
query: ((_a = config.initialState) === null || _a === void 0 ? void 0 : _a.query) || '',
|
|
92
50
|
page: ((_b = config.initialState) === null || _b === void 0 ? void 0 : _b.page) || 0,
|
|
93
|
-
locale: (_c = config.initialState) === null || _c === void 0 ? void 0 : _c.locale
|
|
94
|
-
})
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
(0, react_1.useEffect)(
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
setError(undefined);
|
|
107
|
-
if (!state.query) {
|
|
108
|
-
setResponse({ data: [], meta: { total_count: 0 } });
|
|
109
|
-
return [2 /*return*/];
|
|
110
|
-
}
|
|
111
|
-
setResponse(undefined);
|
|
112
|
-
request = {
|
|
113
|
-
filter: {
|
|
114
|
-
query: state.query,
|
|
115
|
-
locale: state.locale,
|
|
116
|
-
build_trigger_id: config.buildTriggerId
|
|
117
|
-
},
|
|
118
|
-
page: {
|
|
119
|
-
limit: resultsPerPage,
|
|
120
|
-
offset: resultsPerPage * state.page
|
|
121
|
-
}
|
|
122
|
-
};
|
|
123
|
-
if (config.fuzzySearch) {
|
|
124
|
-
request.fuzzy = 'true';
|
|
125
|
-
}
|
|
126
|
-
return [4 /*yield*/, config.client.searchResults.rawList(request)];
|
|
127
|
-
case 1:
|
|
128
|
-
response_1 = _a.sent();
|
|
129
|
-
if (!isCancelled) {
|
|
130
|
-
setResponse(response_1);
|
|
131
|
-
}
|
|
132
|
-
return [3 /*break*/, 3];
|
|
133
|
-
case 2:
|
|
134
|
-
e_1 = _a.sent();
|
|
135
|
-
if (isCancelled) {
|
|
136
|
-
return [2 /*return*/];
|
|
137
|
-
}
|
|
138
|
-
if (e_1 instanceof Error) {
|
|
139
|
-
setError(e_1.message);
|
|
140
|
-
}
|
|
141
|
-
else {
|
|
142
|
-
setError('Unknown error!');
|
|
143
|
-
}
|
|
144
|
-
return [3 /*break*/, 3];
|
|
145
|
-
case 3: return [2 /*return*/];
|
|
51
|
+
locale: (_c = config.initialState) === null || _c === void 0 ? void 0 : _c.locale,
|
|
52
|
+
});
|
|
53
|
+
const [error, setError] = (0, react_1.useState)();
|
|
54
|
+
const [response, setResponse] = (0, react_1.useState)();
|
|
55
|
+
const resultsPerPage = config.resultsPerPage || 8;
|
|
56
|
+
(0, react_1.useEffect)(() => {
|
|
57
|
+
let isCancelled = false;
|
|
58
|
+
const run = () => __awaiter(this, void 0, void 0, function* () {
|
|
59
|
+
try {
|
|
60
|
+
setError(undefined);
|
|
61
|
+
if (!state.query) {
|
|
62
|
+
setResponse({ data: [], meta: { total_count: 0 } });
|
|
63
|
+
return;
|
|
146
64
|
}
|
|
147
|
-
|
|
148
|
-
|
|
65
|
+
setResponse(undefined);
|
|
66
|
+
const request = {
|
|
67
|
+
filter: {
|
|
68
|
+
query: state.query,
|
|
69
|
+
locale: state.locale,
|
|
70
|
+
build_trigger_id: config.buildTriggerId,
|
|
71
|
+
},
|
|
72
|
+
page: {
|
|
73
|
+
limit: resultsPerPage,
|
|
74
|
+
offset: resultsPerPage * state.page,
|
|
75
|
+
},
|
|
76
|
+
};
|
|
77
|
+
if (config.fuzzySearch) {
|
|
78
|
+
request.fuzzy = 'true';
|
|
79
|
+
}
|
|
80
|
+
const response = yield config.client.searchResults.rawList(request);
|
|
81
|
+
if (!isCancelled) {
|
|
82
|
+
setResponse(response);
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
catch (e) {
|
|
86
|
+
if (isCancelled) {
|
|
87
|
+
return;
|
|
88
|
+
}
|
|
89
|
+
if (e instanceof Error) {
|
|
90
|
+
setError(e.message);
|
|
91
|
+
}
|
|
92
|
+
else {
|
|
93
|
+
setError('Unknown error!');
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
});
|
|
149
97
|
run();
|
|
150
|
-
return
|
|
98
|
+
return () => {
|
|
151
99
|
isCancelled = true;
|
|
152
100
|
};
|
|
153
101
|
}, [
|
|
@@ -157,16 +105,16 @@ function useSiteSearch(config) {
|
|
|
157
105
|
config.fuzzySearch,
|
|
158
106
|
config.client.config.apiToken,
|
|
159
107
|
]);
|
|
160
|
-
|
|
161
|
-
setState(
|
|
108
|
+
const publicSetQuery = (0, react_1.useCallback)((newQuery) => {
|
|
109
|
+
setState((oldState) => (Object.assign(Object.assign({}, oldState), { query: newQuery, page: 0 })));
|
|
162
110
|
}, [setState]);
|
|
163
|
-
|
|
164
|
-
setState(
|
|
111
|
+
const publicSetPage = (0, react_1.useCallback)((newPage) => {
|
|
112
|
+
setState((oldState) => (Object.assign(Object.assign({}, oldState), { page: newPage })));
|
|
165
113
|
}, [setState]);
|
|
166
|
-
|
|
167
|
-
setState(
|
|
114
|
+
const publicSetLocale = (0, react_1.useCallback)((newLocale) => {
|
|
115
|
+
setState((oldState) => (Object.assign(Object.assign({}, oldState), { locale: newLocale, page: 0 })));
|
|
168
116
|
}, [setState]);
|
|
169
|
-
|
|
117
|
+
const highlighter = config.highlightMatch || defaultHighlighter;
|
|
170
118
|
return {
|
|
171
119
|
state: {
|
|
172
120
|
query: state.query,
|
|
@@ -174,28 +122,28 @@ function useSiteSearch(config) {
|
|
|
174
122
|
page: state.page,
|
|
175
123
|
setPage: publicSetPage,
|
|
176
124
|
locale: state.locale,
|
|
177
|
-
setLocale: publicSetLocale
|
|
125
|
+
setLocale: publicSetLocale,
|
|
178
126
|
},
|
|
179
|
-
error
|
|
127
|
+
error,
|
|
180
128
|
data: state.query === ''
|
|
181
129
|
? {
|
|
182
130
|
pageResults: [],
|
|
183
131
|
totalResults: 0,
|
|
184
|
-
totalPages: 0
|
|
132
|
+
totalPages: 0,
|
|
185
133
|
}
|
|
186
134
|
: response
|
|
187
135
|
? {
|
|
188
|
-
pageResults: response.data.map(
|
|
136
|
+
pageResults: response.data.map((rawSearchResult) => ({
|
|
189
137
|
id: rawSearchResult.id,
|
|
190
138
|
url: rawSearchResult.attributes.url,
|
|
191
|
-
title: rawSearchResult.attributes.highlight.title ? (react_1
|
|
192
|
-
bodyExcerpt: rawSearchResult.attributes.highlight.body ? (react_1
|
|
193
|
-
raw: rawSearchResult
|
|
194
|
-
})
|
|
139
|
+
title: rawSearchResult.attributes.highlight.title ? (react_1.default.createElement(MatchHighlighter, { highlighter: highlighter, context: "title" }, rawSearchResult.attributes.highlight.title[0])) : (rawSearchResult.attributes.title),
|
|
140
|
+
bodyExcerpt: rawSearchResult.attributes.highlight.body ? (react_1.default.createElement(MatchHighlighter, { highlighter: highlighter, context: "bodyExcerpt" }, rawSearchResult.attributes.highlight.body[0])) : (rawSearchResult.attributes.body_excerpt),
|
|
141
|
+
raw: rawSearchResult,
|
|
142
|
+
})),
|
|
195
143
|
totalResults: response.meta.total_count,
|
|
196
|
-
totalPages: Math.ceil(response.meta.total_count / resultsPerPage)
|
|
144
|
+
totalPages: Math.ceil(response.meta.total_count / resultsPerPage),
|
|
197
145
|
}
|
|
198
|
-
: undefined
|
|
146
|
+
: undefined,
|
|
199
147
|
};
|
|
200
148
|
}
|
|
201
149
|
exports.useSiteSearch = useSiteSearch;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/useSiteSearch/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/useSiteSearch/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useVideoPlayer = void 0;
|
|
4
|
+
const computedTitle = (title) => {
|
|
5
|
+
return title ? { title } : undefined;
|
|
6
|
+
};
|
|
7
|
+
const computedPlaybackId = (muxPlaybackId, playbackId) => {
|
|
8
|
+
if (!(muxPlaybackId || playbackId))
|
|
9
|
+
return undefined;
|
|
10
|
+
return { playbackId: `${muxPlaybackId || playbackId}` };
|
|
11
|
+
};
|
|
12
|
+
const computedStyle = (width, height) => {
|
|
13
|
+
if (!(width && height))
|
|
14
|
+
return undefined;
|
|
15
|
+
return {
|
|
16
|
+
style: {
|
|
17
|
+
aspectRatio: `${width} / ${height}`,
|
|
18
|
+
},
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
const computedPlaceholder = (blurUpThumb) => {
|
|
22
|
+
return blurUpThumb ? { placeholder: blurUpThumb } : undefined;
|
|
23
|
+
};
|
|
24
|
+
const useVideoPlayer = ({ data, }) => {
|
|
25
|
+
const { title, width, height, playbackId, muxPlaybackId, blurUpThumb } = data || {};
|
|
26
|
+
if (data === undefined)
|
|
27
|
+
return {};
|
|
28
|
+
return Object.assign(Object.assign(Object.assign(Object.assign({}, (computedTitle(title) || {})), (computedPlaybackId(muxPlaybackId, playbackId) || {})), (computedStyle(width, height) || {})), (computedPlaceholder(blurUpThumb) || {}));
|
|
29
|
+
};
|
|
30
|
+
exports.useVideoPlayer = useVideoPlayer;
|
|
31
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/useVideoPlayer/index.ts"],"names":[],"mappings":";;;AAOA,MAAM,aAAa,GAAG,CAAC,KAAgC,EAAE,EAAE;IACzD,OAAO,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AACvC,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CACzB,aAA+B,EAC/B,UAA4B,EAC5B,EAAE;IACF,IAAI,CAAC,CAAC,aAAa,IAAI,UAAU,CAAC;QAAE,OAAO,SAAS,CAAC;IAErD,OAAO,EAAE,UAAU,EAAE,GAAG,aAAa,IAAI,UAAU,EAAE,EAAE,CAAC;AAC1D,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CACpB,KAAuB,EACvB,MAAwB,EACxB,EAAE;IACF,IAAI,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC;QAAE,OAAO,SAAS,CAAC;IAEzC,OAAO;QACL,KAAK,EAAE;YACL,WAAW,EAAE,GAAG,KAAK,MAAM,MAAM,EAAE;SACpC;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,WAA6B,EAAE,EAAE;IAC5D,OAAO,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AAChE,CAAC,CAAC;AAkBK,MAAM,cAAc,GAAG,CAAC,EAC7B,IAAI,GACe,EAAqB,EAAE;IAC1C,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,GACpE,IAAI,IAAI,EAAE,CAAC;IAEb,IAAI,IAAI,KAAK,SAAS;QAAE,OAAO,EAAE,CAAC;IAElC,mEACK,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,GAC5B,CAAC,kBAAkB,CAAC,aAAa,EAAE,UAAU,CAAC,IAAI,EAAE,CAAC,GACrD,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,GACpC,CAAC,mBAAmB,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,EAC3C;AACJ,CAAC,CAAC;AAdW,QAAA,cAAc,kBAczB"}
|
package/dist/esm/Image/index.js
CHANGED
|
@@ -1,38 +1,26 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
import React, { useState, forwardRef, useCallback, useRef, useEffect, version, } from 'react';
|
|
14
|
-
import { useInView } from './useInView.js';
|
|
2
|
+
import React, { forwardRef, useCallback, useEffect, useRef, useState, version, } from 'react';
|
|
15
3
|
import { encode } from 'universal-base64';
|
|
16
|
-
|
|
17
|
-
|
|
4
|
+
import { useInView } from './useInView.js';
|
|
5
|
+
const isSsr = typeof window === 'undefined';
|
|
6
|
+
const isIntersectionObserverAvailable = isSsr
|
|
18
7
|
? false
|
|
19
8
|
: !!window.IntersectionObserver;
|
|
20
9
|
function fetchPriorityProp(fetchPriority) {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
10
|
+
const [majorStr, minorStr] = version.split('.');
|
|
11
|
+
const major = parseInt(majorStr, 10);
|
|
12
|
+
const minor = parseInt(minorStr, 10);
|
|
24
13
|
if (major > 18 || (major === 18 && minor >= 3)) {
|
|
25
14
|
// In React 18.3.0 or newer, we must use camelCase
|
|
26
15
|
// prop to avoid "Warning: Invalid DOM property".
|
|
27
16
|
// See https://github.com/facebook/react/pull/25927
|
|
28
|
-
return { fetchPriority
|
|
17
|
+
return { fetchPriority };
|
|
29
18
|
}
|
|
30
19
|
// In React 18.2.0 or older, we must use lowercase prop
|
|
31
20
|
// to avoid "Warning: Invalid DOM property".
|
|
32
21
|
return { fetchpriority: fetchPriority };
|
|
33
22
|
}
|
|
34
|
-
|
|
35
|
-
var lazyLoad = _a.lazyLoad, inView = _a.inView, loaded = _a.loaded;
|
|
23
|
+
const imageAddStrategy = ({ lazyLoad, inView, loaded }) => {
|
|
36
24
|
if (!lazyLoad) {
|
|
37
25
|
return true;
|
|
38
26
|
}
|
|
@@ -44,8 +32,7 @@ var imageAddStrategy = function (_a) {
|
|
|
44
32
|
}
|
|
45
33
|
return true;
|
|
46
34
|
};
|
|
47
|
-
|
|
48
|
-
var lazyLoad = _a.lazyLoad, loaded = _a.loaded;
|
|
35
|
+
const imageShowStrategy = ({ lazyLoad, loaded }) => {
|
|
49
36
|
if (!lazyLoad) {
|
|
50
37
|
return true;
|
|
51
38
|
}
|
|
@@ -57,46 +44,45 @@ var imageShowStrategy = function (_a) {
|
|
|
57
44
|
}
|
|
58
45
|
return true;
|
|
59
46
|
};
|
|
60
|
-
|
|
61
|
-
|
|
47
|
+
const bogusBaseUrl = 'https://example.com/';
|
|
48
|
+
const buildSrcSet = (src, width, candidateMultipliers) => {
|
|
62
49
|
if (!(src && width)) {
|
|
63
50
|
return undefined;
|
|
64
51
|
}
|
|
65
52
|
return candidateMultipliers
|
|
66
|
-
.map(
|
|
67
|
-
|
|
53
|
+
.map((multiplier) => {
|
|
54
|
+
const url = new URL(src, bogusBaseUrl);
|
|
68
55
|
if (multiplier !== 1) {
|
|
69
|
-
url.searchParams.set('dpr',
|
|
70
|
-
|
|
71
|
-
|
|
56
|
+
url.searchParams.set('dpr', `${multiplier}`);
|
|
57
|
+
const maxH = url.searchParams.get('max-h');
|
|
58
|
+
const maxW = url.searchParams.get('max-w');
|
|
72
59
|
if (maxH) {
|
|
73
|
-
url.searchParams.set('max-h',
|
|
60
|
+
url.searchParams.set('max-h', `${Math.floor(parseInt(maxH) * multiplier)}`);
|
|
74
61
|
}
|
|
75
62
|
if (maxW) {
|
|
76
|
-
url.searchParams.set('max-w',
|
|
63
|
+
url.searchParams.set('max-w', `${Math.floor(parseInt(maxW) * multiplier)}`);
|
|
77
64
|
}
|
|
78
65
|
}
|
|
79
|
-
|
|
66
|
+
const finalWidth = Math.floor(width * multiplier);
|
|
80
67
|
if (finalWidth < 50) {
|
|
81
68
|
return null;
|
|
82
69
|
}
|
|
83
|
-
return
|
|
70
|
+
return `${url.toString().replace(bogusBaseUrl, '/')} ${finalWidth}w`;
|
|
84
71
|
})
|
|
85
72
|
.filter(Boolean)
|
|
86
73
|
.join(',');
|
|
87
74
|
};
|
|
88
|
-
export
|
|
89
|
-
var _b, _c, _d, _e, _f, _g, _h, _j, _k
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
var handleLoad = function () {
|
|
75
|
+
export const Image = forwardRef(({ className, fadeInDuration = 500, intersectionTreshold, intersectionThreshold, intersectionMargin, pictureClassName, lazyLoad: rawLazyLoad = true, style, pictureStyle, layout = 'intrinsic', objectFit, objectPosition, data, onLoad, usePlaceholder = true, priority = false, sizes, srcSetCandidates = [0.25, 0.5, 0.75, 1, 1.5, 2, 3, 4], placeholderClassName, placeholderStyle, }, ref) => {
|
|
76
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
77
|
+
const lazyLoad = priority ? false : rawLazyLoad;
|
|
78
|
+
const [loaded, setLoaded] = useState(false);
|
|
79
|
+
const imageRef = useRef(null);
|
|
80
|
+
const handleLoad = () => {
|
|
95
81
|
onLoad === null || onLoad === void 0 ? void 0 : onLoad();
|
|
96
82
|
setLoaded(true);
|
|
97
83
|
};
|
|
98
84
|
// https://stackoverflow.com/q/39777833/266535
|
|
99
|
-
useEffect(
|
|
85
|
+
useEffect(() => {
|
|
100
86
|
if (!imageRef.current) {
|
|
101
87
|
return;
|
|
102
88
|
}
|
|
@@ -104,67 +90,75 @@ export var Image = forwardRef(function (_a, ref) {
|
|
|
104
90
|
handleLoad();
|
|
105
91
|
}
|
|
106
92
|
}, []);
|
|
107
|
-
|
|
93
|
+
const [viewRef, inView] = useInView({
|
|
108
94
|
threshold: intersectionThreshold || intersectionTreshold || 0,
|
|
109
95
|
rootMargin: intersectionMargin || '0px 0px 0px 0px',
|
|
110
96
|
triggerOnce: true,
|
|
111
|
-
fallbackInView: true
|
|
112
|
-
})
|
|
113
|
-
|
|
97
|
+
fallbackInView: true,
|
|
98
|
+
});
|
|
99
|
+
const callbackRef = useCallback((_ref) => {
|
|
114
100
|
viewRef(_ref);
|
|
115
101
|
if (ref) {
|
|
116
102
|
ref.current = _ref;
|
|
117
103
|
}
|
|
118
104
|
}, [viewRef]);
|
|
119
|
-
|
|
105
|
+
const absolutePositioning = {
|
|
120
106
|
position: 'absolute',
|
|
121
107
|
left: 0,
|
|
122
108
|
top: 0,
|
|
123
109
|
width: '100%',
|
|
124
110
|
height: '100%',
|
|
125
111
|
maxWidth: 'none',
|
|
126
|
-
maxHeight: 'none'
|
|
112
|
+
maxHeight: 'none',
|
|
127
113
|
};
|
|
128
|
-
|
|
129
|
-
lazyLoad
|
|
130
|
-
inView
|
|
131
|
-
loaded
|
|
114
|
+
const addImage = imageAddStrategy({
|
|
115
|
+
lazyLoad,
|
|
116
|
+
inView,
|
|
117
|
+
loaded,
|
|
132
118
|
});
|
|
133
|
-
|
|
134
|
-
lazyLoad
|
|
135
|
-
inView
|
|
136
|
-
loaded
|
|
119
|
+
const showImage = imageShowStrategy({
|
|
120
|
+
lazyLoad,
|
|
121
|
+
inView,
|
|
122
|
+
loaded,
|
|
137
123
|
});
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
124
|
+
const webpSource = data.webpSrcSet && (React.createElement("source", { srcSet: data.webpSrcSet, sizes: (_a = sizes !== null && sizes !== void 0 ? sizes : data.sizes) !== null && _a !== void 0 ? _a : undefined, type: "image/webp" }));
|
|
125
|
+
const regularSource = (React.createElement("source", { srcSet: (_b = data.srcSet) !== null && _b !== void 0 ? _b : buildSrcSet(data.src, data.width, srcSetCandidates), sizes: (_c = sizes !== null && sizes !== void 0 ? sizes : data.sizes) !== null && _c !== void 0 ? _c : undefined }));
|
|
126
|
+
const transition = fadeInDuration > 0 ? `opacity ${fadeInDuration}ms` : undefined;
|
|
127
|
+
const placeholder = usePlaceholder && (data.bgColor || data.base64) ? (React.createElement("img", { "aria-hidden": "true", alt: "", src: (_d = data.base64) !== null && _d !== void 0 ? _d : undefined, className: placeholderClassName, style: Object.assign({ backgroundColor: (_e = data.bgColor) !== null && _e !== void 0 ? _e : undefined, objectFit,
|
|
128
|
+
objectPosition,
|
|
129
|
+
transition, opacity: showImage ? 0 : 1,
|
|
142
130
|
// During the opacity transition of the placeholder to the definitive version,
|
|
143
131
|
// hardware acceleration is triggered. This results in the browser trying to render the
|
|
144
132
|
// placeholder with your GPU, causing blurred edges. Solution: style the placeholder
|
|
145
133
|
// so the edges overflow the container
|
|
146
134
|
position: 'absolute', left: '-5%', top: '-5%', width: '110%', height: '110%', maxWidth: 'none', maxHeight: 'none' }, placeholderStyle) })) : null;
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
return (React.createElement("div", { ref: callbackRef, className: className, style:
|
|
135
|
+
const { width, aspectRatio } = data;
|
|
136
|
+
const height = (_f = data.height) !== null && _f !== void 0 ? _f : (aspectRatio ? width / aspectRatio : 0);
|
|
137
|
+
const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"></svg>`;
|
|
138
|
+
const sizer = layout !== 'fill' ? (React.createElement("img", { className: pictureClassName, style: Object.assign({ display: 'block', width: '100%' }, pictureStyle), src: `data:image/svg+xml;base64,${encode(svg)}`, "aria-hidden": "true", alt: "" })) : null;
|
|
139
|
+
return (React.createElement("div", { ref: callbackRef, className: className, style: Object.assign(Object.assign({ overflow: 'hidden' }, (layout === 'fill'
|
|
152
140
|
? absolutePositioning
|
|
153
141
|
: layout === 'intrinsic'
|
|
154
142
|
? { position: 'relative', width: '100%', maxWidth: width }
|
|
155
143
|
: layout === 'fixed'
|
|
156
|
-
? { position: 'relative', width
|
|
144
|
+
? { position: 'relative', width }
|
|
157
145
|
: { position: 'relative', width: '100%' })), style) },
|
|
158
146
|
sizer,
|
|
159
147
|
placeholder,
|
|
160
148
|
addImage && (React.createElement("picture", null,
|
|
161
149
|
webpSource,
|
|
162
150
|
regularSource,
|
|
163
|
-
data.src && (
|
|
151
|
+
data.src && (
|
|
152
|
+
// biome-ignore lint/a11y/useAltText: We do support the `alt` attribute
|
|
153
|
+
React.createElement("img", Object.assign({ ref: imageRef, src: data.src, alt: (_g = data.alt) !== null && _g !== void 0 ? _g : '', title: (_h = data.title) !== null && _h !== void 0 ? _h : undefined, onLoad: handleLoad }, fetchPriorityProp(priority ? 'high' : undefined), { className: pictureClassName, style: Object.assign(Object.assign(Object.assign({ opacity: showImage ? 1 : 0, transition }, absolutePositioning), { objectFit,
|
|
154
|
+
objectPosition }), pictureStyle) }))))),
|
|
164
155
|
React.createElement("noscript", null,
|
|
165
156
|
React.createElement("picture", null,
|
|
166
157
|
webpSource,
|
|
167
158
|
regularSource,
|
|
168
|
-
data.src && (
|
|
159
|
+
data.src && (
|
|
160
|
+
// biome-ignore lint/a11y/useAltText: We do support the `alt` attribute
|
|
161
|
+
React.createElement("img", Object.assign({ src: data.src, alt: (_j = data.alt) !== null && _j !== void 0 ? _j : '', title: (_k = data.title) !== null && _k !== void 0 ? _k : undefined, className: pictureClassName, style: Object.assign(Object.assign(Object.assign({}, absolutePositioning), { objectFit,
|
|
162
|
+
objectPosition }), pictureStyle), loading: lazyLoad ? 'lazy' : undefined }, fetchPriorityProp(priority ? 'high' : undefined))))))));
|
|
169
163
|
});
|
|
170
164
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAK,EAAE,EAEZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,GACR,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,KAAK,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC;AAE5C,MAAM,+BAA+B,GAAG,KAAK;IAC3C,CAAC,CAAC,KAAK;IACP,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC;AAElC,SAAS,iBAAiB,CACxB,aAAsB;IAEtB,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAChD,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IACrC,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IACrC,IAAI,KAAK,GAAG,EAAE,IAAI,CAAC,KAAK,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,EAAE,CAAC;QAC/C,kDAAkD;QAClD,iDAAiD;QACjD,mDAAmD;QACnD,OAAO,EAAE,aAAa,EAAE,CAAC;IAC3B,CAAC;IACD,uDAAuD;IACvD,4CAA4C;IAC5C,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC;AAC1C,CAAC;AAqGD,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAS,EAAE,EAAE;IAC/D,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,+BAA+B,EAAE,CAAC;QACpC,OAAO,MAAM,IAAI,MAAM,CAAC;IAC1B,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAS,EAAE,EAAE;IACxD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,+BAA+B,EAAE,CAAC;QACpC,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,sBAAsB,CAAC;AAE5C,MAAM,WAAW,GAAG,CAClB,GAA8B,EAC9B,KAAyB,EACzB,oBAA8B,EAC9B,EAAE;IACF,IAAI,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,EAAE,CAAC;QACpB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO,oBAAoB;SACxB,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;QAClB,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;QAEvC,IAAI,UAAU,KAAK,CAAC,EAAE,CAAC;YACrB,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,UAAU,EAAE,CAAC,CAAC;YAC7C,MAAM,IAAI,GAAG,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YAC3C,MAAM,IAAI,GAAG,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YAC3C,IAAI,IAAI,EAAE,CAAC;gBACT,GAAG,CAAC,YAAY,CAAC,GAAG,CAClB,OAAO,EACP,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,EAAE,CAC7C,CAAC;YACJ,CAAC;YACD,IAAI,IAAI,EAAE,CAAC;gBACT,GAAG,CAAC,YAAY,CAAC,GAAG,CAClB,OAAO,EACP,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,EAAE,CAC7C,CAAC;YACJ,CAAC;QACH,CAAC;QAED,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC;QAElD,IAAI,UAAU,GAAG,EAAE,EAAE,CAAC;YACpB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,IAAI,UAAU,GAAG,CAAC;IACvE,CAAC,CAAC;SACD,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EACE,SAAS,EACT,cAAc,GAAG,GAAG,EACpB,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,EAClB,gBAAgB,EAChB,QAAQ,EAAE,WAAW,GAAG,IAAI,EAC5B,KAAK,EACL,YAAY,EACZ,MAAM,GAAG,WAAW,EACpB,SAAS,EACT,cAAc,EACd,IAAI,EACJ,MAAM,EACN,cAAc,GAAG,IAAI,EACrB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,gBAAgB,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EACrD,oBAAoB,EACpB,gBAAgB,GACjB,EACD,GAAG,EACH,EAAE;;IACF,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC;IAEhD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC;QACX,SAAS,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,8CAA8C;IAC9C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,IAAI,QAAQ,CAAC,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC;YAC/D,UAAU,EAAE,CAAC;QACf,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;QAClC,SAAS,EAAE,qBAAqB,IAAI,oBAAoB,IAAI,CAAC;QAC7D,UAAU,EAAE,kBAAkB,IAAI,iBAAiB;QACnD,WAAW,EAAE,IAAI;QACjB,cAAc,EAAE,IAAI;KACrB,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,IAAoB,EAAE,EAAE;QACvB,OAAO,CAAC,IAAI,CAAC,CAAC;QACd,IAAI,GAAG,EAAE,CAAC;YACP,GAA8C,CAAC,OAAO,GAAG,IAAI,CAAC;QACjE,CAAC;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,mBAAmB,GAAwB;QAC/C,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,MAAM;QAChB,SAAS,EAAE,MAAM;KAClB,CAAC;IAEF,MAAM,QAAQ,GAAG,gBAAgB,CAAC;QAChC,QAAQ;QACR,MAAM;QACN,MAAM;KACP,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,iBAAiB,CAAC;QAClC,QAAQ;QACR,MAAM;QACN,MAAM;KACP,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,IAAI,CACpC,gCACE,MAAM,EAAE,IAAI,CAAC,UAAU,EACvB,KAAK,EAAE,MAAA,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,CAAC,KAAK,mCAAI,SAAS,EACvC,IAAI,EAAC,YAAY,GACjB,CACH,CAAC;IAEF,MAAM,aAAa,GAAG,CACpB,gCACE,MAAM,EACJ,MAAA,IAAI,CAAC,MAAM,mCAAI,WAAW,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,gBAAgB,CAAC,EAEpE,KAAK,EAAE,MAAA,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,CAAC,KAAK,mCAAI,SAAS,GACvC,CACH,CAAC;IAEF,MAAM,UAAU,GACd,cAAc,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,cAAc,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAEjE,MAAM,WAAW,GACf,cAAc,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAChD,4CACc,MAAM,EAClB,GAAG,EAAC,EAAE,EACN,GAAG,EAAE,MAAA,IAAI,CAAC,MAAM,mCAAI,SAAS,EAC7B,SAAS,EAAE,oBAAoB,EAC/B,KAAK,kBACH,eAAe,EAAE,MAAA,IAAI,CAAC,OAAO,mCAAI,SAAS,EAC1C,SAAS;YACT,cAAc;YACd,UAAU,EACV,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1B,8EAA8E;YAC9E,uFAAuF;YACvF,oFAAoF;YACpF,sCAAsC;YACtC,QAAQ,EAAE,UAAU,EACpB,IAAI,EAAE,KAAK,EACX,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,MAAM,IACd,gBAAgB,IAErB,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;IAEX,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;IACpC,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,MAAM,mCAAI,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEtE,MAAM,GAAG,GAAG,kDAAkD,KAAK,aAAa,MAAM,UAAU,CAAC;IAEjG,MAAM,KAAK,GACT,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CAClB,6BACE,SAAS,EAAE,gBAAgB,EAC3B,KAAK,kBACH,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,MAAM,IACV,YAAY,GAEjB,GAAG,EAAE,6BAA6B,MAAM,CAAC,GAAG,CAAC,EAAE,iBACnC,MAAM,EAClB,GAAG,EAAC,EAAE,GACN,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;IAEX,OAAO,CACL,6BACE,GAAG,EAAE,WAAW,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,gCACH,QAAQ,EAAE,QAAQ,IACf,CAAC,MAAM,KAAK,MAAM;YACnB,CAAC,CAAC,mBAAmB;YACrB,CAAC,CAAC,MAAM,KAAK,WAAW;gBACxB,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE;gBAC1D,CAAC,CAAC,MAAM,KAAK,OAAO;oBACpB,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE;oBACjC,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,GACzC,KAAK;QAGT,KAAK;QACL,WAAW;QACX,QAAQ,IAAI,CACX;YACG,UAAU;YACV,aAAa;YACb,IAAI,CAAC,GAAG,IAAI;YACX,uEAAuE;YACvE,2CACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,MAAA,IAAI,CAAC,GAAG,mCAAI,EAAE,EACnB,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,mCAAI,SAAS,EAC9B,MAAM,EAAE,UAAU,IACd,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,IACpD,SAAS,EAAE,gBAAgB,EAC3B,KAAK,8CACH,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC1B,UAAU,IACP,mBAAmB,KACtB,SAAS;oBACT,cAAc,KACX,YAAY,KAEjB,CACH,CACO,CACX;QACD;YACE;gBACG,UAAU;gBACV,aAAa;gBACb,IAAI,CAAC,GAAG,IAAI;gBACX,uEAAuE;gBACvE,2CACE,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,MAAA,IAAI,CAAC,GAAG,mCAAI,EAAE,EACnB,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,mCAAI,SAAS,EAC9B,SAAS,EAAE,gBAAgB,EAC3B,KAAK,gDACA,mBAAmB,KACtB,SAAS;wBACT,cAAc,KACX,YAAY,GAEjB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IAClC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,EACpD,CACH,CACO,CACD,CACP,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|