Version Display for remote Comps

Author: FalkWolsky

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

@@ -113,11 +113,18 @@ export const CompName = (props: Iprops) => {
 
 
   if (compInfo.isRemote) {
+    // Falk: Displaying the current version of the component
+    items.push({
+      text: trans("history.currentVersion") + ": " + compInfo.packageVersion,
+      onClick: () => {
+      },
+    });
     items.push({
       text: trans("comp.menuUpgradeToLatest"),
       onClick: () => {
         handleUpgrade();
       },
+      
     });
   }
 

client/packages/lowcoder/src/comps/comps/remoteComp/loaders.tsx

@@ -15,10 +15,9 @@ async function npmLoader(
 
   // Falk: removed "packageVersion = "latest" as default value fir packageVersion - to ensure no automatic version jumping.
 
+  const localPackageVersion = remoteInfo.packageVersion || "latest";
   const { packageName, packageVersion, compName } = remoteInfo;
-  const entry = `${NPM_PLUGIN_ASSETS_BASE_URL}/${packageName}@${packageVersion}/index.js`;
-  // const entry = `../../../../../public/package/index.js`; 
-  // console.log("Entry", entry);
+  const entry = `${NPM_PLUGIN_ASSETS_BASE_URL}/${packageName}@${localPackageVersion}/index.js`;
   try {
     const module = await import(/* webpackIgnore: true */ entry);
     const comp = module.default?.[compName];

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

@@ -96,7 +96,7 @@ export function PluginCompItem(props: PluginCompItemProps) {
       </div>
       <div className="module-content">
         <div className="module-name">{compMeta.name}</div>
-        <div className="module-desc">{compMeta.description || "No description."}</div>
+        <div className="module-desc">{compMeta.description || "No description."} <span>v{packageVersion || ""}</span></div>
       </div>
     </ItemWrapper>
   );