@snack-uikit/code-editor 0.5.3-preview-fa4c1732.0 → 0.6.1-preview-e39b9b61.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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # 0.6.0 (2025-03-27)
7
+
8
+
9
+ ### BREAKING CHANGES
10
+
11
+
12
+ * **FF-6299:** Remove module level initial function. ([5b2280a](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/commits/5b2280af6fd2a14f990598e717d117818bf10353))
13
+
14
+
15
+
16
+
6
17
  ## 0.5.2 (2025-03-17)
7
18
 
8
19
  ### Only dependencies have been changed
package/README.md CHANGED
@@ -41,15 +41,39 @@
41
41
  [//]: DOCUMENTATION_SECTION_END
42
42
 
43
43
  ### Поддержка YAML
44
- Для обеспечения полноценной работы YAML Monaco Editor необходимо подключить `yaml.worker`. Это можно сделать следующими способами: с использованием [`window.MonacoEnvironment`](https://www.npmjs.com/package/monaco-yaml#usage) или с помощью плагина [`MonacoWebpackPlugin`](https://www.npmjs.com/package/monaco-yaml#using-monaco-webpack-loader-plugin) . Подробнее с `monaco-yaml` можно ознакомиться [тут]((https://www.npmjs.com/package/monaco-yaml))
44
+
45
+ Для обеспечения полноценной работы YAML Monaco Editor необходимо подключить `yaml.worker`. Это можно сделать следующими способами: с использованием [`window.MonacoEnvironment`](https://www.npmjs.com/package/monaco-yaml#usage) или с помощью плагина [`MonacoWebpackPlugin`](https://www.npmjs.com/package/monaco-yaml#using-monaco-webpack-loader-plugin) . Подробнее с `monaco-yaml` можно ознакомиться [тут](<(https://www.npmjs.com/package/monaco-yaml)>)
45
46
 
46
47
  ### Как редактор загружает worker?
48
+
47
49
  Плагин создает новые точки входа каждого build-in воркера и для каждого дабавленного отдельно. Плагин создат глобальную переменную, используя которую редкатор будет загружать нужный воркер на основе текущего `language`.
48
50
 
49
51
  Чтобы управлять конфигурацией загрузчика Monaco Editor, добавьте
52
+
50
53
  ```typescript
51
54
  import * as monaco from 'monaco-editor';
52
55
  import { loader } from '@snack-uikit/code-editor';
53
56
  loader.config({ monaco });
54
57
  ```
58
+
55
59
  Это позволяет динамически настраивать пути и другие параметры при инициализации редактора.
60
+
61
+ Для загрузки `monaco-editor` асинхронно можно воспользоваться следующим способом:
62
+
63
+ ```typescript
64
+ // import * as monaco from 'monaco-editor'; // ~3Mb
65
+ import { lazy, Suspense } from 'react';
66
+ import { loader, CodeEditor } from '@snack-uikit/code-editor';
67
+
68
+ const Editor = lazy(async () => {
69
+ const monaco = await import('monaco-editor').then(module => module.default);
70
+ loader.config({ monaco });
71
+ return { default: CodeEditor };
72
+ });
73
+
74
+ const MyComponent = () => {
75
+ return <Suspense fallback={<Loader height={height} />}>
76
+ <Editor />
77
+ </Suspense>
78
+ }
79
+ ```
@@ -82,6 +82,7 @@ function CodeEditor(_a) {
82
82
  token: 'keyword'
83
83
  }],
84
84
  colors: {
85
+ focusBorder: '#00000000',
85
86
  'editor.background': '#00000000',
86
87
  'editor.foreground': themeValues.sys.neutral.textMain,
87
88
  'editor.selectionBackground': themeValues.sys.primary.decorHovered,
@@ -62,6 +62,7 @@ export function CodeEditor(_a) {
62
62
  },
63
63
  ],
64
64
  colors: {
65
+ focusBorder: '#00000000',
65
66
  'editor.background': '#00000000',
66
67
  'editor.foreground': themeValues.sys.neutral.textMain,
67
68
  'editor.selectionBackground': themeValues.sys.primary.decorHovered,
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
7
- "version": "0.5.3-preview-fa4c1732.0",
7
+ "version": "0.6.1-preview-e39b9b61.0",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -46,5 +46,5 @@
46
46
  "devDependencies": {
47
47
  "@types/chroma-js": "2.4.4"
48
48
  },
49
- "gitHead": "00a30dbe43caf45949416597f8cb724a9562f6d7"
49
+ "gitHead": "1814f28929546b0a87f3775221cc41e7a8a3571e"
50
50
  }
@@ -87,6 +87,7 @@ export function CodeEditor({
87
87
  },
88
88
  ],
89
89
  colors: {
90
+ focusBorder: '#00000000',
90
91
  'editor.background': '#00000000',
91
92
  'editor.foreground': themeValues.sys.neutral.textMain,
92
93
  'editor.selectionBackground': themeValues.sys.primary.decorHovered,