ydb-embedded-ui 12.16.1 → 12.17.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.
@@ -1,125 +1,169 @@
1
- import { useThemeValue } from '@gravity-ui/uikit';
2
- import { materialLight, vscDarkPlus } from 'react-syntax-highlighter/dist/esm/styles/prism';
3
- export const lightTransparent = {
4
- ...materialLight,
5
- 'pre[class*="language-"]': {
6
- ...materialLight['pre[class*="language-"]'],
7
- background: 'transparent',
8
- margin: 0,
9
- lineHeight: '15px',
10
- },
11
- 'code[class*="language-"]': {
12
- ...materialLight['code[class*="language-"]'],
13
- background: 'transparent',
14
- color: 'var(--g-color-text-primary)',
15
- whiteSpace: 'pre-wrap',
16
- fontSize: '13px',
17
- },
18
- comment: {
19
- color: '#969896',
20
- },
21
- string: {
22
- color: '#a31515',
23
- },
24
- tablepath: {
25
- color: '#338186',
26
- },
27
- function: {
28
- color: '#7a3e9d',
29
- },
30
- udf: {
31
- color: '#7a3e9d',
32
- },
33
- type: {
34
- color: '#4d932d',
35
- },
36
- boolean: {
37
- color: '#608b4e',
38
- },
39
- constant: {
40
- color: '#608b4e',
41
- },
42
- variable: {
43
- color: '#001188',
44
- },
45
- };
46
- export const darkTransparent = {
47
- ...vscDarkPlus,
48
- 'pre[class*="language-"]': {
49
- ...vscDarkPlus['pre[class*="language-"]'],
50
- background: 'transparent',
51
- margin: 0,
52
- lineHeight: '15px',
53
- },
54
- 'code[class*="language-"]': {
55
- ...vscDarkPlus['code[class*="language-"]'],
56
- background: 'transparent',
57
- color: 'var(--g-color-text-primary)',
58
- whiteSpace: 'pre-wrap',
59
- fontSize: '13px',
60
- },
61
- comment: {
62
- color: '#969896',
63
- },
64
- string: {
65
- color: '#ce9178',
66
- },
67
- tablepath: {
68
- color: '#338186',
69
- },
70
- function: {
71
- color: '#9e7bb0',
72
- },
73
- udf: {
74
- color: '#9e7bb0',
75
- },
76
- type: {
77
- color: '#6A8759',
78
- },
79
- boolean: {
80
- color: '#608b4e',
81
- },
82
- constant: {
83
- color: '#608b4e',
84
- },
85
- variable: {
86
- color: '#74b0df',
87
- },
1
+ /**
2
+ * Custom light theme for YQL syntax highlighting
3
+ * Colors match the Monaco VS-light theme
4
+ * Uses only tokens defined in YQL.tmLanguage.json
5
+ */
6
+ export const yqlLightTheme = {
7
+ name: 'yql-light',
8
+ type: 'light',
9
+ tokenColors: [
10
+ // Comments
11
+ {
12
+ scope: ['comment.block'],
13
+ settings: {
14
+ foreground: '#969896',
15
+ fontStyle: 'italic',
16
+ },
17
+ },
18
+ // Strings
19
+ {
20
+ scope: ['string.quoted.double'],
21
+ settings: {
22
+ foreground: '#a31515',
23
+ },
24
+ },
25
+ // Path to table (backticks and @identifiers)
26
+ {
27
+ scope: ['string.interpolated'],
28
+ settings: {
29
+ foreground: '#338186',
30
+ },
31
+ },
32
+ // Functions (UDF and builtin)
33
+ {
34
+ scope: ['entity.name.function'],
35
+ settings: {
36
+ foreground: '#7a3e9d',
37
+ },
38
+ },
39
+ // Data types
40
+ {
41
+ scope: ['entity.name.type'],
42
+ settings: {
43
+ foreground: '#4d932d',
44
+ },
45
+ },
46
+ // Keywords
47
+ {
48
+ scope: ['keyword.control'],
49
+ settings: {
50
+ foreground: '#0000ff',
51
+ },
52
+ },
53
+ // Numeric constants
54
+ {
55
+ scope: ['constant.numeric'],
56
+ settings: {
57
+ foreground: '#098658',
58
+ },
59
+ },
60
+ // Pragmas, settings, hints
61
+ {
62
+ scope: ['support.constant'],
63
+ settings: {
64
+ foreground: '#7497c4',
65
+ },
66
+ },
67
+ // Variables ($param)
68
+ {
69
+ scope: ['variable.parameter'],
70
+ settings: {
71
+ foreground: '#000000',
72
+ },
73
+ },
74
+ // Identifiers
75
+ {
76
+ scope: ['variable.other'],
77
+ settings: {
78
+ foreground: '#000000',
79
+ },
80
+ },
81
+ ],
88
82
  };
89
- const dark = {
90
- ...darkTransparent,
91
- 'pre[class*="language-"]': {
92
- ...darkTransparent['pre[class*="language-"]'],
93
- background: vscDarkPlus['pre[class*="language-"]'].background,
94
- scrollbarColor: `var(--g-color-scroll-handle) transparent`,
95
- lineHeight: '15px',
96
- },
97
- 'code[class*="language-"]': {
98
- ...darkTransparent['code[class*="language-"]'],
99
- whiteSpace: 'pre',
100
- fontSize: '13px',
101
- },
102
- };
103
- const light = {
104
- ...lightTransparent,
105
- 'pre[class*="language-"]': {
106
- ...lightTransparent['pre[class*="language-"]'],
107
- background: 'var(--g-color-base-misc-light)',
108
- scrollbarColor: `var(--g-color-scroll-handle) transparent`,
109
- lineHeight: '15px',
110
- },
111
- 'code[class*="language-"]': {
112
- ...lightTransparent['code[class*="language-"]'],
113
- whiteSpace: 'pre',
114
- fontSize: '13px',
115
- },
83
+ /**
84
+ * Custom dark theme for YQL syntax highlighting
85
+ * Colors match the Monaco VS-dark theme
86
+ * Uses only tokens defined in YQL.tmLanguage.json
87
+ */
88
+ export const yqlDarkTheme = {
89
+ name: 'yql-dark',
90
+ type: 'dark',
91
+ colors: {
92
+ 'editor.foreground': '#d4d4d4',
93
+ 'editor.background': '#1e1e1e',
94
+ },
95
+ tokenColors: [
96
+ // Comments
97
+ {
98
+ scope: ['comment.block'],
99
+ settings: {
100
+ foreground: '#969896',
101
+ fontStyle: 'italic',
102
+ },
103
+ },
104
+ // Strings
105
+ {
106
+ scope: ['string.quoted.double'],
107
+ settings: {
108
+ foreground: '#ce9178',
109
+ },
110
+ },
111
+ // Path to table (backticks and @identifiers)
112
+ {
113
+ scope: ['string.interpolated'],
114
+ settings: {
115
+ foreground: '#338186',
116
+ },
117
+ },
118
+ // Functions (UDF and builtin)
119
+ {
120
+ scope: ['entity.name.function'],
121
+ settings: {
122
+ foreground: '#9e7bb0',
123
+ },
124
+ },
125
+ // Data types
126
+ {
127
+ scope: ['entity.name.type'],
128
+ settings: {
129
+ foreground: '#6A8759',
130
+ },
131
+ },
132
+ // Keywords
133
+ {
134
+ scope: ['keyword.control'],
135
+ settings: {
136
+ foreground: '#569cd6',
137
+ },
138
+ },
139
+ // Numeric constants
140
+ {
141
+ scope: ['constant.numeric'],
142
+ settings: {
143
+ foreground: '#b5cea8',
144
+ },
145
+ },
146
+ // Pragmas, settings, hints
147
+ {
148
+ scope: ['support.constant'],
149
+ settings: {
150
+ foreground: '#7497c4',
151
+ },
152
+ },
153
+ // Variables ($param)
154
+ {
155
+ scope: ['variable.parameter'],
156
+ settings: {
157
+ foreground: '#D4D4D4',
158
+ },
159
+ },
160
+ // Identifiers
161
+ {
162
+ scope: ['variable.other'],
163
+ settings: {
164
+ foreground: '#D4D4D4',
165
+ },
166
+ },
167
+ ],
116
168
  };
117
- export function useSyntaxHighlighterStyle(transparentBackground) {
118
- const themeValue = useThemeValue();
119
- const isDark = themeValue === 'dark' || themeValue === 'dark-hc';
120
- if (transparentBackground) {
121
- return isDark ? darkTransparent : lightTransparent;
122
- }
123
- return isDark ? dark : light;
124
- }
125
169
  //# sourceMappingURL=themes.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../src/components/SyntaxHighlighter/themes.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../src/components/SyntaxHighlighter/themes.ts"],"names":[],"mappings":"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"}
@@ -1 +1,3 @@
1
- export type Language = 'bash' | 'cpp' | 'csharp' | 'go' | 'java' | 'javascript' | 'php' | 'python' | 'yql';
1
+ import type { BundledLanguage, BundledTheme } from 'shiki';
2
+ export type Language = BundledLanguage | 'yql';
3
+ export type Theme = BundledTheme | 'yql-light' | 'yql-dark';
@@ -18,7 +18,7 @@ export const TruncatedQuery = ({ value = '', maxQueryHeight = 6, hasClipboardBut
18
18
  }
19
19
  : undefined }), _jsx("span", { className: b('message', { color: 'secondary' }), children: message })] }));
20
20
  }
21
- return (_jsx(YDBSyntaxHighlighter, { language: "yql", text: value, withClipboardButton: hasClipboardButton
21
+ return (_jsx(YDBSyntaxHighlighter, { language: "yql", className: b(), text: value, withClipboardButton: hasClipboardButton
22
22
  ? {
23
23
  alwaysVisible: clipboardButtonAlwaysVisible,
24
24
  copyText: value,
@@ -1 +1 @@
1
- {"version":3,"file":"TruncatedQuery.js","sourceRoot":"","sources":["../../../src/components/TruncatedQuery/TruncatedQuery.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,oBAAoB,EAAC,MAAM,2CAA2C,CAAC;AAE/E,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC;AASnC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC3B,KAAK,GAAG,EAAE,EACV,cAAc,GAAG,CAAC,EAClB,kBAAkB,EAClB,4BAA4B,GACV,EAAE,EAAE;IACtB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAChC,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC;IAEhD,IAAI,SAAS,EAAE,CAAC;QACZ,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1D,MAAM,OAAO,GACT,6FAA6F,CAAC;QAClG,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,oBAAoB,IACjB,QAAQ,EAAC,KAAK,EACd,SAAS,EAAE,CAAC,EAAE,EACd,IAAI,EAAE,OAAO,EACb,mBAAmB,EACf,kBAAkB;wBACd,CAAC,CAAC;4BACI,aAAa,EAAE,4BAA4B;4BAC3C,QAAQ,EAAE,KAAK;4BACf,SAAS,EAAE,KAAK;yBACnB;wBACH,CAAC,CAAC,SAAS,GAErB,EACF,eAAM,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,KAAK,EAAE,WAAW,EAAC,CAAC,YAAG,OAAO,GAAQ,IACxD,CACpB,CAAC;IACN,CAAC;IACD,OAAO,CACH,KAAC,oBAAoB,IACjB,QAAQ,EAAC,KAAK,EACd,IAAI,EAAE,KAAK,EACX,mBAAmB,EACf,kBAAkB;YACd,CAAC,CAAC;gBACI,aAAa,EAAE,4BAA4B;gBAC3C,QAAQ,EAAE,KAAK;gBACf,SAAS,EAAE,KAAK;aACnB;YACH,CAAC,CAAC,SAAS,GAErB,CACL,CAAC;AACN,CAAC,CAAC"}
1
+ {"version":3,"file":"TruncatedQuery.js","sourceRoot":"","sources":["../../../src/components/TruncatedQuery/TruncatedQuery.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,oBAAoB,EAAC,MAAM,2CAA2C,CAAC;AAE/E,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC;AASnC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC3B,KAAK,GAAG,EAAE,EACV,cAAc,GAAG,CAAC,EAClB,kBAAkB,EAClB,4BAA4B,GACV,EAAE,EAAE;IACtB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAChC,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC;IAEhD,IAAI,SAAS,EAAE,CAAC;QACZ,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1D,MAAM,OAAO,GACT,6FAA6F,CAAC;QAClG,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,oBAAoB,IACjB,QAAQ,EAAC,KAAK,EACd,SAAS,EAAE,CAAC,EAAE,EACd,IAAI,EAAE,OAAO,EACb,mBAAmB,EACf,kBAAkB;wBACd,CAAC,CAAC;4BACI,aAAa,EAAE,4BAA4B;4BAC3C,QAAQ,EAAE,KAAK;4BACf,SAAS,EAAE,KAAK;yBACnB;wBACH,CAAC,CAAC,SAAS,GAErB,EACF,eAAM,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,KAAK,EAAE,WAAW,EAAC,CAAC,YAAG,OAAO,GAAQ,IACxD,CACpB,CAAC;IACN,CAAC;IACD,OAAO,CACH,KAAC,oBAAoB,IACjB,QAAQ,EAAC,KAAK,EACd,SAAS,EAAE,CAAC,EAAE,EACd,IAAI,EAAE,KAAK,EACX,mBAAmB,EACf,kBAAkB;YACd,CAAC,CAAC;gBACI,aAAa,EAAE,4BAA4B;gBAC3C,QAAQ,EAAE,KAAK;gBACf,SAAS,EAAE,KAAK;aACnB;YACH,CAAC,CAAC,SAAS,GAErB,CACL,CAAC;AACN,CAAC,CAAC"}
@@ -14,4 +14,7 @@
14
14
  }
15
15
  }
16
16
  }
17
+ pre {
18
+ padding: 0;
19
+ }
17
20
  }
@@ -18,7 +18,7 @@
18
18
  }
19
19
 
20
20
  &__tablets {
21
- padding: 0 !important;
21
+ padding: 0;
22
22
 
23
23
  .tablets-viewer__grid {
24
24
  grid-gap: 20px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ydb-embedded-ui",
3
- "version": "12.16.1",
3
+ "version": "12.17.0",
4
4
  "files": [
5
5
  "dist"
6
6
  ],
@@ -52,9 +52,9 @@
52
52
  "react-redux": "^9.2.0",
53
53
  "react-router-dom": "^5.3.4",
54
54
  "react-split": "^2.0.14",
55
- "react-syntax-highlighter": "^15.6.1",
56
55
  "redux": "^5.0.1",
57
56
  "redux-location-state": "^2.8.2",
57
+ "shiki": "^3.15.0",
58
58
  "tslib": "^2.8.1",
59
59
  "use-query-params": "^2.2.1",
60
60
  "uuid": "^10.0.0",
@@ -143,7 +143,6 @@
143
143
  "@types/react": "^18.3.18",
144
144
  "@types/react-dom": "^18.3.5",
145
145
  "@types/react-router-dom": "^5.3.3",
146
- "@types/react-syntax-highlighter": "^15.5.13",
147
146
  "@types/uuid": "^10.0.0",
148
147
  "@typescript-eslint/parser": "^8.34.1",
149
148
  "copyfiles": "^2.4.1",
@@ -1,5 +0,0 @@
1
- export declare function yql(Prism: any): void;
2
- export declare namespace yql {
3
- var displayName: string;
4
- var aliases: string[];
5
- }
@@ -1,77 +0,0 @@
1
- import { builtinFunctions, keywords, typeKeywords, } from 'monaco-yql-languages/build/yql/yql.keywords';
2
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
3
- export function yql(Prism) {
4
- // Define YQL language
5
- // eslint-disable-next-line no-param-reassign
6
- Prism.languages.yql = {
7
- comment: [
8
- {
9
- pattern: /--.*$/m,
10
- greedy: true,
11
- },
12
- {
13
- pattern: /\/\*[\s\S]*?(?:\*\/|$)/,
14
- greedy: true,
15
- },
16
- ],
17
- tablepath: {
18
- pattern: /(`[\w/]+`\s*\.\s*)?`[^`]+`/,
19
- greedy: true,
20
- },
21
- string: [
22
- {
23
- pattern: /'(?:\\[\s\S]|[^\\'])*'/,
24
- greedy: true,
25
- },
26
- {
27
- pattern: /"(?:\\[\s\S]|[^\\"])*"/,
28
- greedy: true,
29
- },
30
- {
31
- pattern: /@@(?:[^@]|@(?!@))*@@/,
32
- greedy: true,
33
- },
34
- ],
35
- variable: [
36
- {
37
- pattern: /\$[a-zA-Z_]\w*/,
38
- greedy: true,
39
- },
40
- ],
41
- function: {
42
- pattern: new RegExp(`\\b(?:${builtinFunctions.join('|')})\\b`, 'i'),
43
- greedy: true,
44
- },
45
- keyword: {
46
- pattern: new RegExp(`\\b(?:${keywords.join('|')})\\b`, 'i'),
47
- greedy: true,
48
- },
49
- udf: {
50
- pattern: /[A-Za-z_]\w*::[A-Za-z_]\w*/,
51
- greedy: true,
52
- },
53
- type: {
54
- pattern: new RegExp(`\\b(?:${typeKeywords.join('|')})\\b`, 'i'),
55
- greedy: true,
56
- },
57
- boolean: {
58
- pattern: /\b(?:true|false|null)\b/i,
59
- greedy: true,
60
- },
61
- number: {
62
- pattern: /[+-]?(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?/i,
63
- greedy: true,
64
- },
65
- operator: {
66
- pattern: /[-+*/%<>!=&|^~]+|\b(?:and|or|not|is|like|ilike|rlike|in|between)\b/i,
67
- greedy: true,
68
- },
69
- punctuation: {
70
- pattern: /[;[\](){}.,]/,
71
- greedy: true,
72
- },
73
- };
74
- }
75
- yql.displayName = 'yql';
76
- yql.aliases = ['yql'];
77
- //# sourceMappingURL=yql.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"yql.js","sourceRoot":"","sources":["../../../src/components/SyntaxHighlighter/yql.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,gBAAgB,EAChB,QAAQ,EACR,YAAY,GACf,MAAM,6CAA6C,CAAC;AAErD,8DAA8D;AAC9D,MAAM,UAAU,GAAG,CAAC,KAAU;IAC1B,sBAAsB;IACtB,6CAA6C;IAC7C,KAAK,CAAC,SAAS,CAAC,GAAG,GAAG;QAClB,OAAO,EAAE;YACL;gBACI,OAAO,EAAE,QAAQ;gBACjB,MAAM,EAAE,IAAI;aACf;YACD;gBACI,OAAO,EAAE,wBAAwB;gBACjC,MAAM,EAAE,IAAI;aACf;SACJ;QACD,SAAS,EAAE;YACP,OAAO,EAAE,4BAA4B;YACrC,MAAM,EAAE,IAAI;SACf;QACD,MAAM,EAAE;YACJ;gBACI,OAAO,EAAE,wBAAwB;gBACjC,MAAM,EAAE,IAAI;aACf;YACD;gBACI,OAAO,EAAE,wBAAwB;gBACjC,MAAM,EAAE,IAAI;aACf;YACD;gBACI,OAAO,EAAE,sBAAsB;gBAC/B,MAAM,EAAE,IAAI;aACf;SACJ;QACD,QAAQ,EAAE;YACN;gBACI,OAAO,EAAE,gBAAgB;gBACzB,MAAM,EAAE,IAAI;aACf;SACJ;QACD,QAAQ,EAAE;YACN,OAAO,EAAE,IAAI,MAAM,CAAC,SAAS,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;YACnE,MAAM,EAAE,IAAI;SACf;QACD,OAAO,EAAE;YACL,OAAO,EAAE,IAAI,MAAM,CAAC,SAAS,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;YAC3D,MAAM,EAAE,IAAI;SACf;QACD,GAAG,EAAE;YACD,OAAO,EAAE,4BAA4B;YACrC,MAAM,EAAE,IAAI;SACf;QACD,IAAI,EAAE;YACF,OAAO,EAAE,IAAI,MAAM,CAAC,SAAS,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;YAC/D,MAAM,EAAE,IAAI;SACf;QACD,OAAO,EAAE;YACL,OAAO,EAAE,0BAA0B;YACnC,MAAM,EAAE,IAAI;SACf;QACD,MAAM,EAAE;YACJ,OAAO,EAAE,6CAA6C;YACtD,MAAM,EAAE,IAAI;SACf;QACD,QAAQ,EAAE;YACN,OAAO,EAAE,qEAAqE;YAC9E,MAAM,EAAE,IAAI;SACf;QACD,WAAW,EAAE;YACT,OAAO,EAAE,cAAc;YACvB,MAAM,EAAE,IAAI;SACf;KACJ,CAAC;AACN,CAAC;AAED,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AACxB,GAAG,CAAC,OAAO,GAAG,CAAC,KAAK,CAAa,CAAC"}