fix: missing dependency in VSIX, drop axios (#3)

Author: Simek

.github/workflows/publish.yml

@@ -52,7 +52,7 @@ jobs:
         run: bun compile
 
       - name: 🎁 Package extension
-        run: bun vsce package
+        run: bun vsce package --no-dependencies
 
       - name: 🚀 Publish to Visual Studio Marketplace
         run: bun vsce publish
@@ -75,7 +75,7 @@ jobs:
         run: bun compile
 
       - name: 🎁 Package extension
-        run: bun vsce package --out ./vscode-react-native-directory.vsix
+        run: bun vsce package --no-dependencies --out ./vscode-react-native-directory.vsix
 
       - name: 🚀 Publish to Open VSX
         run: bun ovsx publish ./vscode-react-native-directory.vsix

.github/workflows/release.yml

@@ -34,7 +34,7 @@ jobs:
       - name: 📋 Dry-running release
         run: bun semantic-release --dry-run
         env:
-          GITHUB_TOKEN: ${{ github.token }}
+          GITHUB_TOKEN: ${{ secrets.GH_RELEASE_TOKEN }}
 
   create:
     if: ${{ github.ref == 'refs/heads/main' && github.event.inputs.release == 'release' }}

bun.lock

@@ -22,7 +22,7 @@
   "activationEvents": [
     "onCommand:extension.showQuickPick"
   ],
-  "main": "./build/extension.js",
+  "main": "./build/index.js",
   "contributes": {
     "commands": [
       {
@@ -36,13 +36,12 @@
     "vscode": "^1.97.0"
   },
   "scripts": {
-    "compile": "rimraf build && tsc -p .",
-    "lint": "eslint .",
-    "package": "vsce package",
+    "compile": "rimraf build && ncc build src/extension.ts -o build -m",
+    "lint": "tsc --noEmit && eslint .",
+    "package": "vsce package --no-dependencies",
     "release:dry-run": "bun --env-file=.env semantic-release --dry-run"
   },
   "dependencies": {
-    "axios": "^1.7.9",
     "preferred-pm": "^4.1.1"
   },
   "devDependencies": {
@@ -51,6 +50,7 @@
     "@semantic-release/git": "^10.0.1",
     "@types/node": "^22.13.4",
     "@types/vscode": "^1.97.0",
+    "@vercel/ncc": "^0.38.3",
     "@vscode/vsce": "^3.2.2",
     "conventional-changelog-conventionalcommits": "^8.0.0",
     "eslint": "^9.20.1",

package.json

@@ -1,5 +1,4 @@
 import * as vscode from 'vscode';
-import axios from 'axios';
 
 import { DirectoryEntry, PackageData } from './types';
 
@@ -100,20 +99,25 @@ export async function fetchData(query?: string, keywords?: ValidKeyword[]): Prom
       keywords.forEach((keyword) => apiUrl.searchParams.append(keyword, 'true'));
     }
 
-    const { data } = await axios.get(apiUrl.href);
+    const response = await fetch(apiUrl.href);
 
-    if ('libraries' in data && Array.isArray(data.libraries)) {
-      return data.libraries.map((item: PackageData) => ({
-        label: item.npmPkg,
-        description: item.github.description,
-        detail: getDetailLabel(item),
-        alwaysShow: true,
-        ...item
-      }));
-    } else {
-      vscode.window.showErrorMessage('Invalid React Native Directory API response');
+    if (response.ok) {
+      const data = (await response.json()) as object;
+
+      if ('libraries' in data && Array.isArray(data.libraries)) {
+        return data.libraries.map((item: PackageData) => ({
+          label: item.npmPkg,
+          description: item.github.description,
+          detail: getDetailLabel(item),
+          alwaysShow: true,
+          ...item
+        }));
+      }
+      vscode.window.showErrorMessage(`Invalid React Native Directory API response content`);
       return [];
     }
+    vscode.window.showErrorMessage(`Invalid React Native Directory API response: ${response.status}`);
+    return [];
   } catch (error) {
     console.error(error);
     vscode.window.showErrorMessage('Failed to fetch data from React Native Directory API');

src/utils.ts

@@ -1,7 +1,6 @@
 {
   "compilerOptions": {
     "rootDir": "./src",
-    "outDir": "./build",
     "module": "commonjs",
     "target": "es2021",
     "lib": ["es2021"],