sanity-plugin-cloudinary 0.2.2 → 1.0.0-v3-studio.2
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/LICENSE +1 -1
- package/README.md +160 -66
- package/lib/cjs/index.js +708 -0
- package/lib/cjs/index.js.map +1 -0
- package/lib/esm/index.js +697 -0
- package/lib/esm/index.js.map +1 -0
- package/lib/types/index.d.ts +22 -0
- package/lib/types/index.d.ts.map +1 -0
- package/package.json +66 -41
- package/sanity.json +3 -15
- package/src/arrayFunctions.tsx +71 -0
- package/src/components/AssetDiff.tsx +44 -0
- package/src/components/AssetPreview.tsx +41 -0
- package/src/components/CloudinaryInput.tsx +61 -0
- package/src/components/SecretsConfigView.tsx +39 -0
- package/src/components/VideoPlayer.tsx +62 -0
- package/src/components/WidgetInput.tsx +66 -0
- package/src/components/asset-source/CloudinaryAssetSource.tsx +155 -0
- package/src/components/asset-source/Icon.tsx +93 -0
- package/src/index.ts +30 -0
- package/src/schema/cloudinaryAsset.ts +99 -0
- package/src/schema/cloudinaryAssetDerived.ts +26 -0
- package/src/typings.d.ts +74 -0
- package/src/utils.ts +115 -0
- package/v2-incompatible.js +11 -0
- package/dist/arrayFunctions.js +0 -82
- package/dist/arrayFunctions.js.map +0 -1
- package/dist/components/AssetDiff.js +0 -62
- package/dist/components/AssetDiff.js.map +0 -1
- package/dist/components/AssetPreview.js +0 -46
- package/dist/components/AssetPreview.js.map +0 -1
- package/dist/components/CloudinaryInput.js +0 -90
- package/dist/components/CloudinaryInput.js.map +0 -1
- package/dist/components/SecretsConfigView.js +0 -37
- package/dist/components/SecretsConfigView.js.map +0 -1
- package/dist/components/VideoPlayer.js +0 -70
- package/dist/components/VideoPlayer.js.map +0 -1
- package/dist/components/WidgetInput.js +0 -87
- package/dist/components/WidgetInput.js.map +0 -1
- package/dist/index.js +0 -24
- package/dist/index.js.map +0 -1
- package/dist/schema/cloudinary.js +0 -19
- package/dist/schema/cloudinary.js.map +0 -1
- package/dist/schema/cloudinaryAsset.js +0 -100
- package/dist/schema/cloudinaryAsset.js.map +0 -1
- package/dist/schema/cloudinaryAssetDerived.js +0 -22
- package/dist/schema/cloudinaryAssetDerived.js.map +0 -1
- package/dist/typings.d.js +0 -8
- package/dist/typings.d.js.map +0 -1
- package/dist/utils.js +0 -92
- package/dist/utils.js.map +0 -1
package/dist/arrayFunctions.js
DELETED
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _default2 = _interopRequireDefault(require("part:@sanity/components/buttons/default"));
|
|
11
|
-
|
|
12
|
-
var _patchEvent = _interopRequireWildcard(require("part:@sanity/form-builder/patch-event"));
|
|
13
|
-
|
|
14
|
-
var _functionsDefault = _interopRequireDefault(require("part:@sanity/form-builder/input/array/functions-default"));
|
|
15
|
-
|
|
16
|
-
var _sanitySecrets = require("sanity-secrets");
|
|
17
|
-
|
|
18
|
-
var _SecretsConfigView = _interopRequireWildcard(require("./components/SecretsConfigView"));
|
|
19
|
-
|
|
20
|
-
var _cloudinaryAsset = _interopRequireDefault(require("./schema/cloudinaryAsset"));
|
|
21
|
-
|
|
22
|
-
var _utils = require("./utils");
|
|
23
|
-
|
|
24
|
-
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
25
|
-
|
|
26
|
-
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
27
|
-
|
|
28
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
29
|
-
|
|
30
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
31
|
-
|
|
32
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
33
|
-
|
|
34
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
35
|
-
|
|
36
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
37
|
-
|
|
38
|
-
function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
39
|
-
|
|
40
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
41
|
-
|
|
42
|
-
var AssetListFunctions = props => {
|
|
43
|
-
var _useSecrets = (0, _sanitySecrets.useSecrets)(_SecretsConfigView.namespace),
|
|
44
|
-
secrets = _useSecrets.secrets,
|
|
45
|
-
loading = _useSecrets.loading;
|
|
46
|
-
|
|
47
|
-
var _React$useState = _react.default.useState(false),
|
|
48
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
49
|
-
showSettings = _React$useState2[0],
|
|
50
|
-
setShowSettings = _React$useState2[1];
|
|
51
|
-
|
|
52
|
-
var cloudinaryType = props.type.of.find(t => t.name === _cloudinaryAsset.default.name);
|
|
53
|
-
|
|
54
|
-
var handleSelect = selected => {
|
|
55
|
-
var onCreateValue = props.onCreateValue,
|
|
56
|
-
onChange = props.onChange;
|
|
57
|
-
var items = selected.assets.map(asset => Object.assign({}, asset, {
|
|
58
|
-
// Schema version. In case we ever change our schema.
|
|
59
|
-
_version: 1
|
|
60
|
-
}, onCreateValue(cloudinaryType)));
|
|
61
|
-
onChange(_patchEvent.default.from((0, _patchEvent.setIfMissing)([]), (0, _patchEvent.insert)(items, 'after', [-1])));
|
|
62
|
-
};
|
|
63
|
-
|
|
64
|
-
var actions = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_default2.default, {
|
|
65
|
-
enabled: props.readOnly !== true && !loading,
|
|
66
|
-
inverted: true,
|
|
67
|
-
onClick: () => {
|
|
68
|
-
(0, _utils.openMediaSelector)(secrets.cloudName, secrets.apiKey, true, // multi-selection
|
|
69
|
-
handleSelect);
|
|
70
|
-
}
|
|
71
|
-
}, "Add multiple"), /*#__PURE__*/_react.default.createElement(_default2.default, {
|
|
72
|
-
onClick: () => setShowSettings(true)
|
|
73
|
-
}, "Configure"));
|
|
74
|
-
|
|
75
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showSettings && /*#__PURE__*/_react.default.createElement(_SecretsConfigView.default, {
|
|
76
|
-
onClose: () => setShowSettings(false)
|
|
77
|
-
}), /*#__PURE__*/_react.default.createElement(_functionsDefault.default, props, cloudinaryType && actions));
|
|
78
|
-
};
|
|
79
|
-
|
|
80
|
-
var _default = AssetListFunctions;
|
|
81
|
-
exports.default = _default;
|
|
82
|
-
//# sourceMappingURL=arrayFunctions.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/arrayFunctions.jsx"],"names":["AssetListFunctions","props","namespace","secrets","loading","React","useState","showSettings","setShowSettings","cloudinaryType","type","of","find","t","name","cloudinaryAsset","handleSelect","selected","onCreateValue","onChange","items","assets","map","asset","Object","assign","_version","PatchEvent","from","actions","readOnly","cloudName","apiKey"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAIA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,kBAAkB,GAAGC,KAAK,IAAI;AAAA,oBACL,+BAAWC,4BAAX,CADK;AAAA,MAC1BC,OAD0B,eAC1BA,OAD0B;AAAA,MACjBC,OADiB,eACjBA,OADiB;;AAAA,wBAEMC,eAAMC,QAAN,CAAe,KAAf,CAFN;AAAA;AAAA,MAE3BC,YAF2B;AAAA,MAEbC,eAFa;;AAIlC,MAAMC,cAAc,GAAGR,KAAK,CAACS,IAAN,CAAWC,EAAX,CAAcC,IAAd,CACrBC,CAAC,IAAIA,CAAC,CAACC,IAAF,KAAWC,yBAAgBD,IADX,CAAvB;;AAIA,MAAME,YAAY,GAAGC,QAAQ,IAAI;AAAA,QACvBC,aADuB,GACKjB,KADL,CACvBiB,aADuB;AAAA,QACRC,QADQ,GACKlB,KADL,CACRkB,QADQ;AAE/B,QAAMC,KAAK,GAAGH,QAAQ,CAACI,MAAT,CAAgBC,GAAhB,CAAoBC,KAAK,IACrCC,MAAM,CAACC,MAAP,CACE,EADF,EAEEF,KAFF,EAGE;AACE;AACAG,MAAAA,QAAQ,EAAE;AAFZ,KAHF,EAOER,aAAa,CAACT,cAAD,CAPf,CADY,CAAd;AAWAU,IAAAA,QAAQ,CAACQ,oBAAWC,IAAX,CAAgB,8BAAa,EAAb,CAAhB,EAAkC,wBAAOR,KAAP,EAAc,OAAd,EAAuB,CAAC,CAAC,CAAF,CAAvB,CAAlC,CAAD,CAAR;AACD,GAdD;;AAgBA,MAAMS,OAAO,gBACX,yEACE,6BAAC,iBAAD;AACE,IAAA,OAAO,EAAE5B,KAAK,CAAC6B,QAAN,KAAmB,IAAnB,IAA2B,CAAC1B,OADvC;AAEE,IAAA,QAAQ,MAFV;AAGE,IAAA,OAAO,EAAE,MAAM;AACb,oCACED,OAAO,CAAC4B,SADV,EAEE5B,OAAO,CAAC6B,MAFV,EAGE,IAHF,EAGQ;AACNhB,MAAAA,YAJF;AAMD;AAVH,oBADF,eAeE,6BAAC,iBAAD;AAAQ,IAAA,OAAO,EAAE,MAAMR,eAAe,CAAC,IAAD;AAAtC,iBAfF,CADF;;AAoBA,sBACE,4DACGD,YAAY,iBACX,6BAAC,0BAAD;AAAmB,IAAA,OAAO,EAAE,MAAMC,eAAe,CAAC,KAAD;AAAjD,IAFJ,eAIE,6BAAC,yBAAD,EAA2BP,KAA3B,EACGQ,cAAc,IAAIoB,OADrB,CAJF,CADF;AAUD,CAtDD;;eAwDe7B,kB","sourcesContent":["import React from 'react';\nimport Button from 'part:@sanity/components/buttons/default';\nimport PatchEvent, {\n setIfMissing,\n insert,\n} from 'part:@sanity/form-builder/patch-event';\nimport DefaultArrayFunctions from 'part:@sanity/form-builder/input/array/functions-default';\n\nimport { useSecrets } from 'sanity-secrets';\nimport SecretsConfigView, { namespace } from './components/SecretsConfigView';\nimport cloudinaryAsset from './schema/cloudinaryAsset';\nimport { openMediaSelector } from './utils';\n\nconst AssetListFunctions = props => {\n const { secrets, loading } = useSecrets(namespace);\n const [showSettings, setShowSettings] = React.useState(false);\n\n const cloudinaryType = props.type.of.find(\n t => t.name === cloudinaryAsset.name\n );\n\n const handleSelect = selected => {\n const { onCreateValue, onChange } = props;\n const items = selected.assets.map(asset =>\n Object.assign(\n {},\n asset,\n {\n // Schema version. In case we ever change our schema.\n _version: 1,\n },\n onCreateValue(cloudinaryType)\n )\n );\n onChange(PatchEvent.from(setIfMissing([]), insert(items, 'after', [-1])));\n };\n\n const actions = (\n <>\n <Button\n enabled={props.readOnly !== true && !loading}\n inverted\n onClick={() => {\n openMediaSelector(\n secrets.cloudName,\n secrets.apiKey,\n true, // multi-selection\n handleSelect\n );\n }}\n >\n Add multiple\n </Button>\n <Button onClick={() => setShowSettings(true)}>Configure</Button>\n </>\n );\n\n return (\n <>\n {showSettings && (\n <SecretsConfigView onClose={() => setShowSettings(false)} />\n )}\n <DefaultArrayFunctions {...props}>\n {cloudinaryType && actions}\n </DefaultArrayFunctions>\n </>\n );\n};\n\nexport default AssetListFunctions;\n"],"file":"arrayFunctions.js"}
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _diff = require("@sanity/field/diff");
|
|
11
|
-
|
|
12
|
-
var _VideoPlayer = _interopRequireDefault(require("./VideoPlayer"));
|
|
13
|
-
|
|
14
|
-
var _utils = require("../utils");
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
|
-
var CloudinaryDiffPreview = (_ref) => {
|
|
19
|
-
var value = _ref.value;
|
|
20
|
-
|
|
21
|
-
if (!value) {
|
|
22
|
-
return null;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
var url = (0, _utils.assetUrl)(value);
|
|
26
|
-
|
|
27
|
-
if (value.resource_type === 'video') {
|
|
28
|
-
return /*#__PURE__*/_react.default.createElement("section", {
|
|
29
|
-
style: {
|
|
30
|
-
display: 'flex',
|
|
31
|
-
flexWrap: 'wrap',
|
|
32
|
-
justifyContent: 'space-between'
|
|
33
|
-
}
|
|
34
|
-
}, /*#__PURE__*/_react.default.createElement(_VideoPlayer.default, {
|
|
35
|
-
src: url,
|
|
36
|
-
kind: "diff"
|
|
37
|
-
}));
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
return /*#__PURE__*/_react.default.createElement("img", {
|
|
41
|
-
alt: "preview",
|
|
42
|
-
src: url,
|
|
43
|
-
style: {
|
|
44
|
-
maxWidth: '100%',
|
|
45
|
-
height: 'auto'
|
|
46
|
-
}
|
|
47
|
-
});
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
var AssetDiff = (_ref2) => {
|
|
51
|
-
var diff = _ref2.diff,
|
|
52
|
-
schemaType = _ref2.schemaType;
|
|
53
|
-
return /*#__PURE__*/_react.default.createElement(_diff.DiffFromTo, {
|
|
54
|
-
diff: diff,
|
|
55
|
-
schemaType: schemaType,
|
|
56
|
-
previewComponent: CloudinaryDiffPreview
|
|
57
|
-
});
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
var _default = AssetDiff;
|
|
61
|
-
exports.default = _default;
|
|
62
|
-
//# sourceMappingURL=AssetDiff.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/AssetDiff.tsx"],"names":["CloudinaryDiffPreview","value","url","resource_type","display","flexWrap","justifyContent","maxWidth","height","AssetDiff","diff","schemaType"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AAMA,IAAMA,qBAAqB,GAAG,UAAsB;AAAA,MAAnBC,KAAmB,QAAnBA,KAAmB;;AAClD,MAAI,CAACA,KAAL,EAAY;AACV,WAAO,IAAP;AACD;;AAED,MAAMC,GAAG,GAAG,qBAASD,KAAT,CAAZ;;AAEA,MAAIA,KAAK,CAACE,aAAN,KAAwB,OAA5B,EAAqC;AACnC,wBACE;AACE,MAAA,KAAK,EAAE;AACLC,QAAAA,OAAO,EAAE,MADJ;AAELC,QAAAA,QAAQ,EAAE,MAFL;AAGLC,QAAAA,cAAc,EAAE;AAHX;AADT,oBAOE,6BAAC,oBAAD;AAAa,MAAA,GAAG,EAAEJ,GAAlB;AAAuB,MAAA,IAAI,EAAC;AAA5B,MAPF,CADF;AAWD;;AAED,sBACE;AAAK,IAAA,GAAG,EAAC,SAAT;AAAmB,IAAA,GAAG,EAAEA,GAAxB;AAA6B,IAAA,KAAK,EAAE;AAAEK,MAAAA,QAAQ,EAAE,MAAZ;AAAoBC,MAAAA,MAAM,EAAE;AAA5B;AAApC,IADF;AAGD,CAxBD;;AA+BA,IAAMC,SAAS,GAAG,WAAqC;AAAA,MAAlCC,IAAkC,SAAlCA,IAAkC;AAAA,MAA5BC,UAA4B,SAA5BA,UAA4B;AACrD,sBACE,6BAAC,gBAAD;AACE,IAAA,IAAI,EAAED,IADR;AAEE,IAAA,UAAU,EAAEC,UAFd;AAGE,IAAA,gBAAgB,EAAEX;AAHpB,IADF;AAOD,CARD;;eAUeS,S","sourcesContent":["import React from 'react';\nimport { DiffFromTo } from '@sanity/field/diff';\nimport { CloudinaryAsset } from '../schema/cloudinaryAsset';\nimport VideoPlayer from './VideoPlayer';\nimport { assetUrl } from '../utils';\n\ntype Props = {\n value: CloudinaryAsset | undefined;\n};\n\nconst CloudinaryDiffPreview = ({ value }: Props) => {\n if (!value) {\n return null;\n }\n\n const url = assetUrl(value);\n\n if (value.resource_type === 'video') {\n return (\n <section\n style={{\n display: 'flex',\n flexWrap: 'wrap',\n justifyContent: 'space-between',\n }}\n >\n <VideoPlayer src={url} kind=\"diff\" />\n </section>\n );\n }\n\n return (\n <img alt=\"preview\" src={url} style={{ maxWidth: '100%', height: 'auto' }} />\n );\n};\n\ntype DiffProps = {\n diff: any;\n schemaType: any;\n};\n\nconst AssetDiff = ({ diff, schemaType }: DiffProps) => {\n return (\n <DiffFromTo\n diff={diff}\n schemaType={schemaType}\n previewComponent={CloudinaryDiffPreview}\n />\n );\n};\n\nexport default AssetDiff;\n"],"file":"AssetDiff.js"}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _VideoPlayer = _interopRequireDefault(require("./VideoPlayer"));
|
|
11
|
-
|
|
12
|
-
var _utils = require("../utils");
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
|
-
var AssetPreview = (_ref) => {
|
|
17
|
-
var value = _ref.value,
|
|
18
|
-
layout = _ref.layout;
|
|
19
|
-
var url = value && (0, _utils.assetUrl)(value);
|
|
20
|
-
|
|
21
|
-
if (!value || !url) {
|
|
22
|
-
return null;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
switch (value.resource_type) {
|
|
26
|
-
case 'video':
|
|
27
|
-
return /*#__PURE__*/_react.default.createElement(_VideoPlayer.default, {
|
|
28
|
-
src: url,
|
|
29
|
-
kind: "player"
|
|
30
|
-
});
|
|
31
|
-
|
|
32
|
-
default:
|
|
33
|
-
return /*#__PURE__*/_react.default.createElement("img", {
|
|
34
|
-
alt: "preview",
|
|
35
|
-
src: url,
|
|
36
|
-
style: {
|
|
37
|
-
maxWidth: layout === 'default' ? '80px' : '100%',
|
|
38
|
-
height: 'auto'
|
|
39
|
-
}
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
var _default = AssetPreview;
|
|
45
|
-
exports.default = _default;
|
|
46
|
-
//# sourceMappingURL=AssetPreview.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/AssetPreview.tsx"],"names":["AssetPreview","value","layout","url","resource_type","maxWidth","height"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAQA,IAAMA,YAAY,GAAG,UAAuC;AAAA,MAApCC,KAAoC,QAApCA,KAAoC;AAAA,MAA7BC,MAA6B,QAA7BA,MAA6B;AAC1D,MAAMC,GAAG,GAAGF,KAAK,IAAI,qBAASA,KAAT,CAArB;;AACA,MAAI,CAACA,KAAD,IAAU,CAACE,GAAf,EAAoB;AAClB,WAAO,IAAP;AACD;;AAED,UAAQF,KAAK,CAACG,aAAd;AACE,SAAK,OAAL;AACE,0BAAO,6BAAC,oBAAD;AAAa,QAAA,GAAG,EAAED,GAAlB;AAAuB,QAAA,IAAI,EAAC;AAA5B,QAAP;;AACF;AACE,0BACE;AACE,QAAA,GAAG,EAAC,SADN;AAEE,QAAA,GAAG,EAAEA,GAFP;AAGE,QAAA,KAAK,EAAE;AACLE,UAAAA,QAAQ,EAAEH,MAAM,KAAK,SAAX,GAAuB,MAAvB,GAAgC,MADrC;AAELI,UAAAA,MAAM,EAAE;AAFH;AAHT,QADF;AAJJ;AAeD,CArBD;;eAuBeN,Y","sourcesContent":["import React from 'react';\nimport VideoPlayer from './VideoPlayer';\nimport { assetUrl } from '../utils';\nimport { CloudinaryAsset } from '../schema/cloudinaryAsset';\n\ntype ComponentProps = {\n layout?: 'default' | 'block';\n value: CloudinaryAsset | undefined;\n};\n\nconst AssetPreview = ({ value, layout }: ComponentProps) => {\n const url = value && assetUrl(value);\n if (!value || !url) {\n return null;\n }\n\n switch (value.resource_type) {\n case 'video':\n return <VideoPlayer src={url} kind=\"player\" />;\n default:\n return (\n <img\n alt=\"preview\"\n src={url}\n style={{\n maxWidth: layout === 'default' ? '80px' : '100%',\n height: 'auto',\n }}\n />\n );\n }\n};\n\nexport default AssetPreview;\n"],"file":"AssetPreview.js"}
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
|
-
var _WidgetInput = _interopRequireDefault(require("./WidgetInput"));
|
|
11
|
-
|
|
12
|
-
var _nanoid = require("nanoid");
|
|
13
|
-
|
|
14
|
-
var _patchEvent = _interopRequireWildcard(require("part:@sanity/form-builder/patch-event"));
|
|
15
|
-
|
|
16
|
-
var _sanitySecrets = require("sanity-secrets");
|
|
17
|
-
|
|
18
|
-
var _utils = require("../utils");
|
|
19
|
-
|
|
20
|
-
var _SecretsConfigView = _interopRequireWildcard(require("./SecretsConfigView"));
|
|
21
|
-
|
|
22
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
-
|
|
24
|
-
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
25
|
-
|
|
26
|
-
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
27
|
-
|
|
28
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
29
|
-
|
|
30
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
31
|
-
|
|
32
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
33
|
-
|
|
34
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
35
|
-
|
|
36
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
37
|
-
|
|
38
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
39
|
-
|
|
40
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
41
|
-
|
|
42
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
43
|
-
|
|
44
|
-
function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
45
|
-
|
|
46
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
47
|
-
|
|
48
|
-
var CloudinaryInput = props => {
|
|
49
|
-
var _useState = (0, _react.useState)(false),
|
|
50
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
51
|
-
showSettings = _useState2[0],
|
|
52
|
-
setShowSettings = _useState2[1];
|
|
53
|
-
|
|
54
|
-
var _useSecrets = (0, _sanitySecrets.useSecrets)(_SecretsConfigView.namespace),
|
|
55
|
-
secrets = _useSecrets.secrets;
|
|
56
|
-
|
|
57
|
-
var handleSelect = payload => {
|
|
58
|
-
var _payload$assets = _slicedToArray(payload.assets, 1),
|
|
59
|
-
asset = _payload$assets[0];
|
|
60
|
-
|
|
61
|
-
if (!asset) {
|
|
62
|
-
return;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
var onChange = props.onChange,
|
|
66
|
-
type = props.type;
|
|
67
|
-
var value = props.value || {};
|
|
68
|
-
onChange(_patchEvent.default.from([(0, _patchEvent.set)(Object.assign(_objectSpread({
|
|
69
|
-
_type: type.name,
|
|
70
|
-
_version: 1
|
|
71
|
-
}, value._key ? {
|
|
72
|
-
_key: value._key
|
|
73
|
-
} : {
|
|
74
|
-
_key: (0, _nanoid.nanoid)()
|
|
75
|
-
}), asset))]));
|
|
76
|
-
};
|
|
77
|
-
|
|
78
|
-
var action = secrets ? () => (0, _utils.openMediaSelector)(secrets.cloudName, secrets.apiKey, false, // single selection
|
|
79
|
-
handleSelect, props.value) : () => setShowSettings(true);
|
|
80
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showSettings && /*#__PURE__*/_react.default.createElement(_SecretsConfigView.default, {
|
|
81
|
-
onClose: () => setShowSettings(false)
|
|
82
|
-
}), /*#__PURE__*/_react.default.createElement(_WidgetInput.default, _extends({
|
|
83
|
-
onSetup: () => setShowSettings(true),
|
|
84
|
-
openMediaSelector: action
|
|
85
|
-
}, props)));
|
|
86
|
-
};
|
|
87
|
-
|
|
88
|
-
var _default = CloudinaryInput;
|
|
89
|
-
exports.default = _default;
|
|
90
|
-
//# sourceMappingURL=CloudinaryInput.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/CloudinaryInput.tsx"],"names":["CloudinaryInput","props","showSettings","setShowSettings","namespace","secrets","handleSelect","payload","assets","asset","onChange","type","value","PatchEvent","from","Object","assign","_type","name","_version","_key","action","cloudName","apiKey"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAKA;;AAEA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,eAAe,GAAIC,KAAD,IAAkB;AAAA,kBACA,qBAAS,KAAT,CADA;AAAA;AAAA,MACjCC,YADiC;AAAA,MACnBC,eADmB;;AAAA,oBAEpB,+BAAoBC,4BAApB,CAFoB;AAAA,MAEhCC,OAFgC,eAEhCA,OAFgC;;AAIxC,MAAMC,YAAY,GAAIC,OAAD,IAAkC;AAAA,yCACrCA,OAAO,CAACC,MAD6B;AAAA,QAC9CC,KAD8C;;AAErD,QAAI,CAACA,KAAL,EAAY;AACV;AACD;;AAJoD,QAM7CC,QAN6C,GAM1BT,KAN0B,CAM7CS,QAN6C;AAAA,QAMnCC,IANmC,GAM1BV,KAN0B,CAMnCU,IANmC;AAOrD,QAAMC,KAAK,GAAGX,KAAK,CAACW,KAAN,IAAe,EAA7B;AACAF,IAAAA,QAAQ,CACNG,oBAAWC,IAAX,CAAgB,CACd,qBACEC,MAAM,CAACC,MAAP;AAEIC,MAAAA,KAAK,EAAEN,IAAI,CAACO,IAFhB;AAGIC,MAAAA,QAAQ,EAAE;AAHd,OAIQP,KAAK,CAACQ,IAAN,GAAa;AAAEA,MAAAA,IAAI,EAAER,KAAK,CAACQ;AAAd,KAAb,GAAoC;AAAEA,MAAAA,IAAI,EAAE;AAAR,KAJ5C,GAMEX,KANF,CADF,CADc,CAAhB,CADM,CAAR;AAcD,GAtBD;;AAwBA,MAAMY,MAAM,GAAGhB,OAAO,GAClB,MACE,8BACEA,OAAO,CAACiB,SADV,EAEEjB,OAAO,CAACkB,MAFV,EAGE,KAHF,EAGS;AACPjB,EAAAA,YAJF,EAKEL,KAAK,CAACW,KALR,CAFgB,GASlB,MAAMT,eAAe,CAAC,IAAD,CATzB;AAWA,sBACE,4DACGD,YAAY,iBACX,6BAAC,0BAAD;AAAmB,IAAA,OAAO,EAAE,MAAMC,eAAe,CAAC,KAAD;AAAjD,IAFJ,eAIE,6BAAC,oBAAD;AACE,IAAA,OAAO,EAAE,MAAMA,eAAe,CAAC,IAAD,CADhC;AAEE,IAAA,iBAAiB,EAAEkB;AAFrB,KAGMpB,KAHN,EAJF,CADF;AAYD,CAnDD;;eAqDeD,e","sourcesContent":["import React, { useState } from 'react';\nimport WidgetInput from './WidgetInput';\nimport { nanoid } from 'nanoid';\nimport PatchEvent, {\n set,\n setIfMissing,\n} from 'part:@sanity/form-builder/patch-event';\nimport { CloudinaryAsset } from '../schema/cloudinaryAsset';\nimport { useSecrets } from 'sanity-secrets';\nimport { InsertHandlerParams } from '../typings';\nimport { openMediaSelector } from '../utils';\nimport SecretsConfigView, { Secrets, namespace } from './SecretsConfigView';\n\ntype Props = {\n type: Record<string, any>;\n onChange: (patches: any) => void;\n value: CloudinaryAsset;\n level: number;\n readOnly: boolean;\n markers: any;\n presence: any[];\n};\n\nconst CloudinaryInput = (props: Props) => {\n const [showSettings, setShowSettings] = useState(false);\n const { secrets } = useSecrets<Secrets>(namespace);\n\n const handleSelect = (payload: InsertHandlerParams) => {\n const [asset] = payload.assets;\n if (!asset) {\n return;\n }\n\n const { onChange, type } = props;\n const value = props.value || {};\n onChange(\n PatchEvent.from([\n set(\n Object.assign(\n {\n _type: type.name,\n _version: 1,\n ...(value._key ? { _key: value._key } : { _key: nanoid() }),\n },\n asset\n )\n ),\n ])\n );\n };\n\n const action = secrets\n ? () =>\n openMediaSelector(\n secrets.cloudName,\n secrets.apiKey,\n false, // single selection\n handleSelect,\n props.value\n )\n : () => setShowSettings(true);\n\n return (\n <>\n {showSettings && (\n <SecretsConfigView onClose={() => setShowSettings(false)} />\n )}\n <WidgetInput\n onSetup={() => setShowSettings(true)}\n openMediaSelector={action}\n {...props}\n />\n </>\n );\n};\n\nexport default CloudinaryInput;\n"],"file":"CloudinaryInput.js"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.namespace = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _sanitySecrets = require("sanity-secrets");
|
|
11
|
-
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
|
-
var pluginConfigKeys = [{
|
|
15
|
-
key: 'cloudName',
|
|
16
|
-
title: 'Cloud name',
|
|
17
|
-
description: ''
|
|
18
|
-
}, {
|
|
19
|
-
key: 'apiKey',
|
|
20
|
-
title: 'API key',
|
|
21
|
-
description: ''
|
|
22
|
-
}];
|
|
23
|
-
var namespace = 'cloudinary';
|
|
24
|
-
exports.namespace = namespace;
|
|
25
|
-
|
|
26
|
-
var SecretsConfigView = props => {
|
|
27
|
-
return /*#__PURE__*/_react.default.createElement(_sanitySecrets.SettingsView, {
|
|
28
|
-
title: "Cloudinary config",
|
|
29
|
-
namespace: namespace,
|
|
30
|
-
keys: pluginConfigKeys,
|
|
31
|
-
onClose: props.onClose
|
|
32
|
-
});
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
var _default = SecretsConfigView;
|
|
36
|
-
exports.default = _default;
|
|
37
|
-
//# sourceMappingURL=SecretsConfigView.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/SecretsConfigView.tsx"],"names":["pluginConfigKeys","key","title","description","namespace","SecretsConfigView","props","onClose"],"mappings":";;;;;;;AAAA;;AACA;;;;AAOA,IAAMA,gBAAgB,GAAG,CACvB;AACEC,EAAAA,GAAG,EAAE,WADP;AAEEC,EAAAA,KAAK,EAAE,YAFT;AAGEC,EAAAA,WAAW,EAAE;AAHf,CADuB,EAMvB;AACEF,EAAAA,GAAG,EAAE,QADP;AAEEC,EAAAA,KAAK,EAAE,SAFT;AAGEC,EAAAA,WAAW,EAAE;AAHf,CANuB,CAAzB;AAaO,IAAMC,SAAS,GAAG,YAAlB;;;AAMP,IAAMC,iBAAiB,GAAIC,KAAD,IAAkB;AAC1C,sBACE,6BAAC,2BAAD;AACE,IAAA,KAAK,EAAC,mBADR;AAEE,IAAA,SAAS,EAAEF,SAFb;AAGE,IAAA,IAAI,EAAEJ,gBAHR;AAIE,IAAA,OAAO,EAAEM,KAAK,CAACC;AAJjB,IADF;AAQD,CATD;;eAWeF,iB","sourcesContent":["import React from 'react';\nimport { SettingsView } from 'sanity-secrets';\n\nexport type Secrets = {\n cloudName: string;\n apiKey: string;\n};\n\nconst pluginConfigKeys = [\n {\n key: 'cloudName',\n title: 'Cloud name',\n description: '',\n },\n {\n key: 'apiKey',\n title: 'API key',\n description: '',\n },\n];\n\nexport const namespace = 'cloudinary';\n\ntype Props = {\n onClose: () => void;\n};\n\nconst SecretsConfigView = (props: Props) => {\n return (\n <SettingsView\n title=\"Cloudinary config\"\n namespace={namespace}\n keys={pluginConfigKeys}\n onClose={props.onClose}\n />\n );\n};\n\nexport default SecretsConfigView;\n"],"file":"SecretsConfigView.js"}
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _video = _interopRequireDefault(require("video.js"));
|
|
11
|
-
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
15
|
-
|
|
16
|
-
class VideoPlayer extends _react.default.Component {
|
|
17
|
-
constructor() {
|
|
18
|
-
super(...arguments);
|
|
19
|
-
|
|
20
|
-
_defineProperty(this, "videoNode", void 0);
|
|
21
|
-
|
|
22
|
-
_defineProperty(this, "player", void 0);
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
componentDidMount() {
|
|
26
|
-
var src = this.props.src;
|
|
27
|
-
this.player = (0, _video.default)(this.videoNode, {
|
|
28
|
-
sources: [{
|
|
29
|
-
src
|
|
30
|
-
}],
|
|
31
|
-
controls: true
|
|
32
|
-
});
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
componentWillUnmount() {
|
|
36
|
-
if (this.player) {
|
|
37
|
-
this.player.dispose();
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
render() {
|
|
42
|
-
var kind = this.props.kind;
|
|
43
|
-
var className = {
|
|
44
|
-
player: 'video-js vjs-16-9 vjs-big-play-centered',
|
|
45
|
-
diff: 'video-js vjs-layout-tiny vjs-fluid'
|
|
46
|
-
};
|
|
47
|
-
var style = {
|
|
48
|
-
position: 'relative'
|
|
49
|
-
};
|
|
50
|
-
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("link", {
|
|
51
|
-
href: "https://vjs.zencdn.net/7.8.4/video-js.css",
|
|
52
|
-
rel: "stylesheet"
|
|
53
|
-
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
54
|
-
"data-vjs-player": true
|
|
55
|
-
}, /*#__PURE__*/_react.default.createElement("video", {
|
|
56
|
-
onClick: event => event.stopPropagation(),
|
|
57
|
-
style: kind === 'diff' ? style : {},
|
|
58
|
-
className: className[kind],
|
|
59
|
-
ref: node => {
|
|
60
|
-
if (node) {
|
|
61
|
-
this.videoNode = node;
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
})));
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
exports.default = VideoPlayer;
|
|
70
|
-
//# sourceMappingURL=VideoPlayer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/VideoPlayer.tsx"],"names":["VideoPlayer","React","Component","componentDidMount","src","props","player","videoNode","sources","controls","componentWillUnmount","dispose","render","kind","className","diff","style","position","event","stopPropagation","node"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AASe,MAAMA,WAAN,SAA0BC,eAAMC,SAAhC,CAGb;AAAA;AAAA;;AAAA;;AAAA;AAAA;;AAIAC,EAAAA,iBAAiB,GAAG;AAAA,QACVC,GADU,GACF,KAAKC,KADH,CACVD,GADU;AAElB,SAAKE,MAAL,GAAc,oBAAQ,KAAKC,SAAb,EAAwB;AACpCC,MAAAA,OAAO,EAAE,CAAC;AAAEJ,QAAAA;AAAF,OAAD,CAD2B;AAEpCK,MAAAA,QAAQ,EAAE;AAF0B,KAAxB,CAAd;AAID;;AAEDC,EAAAA,oBAAoB,GAAG;AACrB,QAAI,KAAKJ,MAAT,EAAiB;AACf,WAAKA,MAAL,CAAYK,OAAZ;AACD;AACF;;AAEDC,EAAAA,MAAM,GAAG;AAAA,QACCC,IADD,GACU,KAAKR,KADf,CACCQ,IADD;AAEP,QAAMC,SAAqC,GAAG;AAC5CR,MAAAA,MAAM,EAAE,yCADoC;AAE5CS,MAAAA,IAAI,EAAE;AAFsC,KAA9C;AAKA,QAAMC,KAAoB,GAAG;AAAEC,MAAAA,QAAQ,EAAE;AAAZ,KAA7B;AAEA,wBACE,uDACE;AACE,MAAA,IAAI,EAAC,2CADP;AAEE,MAAA,GAAG,EAAC;AAFN,MADF,eAKE;AAAK;AAAL,oBACE;AACE,MAAA,OAAO,EAAEC,KAAK,IAAIA,KAAK,CAACC,eAAN,EADpB;AAEE,MAAA,KAAK,EAAEN,IAAI,KAAK,MAAT,GAAkBG,KAAlB,GAA0B,EAFnC;AAGE,MAAA,SAAS,EAAEF,SAAS,CAACD,IAAD,CAHtB;AAIE,MAAA,GAAG,EAAEO,IAAI,IAAI;AACX,YAAIA,IAAJ,EAAU;AACR,eAAKb,SAAL,GAAiBa,IAAjB;AACD;AACF;AARH,MADF,CALF,CADF;AAoBD;;AA/CD","sourcesContent":["import React, { CSSProperties } from 'react';\nimport videojs, { VideoJsPlayer } from 'video.js';\n\ntype PlayerKind = 'player' | 'diff';\n\nexport type VideoPlayerProps = {\n src: string;\n kind: PlayerKind;\n};\n\nexport default class VideoPlayer extends React.Component<\n VideoPlayerProps,\n any\n> {\n videoNode?: HTMLVideoElement;\n player?: VideoJsPlayer;\n\n componentDidMount() {\n const { src } = this.props;\n this.player = videojs(this.videoNode, {\n sources: [{ src }],\n controls: true,\n });\n }\n\n componentWillUnmount() {\n if (this.player) {\n this.player.dispose();\n }\n }\n\n render() {\n const { kind } = this.props;\n const className: Record<PlayerKind, string> = {\n player: 'video-js vjs-16-9 vjs-big-play-centered',\n diff: 'video-js vjs-layout-tiny vjs-fluid',\n };\n\n const style: CSSProperties = { position: 'relative' };\n\n return (\n <div>\n <link\n href=\"https://vjs.zencdn.net/7.8.4/video-js.css\"\n rel=\"stylesheet\"\n />\n <div data-vjs-player>\n <video\n onClick={event => event.stopPropagation()}\n style={kind === 'diff' ? style : {}}\n className={className[kind]}\n ref={node => {\n if (node) {\n this.videoNode = node;\n }\n }}\n ></video>\n </div>\n </div>\n );\n }\n}\n"],"file":"VideoPlayer.js"}
|
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _patchEvent = _interopRequireWildcard(require("part:@sanity/form-builder/patch-event"));
|
|
11
|
-
|
|
12
|
-
var _buttonGrid = _interopRequireDefault(require("part:@sanity/components/buttons/button-grid"));
|
|
13
|
-
|
|
14
|
-
var _default2 = _interopRequireDefault(require("part:@sanity/components/buttons/default"));
|
|
15
|
-
|
|
16
|
-
var _default3 = _interopRequireDefault(require("part:@sanity/components/fieldsets/default"));
|
|
17
|
-
|
|
18
|
-
var _pluginIcon = _interopRequireDefault(require("part:@sanity/base/plugin-icon"));
|
|
19
|
-
|
|
20
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
21
|
-
|
|
22
|
-
var _AssetPreview = _interopRequireDefault(require("./AssetPreview"));
|
|
23
|
-
|
|
24
|
-
var _templateObject;
|
|
25
|
-
|
|
26
|
-
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
27
|
-
|
|
28
|
-
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
29
|
-
|
|
30
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
31
|
-
|
|
32
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
33
|
-
|
|
34
|
-
var SetupButtonContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n display: block;\n font-size: 0.8em;\n transform: translate(0%, -10%);\n"])));
|
|
35
|
-
|
|
36
|
-
var WidgetInput = props => {
|
|
37
|
-
var removeValue = () => {
|
|
38
|
-
var onChange = props.onChange;
|
|
39
|
-
onChange(_patchEvent.default.from([(0, _patchEvent.unset)()]));
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
var value = props.value,
|
|
43
|
-
type = props.type,
|
|
44
|
-
markers = props.markers,
|
|
45
|
-
level = props.level,
|
|
46
|
-
readOnly = props.readOnly,
|
|
47
|
-
presence = props.presence,
|
|
48
|
-
openMediaSelector = props.openMediaSelector;
|
|
49
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(SetupButtonContainer, null, /*#__PURE__*/_react.default.createElement(_default2.default, {
|
|
50
|
-
color: "primary",
|
|
51
|
-
icon: _pluginIcon.default,
|
|
52
|
-
kind: "simple",
|
|
53
|
-
title: "Configure",
|
|
54
|
-
onClick: props.onSetup,
|
|
55
|
-
tabIndex: 1
|
|
56
|
-
})), /*#__PURE__*/_react.default.createElement(_default3.default, {
|
|
57
|
-
markers: markers,
|
|
58
|
-
presence: presence,
|
|
59
|
-
legend: type.title,
|
|
60
|
-
description: type.description,
|
|
61
|
-
level: level
|
|
62
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
63
|
-
style: {
|
|
64
|
-
textAlign: 'center'
|
|
65
|
-
}
|
|
66
|
-
}, /*#__PURE__*/_react.default.createElement(_AssetPreview.default, {
|
|
67
|
-
value: value
|
|
68
|
-
})), /*#__PURE__*/_react.default.createElement(_buttonGrid.default, {
|
|
69
|
-
align: "start"
|
|
70
|
-
}, /*#__PURE__*/_react.default.createElement(_default2.default, {
|
|
71
|
-
disabled: readOnly,
|
|
72
|
-
inverted: true,
|
|
73
|
-
title: "Select an asset",
|
|
74
|
-
kind: "default",
|
|
75
|
-
onClick: openMediaSelector
|
|
76
|
-
}, "Select\u2026"), /*#__PURE__*/_react.default.createElement(_default2.default, {
|
|
77
|
-
disabled: readOnly || !value,
|
|
78
|
-
color: "danger",
|
|
79
|
-
inverted: true,
|
|
80
|
-
title: "Remove asset",
|
|
81
|
-
onClick: removeValue
|
|
82
|
-
}, "Remove"))));
|
|
83
|
-
};
|
|
84
|
-
|
|
85
|
-
var _default = WidgetInput;
|
|
86
|
-
exports.default = _default;
|
|
87
|
-
//# sourceMappingURL=WidgetInput.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/WidgetInput.tsx"],"names":["SetupButtonContainer","styled","div","WidgetInput","props","removeValue","onChange","PatchEvent","from","value","type","markers","level","readOnly","presence","openMediaSelector","SetupIcon","onSetup","title","description","textAlign"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAEA;;;;;;;;;;;;AAEA,IAAMA,oBAAoB,GAAGC,0BAAOC,GAAV,yKAA1B;;AAmBA,IAAMC,WAAW,GAAIC,KAAD,IAAkB;AACpC,MAAMC,WAAW,GAAG,MAAM;AAAA,QAChBC,QADgB,GACHF,KADG,CAChBE,QADgB;AAExBA,IAAAA,QAAQ,CAACC,oBAAWC,IAAX,CAAgB,CAAC,wBAAD,CAAhB,CAAD,CAAR;AACD,GAHD;;AADoC,MAOlCC,KAPkC,GAchCL,KAdgC,CAOlCK,KAPkC;AAAA,MAQlCC,IARkC,GAchCN,KAdgC,CAQlCM,IARkC;AAAA,MASlCC,OATkC,GAchCP,KAdgC,CASlCO,OATkC;AAAA,MAUlCC,KAVkC,GAchCR,KAdgC,CAUlCQ,KAVkC;AAAA,MAWlCC,QAXkC,GAchCT,KAdgC,CAWlCS,QAXkC;AAAA,MAYlCC,QAZkC,GAchCV,KAdgC,CAYlCU,QAZkC;AAAA,MAalCC,iBAbkC,GAchCX,KAdgC,CAalCW,iBAbkC;AAgBpC,sBACE,yEACE,6BAAC,oBAAD,qBACE,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAC,SADR;AAEE,IAAA,IAAI,EAAEC,mBAFR;AAGE,IAAA,IAAI,EAAC,QAHP;AAIE,IAAA,KAAK,EAAC,WAJR;AAKE,IAAA,OAAO,EAAEZ,KAAK,CAACa,OALjB;AAME,IAAA,QAAQ,EAAE;AANZ,IADF,CADF,eAWE,6BAAC,iBAAD;AACE,IAAA,OAAO,EAAEN,OADX;AAEE,IAAA,QAAQ,EAAEG,QAFZ;AAGE,IAAA,MAAM,EAAEJ,IAAI,CAACQ,KAHf;AAIE,IAAA,WAAW,EAAER,IAAI,CAACS,WAJpB;AAKE,IAAA,KAAK,EAAEP;AALT,kBAOE;AAAK,IAAA,KAAK,EAAE;AAAEQ,MAAAA,SAAS,EAAE;AAAb;AAAZ,kBACE,6BAAC,qBAAD;AAAc,IAAA,KAAK,EAAEX;AAArB,IADF,CAPF,eAWE,6BAAC,mBAAD;AAAY,IAAA,KAAK,EAAC;AAAlB,kBACE,6BAAC,iBAAD;AACE,IAAA,QAAQ,EAAEI,QADZ;AAEE,IAAA,QAAQ,MAFV;AAGE,IAAA,KAAK,EAAC,iBAHR;AAIE,IAAA,IAAI,EAAC,SAJP;AAKE,IAAA,OAAO,EAAEE;AALX,oBADF,eAUE,6BAAC,iBAAD;AACE,IAAA,QAAQ,EAAEF,QAAQ,IAAI,CAACJ,KADzB;AAEE,IAAA,KAAK,EAAC,QAFR;AAGE,IAAA,QAAQ,MAHV;AAIE,IAAA,KAAK,EAAC,cAJR;AAKE,IAAA,OAAO,EAAEJ;AALX,cAVF,CAXF,CAXF,CADF;AA8CD,CA9DD;;eAgEeF,W","sourcesContent":["import React from 'react';\nimport PatchEvent, { unset } from 'part:@sanity/form-builder/patch-event';\nimport ButtonGrid from 'part:@sanity/components/buttons/button-grid';\nimport Button from 'part:@sanity/components/buttons/default';\nimport Fieldset from 'part:@sanity/components/fieldsets/default';\nimport SetupIcon from 'part:@sanity/base/plugin-icon';\nimport { Marker } from '@sanity/types';\nimport styled from 'styled-components';\nimport { CloudinaryAsset } from '../schema/cloudinaryAsset';\nimport AssetPreview from './AssetPreview';\n\nconst SetupButtonContainer = styled.div`\n position: relative;\n display: block;\n font-size: 0.8em;\n transform: translate(0%, -10%);\n`;\n\ntype Props = {\n type: Record<string, any>;\n onChange: (patches: any) => void;\n value: CloudinaryAsset | undefined;\n level: number;\n readOnly: boolean;\n markers: Marker[];\n presence: any[];\n openMediaSelector: () => void;\n onSetup: () => void;\n};\n\nconst WidgetInput = (props: Props) => {\n const removeValue = () => {\n const { onChange } = props;\n onChange(PatchEvent.from([unset()]));\n };\n\n const {\n value,\n type,\n markers,\n level,\n readOnly,\n presence,\n openMediaSelector,\n } = props;\n\n return (\n <>\n <SetupButtonContainer>\n <Button\n color=\"primary\"\n icon={SetupIcon}\n kind=\"simple\"\n title=\"Configure\"\n onClick={props.onSetup}\n tabIndex={1}\n />\n </SetupButtonContainer>\n <Fieldset\n markers={markers}\n presence={presence}\n legend={type.title}\n description={type.description}\n level={level}\n >\n <div style={{ textAlign: 'center' }}>\n <AssetPreview value={value} />\n </div>\n\n <ButtonGrid align=\"start\">\n <Button\n disabled={readOnly}\n inverted\n title=\"Select an asset\"\n kind=\"default\"\n onClick={openMediaSelector}\n >\n Select…\n </Button>\n <Button\n disabled={readOnly || !value}\n color=\"danger\"\n inverted\n title=\"Remove asset\"\n onClick={removeValue}\n >\n Remove\n </Button>\n </ButtonGrid>\n </Fieldset>\n </>\n );\n};\n\nexport default WidgetInput;\n"],"file":"WidgetInput.js"}
|
package/dist/index.js
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "cloudinary", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _cloudinaryAsset.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
Object.defineProperty(exports, "derived", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function get() {
|
|
15
|
-
return _cloudinaryAssetDerived.default;
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
|
|
19
|
-
var _cloudinaryAsset = _interopRequireDefault(require("./schema/cloudinaryAsset"));
|
|
20
|
-
|
|
21
|
-
var _cloudinaryAssetDerived = _interopRequireDefault(require("./schema/cloudinaryAssetDerived"));
|
|
22
|
-
|
|
23
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
24
|
-
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["import cloudinary from './schema/cloudinaryAsset';\nimport derived from './schema/cloudinaryAssetDerived';\n\nexport { cloudinary, derived };\n"],"file":"index.js"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _default = {
|
|
8
|
-
type: 'object',
|
|
9
|
-
name: 'cloudinary',
|
|
10
|
-
fields: [{
|
|
11
|
-
type: 'array',
|
|
12
|
-
name: 'assets',
|
|
13
|
-
of: [{
|
|
14
|
-
type: 'cloudinary.asset'
|
|
15
|
-
}]
|
|
16
|
-
}]
|
|
17
|
-
};
|
|
18
|
-
exports.default = _default;
|
|
19
|
-
//# sourceMappingURL=cloudinary.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/schema/cloudinary.ts"],"names":["type","name","fields","of"],"mappings":";;;;;;eAAe;AACbA,EAAAA,IAAI,EAAE,QADO;AAEbC,EAAAA,IAAI,EAAE,YAFO;AAGbC,EAAAA,MAAM,EAAE,CACN;AACEF,IAAAA,IAAI,EAAE,OADR;AAEEC,IAAAA,IAAI,EAAE,QAFR;AAGEE,IAAAA,EAAE,EAAE,CAAC;AAAEH,MAAAA,IAAI,EAAE;AAAR,KAAD;AAHN,GADM;AAHK,C","sourcesContent":["export default {\n type: 'object',\n name: 'cloudinary',\n fields: [\n {\n type: 'array',\n name: 'assets',\n of: [{ type: 'cloudinary.asset' }],\n },\n ],\n};\n"],"file":"cloudinary.js"}
|