@cloud-ru/uikit-product-code-editor 0.3.6 → 0.3.8

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.3.8 (2025-11-13)
+
+
+### Bug Fixes
+
+* **PD-3377:** removed contributors ([121640f](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/121640f7b88b20a728a6ad2c39de8841532bb308))
+
+
+
+
+
+## 0.3.7 (2025-11-12)
+
+
+### Bug Fixes
+
+* **PD-3377:** contributors update to publish all packages ([719fd3e](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/719fd3e1249e247443b125c47ea408d92c8395c3))
+
+
+
+
+
 ## 0.3.6 (2025-11-12)
 
 **Note:** Version bump only for package @cloud-ru/uikit-product-code-editor

package/dist/cjs/components/AsyncProductCodeEditor.d.ts

@@ -0,0 +1,23 @@
+import { ComponentType } from 'react';
+import { ProductCodeEditorProps } from './types';
+/**
+ * CodeEditor с загруженным 'monaco-editor'
+ *
+ * @example Пример использования
+ * ```tsx
+ * import { Suspense, lazy } from 'react'
+ * import { AsyncProductCodeEditor } from ''
+ *
+ *  const Editor = lazy(() => AsyncProductCodeEditor())
+ *
+ *  const MyComponent = () => {
+ *   return <Suspense fallback='loading...'>
+ *     <Editor language='json' value="" />
+ *   </Suspense>
+ *  }
+ *
+ * ```
+ */
+export declare const AsyncProductCodeEditor: () => Promise<{
+    default: ComponentType<ProductCodeEditorProps>;
+}>;

package/dist/cjs/components/AsyncProductCodeEditor.js

@@ -0,0 +1,40 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AsyncProductCodeEditor = void 0;
+const loader_1 = require("./loader");
+const withMonaco_1 = require("./withMonaco");
+/**
+ * CodeEditor с загруженным 'monaco-editor'
+ *
+ * @example Пример использования
+ * ```tsx
+ * import { Suspense, lazy } from 'react'
+ * import { AsyncProductCodeEditor } from ''
+ *
+ *  const Editor = lazy(() => AsyncProductCodeEditor())
+ *
+ *  const MyComponent = () => {
+ *   return <Suspense fallback='loading...'>
+ *     <Editor language='json' value="" />
+ *   </Suspense>
+ *  }
+ *
+ * ```
+ */
+const AsyncProductCodeEditor = () => __awaiter(void 0, void 0, void 0, function* () {
+    const monaco = yield (0, loader_1.loadMonacoEditor)();
+    if (monaco) {
+        return { default: (0, withMonaco_1.withMonaco)(monaco).CodeEditor };
+    }
+    return { default: (0, withMonaco_1.withMonaco)().CodeEditor };
+});
+exports.AsyncProductCodeEditor = AsyncProductCodeEditor;

package/dist/cjs/components/LazyProductCodeEditor.d.ts

@@ -0,0 +1,27 @@
+import { ProductCodeEditorProps } from './types';
+export type LazyProductCodeEditorProps = ProductCodeEditorProps;
+/**
+ * Готовый preset
+ *
+ * @example Пример использования
+ * ```tsx
+ * import { LazyProductCodeEditor } from ''
+ *
+ *  const MyComponent = () => {
+ *   return <LazyProductCodeEditor />
+ *  }
+ * ```
+ * `LazyProductCodeEditor` работает как:
+ *
+ * @example
+ * ```tsx
+ *  const Editor = lazy(() => AsyncMonacoCodeEditor())
+ *
+ *  const LazyProductCodeEditor = (props: CodeEditorProps) => {
+ *   <Suspense fallback={<snack-uikit-spinner height={props.height} />}>
+ *     <Editor {...props}/>
+ *   </Suspense>
+ *  }
+ * ````
+ */
+export declare function LazyProductCodeEditor(props: LazyProductCodeEditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/LazyProductCodeEditor.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LazyProductCodeEditor = LazyProductCodeEditor;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const loaders_1 = require("@snack-uikit/loaders");
+const AsyncProductCodeEditor_1 = require("./AsyncProductCodeEditor");
+const CodeEditor = (0, react_1.lazy)(() => (0, AsyncProductCodeEditor_1.AsyncProductCodeEditor)());
+function Loader(props) {
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            width: '100%',
+            height: props.height,
+        }, children: (0, jsx_runtime_1.jsx)(loaders_1.Spinner, {}) }));
+}
+/**
+ * Готовый preset
+ *
+ * @example Пример использования
+ * ```tsx
+ * import { LazyProductCodeEditor } from ''
+ *
+ *  const MyComponent = () => {
+ *   return <LazyProductCodeEditor />
+ *  }
+ * ```
+ * `LazyProductCodeEditor` работает как:
+ *
+ * @example
+ * ```tsx
+ *  const Editor = lazy(() => AsyncMonacoCodeEditor())
+ *
+ *  const LazyProductCodeEditor = (props: CodeEditorProps) => {
+ *   <Suspense fallback={<snack-uikit-spinner height={props.height} />}>
+ *     <Editor {...props}/>
+ *   </Suspense>
+ *  }
+ * ````
+ */
+function LazyProductCodeEditor(props) {
+    const { height } = props;
+    return ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(Loader, { height: height }), children: (0, jsx_runtime_1.jsx)(CodeEditor, Object.assign({}, props)) }));
+}

package/dist/cjs/components/index.d.ts

@@ -0,0 +1,4 @@
+export { AsyncProductCodeEditor } from './AsyncProductCodeEditor';
+export { LazyProductCodeEditor } from './LazyProductCodeEditor';
+export { preloadMonacoEditor } from './loader';
+export { type ProductCodeEditorProps, type EditorJsonSchema } from './types';

package/dist/cjs/components/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.preloadMonacoEditor = exports.LazyProductCodeEditor = exports.AsyncProductCodeEditor = void 0;
+var AsyncProductCodeEditor_1 = require("./AsyncProductCodeEditor");
+Object.defineProperty(exports, "AsyncProductCodeEditor", { enumerable: true, get: function () { return AsyncProductCodeEditor_1.AsyncProductCodeEditor; } });
+var LazyProductCodeEditor_1 = require("./LazyProductCodeEditor");
+Object.defineProperty(exports, "LazyProductCodeEditor", { enumerable: true, get: function () { return LazyProductCodeEditor_1.LazyProductCodeEditor; } });
+var loader_1 = require("./loader");
+Object.defineProperty(exports, "preloadMonacoEditor", { enumerable: true, get: function () { return loader_1.preloadMonacoEditor; } });

package/dist/cjs/components/loader.d.ts

@@ -0,0 +1,12 @@
+declare global {
+    interface Window {
+        '__snack-monaco-editor-loader__'?: {
+            loadMonaco: () => Promise<unknown>;
+        };
+    }
+}
+export declare const loadMonacoEditor: () => Promise<unknown>;
+/**
+ * Подгрузить 'monaco-editor'
+ */
+export declare const preloadMonacoEditor: () => Promise<unknown>;

package/dist/cjs/components/loader.js

@@ -0,0 +1,26 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.preloadMonacoEditor = exports.loadMonacoEditor = void 0;
+const loadMonacoEditor = () => __awaiter(void 0, void 0, void 0, function* () {
+    var _a;
+    if ((_a = window['__snack-monaco-editor-loader__']) === null || _a === void 0 ? void 0 : _a.loadMonaco) {
+        const monaco = yield window['__snack-monaco-editor-loader__'].loadMonaco();
+        return monaco;
+    }
+    return null;
+});
+exports.loadMonacoEditor = loadMonacoEditor;
+/**
+ * Подгрузить 'monaco-editor'
+ */
+const preloadMonacoEditor = () => __awaiter(void 0, void 0, void 0, function* () { return (0, exports.loadMonacoEditor)(); });
+exports.preloadMonacoEditor = preloadMonacoEditor;

package/dist/cjs/components/types.d.ts

@@ -0,0 +1,3 @@
+import type { CodeEditorProps, JsonSchema as Scheme } from '@snack-uikit/code-editor';
+export type ProductCodeEditorProps = CodeEditorProps;
+export type EditorJsonSchema = Scheme;

package/dist/cjs/components/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/components/withMonaco.d.ts

@@ -0,0 +1,4 @@
+import { CodeEditor } from '@snack-uikit/code-editor';
+export declare const withMonaco: (monaco?: any) => {
+    CodeEditor: typeof CodeEditor;
+};

package/dist/cjs/components/withMonaco.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withMonaco = void 0;
+const code_editor_1 = require("@snack-uikit/code-editor");
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const withMonaco = (monaco) => {
+    if (monaco) {
+        code_editor_1.loader.config({ monaco });
+    }
+    return {
+        CodeEditor: code_editor_1.CodeEditor,
+    };
+};
+exports.withMonaco = withMonaco;

package/dist/cjs/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/cjs/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components"), exports);

package/dist/esm/components/AsyncProductCodeEditor.d.ts

@@ -0,0 +1,23 @@
+import { ComponentType } from 'react';
+import { ProductCodeEditorProps } from './types';
+/**
+ * CodeEditor с загруженным 'monaco-editor'
+ *
+ * @example Пример использования
+ * ```tsx
+ * import { Suspense, lazy } from 'react'
+ * import { AsyncProductCodeEditor } from ''
+ *
+ *  const Editor = lazy(() => AsyncProductCodeEditor())
+ *
+ *  const MyComponent = () => {
+ *   return <Suspense fallback='loading...'>
+ *     <Editor language='json' value="" />
+ *   </Suspense>
+ *  }
+ *
+ * ```
+ */
+export declare const AsyncProductCodeEditor: () => Promise<{
+    default: ComponentType<ProductCodeEditorProps>;
+}>;

package/dist/esm/components/AsyncProductCodeEditor.js

@@ -0,0 +1,36 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { loadMonacoEditor } from './loader';
+import { withMonaco } from './withMonaco';
+/**
+ * CodeEditor с загруженным 'monaco-editor'
+ *
+ * @example Пример использования
+ * ```tsx
+ * import { Suspense, lazy } from 'react'
+ * import { AsyncProductCodeEditor } from ''
+ *
+ *  const Editor = lazy(() => AsyncProductCodeEditor())
+ *
+ *  const MyComponent = () => {
+ *   return <Suspense fallback='loading...'>
+ *     <Editor language='json' value="" />
+ *   </Suspense>
+ *  }
+ *
+ * ```
+ */
+export const AsyncProductCodeEditor = () => __awaiter(void 0, void 0, void 0, function* () {
+    const monaco = yield loadMonacoEditor();
+    if (monaco) {
+        return { default: withMonaco(monaco).CodeEditor };
+    }
+    return { default: withMonaco().CodeEditor };
+});

package/dist/esm/components/LazyProductCodeEditor.d.ts

@@ -0,0 +1,27 @@
+import { ProductCodeEditorProps } from './types';
+export type LazyProductCodeEditorProps = ProductCodeEditorProps;
+/**
+ * Готовый preset
+ *
+ * @example Пример использования
+ * ```tsx
+ * import { LazyProductCodeEditor } from ''
+ *
+ *  const MyComponent = () => {
+ *   return <LazyProductCodeEditor />
+ *  }
+ * ```
+ * `LazyProductCodeEditor` работает как:
+ *
+ * @example
+ * ```tsx
+ *  const Editor = lazy(() => AsyncMonacoCodeEditor())
+ *
+ *  const LazyProductCodeEditor = (props: CodeEditorProps) => {
+ *   <Suspense fallback={<snack-uikit-spinner height={props.height} />}>
+ *     <Editor {...props}/>
+ *   </Suspense>
+ *  }
+ * ````
+ */
+export declare function LazyProductCodeEditor(props: LazyProductCodeEditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/LazyProductCodeEditor.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { lazy, Suspense } from 'react';
+import { Spinner } from '@snack-uikit/loaders';
+import { AsyncProductCodeEditor } from './AsyncProductCodeEditor';
+const CodeEditor = lazy(() => AsyncProductCodeEditor());
+function Loader(props) {
+    return (_jsx("div", { style: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            width: '100%',
+            height: props.height,
+        }, children: _jsx(Spinner, {}) }));
+}
+/**
+ * Готовый preset
+ *
+ * @example Пример использования
+ * ```tsx
+ * import { LazyProductCodeEditor } from ''
+ *
+ *  const MyComponent = () => {
+ *   return <LazyProductCodeEditor />
+ *  }
+ * ```
+ * `LazyProductCodeEditor` работает как:
+ *
+ * @example
+ * ```tsx
+ *  const Editor = lazy(() => AsyncMonacoCodeEditor())
+ *
+ *  const LazyProductCodeEditor = (props: CodeEditorProps) => {
+ *   <Suspense fallback={<snack-uikit-spinner height={props.height} />}>
+ *     <Editor {...props}/>
+ *   </Suspense>
+ *  }
+ * ````
+ */
+export function LazyProductCodeEditor(props) {
+    const { height } = props;
+    return (_jsx(Suspense, { fallback: _jsx(Loader, { height: height }), children: _jsx(CodeEditor, Object.assign({}, props)) }));
+}

package/dist/esm/components/index.d.ts

@@ -0,0 +1,4 @@
+export { AsyncProductCodeEditor } from './AsyncProductCodeEditor';
+export { LazyProductCodeEditor } from './LazyProductCodeEditor';
+export { preloadMonacoEditor } from './loader';
+export { type ProductCodeEditorProps, type EditorJsonSchema } from './types';

package/dist/esm/components/index.js

@@ -0,0 +1,3 @@
+export { AsyncProductCodeEditor } from './AsyncProductCodeEditor';
+export { LazyProductCodeEditor } from './LazyProductCodeEditor';
+export { preloadMonacoEditor } from './loader';

package/dist/esm/components/loader.d.ts

@@ -0,0 +1,12 @@
+declare global {
+    interface Window {
+        '__snack-monaco-editor-loader__'?: {
+            loadMonaco: () => Promise<unknown>;
+        };
+    }
+}
+export declare const loadMonacoEditor: () => Promise<unknown>;
+/**
+ * Подгрузить 'monaco-editor'
+ */
+export declare const preloadMonacoEditor: () => Promise<unknown>;

package/dist/esm/components/loader.js

@@ -0,0 +1,21 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+export const loadMonacoEditor = () => __awaiter(void 0, void 0, void 0, function* () {
+    var _a;
+    if ((_a = window['__snack-monaco-editor-loader__']) === null || _a === void 0 ? void 0 : _a.loadMonaco) {
+        const monaco = yield window['__snack-monaco-editor-loader__'].loadMonaco();
+        return monaco;
+    }
+    return null;
+});
+/**
+ * Подгрузить 'monaco-editor'
+ */
+export const preloadMonacoEditor = () => __awaiter(void 0, void 0, void 0, function* () { return loadMonacoEditor(); });

package/dist/esm/components/types.d.ts

@@ -0,0 +1,3 @@
+import type { CodeEditorProps, JsonSchema as Scheme } from '@snack-uikit/code-editor';
+export type ProductCodeEditorProps = CodeEditorProps;
+export type EditorJsonSchema = Scheme;

package/dist/esm/components/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/withMonaco.d.ts

@@ -0,0 +1,4 @@
+import { CodeEditor } from '@snack-uikit/code-editor';
+export declare const withMonaco: (monaco?: any) => {
+    CodeEditor: typeof CodeEditor;
+};

package/dist/esm/components/withMonaco.js

@@ -0,0 +1,10 @@
+import { CodeEditor, loader } from '@snack-uikit/code-editor';
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const withMonaco = (monaco) => {
+    if (monaco) {
+        loader.config({ monaco });
+    }
+    return {
+        CodeEditor,
+    };
+};

package/dist/esm/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/esm/index.js

@@ -0,0 +1 @@
+export * from './components';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-code-editor",
   "title": "Code Editor",
-  "version": "0.3.6",
+  "version": "0.3.8",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -39,5 +39,5 @@
     "@snack-uikit/code-editor": "0.7.2",
     "@snack-uikit/loaders": "0.9.4"
   },
-  "gitHead": "e8bd79bc92b26a8f52611972eec98a867536ccd3"
+  "gitHead": "ce69097516055b330a0b05da5e29ac5b66e56284"
 }