@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 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
- onChange = props.onChange,
58
- onBlur = props.onBlur,
59
- compareValue = props.compareValue,
60
- value = props.value,
61
- presence = props.presence,
62
- type = props.type,
63
- level = props.level,
64
- readOnly = props.readOnly,
65
- focusPath = props.focusPath;
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
- onChange(_PatchEvent.default.from((0, _PatchEvent.set)(currentHighlightedLines.map(line =>
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
- val = _ref6.value,
141
- mode = _ref6.mode;
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 config from the schema
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;
@@ -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
- type = props.type;
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 /* note only supported by ace v1.2.7 or higher */
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,
@@ -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;
@@ -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
- // @ts-ignore
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
- // @ts-ignore
396
- this.foldingRules = new FoldMode();
397
- // @ts-ignore
398
- this.$tokenizer = new Tokenizer(highlighter.getRules());
399
- // @ts-ignore
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.1-canary.0+b3e58b8893",
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.1-canary.0+b3e58b8893",
25
- "@sanity/form-builder": "2.34.1-canary.0+b3e58b8893",
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.1-canary.0+b3e58b8893",
27
+ "@sanity/types": "2.34.2-empty-template-cli.0+184a9350e5",
28
28
  "@sanity/ui": "^0.37.22",
29
- "@sanity/util": "2.34.1-canary.0+b3e58b8893",
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": "b3e58b8893c9573844279488896df2313df914f1"
50
+ "gitHead": "184a9350e50aa05877a3b10e052ce4e2ca743ef0"
51
51
  }