@scalar/use-codemirror 0.11.101 → 0.11.103

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.
Files changed (24) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/hooks/index.js +3 -2
  3. package/dist/hooks/index.js.map +7 -0
  4. package/dist/hooks/useCodeMirror.d.ts +1 -1
  5. package/dist/hooks/useCodeMirror.js +346 -312
  6. package/dist/hooks/useCodeMirror.js.map +7 -0
  7. package/dist/hooks/useCodeMirror.test.js +69 -0
  8. package/dist/hooks/useCodeMirror.test.js.map +7 -0
  9. package/dist/hooks/useDropdown.js +55 -62
  10. package/dist/hooks/useDropdown.js.map +7 -0
  11. package/dist/hooks/variables.js +25 -16
  12. package/dist/hooks/variables.js.map +7 -0
  13. package/dist/index.d.ts +1 -1
  14. package/dist/index.js +20 -5
  15. package/dist/index.js.map +7 -0
  16. package/dist/themes/createCodeMirrorTheme.js +73 -82
  17. package/dist/themes/createCodeMirrorTheme.js.map +7 -0
  18. package/dist/themes/createCodeMirrorTheme.test.js +18 -0
  19. package/dist/themes/createCodeMirrorTheme.test.js.map +7 -0
  20. package/dist/themes/index.js +89 -88
  21. package/dist/themes/index.js.map +7 -0
  22. package/dist/types.js +1 -0
  23. package/dist/types.js.map +7 -0
  24. package/package.json +6 -9
package/dist/themes/index.js CHANGED
@@ -1,91 +1,92 @@
1
- import { tags } from '@lezer/highlight';
2
- import { createCodeMirrorTheme } from './createCodeMirrorTheme.js';
3
-
1
+ import { tags as t } from "@lezer/highlight";
2
+ import { createCodeMirrorTheme } from "./createCodeMirrorTheme.js";
4
3
  const customTheme = createCodeMirrorTheme({
5
- theme: 'light',
6
- settings: {
7
- background: 'var(--scalar-background-2)',
8
- foreground: 'var(--scalar-color-1)',
9
- caret: 'var(--scalar-color-1)',
10
- // Selection likely needs a hardcoded color due to it not accepting variables
11
- selectionMatch: '#e3dcce',
12
- gutterBackground: 'var(--scalar-background-2)',
13
- gutterForeground: 'var(--scalar-color-3)',
14
- gutterBorder: 'transparent',
15
- lineHighlight: 'var(--scalar-background-3)',
16
- fontFamily: 'var(--scalar-font-code)',
4
+ theme: "light",
5
+ settings: {
6
+ background: "var(--scalar-background-2)",
7
+ foreground: "var(--scalar-color-1)",
8
+ caret: "var(--scalar-color-1)",
9
+ // Selection likely needs a hardcoded color due to it not accepting variables
10
+ selectionMatch: "#e3dcce",
11
+ gutterBackground: "var(--scalar-background-2)",
12
+ gutterForeground: "var(--scalar-color-3)",
13
+ gutterBorder: "transparent",
14
+ lineHighlight: "var(--scalar-background-3)",
15
+ fontFamily: "var(--scalar-font-code)"
16
+ },
17
+ styles: [
18
+ {
19
+ tag: [t.standard(t.tagName), t.tagName],
20
+ color: "var(--scalar-color-purple)"
17
21
  },
18
- styles: [
19
- {
20
- tag: [tags.standard(tags.tagName), tags.tagName],
21
- color: 'var(--scalar-color-purple)',
22
- },
23
- {
24
- tag: [tags.comment],
25
- color: 'var(--scalar-color-3)',
26
- },
27
- {
28
- tag: [tags.className],
29
- color: 'var(--scalar-color-orange)',
30
- },
31
- {
32
- tag: [tags.variableName, tags.propertyName, tags.attributeName],
33
- color: 'var(--scalar-color-1)',
34
- },
35
- {
36
- tag: [tags.operator],
37
- color: 'var(--scalar-color-2)',
38
- },
39
- {
40
- tag: [tags.keyword, tags.typeName, tags.typeOperator],
41
- color: 'var(--scalar-color-green)',
42
- },
43
- {
44
- tag: [tags.string],
45
- color: 'var(--scalar-color-blue)',
46
- },
47
- {
48
- tag: [tags.bracket, tags.regexp, tags.meta],
49
- color: 'var(--scalar-color-3)',
50
- },
51
- {
52
- tag: [tags.number],
53
- color: 'var(--scalar-color-orange)',
54
- },
55
- {
56
- tag: [tags.name, tags.quote],
57
- color: 'var(--scalar-color-3)',
58
- },
59
- {
60
- tag: [tags.heading],
61
- color: 'var(--scalar-color-3)',
62
- fontWeight: 'bold',
63
- },
64
- {
65
- tag: [tags.emphasis],
66
- color: 'var(--scalar-color-3)',
67
- fontStyle: 'italic',
68
- },
69
- {
70
- tag: [tags.deleted],
71
- color: 'var(--scalar-color-3)',
72
- backgroundColor: 'transparent',
73
- },
74
- {
75
- tag: [tags.atom, tags.bool, tags.special(tags.variableName)],
76
- color: 'var(--scalar-color-3)',
77
- },
78
- {
79
- tag: [tags.url, tags.escape, tags.regexp, tags.link],
80
- color: 'var(--scalar-color-1)',
81
- },
82
- { tag: tags.link, textDecoration: 'underline' },
83
- { tag: tags.strikethrough, textDecoration: 'line-through' },
84
- {
85
- tag: tags.invalid,
86
- color: 'var(--scalar-color-3)',
87
- },
88
- ],
22
+ {
23
+ tag: [t.comment],
24
+ color: "var(--scalar-color-3)"
25
+ },
26
+ {
27
+ tag: [t.className],
28
+ color: "var(--scalar-color-orange)"
29
+ },
30
+ {
31
+ tag: [t.variableName, t.propertyName, t.attributeName],
32
+ color: "var(--scalar-color-1)"
33
+ },
34
+ {
35
+ tag: [t.operator],
36
+ color: "var(--scalar-color-2)"
37
+ },
38
+ {
39
+ tag: [t.keyword, t.typeName, t.typeOperator],
40
+ color: "var(--scalar-color-green)"
41
+ },
42
+ {
43
+ tag: [t.string],
44
+ color: "var(--scalar-color-blue)"
45
+ },
46
+ {
47
+ tag: [t.bracket, t.regexp, t.meta],
48
+ color: "var(--scalar-color-3)"
49
+ },
50
+ {
51
+ tag: [t.number],
52
+ color: "var(--scalar-color-orange)"
53
+ },
54
+ {
55
+ tag: [t.name, t.quote],
56
+ color: "var(--scalar-color-3)"
57
+ },
58
+ {
59
+ tag: [t.heading],
60
+ color: "var(--scalar-color-3)",
61
+ fontWeight: "bold"
62
+ },
63
+ {
64
+ tag: [t.emphasis],
65
+ color: "var(--scalar-color-3)",
66
+ fontStyle: "italic"
67
+ },
68
+ {
69
+ tag: [t.deleted],
70
+ color: "var(--scalar-color-3)",
71
+ backgroundColor: "transparent"
72
+ },
73
+ {
74
+ tag: [t.atom, t.bool, t.special(t.variableName)],
75
+ color: "var(--scalar-color-3)"
76
+ },
77
+ {
78
+ tag: [t.url, t.escape, t.regexp, t.link],
79
+ color: "var(--scalar-color-1)"
80
+ },
81
+ { tag: t.link, textDecoration: "underline" },
82
+ { tag: t.strikethrough, textDecoration: "line-through" },
83
+ {
84
+ tag: t.invalid,
85
+ color: "var(--scalar-color-3)"
86
+ }
87
+ ]
89
88
  });
90
-
91
- export { customTheme };
89
+ export {
90
+ customTheme
91
+ };
92
+ //# sourceMappingURL=index.js.map
package/dist/themes/index.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/themes/index.ts"],
4
+ "sourcesContent": ["import { tags as t } from '@lezer/highlight'\n\nimport { createCodeMirrorTheme } from './createCodeMirrorTheme'\n\nexport const customTheme = createCodeMirrorTheme({\n theme: 'light',\n settings: {\n background: 'var(--scalar-background-2)',\n foreground: 'var(--scalar-color-1)',\n caret: 'var(--scalar-color-1)',\n // Selection likely needs a hardcoded color due to it not accepting variables\n selectionMatch: '#e3dcce',\n gutterBackground: 'var(--scalar-background-2)',\n gutterForeground: 'var(--scalar-color-3)',\n gutterBorder: 'transparent',\n lineHighlight: 'var(--scalar-background-3)',\n fontFamily: 'var(--scalar-font-code)',\n },\n styles: [\n {\n tag: [t.standard(t.tagName), t.tagName],\n color: 'var(--scalar-color-purple)',\n },\n {\n tag: [t.comment],\n color: 'var(--scalar-color-3)',\n },\n {\n tag: [t.className],\n color: 'var(--scalar-color-orange)',\n },\n {\n tag: [t.variableName, t.propertyName, t.attributeName],\n color: 'var(--scalar-color-1)',\n },\n {\n tag: [t.operator],\n color: 'var(--scalar-color-2)',\n },\n {\n tag: [t.keyword, t.typeName, t.typeOperator],\n color: 'var(--scalar-color-green)',\n },\n {\n tag: [t.string],\n color: 'var(--scalar-color-blue)',\n },\n {\n tag: [t.bracket, t.regexp, t.meta],\n color: 'var(--scalar-color-3)',\n },\n {\n tag: [t.number],\n color: 'var(--scalar-color-orange)',\n },\n {\n tag: [t.name, t.quote],\n color: 'var(--scalar-color-3)',\n },\n {\n tag: [t.heading],\n color: 'var(--scalar-color-3)',\n fontWeight: 'bold',\n },\n {\n tag: [t.emphasis],\n color: 'var(--scalar-color-3)',\n fontStyle: 'italic',\n },\n {\n tag: [t.deleted],\n color: 'var(--scalar-color-3)',\n backgroundColor: 'transparent',\n },\n {\n tag: [t.atom, t.bool, t.special(t.variableName)],\n color: 'var(--scalar-color-3)',\n },\n {\n tag: [t.url, t.escape, t.regexp, t.link],\n color: 'var(--scalar-color-1)',\n },\n { tag: t.link, textDecoration: 'underline' },\n { tag: t.strikethrough, textDecoration: 'line-through' },\n {\n tag: t.invalid,\n color: 'var(--scalar-color-3)',\n },\n ],\n})\n"],
5
+ "mappings": "AAAA,SAAS,QAAQ,SAAS;AAE1B,SAAS,6BAA6B;AAE/B,MAAM,cAAc,sBAAsB;AAAA,EAC/C,OAAO;AAAA,EACP,UAAU;AAAA,IACR,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,OAAO;AAAA;AAAA,IAEP,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,cAAc;AAAA,IACd,eAAe;AAAA,IACf,YAAY;AAAA,EACd;AAAA,EACA,QAAQ;AAAA,IACN;AAAA,MACE,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,EAAE,OAAO;AAAA,MACtC,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,KAAK,CAAC,EAAE,OAAO;AAAA,MACf,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,KAAK,CAAC,EAAE,SAAS;AAAA,MACjB,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,KAAK,CAAC,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa;AAAA,MACrD,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,KAAK,CAAC,EAAE,QAAQ;AAAA,MAChB,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,KAAK,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY;AAAA,MAC3C,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,KAAK,CAAC,EAAE,MAAM;AAAA,MACd,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,KAAK,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI;AAAA,MACjC,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,KAAK,CAAC,EAAE,MAAM;AAAA,MACd,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK;AAAA,MACrB,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,KAAK,CAAC,EAAE,OAAO;AAAA,MACf,OAAO;AAAA,MACP,YAAY;AAAA,IACd;AAAA,IACA;AAAA,MACE,KAAK,CAAC,EAAE,QAAQ;AAAA,MAChB,OAAO;AAAA,MACP,WAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,KAAK,CAAC,EAAE,OAAO;AAAA,MACf,OAAO;AAAA,MACP,iBAAiB;AAAA,IACnB;AAAA,IACA;AAAA,MACE,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,CAAC;AAAA,MAC/C,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,KAAK,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI;AAAA,MACvC,OAAO;AAAA,IACT;AAAA,IACA,EAAE,KAAK,EAAE,MAAM,gBAAgB,YAAY;AAAA,IAC3C,EAAE,KAAK,EAAE,eAAe,gBAAgB,eAAe;AAAA,IACvD;AAAA,MACE,KAAK,EAAE;AAAA,MACP,OAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC;",
6
+ "names": []
7
+ }
package/dist/types.js ADDED
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=types.js.map
package/dist/types.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": [],
4
+ "sourcesContent": [],
5
+ "mappings": "",
6
+ "names": []
7
+ }
package/package.json CHANGED
@@ -16,7 +16,7 @@
16
16
  "vue",
17
17
  "vue3"
18
18
  ],
19
- "version": "0.11.101",
19
+ "version": "0.11.103",
20
20
  "engines": {
21
21
  "node": ">=18"
22
22
  },
@@ -63,25 +63,22 @@
63
63
  "codemirror": "^6.0.0",
64
64
  "style-mod": "^4.1.2",
65
65
  "vue": "^3.5.12",
66
- "@scalar/components": "0.13.56"
66
+ "@scalar/components": "0.13.58"
67
67
  },
68
68
  "devDependencies": {
69
69
  "@vitejs/plugin-vue": "^5.0.4",
70
70
  "@vitest/coverage-v8": "^1.6.0",
71
- "vite": "^5.4.10",
71
+ "vite": "5.4.19",
72
72
  "vitest": "^1.6.0",
73
73
  "vue": "^3.5.12",
74
- "@scalar/build-tooling": "0.1.18",
75
- "@scalar/themes": "0.11.0"
74
+ "@scalar/build-tooling": "0.1.19",
75
+ "@scalar/themes": "0.11.2"
76
76
  },
77
77
  "scripts": {
78
- "build": "scalar-build-rollup",
78
+ "build": "scalar-build-esbuild",
79
79
  "dev": "vite .",
80
- "format": "scalar-format",
81
- "format:check": "scalar-format-check",
82
80
  "lint:check": "scalar-lint-check",
83
81
  "lint:fix": "scalar-lint-fix",
84
- "preview": "vite preview",
85
82
  "test": "vitest",
86
83
  "types:build": "scalar-types-build",
87
84
  "types:check": "scalar-types-check-vue"