@snack-uikit/code-editor 0.2.1-preview-62ed8d71.0 → 0.2.1-preview-a9faaab6.0

package/dist/components/CodeEditor.js

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Editor, loader, useMonaco } from '@monaco-editor/react';
+import { Editor, useMonaco } from '@monaco-editor/react';
 import cn from 'classnames';
 import { useMemo } from 'react';
 import { Spinner } from '@snack-uikit/loaders';
@@ -18,8 +18,8 @@ import { extractSupportProps } from '@snack-uikit/utils';
 import { CODE_EDITOR_OPTIONS, DEFAULT_THEME_OPTIONS, DEFAULT_THEME_VALUES } from './constants';
 import { useCalculatedThemeValues } from './hooks';
 import styles from './styles.module.css';
-import { isDark } from './utils';
-loader.config({ paths: { vs: 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.43.0/min/vs' } });
+import { initMonacoEditorReactLoaderConfig, isDark } from './utils';
+initMonacoEditorReactLoaderConfig();
 export function CodeEditor(_a) {
     var { themeClassName, className, theme, options, loading, hasBackground = true } = _a, props = __rest(_a, ["themeClassName", "className", "theme", "options", "loading", "hasBackground"]);
     const monaco = useMonaco();

package/dist/components/utils.d.ts

@@ -1,2 +1,3 @@
 export declare function rgb2hsl(HTMLcolor: string): number[];
 export declare function isDark(color: string): boolean;
+export declare function initMonacoEditorReactLoaderConfig(): void;

package/dist/components/utils.js

@@ -1,3 +1,4 @@
+import { loader } from '@monaco-editor/react';
 export function rgb2hsl(HTMLcolor) {
     const r = parseInt(HTMLcolor.substring(1, 3), 16) / 255;
     const g = parseInt(HTMLcolor.substring(3, 5), 16) / 255;
@@ -33,3 +34,14 @@ export function isDark(color) {
     const [h, _, l] = rgb2hsl(color);
     return (h < 0.55 && l >= 0.5) || (h >= 0.55 && l >= 0.75);
 }
+export function initMonacoEditorReactLoaderConfig() {
+    if (!window) {
+        return;
+    }
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    const vs = window['__snack_code_editor_paths__'];
+    if (vs) {
+        loader.config({ paths: { vs } });
+    }
+}

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.2.1-preview-62ed8d71.0",
+  "version": "0.2.1-preview-a9faaab6.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -37,5 +37,5 @@
     "@snack-uikit/utils": "3.3.0",
     "classnames": "2.5.1"
   },
-  "gitHead": "04318956c6d179aa137184a48f90ec3f9aa83942"
+  "gitHead": "6314839f8b24a0700f000e7a40145e85f0b0eea2"
 }

package/src/components/CodeEditor.tsx

@@ -1,4 +1,4 @@
-import { Editor, EditorProps, loader, useMonaco } from '@monaco-editor/react';
+import { Editor, EditorProps, useMonaco } from '@monaco-editor/react';
 import cn from 'classnames';
 import { useMemo } from 'react';
 
@@ -8,9 +8,9 @@ import { extractSupportProps, WithSupportProps } from '@snack-uikit/utils';
 import { CODE_EDITOR_OPTIONS, DEFAULT_THEME_OPTIONS, DEFAULT_THEME_VALUES } from './constants';
 import { useCalculatedThemeValues } from './hooks';
 import styles from './styles.module.scss';
-import { isDark } from './utils';
+import { initMonacoEditorReactLoaderConfig, isDark } from './utils';
 
-loader.config({ paths: { vs: 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.43.0/min/vs' } });
+initMonacoEditorReactLoaderConfig();
 
 export type CodeEditorProps = WithSupportProps<{
   /** Класснейм подключенной темы (из хука useThemeConfig() или ThemeProvider)

package/src/components/utils.ts

@@ -1,3 +1,5 @@
+import { loader } from '@monaco-editor/react';
+
 export function rgb2hsl(HTMLcolor: string) {
   const r = parseInt(HTMLcolor.substring(1, 3), 16) / 255;
   const g = parseInt(HTMLcolor.substring(3, 5), 16) / 255;
@@ -45,3 +47,17 @@ export function isDark(color: string) {
 
   return (h < 0.55 && l >= 0.5) || (h >= 0.55 && l >= 0.75);
 }
+
+export function initMonacoEditorReactLoaderConfig() {
+  if (!window) {
+    return;
+  }
+
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  const vs = window['__snack_code_editor_paths__'] as string | undefined;
+
+  if (vs) {
+    loader.config({ paths: { vs } });
+  }
+}