@scalar/use-codemirror 0.11.66 → 0.11.69
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 +23 -0
- package/dist/hooks/useCodeMirror.d.ts.map +1 -1
- package/dist/hooks/useCodeMirror.js +13 -15
- package/dist/hooks/variables.d.ts.map +1 -1
- package/dist/themes/createCodeMirrorTheme.d.ts +1 -1
- package/dist/themes/createCodeMirrorTheme.d.ts.map +1 -1
- package/dist/themes/createCodeMirrorTheme.js +1 -1
- package/package.json +8 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,28 @@
|
|
|
1
1
|
# @scalar/use-codemirror
|
|
2
2
|
|
|
3
|
+
## 0.11.69
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- fa6afe8: chore: code formatting
|
|
8
|
+
- Updated dependencies [825bc40]
|
|
9
|
+
- @scalar/components@0.13.24
|
|
10
|
+
|
|
11
|
+
## 0.11.68
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- Updated dependencies [69da9e0]
|
|
16
|
+
- Updated dependencies [f500435]
|
|
17
|
+
- @scalar/components@0.13.23
|
|
18
|
+
|
|
19
|
+
## 0.11.67
|
|
20
|
+
|
|
21
|
+
### Patch Changes
|
|
22
|
+
|
|
23
|
+
- Updated dependencies [abc40ce]
|
|
24
|
+
- @scalar/components@0.13.22
|
|
25
|
+
|
|
3
26
|
## 0.11.66
|
|
4
27
|
|
|
5
28
|
### Patch Changes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCodeMirror.d.ts","sourceRoot":"","sources":["../../src/hooks/useCodeMirror.ts"],"names":[],"mappings":"
|
|
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;AAEzB,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;CAkInC,CAAA"}
|
|
@@ -104,18 +104,16 @@ const useCodeMirror = (params) => {
|
|
|
104
104
|
if (!codeMirror.value)
|
|
105
105
|
return;
|
|
106
106
|
// If a provider is
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
effects: StateEffect.reconfigure.of(extensions),
|
|
116
|
-
});
|
|
107
|
+
const provider = hasProvider(params) ? toValue(params.provider) : null;
|
|
108
|
+
const extensions = getCodeMirrorExtensions({
|
|
109
|
+
...extensionConfig.value,
|
|
110
|
+
provider,
|
|
111
|
+
});
|
|
112
|
+
requestAnimationFrame(() => {
|
|
113
|
+
codeMirror.value?.dispatch({
|
|
114
|
+
effects: StateEffect.reconfigure.of(extensions),
|
|
117
115
|
});
|
|
118
|
-
}
|
|
116
|
+
});
|
|
119
117
|
}, { immediate: true });
|
|
120
118
|
// ---------------------------------------------------------------------------
|
|
121
119
|
// Keep the content in sync when the content is managed externally
|
|
@@ -177,10 +175,10 @@ function getCodeMirrorExtensions({ onChange, onBlur, onFocus, provider, language
|
|
|
177
175
|
onChange?.(v.state.doc.toString());
|
|
178
176
|
}),
|
|
179
177
|
EditorView.domEventHandlers({
|
|
180
|
-
blur: (
|
|
178
|
+
blur: (_event, view) => {
|
|
181
179
|
onBlur?.(view.state.doc.toString());
|
|
182
180
|
},
|
|
183
|
-
focus: (
|
|
181
|
+
focus: (_event, view) => {
|
|
184
182
|
onFocus?.(view.state.doc.toString());
|
|
185
183
|
},
|
|
186
184
|
}),
|
|
@@ -230,7 +228,7 @@ function getCodeMirrorExtensions({ onChange, onBlur, onFocus, provider, language
|
|
|
230
228
|
icon.classList.add('cm-foldMarker');
|
|
231
229
|
const vnode = h(ScalarIcon, {
|
|
232
230
|
icon: open ? 'ChevronDown' : 'ChevronRight',
|
|
233
|
-
size: '
|
|
231
|
+
size: 'md',
|
|
234
232
|
});
|
|
235
233
|
render(vnode, icon);
|
|
236
234
|
return icon;
|
|
@@ -247,7 +245,7 @@ function getCodeMirrorExtensions({ onChange, onBlur, onFocus, provider, language
|
|
|
247
245
|
icon.classList.add('cm-foldMarker');
|
|
248
246
|
const vnode = h(ScalarIcon, {
|
|
249
247
|
icon: open ? 'ChevronDown' : 'ChevronRight',
|
|
250
|
-
size: '
|
|
248
|
+
size: 'md',
|
|
251
249
|
});
|
|
252
250
|
render(vnode, icon);
|
|
253
251
|
return icon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"variables.d.ts","sourceRoot":"","sources":["../../src/hooks/variables.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,aAAa,EAGlB,UAAU,EACV,KAAK,UAAU,EAChB,MAAM,kBAAkB,CAAA;AAYzB,eAAO,MAAM,SAAS;eAGL,aAAa;mBAIT,UAAU;
|
|
1
|
+
{"version":3,"file":"variables.d.ts","sourceRoot":"","sources":["../../src/hooks/variables.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,aAAa,EAGlB,UAAU,EACV,KAAK,UAAU,EAChB,MAAM,kBAAkB,CAAA;AAYzB,eAAO,MAAM,SAAS;eAGL,aAAa;mBAIT,UAAU;EAQ5B,CAAA"}
|
|
@@ -52,6 +52,6 @@ export type Settings = {
|
|
|
52
52
|
/**
|
|
53
53
|
* Creates a CodeMirror theme from a set of options.
|
|
54
54
|
*/
|
|
55
|
-
export declare const createCodeMirrorTheme: ({ theme, settings, styles
|
|
55
|
+
export declare const createCodeMirrorTheme: ({ theme, settings, styles }: CreateThemeOptions) => Extension;
|
|
56
56
|
export {};
|
|
57
57
|
//# sourceMappingURL=createCodeMirrorTheme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createCodeMirrorTheme.d.ts","sourceRoot":"","sources":["../../src/themes/createCodeMirrorTheme.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,
|
|
1
|
+
{"version":3,"file":"createCodeMirrorTheme.d.ts","sourceRoot":"","sources":["../../src/themes/createCodeMirrorTheme.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAkB,KAAK,QAAQ,EAAsB,MAAM,sBAAsB,CAAA;AACxF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAElD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAE1C,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,KAAK,EAAE,KAAK,CAAA;IACZ;;OAEG;IACH,QAAQ,EAAE,QAAQ,CAAA;IAClB,kCAAkC;IAClC,MAAM,EAAE,QAAQ,EAAE,CAAA;CACnB,CAAA;AAED,KAAK,KAAK,GAAG,OAAO,GAAG,MAAM,CAAA;AAE7B,MAAM,MAAM,QAAQ,GAAG;IACrB,+BAA+B;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,+BAA+B;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,0BAA0B;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kCAAkC;IAClC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,uCAAuC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,gCAAgC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,uCAAuC;IACvC,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,sBAAsB;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;CACjC,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB,gCAA2C,kBAAkB,KAAG,SA4EjG,CAAA"}
|
|
@@ -11,7 +11,7 @@ import { EditorView } from '@codemirror/view';
|
|
|
11
11
|
/**
|
|
12
12
|
* Creates a CodeMirror theme from a set of options.
|
|
13
13
|
*/
|
|
14
|
-
const createCodeMirrorTheme = ({ theme, settings = {}, styles = []
|
|
14
|
+
const createCodeMirrorTheme = ({ theme, settings = {}, styles = [] }) => {
|
|
15
15
|
const themeOptions = {
|
|
16
16
|
'.cm-gutters': {},
|
|
17
17
|
};
|
package/package.json
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"vue",
|
|
17
17
|
"vue3"
|
|
18
18
|
],
|
|
19
|
-
"version": "0.11.
|
|
19
|
+
"version": "0.11.69",
|
|
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.24"
|
|
67
67
|
},
|
|
68
68
|
"devDependencies": {
|
|
69
69
|
"@vitejs/plugin-vue": "^5.0.4",
|
|
@@ -71,14 +71,16 @@
|
|
|
71
71
|
"vite": "^5.4.10",
|
|
72
72
|
"vitest": "^1.6.0",
|
|
73
73
|
"vue": "^3.5.12",
|
|
74
|
-
"@scalar/
|
|
75
|
-
"@scalar/
|
|
74
|
+
"@scalar/themes": "0.9.67",
|
|
75
|
+
"@scalar/build-tooling": "0.1.13"
|
|
76
76
|
},
|
|
77
77
|
"scripts": {
|
|
78
78
|
"build": "scalar-build-rollup",
|
|
79
79
|
"dev": "vite .",
|
|
80
|
-
"
|
|
81
|
-
"
|
|
80
|
+
"format": "scalar-format",
|
|
81
|
+
"format:check": "scalar-format-check",
|
|
82
|
+
"lint:check": "scalar-lint-check",
|
|
83
|
+
"lint:fix": "scalar-lint-fix",
|
|
82
84
|
"preview": "vite preview",
|
|
83
85
|
"test": "vitest",
|
|
84
86
|
"types:build": "scalar-types-build",
|