@sanity/code-input 2.34.1-canary.0 → 2.34.2-empty-template-cli.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/CodeInput.js +58 -17
- package/lib/PreviewCode.js +19 -3
- package/lib/config.js +3 -1
- package/lib/createHighlightMarkers.js +5 -0
- package/lib/deprecatedSchema.js +2 -0
- package/lib/editorSupport.js +26 -0
- package/lib/getMedia.js +7 -0
- package/lib/groq.js +10 -8
- package/lib/schema.js +8 -0
- package/package.json +6 -6
package/lib/CodeInput.js
CHANGED
|
@@ -4,23 +4,41 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
|
|
8
10
|
var _components = require("@sanity/base/components");
|
|
11
|
+
|
|
9
12
|
var _ui = require("@sanity/ui");
|
|
13
|
+
|
|
10
14
|
var PathUtils = _interopRequireWildcard(require("@sanity/util/paths"));
|
|
15
|
+
|
|
11
16
|
var _changeIndicators = require("@sanity/base/change-indicators");
|
|
17
|
+
|
|
12
18
|
var _PatchEvent = _interopRequireWildcard(require("@sanity/form-builder/PatchEvent"));
|
|
19
|
+
|
|
13
20
|
var _reactAce = _interopRequireDefault(require("react-ace"));
|
|
21
|
+
|
|
14
22
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
23
|
+
|
|
15
24
|
var _autoId = require("@reach/auto-id");
|
|
25
|
+
|
|
16
26
|
var _createHighlightMarkers = _interopRequireWildcard(require("./createHighlightMarkers"));
|
|
27
|
+
|
|
17
28
|
require("./editorSupport");
|
|
29
|
+
|
|
18
30
|
var _config = require("./config");
|
|
31
|
+
|
|
19
32
|
var _templateObject;
|
|
33
|
+
|
|
20
34
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
35
|
+
|
|
21
36
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
37
|
+
|
|
22
38
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
|
|
39
|
+
|
|
23
40
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
41
|
+
|
|
24
42
|
var EditorContainer = (0, _styledComponents.default)(_ui.Card)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n box-sizing: border-box;\n overflow: hidden;\n z-index: 0;\n\n .ace_editor {\n font-family: ", ";\n font-size: ", ";\n line-height: inherit;\n }\n\n ", "\n\n &:not([disabled]):not([readonly]) {\n &:focus,\n &:focus-within {\n box-shadow: 0 0 0 2px ", ";\n background-color: ", ";\n border-color: ", ";\n }\n }\n"])), _ref => {
|
|
25
43
|
var theme = _ref.theme;
|
|
26
44
|
return theme.sanity.fonts.code.family;
|
|
@@ -37,35 +55,43 @@ var EditorContainer = (0, _styledComponents.default)(_ui.Card)(_templateObject |
|
|
|
37
55
|
var theme = _ref5.theme;
|
|
38
56
|
return theme.sanity.color.base.focusRing;
|
|
39
57
|
});
|
|
58
|
+
|
|
40
59
|
// Returns a string with the mode name if supported (because aliases), otherwise false
|
|
41
60
|
function isSupportedLanguage(mode) {
|
|
42
61
|
var alias = _config.LANGUAGE_ALIASES[mode];
|
|
62
|
+
|
|
43
63
|
if (alias) {
|
|
44
64
|
return alias;
|
|
45
65
|
}
|
|
66
|
+
|
|
46
67
|
var isSupported = _config.SUPPORTED_LANGUAGES.find(lang => lang.value === mode);
|
|
68
|
+
|
|
47
69
|
if (isSupported) {
|
|
48
70
|
return mode;
|
|
49
71
|
}
|
|
72
|
+
|
|
50
73
|
return false;
|
|
51
74
|
}
|
|
75
|
+
|
|
52
76
|
var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
53
77
|
var _props$value, _type$options5, _type$options6, _type$options7;
|
|
78
|
+
|
|
54
79
|
var aceEditorRef = (0, _react.useRef)();
|
|
55
80
|
var aceEditorId = (0, _autoId.useId)();
|
|
56
81
|
var onFocus = props.onFocus,
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
82
|
+
onChange = props.onChange,
|
|
83
|
+
onBlur = props.onBlur,
|
|
84
|
+
compareValue = props.compareValue,
|
|
85
|
+
value = props.value,
|
|
86
|
+
presence = props.presence,
|
|
87
|
+
type = props.type,
|
|
88
|
+
level = props.level,
|
|
89
|
+
readOnly = props.readOnly,
|
|
90
|
+
focusPath = props.focusPath;
|
|
66
91
|
(0, _react.useImperativeHandle)(ref, () => ({
|
|
67
92
|
focus: () => {
|
|
68
93
|
var _aceEditorRef$current, _aceEditorRef$current2;
|
|
94
|
+
|
|
69
95
|
aceEditorRef === null || aceEditorRef === void 0 ? void 0 : (_aceEditorRef$current = aceEditorRef.current) === null || _aceEditorRef$current === void 0 ? void 0 : (_aceEditorRef$current2 = _aceEditorRef$current.editor) === null || _aceEditorRef$current2 === void 0 ? void 0 : _aceEditorRef$current2.focus();
|
|
70
96
|
}
|
|
71
97
|
}));
|
|
@@ -87,15 +113,18 @@ var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
|
87
113
|
}, [onChange, type.name]);
|
|
88
114
|
var getTheme = (0, _react.useCallback)(() => {
|
|
89
115
|
var _type$options;
|
|
116
|
+
|
|
90
117
|
var preferredTheme = (_type$options = type.options) === null || _type$options === void 0 ? void 0 : _type$options.theme;
|
|
91
118
|
return preferredTheme && _config.SUPPORTED_THEMES.find(theme => theme === preferredTheme) ? preferredTheme : _config.DEFAULT_THEME;
|
|
92
119
|
}, [type]);
|
|
93
120
|
var handleToggleSelectLine = (0, _react.useCallback)(lineNumber => {
|
|
94
121
|
var _aceEditorRef$current3, _aceEditorRef$current4;
|
|
122
|
+
|
|
95
123
|
var editorSession = (_aceEditorRef$current3 = aceEditorRef.current) === null || _aceEditorRef$current3 === void 0 ? void 0 : (_aceEditorRef$current4 = _aceEditorRef$current3.editor) === null || _aceEditorRef$current4 === void 0 ? void 0 : _aceEditorRef$current4.getSession();
|
|
96
124
|
var backgroundMarkers = editorSession === null || editorSession === void 0 ? void 0 : editorSession.getMarkers(true);
|
|
97
125
|
var currentHighlightedLines = Object.keys(backgroundMarkers).filter(key => backgroundMarkers[key].type === 'screenLine').map(key => backgroundMarkers[key].range.start.row);
|
|
98
126
|
var currentIndex = currentHighlightedLines.indexOf(lineNumber);
|
|
127
|
+
|
|
99
128
|
if (currentIndex > -1) {
|
|
100
129
|
// toggle remove
|
|
101
130
|
currentHighlightedLines.splice(currentIndex, 1);
|
|
@@ -104,12 +133,13 @@ var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
|
104
133
|
currentHighlightedLines.push(lineNumber);
|
|
105
134
|
currentHighlightedLines.sort();
|
|
106
135
|
}
|
|
107
|
-
|
|
108
|
-
// ace starts at line (row) 0, but we store it starting at line 1
|
|
136
|
+
|
|
137
|
+
onChange(_PatchEvent.default.from((0, _PatchEvent.set)(currentHighlightedLines.map(line => // ace starts at line (row) 0, but we store it starting at line 1
|
|
109
138
|
line + 1), ['highlightedLines'])));
|
|
110
139
|
}, [aceEditorRef, onChange]);
|
|
111
140
|
var handleGutterMouseDown = (0, _react.useCallback)(event => {
|
|
112
141
|
var target = event.domEvent.target;
|
|
142
|
+
|
|
113
143
|
if (target.classList.contains('ace_gutter-cell')) {
|
|
114
144
|
var row = event.getDocumentPosition().row;
|
|
115
145
|
handleToggleSelectLine(row);
|
|
@@ -117,9 +147,11 @@ var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
|
117
147
|
}, [handleToggleSelectLine]);
|
|
118
148
|
(0, _react.useEffect)(() => {
|
|
119
149
|
var _aceEditorRef$current5;
|
|
150
|
+
|
|
120
151
|
var editor = aceEditorRef === null || aceEditorRef === void 0 ? void 0 : (_aceEditorRef$current5 = aceEditorRef.current) === null || _aceEditorRef$current5 === void 0 ? void 0 : _aceEditorRef$current5.editor;
|
|
121
152
|
return () => {
|
|
122
153
|
var _editor$session;
|
|
154
|
+
|
|
123
155
|
editor === null || editor === void 0 ? void 0 : (_editor$session = editor.session) === null || _editor$session === void 0 ? void 0 : _editor$session.removeListener('guttermousedown', handleGutterMouseDown);
|
|
124
156
|
};
|
|
125
157
|
}, [aceEditorRef, handleGutterMouseDown]);
|
|
@@ -128,18 +160,23 @@ var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
|
128
160
|
}, [handleGutterMouseDown]);
|
|
129
161
|
var getLanguageAlternatives = (0, _react.useCallback)(() => {
|
|
130
162
|
var _type$options2;
|
|
163
|
+
|
|
131
164
|
var languageAlternatives = (_type$options2 = type.options) === null || _type$options2 === void 0 ? void 0 : _type$options2.languageAlternatives;
|
|
165
|
+
|
|
132
166
|
if (!languageAlternatives) {
|
|
133
167
|
return _config.SUPPORTED_LANGUAGES;
|
|
134
168
|
}
|
|
169
|
+
|
|
135
170
|
if (!Array.isArray(languageAlternatives)) {
|
|
136
171
|
throw new Error("'options.languageAlternatives' should be an array, got ".concat(typeof languageAlternatives));
|
|
137
172
|
}
|
|
173
|
+
|
|
138
174
|
return languageAlternatives.reduce((acc, _ref6) => {
|
|
139
175
|
var title = _ref6.title,
|
|
140
|
-
|
|
141
|
-
|
|
176
|
+
val = _ref6.value,
|
|
177
|
+
mode = _ref6.mode;
|
|
142
178
|
var alias = _config.LANGUAGE_ALIASES[val];
|
|
179
|
+
|
|
143
180
|
if (alias) {
|
|
144
181
|
// eslint-disable-next-line no-console
|
|
145
182
|
console.warn("'options.languageAlternatives' lists a language with value \"%s\", which is an alias of \"%s\" - please replace the value to read \"%s\"", val, alias, alias);
|
|
@@ -149,10 +186,12 @@ var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
|
149
186
|
mode: mode
|
|
150
187
|
});
|
|
151
188
|
}
|
|
189
|
+
|
|
152
190
|
if (!mode && !_config.SUPPORTED_LANGUAGES.find(lang => lang.value === val)) {
|
|
153
191
|
// eslint-disable-next-line no-console
|
|
154
192
|
console.warn("'options.languageAlternatives' lists a language which is not supported: \"%s\", syntax highlighting will be disabled.", val);
|
|
155
193
|
}
|
|
194
|
+
|
|
156
195
|
return acc.concat({
|
|
157
196
|
title,
|
|
158
197
|
value: val,
|
|
@@ -162,6 +201,7 @@ var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
|
162
201
|
}, [type]);
|
|
163
202
|
var handleCodeChange = (0, _react.useCallback)(code => {
|
|
164
203
|
var _type$options3;
|
|
204
|
+
|
|
165
205
|
var path = _config.PATH_CODE;
|
|
166
206
|
var fixedLanguage = (_type$options3 = type.options) === null || _type$options3 === void 0 ? void 0 : _type$options3.language;
|
|
167
207
|
onChange(_PatchEvent.default.from([(0, _PatchEvent.setIfMissing)({
|
|
@@ -179,6 +219,7 @@ var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
|
179
219
|
var languages = getLanguageAlternatives().slice();
|
|
180
220
|
var selectedLanguage = props !== null && props !== void 0 && (_props$value = props.value) !== null && _props$value !== void 0 && _props$value.language ? languages.find(item => {
|
|
181
221
|
var _props$value2;
|
|
222
|
+
|
|
182
223
|
return item.value === (props === null || props === void 0 ? void 0 : (_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : _props$value2.language);
|
|
183
224
|
}) : undefined;
|
|
184
225
|
var languageField = type.fields.find(field => field.name === 'language');
|
|
@@ -231,13 +272,12 @@ var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
|
231
272
|
}, [filenameCompareValue, filenameField === null || filenameField === void 0 ? void 0 : filenameField.placeholder, filenameField === null || filenameField === void 0 ? void 0 : filenameField.title, filenamePresence, focusPath, handleFilenameChange, handleFilenameFocus, level, onBlur, value === null || value === void 0 ? void 0 : value.filename]);
|
|
232
273
|
var renderEditor = (0, _react.useCallback)(() => {
|
|
233
274
|
var _type$options4;
|
|
275
|
+
|
|
234
276
|
var fixedLanguage = (_type$options4 = type.options) === null || _type$options4 === void 0 ? void 0 : _type$options4.language;
|
|
235
|
-
var language = (value === null || value === void 0 ? void 0 : value.language) || fixedLanguage;
|
|
277
|
+
var language = (value === null || value === void 0 ? void 0 : value.language) || fixedLanguage; // the language config from the schema
|
|
236
278
|
|
|
237
|
-
// the language
|
|
238
|
-
var configured = languages.find(entry => entry.value === language);
|
|
279
|
+
var configured = languages.find(entry => entry.value === language); // is the language officially supported (e.g. we import the mode by default)
|
|
239
280
|
|
|
240
|
-
// is the language officially supported (e.g. we import the mode by default)
|
|
241
281
|
var supported = language && isSupportedLanguage(language);
|
|
242
282
|
var mode = (configured === null || configured === void 0 ? void 0 : configured.mode) || (supported ? supported : 'text');
|
|
243
283
|
return /*#__PURE__*/_react.default.createElement(_changeIndicators.ChangeIndicatorProvider, {
|
|
@@ -279,6 +319,7 @@ var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
|
279
319
|
__unstable_changeIndicator: false
|
|
280
320
|
}, !((_type$options6 = type.options) !== null && _type$options6 !== void 0 && _type$options6.language) && renderLanguageAlternatives(), (type === null || type === void 0 ? void 0 : (_type$options7 = type.options) === null || _type$options7 === void 0 ? void 0 : _type$options7.withFilename) && renderFilenameInput(), renderEditor());
|
|
281
321
|
});
|
|
322
|
+
|
|
282
323
|
CodeInput.displayName = 'CodeInput';
|
|
283
324
|
var _default = CodeInput;
|
|
284
325
|
exports.default = _default;
|
package/lib/PreviewCode.js
CHANGED
|
@@ -4,38 +4,54 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = PreviewCode;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
|
|
8
10
|
var _reactAce = _interopRequireDefault(require("react-ace"));
|
|
11
|
+
|
|
9
12
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
13
|
+
|
|
10
14
|
var _ui = require("@sanity/ui");
|
|
15
|
+
|
|
11
16
|
var _config = require("./config");
|
|
17
|
+
|
|
12
18
|
var _createHighlightMarkers = _interopRequireDefault(require("./createHighlightMarkers"));
|
|
19
|
+
|
|
13
20
|
require("./editorSupport");
|
|
21
|
+
|
|
14
22
|
var _templateObject, _templateObject2;
|
|
23
|
+
|
|
15
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
|
+
|
|
16
26
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
27
|
+
|
|
17
28
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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
|
+
|
|
18
30
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
31
|
+
|
|
19
32
|
var PreviewContainer = (0, _styledComponents.default)(_ui.Box)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n"])));
|
|
20
33
|
var PreviewInner = (0, _styledComponents.default)(_ui.Box)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n background-color: #272822;\n\n .ace_editor {\n box-sizing: border-box;\n cursor: default;\n pointer-events: none;\n }\n\n .ace_content {\n box-sizing: border-box;\n overflow: hidden;\n }\n"])));
|
|
34
|
+
|
|
21
35
|
function PreviewCode(props) {
|
|
22
36
|
var _type$options;
|
|
37
|
+
|
|
23
38
|
var aceEditorRef = (0, _react.useRef)();
|
|
24
39
|
(0, _react.useEffect)(() => {
|
|
25
40
|
var _aceEditorRef$current;
|
|
41
|
+
|
|
26
42
|
if (!(aceEditorRef !== null && aceEditorRef !== void 0 && aceEditorRef.current)) return;
|
|
27
43
|
var editor = (_aceEditorRef$current = aceEditorRef.current) === null || _aceEditorRef$current === void 0 ? void 0 : _aceEditorRef$current.editor;
|
|
44
|
+
|
|
28
45
|
if (editor) {
|
|
29
46
|
// Avoid cursor and focus tracking by Ace
|
|
30
47
|
editor.renderer.$cursorLayer.element.style.opacity = 0;
|
|
31
48
|
editor.textInput.getElement().disabled = true;
|
|
32
49
|
}
|
|
33
50
|
}, []);
|
|
34
|
-
var handleEditorChange = (0, _react.useCallback)(() => {
|
|
35
|
-
// do nothing when the editor changes
|
|
51
|
+
var handleEditorChange = (0, _react.useCallback)(() => {// do nothing when the editor changes
|
|
36
52
|
}, []);
|
|
37
53
|
var value = props.value,
|
|
38
|
-
|
|
54
|
+
type = props.type;
|
|
39
55
|
var fixedLanguage = type === null || type === void 0 ? void 0 : (_type$options = type.options) === null || _type$options === void 0 ? void 0 : _type$options.language;
|
|
40
56
|
var mode = (value === null || value === void 0 ? void 0 : value.language) || fixedLanguage || 'text';
|
|
41
57
|
return /*#__PURE__*/_react.default.createElement(PreviewContainer, null, /*#__PURE__*/_react.default.createElement(PreviewInner, {
|
package/lib/config.js
CHANGED
|
@@ -86,7 +86,9 @@ var DEFAULT_THEME = 'tomorrow';
|
|
|
86
86
|
exports.DEFAULT_THEME = DEFAULT_THEME;
|
|
87
87
|
var ACE_SET_OPTIONS = {
|
|
88
88
|
useSoftTabs: true,
|
|
89
|
-
navigateWithinSoftTabs: true
|
|
89
|
+
navigateWithinSoftTabs: true
|
|
90
|
+
/* note only supported by ace v1.2.7 or higher */
|
|
91
|
+
|
|
90
92
|
};
|
|
91
93
|
exports.ACE_SET_OPTIONS = ACE_SET_OPTIONS;
|
|
92
94
|
var ACE_EDITOR_PROPS = {
|
|
@@ -5,14 +5,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = createHighlightMarkers;
|
|
7
7
|
exports.highlightMarkersCSS = void 0;
|
|
8
|
+
|
|
8
9
|
var _styledComponents = require("styled-components");
|
|
10
|
+
|
|
9
11
|
var _templateObject;
|
|
12
|
+
|
|
10
13
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
14
|
+
|
|
11
15
|
var highlightMarkersCSS = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .ace_editor_markers_highlight {\n position: absolute;\n background-color: ", ";\n opacity: 0.2;\n width: 100% !important;\n border-radius: 0 !important;\n }\n"])), _ref => {
|
|
12
16
|
var theme = _ref.theme;
|
|
13
17
|
return theme.sanity.color.solid.primary.enabled.bg;
|
|
14
18
|
});
|
|
15
19
|
exports.highlightMarkersCSS = highlightMarkersCSS;
|
|
20
|
+
|
|
16
21
|
function createHighlightMarkers(rows) {
|
|
17
22
|
return rows.map(row => ({
|
|
18
23
|
startRow: Number(row) - 1,
|
package/lib/deprecatedSchema.js
CHANGED
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
|
|
7
8
|
var _default = (() => {
|
|
8
9
|
/* eslint-disable no-console */
|
|
9
10
|
console.warn('@sanity/code-input has been upgraded to automatically register its schema type.');
|
|
@@ -21,4 +22,5 @@ var _default = (() => {
|
|
|
21
22
|
}]
|
|
22
23
|
};
|
|
23
24
|
})();
|
|
25
|
+
|
|
24
26
|
exports.default = _default;
|
package/lib/editorSupport.js
CHANGED
|
@@ -1,29 +1,55 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("./groq");
|
|
4
|
+
|
|
4
5
|
require("ace-builds/src-noconflict/mode-batchfile");
|
|
6
|
+
|
|
5
7
|
require("ace-builds/src-noconflict/mode-csharp");
|
|
8
|
+
|
|
6
9
|
require("ace-builds/src-noconflict/mode-css");
|
|
10
|
+
|
|
7
11
|
require("ace-builds/src-noconflict/mode-golang");
|
|
12
|
+
|
|
8
13
|
require("ace-builds/src-noconflict/mode-html");
|
|
14
|
+
|
|
9
15
|
require("ace-builds/src-noconflict/mode-java");
|
|
16
|
+
|
|
10
17
|
require("ace-builds/src-noconflict/mode-javascript");
|
|
18
|
+
|
|
11
19
|
require("ace-builds/src-noconflict/mode-json");
|
|
20
|
+
|
|
12
21
|
require("ace-builds/src-noconflict/mode-jsx");
|
|
22
|
+
|
|
13
23
|
require("ace-builds/src-noconflict/mode-markdown");
|
|
24
|
+
|
|
14
25
|
require("ace-builds/src-noconflict/mode-mysql");
|
|
26
|
+
|
|
15
27
|
require("ace-builds/src-noconflict/mode-php");
|
|
28
|
+
|
|
16
29
|
require("ace-builds/src-noconflict/mode-python");
|
|
30
|
+
|
|
17
31
|
require("ace-builds/src-noconflict/mode-ruby");
|
|
32
|
+
|
|
18
33
|
require("ace-builds/src-noconflict/mode-sass");
|
|
34
|
+
|
|
19
35
|
require("ace-builds/src-noconflict/mode-scss");
|
|
36
|
+
|
|
20
37
|
require("ace-builds/src-noconflict/mode-sh");
|
|
38
|
+
|
|
21
39
|
require("ace-builds/src-noconflict/mode-text");
|
|
40
|
+
|
|
22
41
|
require("ace-builds/src-noconflict/mode-tsx");
|
|
42
|
+
|
|
23
43
|
require("ace-builds/src-noconflict/mode-typescript");
|
|
44
|
+
|
|
24
45
|
require("ace-builds/src-noconflict/mode-xml");
|
|
46
|
+
|
|
25
47
|
require("ace-builds/src-noconflict/mode-yaml");
|
|
48
|
+
|
|
26
49
|
require("ace-builds/src-noconflict/theme-github");
|
|
50
|
+
|
|
27
51
|
require("ace-builds/src-noconflict/theme-monokai");
|
|
52
|
+
|
|
28
53
|
require("ace-builds/src-noconflict/theme-terminal");
|
|
54
|
+
|
|
29
55
|
require("ace-builds/src-noconflict/theme-tomorrow");
|
package/lib/getMedia.js
CHANGED
|
@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getMedia = getMedia;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
|
|
9
12
|
function getMedia(language) {
|
|
10
13
|
if (language === 'jsx') {
|
|
11
14
|
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
@@ -21,6 +24,7 @@ function getMedia(language) {
|
|
|
21
24
|
d: "M107.3 45.2c-2.2-.8-4.5-1.6-6.9-2.3.6-2.4 1.1-4.8 1.5-7.1 2.1-13.2-.2-22.5-6.6-26.1-1.9-1.1-4-1.6-6.4-1.6-7 0-15.9 5.2-24.9 13.9-9-8.7-17.9-13.9-24.9-13.9-2.4 0-4.5.5-6.4 1.6-6.4 3.7-8.7 13-6.6 26.1.4 2.3.9 4.7 1.5 7.1-2.4.7-4.7 1.4-6.9 2.3C8.2 50 1.4 56.6 1.4 64s6.9 14 19.3 18.8c2.2.8 4.5 1.6 6.9 2.3-.6 2.4-1.1 4.8-1.5 7.1-2.1 13.2.2 22.5 6.6 26.1 1.9 1.1 4 1.6 6.4 1.6 7.1 0 16-5.2 24.9-13.9 9 8.7 17.9 13.9 24.9 13.9 2.4 0 4.5-.5 6.4-1.6 6.4-3.7 8.7-13 6.6-26.1-.4-2.3-.9-4.7-1.5-7.1 2.4-.7 4.7-1.4 6.9-2.3 12.5-4.8 19.3-11.4 19.3-18.8s-6.8-14-19.3-18.8zM92.5 14.7c4.1 2.4 5.5 9.8 3.8 20.3-.3 2.1-.8 4.3-1.4 6.6-5.2-1.2-10.7-2-16.5-2.5-3.4-4.8-6.9-9.1-10.4-13 7.4-7.3 14.9-12.3 21-12.3 1.3 0 2.5.3 3.5.9zM81.3 74c-1.8 3.2-3.9 6.4-6.1 9.6-3.7.3-7.4.4-11.2.4-3.9 0-7.6-.1-11.2-.4-2.2-3.2-4.2-6.4-6-9.6-1.9-3.3-3.7-6.7-5.3-10 1.6-3.3 3.4-6.7 5.3-10 1.8-3.2 3.9-6.4 6.1-9.6 3.7-.3 7.4-.4 11.2-.4 3.9 0 7.6.1 11.2.4 2.2 3.2 4.2 6.4 6 9.6 1.9 3.3 3.7 6.7 5.3 10-1.7 3.3-3.4 6.6-5.3 10zm8.3-3.3c1.5 3.5 2.7 6.9 3.8 10.3-3.4.8-7 1.4-10.8 1.9 1.2-1.9 2.5-3.9 3.6-6 1.2-2.1 2.3-4.2 3.4-6.2zM64 97.8c-2.4-2.6-4.7-5.4-6.9-8.3 2.3.1 4.6.2 6.9.2 2.3 0 4.6-.1 6.9-.2-2.2 2.9-4.5 5.7-6.9 8.3zm-18.6-15c-3.8-.5-7.4-1.1-10.8-1.9 1.1-3.3 2.3-6.8 3.8-10.3 1.1 2 2.2 4.1 3.4 6.1 1.2 2.2 2.4 4.1 3.6 6.1zm-7-25.5c-1.5-3.5-2.7-6.9-3.8-10.3 3.4-.8 7-1.4 10.8-1.9-1.2 1.9-2.5 3.9-3.6 6-1.2 2.1-2.3 4.2-3.4 6.2zM64 30.2c2.4 2.6 4.7 5.4 6.9 8.3-2.3-.1-4.6-.2-6.9-.2-2.3 0-4.6.1-6.9.2 2.2-2.9 4.5-5.7 6.9-8.3zm22.2 21l-3.6-6c3.8.5 7.4 1.1 10.8 1.9-1.1 3.3-2.3 6.8-3.8 10.3-1.1-2.1-2.2-4.2-3.4-6.2zM31.7 35c-1.7-10.5-.3-17.9 3.8-20.3 1-.6 2.2-.9 3.5-.9 6 0 13.5 4.9 21 12.3-3.5 3.8-7 8.2-10.4 13-5.8.5-11.3 1.4-16.5 2.5-.6-2.3-1-4.5-1.4-6.6zM7 64c0-4.7 5.7-9.7 15.7-13.4 2-.8 4.2-1.5 6.4-2.1 1.6 5 3.6 10.3 6 15.6-2.4 5.3-4.5 10.5-6 15.5C15.3 75.6 7 69.6 7 64zm28.5 49.3c-4.1-2.4-5.5-9.8-3.8-20.3.3-2.1.8-4.3 1.4-6.6 5.2 1.2 10.7 2 16.5 2.5 3.4 4.8 6.9 9.1 10.4 13-7.4 7.3-14.9 12.3-21 12.3-1.3 0-2.5-.3-3.5-.9zM96.3 93c1.7 10.5.3 17.9-3.8 20.3-1 .6-2.2.9-3.5.9-6 0-13.5-4.9-21-12.3 3.5-3.8 7-8.2 10.4-13 5.8-.5 11.3-1.4 16.5-2.5.6 2.3 1 4.5 1.4 6.6zm9-15.6c-2 .8-4.2 1.5-6.4 2.1-1.6-5-3.6-10.3-6-15.6 2.4-5.3 4.5-10.5 6-15.5 13.8 4 22.1 10 22.1 15.6 0 4.7-5.8 9.7-15.7 13.4z"
|
|
22
25
|
})));
|
|
23
26
|
}
|
|
27
|
+
|
|
24
28
|
if (language === 'javascript') {
|
|
25
29
|
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
26
30
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -33,6 +37,7 @@ function getMedia(language) {
|
|
|
33
37
|
d: "M116.347 96.736c-.917-5.711-4.641-10.508-15.672-14.981-3.832-1.761-8.104-3.022-9.377-5.926-.452-1.69-.512-2.642-.226-3.665.821-3.32 4.784-4.355 7.925-3.403 2.023.678 3.938 2.237 5.093 4.724 5.402-3.498 5.391-3.475 9.163-5.879-1.381-2.141-2.118-3.129-3.022-4.045-3.249-3.629-7.676-5.498-14.756-5.355l-3.688.477c-3.534.893-6.902 2.748-8.877 5.235-5.926 6.724-4.236 18.492 2.975 23.335 7.104 5.332 17.54 6.545 18.873 11.531 1.297 6.104-4.486 8.08-10.234 7.378-4.236-.881-6.592-3.034-9.139-6.949-4.688 2.713-4.688 2.713-9.508 5.485 1.143 2.499 2.344 3.63 4.26 5.795 9.068 9.198 31.76 8.746 35.83-5.176.165-.478 1.261-3.666.38-8.581zM69.462 58.943H57.753l-.048 30.272c0 6.438.333 12.34-.714 14.149-1.713 3.558-6.152 3.117-8.175 2.427-2.059-1.012-3.106-2.451-4.319-4.485-.333-.584-.583-1.036-.667-1.071l-9.52 5.83c1.583 3.249 3.915 6.069 6.902 7.901 4.462 2.678 10.459 3.499 16.731 2.059 4.082-1.189 7.604-3.652 9.448-7.401 2.666-4.915 2.094-10.864 2.07-17.444.06-10.735.001-21.468.001-32.237z"
|
|
34
38
|
}));
|
|
35
39
|
}
|
|
40
|
+
|
|
36
41
|
if (language === 'php') {
|
|
37
42
|
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
38
43
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -49,6 +54,7 @@ function getMedia(language) {
|
|
|
49
54
|
d: "m162.81 479.48h14.204c4.1693 0.0354 7.1903 1.2367 9.063 3.604 1.8726 2.3674 2.491 5.6004 1.855 9.699-0.24737 1.8727-0.79503 3.71-1.643 5.512-0.8127 1.802-1.9434 3.4273-3.392 4.876-1.7667 1.8373-3.657 3.0033-5.671 3.498-2.014 0.49467-4.0987 0.742-6.254 0.742h-6.36l-2.014 10.07h-7.367l7.579-38.001m6.201 6.042-3.18 15.9c0.21199 0.0353 0.42399 0.053 0.636 0.053h0.742c3.392 0.0353 6.2186-0.30033 8.48-1.007 2.2613-0.74199 3.7806-3.3213 4.558-7.738 0.63597-3.71-0.00003-5.8476-1.908-6.413-1.8727-0.56531-4.2224-0.83031-7.049-0.795-0.42402 0.0353-0.83035 0.053-1.219 0.053-0.35335 0.00002-0.72435 0.00002-1.113 0l0.053-0.053"
|
|
50
55
|
}))));
|
|
51
56
|
}
|
|
57
|
+
|
|
52
58
|
if (language === 'json') {
|
|
53
59
|
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
54
60
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -99,5 +105,6 @@ function getMedia(language) {
|
|
|
99
105
|
overflow: "visible"
|
|
100
106
|
}));
|
|
101
107
|
}
|
|
108
|
+
|
|
102
109
|
return undefined;
|
|
103
110
|
}
|
package/lib/groq.js
CHANGED
|
@@ -368,11 +368,12 @@ var rules = {
|
|
|
368
368
|
ace.define('ace/mode/groq_highlight_rules', ['require', 'exports', 'module', 'ace/lib/oop', 'ace/mode/text_highlight_rules'], function (acequire, exports, _module) {
|
|
369
369
|
var oop = acequire('../lib/oop');
|
|
370
370
|
var TextHighlightRules = acequire('./text_highlight_rules').TextHighlightRules;
|
|
371
|
+
|
|
371
372
|
var GroqHighlightRules = function GroqHighlightRules() {
|
|
372
373
|
/* eslint-disable @typescript-eslint/ban-ts-comment */
|
|
373
374
|
// @ts-ignore
|
|
374
|
-
this.$rules = rules;
|
|
375
|
-
|
|
375
|
+
this.$rules = rules; // @ts-ignore
|
|
376
|
+
|
|
376
377
|
this.normalizeRules();
|
|
377
378
|
/* eslint-enable @typescript-eslint/ban-ts-comment */
|
|
378
379
|
};
|
|
@@ -389,14 +390,15 @@ ace.define('ace/mode/groq', ['require', 'exports', 'module', 'ace/lib/oop', 'ace
|
|
|
389
390
|
var Tokenizer = acequire('../tokenizer').Tokenizer;
|
|
390
391
|
var GroqHighlightRules = acequire('./groq_highlight_rules').GroqHighlightRules;
|
|
391
392
|
var FoldMode = acequire('./folding/cstyle').FoldMode;
|
|
393
|
+
|
|
392
394
|
var Mode = function Mode() {
|
|
393
395
|
/* eslint-disable @typescript-eslint/ban-ts-comment */
|
|
394
|
-
var highlighter = new GroqHighlightRules();
|
|
395
|
-
|
|
396
|
-
this.foldingRules = new FoldMode();
|
|
397
|
-
|
|
398
|
-
this.$tokenizer = new Tokenizer(highlighter.getRules());
|
|
399
|
-
|
|
396
|
+
var highlighter = new GroqHighlightRules(); // @ts-ignore
|
|
397
|
+
|
|
398
|
+
this.foldingRules = new FoldMode(); // @ts-ignore
|
|
399
|
+
|
|
400
|
+
this.$tokenizer = new Tokenizer(highlighter.getRules()); // @ts-ignore
|
|
401
|
+
|
|
400
402
|
this.$keywordList = highlighter.$keywordList;
|
|
401
403
|
/* eslint-enable @typescript-eslint/ban-ts-comment */
|
|
402
404
|
};
|
package/lib/schema.js
CHANGED
|
@@ -4,15 +4,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _icons = require("@sanity/icons");
|
|
11
|
+
|
|
9
12
|
var _CodeInput = _interopRequireDefault(require("./CodeInput"));
|
|
13
|
+
|
|
10
14
|
var _PreviewCode = _interopRequireDefault(require("./PreviewCode"));
|
|
15
|
+
|
|
11
16
|
var _getMedia = require("./getMedia");
|
|
17
|
+
|
|
12
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
+
|
|
13
20
|
var Preview = props => {
|
|
14
21
|
return /*#__PURE__*/_react.default.createElement(_PreviewCode.default, props);
|
|
15
22
|
};
|
|
23
|
+
|
|
16
24
|
var _default = {
|
|
17
25
|
name: 'code',
|
|
18
26
|
type: 'object',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sanity/code-input",
|
|
3
|
-
"version": "2.34.
|
|
3
|
+
"version": "2.34.2-empty-template-cli.0+184a9350e5",
|
|
4
4
|
"description": "Ace editor for editing code",
|
|
5
5
|
"main": "./lib/index.js",
|
|
6
6
|
"types": "./dist/dts",
|
|
@@ -21,12 +21,12 @@
|
|
|
21
21
|
],
|
|
22
22
|
"dependencies": {
|
|
23
23
|
"@reach/auto-id": "^0.13.2",
|
|
24
|
-
"@sanity/base": "2.34.
|
|
25
|
-
"@sanity/form-builder": "2.34.
|
|
24
|
+
"@sanity/base": "2.34.2-empty-template-cli.0+184a9350e5",
|
|
25
|
+
"@sanity/form-builder": "2.34.2-empty-template-cli.0+184a9350e5",
|
|
26
26
|
"@sanity/icons": "^1.3.4",
|
|
27
|
-
"@sanity/types": "2.34.
|
|
27
|
+
"@sanity/types": "2.34.2-empty-template-cli.0+184a9350e5",
|
|
28
28
|
"@sanity/ui": "^0.37.22",
|
|
29
|
-
"@sanity/util": "2.34.
|
|
29
|
+
"@sanity/util": "2.34.2-empty-template-cli.0+184a9350e5",
|
|
30
30
|
"ace-builds": "^1.4.13",
|
|
31
31
|
"react-ace": "^9.5.0"
|
|
32
32
|
},
|
|
@@ -47,5 +47,5 @@
|
|
|
47
47
|
"url": "git+https://github.com/sanity-io/sanity.git",
|
|
48
48
|
"directory": "packages/@sanity/code-input"
|
|
49
49
|
},
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "184a9350e50aa05877a3b10e052ce4e2ca743ef0"
|
|
51
51
|
}
|