@gravity-ui/page-constructor 4.40.5 → 4.41.0

package/build/esm/editor/types/index.d.ts

@@ -32,4 +32,9 @@ export declare enum ViewModeItem {
     Tablet = "tablet",
     Mobile = "mobile"
 }
+export declare enum FormTab {
+    Blocks = "blocks",
+    Page = "page",
+    Code = "code"
+}
 export {};

package/build/esm/editor/types/index.js

@@ -5,3 +5,9 @@ export var ViewModeItem;
     ViewModeItem["Tablet"] = "tablet";
     ViewModeItem["Mobile"] = "mobile";
 })(ViewModeItem || (ViewModeItem = {}));
+export var FormTab;
+(function (FormTab) {
+    FormTab["Blocks"] = "blocks";
+    FormTab["Page"] = "page";
+    FormTab["Code"] = "code";
+})(FormTab || (FormTab = {}));

package/build/esm/editor/utils/code.d.ts

@@ -0,0 +1,6 @@
+export declare function parseCode(code: string): {
+    blocks: import("../../models").ConstructorBlock[];
+    menu?: import("../../models").Menu | undefined;
+    background?: import("../../models").ThemedMediaProps | undefined;
+    animated?: boolean | undefined;
+};

package/build/esm/editor/utils/code.js

@@ -0,0 +1,6 @@
+import yaml from 'js-yaml';
+export function parseCode(code) {
+    var _a;
+    const pageContent = yaml.load(code);
+    return Object.assign(Object.assign({}, pageContent), { blocks: (_a = pageContent.blocks) === null || _a === void 0 ? void 0 : _a.filter(Boolean) });
+}

package/build/esm/editor/utils/validation.d.ts

@@ -0,0 +1,13 @@
+import { ValidateFunction } from 'ajv';
+import { JSONSchema4 } from 'json-schema';
+export interface CodeEditorMessageProps {
+    text: string;
+    status: CodeEditorMessageStatus;
+}
+export declare enum CodeEditorMessageStatus {
+    SUCCESS = "success",
+    WARNING = "warning",
+    ERROR = "error"
+}
+export declare function createValidator(schema: JSONSchema4): ValidateFunction<unknown>;
+export declare function validate(content: string, validator: ValidateFunction): CodeEditorMessageProps;

package/build/esm/editor/utils/validation.js

@@ -0,0 +1,51 @@
+import Ajv from 'ajv';
+import ajvKeywords from 'ajv-keywords';
+import yaml from 'js-yaml';
+import SourceMap from 'js-yaml-source-map';
+import isArray from 'lodash/isArray';
+const SUCCESS_MESSAGE = 'Valid';
+export var CodeEditorMessageStatus;
+(function (CodeEditorMessageStatus) {
+    CodeEditorMessageStatus["SUCCESS"] = "success";
+    CodeEditorMessageStatus["WARNING"] = "warning";
+    CodeEditorMessageStatus["ERROR"] = "error";
+})(CodeEditorMessageStatus || (CodeEditorMessageStatus = {}));
+export function createValidator(schema) {
+    const ajv = new Ajv({ $data: true, allErrors: true, schemas: [schema], strict: false });
+    // TODO: select is deprecated, replace with discriminator:
+    // https://github.com/ajv-validator/ajv-keywords#selectselectcasesselectdefault
+    ajvKeywords(ajv, 'select');
+    return ajv.compile(schema);
+}
+export function validate(content, validator) {
+    let result;
+    if (!content) {
+        return { status: CodeEditorMessageStatus.SUCCESS, text: SUCCESS_MESSAGE };
+    }
+    try {
+        const jsYamlMap = new SourceMap();
+        const data = yaml.load(content, { listener: jsYamlMap.listen() });
+        validator(data);
+        if (validator.errors) {
+            const messages = validator.errors.map(({ instancePath, schemaPath, message, params }) => {
+                const pointer = jsYamlMap.lookup(instancePath.split('/').filter(Boolean));
+                const stringParams = Object.entries(params).map(([key, value]) => {
+                    if (isArray(value)) {
+                        return `${key}: ${value.join(' | ')}`;
+                    }
+                    return `${key}: ${value}`;
+                });
+                const ref = pointer ? `${pointer.line}: ` : '';
+                return `${ref}${instancePath || schemaPath}: ${message}\n${stringParams.join('\n')}`;
+            });
+            result = { status: CodeEditorMessageStatus.WARNING, text: messages.join('\n\n') };
+        }
+        else {
+            result = { status: CodeEditorMessageStatus.SUCCESS, text: SUCCESS_MESSAGE };
+        }
+    }
+    catch ({ message }) {
+        result = { status: CodeEditorMessageStatus.ERROR, text: message };
+    }
+    return result;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "4.40.5",
+  "version": "4.41.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -86,8 +86,10 @@
     "@gravity-ui/i18n": "^1.0.0",
     "@react-spring/web": "^9.7.3",
     "ajv": "^8.12.0",
+    "ajv-keywords": "^5.1.0",
     "final-form": "^4.20.9",
     "github-buttons": "2.23.0",
+    "js-yaml-source-map": "^0.2.2",
     "lodash": "^4.17.21",
     "monaco-editor": "^0.38.0",
     "react-final-form": "^6.5.9",
@@ -164,6 +166,7 @@
     "js-yaml": "^4.1.0",
     "lint-staged": "^11.2.6",
     "markdown-loader": "^6.0.0",
+    "monaco-editor-webpack-plugin": "^7.1.0",
     "move-file-cli": "^3.0.0",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.4.16",

package/styles/styles.css

@@ -1,4 +1,5 @@
 @charset "UTF-8";
+@import '@gravity-ui/uikit/styles/fonts.css';
 @import '~@gravity-ui/uikit/styles/styles.css';
 @import '~@doc-tools/transform/dist/css/yfm.css';
 /* use this for style redefinitions to awoid problems with

package/styles/styles.scss

@@ -1,3 +1,4 @@
+@import '@gravity-ui/uikit/styles/fonts.css';
 @import '~@gravity-ui/uikit/styles/styles.css';
 @import './mixins.scss';
 @import './variables.scss';