feat: display dependencies and config plugin data

Author: Simek

src/extension.ts

@@ -112,6 +112,10 @@ export async function activate(context: ExtensionContext) {
           label: ENTRY_OPTION.VIEW_LICENSE,
           description: selectedEntry.github.license.name
         },
+        !!selectedEntry.github.stats.dependencies && {
+          label: ENTRY_OPTION.VIEW_DEPENDENCIES,
+          description: `$(package) ${numberFormatter.format(selectedEntry.github.stats.dependencies)} ${selectedEntry.github.stats.dependencies === 1 ? 'dependency' : 'dependencies'}`
+        },
         { label: ENTRY_OPTION.VIEW_BUNDLEPHOBIA },
         { label: 'details', kind: QuickPickItemKind.Separator },
         {
@@ -122,6 +126,10 @@ export async function activate(context: ExtensionContext) {
           label: ENTRY_OPTION.COMPATIBILITY,
           description: compatibilityList.join(', ')
         },
+        selectedEntry.configPlugin && {
+          label: ENTRY_OPTION.CONFIG_PLUGIN,
+          description: typeof selectedEntry.configPlugin === 'string' ? selectedEntry.configPlugin : 'included'
+        },
         ...examplesActions,
         { label: 'copy data', kind: QuickPickItemKind.Separator },
         { label: ENTRY_OPTION.COPY_NAME },
@@ -207,6 +215,19 @@ export async function activate(context: ExtensionContext) {
             await openListWithSearch(packagesPick);
             break;
           }
+          case ENTRY_OPTION.VIEW_DEPENDENCIES: {
+            env.openExternal(Uri.parse(`https://www.npmjs.com/package/${selectedEntry.npmPkg}?activeTab=dependencies`));
+            break;
+          }
+          case ENTRY_OPTION.CONFIG_PLUGIN: {
+            if (typeof selectedEntry.configPlugin === 'string') {
+              env.openExternal(Uri.parse(selectedEntry.configPlugin));
+            } else {
+              const searchValue = deduplicateSearchTokens(packagesPick.value, ['configPlugin']);
+              await openListWithSearch(packagesPick, searchValue);
+            }
+            break;
+          }
         }
 
         optionPick.hide();

src/types.ts

@@ -17,31 +17,38 @@ export type PackageData = {
   fireos?: boolean;
   tvos?: boolean;
   visionos?: boolean;
-  unmaintained?: boolean | string;
+  unmaintained?: boolean;
   dev?: boolean;
   template?: boolean;
-  newArchitecture?: boolean | string;
+  newArchitecture?: boolean | 'new-arch-only';
   newArchitectureNote?: string;
+  configPlugin?: boolean | string;
   alternatives?: string[];
+  npmPkg: string;
+  examples?: string[];
+  images?: string[];
   github: {
     name: string;
-    isPackagePrivate: boolean;
     fullName: string;
     description: string;
     registry?: string;
     topics?: string[];
     hasTypes?: boolean;
     newArchitecture?: boolean;
     isArchived?: boolean;
+    isPrivate?: boolean;
+    hasNativeCode: boolean;
+    configPlugin?: boolean;
+    moduleType?: 'expo' | 'nitro' | 'turbo';
     urls: {
       repo: string;
-      clone: string;
       homepage?: string | null;
     };
     stats: {
       hasIssues: boolean;
       hasWiki: boolean;
       hasSponsorships: boolean;
+      hasDiscussions: boolean;
       hasTopics?: boolean;
       updatedAt: Date | string;
       createdAt: Date | string;
@@ -50,6 +57,7 @@ export type PackageData = {
       subscribers: number;
       stars: number;
       forks: number;
+      dependencies?: number;
     };
     license: {
       key: string;
@@ -69,16 +77,13 @@ export type PackageData = {
   npm?: {
     downloads?: number;
     weekDownloads?: number;
-    start?: string;
-    end?: string;
-    period?: string;
+    size?: number;
+    latestRelease?: string;
+    latestReleaseDate?: string;
   };
   score: number;
   matchingScoreModifiers: string[];
   topicSearchString: string;
-  examples?: string[];
-  images?: string[];
-  npmPkg: string;
   popularity?: number;
   matchScore?: number;
 };

src/utils.ts

@@ -14,12 +14,14 @@ export enum ENTRY_OPTION {
   VISIT_NPM = 'Visit npm registry entry',
   VIEW_BUNDLEPHOBIA = 'View BundlePhobia analysis',
   VIEW_LICENSE = 'View license details',
+  VIEW_DEPENDENCIES = 'View dependencies',
   COPY_NAME = 'Copy package name',
   COPY_REPO_URL = 'Copy GitHub repository URL',
   COPY_NPM_URL = 'Copy npm registry URL',
   GO_BACK = '$(newline) Go back to search',
   PLATFORMS = 'Platforms',
-  COMPATIBILITY = 'Compatibility'
+  COMPATIBILITY = 'Compatibility',
+  CONFIG_PLUGIN = 'Config plugin'
 }
 
 export enum STRINGS {
@@ -60,7 +62,8 @@ function getDetailLabel(item: PackageData) {
     '•',
     getPlatformsList(item).join(', '),
     (item.newArchitecture || item.expoGo || item.github.hasTypes) && '•',
-    (item.newArchitecture || item.expoGo) && `$(verified) New Architecture`,
+    (item.newArchitecture || item.expoGo) &&
+      `$(verified) New Architecture${item.newArchitecture === 'new-arch-only' ? ' only' : ''}`,
     item.github.hasTypes && `$(symbol-type-parameter) Types`
   ]
     .filter(Boolean)