fixup formatting and eager activation of extension

Author: bmeck

package.json

@@ -33,14 +33,17 @@
     },
     "icon": "socket-square.png",
     "activationEvents": [
-        "workspaceConatains:**/[pP][aA][cC][kK][aA][gG][eE].[jJ][sS][oO][nN]",
+        "workspaceContains:**/[pP][aA][cC][kK][aA][gG][eE].[jJ][sS][oO][nN]",
         "workspaceContains:**/[rR][eE][qQ][uU][iI][rR][eE][mM][eE][nN][tT][sS].[tT][xX][tT]",
         "workspaceContains:**/[pP][yY][pP][rR][oO][jJ][eE][cC][tT].[tT][oO][mM][lL]",
         "workspaceContains:**/[pP][iI][pP][fF][iI][lL][eE]",
         "workspaceContains:**/[gG][oO].[mM][oO][dD]",
         "workspaceContains:**/[gG][oO].[sS][uU][mM]",
         "onLanguage:python",
         "onLanguage:javascript",
+        "onLanguage:javascriptreact",
+        "onLanguage:typescript",
+        "onLanguage:typescriptreact",
         "onLanguage:go"
     ],
     "type": "commonjs",

src/ui/decorations.ts

@@ -267,23 +267,35 @@ class DecorationManagerForPURL {
             // this is a bit lossy, but better than noise
             let typesListed = new Set<string>();
             for (const alert of actionGroupedAlertSet) {
-                let extra = color('#888888', '&nbsp;');
-                if (alert.props?.alternatePackage) {
-                    extra = `Possible intent: [${name} $(link-external)](https://socket.dev/${eco}/package/${name})`
-                } else if (alert.props?.lastPublish) {
-                    const lastPublish = new Date(alert.props.lastPublish).toLocaleDateString();
-                    extra = `Last published on: ${lastPublish}`;
-                } else if (typesListed.has(alert.type)) {
+                // vscode markdown wants some kind of text for the table layout
+                let extra = []
+                let alternatePackage = alert.props?.alternatePackage;
+                let lastPublish = alert.props?.lastPublish;
+                let note = alert.props?.note;
+                if (alternatePackage) {
+                    extra.push(`Possible intent: [${alternatePackage} $(link-external)](https://socket.dev/${eco}/package/${alternatePackage})`)
+                }
+                if (lastPublish) {
+                    const lastPublishStr = new Date(alert.props.lastPublish).toLocaleDateString();
+                    extra.push(`Last published on: ${lastPublishStr}`);
+                }
+                if (note) {
+                    extra.push(`${note}`);
+                }
+                if (typesListed.has(alert.type)) {
                     continue
                 }
+                if (extra.length === 0) {
+                    extra.push(color('#888888', '&nbsp;'));
+                }
                 typesListed.add(alert.type);
                 const rowColor = {
                     'error': '#ff8800',
                     'warn': '#cc8800',
                     'monitor': '#aaaa00',
                     'ignore': '#888888',
                 }[alert.action]
-                ret.push([alert.action, alert.type, extra].map(
+                ret.push([alert.action, alert.type, extra.join('<br>').replaceAll(/\r?\n/g, '<br>')].map(
                     (str) => color(rowColor, str) // color the action column
                 ).join(' | '));
             }