Enabling display of Version Number for Remote Components

Author: FalkWolsky

client/packages/lowcoder/src/components/CompName.tsx

@@ -119,6 +119,13 @@ export const CompName = (props: Iprops) => {
       onClick: () => {
       },
     });
+    items.push({
+      text: trans("history.currentVersion") + ": " + compInfo.packageVersion,
+      onClick: () => {
+        
+      },
+    });
+
     items.push({
       text: trans("comp.menuUpgradeToLatest"),
       onClick: () => {

client/packages/lowcoder/src/pages/editor/right/PluginPanel/index.tsx

@@ -7,7 +7,7 @@ import { getUser } from "redux/selectors/usersSelectors";
 import { BluePlusIcon, CustomModal, DocLink, TacoButton, TacoInput } from "lowcoder-design";
 import { getCommonSettings } from "redux/selectors/commonSettingSelectors";
 import styled from "styled-components";
-import { normalizeNpmPackage, validateNpmPackage } from "comps/utils/remote";
+import { getNpmPackageMeta, normalizeNpmPackage, validateNpmPackage } from "comps/utils/remote";
 import { ComListTitle, ExtensionContentWrapper } from "../styledComponent";
 import { EmptyContent } from "components/EmptyContent";
 import { messageInstance } from "lowcoder-design";
@@ -37,6 +37,8 @@ export default function PluginPanel() {
     [commonSettings?.npmPlugins]
   );
 
+  console.log("plugins: ", plugins);
+
   const handleSetNpmPlugins = (nextNpmPlugins: string[]) => {
     dispatch(
       setCommonSettings({