Show pack links

Author: edriouk

src/packs/pack-urls.test.ts

@@ -0,0 +1,44 @@
+/**
+ * Copyright 2026 Arm Limited
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import 'jest';
+import { packURL } from './pack-urls';
+
+describe('packURL', () => {
+    it('returns a versions URL for a versioned pack ID', () => {
+        expect(packURL('My::Pack@1.2.3', 'versions')).toBe('https://www.keil.arm.com/packs/pack-my/versions/');
+    });
+
+    it('returns a base URL for a versioned pack ID when suffix is undefined', () => {
+        expect(packURL('My::Pack@1.2.3', undefined)).toBe('https://www.keil.arm.com/packs/pack-my/');
+    });
+
+    it('returns a versions URL for a versionless pack ID', () => {
+        expect(packURL('My::Pack', 'versions')).toBe('https://www.keil.arm.com/packs/pack-my/versions/');
+    });
+
+    it('returns a base URL for a versionless pack ID when suffix is undefined', () => {
+        expect(packURL('My::Pack', undefined)).toBe('https://www.keil.arm.com/packs/pack-my/');
+    });
+
+    it('returns the base packs URL for an empty pack ID when suffix is provided', () => {
+        expect(packURL('', 'versions')).toBe('https://www.keil.arm.com/packs');
+    });
+
+    it('returns the base packs URL for an empty pack ID when suffix is undefined', () => {
+        expect(packURL('', undefined)).toBe('https://www.keil.arm.com/packs');
+    });
+});

src/packs/pack-urls.ts

@@ -0,0 +1,32 @@
+/**
+ * Copyright 2026 Arm Limited
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { extractPrefix, stripAffix } from "../utils/string-utils";
+
+export const KEIL_ARM_COM_PACKS = 'https://www.keil.arm.com/packs';
+
+export function packURL(packId: string | undefined, suffix?: string) {
+    const vendor = extractPrefix(packId, '::').toLowerCase();
+    const name = stripAffix(packId, '::', '@').toLowerCase();
+    if (!name || !vendor) {
+        return KEIL_ARM_COM_PACKS;
+    }
+    let url = `${KEIL_ARM_COM_PACKS}/${name}-${vendor}/`;
+    if (suffix) {
+        url += `${suffix}/`;
+    }
+    return url;
+}

src/views/manage-components-packs/view/components/pack-properties.tsx

@@ -24,6 +24,7 @@ import { parsePackId } from '../../data/pack-parse';
 import { EditFilled, MinusSquareOutlined, PlusSquareOutlined } from '@ant-design/icons';
 import { CmsisCodicon } from '../../../common/components/cmsis-codicon';
 import { TargetSetData } from '../../components-data';
+import { packURL } from '../../../../packs/pack-urls';
 
 interface PackPropertiesDialogProperties {
     pack?: PackRowDataType;
@@ -103,8 +104,7 @@ export const PackPropertiesDialog: React.FC<PackPropertiesDialogProperties> = ({
         setUnlockOf(pack?.name);
     };
 
-    const p = parsePackId(pack?.packId || '');
-    const packUri = `https://www.keil.arm.com/packs/${p?.packName}-${p?.vendor}/versions/`.toLowerCase();
+    const packVersionsUrl = packURL(pack?.packId, 'versions');
     const firstReferenceWithPath = pack?.references.find(reference => Boolean(reference.relPath?.trim()));
     const firstReferencePath = firstReferenceWithPath?.relPath?.trim();
     const versionOperators = firstReferencePath ? [none] : [none, '@', '@>=', '@^', '@~'];
@@ -231,12 +231,12 @@ export const PackPropertiesDialog: React.FC<PackPropertiesDialogProperties> = ({
                                     </Tooltip>
                                 </Col>
                                 <Col flex={1}>
-                                    <Tooltip title={<><div>Show pack history on web portal</div>{onlineTooltip}</>}>
+                                    <Tooltip title={<><div>Software pack versions</div>{onlineTooltip}</>}>
                                         <Button
                                             type="text"
                                             style={{ color: onlineTooltip ? 'var(--vscode-list-warningForeground)' : undefined }}
-                                            onClick={() => { if (openFile) openFile(packUri, true); }}
-                                            icon={<CmsisCodicon name="version-history" />}
+                                            onClick={() => { if (openFile) openFile(packVersionsUrl, true); }}
+                                            icon={<CmsisCodicon name="link-external" />}
                                         />
                                     </Tooltip>
                                 </Col>