@snack-uikit/code-editor 0.5.2-preview-764c2b6c.0 → 0.5.2-preview-76dd9d31.0

package/README.md

@@ -36,6 +36,11 @@
 | onMount | `OnMount` | - | Signature: function(editor: monaco.editor.IStandaloneCodeEditor, monaco: Monaco) => void An event is emitted when the editor is mounted It gets the editor instance as a first argument and the monaco instance as a second Defaults to "noop" |
 | onChange | `OnChange` | - | Signature: function(value: string \| undefined, ev: monaco.editor.IModelContentChangedEvent) => void An event is emitted when the content of the current model is changed |
 | onValidate | `OnValidate` | - | Signature: function(markers: monaco.editor.IMarker[]) => void An event is emitted when the content of the current model is changed and the current model markers are ready Defaults to "noop" |
+## asyncCodeEditor
+### Props
+| name | type | default value | description |
+|------|------|---------------|-------------|
+| configLoader* | `() => Promise<{ paths?: { vs?: string; }; 'vs/nls'?: { availableLanguages?: object; }; monaco?: typeof import("/Users/alssmirnov/p/snack-uikit/node_modules/monaco-editor/esm/vs/editor/editor.api"); }>` | - |  |
 
 
 [//]: DOCUMENTATION_SECTION_END

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

@@ -0,0 +1,9 @@
+import { loader } from '@monaco-editor/react';
+import { CodeEditor } from './CodeEditor';
+type LoaderConfig = Parameters<(typeof loader)['config']>[0];
+export declare const asyncCodeEditor: (opts: {
+    configLoader: () => Promise<LoaderConfig>;
+}) => Promise<{
+    default: typeof CodeEditor;
+}>;
+export {};

package/dist/cjs/components/asyncLoader.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var __awaiter = void 0 && (void 0).__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.asyncCodeEditor = void 0;
+const react_1 = require("@monaco-editor/react");
+const CodeEditor_1 = require("./CodeEditor");
+const asyncCodeEditor = opts => __awaiter(void 0, void 0, void 0, function* () {
+  const {
+    configLoader
+  } = opts;
+  const config = yield configLoader();
+  react_1.loader.config(config);
+  return {
+    default: CodeEditor_1.CodeEditor
+  };
+});
+exports.asyncCodeEditor = asyncCodeEditor;

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

@@ -1,2 +1,3 @@
 export * from './CodeEditor';
 export * from './types';
+export * from './asyncLoader';

package/dist/cjs/components/index.js

@@ -23,4 +23,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 __exportStar(require("./CodeEditor"), exports);
-__exportStar(require("./types"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./asyncLoader"), exports);

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

@@ -0,0 +1,9 @@
+import { loader } from '@monaco-editor/react';
+import { CodeEditor } from './CodeEditor';
+type LoaderConfig = Parameters<(typeof loader)['config']>[0];
+export declare const asyncCodeEditor: (opts: {
+    configLoader: () => Promise<LoaderConfig>;
+}) => Promise<{
+    default: typeof CodeEditor;
+}>;
+export {};

package/dist/esm/components/asyncLoader.js

@@ -0,0 +1,17 @@
+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 { loader } from '@monaco-editor/react';
+import { CodeEditor } from './CodeEditor';
+export const asyncCodeEditor = (opts) => __awaiter(void 0, void 0, void 0, function* () {
+    const { configLoader } = opts;
+    const config = yield configLoader();
+    loader.config(config);
+    return { default: CodeEditor };
+});

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

@@ -1,2 +1,3 @@
 export * from './CodeEditor';
 export * from './types';
+export * from './asyncLoader';

package/dist/esm/components/index.js

@@ -1,2 +1,3 @@
 export * from './CodeEditor';
 export * from './types';
+export * from './asyncLoader';

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.5.2-preview-764c2b6c.0",
+  "version": "0.5.2-preview-76dd9d31.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -46,5 +46,5 @@
   "devDependencies": {
     "@types/chroma-js": "2.4.4"
   },
-  "gitHead": "94362d8761d20e89d81c91a7272051da3109ae93"
+  "gitHead": "77dd00305b277c6ffee68e32451d536d8da2dca2"
 }

package/src/components/asyncLoader.tsx

@@ -0,0 +1,14 @@
+import { loader } from '@monaco-editor/react';
+
+import { CodeEditor } from './CodeEditor';
+
+type LoaderConfig = Parameters<(typeof loader)['config']>[0];
+
+export const asyncCodeEditor = async (opts: { configLoader: () => Promise<LoaderConfig> }) => {
+  const { configLoader } = opts;
+  const config = await configLoader();
+
+  loader.config(config);
+
+  return { default: CodeEditor };
+};

package/src/components/index.ts

@@ -1,2 +1,3 @@
 export * from './CodeEditor';
 export * from './types';
+export * from './asyncLoader';