@builder.io/sdk-react-native 4.1.3 → 4.2.1

package/lib/node/module/server-index.js

@@ -14,7 +14,7 @@ export * from "./index-helpers/top-of-file";
 export { isEditing } from "./functions/is-editing";
 export { isPreviewing } from "./functions/is-previewing";
 export { createRegisterComponentMessage } from "./functions/register-component";
-export { register } from "./functions/register";
+export { register, registerAction } from "./functions/register";
 export { setEditorSettings } from "./functions/set-editor-settings";
 export { getBuilderSearchParams } from "./functions/get-builder-search-params/index";
 export { track } from "./functions/track/index";

package/lib/node/module/server-index.js.map

@@ -1 +1 @@
-{"version":3,"names":["isEditing","isPreviewing","createRegisterComponentMessage","register","setEditorSettings","getBuilderSearchParams","track","subscribeToEditor","fetchBuilderProps","_processContentResult","fetchEntries","fetchOneEntry"],"sourceRoot":"../../../src","sources":["server-index.ts"],"mappings":"AAAA;;AAEA;AACA;AACA;;AAYA;AACA;AACA;;AAMA;AACA;AACA;AACA,SAASA,SAAS;AAClB,SAASC,YAAY;AACrB,SAASC,8BAA8B;AACvC,SAASC,QAAQ;AAEjB,SAASC,iBAAiB;AAE1B,SAASC,sBAAsB;AAC/B,SAASC,KAAK;AACd,SAASC,iBAAiB;;AAE1B;AACA;AACA;AACA,SAASC,iBAAiB;AAC1B,SAASC,qBAAqB,EAAEC,YAAY,EAAEC,aAAa"}
+{"version":3,"names":["isEditing","isPreviewing","createRegisterComponentMessage","register","registerAction","setEditorSettings","getBuilderSearchParams","track","subscribeToEditor","fetchBuilderProps","_processContentResult","fetchEntries","fetchOneEntry"],"sourceRoot":"../../../src","sources":["server-index.ts"],"mappings":"AAAA;;AAEA;AACA;AACA;;AAYA;AACA;AACA;;AAMA;AACA;AACA;AACA,SAASA,SAAS;AAClB,SAASC,YAAY;AACrB,SAASC,8BAA8B;AACvC,SAASC,QAAQ,EAAEC,cAAc;AAEjC,SAASC,iBAAiB;AAE1B,SAASC,sBAAsB;AAC/B,SAASC,KAAK;AACd,SAASC,iBAAiB;;AAE1B;AACA;AACA;AACA,SAASC,iBAAiB;AAC1B,SAASC,qBAAqB,EAAEC,YAAY,EAAEC,aAAa"}

package/lib/node/typescript/components/content/components/enable-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"enable-editor.d.ts","sourceRoot":"","sources":["../../../../../../src/components/content/components/enable-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,KAAK,kBAAkB,GAAG,IAAI,CAC5B,YAAY,EACV,kBAAkB,GAClB,YAAY,GACZ,aAAa,GACb,eAAe,GACf,oBAAoB,GACpB,eAAe,CAClB,GAAG;IACF,oBAAoB,EAAE,uBAAuB,CAAC;IAC9C,uBAAuB,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC;IAC/C,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB,CAAC;AAEF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAqBtE,OAAO,KAAK,EAEV,YAAY,EACb,MAAM,kBAAkB,CAAC;AAI1B,iBAAS,YAAY,CAAC,KAAK,EAAE,kBAAkB,qBA+a9C;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"enable-editor.d.ts","sourceRoot":"","sources":["../../../../../../src/components/content/components/enable-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,KAAK,kBAAkB,GAAG,IAAI,CAC5B,YAAY,EACV,kBAAkB,GAClB,YAAY,GACZ,aAAa,GACb,eAAe,GACf,oBAAoB,GACpB,eAAe,CAClB,GAAG;IACF,oBAAoB,EAAE,uBAAuB,CAAC;IAC9C,uBAAuB,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC;IAC/C,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB,CAAC;AAuBF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAqBtE,OAAO,KAAK,EAEV,YAAY,EACb,MAAM,kBAAkB,CAAC;AAI1B,iBAAS,YAAY,CAAC,KAAK,EAAE,kBAAkB,qBA4c9C;AAED,eAAe,YAAY,CAAC"}

package/lib/node/typescript/constants/sdk-version.d.ts

@@ -1,2 +1,2 @@
-export declare const SDK_VERSION = "4.1.3";
+export declare const SDK_VERSION = "4.2.1";
 //# sourceMappingURL=sdk-version.d.ts.map

package/lib/node/typescript/functions/register.d.ts

@@ -1,5 +1,22 @@
 import type { BuilderBlock } from '../types/builder-block';
 import type { DeepPartial } from '../types/deep-partial';
+import type { Input } from '../types/input';
+export interface Action {
+    name: string;
+    inputs?: readonly Input[];
+    returnType?: Input;
+    action: (options: Record<string, any>) => string;
+    /**
+     * Is an action for expression (e.g. calculating a binding like a formula
+     * to fill a value based on locale) or a function (e.g. something to trigger
+     * on an event like add to cart) or either (e.g. a custom code block)
+     */
+    kind: 'expression' | 'function' | 'any';
+    /**
+     * Globally unique ID for an action, e.g. "@builder.io:setState"
+     */
+    id: string;
+}
 export interface InsertMenuItem {
     name: string;
     icon?: string;
@@ -14,4 +31,5 @@ export interface InsertMenuConfig {
 }
 export declare function register(type: 'insertMenu', info: InsertMenuConfig): void;
 export declare function register(type: string, info: any): void;
+export declare function registerAction(action: Action): void;
 //# sourceMappingURL=register.d.ts.map

package/lib/node/typescript/functions/register.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../../../src/functions/register.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGzD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;CACjC;AACD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB;AAID,wBAAgB,QAAQ,CAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,gBAAgB,GAAG,IAAI,CAAC;AAC3E,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,IAAI,CAAC"}
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../../../src/functions/register.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAG5C,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,SAAS,KAAK,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,MAAM,CAAC;IACjD;;;;OAIG;IACH,IAAI,EAAE,YAAY,GAAG,UAAU,GAAG,KAAK,CAAC;IACxC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;CACZ;AACD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;CACjC;AACD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB;AAID,wBAAgB,QAAQ,CAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,gBAAgB,GAAG,IAAI,CAAC;AAC3E,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,IAAI,CAAC;AA4BxD,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,QAW5C"}

package/lib/node/typescript/server-index.d.ts

@@ -25,7 +25,7 @@ export type { ComponentInfo } from './types/components';
 export { isEditing } from './functions/is-editing';
 export { isPreviewing } from './functions/is-previewing';
 export { createRegisterComponentMessage } from './functions/register-component';
-export { register } from './functions/register';
+export { register, registerAction } from './functions/register';
 export type { InsertMenuConfig, InsertMenuItem } from './functions/register';
 export { setEditorSettings } from './functions/set-editor-settings';
 export type { Settings } from './functions/set-editor-settings';

package/lib/node/typescript/server-index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server-index.d.ts","sourceRoot":"","sources":["../../../src/server-index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAE5C;;GAEG;AACH,YAAY,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAChE,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAClE,YAAY,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACtE,YAAY,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAC7D,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACnE,YAAY,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAChE,YAAY,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1D,YAAY,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAC7D,YAAY,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AACpE,YAAY,EAAE,mBAAmB,IAAI,YAAY,EAAE,MAAM,sDAAsD,CAAC;AAEhH;;GAEG;AACH,YAAY,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAC1G,YAAY,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,8BAA8B,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,YAAY,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AACrF,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAElE;;GAEG;AACH,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACnG,YAAY,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA"}
+{"version":3,"file":"server-index.d.ts","sourceRoot":"","sources":["../../../src/server-index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAE5C;;GAEG;AACH,YAAY,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAChE,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAClE,YAAY,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACtE,YAAY,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAC7D,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACnE,YAAY,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAChE,YAAY,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1D,YAAY,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAC7D,YAAY,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AACpE,YAAY,EAAE,mBAAmB,IAAI,YAAY,EAAE,MAAM,sDAAsD,CAAC;AAEhH;;GAEG;AACH,YAAY,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAC1G,YAAY,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,8BAA8B,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAChE,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,YAAY,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AACrF,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAElE;;GAEG;AACH,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACnG,YAAY,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react-native",
   "description": "Builder.io SDK for React Native",
-  "version": "4.1.3",
+  "version": "4.2.1",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/react-native",
   "repository": {
     "type": "git",

package/src/blocks/form/form/form.tsx

@@ -110,13 +110,19 @@ function FormComponent(props: FormProps) {
         value: File | boolean | number | string | FileList;
       }[] = Array.from(el.querySelectorAll("input,select,textarea"))
         .filter((el) => !!(el as HTMLInputElement).name)
+        .filter(
+          (el) =>
+            !!(el as HTMLInputElement).name &&
+            ((el as HTMLInputElement).type !== "radio" ||
+              (el as HTMLInputElement).checked)
+        )
         .map((el) => {
           let value: any;
           const key = (el as HTMLImageElement).name;
           if (el instanceof HTMLInputElement) {
             if (el.type === "radio") {
               if (el.checked) {
-                value = el.name;
+                value = el.value;
                 return {
                   key,
                   value,

package/src/components/content/components/enable-editor.tsx

@@ -27,6 +27,27 @@ type BuilderEditorProps = Omit<
   setBuilderContextSignal?: (signal: any) => any;
   children?: any;
 };
+interface BuilderRequest {
+  "@type": "@builder.io/core:Request";
+  request: {
+    url: string;
+    query?: {
+      [key: string]: string;
+    };
+    headers?: {
+      [key: string]: string;
+    };
+    method: "GET" | "POST" | "PUT" | "PATCH" | "DELETE";
+    body?: any;
+  };
+  options?: {
+    [key: string]: any;
+  };
+  bindings?: {
+    [key: string]: string;
+  };
+}
+
 import builderContext from "../../../context/builder.context";
 import type { BuilderContextInterface } from "../../../context/types";
 import { evaluate } from "../../../functions/evaluate/index";
@@ -172,44 +193,73 @@ function EnableEditor(props: BuilderEditorProps) {
 
   function runHttpRequests() {
     const requests: {
-      [key: string]: string;
+      [key: string]: string | any;
     } = props.builderContextSignal.content?.data?.httpRequests ?? {};
-    Object.entries(requests).forEach(([key, url]) => {
-      if (!url) return;
+    Object.entries(requests).forEach(
+      ([key, httpRequest]: [string, BuilderRequest | string]) => {
+        if (!httpRequest) return;
+        const isCoreRequest =
+          typeof httpRequest === "object" &&
+          httpRequest["@type"] === "@builder.io/core:Request";
 
-      // request already in progress
-      if (httpReqsPending[key]) return;
+        // request already in progress
+        if (httpReqsPending[key]) return;
 
-      // request already completed, and not in edit mode
-      if (httpReqsData[key] && !isEditing()) return;
-      httpReqsPending[key] = true;
-      const evaluatedUrl = url.replace(/{{([^}]+)}}/g, (_match, group) =>
-        String(
-          evaluate({
-            code: group,
-            context: props.context || {},
-            localState: undefined,
-            rootState: props.builderContextSignal.rootState,
-            rootSetState: props.builderContextSignal.rootSetState,
+        // request already completed, and not in edit mode
+        if (httpReqsData[key] && !isEditing()) return;
+        const url = isCoreRequest
+          ? httpRequest.request.url
+          : (httpRequest as string);
+        httpReqsPending[key] = true;
+        const evaluatedUrl = url.replace(
+          /{{([^}]+)}}/g,
+          (_match: string, group: string) =>
+            String(
+              evaluate({
+                code: group,
+                context: props.context || {},
+                localState: undefined,
+                rootState: props.builderContextSignal.rootState,
+                rootSetState: props.builderContextSignal.rootSetState,
+              })
+            )
+        );
+        const fetchRequestObj = isCoreRequest
+          ? {
+              url: evaluatedUrl,
+              method: httpRequest.request.method,
+              headers: httpRequest.request.headers,
+              body: httpRequest.request.body,
+            }
+          : {
+              url: evaluatedUrl,
+              method: "GET",
+            };
+        logFetch(JSON.stringify(fetchRequestObj));
+        fetch(fetchRequestObj.url, {
+          method: fetchRequestObj.method,
+          headers: fetchRequestObj.headers,
+          body: fetchRequestObj.body,
+        })
+          .then((response) => response.json())
+          .then((json) => {
+            mergeNewRootState({
+              [key]: json,
+            });
+            httpReqsData[key] = true;
           })
-        )
-      );
-      logFetch(evaluatedUrl);
-      fetch(evaluatedUrl)
-        .then((response) => response.json())
-        .then((json) => {
-          mergeNewRootState({
-            [key]: json,
+          .catch((err) => {
+            console.error(
+              "error fetching dynamic data",
+              JSON.stringify(httpRequest),
+              err
+            );
+          })
+          .finally(() => {
+            httpReqsPending[key] = false;
           });
-          httpReqsData[key] = true;
-        })
-        .catch((err) => {
-          console.error("error fetching dynamic data", url, err);
-        })
-        .finally(() => {
-          httpReqsPending[key] = false;
-        });
-    });
+      }
+    );
   }
 
   function emitStateUpdate() {

package/src/constants/sdk-version.ts

@@ -1 +1 @@
-export const SDK_VERSION = "4.1.3"
+export const SDK_VERSION = "4.2.1"

package/src/functions/register.ts

@@ -1,7 +1,24 @@
 import type { BuilderBlock } from '../types/builder-block';
 import type { DeepPartial } from '../types/deep-partial';
+import type { Input } from '../types/input';
 import { isBrowser } from './is-browser';
 import { serializeIncludingFunctions } from './register-component';
+export interface Action {
+  name: string;
+  inputs?: readonly Input[];
+  returnType?: Input;
+  action: (options: Record<string, any>) => string;
+  /**
+   * Is an action for expression (e.g. calculating a binding like a formula
+   * to fill a value based on locale) or a function (e.g. something to trigger
+   * on an event like add to cart) or either (e.g. a custom code block)
+   */
+  kind: 'expression' | 'function' | 'any';
+  /**
+   * Globally unique ID for an action, e.g. "@builder.io:setState"
+   */
+  id: string;
+}
 export interface InsertMenuItem {
   name: string;
   icon?: string;
@@ -45,4 +62,16 @@ export function register(type: string, info: any) {
       console.debug('Could not postmessage', err);
     }
   }
+}
+export function registerAction(action: Action) {
+  if (isBrowser()) {
+    const actionClone = JSON.parse(JSON.stringify(action));
+    if (action.action) {
+      actionClone.action = action.action.toString();
+    }
+    window.parent?.postMessage({
+      type: 'builder.registerAction',
+      data: actionClone
+    }, '*');
+  }
 }

package/src/server-index.ts

@@ -28,7 +28,7 @@ export type { ComponentInfo } from './types/components';
 export { isEditing } from './functions/is-editing';
 export { isPreviewing } from './functions/is-previewing';
 export { createRegisterComponentMessage } from './functions/register-component';
-export { register } from './functions/register';
+export { register, registerAction } from './functions/register';
 export type { InsertMenuConfig, InsertMenuItem } from './functions/register';
 export { setEditorSettings } from './functions/set-editor-settings';
 export type { Settings } from './functions/set-editor-settings';