npm - @andrey4emk/npm-app-front-b24 - Versions diffs - 0.1.3 - Mend

@andrey4emk/npm-app-front-b24 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/LICENSE +21 -0
package/README.md +27 -0
package/dist/npm-app-front-b24.es.js +333 -0
package/dist/npm-app-front-b24.umd.js +1 -0
package/dist/style.css +1 -0
package/package.json +40 -0

package/LICENSE ADDED Viewed

@@ -0,0 +1,21 @@
+MIT License
+Copyright (c) 2025 andrey4emk
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md ADDED Viewed

@@ -0,0 +1,27 @@
+Установка:
+```bash
+npm install @andrey4emk/npm-app-front-b24
+```
+Внимание по стилям: пакет содержит отдельный CSS-файл `dist/style.css`. Есть три варианта подключить стили в проекте-потребителе:
+1. Явно импортировать CSS вместе с компонентом:
+```js
+import "@andrey4emk/npm-app-front-b24/dist/style.css";
+import { Subscriptions } from "@andrey4emk/npm-app-front-b24";
+```
+2. Использовать удобный короткий импорт (поддерживается):
+```js
+import "@andrey4emk/npm-app-front-b24/style.css";
+import { Subscriptions } from "@andrey4emk/npm-app-front-b24";
+```
+Рекомендация: импортируйте CSS явно. Поскольку библиотека выделяет стили в отдельный файл `dist/style.css`, автоматическое применение стилей при простом импорте JS не гарантируется во всех окружениях. Самые надёжные варианты:
+-   `import '@andrey4emk/npm-app-front-b24/style.css'` — короткий импорт (рекомендую);
+-   `import '@andrey4emk/npm-app-front-b24/dist/style.css'` — явный путь к файлу;
+-   подключение через `<link>` в `index.html`.

package/dist/npm-app-front-b24.es.js ADDED Viewed

@@ -0,0 +1,333 @@
+import { createElementBlock as i, openBlock as o, createElementVNode as t, createCommentVNode as b, withDirectives as k, vModelCheckbox as m, createTextVNode as S, toDisplayString as u, Fragment as E, renderList as f, normalizeClass as T } from "vue";
+const A = (l, e) => {
+  const d = l.__vccOpts || l;
+  for (const [a, n] of e)
+    d[a] = n;
+  return d;
+}, y = {
+  name: "Subscriptions",
+  // props: {
+  //     b24: { type: Object, default: null },
+  //     initialAuthConnector: { type: String, default: "" },
+  //     autoStart: { type: Boolean, default: true },
+  // },
+  data() {
+    return {
+      events: [],
+      subscribedEvents: [],
+      entities: {
+        list: [],
+        total: 0
+      },
+      autoRefresh: !0,
+      auth_connector: ""
+    };
+  },
+  computed: {},
+  methods: {
+    pause(l) {
+      return new Promise((e) => setTimeout(e, l));
+    },
+    async eventsList() {
+      console.log("Запускаем eventsList");
+      try {
+        let l = await $b24.callMethod("events", {
+          // auth: access_token,
+          // scope: "crm",
+        });
+        this.events = l.getData().result;
+      } catch (l) {
+        console.error("Ошибка при получении списка событий:", l);
+      }
+    },
+    async subscribeToEvents(l) {
+      try {
+        await $b24.callMethod("event.bind", {
+          event: l,
+          event_type: "offline",
+          // auth_type: "138",
+          auth_connector: this.auth_connector
+        }), console.log(`Подписались на событие ${l}.`);
+      } catch (e) {
+        console.error("Ошибка при подписке на события:", e);
+      }
+      await this.pause(1e3), await this.getSubscribedEvents();
+    },
+    async getSubscribedEvents() {
+      try {
+        let l = await $b24.callMethod("event.get", {});
+        this.subscribedEvents = l.getData().result, console.log("Подписанные события:", this.subscribedEvents);
+      } catch (l) {
+        console.error("Ошибка при получении подписанных событий:", l);
+      }
+    },
+    async unbindSubscribedEvents(l) {
+      try {
+        await $b24.callMethod("event.unbind", {
+          event: l.event,
+          event_type: l.offline == 1 ? "offline" : "online",
+          auth_connector: l.connector_id
+        }), await this.pause(1e3), await this.getSubscribedEvents();
+      } catch (e) {
+        console.error("Ошибка при отписке от событий:", e);
+      }
+    },
+    async loadOfflineEntitiesList() {
+      let e = await $b24.callListMethod(
+        "event.offline.list",
+        {
+          start: 0,
+          auth_connector: this.auth_connector
+          // clear: 0,
+        }
+        // (progress) => {
+        //     console.log(`Загрузка: ${progress.toFixed(0)}%`, "debug");
+        // },
+        // "units"
+      );
+      this.entities.list = e.getData(), this.entities.total = e.getData().length;
+    },
+    async deleteOfflineEntities(l) {
+      let e = await $b24.callMethod("event.offline.clear", {
+        process_id: l.PROCESS_ID,
+        id: [l.ID],
+        auth_connector: this.auth_connector
+      });
+      console.log("Удалили сущности из оффлан событий:", e.getData()), await this.pause(1e3), await this.loadOfflineEntitiesList();
+    },
+    async deleteOfflineEntitiesAll() {
+      if (!confirm("Вы уверены, что хотите удалить все НЕ обработанные сущности? Это действие необратимо!"))
+        return;
+      let l = this.entities.total / 50 + 1;
+      console.log("Всего страниц для удаления:", l);
+      for (let d = 1; d <= l; d++) {
+        let n = (await $b24.callMethod("event.offline.list", {
+          start: 0
+        })).getData().result.map((c) => c.PROCESS_ID).filter((c) => c);
+        console.log("PROCESS_ID для удаления:", n);
+        let r = {};
+        n.forEach((c, h) => {
+          r[`clear_${h}`] = {
+            method: "event.offline.clear",
+            params: {
+              process_id: c
+            }
+          };
+        }), console.log("batchCommands:", r);
+        let s = await $b24.callBatch(r);
+        console.log("Результат batch удаления сущностей:", s.getData());
+      }
+      let e = await $b24.callMethod("event.offline.clear", {
+        process_id: ""
+      });
+      console.log("Результат финального удаления сущностей с пустым PROCESS_ID:", e.getData()), await this.pause(500), await this.loadOfflineEntitiesList();
+    },
+    isSubscribed(l) {
+      return this.subscribedEvents.some((e) => e.event == l);
+    },
+    autoRefreshEntities() {
+      this.autoRefresh && setTimeout(async () => {
+        await this.loadOfflineEntitiesList(), this.autoRefreshEntities();
+      }, 3e3);
+    },
+    async entityUpdate(l, e) {
+      let d = !1;
+      try {
+        console.log("Запущена функция entityUpdate для изменения сущности с ID:", l);
+        let a = await $b24.callMethod("crm.deal.get", {
+          id: l
+        });
+        if (console.log("Данные сделки до изменения:", a.getData()), a = a.getData().result, a.ID == l) {
+          let n = await $b24.callMethod("crm.deal.update", {
+            id: l,
+            fields: {
+              TITLE: a.TITLE
+            }
+          });
+          console.log("Результат обновления сделки:", n.getData()), n = n.getData().result, n === !0 ? console.log("Сущность успешно обновлена.") : (console.error("Ошибка при обновлении сущности."), d = !0);
+        } else
+          d = !0;
+      } catch (a) {
+        console.error("Ошибка при обновлении сущности:", a), a = !0;
+      }
+      d || await this.deleteOfflineEntities(e);
+    }
+  },
+  watch: {},
+  mounted() {
+    this.getSubscribedEvents(), this.eventsList(), this.loadOfflineEntitiesList(), this.autoRefreshEntities();
+  }
+}, C = { class: "Subscriptions" }, w = { key: 0 }, I = ["disabled"], O = {
+  class: "switch tooltipParent",
+  style: { top: "12px" }
+}, L = { key: 0 }, N = {
+  key: 0,
+  class: "main"
+}, R = ["onClick"], M = ["onClick"], V = ["href"], P = {
+  class: "tooltipParent",
+  style: {}
+}, F = { class: "tooltip" }, U = { key: 1 }, x = { key: 1 }, B = {
+  key: 0,
+  class: "main"
+}, $ = ["onClick"], z = { key: 1 }, j = {
+  key: 0,
+  class: "main"
+}, q = ["onClick", "disabled"], G = { key: 1 }, H = { key: 2 };
+function J(l, e, d, a, n, r) {
+  return o(), i("div", C, [
+    e[14] || (e[14] = t("h1", null, "Страница подписок", -1)),
+    t("button", {
+      onClick: e[0] || (e[0] = (s) => l.selectTab("tab1"))
+    }, "Сущности"),
+    t("button", {
+      onClick: e[1] || (e[1] = (s) => l.selectTab("tab2"))
+    }, "События"),
+    e[15] || (e[15] = t("br", null, null, -1)),
+    e[16] || (e[16] = t("br", null, null, -1)),
+    e[17] || (e[17] = t("br", null, null, -1)),
+    l.tabs.tab1 ? (o(), i("div", w, [
+      t("div", null, [
+        t("button", {
+          onClick: e[2] || (e[2] = (...s) => r.loadOfflineEntitiesList && r.loadOfflineEntitiesList(...s)),
+          disabled: l.loading
+        }, "Обновить", 8, I),
+        t("label", O, [
+          k(t("input", {
+            type: "checkbox",
+            "onUpdate:modelValue": e[3] || (e[3] = (s) => n.autoRefresh = s),
+            onChange: e[4] || (e[4] = (...s) => r.autoRefreshEntities && r.autoRefreshEntities(...s))
+          }, null, 544), [
+            [m, n.autoRefresh]
+          ]),
+          e[6] || (e[6] = t("span", { class: "slider" }, null, -1)),
+          e[7] || (e[7] = t("span", { class: "tooltip" }, "Автообновление каждые 3 секунды", -1))
+        ])
+      ]),
+      n.entities.list.length > 0 ? (o(), i("div", L, [
+        t("p", null, [
+          t("button", {
+            onClick: e[5] || (e[5] = (...s) => r.deleteOfflineEntitiesAll && r.deleteOfflineEntitiesAll(...s))
+          }, "Удалить все"),
+          S(" Всего измененных сущностей " + u(n.entities.total), 1)
+        ]),
+        n.entities.list.length ? (o(), i("table", N, [
+          e[9] || (e[9] = t("thead", null, [
+            t("tr", null, [
+              t("th", null, "#"),
+              t("th", null, "Удалить"),
+              t("th", null, "Обновить"),
+              t("th", null, "PROCESS_ID"),
+              t("th", null, "EVENT_NAME"),
+              t("th", null, "Ссылка"),
+              t("th", null, "EVENT_DATA"),
+              t("th", null, "who_update"),
+              t("th", null, "entity")
+            ])
+          ], -1)),
+          t("tbody", null, [
+            (o(!0), i(E, null, f(n.entities.list, (s, c) => {
+              var h, D, _, g;
+              return o(), i("tr", {
+                key: s.PROCESS_ID + "-" + s.ID
+              }, [
+                t("td", null, u(c + 1), 1),
+                t("td", null, [
+                  (h = s.EVENT_DATA.FIELDS) != null && h.ID && s.EVENT_NAME == "ONCRMDEALUPDATE" ? (o(), i("button", {
+                    key: 0,
+                    onClick: (p) => r.deleteOfflineEntities(s)
+                  }, "Удалить", 8, R)) : b("", !0)
+                ]),
+                t("td", null, [
+                  t("button", {
+                    onClick: (p) => {
+                      var v;
+                      return r.entityUpdate((v = s.EVENT_DATA.FIELDS) == null ? void 0 : v.ID, s);
+                    }
+                  }, "Изменить", 8, M)
+                ]),
+                t("td", null, u(s.PROCESS_ID), 1),
+                t("td", null, u(s.EVENT_NAME), 1),
+                t("td", null, [
+                  (D = s.EVENT_DATA.FIELDS) != null && D.ID && s.EVENT_NAME == "ONCRMDEALUPDATE" ? (o(), i("a", {
+                    key: 0,
+                    href: "https://repacheb.bitrix24.ru/crm/deal/details/" + ((_ = s.EVENT_DATA.FIELDS) == null ? void 0 : _.ID) + "/",
+                    target: "_blank",
+                    rel: "noopener noreferrer"
+                  }, u((g = s.EVENT_DATA.FIELDS) == null ? void 0 : g.ID), 9, V)) : b("", !0)
+                ]),
+                t("td", null, u(s.EVENT_DATA), 1),
+                t("td", null, u(s.EVENT_ADDITIONAL.user_id), 1),
+                t("td", P, [
+                  e[8] || (e[8] = t("span", null, "Подробней", -1)),
+                  t("span", F, u(s), 1)
+                ])
+              ]);
+            }), 128))
+          ])
+        ])) : b("", !0)
+      ])) : (o(), i("div", U, "Список сущностей пуст."))
+    ])) : b("", !0),
+    l.tabs.tab2 ? (o(), i("div", x, [
+      t("div", null, [
+        e[11] || (e[11] = t("h3", null, "Подписаны на события:", -1)),
+        n.subscribedEvents.length ? (o(), i("table", B, [
+          e[10] || (e[10] = t("thead", null, [
+            t("tr", null, [
+              t("th", null, "Событие"),
+              t("th", null, "connector_id"),
+              t("th", null, "offline"),
+              t("th", null, "Отписаться")
+            ])
+          ], -1)),
+          t("tbody", null, [
+            (o(!0), i(E, null, f(n.subscribedEvents, (s) => (o(), i("tr", {
+              key: s.id
+            }, [
+              t("td", null, u(s.event), 1),
+              t("td", null, u(s.connector_id), 1),
+              t("td", null, u(s.offline), 1),
+              t("td", null, [
+                t("button", {
+                  onClick: (c) => r.unbindSubscribedEvents(s)
+                }, "Отписаться от событий", 8, $)
+              ])
+            ]))), 128))
+          ])
+        ])) : (o(), i("p", z, "Подписок на события нет."))
+      ]),
+      t("div", null, [
+        e[13] || (e[13] = t("h3", null, "На какие события можно подписаться:", -1)),
+        n.events.length ? (o(), i("table", j, [
+          e[12] || (e[12] = t("thead", null, [
+            t("tr", null, [
+              t("th", null, "Событие"),
+              t("th", null, "Подписаться")
+            ])
+          ], -1)),
+          t("tbody", null, [
+            (o(!0), i(E, null, f(n.events, (s) => (o(), i("tr", { key: s }, [
+              t("td", null, u(s), 1),
+              t("td", null, [
+                t("button", {
+                  onClick: (c) => r.subscribeToEvents(s),
+                  disabled: r.isSubscribed(s),
+                  class: T({ "disabled-button": r.isSubscribed(s) })
+                }, "Подписаться", 10, q)
+              ])
+            ]))), 128))
+          ])
+        ])) : (o(), i("p", G, "Список событий пуст."))
+      ])
+    ])) : b("", !0),
+    l.tabs.tab3 ? (o(), i("div", H)) : b("", !0)
+  ]);
+}
+const K = /* @__PURE__ */ A(y, [["render", J]]), W = {
+  install(l, e = {}) {
+    l.component("Subscriptions", K), e.b24 && (l.config.globalProperties.$b24 = e.b24);
+  }
+};
+export {
+  K as Subscriptions,
+  W as default
+};

package/dist/npm-app-front-b24.umd.js ADDED Viewed

@@ -0,0 +1 @@

package/dist/style.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ .tooltipParent{position:relative;cursor:pointer}.tooltip{visibility:hidden;background-color:#555;color:#fff;text-align:center;border-radius:5px;padding:5px;position:absolute;bottom:100%;left:50%;transform:translate(-50%);z-index:1;opacity:0;transition:opacity .3s;max-width:400px;min-width:200px;word-wrap:break-word}.tooltipParent:hover .tooltip{visibility:visible;opacity:1}

package/package.json ADDED Viewed

@@ -0,0 +1,40 @@
+{
+    "name": "@andrey4emk/npm-app-front-b24",
+    "version": "0.1.3",
+    "description": "Vue 3 Subscriptions component for Bitrix24",
+    "main": "dist/npm-app-front-b24.umd.js",
+    "module": "dist/npm-app-front-b24.es.js",
+    "files": [
+        "dist",
+        "README.md",
+        "LICENSE"
+    ],
+    "style": "dist/style.css",
+    "exports": {
+        "./style.css": "./dist/style.css",
+        ".": {
+            "import": "./dist/npm-app-front-b24.es.js",
+            "require": "./dist/npm-app-front-b24.umd.js"
+        }
+    },
+    "scripts": {
+        "dev": "vite",
+        "build": "vite build",
+        "prepare": "npm run build",
+        "lint": "echo \"no lint\""
+    },
+    "peerDependencies": {
+        "vue": "^3.0.0"
+    },
+    "devDependencies": {
+        "vite": "^5.0.0",
+        "@vitejs/plugin-vue": "^4.0.0",
+        "vue": "^3.2.0"
+    },
+    "keywords": [
+        "vue",
+        "bitrix24",
+        "subscriptions"
+    ],
+    "license": "MIT"
+}