@layers-app/editor 0.0.11 → 0.0.13

package/dist/{layers.DwVbMntu.js → layers.BPCxAbVh.js}

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as g } from "react/jsx-runtime";
 import { useMemo as I, useState as D, useRef as S, useCallback as $, useEffect as V } from "react";
-import { u as j, f as E, w as P, g as x, c as k, x as b, N as R, k as w, K as v, m as y, r as B, B as A, y as T, l as W } from "./layers.BngHKUYL.js";
+import { u as j, f as E, w as P, g as x, c as k, v as b, N as R, k as w, K as v, m as B, r as y, B as A, x as T, l as W } from "./layers.BI3mGLaL.js";
 function O(...t) {
   return t.filter(Boolean).join(" ");
 }
@@ -108,7 +108,7 @@ function z({
       _(e.read(() => x()));
     }),
     a.registerCommand(
-      B,
+      y,
       (e) => {
         const l = e;
         return l.target === i.current ? (l.shiftKey || m(), h(!r), !0) : !1;
@@ -116,7 +116,7 @@ function z({
       v
     ),
     a.registerCommand(
-      y,
+      B,
       f,
       v
     ),

package/dist/{layers.qcUUnbCI.js → layers.BZlXoaxQ.js}

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as G } from "react/jsx-runtime";
 import { useRef as V, useState as I, useContext as q, useEffect as w } from "react";
 import { useTranslation as J } from "react-i18next";
-import { l as Q, u as X, C as Y, a as Z, b as K, c as C, $ as E, t as ee, I as te, E as ie, d as oe, R as ne, F as ae } from "./layers.BngHKUYL.js";
+import { l as Q, u as X, C as Y, a as Z, b as K, c as C, $ as E, t as ee, I as te, E as ie, d as oe, R as ne, F as ae } from "./layers.BI3mGLaL.js";
 import { LoadingOverlay as T, Flex as se, Alert as re } from "@mantine/core";
 import { IconInfoCircle as le } from "@tabler/icons-react";
 const j = (t) => {

package/dist/{layers.C4lrr1t_.js → layers.CoajEwpf.js}

@@ -1,14 +1,25 @@
-import { jsx as e, jsxs as f, Fragment as L } from "react/jsx-runtime";
-import { useRef as w, useState as E, useCallback as _, useEffect as j, Suspense as M } from "react";
-import { e as U, f as q, u as z, w as k, g as F, c as B, h as O, F as R, N as W, i as G, K as h, j as H, k as J, m as Q, D as V, r as X, n as Y, L as Z, o as K, p as ee, q as te, s as ne, v as ae, B as le } from "./layers.BngHKUYL.js";
-import { d as oe, P as ie } from "./layers.DKx4HQvO.js";
+import { jsxs as f, jsx as e, Fragment as L } from "react/jsx-runtime";
+import { useRef as w, useState as E, useCallback as _, useEffect as A, Suspense as M } from "react";
+import { e as U, f as q, u as z, w as k, g as F, c as B, h as O, F as D, N as W, i as G, K as h, j as H, k as J, m as Q, D as V, r as X, n as Y, L as Z, o as K, p as ee, q as te, s as ne, B as ae } from "./layers.BI3mGLaL.js";
+import { d as le, P as oe } from "./layers.D-cYnkWE.js";
 import { TextInput as re } from "@mantine/core";
+function ie({
+  children: n,
+  label: o,
+  className: t,
+  ...u
+}) {
+  return /* @__PURE__ */ f("div", { className: "Input__wrapper", children: [
+    /* @__PURE__ */ e("label", { style: { marginTop: "-1em" }, className: "Input__label", children: o }),
+    /* @__PURE__ */ e("select", { ...u, className: t || "select", children: n })
+  ] });
+}
 function se({
   label: n,
   value: o,
   onChange: t,
   placeholder: u = "",
-  "data-test-id": i,
+  "data-test-id": r,
   type: c = "text"
 }) {
   return /* @__PURE__ */ e(
@@ -17,28 +28,17 @@ function se({
       type: c,
       placeholder: u,
       value: o,
-      onChange: (r) => {
-        t(r.target.value);
+      onChange: (i) => {
+        t(i.target.value);
       },
       label: n,
-      "data-test-id": i,
+      "data-test-id": r,
       mb: 10
     }
   );
 }
-function ce({
-  children: n,
-  label: o,
-  className: t,
-  ...u
-}) {
-  return /* @__PURE__ */ f("div", { className: "Input__wrapper", children: [
-    /* @__PURE__ */ e("label", { style: { marginTop: "-1em" }, className: "Input__label", children: o }),
-    /* @__PURE__ */ e("select", { ...u, className: t || "select", children: n })
-  ] });
-}
 const y = /* @__PURE__ */ new Set();
-function ue(n) {
+function ce(n) {
   if (!y.has(n))
     throw new Promise((o) => {
       const t = new Image();
@@ -47,47 +47,47 @@ function ue(n) {
       };
     });
 }
-function de({
+function ue({
   altText: n,
   className: o,
   imageRef: t,
   src: u,
-  width: i,
+  width: r,
   height: c,
-  position: r
+  position: i
 }) {
-  return ue(u), /* @__PURE__ */ e(
+  return ce(u), /* @__PURE__ */ e(
     "img",
     {
       className: o || void 0,
       src: u,
       alt: n,
       ref: t,
-      "data-position": r,
+      "data-position": i,
       style: {
         display: "block",
         height: c,
-        width: i
+        width: r
       },
       draggable: "false"
     }
   );
 }
-function me({
+function de({
   activeEditor: n,
   nodeKey: o,
   onClose: t
 }) {
-  const i = n.getEditorState().read(
+  const r = n.getEditorState().read(
     () => B(o)
-  ), [c, r] = E(i.getAltText()), [v, x] = E(i.getShowCaption()), [I, C] = E(i.getPosition()), b = (m) => {
+  ), [c, i] = E(r.getAltText()), [I, x] = E(r.getShowCaption()), [v, C] = E(r.getPosition()), b = (m) => {
     x(m.target.checked);
   }, d = (m) => {
     C(m.target.value);
   }, p = () => {
-    const m = { altText: c, position: I, showCaption: v };
-    i && n.update(() => {
-      i.update(m);
+    const m = { altText: c, position: v, showCaption: I };
+    r && n.update(() => {
+      r.update(m);
     }), t();
   };
   return /* @__PURE__ */ f(L, { children: [
@@ -96,16 +96,16 @@ function me({
       {
         label: "Alt-текст",
         placeholder: "Альтернативный текст",
-        onChange: r,
+        onChange: i,
         value: c,
         "data-test-id": "image-modal-alt-text-input"
       }
     ) }),
     /* @__PURE__ */ f(
-      ce,
+      ie,
       {
         style: { marginBottom: "1em", width: "208px" },
-        value: I,
+        value: v,
         label: "Position",
         name: "position",
         id: "position-select",
@@ -123,33 +123,33 @@ function me({
         {
           id: "caption",
           type: "checkbox",
-          checked: v,
+          checked: I,
           onChange: b
         }
       ),
       /* @__PURE__ */ e("label", { htmlFor: "caption", children: "Show Caption" })
     ] }),
-    /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(
-      le,
+    /* @__PURE__ */ e(
+      ae,
       {
         "data-test-id": "image-modal-file-upload-btn",
         onClick: () => p(),
         children: "Применить"
       }
-    ) })
+    )
   ] });
 }
-function ve({
+function be({
   src: n,
   altText: o,
   nodeKey: t,
   width: u,
-  height: i,
+  height: r,
   showCaption: c,
-  caption: r,
-  position: v
+  caption: i,
+  position: I
 }) {
-  const [x, I] = U(), C = w(null), b = w(null), [d, p, m] = q(t), [l] = z(), [A, $] = E(null), P = w(null), N = _(
+  const [x, v] = U(), C = w(null), b = w(null), [d, p, m] = q(t), [l] = z(), [$, j] = E(null), P = w(null), N = _(
     (s) => {
       if (d && k(F())) {
         s.preventDefault();
@@ -164,26 +164,26 @@ function ve({
       const g = F(), a = b.current;
       if (d && k(g) && g.getNodes().length === 1) {
         if (c)
-          return R(null), s.preventDefault(), r.focus(), !0;
+          return D(null), s.preventDefault(), i.focus(), !0;
         if (a !== null && a !== document.activeElement)
           return s.preventDefault(), a.focus(), !0;
       }
       return !1;
     },
-    [r, d, c]
-  ), D = _(
-    (s) => P.current === r || b.current === s.target ? (R(null), l.update(() => {
+    [i, d, c]
+  ), R = _(
+    (s) => P.current === i || b.current === s.target ? (D(null), l.update(() => {
       p(!0);
       const g = l.getRootElement();
       g !== null && g.focus();
     }), !0) : !1,
-    [r, l, p]
+    [i, l, p]
   );
-  return j(() => {
+  return A(() => {
     let s = !0;
     const g = W(
       l.registerUpdateListener(({ editorState: a }) => {
-        s && $(a.read(() => F()));
+        s && j(a.read(() => F()));
       }),
       l.registerCommand(
         Y,
@@ -216,7 +216,7 @@ function ve({
       l.registerCommand(H, T, h),
       l.registerCommand(
         G,
-        D,
+        R,
         h
       )
     );
@@ -230,7 +230,7 @@ function ve({
     t,
     N,
     T,
-    D,
+    R,
     p
   ]), /* @__PURE__ */ f(M, { fallback: null, children: [
     /* @__PURE__ */ f(L, { children: [
@@ -241,8 +241,8 @@ function ve({
             className: "image-edit-button",
             ref: b,
             onClick: () => {
-              I("Update Inline Image", (s) => /* @__PURE__ */ e(
-                me,
+              v("Update Inline Image", (s) => /* @__PURE__ */ e(
+                de,
                 {
                   activeEditor: l,
                   nodeKey: t,
@@ -254,26 +254,26 @@ function ve({
           }
         ),
         /* @__PURE__ */ e(
-          de,
+          ue,
           {
-            className: d ? `focused ${k(A) ? "draggable" : ""}` : null,
+            className: d ? `focused ${k($) ? "draggable" : ""}` : null,
             src: n,
             altText: o,
             imageRef: C,
             width: u,
-            height: i,
-            position: v
+            height: r,
+            position: I
           }
         )
       ] }),
-      c && /* @__PURE__ */ e("div", { className: "image-caption-container", children: /* @__PURE__ */ f(oe, { initialEditor: r, children: [
+      c && /* @__PURE__ */ e("div", { className: "image-caption-container", children: /* @__PURE__ */ f(le, { initialEditor: i, children: [
         /* @__PURE__ */ e(Z, {}),
         /* @__PURE__ */ e(K, {}),
         /* @__PURE__ */ e(
           ee,
           {
             contentEditable: /* @__PURE__ */ e(ne, { className: "InlineImageNode__contentEditable" }),
-            placeholder: /* @__PURE__ */ e(ie, { className: "InlineImageNode__placeholder", children: "Enter a caption..." }),
+            placeholder: /* @__PURE__ */ e(oe, { className: "InlineImageNode__placeholder", children: "Enter a caption..." }),
             ErrorBoundary: te
           }
         )
@@ -283,6 +283,6 @@ function ve({
   ] });
 }
 export {
-  me as UpdateInlineImageDialog,
-  ve as default
+  de as UpdateInlineImageDialog,
+  be as default
 };

package/dist/{layers.DKx4HQvO.js → layers.D-cYnkWE.js}

@@ -1,4 +1,4 @@
-import { ae as p, af as k, l as E } from "./layers.BngHKUYL.js";
+import { ad as p, ae as k, l as E } from "./layers.BI3mGLaL.js";
 import { useRef as O, useContext as P, useMemo as D, useEffect as h } from "react";
 import { jsx as _ } from "react/jsx-runtime";
 function K(e) {

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@layers-app/editor",
   "private": false,
-  "version": "0.0.11",
+  "version": "0.0.13",
   "type": "module",
   "scripts": {
     "start": "vite",
     "build": "vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint": "eslint . --ext .ts,.tsx",
+    "lint:fix": "eslint . --ext .ts,.tsx --fix",
     "preview": "vite preview",
     "generate-dts": "tsc --project tsconfig.lib.json",
     "dev:local": "cross-env NODE_ENV=development concurrently \"npm:server:ws\"  \"vite --host\"",
@@ -28,10 +29,12 @@
     "@lexical/markdown": "0.21.0",
     "@lexical/react": "0.21.0",
     "@tanstack/react-query": "^5.64.1",
+    "@types/swagger-ui-react": "^5.18.0",
     "install": "^0.13.0",
     "lexical": "0.21.0",
     "npm": "^11.0.0",
     "react-selecto": "^1.26.3",
+    "swagger-ui-react": "^5.20.2",
     "y-websocket": "^1.5.3",
     "yjs": "^13.6.20"
   },
@@ -52,16 +55,23 @@
     "@types/prettier": "2.7.3",
     "@types/react": "^18.2.55",
     "@types/react-dom": "^18.2.19",
+    "@typescript-eslint/eslint-plugin": "^8.27.0",
+    "@typescript-eslint/parser": "^8.27.0",
     "@vitejs/plugin-basic-ssl": "^1.1.0",
     "@vitejs/plugin-react": "^4.2.1",
     "concurrently": "^8.2.2",
     "cross-env": "^7.0.3",
-    "eslint": "^9.9.0",
+    "eslint": "^9.22.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-prettier": "^5.2.3",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "eslint-plugin-unused-imports": "^4.1.4",
     "i18next": "^23.15.1",
     "lodash-es": "^4.17.21",
     "postcss-import": "^16.1.0",
     "postcss-preset-mantine": "^1.15.0",
-    "prettier": "3.4.2",
+    "prettier": "^3.4.2",
     "react-i18next": "^15.0.2",
     "rollup-plugin-typescript-paths": "^1.5.0",
     "rollup-plugin-visualizer": "^5.12.0",