sanity-plugin-mux-input 2.0.17 → 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/lib/_chunks/Player-d8f163ed.cjs +474 -0
- package/lib/_chunks/Player-d8f163ed.cjs.map +1 -0
- package/lib/_chunks/Player-fb9712c0.js +465 -0
- package/lib/_chunks/Player-fb9712c0.js.map +1 -0
- package/lib/_chunks/index-0656ede8.js +3229 -0
- package/lib/_chunks/index-0656ede8.js.map +1 -0
- package/lib/_chunks/index-9cd542f1.cjs +3271 -0
- package/lib/_chunks/index-9cd542f1.cjs.map +1 -0
- package/lib/index.cjs +1 -1
- package/lib/index.d.ts +97 -0
- package/lib/index.js +1 -1
- package/package.json +7 -8
- package/src/components/Input.tsx +34 -29
- package/src/components/__legacy__Uploader.tsx +7 -2
- package/src/index.ts +8 -49
- package/src/plugin.tsx +31 -0
- package/src/schema.tsx +42 -0
- package/lib/_chunks/Input-1b053a16.js +0 -189
- package/lib/_chunks/Input-1b053a16.js.map +0 -1
- package/lib/_chunks/Input-42aef09c.cjs +0 -189
- package/lib/_chunks/Input-42aef09c.cjs.map +0 -1
- package/lib/_chunks/Preview-22ff2e4a.cjs +0 -28
- package/lib/_chunks/Preview-22ff2e4a.cjs.map +0 -1
- package/lib/_chunks/Preview-af721846.js +0 -26
- package/lib/_chunks/Preview-af721846.js.map +0 -1
- package/lib/_chunks/VideoSource.styled-81ae8d6c.js +0 -318
- package/lib/_chunks/VideoSource.styled-81ae8d6c.js.map +0 -1
- package/lib/_chunks/VideoSource.styled-dda7be42.cjs +0 -336
- package/lib/_chunks/VideoSource.styled-dda7be42.cjs.map +0 -1
- package/lib/_chunks/index-376871b4.js +0 -248
- package/lib/_chunks/index-376871b4.js.map +0 -1
- package/lib/_chunks/index-3999f947.cjs +0 -265
- package/lib/_chunks/index-3999f947.cjs.map +0 -1
- package/src/components/FormInput.tsx +0 -26
- package/src/components/FormPreview.tsx +0 -19
- package/src/components/Preview.tsx +0 -33
|
@@ -1,336 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
4
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
5
|
-
var sanity = require('sanity');
|
|
6
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
7
|
-
var icons = require('@sanity/icons');
|
|
8
|
-
var ui = require('@sanity/ui');
|
|
9
|
-
var React = require('react');
|
|
10
|
-
var styled = require('styled-components');
|
|
11
|
-
var suspendReact = require('suspend-react');
|
|
12
|
-
var useErrorBoundary = require('use-error-boundary');
|
|
13
|
-
var index = require('./index-3999f947.cjs');
|
|
14
|
-
function _interopDefaultCompat(e) {
|
|
15
|
-
return e && typeof e === 'object' && 'default' in e ? e : {
|
|
16
|
-
default: e
|
|
17
|
-
};
|
|
18
|
-
}
|
|
19
|
-
var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
|
|
20
|
-
const path = ["assetId", "data", "playbackId", "status", "thumbTime", "filename"];
|
|
21
|
-
const useAssetDocumentValues = asset => sanity.useDocumentValues(sanity.isReference(asset) ? asset._ref : "", path);
|
|
22
|
-
function useClient() {
|
|
23
|
-
return sanity.useClient({
|
|
24
|
-
apiVersion: "2022-09-14"
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
const _id = "secrets.mux";
|
|
28
|
-
function readSecrets(client) {
|
|
29
|
-
const {
|
|
30
|
-
projectId,
|
|
31
|
-
dataset
|
|
32
|
-
} = client.config();
|
|
33
|
-
return suspendReact.suspend(async () => {
|
|
34
|
-
const data = await client.fetch( /* groq */"*[_id == $_id][0]{\n token,\n secretKey,\n enableSignedUrls,\n signingKeyId,\n signingKeyPrivate\n }", {
|
|
35
|
-
_id
|
|
36
|
-
});
|
|
37
|
-
return {
|
|
38
|
-
token: (data == null ? void 0 : data.token) || null,
|
|
39
|
-
secretKey: (data == null ? void 0 : data.secretKey) || null,
|
|
40
|
-
enableSignedUrls: Boolean(data == null ? void 0 : data.enableSignedUrls) || false,
|
|
41
|
-
signingKeyId: (data == null ? void 0 : data.signingKeyId) || null,
|
|
42
|
-
signingKeyPrivate: (data == null ? void 0 : data.signingKeyPrivate) || null
|
|
43
|
-
};
|
|
44
|
-
}, [index.cacheNs, _id, projectId, dataset]);
|
|
45
|
-
}
|
|
46
|
-
function generateJwt(client, playbackId, aud, payload) {
|
|
47
|
-
const {
|
|
48
|
-
signingKeyId,
|
|
49
|
-
signingKeyPrivate
|
|
50
|
-
} = readSecrets(client);
|
|
51
|
-
if (!signingKeyId) {
|
|
52
|
-
throw new TypeError("Missing signingKeyId");
|
|
53
|
-
}
|
|
54
|
-
if (!signingKeyPrivate) {
|
|
55
|
-
throw new TypeError("Missing signingKeyPrivate");
|
|
56
|
-
}
|
|
57
|
-
const {
|
|
58
|
-
default: sign
|
|
59
|
-
} = suspendReact.suspend(() => import('jsonwebtoken-esm/sign'), ["jsonwebtoken-esm/sign"]);
|
|
60
|
-
return sign(payload ? JSON.parse(JSON.stringify(payload, (_, v) => v != null ? v : void 0)) : {}, atob(signingKeyPrivate), {
|
|
61
|
-
algorithm: "RS256",
|
|
62
|
-
keyid: signingKeyId,
|
|
63
|
-
audience: aud,
|
|
64
|
-
subject: playbackId,
|
|
65
|
-
noTimestamp: true,
|
|
66
|
-
expiresIn: "12h"
|
|
67
|
-
});
|
|
68
|
-
}
|
|
69
|
-
function getPlaybackId(asset) {
|
|
70
|
-
if (!(asset == null ? void 0 : asset.playbackId)) {
|
|
71
|
-
console.error("Asset is missing a playbackId", {
|
|
72
|
-
asset
|
|
73
|
-
});
|
|
74
|
-
throw new TypeError("Missing playbackId");
|
|
75
|
-
}
|
|
76
|
-
return asset.playbackId;
|
|
77
|
-
}
|
|
78
|
-
function getPlaybackPolicy(asset) {
|
|
79
|
-
var _a, _b, _c, _d;
|
|
80
|
-
return (_d = (_c = (_b = (_a = asset.data) == null ? void 0 : _a.playback_ids) == null ? void 0 : _b[0]) == null ? void 0 : _c.policy) != null ? _d : "public";
|
|
81
|
-
}
|
|
82
|
-
function getAnimatedPosterSrc(_ref) {
|
|
83
|
-
let {
|
|
84
|
-
asset,
|
|
85
|
-
client,
|
|
86
|
-
height,
|
|
87
|
-
width,
|
|
88
|
-
start = asset.thumbTime ? Math.max(0, asset.thumbTime - 2.5) : 0,
|
|
89
|
-
end = start + 5,
|
|
90
|
-
fps = 15
|
|
91
|
-
} = _ref;
|
|
92
|
-
const params = {
|
|
93
|
-
height,
|
|
94
|
-
width,
|
|
95
|
-
start,
|
|
96
|
-
end,
|
|
97
|
-
fps
|
|
98
|
-
};
|
|
99
|
-
const playbackId = getPlaybackId(asset);
|
|
100
|
-
let searchParams = new URLSearchParams(JSON.parse(JSON.stringify(params, (_, v) => v != null ? v : void 0)));
|
|
101
|
-
if (getPlaybackPolicy(asset) === "signed") {
|
|
102
|
-
const token = generateJwt(client, playbackId, "g", params);
|
|
103
|
-
searchParams = new URLSearchParams({
|
|
104
|
-
token
|
|
105
|
-
});
|
|
106
|
-
}
|
|
107
|
-
return "https://image.mux.com/".concat(playbackId, "/animated.gif?").concat(searchParams);
|
|
108
|
-
}
|
|
109
|
-
function getPosterSrc(_ref2) {
|
|
110
|
-
let {
|
|
111
|
-
asset,
|
|
112
|
-
client,
|
|
113
|
-
fit_mode,
|
|
114
|
-
height,
|
|
115
|
-
time = asset.thumbTime,
|
|
116
|
-
width
|
|
117
|
-
} = _ref2;
|
|
118
|
-
const params = {
|
|
119
|
-
fit_mode,
|
|
120
|
-
height,
|
|
121
|
-
time,
|
|
122
|
-
width
|
|
123
|
-
};
|
|
124
|
-
const playbackId = getPlaybackId(asset);
|
|
125
|
-
let searchParams = new URLSearchParams(JSON.parse(JSON.stringify(params, (_, v) => v != null ? v : void 0)));
|
|
126
|
-
if (getPlaybackPolicy(asset) === "signed") {
|
|
127
|
-
const token = generateJwt(client, playbackId, "t", params);
|
|
128
|
-
searchParams = new URLSearchParams({
|
|
129
|
-
token
|
|
130
|
-
});
|
|
131
|
-
}
|
|
132
|
-
return "https://image.mux.com/".concat(playbackId, "/thumbnail.png?").concat(searchParams);
|
|
133
|
-
}
|
|
134
|
-
const mediaDimensions = {
|
|
135
|
-
aspect: 16 / 9
|
|
136
|
-
};
|
|
137
|
-
const ImageLoader = React.memo(function ImageLoader2(_ref3) {
|
|
138
|
-
let {
|
|
139
|
-
alt,
|
|
140
|
-
src,
|
|
141
|
-
height,
|
|
142
|
-
width,
|
|
143
|
-
aspectRatio
|
|
144
|
-
} = _ref3;
|
|
145
|
-
suspendReact.suspend(async () => {
|
|
146
|
-
const img = new Image(width, height);
|
|
147
|
-
img.decoding = "async";
|
|
148
|
-
img.src = src;
|
|
149
|
-
await img.decode();
|
|
150
|
-
}, ["sanity-plugin-mux-input", "image", src]);
|
|
151
|
-
return /* @__PURE__ */jsxRuntime.jsx("img", {
|
|
152
|
-
alt,
|
|
153
|
-
src,
|
|
154
|
-
height,
|
|
155
|
-
width,
|
|
156
|
-
style: {
|
|
157
|
-
aspectRatio
|
|
158
|
-
}
|
|
159
|
-
});
|
|
160
|
-
});
|
|
161
|
-
const VideoMediaPreview = styled__default.default(sanity.MediaPreview)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n img {\n object-fit: cover;\n }\n"])));
|
|
162
|
-
const VideoMediaPreviewSignedSubtitle = _ref4 => {
|
|
163
|
-
let {
|
|
164
|
-
solo
|
|
165
|
-
} = _ref4;
|
|
166
|
-
return /* @__PURE__ */jsxRuntime.jsxs(ui.Inline, {
|
|
167
|
-
space: 1,
|
|
168
|
-
style: {
|
|
169
|
-
marginTop: solo ? "-1.35em" : void 0,
|
|
170
|
-
marginBottom: solo ? void 0 : "0.35rem"
|
|
171
|
-
},
|
|
172
|
-
children: [/* @__PURE__ */jsxRuntime.jsx(icons.LockIcon, {}), "Signed playback policy"]
|
|
173
|
-
});
|
|
174
|
-
};
|
|
175
|
-
const PosterImage = _ref5 => {
|
|
176
|
-
let {
|
|
177
|
-
asset,
|
|
178
|
-
height,
|
|
179
|
-
width,
|
|
180
|
-
showTip
|
|
181
|
-
} = _ref5;
|
|
182
|
-
const client = useClient();
|
|
183
|
-
const src = getPosterSrc({
|
|
184
|
-
asset,
|
|
185
|
-
client,
|
|
186
|
-
height,
|
|
187
|
-
width,
|
|
188
|
-
fit_mode: "smartcrop"
|
|
189
|
-
});
|
|
190
|
-
const subtitle = React.useMemo(() => showTip && getPlaybackPolicy(asset) === "signed" ? /* @__PURE__ */jsxRuntime.jsx(VideoMediaPreviewSignedSubtitle, {
|
|
191
|
-
solo: true
|
|
192
|
-
}) : void 0, [asset, showTip]);
|
|
193
|
-
return /* @__PURE__ */jsxRuntime.jsx(VideoMediaPreview, {
|
|
194
|
-
mediaDimensions,
|
|
195
|
-
subtitle,
|
|
196
|
-
title: /* @__PURE__ */jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
197
|
-
children: null
|
|
198
|
-
}),
|
|
199
|
-
media: /* @__PURE__ */jsxRuntime.jsx(ImageLoader, {
|
|
200
|
-
alt: "",
|
|
201
|
-
src,
|
|
202
|
-
height,
|
|
203
|
-
width
|
|
204
|
-
})
|
|
205
|
-
});
|
|
206
|
-
};
|
|
207
|
-
const VideoThumbnail = React.memo(function VideoThumbnail2(_ref6) {
|
|
208
|
-
let {
|
|
209
|
-
asset,
|
|
210
|
-
width,
|
|
211
|
-
showTip
|
|
212
|
-
} = _ref6;
|
|
213
|
-
const {
|
|
214
|
-
ErrorBoundary,
|
|
215
|
-
didCatch,
|
|
216
|
-
error
|
|
217
|
-
} = useErrorBoundary.useErrorBoundary();
|
|
218
|
-
const height = Math.round(width * 9 / 16);
|
|
219
|
-
const subtitle = React.useMemo(() => showTip && getPlaybackPolicy(asset) === "signed" ? /* @__PURE__ */jsxRuntime.jsx(VideoMediaPreviewSignedSubtitle, {}) : void 0, [showTip, asset]);
|
|
220
|
-
if (didCatch) {
|
|
221
|
-
return /* @__PURE__ */jsxRuntime.jsx(VideoMediaPreview, {
|
|
222
|
-
subtitle: error.message,
|
|
223
|
-
mediaDimensions,
|
|
224
|
-
title: "Error when loading thumbnail",
|
|
225
|
-
media: /* @__PURE__ */jsxRuntime.jsx(ui.Card, {
|
|
226
|
-
radius: 2,
|
|
227
|
-
height: "fill",
|
|
228
|
-
style: {
|
|
229
|
-
position: "relative",
|
|
230
|
-
width: "100%"
|
|
231
|
-
},
|
|
232
|
-
children: /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
|
|
233
|
-
style: {
|
|
234
|
-
display: "flex",
|
|
235
|
-
justifyContent: "center",
|
|
236
|
-
alignItems: "center",
|
|
237
|
-
position: "absolute",
|
|
238
|
-
top: 0,
|
|
239
|
-
left: 0,
|
|
240
|
-
right: 0,
|
|
241
|
-
bottom: 0
|
|
242
|
-
},
|
|
243
|
-
children: /* @__PURE__ */jsxRuntime.jsx(icons.UnknownIcon, {})
|
|
244
|
-
})
|
|
245
|
-
})
|
|
246
|
-
});
|
|
247
|
-
}
|
|
248
|
-
return /* @__PURE__ */jsxRuntime.jsx(ErrorBoundary, {
|
|
249
|
-
children: /* @__PURE__ */jsxRuntime.jsx(React.Suspense, {
|
|
250
|
-
fallback: /* @__PURE__ */jsxRuntime.jsx(VideoMediaPreview, {
|
|
251
|
-
isPlaceholder: true,
|
|
252
|
-
title: "Loading thumbnail...",
|
|
253
|
-
subtitle,
|
|
254
|
-
mediaDimensions
|
|
255
|
-
}),
|
|
256
|
-
children: /* @__PURE__ */jsxRuntime.jsx(PosterImage, {
|
|
257
|
-
showTip,
|
|
258
|
-
asset,
|
|
259
|
-
height,
|
|
260
|
-
width
|
|
261
|
-
})
|
|
262
|
-
})
|
|
263
|
-
});
|
|
264
|
-
});
|
|
265
|
-
const AnimatedVideoMediaPreview = styled__default.default(sanity.MediaPreview)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n img {\n object-fit: contain;\n }\n"])));
|
|
266
|
-
const AnimatedPosterImage = _ref7 => {
|
|
267
|
-
let {
|
|
268
|
-
asset,
|
|
269
|
-
width
|
|
270
|
-
} = _ref7;
|
|
271
|
-
const client = useClient();
|
|
272
|
-
const src = getAnimatedPosterSrc({
|
|
273
|
-
asset,
|
|
274
|
-
client,
|
|
275
|
-
width
|
|
276
|
-
});
|
|
277
|
-
return /* @__PURE__ */jsxRuntime.jsx(AnimatedVideoMediaPreview, {
|
|
278
|
-
withBorder: false,
|
|
279
|
-
mediaDimensions,
|
|
280
|
-
media: /* @__PURE__ */jsxRuntime.jsx(ImageLoader, {
|
|
281
|
-
alt: "",
|
|
282
|
-
src,
|
|
283
|
-
width,
|
|
284
|
-
aspectRatio: "16:9"
|
|
285
|
-
})
|
|
286
|
-
});
|
|
287
|
-
};
|
|
288
|
-
const AnimatedVideoThumbnail = React.memo(function AnimatedVideoThumbnail2(_ref8) {
|
|
289
|
-
let {
|
|
290
|
-
asset,
|
|
291
|
-
width
|
|
292
|
-
} = _ref8;
|
|
293
|
-
const {
|
|
294
|
-
ErrorBoundary,
|
|
295
|
-
didCatch
|
|
296
|
-
} = useErrorBoundary.useErrorBoundary();
|
|
297
|
-
if (didCatch) {
|
|
298
|
-
return null;
|
|
299
|
-
}
|
|
300
|
-
return /* @__PURE__ */jsxRuntime.jsx(ErrorBoundary, {
|
|
301
|
-
children: /* @__PURE__ */jsxRuntime.jsx(React.Suspense, {
|
|
302
|
-
fallback: /* @__PURE__ */jsxRuntime.jsx(FancyBackdrop, {
|
|
303
|
-
children: /* @__PURE__ */jsxRuntime.jsx(VideoMediaPreview, {
|
|
304
|
-
mediaDimensions,
|
|
305
|
-
withBorder: false,
|
|
306
|
-
media: /* @__PURE__ */jsxRuntime.jsx(ui.Spinner, {
|
|
307
|
-
muted: true
|
|
308
|
-
})
|
|
309
|
-
})
|
|
310
|
-
}),
|
|
311
|
-
children: /* @__PURE__ */jsxRuntime.jsx(ui.Card, {
|
|
312
|
-
height: "fill",
|
|
313
|
-
tone: "transparent",
|
|
314
|
-
children: /* @__PURE__ */jsxRuntime.jsx(AnimatedPosterImage, {
|
|
315
|
-
asset,
|
|
316
|
-
width
|
|
317
|
-
})
|
|
318
|
-
})
|
|
319
|
-
})
|
|
320
|
-
});
|
|
321
|
-
});
|
|
322
|
-
const FancyBackdrop = styled__default.default(ui.Box)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n backdrop-filter: blur(8px) brightness(0.5) saturate(2);\n mix-blend-mode: color-dodge;\n"])));
|
|
323
|
-
const ThumbGrid = styled__default.default(ui.Grid)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));\n"])));
|
|
324
|
-
const CardLoadMore = styled__default.default(ui.Card)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n border-top: 1px solid var(--card-border-color);\n position: sticky;\n bottom: 0;\n z-index: 200;\n"])));
|
|
325
|
-
exports.AnimatedVideoThumbnail = AnimatedVideoThumbnail;
|
|
326
|
-
exports.CardLoadMore = CardLoadMore;
|
|
327
|
-
exports.ThumbGrid = ThumbGrid;
|
|
328
|
-
exports.VideoThumbnail = VideoThumbnail;
|
|
329
|
-
exports._id = _id;
|
|
330
|
-
exports.generateJwt = generateJwt;
|
|
331
|
-
exports.getPlaybackId = getPlaybackId;
|
|
332
|
-
exports.getPlaybackPolicy = getPlaybackPolicy;
|
|
333
|
-
exports.getPosterSrc = getPosterSrc;
|
|
334
|
-
exports.useAssetDocumentValues = useAssetDocumentValues;
|
|
335
|
-
exports.useClient = useClient;
|
|
336
|
-
//# sourceMappingURL=VideoSource.styled-dda7be42.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"VideoSource.styled-dda7be42.cjs","sources":["../../src/hooks/useAssetDocumentValues.ts","../../src/hooks/useClient.ts","../../src/util/readSecrets.ts","../../src/util/generateJwt.ts","../../src/util/getPlaybackId.ts","../../src/util/getPlaybackPolicy.ts","../../src/util/getAnimatedPosterSrc.ts","../../src/util/getPosterSrc.ts","../../src/components/VideoSource.styled.tsx"],"sourcesContent":["import {isReference} from 'sanity'\nimport {useDocumentValues} from 'sanity'\n\nimport type {Reference, VideoAssetDocument} from '../util/types'\n\nconst path = ['assetId', 'data', 'playbackId', 'status', 'thumbTime', 'filename']\nexport const useAssetDocumentValues = (asset: Reference | null | undefined) =>\n useDocumentValues<VideoAssetDocument | null | undefined>(\n isReference(asset) ? asset._ref! : '',\n path\n )\n","// As it's required to specify the API Version this custom hook ensures it's all using the same version\nimport {useClient as useSanityClient} from 'sanity'\n\nexport function useClient() {\n return useSanityClient({apiVersion: '2022-09-14'})\n}\n","// Utils with a readName prefix are suspendable and should only be called in the render body\n// Not inside event callbacks or a useEffect.\n// They may be called dynamically, unlike useEffect\n\n// @TODO rename to readSigningPair\n\nimport type {SanityClient} from 'sanity'\nimport {suspend} from 'suspend-react'\n\nimport {cacheNs} from '../util/constants'\nimport {type Secrets} from '../util/types'\n\nexport const _id = 'secrets.mux' as const\n\nexport function readSecrets(client: SanityClient): Secrets {\n const {projectId, dataset} = client.config()\n return suspend(async () => {\n const data = await client.fetch(\n /* groq */ `*[_id == $_id][0]{\n token,\n secretKey,\n enableSignedUrls,\n signingKeyId,\n signingKeyPrivate\n }`,\n {_id}\n )\n return {\n token: data?.token || null,\n secretKey: data?.secretKey || null,\n enableSignedUrls: Boolean(data?.enableSignedUrls) || false,\n signingKeyId: data?.signingKeyId || null,\n signingKeyPrivate: data?.signingKeyPrivate || null,\n }\n }, [cacheNs, _id, projectId, dataset])\n}\n","import type {SanityClient} from 'sanity'\nimport {suspend} from 'suspend-react'\n\nimport {readSecrets} from './readSecrets'\nimport type {AnimatedThumbnailOptions, ThumbnailOptions} from './types'\n\nexport type Audience = 'g' | 's' | 't' | 'v'\n\nexport type Payload<T extends Audience> = T extends 'g'\n ? AnimatedThumbnailOptions\n : T extends 's'\n ? never\n : T extends 't'\n ? ThumbnailOptions\n : T extends 'v'\n ? never\n : never\n\nexport function generateJwt<T extends Audience>(\n client: SanityClient,\n playbackId: string,\n aud: T,\n payload?: Payload<T>\n): string {\n const {signingKeyId, signingKeyPrivate} = readSecrets(client)\n if (!signingKeyId) {\n throw new TypeError('Missing signingKeyId')\n }\n if (!signingKeyPrivate) {\n throw new TypeError('Missing signingKeyPrivate')\n }\n\n const {default: sign} = suspend(() => import('jsonwebtoken-esm/sign'), ['jsonwebtoken-esm/sign'])\n\n return sign(\n payload ? JSON.parse(JSON.stringify(payload, (_, v) => v ?? undefined)) : {},\n atob(signingKeyPrivate),\n {\n algorithm: 'RS256',\n keyid: signingKeyId,\n audience: aud,\n subject: playbackId,\n noTimestamp: true,\n expiresIn: '12h',\n }\n )\n}\n","import type {VideoAssetDocument} from './types'\n\nexport function getPlaybackId(asset: VideoAssetDocument): string {\n if (!asset?.playbackId) {\n console.error('Asset is missing a playbackId', {asset})\n throw new TypeError(`Missing playbackId`)\n }\n return asset.playbackId\n}\n","import type {PlaybackPolicy, VideoAssetDocument} from './types'\n\nexport function getPlaybackPolicy(asset: VideoAssetDocument): PlaybackPolicy {\n return asset.data?.playback_ids?.[0]?.policy ?? 'public'\n}\n","import type {SanityClient} from 'sanity'\n\nimport {generateJwt} from './generateJwt'\nimport {getPlaybackId} from './getPlaybackId'\nimport {getPlaybackPolicy} from './getPlaybackPolicy'\nimport type {AnimatedThumbnailOptions, MuxAnimatedThumbnailUrl, VideoAssetDocument} from './types'\n\nexport interface AnimatedPosterSrcOptions extends AnimatedThumbnailOptions {\n asset: VideoAssetDocument\n client: SanityClient\n}\n\nexport function getAnimatedPosterSrc({\n asset,\n client,\n height,\n width,\n start = asset.thumbTime ? Math.max(0, asset.thumbTime - 2.5) : 0,\n end = start + 5,\n fps = 15,\n}: AnimatedPosterSrcOptions): MuxAnimatedThumbnailUrl {\n const params = {height, width, start, end, fps}\n const playbackId = getPlaybackId(asset)\n\n let searchParams = new URLSearchParams(\n JSON.parse(JSON.stringify(params, (_, v) => v ?? undefined))\n )\n if (getPlaybackPolicy(asset) === 'signed') {\n const token = generateJwt(client, playbackId, 'g', params)\n searchParams = new URLSearchParams({token})\n }\n\n return `https://image.mux.com/${playbackId}/animated.gif?${searchParams}`\n}\n","import type {SanityClient} from 'sanity'\n\nimport {generateJwt} from './generateJwt'\nimport {getPlaybackId} from './getPlaybackId'\nimport {getPlaybackPolicy} from './getPlaybackPolicy'\nimport type {MuxThumbnailUrl, ThumbnailOptions, VideoAssetDocument} from './types'\n\nexport interface PosterSrcOptions extends ThumbnailOptions {\n asset: VideoAssetDocument\n client: SanityClient\n}\n\nexport function getPosterSrc({\n asset,\n client,\n fit_mode,\n height,\n time = asset.thumbTime,\n width,\n}: PosterSrcOptions): MuxThumbnailUrl {\n const params = {fit_mode, height, time, width}\n const playbackId = getPlaybackId(asset)\n\n let searchParams = new URLSearchParams(\n JSON.parse(JSON.stringify(params, (_, v) => v ?? undefined))\n )\n if (getPlaybackPolicy(asset) === 'signed') {\n const token = generateJwt(client, playbackId, 't', params)\n searchParams = new URLSearchParams({token})\n }\n\n return `https://image.mux.com/${playbackId}/thumbnail.png?${searchParams}`\n}\n","import {LockIcon, UnknownIcon} from '@sanity/icons'\nimport {Box, Card, Grid, Inline, Spinner} from '@sanity/ui'\nimport React, {memo, Suspense, useMemo} from 'react'\nimport {MediaPreview} from 'sanity'\nimport styled from 'styled-components'\nimport {suspend} from 'suspend-react'\nimport {useErrorBoundary} from 'use-error-boundary'\n\nimport {useClient} from '../hooks/useClient'\nimport {getAnimatedPosterSrc} from '../util/getAnimatedPosterSrc'\nimport {getPlaybackPolicy} from '../util/getPlaybackPolicy'\nimport {getPosterSrc} from '../util/getPosterSrc'\nimport type {VideoAssetDocument} from '../util/types'\n\nconst mediaDimensions = {aspect: 16 / 9}\n\ninterface ImageLoaderProps {\n alt: string\n src: string\n height?: number\n width: number\n aspectRatio?: string\n}\nconst ImageLoader = memo(function ImageLoader({\n alt,\n src,\n height,\n width,\n aspectRatio,\n}: ImageLoaderProps) {\n suspend(async () => {\n const img = new Image(width, height)\n img.decoding = 'async'\n img.src = src\n await img.decode()\n }, ['sanity-plugin-mux-input', 'image', src])\n\n return <img alt={alt} src={src} height={height} width={width} style={{aspectRatio}} />\n})\n\n// @TODO fix typings errors due to props.renderDefault\nconst VideoMediaPreview = styled<any>(MediaPreview)`\n img {\n object-fit: cover;\n }\n`\n\ninterface VideoMediaPreviewSignedSubtitleProps {\n solo?: boolean\n}\nconst VideoMediaPreviewSignedSubtitle = ({solo}: VideoMediaPreviewSignedSubtitleProps) => {\n return (\n <Inline\n space={1}\n style={{\n marginTop: solo ? '-1.35em' : undefined,\n marginBottom: solo ? undefined : '0.35rem',\n }}\n >\n <LockIcon />\n Signed playback policy\n </Inline>\n )\n}\n\ninterface PosterImageProps extends Omit<ImageLoaderProps, 'src' | 'alt'> {\n asset: VideoAssetDocument\n showTip?: boolean\n}\nconst PosterImage = ({asset, height, width, showTip}: PosterImageProps) => {\n const client = useClient()\n const src = getPosterSrc({\n asset,\n client,\n height,\n width,\n fit_mode: 'smartcrop',\n })\n const subtitle = useMemo(\n () =>\n showTip && getPlaybackPolicy(asset) === 'signed' ? (\n <VideoMediaPreviewSignedSubtitle solo />\n ) : undefined,\n [asset, showTip]\n )\n\n // eslint-disable-next-line no-warning-comments\n // @TODO support setting the alt text in the schema, like how we deal with images\n return (\n <VideoMediaPreview\n mediaDimensions={mediaDimensions}\n subtitle={subtitle}\n title={<>{null}</>}\n media={<ImageLoader alt=\"\" src={src} height={height} width={width} />}\n />\n )\n}\n\nexport interface VideoThumbnailProps extends Omit<PosterImageProps, 'height'> {\n width: number\n}\nexport const VideoThumbnail = memo(function VideoThumbnail({\n asset,\n width,\n showTip,\n}: VideoThumbnailProps) {\n const {ErrorBoundary, didCatch, error} = useErrorBoundary()\n const height = Math.round((width * 9) / 16)\n const subtitle = useMemo(\n () =>\n showTip && getPlaybackPolicy(asset) === 'signed' ? (\n <VideoMediaPreviewSignedSubtitle />\n ) : undefined,\n [showTip, asset]\n )\n\n if (didCatch) {\n return (\n <VideoMediaPreview\n subtitle={error.message}\n mediaDimensions={mediaDimensions}\n title=\"Error when loading thumbnail\"\n media={\n <Card radius={2} height=\"fill\" style={{position: 'relative', width: '100%'}}>\n <Box\n style={{\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n }}\n >\n <UnknownIcon />\n </Box>\n </Card>\n }\n />\n )\n }\n\n return (\n <ErrorBoundary>\n <Suspense\n fallback={\n <VideoMediaPreview\n isPlaceholder\n title=\"Loading thumbnail...\"\n subtitle={subtitle}\n mediaDimensions={mediaDimensions}\n />\n }\n >\n <PosterImage showTip={showTip} asset={asset} height={height} width={width} />\n </Suspense>\n </ErrorBoundary>\n )\n})\n\n// @TODO fix typings errors due to props.renderDefault\nconst AnimatedVideoMediaPreview = styled<any>(MediaPreview)`\n img {\n object-fit: contain;\n }\n`\n\ninterface AnimatedPosterImageProps extends Omit<ImageLoaderProps, 'src' | 'alt' | 'height'> {\n asset: VideoAssetDocument\n}\nconst AnimatedPosterImage = ({asset, width}: AnimatedPosterImageProps) => {\n const client = useClient()\n const src = getAnimatedPosterSrc({asset, client, width})\n\n // eslint-disable-next-line no-warning-comments\n // @TODO support setting the alt text in the schema, like how we deal with images\n return (\n <AnimatedVideoMediaPreview\n withBorder={false}\n mediaDimensions={mediaDimensions}\n media={<ImageLoader alt=\"\" src={src} width={width} aspectRatio=\"16:9\" />}\n />\n )\n}\n\nexport interface AnimatedVideoThumbnailProps extends Omit<PosterImageProps, 'height'> {\n width: number\n}\nexport const AnimatedVideoThumbnail = memo(function AnimatedVideoThumbnail({\n asset,\n width,\n}: AnimatedVideoThumbnailProps) {\n const {ErrorBoundary, didCatch} = useErrorBoundary()\n\n if (didCatch) {\n return null\n }\n\n return (\n <ErrorBoundary>\n <Suspense\n fallback={\n <FancyBackdrop>\n <VideoMediaPreview\n mediaDimensions={mediaDimensions}\n withBorder={false}\n media={<Spinner muted />}\n />\n </FancyBackdrop>\n }\n >\n <Card height=\"fill\" tone=\"transparent\">\n <AnimatedPosterImage asset={asset} width={width} />\n </Card>\n </Suspense>\n </ErrorBoundary>\n )\n})\nconst FancyBackdrop = styled(Box)`\n backdrop-filter: blur(8px) brightness(0.5) saturate(2);\n mix-blend-mode: color-dodge;\n`\n\nexport const ThumbGrid = styled(Grid)`\n grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));\n`\n\nexport const CardLoadMore = styled(Card)`\n border-top: 1px solid var(--card-border-color);\n position: sticky;\n bottom: 0;\n z-index: 200;\n`\n"],"names":["path","useAssetDocumentValues","asset","useDocumentValues","isReference","_ref","useClient","useSanityClient","apiVersion","_id","readSecrets","client","projectId","dataset","config","suspend","data","fetch","token","secretKey","enableSignedUrls","Boolean","signingKeyId","signingKeyPrivate","cacheNs","generateJwt","playbackId","aud","payload","TypeError","default","sign","JSON","parse","stringify","_","v","atob","algorithm","keyid","audience","subject","noTimestamp","expiresIn","getPlaybackId","console","error","getPlaybackPolicy","_a","_b","_c","_d","playback_ids","policy","getAnimatedPosterSrc","height","width","start","thumbTime","Math","max","end","fps","params","searchParams","URLSearchParams","concat","getPosterSrc","_ref2","fit_mode","time","mediaDimensions","aspect","ImageLoader","memo","ImageLoader2","_ref3","alt","src","aspectRatio","img","Image","decoding","decode","jsx","style","VideoMediaPreview","styled","MediaPreview","_templateObject","_taggedTemplateLiteral","VideoMediaPreviewSignedSubtitle","_ref4","solo","jsxs","Inline","space","marginTop","marginBottom","children","LockIcon","PosterImage","_ref5","showTip","subtitle","useMemo","title","media","VideoThumbnail","VideoThumbnail2","_ref6","ErrorBoundary","didCatch","useErrorBoundary","round","message","Card","radius","position","Box","display","justifyContent","alignItems","top","left","right","bottom","UnknownIcon","Suspense","fallback","isPlaceholder","AnimatedVideoMediaPreview","_templateObject2","AnimatedPosterImage","_ref7","withBorder","AnimatedVideoThumbnail","AnimatedVideoThumbnail2","_ref8","FancyBackdrop","Spinner","muted","tone","_templateObject3","ThumbGrid","Grid","_templateObject4","CardLoadMore","_templateObject5"],"mappings":"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"}
|
|
@@ -1,248 +0,0 @@
|
|
|
1
|
-
var _templateObject;
|
|
2
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
3
|
-
import { isObjectInputProps, definePlugin } from 'sanity';
|
|
4
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
5
|
-
import { memo, useRef, useCallback, lazy, Suspense } from 'react';
|
|
6
|
-
import { useToast, Flex, Inline, Button, Card, Grid, Heading, Text, Spinner, Box } from '@sanity/ui';
|
|
7
|
-
import scrollIntoView from 'scroll-into-view-if-needed';
|
|
8
|
-
import { clear } from 'suspend-react';
|
|
9
|
-
import { useErrorBoundary } from 'use-error-boundary';
|
|
10
|
-
import styled from 'styled-components';
|
|
11
|
-
function isMuxInputProps(props) {
|
|
12
|
-
var _a;
|
|
13
|
-
return isObjectInputProps(props) && ((_a = props.schemaType.type) == null ? void 0 : _a.name) === "mux.video";
|
|
14
|
-
}
|
|
15
|
-
function isMuxInputPreviewProps(props) {
|
|
16
|
-
var _a, _b;
|
|
17
|
-
return ((_b = (_a = props.schemaType) == null ? void 0 : _a.type) == null ? void 0 : _b.name) === "mux.video";
|
|
18
|
-
}
|
|
19
|
-
const name = "mux-input";
|
|
20
|
-
const cacheNs = "sanity-plugin-mux-input";
|
|
21
|
-
const muxSecretsDocumentId = "secrets.mux";
|
|
22
|
-
function ErrorBoundaryCard(props) {
|
|
23
|
-
const {
|
|
24
|
-
children,
|
|
25
|
-
schemaType
|
|
26
|
-
} = props;
|
|
27
|
-
const {
|
|
28
|
-
push: pushToast
|
|
29
|
-
} = useToast();
|
|
30
|
-
const errorRef = useRef(null);
|
|
31
|
-
const {
|
|
32
|
-
ErrorBoundary,
|
|
33
|
-
didCatch,
|
|
34
|
-
error,
|
|
35
|
-
reset
|
|
36
|
-
} = useErrorBoundary({
|
|
37
|
-
onDidCatch: (err, errorInfo) => {
|
|
38
|
-
console.group(err.toString());
|
|
39
|
-
console.groupCollapsed("console.error");
|
|
40
|
-
console.error(err);
|
|
41
|
-
console.groupEnd();
|
|
42
|
-
if (err.stack) {
|
|
43
|
-
console.groupCollapsed("error.stack");
|
|
44
|
-
console.log(err.stack);
|
|
45
|
-
console.groupEnd();
|
|
46
|
-
}
|
|
47
|
-
if (errorInfo == null ? void 0 : errorInfo.componentStack) {
|
|
48
|
-
console.groupCollapsed("errorInfo.componentStack");
|
|
49
|
-
console.log(errorInfo.componentStack);
|
|
50
|
-
console.groupEnd();
|
|
51
|
-
}
|
|
52
|
-
console.groupEnd();
|
|
53
|
-
pushToast({
|
|
54
|
-
status: "error",
|
|
55
|
-
title: "Plugin crashed",
|
|
56
|
-
description: /* @__PURE__ */jsx(Flex, {
|
|
57
|
-
align: "center",
|
|
58
|
-
children: /* @__PURE__ */jsxs(Inline, {
|
|
59
|
-
space: 1,
|
|
60
|
-
children: ["An error happened while rendering", /* @__PURE__ */jsx(Button, {
|
|
61
|
-
padding: 1,
|
|
62
|
-
fontSize: 1,
|
|
63
|
-
style: {
|
|
64
|
-
transform: "translateY(1px)"
|
|
65
|
-
},
|
|
66
|
-
mode: "ghost",
|
|
67
|
-
text: schemaType.title,
|
|
68
|
-
onClick: () => {
|
|
69
|
-
if (errorRef.current) {
|
|
70
|
-
scrollIntoView(errorRef.current, {
|
|
71
|
-
behavior: "smooth",
|
|
72
|
-
scrollMode: "if-needed",
|
|
73
|
-
block: "center"
|
|
74
|
-
});
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
})]
|
|
78
|
-
})
|
|
79
|
-
})
|
|
80
|
-
});
|
|
81
|
-
}
|
|
82
|
-
});
|
|
83
|
-
const handleRetry = useCallback(() => {
|
|
84
|
-
clear([name]);
|
|
85
|
-
reset();
|
|
86
|
-
}, [reset]);
|
|
87
|
-
if (didCatch) {
|
|
88
|
-
return /* @__PURE__ */jsx(Card, {
|
|
89
|
-
ref: errorRef,
|
|
90
|
-
paddingX: [2, 3, 4, 4],
|
|
91
|
-
height: "fill",
|
|
92
|
-
shadow: 1,
|
|
93
|
-
overflow: "auto",
|
|
94
|
-
children: /* @__PURE__ */jsx(Flex, {
|
|
95
|
-
justify: "flex-start",
|
|
96
|
-
align: "center",
|
|
97
|
-
height: "fill",
|
|
98
|
-
children: /* @__PURE__ */jsxs(Grid, {
|
|
99
|
-
columns: 1,
|
|
100
|
-
gap: [2, 3, 4, 4],
|
|
101
|
-
children: [/* @__PURE__ */jsxs(Heading, {
|
|
102
|
-
as: "h1",
|
|
103
|
-
children: ["The ", /* @__PURE__ */jsx("code", {
|
|
104
|
-
children: name
|
|
105
|
-
}), " plugin crashed"]
|
|
106
|
-
}), (error == null ? void 0 : error.message) && /* @__PURE__ */jsx(Card, {
|
|
107
|
-
padding: 3,
|
|
108
|
-
tone: "critical",
|
|
109
|
-
shadow: 1,
|
|
110
|
-
radius: 2,
|
|
111
|
-
children: /* @__PURE__ */jsx(Text, {
|
|
112
|
-
children: error.message
|
|
113
|
-
})
|
|
114
|
-
}), /* @__PURE__ */jsx(Inline, {
|
|
115
|
-
children: /* @__PURE__ */jsx(Button, {
|
|
116
|
-
onClick: handleRetry,
|
|
117
|
-
text: "Retry"
|
|
118
|
-
})
|
|
119
|
-
})]
|
|
120
|
-
})
|
|
121
|
-
})
|
|
122
|
-
});
|
|
123
|
-
}
|
|
124
|
-
return /* @__PURE__ */jsx(ErrorBoundary, {
|
|
125
|
-
children
|
|
126
|
-
});
|
|
127
|
-
}
|
|
128
|
-
var ErrorBoundaryCard$1 = memo(ErrorBoundaryCard);
|
|
129
|
-
const AspectRatioCard = styled(Card)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n aspect-ratio: 16 / 9;\n position: relative;\n width: 100%;\n"])));
|
|
130
|
-
const InputFallback = () => {
|
|
131
|
-
return /* @__PURE__ */jsx("div", {
|
|
132
|
-
style: {
|
|
133
|
-
padding: 1
|
|
134
|
-
},
|
|
135
|
-
children: /* @__PURE__ */jsx(Card, {
|
|
136
|
-
shadow: 1,
|
|
137
|
-
sizing: "border",
|
|
138
|
-
style: {
|
|
139
|
-
aspectRatio: "16/9",
|
|
140
|
-
width: "100%",
|
|
141
|
-
borderRadius: "1px"
|
|
142
|
-
},
|
|
143
|
-
children: /* @__PURE__ */jsxs(Flex, {
|
|
144
|
-
align: "center",
|
|
145
|
-
direction: "column",
|
|
146
|
-
height: "fill",
|
|
147
|
-
justify: "center",
|
|
148
|
-
children: [/* @__PURE__ */jsx(Spinner, {
|
|
149
|
-
muted: true
|
|
150
|
-
}), /* @__PURE__ */jsx(Box, {
|
|
151
|
-
marginTop: 3,
|
|
152
|
-
children: /* @__PURE__ */jsx(Text, {
|
|
153
|
-
align: "center",
|
|
154
|
-
muted: true,
|
|
155
|
-
size: 1,
|
|
156
|
-
children: "Loading\u2026"
|
|
157
|
-
})
|
|
158
|
-
})]
|
|
159
|
-
})
|
|
160
|
-
})
|
|
161
|
-
});
|
|
162
|
-
};
|
|
163
|
-
const Input = lazy(() => import('./Input-1b053a16.js'));
|
|
164
|
-
var createFormInput = config => memo(function FormInput(props) {
|
|
165
|
-
if (isMuxInputProps(props)) {
|
|
166
|
-
return /* @__PURE__ */jsx(AspectRatioCard, {
|
|
167
|
-
children: /* @__PURE__ */jsx(ErrorBoundaryCard$1, {
|
|
168
|
-
schemaType: props.schemaType,
|
|
169
|
-
children: /* @__PURE__ */jsx(Suspense, {
|
|
170
|
-
fallback: /* @__PURE__ */jsx(InputFallback, {}),
|
|
171
|
-
children: /* @__PURE__ */jsx(Input, {
|
|
172
|
-
config,
|
|
173
|
-
...props
|
|
174
|
-
})
|
|
175
|
-
})
|
|
176
|
-
})
|
|
177
|
-
});
|
|
178
|
-
}
|
|
179
|
-
return props.renderDefault(props);
|
|
180
|
-
});
|
|
181
|
-
const Preview = lazy(() => import('./Preview-af721846.js'));
|
|
182
|
-
var FormPreview = memo(function FormPreview(props) {
|
|
183
|
-
if (isMuxInputPreviewProps(props)) {
|
|
184
|
-
return /* @__PURE__ */jsx(AspectRatioCard, {
|
|
185
|
-
children: /* @__PURE__ */jsx(Preview, {
|
|
186
|
-
...props
|
|
187
|
-
})
|
|
188
|
-
});
|
|
189
|
-
}
|
|
190
|
-
return props.renderDefault(props);
|
|
191
|
-
});
|
|
192
|
-
const defaultConfig = {
|
|
193
|
-
mp4_support: "none"
|
|
194
|
-
};
|
|
195
|
-
const muxInput = definePlugin(userConfig => {
|
|
196
|
-
const config = {
|
|
197
|
-
...defaultConfig,
|
|
198
|
-
...userConfig
|
|
199
|
-
};
|
|
200
|
-
const InputComponent = createFormInput(config);
|
|
201
|
-
return {
|
|
202
|
-
name: "mux-input",
|
|
203
|
-
form: {
|
|
204
|
-
components: {
|
|
205
|
-
input: InputComponent,
|
|
206
|
-
preview: FormPreview
|
|
207
|
-
}
|
|
208
|
-
},
|
|
209
|
-
schema: {
|
|
210
|
-
types: [{
|
|
211
|
-
name: "mux.video",
|
|
212
|
-
type: "object",
|
|
213
|
-
title: "Video asset reference",
|
|
214
|
-
fields: [{
|
|
215
|
-
title: "Video",
|
|
216
|
-
name: "asset",
|
|
217
|
-
type: "reference",
|
|
218
|
-
weak: true,
|
|
219
|
-
to: [{
|
|
220
|
-
type: "mux.videoAsset"
|
|
221
|
-
}]
|
|
222
|
-
}]
|
|
223
|
-
}, {
|
|
224
|
-
name: "mux.videoAsset",
|
|
225
|
-
type: "object",
|
|
226
|
-
title: "Video asset",
|
|
227
|
-
fields: [{
|
|
228
|
-
type: "string",
|
|
229
|
-
name: "status"
|
|
230
|
-
}, {
|
|
231
|
-
type: "string",
|
|
232
|
-
name: "assetId"
|
|
233
|
-
}, {
|
|
234
|
-
type: "string",
|
|
235
|
-
name: "playbackId"
|
|
236
|
-
}, {
|
|
237
|
-
type: "string",
|
|
238
|
-
name: "filename"
|
|
239
|
-
}, {
|
|
240
|
-
type: "number",
|
|
241
|
-
name: "thumbTime"
|
|
242
|
-
}]
|
|
243
|
-
}]
|
|
244
|
-
}
|
|
245
|
-
};
|
|
246
|
-
});
|
|
247
|
-
export { InputFallback, cacheNs, defaultConfig, muxInput, muxSecretsDocumentId };
|
|
248
|
-
//# sourceMappingURL=index-376871b4.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index-376871b4.js","sources":["../../src/util/asserters.ts","../../src/util/constants.ts","../../src/components/ErrorBoundaryCard.tsx","../../src/components/Input.styled.tsx","../../src/components/FormInput.tsx","../../src/components/FormPreview.tsx","../../src/index.ts"],"sourcesContent":["import {type InputProps, isObjectInputProps, type PreviewLayoutKey, type PreviewProps} from 'sanity'\n\nimport type {MuxInputPreviewProps, MuxInputProps} from './types'\n\nexport function isMuxInputProps(props: InputProps): props is MuxInputProps {\n return isObjectInputProps(props) && props.schemaType.type?.name === 'mux.video'\n}\n\nexport function isMuxInputPreviewProps(\n props: PreviewProps<PreviewLayoutKey>\n): props is MuxInputPreviewProps {\n return props.schemaType?.type?.name === 'mux.video'\n}\n","export const name = 'mux-input' as const\n\n// Caching namespace, as suspend-react might be in use by other components on the page we must ensure we don't collide\nexport const cacheNs = 'sanity-plugin-mux-input' as const\n\nexport const muxSecretsDocumentId = 'secrets.mux' as const\n","/* eslint-disable no-console */\nimport {Button, Card, Flex, Grid, Heading, Inline, Text, useToast} from '@sanity/ui'\nimport React, {memo, useCallback, useRef} from 'react'\nimport scrollIntoView from 'scroll-into-view-if-needed'\nimport {clear} from 'suspend-react'\nimport {useErrorBoundary} from 'use-error-boundary'\n\nimport {name} from '../util/constants'\nimport {type MuxInputProps} from '../util/types'\n\nexport interface Props extends Pick<MuxInputProps, 'schemaType'> {\n children: React.ReactNode\n}\nfunction ErrorBoundaryCard(props: Props) {\n const {children, schemaType} = props\n const {push: pushToast} = useToast()\n const errorRef = useRef(null)\n const {ErrorBoundary, didCatch, error, reset} = useErrorBoundary({\n onDidCatch: (err, errorInfo) => {\n console.group(err.toString())\n console.groupCollapsed('console.error')\n console.error(err)\n console.groupEnd()\n if (err.stack) {\n console.groupCollapsed('error.stack')\n console.log(err.stack)\n console.groupEnd()\n }\n if (errorInfo?.componentStack) {\n console.groupCollapsed('errorInfo.componentStack')\n console.log(errorInfo.componentStack)\n console.groupEnd()\n }\n console.groupEnd()\n pushToast({\n status: 'error',\n title: 'Plugin crashed',\n description: (\n <Flex align=\"center\">\n <Inline space={1}>\n An error happened while rendering\n <Button\n padding={1}\n fontSize={1}\n style={{transform: 'translateY(1px)'}}\n mode=\"ghost\"\n text={schemaType.title}\n onClick={() => {\n if (errorRef.current) {\n scrollIntoView(errorRef.current, {\n behavior: 'smooth',\n scrollMode: 'if-needed',\n block: 'center',\n })\n }\n }}\n />\n </Inline>\n </Flex>\n ),\n })\n },\n })\n const handleRetry = useCallback(() => {\n // Purge request cache before retrying, otherwise the cached errors will rethrow\n clear([name])\n\n reset()\n }, [reset])\n\n if (didCatch) {\n return (\n <Card ref={errorRef} paddingX={[2, 3, 4, 4]} height=\"fill\" shadow={1} overflow=\"auto\">\n <Flex justify=\"flex-start\" align=\"center\" height=\"fill\">\n <Grid columns={1} gap={[2, 3, 4, 4]}>\n <Heading as=\"h1\">\n The <code>{name}</code> plugin crashed\n </Heading>\n {error?.message && (\n <Card padding={3} tone=\"critical\" shadow={1} radius={2}>\n <Text>{error.message}</Text>\n </Card>\n )}\n <Inline>\n <Button onClick={handleRetry} text=\"Retry\" />\n </Inline>\n </Grid>\n </Flex>\n </Card>\n )\n }\n\n return <ErrorBoundary>{children}</ErrorBoundary>\n}\n\nexport default memo(ErrorBoundaryCard)\n","import {Box, Card, Flex, Spinner, Text} from '@sanity/ui'\nimport React from 'react'\nimport styled from 'styled-components'\n\n// This container base container ensures everything uses the same aspect ratio, avoids layout shifts and stuff jumping around\nexport const AspectRatioCard = styled(Card)`\n aspect-ratio: 16 / 9;\n position: relative;\n width: 100%;\n`\n\nexport const InputFallback = () => {\n return (\n <div style={{padding: 1}}>\n <Card\n shadow={1}\n sizing=\"border\"\n style={{aspectRatio: '16/9', width: '100%', borderRadius: '1px'}}\n >\n <Flex align=\"center\" direction=\"column\" height=\"fill\" justify=\"center\">\n <Spinner muted />\n <Box marginTop={3}>\n <Text align=\"center\" muted size={1}>\n Loading…\n </Text>\n </Box>\n </Flex>\n </Card>\n </div>\n )\n}\n","import React, {lazy, memo, Suspense} from 'react'\nimport {type InputProps} from 'sanity'\n\nimport {isMuxInputProps} from '../util/asserters'\nimport {type Config} from '../util/types'\nimport ErrorBoundaryCard from './ErrorBoundaryCard'\nimport {AspectRatioCard, InputFallback} from './Input.styled'\n\nconst Input = lazy(() => import('./Input'))\n\n// eslint-disable-next-line import/no-anonymous-default-export\nexport default (config: Config) =>\n memo(function FormInput(props: InputProps) {\n if (isMuxInputProps(props)) {\n return (\n <AspectRatioCard>\n <ErrorBoundaryCard schemaType={props.schemaType}>\n <Suspense fallback={<InputFallback />}>\n <Input config={config} {...props} />\n </Suspense>\n </ErrorBoundaryCard>\n </AspectRatioCard>\n )\n }\n return props.renderDefault(props)\n })\n","import React, {lazy, memo} from 'react'\nimport {PreviewLayoutKey, PreviewProps} from 'sanity'\n\nimport {isMuxInputPreviewProps} from '../util/asserters'\nimport {AspectRatioCard} from './Input.styled'\n\nconst Preview = lazy(() => import('./Preview'))\n\nexport default memo(function FormPreview(props: PreviewProps<PreviewLayoutKey>) {\n if (isMuxInputPreviewProps(props)) {\n return (\n <AspectRatioCard>\n {/* @ts-expect-error */}\n <Preview {...props} />\n </AspectRatioCard>\n )\n }\n return props.renderDefault(props)\n})\n","import {definePlugin} from 'sanity'\n\nimport createFormInput from './components/FormInput'\nimport FormPreview from './components/FormPreview'\nimport {type Config} from './util/types'\n\nexport const defaultConfig: Config = {\n mp4_support: 'none',\n}\n\nexport const muxInput = definePlugin<Partial<Config> | void>((userConfig) => {\n const config: Config = {...defaultConfig, ...userConfig}\n const InputComponent = createFormInput(config)\n return {\n name: 'mux-input',\n form: {\n components: {\n input: InputComponent,\n preview: FormPreview,\n },\n },\n schema: {\n types: [\n {\n name: 'mux.video',\n type: 'object',\n title: 'Video asset reference',\n fields: [\n {\n title: 'Video',\n name: 'asset',\n type: 'reference',\n weak: true,\n to: [{type: 'mux.videoAsset'}],\n },\n ],\n },\n {\n name: 'mux.videoAsset',\n type: 'object',\n title: 'Video asset',\n fields: [\n {\n type: 'string',\n name: 'status',\n },\n {\n type: 'string',\n name: 'assetId',\n },\n {\n type: 'string',\n name: 'playbackId',\n },\n {\n type: 'string',\n name: 'filename',\n },\n {\n type: 'number',\n name: 'thumbTime',\n },\n ],\n },\n ],\n },\n }\n})\n"],"names":["isMuxInputProps","props","_a","isObjectInputProps","schemaType","type","name","isMuxInputPreviewProps","_b","cacheNs","muxSecretsDocumentId","ErrorBoundaryCard","children","push","pushToast","useToast","errorRef","useRef","ErrorBoundary","didCatch","error","reset","useErrorBoundary","onDidCatch","err","errorInfo","console","group","toString","groupCollapsed","groupEnd","stack","log","componentStack","status","title","description","Flex","align","jsxs","Inline","space","jsx","Button","padding","fontSize","style","transform","mode","text","onClick","current","scrollIntoView","behavior","scrollMode","block","handleRetry","useCallback","clear","Card","ref","paddingX","height","shadow","overflow","justify","Grid","columns","gap","Heading","as","message","tone","radius","Text","ErrorBoundaryCard$1","memo","AspectRatioCard","styled","_templateObject","_taggedTemplateLiteral","InputFallback","sizing","aspectRatio","width","borderRadius","direction","Spinner","muted","Box","marginTop","size","Input","lazy","createFormInput","config","FormInput","Suspense","fallback","renderDefault","Preview","FormPreview","defaultConfig","mp4_support","muxInput","definePlugin","userConfig","InputComponent","form","components","input","preview","schema","types","fields","weak","to"],"mappings":";;;;;;;;;;AAIO,SAASA,gBAAgBC,KAA2C,EAAA;EAJ3E,IAAAC,EAAA;EAKE,OAAOC,mBAAmBF,KAAK,CAAA,IAAA,CAAA,CAAKC,WAAME,UAAW,CAAAC,IAAA,KAAjB,mBAAuBC,IAAS,MAAA,WAAA;AACtE;AAEO,SAASC,uBACdN,KAC+B,EAAA;EAVjC,IAAAC,EAAA,EAAAM,EAAA;EAWE,OAAA,CAAA,CAAOA,EAAM,GAAA,CAAAN,EAAA,GAAAD,KAAA,CAAAG,UAAA,KAAN,IAAkB,GAAA,KAAA,CAAA,GAAAF,EAAA,CAAAG,IAAA,KAAlB,mBAAwBC,IAAS,MAAA,WAAA;AAC1C;ACZO,MAAMA,IAAO,GAAA,WAAA;AAGb,MAAMG,OAAU,GAAA,yBAAA;AAEhB,MAAMC,oBAAuB,GAAA,aAAA;ACQpC,SAASC,kBAAkBV,KAAc,EAAA;EACjC,MAAA;IAACW,QAAU;IAAAR;EAAc,CAAA,GAAAH,KAAA;EAC/B,MAAM;IAACY,IAAA,EAAMC;EAAS,CAAA,GAAIC,QAAS,EAAA;EAC7B,MAAAC,QAAA,GAAWC,OAAO,IAAI,CAAA;EAC5B,MAAM;IAACC,aAAe;IAAAC,QAAA;IAAUC,KAAO;IAAAC;EAAA,IAASC,gBAAiB,CAAA;IAC/DC,UAAA,EAAYA,CAACC,GAAA,EAAKC,SAAc,KAAA;MACtBC,OAAA,CAAAC,KAAA,CAAMH,GAAI,CAAAI,QAAA,EAAU,CAAA;MAC5BF,OAAA,CAAQG,eAAe,eAAe,CAAA;MACtCH,OAAA,CAAQN,MAAMI,GAAG,CAAA;MACjBE,OAAA,CAAQI,QAAS,EAAA;MACjB,IAAIN,IAAIO,KAAO,EAAA;QACbL,OAAA,CAAQG,eAAe,aAAa,CAAA;QAC5BH,OAAA,CAAAM,GAAA,CAAIR,IAAIO,KAAK,CAAA;QACrBL,OAAA,CAAQI,QAAS,EAAA;MACnB;MACA,IAAIL,uCAAWQ,cAAgB,EAAA;QAC7BP,OAAA,CAAQG,eAAe,0BAA0B,CAAA;QACzCH,OAAA,CAAAM,GAAA,CAAIP,UAAUQ,cAAc,CAAA;QACpCP,OAAA,CAAQI,QAAS,EAAA;MACnB;MACAJ,OAAA,CAAQI,QAAS,EAAA;MACPhB,SAAA,CAAA;QACRoB,MAAQ,EAAA,OAAA;QACRC,KAAO,EAAA,gBAAA;QACPC,WAAA,qBACGC,IAAK,EAAA;UAAAC,KAAA,EAAM;UACV1B,QAAC,EAAA,eAAA2B,IAAA,CAAAC,MAAA,EAAA;YAAOC,OAAO,CAAG;YAAA7B,QAAA,EAAA,CAAA,mCAAA,EAAA,eAEhB8B,GAAA,CAACC,MAAA,EAAA;cACCC,OAAS,EAAA,CAAA;cACTC,QAAU,EAAA,CAAA;cACVC,KAAA,EAAO;gBAACC,SAAA,EAAW;cAAiB,CAAA;cACpCC,IAAK,EAAA,OAAA;cACLC,MAAM7C,UAAW,CAAA+B,KAAA;cACjBe,SAASA,CAAA,KAAM;gBACb,IAAIlC,SAASmC,OAAS,EAAA;kBACpBC,cAAA,CAAepC,SAASmC,OAAS,EAAA;oBAC/BE,QAAU,EAAA,QAAA;oBACVC,UAAY,EAAA,WAAA;oBACZC,KAAO,EAAA;kBAAA,CACR,CAAA;gBACH;cACF;YAAA,CAAA,CACF;UAAA,CACF;QACF,CAAA;MAAA,CAEH,CAAA;IACH;EAAA,CACD,CAAA;EACK,MAAAC,WAAA,GAAcC,YAAY,MAAM;IAE9BC,KAAA,CAAA,CAACpD,IAAI,CAAC,CAAA;IAENe,KAAA,EAAA;EAAA,CACR,EAAG,CAACA,KAAK,CAAC,CAAA;EAEV,IAAIF,QAAU,EAAA;IACZ,sBACGuB,GAAA,CAAAiB,IAAA,EAAA;MAAKC,GAAK,EAAA5C,QAAA;MAAU6C,UAAU,CAAC,CAAA,EAAG,CAAG,EAAA,CAAA,EAAG,CAAC,CAAG;MAAAC,MAAA,EAAO,MAAO;MAAAC,MAAA,EAAQ;MAAGC,QAAS,EAAA,MAAA;MAC7EpD,QAAC,iBAAA8B,GAAA,CAAAL,IAAA,EAAA;QAAK4B,SAAQ,YAAa;QAAA3B,KAAA,EAAM,QAAS;QAAAwB,MAAA,EAAO;QAC/ClD,QAAC,EAAA,eAAA2B,IAAA,CAAA2B,IAAA,EAAA;UAAKC,OAAS,EAAA,CAAA;UAAGC,KAAK,CAAC,CAAA,EAAG,CAAG,EAAA,CAAA,EAAG,CAAC,CAChC;UAAAxD,QAAA,EAAA,CAAC,eAAA2B,IAAA,CAAA8B,OAAA,EAAA;YAAQC,IAAG,IAAK;YAAA1D,QAAA,EAAA,CAAA,MAAA,EACX,eAAA8B,GAAA,CAAC;cAAM9B,QAAK,EAAAN;YAAA,CAAA,CAAA,EAAO,iBAAA;WACzB,CAAA,EAAA,CACCc,+BAAOmD,OACN,oBAAA7B,GAAA,CAACiB,IAAK,EAAA;YAAAf,OAAA,EAAS;YAAG4B,IAAK,EAAA,UAAA;YAAWT,MAAQ,EAAA,CAAA;YAAGU,QAAQ,CACnD;YAAA7D,QAAA,EAAA,eAAA8B,GAAA,CAACgC,IAAM,EAAA;cAAA9D,QAAA,EAAAQ,KAAA,CAAMmD;aAAQ;UACvB,CAAA,CAAA,EAEF,eAAA7B,GAAA,CAACF;YACC5B,QAAC,EAAA,eAAA8B,GAAA,CAAAC,MAAA,EAAA;cAAOO,SAASM,WAAa;cAAAP,IAAA,EAAK;aAAQ;UAC7C,CAAA,CAAA;SACF;OACF;IACF,CAAA,CAAA;EAEJ;EAEO,OAAA,eAAAP,GAAA,CAACxB;IAAeN;EAAS,CAAA,CAAA;AAClC;AAEA,IAAe+D,mBAAA,GAAAC,KAAKjE,iBAAiB,CAAA;AC1FxB,MAAAkE,eAAA,GAAkBC,OAAOnB,IAAI,CAAA,CAAAoB,eAAA,KAAAA,eAAA,GAAAC,sBAAA,0EAAA;AAMnC,MAAMC,gBAAgBA,CAAA,KAAM;EACjC,0BACG,KAAI,EAAA;IAAAnC,KAAA,EAAO;MAACF,OAAA,EAAS;KACpB;IAAAhC,QAAA,iBAAA8B,GAAA,CAACiB,IAAA,EAAA;MACCI,MAAQ,EAAA,CAAA;MACRmB,MAAO,EAAA,QAAA;MACPpC,OAAO;QAACqC,WAAA,EAAa;QAAQC,KAAO,EAAA,MAAA;QAAQC,cAAc;MAAK,CAAA;MAE/DzE,QAAA,EAAA,eAAA2B,IAAA,CAACF;QAAKC,KAAM,EAAA,QAAA;QAASgD,WAAU,QAAS;QAAAxB,MAAA,EAAO,MAAO;QAAAG,OAAA,EAAQ,QAC5D;QAAArD,QAAA,EAAA,CAAC,eAAA8B,GAAA,CAAA6C,OAAA,EAAA;UAAQC,OAAK;QAAC,CAAA,CAAA,EAAA,eACd9C,GAAA,CAAA+C,GAAA,EAAA;UAAIC,SAAW,EAAA,CAAA;UACd9E,QAAC,EAAA,eAAA8B,GAAA,CAAAgC,IAAA,EAAA;YAAKpC,KAAM,EAAA,QAAA;YAASkD,KAAK,EAAA,IAAA;YAACG,IAAM,EAAA,CAAA;YAAG/E;UAEpC,CAAA;SACF,CAAA;OACF;IAAA,CAAA;EAEJ,CAAA,CAAA;AAEJ,CAAA;ACtBA,MAAMgF,KAAQ,GAAAC,IAAA,CAAK,MAAM,MAAO,CAAA,qBAAS,CAAC,CAAA;AAG1C,IAAeC,eAAA,GAACC,MAAA,IACdnB,IAAK,CAAA,SAASoB,UAAU/F,KAAmB,EAAA;EACrC,IAAAD,eAAA,CAAgBC,KAAK,CAAG,EAAA;IAExB,OAAA,eAAAyC,GAAA,CAACmC;MACCjE,QAAC,EAAA,eAAA8B,GAAA,CAAA/B,mBAAA,EAAA;QAAkBP,YAAYH,KAAM,CAAAG,UAAA;QACnCQ,6BAACqF,QAAS,EAAA;UAAAC,QAAA,qBAAWjB,aAAc,EAAA,CAAA,CAAA,CAAA;UACjCrE,6BAACgF,KAAM,EAAA;YAAAG,MAAA;YAAiB,GAAG9F;UAAO,CAAA;QACpC,CAAA;MACF,CAAA;IACF,CAAA,CAAA;EAEJ;EACO,OAAAA,KAAA,CAAMkG,cAAclG,KAAK,CAAA;AAClC,CAAC,CAAA;ACnBH,MAAMmG,OAAU,GAAAP,IAAA,CAAK,MAAM,MAAO,CAAA,uBAAW,CAAC,CAAA;AAE9C,IAAAQ,WAAA,GAAezB,IAAA,CAAK,SAASyB,WAAAA,CAAYpG,KAAuC,EAAA;EAC1E,IAAAM,sBAAA,CAAuBN,KAAK,CAAG,EAAA;IACjC,0BACG4E,eAEC,EAAA;MAAAjE,QAAA,EAAA,eAAA8B,GAAA,CAAC0D,OAAS,EAAA;QAAA,GAAGnG;OAAO;IACtB,CAAA,CAAA;EAEJ;EACO,OAAAA,KAAA,CAAMkG,cAAclG,KAAK,CAAA;AAClC,CAAC,CAAA;ACZM,MAAMqG,aAAwB,GAAA;EACnCC,WAAa,EAAA;AACf,CAAA;AAEa,MAAAC,QAAA,GAAWC,YAAqC,CAACC,UAAe,IAAA;EAC3E,MAAMX,MAAiB,GAAA;IAAC,GAAGO,aAAA;IAAe,GAAGI;EAAU,CAAA;EACjD,MAAAC,cAAA,GAAiBb,gBAAgBC,MAAM,CAAA;EACtC,OAAA;IACLzF,IAAM,EAAA,WAAA;IACNsG,IAAM,EAAA;MACJC,UAAY,EAAA;QACVC,KAAO,EAAAH,cAAA;QACPI,OAAS,EAAAV;MACX;IACF,CAAA;IACAW,MAAQ,EAAA;MACNC,KAAO,EAAA,CACL;QACE3G,IAAM,EAAA,WAAA;QACND,IAAM,EAAA,QAAA;QACN8B,KAAO,EAAA,uBAAA;QACP+E,MAAQ,EAAA,CACN;UACE/E,KAAO,EAAA,OAAA;UACP7B,IAAM,EAAA,OAAA;UACND,IAAM,EAAA,WAAA;UACN8G,IAAM,EAAA,IAAA;UACNC,EAAI,EAAA,CAAC;YAAC/G,IAAA,EAAM;WAAiB;QAC/B,CAAA;MAEJ,CAAA,EACA;QACEC,IAAM,EAAA,gBAAA;QACND,IAAM,EAAA,QAAA;QACN8B,KAAO,EAAA,aAAA;QACP+E,MAAQ,EAAA,CACN;UACE7G,IAAM,EAAA,QAAA;UACNC,IAAM,EAAA;QACR,CAAA,EACA;UACED,IAAM,EAAA,QAAA;UACNC,IAAM,EAAA;QACR,CAAA,EACA;UACED,IAAM,EAAA,QAAA;UACNC,IAAM,EAAA;QACR,CAAA,EACA;UACED,IAAM,EAAA,QAAA;UACNC,IAAM,EAAA;QACR,CAAA,EACA;UACED,IAAM,EAAA,QAAA;UACNC,IAAM,EAAA;QACR,CAAA;MAEJ,CAAA;IAEJ;EAAA,CACF;AACF,CAAC,CAAA;"}
|