@tencentcloud/call-uikit-vue2 - npm Package Compare versions

Comparing version 2.3.1 to 2.3.2

package.json

 {
   "name": "@tencentcloud/call-uikit-vue2",
-  "version": "2.3.1",
-  "main": "dist/tuicall-uikit-vue2.umd.js",
-  "module": "dist/tuicall-uikit-vue2.es.js",
-  "types": "./type/index.d.ts",
+  "version": "2.3.2",
+  "main": "./tuicall-uikit-vue2.umd.js",
+  "module": "./tuicall-uikit-vue2.es.js",
+  "types": "./types/src/index.d.ts",
   "description": "An Open-source Voice & Video Calling UI Component Based on Tencent Cloud Service.",
   "homepage": "https://cloud.tencent.com/document/product/647/78731",
-  "author": "longyuqi <[e-mail]>",
   "license": "ISC",
@@ -16,39 +15,12 @@ "repository": {
   },
-  "files": [
-    "/README.md",
-    "/dist",
-    "src/"
-  ],
+  "dependencies": {
+    "tuicall-engine-webrtc": "^1.4.7"
+  },
   "bugs": {
     "url": "https://github.com/tencentyun/TUICallKit/issues"
   },
-  "scripts": {
-    "build": "npm run npm:prepare && vite build",
-    "npm:prepare": "node ./scripts/prePublish.js",
-    "npm": "npm run npm:prepare && npm publish --access public"
-  },
-  "peerDependencies": {
-    "vue": "^2.7.14"
-  },
-  "dependencies": {
-    "tim-js-sdk": "^2.27.4",
-    "trtc-js-sdk": "^4.15.10",
-    "tsignaling": "^1.0.5",
-    "tuicall-engine-webrtc": "^1.4.6"
-  },
-  "devDependencies": {
-    "@types/node": "^16.11.45",
-    "@vitejs/plugin-legacy": "^2.0.0",
-    "@vitejs/plugin-vue2": "^1.1.2",
-    "@vue/tsconfig": "^0.1.3",
-    "npm-run-all": "^4.1.5",
-    "terser": "^5.14.2",
-    "typescript": "~4.7.4",
-    "vite": "^3.0.2",
-    "vite-plugin-css-injected-by-js": "^3.0.1",
-    "vue": "^2.7.14"
-  },
   "keywords": [
     "uikit",
     "call",
+    "vue3",
     "tencent",
@@ -55,0 +27,0 @@ "chat",

README.en.md

@@ -7,3 +7,3 @@ <h1 align="center"> TUICallKit </h1>
 
-<p align="center">  A Vue2 & Vue3 Voice & Video Calling UI Component, easily add calling capabilities to  your web application.Vue3 version <a href="https://www.npmjs.com/package/@tencentcloud/call-uikit-vue"> @tencentcloud/call-uikit-vue </a></p>
+<p align="center">  A Vue2 & Vue3 Voice & Video Calling UI Component, easily add calling capabilities to  your web application.Vue2 version <a href="https://www.npmjs.com/package/@tencentcloud/call-uikit-vue2"> @tencentcloud/call-uikit-vue2 </a></p>
 
@@ -25,3 +25,3 @@ <div align="center">
 - 🌟 3 lines of code to run through the test demo, 6 lines of code to complete the common ability to access
-- 📱 Multi-device adaptation, support H5 webview 
+- 📱 Multi-device adaptation, support H5 webview
 - 🛠 Ecology system, works with [TUIKit](https://www.tencentcloud.com/document/product/1047/50061) to initiate audio/video calls directly in [TIM](https://www.tencentcloud.com/document/product/1047/33513) sessions
@@ -36,2 +36,4 @@ - 🔥 Out-of-the-box TypeScript support, support for Vue3 `Composition API`
 
+This is a documentation for the TUICallKit project. It provides instructions for using and integrating TUICallKit into your website or application.
+
 Here are a few guidelines for using this component.
@@ -52,9 +54,10 @@
 ├── README.md
-├── demos/basic/
-└── src/
+├── demos/basic-vue3/
+├── demos/basic-vue2/
+└── TUICallKit/
 ```
 
-**demos/basic/**
+**demos/basic-vue3/**
 
-- The `demos/basic/` directory contains the Vue3 basic demo of TUICallKit, which is integrated with all the features of the full TUICallKit component.
+- The `demos/basic-vue3/` directory contains the Vue3 basic demo of TUICallKit, which is integrated with all the features of the full TUICallKit component.
 - A debug panel is integrated at the bottom of the demo page. You can enter your application information directly, please refer to [Run the Vue3 Demo](https://github.com/tencentyun/TUICallKit/blob/main/Web/demos/basic-vue3/README.en.md).
@@ -67,9 +70,7 @@
 
-**src/** 
+**TUICallKIt/** 
 
-- The `src` directory contains the source code of TUICallKit. The entry file is `index.ts`.
-- You can copy this directory to your project for component insertion, such as `import { TUICallKit, TUICallKitServer } from '. /src/index'`, where `src` can be renamed and the path can be modified accordingly, for more detailed access to components, please refer to [TUICallKit Getting Started](https://www.tencentcloud.com/document/product/647/50993).
-
-<!-- ## Changelog -->
-
+- The `TUICallKIt` directory contains the source code of TUICallKit. The entry file is `index.ts`.
+- It is recommended to use a packaging method to directly import TUICallKit into your project, as outlined in the [TUICallKit Getting Started](https://www.tencentcloud.com/document/product/647/50993)
+. You can also copy the files directly into your project for component import. For detailed instructions on how to integrate the source code, please refer to the [UI Customization](https://www.tencentcloud.com/document/product/647/50997).
 <!-- - For the changelog of the SDK, see [Release Notes (Web)](https://www.tencentcloud.com/document/product/647/50997). -->
@@ -83,3 +84,3 @@
 Welcome to join our Telegram Group to communicate with our professional engineers! We are more than happy to hear from you~
-Click to join: [https://t.me/+EPk6TMZEZMM5OGY1](https://t.me/+EPk6TMZEZMM5OGY1)   
+Click to join: [https://t.me/+EPk6TMZEZMM5OGY1](https://t.me/+EPk6TMZEZMM5OGY1)
 Or scan the QR code
@@ -86,0 +87,0 @@ <img src="https://qcloudimg.tencent-cloud.cn/raw/79cbfd13877704ff6e17f30de09002dd.jpg" width="300px">

README.md

@@ -7,3 +7,3 @@ <h1 align="center"> TUICallKit </h1>
 
-<p align="center">Vue2 & Vue3版本的音视频通话 UI 组件，通过编写几行代码，就可以为您的 Web 应用添加音视频通话功能。Vue3 请参见 <a href="https://www.npmjs.com/package/@tencentcloud/call-uikit-vue"> @tencentcloud/call-uikit-vue </a></p>
+<p align="center">Vue3 版本的音视频通话 UI 组件，通过编写几行代码，就可以为您的 Web 应用添加音视频通话功能。Vue2 请参见 <a href="https://www.npmjs.com/package/@tencentcloud/call-uikit-vue2"> @tencentcloud/call-uikit-vue2 </a></p>
 <!-- <p>在线演示 | Demo 跑通 | 快速接入 </p> -->
@@ -28,3 +28,3 @@
 - 🌟 低门槛 —— 仅需 3 行代码即可跑通测试 Demo，6 行代码完成通用能力接入
-- 📱 多设备适配 —— 支持 H5 1v1 布局
+- 📱 多设备适配 —— 支持 H5 1v1 通话、群组通话 布局
 - 🎨 灵活样式 —— 组件开源，可复用逻辑，自定义 UI 样式
@@ -61,8 +61,8 @@ - 🛠 优秀生态 —— 与 [TUIKit](https://cloud.tencent.com/document/product/269/79737) 协同使用，可以在 [TIM](https://cloud.tencent.com/document/product/269) 会话中直接发起音视频通话
 ├── README.md
-├── demos/basic/
+├── demos/basic-vue3/
 ├── demos/basic-vue2/
-└── src/
+└── TUICallKit/
 ```
 
-**demos/basic/**
+**demos/basic-vue3/**
 
@@ -77,6 +77,6 @@ - 此文件夹下是 Vue3 基础版 demo，集成了完整的 TUICallKit 组件功能，可以直接搜索用户拨打音视频通话。
 
-**src/** 
+**TUICallKit/** 
 
 - 此文件夹下是 TUICallKit 组件源文件，支持 Vue3 与 Vue2.7+ 的项目直接引入。包含全部 UI 层与逻辑层代码，入口文件为 `index.ts`。
-- 可直接复制此文件到您的工程中进行组件的引入，如 `import { TUICallKit, TUICallKitServer } from './src/index'`, 其中 `src` 可重命名，引入路径做相应的修改即可，更详细的接入组件过程请参考 [快速接入 TUICallKit](https://cloud.tencent.com/document/product/647/78731)。
+- 推荐直接使用打包方式引入，如 [快速接入 TUICallKit](https://cloud.tencent.com/document/product/647/78731)。可直接复制此文件到您的工程中进行组件的引入，详细的源码接入组件过程请参考 [TUICallKit 界面定制指引](https://cloud.tencent.com/document/product/647/81014)。
 
@@ -83,0 +83,0 @@ ## Changelog

src/index.ts

@@ -1,40 +0,40 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-// 下面这行主要用来发布vue2版本时候替换添加环境监测代码，请勿删除！
-import "./utils/checkVueVersion"
-import Server from "./server";
-import TUICallKit from "./components/TUICallKit.vue";
-import TUICallKitMini from "./components/TUICallKitMini.vue";
-import { VideoDisplayMode, VideoResolution } from "./interface";
-import { TUICallType } from "tuicall-engine-webrtc";
-import { STATUS } from "./constants";
 
-const TUICallKitServer = new Server();
+import { TUIGlobal, TUIStore, StoreName, TUICallKitServer, NAME, StatusChange as STATUS, CallRole, CallMediaType, VideoResolution, VideoDisplayMode, t } from './TUICallService/index';
+// @ts-ignore
+import TUICallKit from './Components/TUICallKit-vue2/TUICallKit.vue';
+import { TUICallType } from "tuicall-engine-webrtc"; // ≤v2.2.1 抛出的字段
 
-const plugin = (TUICore: any) => {
+// 原 web callKit 融合 chat 方法. ref: https://tapd.woa.com/20396022/prong/stories/view/1020396022885708891
+// @ts-ignore
+const plugin = (TUICore) => {
   TUICore.component("TUICallKit", { server: TUICallKitServer });
-  TUICore.component("TUICallKitMini", { server: TUICallKitServer });
   TUICallKitServer.bindTUICore(TUICore);
   return TUICallKit;
 };
-
-const install = (app: any) => {
-  app.component("TUICallKitMini", TUICallKitMini);
+// @ts-ignore
+const install = (app) => {
   app.component("TUICallKit", TUICallKit);
   console.log("TUICallKit&mini installed", app);
 };
-
-(TUICallKit as any).plugin = plugin;
-(TUICallKit as any).install = install;
-
-const Version = TUICallKitServer.version;
-
+TUICallKit.plugin = plugin;
+TUICallKit.install = install; 
+const Version = '2.3.2'; // basic-demo 原来上报使用
+// 输出产物
 export {
+  TUIGlobal,
+  TUIStore,
+  StoreName,
+  TUICallKitServer,
   TUICallKit,
-  TUICallKitMini,
-  TUICallKitServer,
+  plugin,
+  install,
+  NAME,
   STATUS,
+  CallRole,
+  CallMediaType,
+  VideoResolution,
   VideoDisplayMode,
-  VideoResolution,
   TUICallType,
-  Version
+  Version,
+  t,
 };

New alerts

Native code

Supply chain risk

Contains native code (e.g., compiled binaries or shared libraries). Including native code can obscure malicious behavior.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

No contributors or author data

Maintenance

Package does not specify a list of contributors or an author in package.json.

Found 1 instance in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

806487

increased by85.07%

Dependency count

1

decreased by-80%

Dev dependency count

0

decreased by-100%

Number of package files

164

increased by248.94%

Lines of code

7150

increased by62.5%

Worsened metrics

Number of low maintenance alerts

1

increased byInfinity%

Number of low supply chain risk alerts

50

increased by66.67%

Number of medium supply chain risk alerts

5

increased by400%

Dependency changes

• - Removedtim-js-sdk@^2.27.4

• - Removedtrtc-js-sdk@^4.15.10

• - Removedtsignaling@^1.0.5

• - Removed@babel/helper-string-parser@7.25.9(transitive)

• - Removed@babel/helper-validator-identifier@7.25.9(transitive)

• - Removed@babel/parser@7.26.7(transitive)

• - Removed@babel/types@7.26.7(transitive)

• - Removed@vue/compiler-sfc@2.7.16(transitive)

• - Removedcsstype@3.1.3(transitive)

• - Removednanoid@3.3.8(transitive)

• - Removedpicocolors@1.1.1(transitive)

• - Removedpostcss@8.5.1(transitive)

• - Removedprettier@2.8.8(transitive)

• - Removedsource-map@0.6.1(transitive)

• - Removedsource-map-js@1.2.1(transitive)

• - Removedvue@2.7.16(transitive)

• Updatedtuicall-engine-webrtc@^1.4.7