@cyclone-ui/shiki 0.0.14 → 0.0.16

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.
@@ -2,49 +2,32 @@
2
2
  "name": "cyclone-dark-high-contrast",
3
3
  "settings": [
4
4
  {
5
- "scope": [
6
- "comment",
7
- "punctuation.definition.comment"
8
- ],
5
+ "scope": ["comment", "punctuation.definition.comment"],
9
6
  "settings": {
10
7
  "foreground": "#9a9fa7",
11
8
  "fontStyle": "italic"
12
9
  }
13
10
  },
14
11
  {
15
- "scope": [
16
- "string",
17
- "constant.other.symbol"
18
- ],
12
+ "scope": ["string", "constant.other.symbol"],
19
13
  "settings": {
20
14
  "foreground": "#2de498"
21
15
  }
22
16
  },
23
17
  {
24
- "scope": [
25
- "constant",
26
- "constant.numeric",
27
- "constant.language"
28
- ],
18
+ "scope": ["constant", "constant.numeric", "constant.language"],
29
19
  "settings": {
30
20
  "foreground": "#ffb327"
31
21
  }
32
22
  },
33
23
  {
34
- "scope": [
35
- "keyword",
36
- "storage",
37
- "storage.type"
38
- ],
24
+ "scope": ["keyword", "storage", "storage.type"],
39
25
  "settings": {
40
26
  "foreground": "#70a4ff"
41
27
  }
42
28
  },
43
29
  {
44
- "scope": [
45
- "entity.name.function",
46
- "support.function"
47
- ],
30
+ "scope": ["entity.name.function", "support.function"],
48
31
  "settings": {
49
32
  "foreground": "#70a4ff"
50
33
  }
@@ -60,46 +43,31 @@
60
43
  }
61
44
  },
62
45
  {
63
- "scope": [
64
- "entity.name.tag",
65
- "meta.tag"
66
- ],
46
+ "scope": ["entity.name.tag", "meta.tag"],
67
47
  "settings": {
68
48
  "foreground": "#70a4ff"
69
49
  }
70
50
  },
71
51
  {
72
- "scope": [
73
- "entity.other.attribute-name",
74
- "support.constant"
75
- ],
52
+ "scope": ["entity.other.attribute-name", "support.constant"],
76
53
  "settings": {
77
54
  "foreground": "#70a4ff"
78
55
  }
79
56
  },
80
57
  {
81
- "scope": [
82
- "variable",
83
- "identifier"
84
- ],
58
+ "scope": ["variable", "identifier"],
85
59
  "settings": {
86
60
  "foreground": "#c3c3ca"
87
61
  }
88
62
  },
89
63
  {
90
- "scope": [
91
- "punctuation",
92
- "meta.brace"
93
- ],
64
+ "scope": ["punctuation", "meta.brace"],
94
65
  "settings": {
95
66
  "foreground": "#9a9fa7"
96
67
  }
97
68
  },
98
69
  {
99
- "scope": [
100
- "invalid",
101
- "invalid.illegal"
102
- ],
70
+ "scope": ["invalid", "invalid.illegal"],
103
71
  "settings": {
104
72
  "foreground": "#f00a45"
105
73
  }
@@ -118,7 +86,7 @@
118
86
  "editor.inactiveSelectionBackground": "#000000",
119
87
  "editorLineNumber.foreground": "#9a9fa7",
120
88
  "editorLineNumber.activeForeground": "#c3c3ca",
121
- "editorIndentGuide.background1": "#0b0b0e",
89
+ "editorIndentGuide.background1": "#2b2b33",
122
90
  "editorIndentGuide.activeBackground1": "#9a9fa7",
123
91
  "editorWhitespace.foreground": "#9a9fa7"
124
92
  }
@@ -13,29 +13,27 @@ Generated by `@razorwind/shiki`.
13
13
  2. Register themes when creating a Shiki highlighter:
14
14
 
15
15
  ```ts
16
- import { createHighlighter } from "shiki";
17
- import theme from "./theme.json";
16
+ import { createHighlighter } from "shiki"
17
+ import theme from "./theme.json"
18
18
 
19
19
  const highlighter = await createHighlighter({
20
20
  themes: [theme],
21
21
  langs: ["javascript"]
22
- });
22
+ })
23
23
 
24
24
  const html = highlighter.codeToHtml("const x = 1", {
25
25
  lang: "javascript",
26
26
  theme: "cyclone-light"
27
- });
27
+ })
28
28
  ```
29
29
 
30
30
  Or load at runtime:
31
31
 
32
32
  ```ts
33
- import { readFile } from "node:fs/promises";
33
+ import { readFile } from "node:fs/promises"
34
34
 
35
- const theme = JSON.parse(
36
- await readFile("./theme.json", "utf8")
37
- );
38
- await highlighter.loadTheme(theme);
35
+ const theme = JSON.parse(await readFile("./theme.json", "utf8"))
36
+ await highlighter.loadTheme(theme)
39
37
  ```
40
38
 
41
39
  ## Select / load theme
@@ -2,49 +2,32 @@
2
2
  "name": "cyclone-light",
3
3
  "settings": [
4
4
  {
5
- "scope": [
6
- "comment",
7
- "punctuation.definition.comment"
8
- ],
5
+ "scope": ["comment", "punctuation.definition.comment"],
9
6
  "settings": {
10
7
  "foreground": "#959698",
11
8
  "fontStyle": "italic"
12
9
  }
13
10
  },
14
11
  {
15
- "scope": [
16
- "string",
17
- "constant.other.symbol"
18
- ],
12
+ "scope": ["string", "constant.other.symbol"],
19
13
  "settings": {
20
14
  "foreground": "#216b53"
21
15
  }
22
16
  },
23
17
  {
24
- "scope": [
25
- "constant",
26
- "constant.numeric",
27
- "constant.language"
28
- ],
18
+ "scope": ["constant", "constant.numeric", "constant.language"],
29
19
  "settings": {
30
20
  "foreground": "#765417"
31
21
  }
32
22
  },
33
23
  {
34
- "scope": [
35
- "keyword",
36
- "storage",
37
- "storage.type"
38
- ],
24
+ "scope": ["keyword", "storage", "storage.type"],
39
25
  "settings": {
40
26
  "foreground": "#2055b3"
41
27
  }
42
28
  },
43
29
  {
44
- "scope": [
45
- "entity.name.function",
46
- "support.function"
47
- ],
30
+ "scope": ["entity.name.function", "support.function"],
48
31
  "settings": {
49
32
  "foreground": "#2055b3"
50
33
  }
@@ -60,46 +43,31 @@
60
43
  }
61
44
  },
62
45
  {
63
- "scope": [
64
- "entity.name.tag",
65
- "meta.tag"
66
- ],
46
+ "scope": ["entity.name.tag", "meta.tag"],
67
47
  "settings": {
68
48
  "foreground": "#2055b3"
69
49
  }
70
50
  },
71
51
  {
72
- "scope": [
73
- "entity.other.attribute-name",
74
- "support.constant"
75
- ],
52
+ "scope": ["entity.other.attribute-name", "support.constant"],
76
53
  "settings": {
77
54
  "foreground": "#2055b3"
78
55
  }
79
56
  },
80
57
  {
81
- "scope": [
82
- "variable",
83
- "identifier"
84
- ],
58
+ "scope": ["variable", "identifier"],
85
59
  "settings": {
86
60
  "foreground": "#555659"
87
61
  }
88
62
  },
89
63
  {
90
- "scope": [
91
- "punctuation",
92
- "meta.brace"
93
- ],
64
+ "scope": ["punctuation", "meta.brace"],
94
65
  "settings": {
95
66
  "foreground": "#959698"
96
67
  }
97
68
  },
98
69
  {
99
- "scope": [
100
- "invalid",
101
- "invalid.illegal"
102
- ],
70
+ "scope": ["invalid", "invalid.illegal"],
103
71
  "settings": {
104
72
  "foreground": "#8e223e"
105
73
  }
@@ -118,7 +86,7 @@
118
86
  "editor.inactiveSelectionBackground": "#f1f1f1",
119
87
  "editorLineNumber.foreground": "#959698",
120
88
  "editorLineNumber.activeForeground": "#555659",
121
- "editorIndentGuide.background1": "#d0d0d1",
89
+ "editorIndentGuide.background1": "#c0c0c1",
122
90
  "editorIndentGuide.activeBackground1": "#959698",
123
91
  "editorWhitespace.foreground": "#959698"
124
92
  }
@@ -13,29 +13,27 @@ Generated by `@razorwind/shiki`.
13
13
  2. Register themes when creating a Shiki highlighter:
14
14
 
15
15
  ```ts
16
- import { createHighlighter } from "shiki";
17
- import theme from "./theme.json";
16
+ import { createHighlighter } from "shiki"
17
+ import theme from "./theme.json"
18
18
 
19
19
  const highlighter = await createHighlighter({
20
20
  themes: [theme],
21
21
  langs: ["javascript"]
22
- });
22
+ })
23
23
 
24
24
  const html = highlighter.codeToHtml("const x = 1", {
25
25
  lang: "javascript",
26
26
  theme: "cyclone-light-dimmed"
27
- });
27
+ })
28
28
  ```
29
29
 
30
30
  Or load at runtime:
31
31
 
32
32
  ```ts
33
- import { readFile } from "node:fs/promises";
33
+ import { readFile } from "node:fs/promises"
34
34
 
35
- const theme = JSON.parse(
36
- await readFile("./theme.json", "utf8")
37
- );
38
- await highlighter.loadTheme(theme);
35
+ const theme = JSON.parse(await readFile("./theme.json", "utf8"))
36
+ await highlighter.loadTheme(theme)
39
37
  ```
40
38
 
41
39
  ## Select / load theme
@@ -2,49 +2,32 @@
2
2
  "name": "cyclone-light-dimmed",
3
3
  "settings": [
4
4
  {
5
- "scope": [
6
- "comment",
7
- "punctuation.definition.comment"
8
- ],
5
+ "scope": ["comment", "punctuation.definition.comment"],
9
6
  "settings": {
10
7
  "foreground": "#8f8f90",
11
8
  "fontStyle": "italic"
12
9
  }
13
10
  },
14
11
  {
15
- "scope": [
16
- "string",
17
- "constant.other.symbol"
18
- ],
12
+ "scope": ["string", "constant.other.symbol"],
19
13
  "settings": {
20
14
  "foreground": "#3e7160"
21
15
  }
22
16
  },
23
17
  {
24
- "scope": [
25
- "constant",
26
- "constant.numeric",
27
- "constant.language"
28
- ],
18
+ "scope": ["constant", "constant.numeric", "constant.language"],
29
19
  "settings": {
30
20
  "foreground": "#786137"
31
21
  }
32
22
  },
33
23
  {
34
- "scope": [
35
- "keyword",
36
- "storage",
37
- "storage.type"
38
- ],
24
+ "scope": ["keyword", "storage", "storage.type"],
39
25
  "settings": {
40
26
  "foreground": "#45649b"
41
27
  }
42
28
  },
43
29
  {
44
- "scope": [
45
- "entity.name.function",
46
- "support.function"
47
- ],
30
+ "scope": ["entity.name.function", "support.function"],
48
31
  "settings": {
49
32
  "foreground": "#45649b"
50
33
  }
@@ -60,46 +43,31 @@
60
43
  }
61
44
  },
62
45
  {
63
- "scope": [
64
- "entity.name.tag",
65
- "meta.tag"
66
- ],
46
+ "scope": ["entity.name.tag", "meta.tag"],
67
47
  "settings": {
68
48
  "foreground": "#45649b"
69
49
  }
70
50
  },
71
51
  {
72
- "scope": [
73
- "entity.other.attribute-name",
74
- "support.constant"
75
- ],
52
+ "scope": ["entity.other.attribute-name", "support.constant"],
76
53
  "settings": {
77
54
  "foreground": "#45649b"
78
55
  }
79
56
  },
80
57
  {
81
- "scope": [
82
- "variable",
83
- "identifier"
84
- ],
58
+ "scope": ["variable", "identifier"],
85
59
  "settings": {
86
60
  "foreground": "#626364"
87
61
  }
88
62
  },
89
63
  {
90
- "scope": [
91
- "punctuation",
92
- "meta.brace"
93
- ],
64
+ "scope": ["punctuation", "meta.brace"],
94
65
  "settings": {
95
66
  "foreground": "#8f8f90"
96
67
  }
97
68
  },
98
69
  {
99
- "scope": [
100
- "invalid",
101
- "invalid.illegal"
102
- ],
70
+ "scope": ["invalid", "invalid.illegal"],
103
71
  "settings": {
104
72
  "foreground": "#864254"
105
73
  }
@@ -118,7 +86,7 @@
118
86
  "editor.inactiveSelectionBackground": "#cfcfcf",
119
87
  "editorLineNumber.foreground": "#8f8f90",
120
88
  "editorLineNumber.activeForeground": "#626364",
121
- "editorIndentGuide.background1": "#b8b8b9",
89
+ "editorIndentGuide.background1": "#adadad",
122
90
  "editorIndentGuide.activeBackground1": "#8f8f90",
123
91
  "editorWhitespace.foreground": "#8f8f90"
124
92
  }
@@ -13,29 +13,27 @@ Generated by `@razorwind/shiki`.
13
13
  2. Register themes when creating a Shiki highlighter:
14
14
 
15
15
  ```ts
16
- import { createHighlighter } from "shiki";
17
- import theme from "./theme.json";
16
+ import { createHighlighter } from "shiki"
17
+ import theme from "./theme.json"
18
18
 
19
19
  const highlighter = await createHighlighter({
20
20
  themes: [theme],
21
21
  langs: ["javascript"]
22
- });
22
+ })
23
23
 
24
24
  const html = highlighter.codeToHtml("const x = 1", {
25
25
  lang: "javascript",
26
26
  theme: "cyclone-light-high-contrast"
27
- });
27
+ })
28
28
  ```
29
29
 
30
30
  Or load at runtime:
31
31
 
32
32
  ```ts
33
- import { readFile } from "node:fs/promises";
33
+ import { readFile } from "node:fs/promises"
34
34
 
35
- const theme = JSON.parse(
36
- await readFile("./theme.json", "utf8")
37
- );
38
- await highlighter.loadTheme(theme);
35
+ const theme = JSON.parse(await readFile("./theme.json", "utf8"))
36
+ await highlighter.loadTheme(theme)
39
37
  ```
40
38
 
41
39
  ## Select / load theme
@@ -2,49 +2,32 @@
2
2
  "name": "cyclone-light-high-contrast",
3
3
  "settings": [
4
4
  {
5
- "scope": [
6
- "comment",
7
- "punctuation.definition.comment"
8
- ],
5
+ "scope": ["comment", "punctuation.definition.comment"],
9
6
  "settings": {
10
7
  "foreground": "#9a9fa7",
11
8
  "fontStyle": "italic"
12
9
  }
13
10
  },
14
11
  {
15
- "scope": [
16
- "string",
17
- "constant.other.symbol"
18
- ],
12
+ "scope": ["string", "constant.other.symbol"],
19
13
  "settings": {
20
14
  "foreground": "#0a4e38"
21
15
  }
22
16
  },
23
17
  {
24
- "scope": [
25
- "constant",
26
- "constant.numeric",
27
- "constant.language"
28
- ],
18
+ "scope": ["constant", "constant.numeric", "constant.language"],
29
19
  "settings": {
30
20
  "foreground": "#583902"
31
21
  }
32
22
  },
33
23
  {
34
- "scope": [
35
- "keyword",
36
- "storage",
37
- "storage.type"
38
- ],
24
+ "scope": ["keyword", "storage", "storage.type"],
39
25
  "settings": {
40
26
  "foreground": "#0145be"
41
27
  }
42
28
  },
43
29
  {
44
- "scope": [
45
- "entity.name.function",
46
- "support.function"
47
- ],
30
+ "scope": ["entity.name.function", "support.function"],
48
31
  "settings": {
49
32
  "foreground": "#0145be"
50
33
  }
@@ -60,46 +43,31 @@
60
43
  }
61
44
  },
62
45
  {
63
- "scope": [
64
- "entity.name.tag",
65
- "meta.tag"
66
- ],
46
+ "scope": ["entity.name.tag", "meta.tag"],
67
47
  "settings": {
68
48
  "foreground": "#0145be"
69
49
  }
70
50
  },
71
51
  {
72
- "scope": [
73
- "entity.other.attribute-name",
74
- "support.constant"
75
- ],
52
+ "scope": ["entity.other.attribute-name", "support.constant"],
76
53
  "settings": {
77
54
  "foreground": "#0145be"
78
55
  }
79
56
  },
80
57
  {
81
- "scope": [
82
- "variable",
83
- "identifier"
84
- ],
58
+ "scope": ["variable", "identifier"],
85
59
  "settings": {
86
60
  "foreground": "#3f424a"
87
61
  }
88
62
  },
89
63
  {
90
- "scope": [
91
- "punctuation",
92
- "meta.brace"
93
- ],
64
+ "scope": ["punctuation", "meta.brace"],
94
65
  "settings": {
95
66
  "foreground": "#9a9fa7"
96
67
  }
97
68
  },
98
69
  {
99
- "scope": [
100
- "invalid",
101
- "invalid.illegal"
102
- ],
70
+ "scope": ["invalid", "invalid.illegal"],
103
71
  "settings": {
104
72
  "foreground": "#840929"
105
73
  }
@@ -118,7 +86,7 @@
118
86
  "editor.inactiveSelectionBackground": "#ffffff",
119
87
  "editorLineNumber.foreground": "#9a9fa7",
120
88
  "editorLineNumber.activeForeground": "#3f424a",
121
- "editorIndentGuide.background1": "#f4f4f6",
89
+ "editorIndentGuide.background1": "#dcdce0",
122
90
  "editorIndentGuide.activeBackground1": "#9a9fa7",
123
91
  "editorWhitespace.foreground": "#9a9fa7"
124
92
  }