@webitel/ui-sdk 24.10.65 → 24.10.66

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "24.10.65",
+  "version": "24.10.66",
   "private": false,
   "scripts": {
     "dev": "vite",
@@ -16,7 +16,7 @@
     "docs:dev": "vitepress dev docs --port 8080",
     "docs:build": "vitepress build docs",
     "docs:preview": "vitepress preview docs",
-    "update-node":"nvm install --lts && nvm alias default node"
+    "update-node": "nvm install --lts && nvm alias default node"
   },
   "main": "./dist/@webitel/ui-sdk.mjs",
   "type": "module",
@@ -135,30 +135,34 @@
     "xlsx": "^0.18.5"
   },
   "devDependencies": {
-    "@biomejs/biome": "1.8.3",
-    "@vitejs/plugin-vue": "5.0.4",
-    "@vitest/coverage-v8": "^1.4.0",
+    "@biomejs/biome": "1.9.4",
+    "@vitejs/plugin-vue": "5.1.5",
+    "@vitest/coverage-v8": "^2.1.4",
     "@vue/compat": "^3.4.15",
     "@vue/compiler-sfc": "^3.4.15",
-    "@vue/test-utils": "^2.4.5",
-    "globby": "^14.0.0",
-    "happy-dom": "^14.11.0",
-    "markdown-it": "^13.0.2",
-    "markdown-table": "^3.0.3",
-    "postcss": "^8.4.31",
-    "postcss-prefix-selector": "^1.16.0",
+    "@vue/test-utils": "^2.4.6",
+    "globby": "^14.0.2",
+    "happy-dom": "^15.11.0",
+    "markdown-it": "^14.1.0",
+    "markdown-table": "^3.0.4",
+    "path": "^0.12.7",
+    "postcss": "^8.4.48",
+    "postcss-prefix-selector": "^2.1.0",
     "prismjs": "^1.29.0",
-    "sass": "^1.51.0",
-    "vite": "^5.1.6",
-    "vite-plugin-node-polyfills": "^0.21.0",
-    "vite-plugin-static-copy": "^0.17.1",
-    "vite-plugin-svg-sprite": "^0.5.1",
+    "sass": "^1.80.6",
+    "vite": "^5.4.11",
+    "vite-plugin-node-polyfills": "^0.22.0",
+    "vite-plugin-static-copy": "^2.1.0",
+    "vite-plugin-svg-sprite": "^0.5.2",
     "vite-plugin-vue-docgen": "^0.3.4",
-    "vitepress": "1.4.1",
-    "vitest": "^1.4.0",
+    "vitepress": "1.5.0",
+    "vitest": "^2.1.4",
     "vue": "^3.4.15",
     "vuex": "^4.1.0"
   },
+  "optionalDependencies": {
+    "@rollup/rollup-linux-x64-gnu": "4.9.5"
+  },
   "engines": {
     "npm": "10.9.0",
     "node": "v22.11.0"

package/src/components/wt-notifications-bar/__tests__/WtNotificationsBar.spec.js

@@ -15,7 +15,7 @@ describe('WtNotificationsBar', () => {
     const wrapper = shallowMount(WtNotificationsBar, {
       global: { provide: { $eventBus: eventBus } },
     });
-    wrapper.vm.$eventBus.$emit('notification', {
+     eventBus.$emit('notification', {
       type: 'error',
       text: 'error',
     });
@@ -27,7 +27,7 @@ describe('WtNotificationsBar', () => {
     const wrapper = shallowMount(WtNotificationsBar, {
       global: { provide: { $eventBus: eventBus } },
     });
-    wrapper.vm.$eventBus.$emit('notification', {
+    eventBus.$emit('notification', {
       type: 'error',
       text: 'error',
     });
@@ -42,7 +42,7 @@ describe('WtNotificationsBar', () => {
       global: { provide: { $eventBus: eventBus } },
       data: () => ({ notificationDuration: 100 }),
     });
-    wrapper.vm.$eventBus.$emit('notification', {
+    eventBus.$emit('notification', {
       type: 'error',
       text: 'error',
     });

package/src/components/wt-notifications-bar/wt-notifications-bar.vue

@@ -17,22 +17,29 @@
 </template>
 
 <script>
+import defaultEventBus from '../../scripts/eventBus.js';
+import { _wtUiLog as loggr } from '../../scripts/logger.js';
+
 export default {
   name: 'WtNotificationsBar',
   inject: ['$eventBus'],
   data: () => ({
     notificationDuration: 4000,
     notifications: [],
+
+    eventBus: defaultEventBus,
   }),
   created() {
-    try {
-      this.$eventBus.$on('notification', this.showNotification);
-    } catch (err) {
-      console.error('wt-notifications-bar cannot work without globally registered eventBus', err);
+    if (this.$eventBus) {
+      this.eventBus = this.$eventBus;
+    } else {
+      loggr.warn({ entity: 'component', module: 'wt-notification-bar' })('no globally provided $eventBus found, using default webitel-ui eventBus');
     }
+
+    this.eventBus.$on('notification', this.showNotification);
   },
   unmounted() {
-    this.$eventBus.$off('notification', this.showNotification);
+    this.eventBus.$off('notification', this.showNotification);
   },
   methods: {
     showNotification(notification) {

package/src/components/wt-player/wt-player.vue

@@ -25,7 +25,7 @@
 </template>
 
 <script>
-import Plyr from 'plyr';
+// import Plyr from 'plyr'; // breaks vitepress build, https://webitel.atlassian.net/browse/WTEL-5425?focusedCommentId=639144
 import 'plyr/src/sass/plyr.scss';
 import createPlyrURL from './scripts/createPlyrURL.js';
 
@@ -132,6 +132,8 @@ export default {
         : defaultControls;
 
       if (this.download) controls.push('download');
+
+      const Plyr = (await import('plyr')).default; // https://webitel.atlassian.net/browse/WTEL-5425?focusedCommentId=639144
       this.player = new Plyr(this.$refs.player, {
         // this.player = new Plyr('.wt-player__player', {
         autoplay: this.autoplay,

package/src/install.js

@@ -1,5 +1,5 @@
-import './css/main.scss';
 import 'vue-multiselect/dist/vue-multiselect.css';
+import './css/main.scss';
 import generateInstance from './api/axios/generateInstance.js';
 import Components from './components/index.js'; // init all components
 import Directives from './directives/index.js'; // init all directives
@@ -14,9 +14,6 @@ export default {
     Object.keys(Components).forEach((name) => {
       app.component(name, Components[name]);
     });
-    // Vue.prototype.$webitelUI = {
-    //   // locale: this.$i18n.locale,
-    // };
     Object.keys(globals).forEach((globalKey) => {
       app.provide(globalKey, globals[globalKey]);
     });

package/src/scripts/index.js

@@ -7,6 +7,7 @@ import prettifyTime from './prettifyTime.js';
 import preventHiddenPageCallsDecorator
   from './preventHiddenPageCallsDecorator.js';
 import saveAsJSON from './saveAsJSON.js';
+import { wtlog } from './logger.js';
 import {
   sortToQueryAdapter,
   queryToSortAdapter,
@@ -46,6 +47,7 @@ export {
   eventBus,
   isEmpty,
   convertDuration,
+  wtlog,
 
   // compareSize.js
   compareSize,

package/src/scripts/logger.js

@@ -0,0 +1,38 @@
+import isObject from 'lodash/isObject.js';
+
+const validateConfig = (config) => {
+  return isObject(config) && (config.entity || config.module);
+};
+
+const logger =
+  (globalApp) =>
+    (type) =>
+      (...params) => {
+    if (validateConfig(params[0])) {
+      const config = params[0];
+
+      const { app = globalApp, entity = '', module = '' } = config;
+      const timestamp = new Date();
+      const path = window?.location?.href || 'non-browser env';
+
+      return (...msgs) => {
+          const prependix = `@webitel/${app}:${entity}:${module}:`;
+
+          const appendix = `[${timestamp}][${path}]`;
+
+        return console[type](prependix, ...msgs, appendix);
+      };
+    }
+
+    return console[type](...params);
+  };
+
+export const wtlog = (app) => ({
+  info: logger(app)('info'),
+  warn: logger(app)('warn'),
+  error: logger(app)('error'),
+  log: logger(app)('log'),
+});
+
+// only for ui-sdk usage
+export const _wtUiLog = wtlog('ui-sdk');