@scalar/use-codemirror 0.11.82 → 0.11.84
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/CHANGELOG.md +17 -0
- package/dist/hooks/useCodeMirror.d.ts.map +1 -1
- package/dist/hooks/useCodeMirror.js +20 -10
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @scalar/use-codemirror
|
|
2
2
|
|
|
3
|
+
## 0.11.84
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies [427c325]
|
|
8
|
+
- Updated dependencies [9a2d008]
|
|
9
|
+
- @scalar/components@0.13.39
|
|
10
|
+
|
|
11
|
+
## 0.11.83
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- Updated dependencies [0f13162]
|
|
16
|
+
- Updated dependencies [cc1ec74]
|
|
17
|
+
- Updated dependencies [2716898]
|
|
18
|
+
- @scalar/components@0.13.38
|
|
19
|
+
|
|
3
20
|
## 0.11.82
|
|
4
21
|
|
|
5
22
|
### Patch Changes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCodeMirror.d.ts","sourceRoot":"","sources":["../../src/hooks/useCodeMirror.ts"],"names":[],"mappings":"AAiBA,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,mBAAmB,CAAA;AAC/D,OAAO,EACL,UAAU,EAMX,MAAM,kBAAkB,CAAA;AAGzB,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,GAAG,EAA6D,MAAM,KAAK,CAAA;AAGhH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAGlD,KAAK,cAAc,GAAG;IACpB,yCAAyC;IACzC,aAAa,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACzC,mDAAmD;IACnD,UAAU,CAAC,EAAE,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAA;IAC1C,8BAA8B;IAC9B,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACpD,mDAAmD;IACnD,QAAQ,EAAE,gBAAgB,CAAC,kBAAkB,GAAG,SAAS,CAAC,CAAA;IAC1D,2CAA2C;IAC3C,OAAO,CAAC,EAAE,gBAAgB,CAAC,MAAM,EAAE,GAAG,SAAS,CAAC,CAAA;IAChD,yCAAyC;IACzC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IAChD,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACxD,gDAAgD;IAChD,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACnD,aAAa,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACrD,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACvD,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACpD,oBAAoB,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IAC5D,kDAAkD;IAClD,IAAI,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IAC5C,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,WAAW,CAAC,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;CACnD,CAAA;AAED,MAAM,MAAM,uBAAuB,GAC/B,CAAC,cAAc,GAAG;IAChB,qEAAqE;IACrE,OAAO,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC7C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,CAAC,GACF,CAAC,cAAc,GAAG;IAChB,QAAQ,EAAE,gBAAgB,CAAC,SAAS,GAAG,IAAI,CAAC,CAAA;IAC5C,OAAO,CAAC,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC9C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,CAAC,CAAA;AAsBN,sCAAsC;AACtC,eAAO,MAAM,aAAa,WAChB,uBAAuB,KAC9B;IACD,oBAAoB,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,UAAU,EAAE,GAAG,CAAC,UAAU,GAAG,IAAI,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"useCodeMirror.d.ts","sourceRoot":"","sources":["../../src/hooks/useCodeMirror.ts"],"names":[],"mappings":"AAiBA,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,mBAAmB,CAAA;AAC/D,OAAO,EACL,UAAU,EAMX,MAAM,kBAAkB,CAAA;AAGzB,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,GAAG,EAA6D,MAAM,KAAK,CAAA;AAGhH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAGlD,KAAK,cAAc,GAAG;IACpB,yCAAyC;IACzC,aAAa,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACzC,mDAAmD;IACnD,UAAU,CAAC,EAAE,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAA;IAC1C,8BAA8B;IAC9B,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACpD,mDAAmD;IACnD,QAAQ,EAAE,gBAAgB,CAAC,kBAAkB,GAAG,SAAS,CAAC,CAAA;IAC1D,2CAA2C;IAC3C,OAAO,CAAC,EAAE,gBAAgB,CAAC,MAAM,EAAE,GAAG,SAAS,CAAC,CAAA;IAChD,yCAAyC;IACzC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IAChD,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACxD,gDAAgD;IAChD,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACnD,aAAa,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACrD,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACvD,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACpD,oBAAoB,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IAC5D,kDAAkD;IAClD,IAAI,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IAC5C,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,WAAW,CAAC,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;CACnD,CAAA;AAED,MAAM,MAAM,uBAAuB,GAC/B,CAAC,cAAc,GAAG;IAChB,qEAAqE;IACrE,OAAO,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC7C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,CAAC,GACF,CAAC,cAAc,GAAG;IAChB,QAAQ,EAAE,gBAAgB,CAAC,SAAS,GAAG,IAAI,CAAC,CAAA;IAC5C,OAAO,CAAC,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC9C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,CAAC,CAAA;AAsBN,sCAAsC;AACtC,eAAO,MAAM,aAAa,WAChB,uBAAuB,KAC9B;IACD,oBAAoB,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,UAAU,EAAE,GAAG,CAAC,UAAU,GAAG,IAAI,CAAC,CAAA;CA4InC,CAAA"}
|
|
@@ -32,11 +32,13 @@ const useCodeMirror = (params) => {
|
|
|
32
32
|
const codeMirror = ref(null);
|
|
33
33
|
/** Set the codemirror content value */
|
|
34
34
|
const setCodeMirrorContent = (newValue = '') => {
|
|
35
|
-
if (!codeMirror.value)
|
|
35
|
+
if (!codeMirror.value) {
|
|
36
36
|
return;
|
|
37
|
+
}
|
|
37
38
|
// No need to set the CodeMirror content if nothing has changed
|
|
38
|
-
if (codeMirror.value.state.doc.toString() === newValue)
|
|
39
|
+
if (codeMirror.value.state.doc.toString() === newValue) {
|
|
39
40
|
return;
|
|
41
|
+
}
|
|
40
42
|
codeMirror.value.dispatch({
|
|
41
43
|
changes: {
|
|
42
44
|
from: 0,
|
|
@@ -87,8 +89,9 @@ const useCodeMirror = (params) => {
|
|
|
87
89
|
extensions,
|
|
88
90
|
});
|
|
89
91
|
// Set the initial content if a provider is not in use
|
|
90
|
-
if (!hasProvider(params))
|
|
92
|
+
if (!hasProvider(params)) {
|
|
91
93
|
setCodeMirrorContent(toValue(params.content));
|
|
94
|
+
}
|
|
92
95
|
}
|
|
93
96
|
}
|
|
94
97
|
// ---------------------------------------------------------------------------
|
|
@@ -101,8 +104,9 @@ const useCodeMirror = (params) => {
|
|
|
101
104
|
});
|
|
102
105
|
// Update the extensions whenever parameters changes
|
|
103
106
|
watch(extensionConfig, () => {
|
|
104
|
-
if (!codeMirror.value)
|
|
107
|
+
if (!codeMirror.value) {
|
|
105
108
|
return;
|
|
109
|
+
}
|
|
106
110
|
// If a provider is
|
|
107
111
|
const provider = hasProvider(params) ? toValue(params.provider) : null;
|
|
108
112
|
const extensions = getCodeMirrorExtensions({
|
|
@@ -119,8 +123,9 @@ const useCodeMirror = (params) => {
|
|
|
119
123
|
// Keep the content in sync when the content is managed externally
|
|
120
124
|
watch(() => toValue(params.content), () => {
|
|
121
125
|
// When a provider is in use we do not map the content value back to the codemirror instance
|
|
122
|
-
if (hasProvider(params))
|
|
126
|
+
if (hasProvider(params)) {
|
|
123
127
|
return;
|
|
128
|
+
}
|
|
124
129
|
setCodeMirrorContent(toValue(params.content));
|
|
125
130
|
}, { immediate: true });
|
|
126
131
|
return {
|
|
@@ -172,8 +177,9 @@ function getCodeMirrorExtensions({ onChange, onBlur, onFocus, provider, language
|
|
|
172
177
|
}),
|
|
173
178
|
// Listen to updates
|
|
174
179
|
EditorView.updateListener.of((v) => {
|
|
175
|
-
if (!v.docChanged)
|
|
180
|
+
if (!v.docChanged) {
|
|
176
181
|
return;
|
|
182
|
+
}
|
|
177
183
|
onChange?.(v.state.doc.toString());
|
|
178
184
|
}),
|
|
179
185
|
EditorView.domEventHandlers({
|
|
@@ -189,19 +195,22 @@ function getCodeMirrorExtensions({ onChange, onBlur, onFocus, provider, language
|
|
|
189
195
|
...additionalExtensions,
|
|
190
196
|
];
|
|
191
197
|
// Enable the provider
|
|
192
|
-
if (provider)
|
|
198
|
+
if (provider) {
|
|
193
199
|
extensions.push(provider);
|
|
200
|
+
}
|
|
194
201
|
// Add the theme as needed
|
|
195
|
-
if (!withoutTheme)
|
|
202
|
+
if (!withoutTheme) {
|
|
196
203
|
extensions.push(customTheme);
|
|
204
|
+
}
|
|
197
205
|
// Read only
|
|
198
206
|
if (readOnly) {
|
|
199
207
|
extensions.push(EditorView.editable.of(false));
|
|
200
208
|
}
|
|
201
209
|
else {
|
|
202
210
|
extensions.push(indentOnInput(), bracketMatching(), autocompletion(), keymap.of([...completionKeymap, selectAllKeyBinding]), bracketMatching());
|
|
203
|
-
if (!disableCloseBrackets)
|
|
211
|
+
if (!disableCloseBrackets) {
|
|
204
212
|
extensions.push(closeBrackets(), keymap.of([...closeBracketsKeymap]));
|
|
213
|
+
}
|
|
205
214
|
if (disableTabIndent) {
|
|
206
215
|
extensions.push(keymap.of([
|
|
207
216
|
{
|
|
@@ -280,8 +289,9 @@ function getCodeMirrorExtensions({ onChange, onBlur, onFocus, provider, language
|
|
|
280
289
|
extensions.push(jsonLinter);
|
|
281
290
|
}
|
|
282
291
|
// Highlight variables
|
|
283
|
-
if (withVariables)
|
|
292
|
+
if (withVariables) {
|
|
284
293
|
extensions.push(variables());
|
|
294
|
+
}
|
|
285
295
|
if (disableEnter) {
|
|
286
296
|
extensions.push(keymap.of([
|
|
287
297
|
{
|
package/package.json
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"vue",
|
|
17
17
|
"vue3"
|
|
18
18
|
],
|
|
19
|
-
"version": "0.11.
|
|
19
|
+
"version": "0.11.84",
|
|
20
20
|
"engines": {
|
|
21
21
|
"node": ">=18"
|
|
22
22
|
},
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
"codemirror": "^6.0.0",
|
|
64
64
|
"style-mod": "^4.1.2",
|
|
65
65
|
"vue": "^3.5.12",
|
|
66
|
-
"@scalar/components": "0.13.
|
|
66
|
+
"@scalar/components": "0.13.39"
|
|
67
67
|
},
|
|
68
68
|
"devDependencies": {
|
|
69
69
|
"@vitejs/plugin-vue": "^5.0.4",
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
"vitest": "^1.6.0",
|
|
73
73
|
"vue": "^3.5.12",
|
|
74
74
|
"@scalar/build-tooling": "0.1.17",
|
|
75
|
-
"@scalar/themes": "0.9.
|
|
75
|
+
"@scalar/themes": "0.9.80"
|
|
76
76
|
},
|
|
77
77
|
"scripts": {
|
|
78
78
|
"build": "scalar-build-rollup",
|