initialize vscode-react-native-directory extension

Author: Simek

.gitignore

@@ -0,0 +1,9 @@
+build
+node_modules
+
+# VS Code
+*.vsix
+
+# IDEA
+.idea
+*.iml

.vscode/launch.json

@@ -0,0 +1,18 @@
+{
+  "version": "0.1.0",
+  "configurations": [
+    {
+      "name": "Run with extension",
+      "type": "extensionHost",
+      "request": "launch",
+      "runtimeExecutable": "${execPath}",
+      "args": [
+        "${workspaceFolder}",
+        "--extensionDevelopmentPath=${workspaceFolder}"
+      ],
+      "outFiles": [
+        "${workspaceFolder}/build/**"
+      ]
+    }
+  ]
+}

.vscodeignore

@@ -0,0 +1,9 @@
+# switch to allow-list, ignore everything
+**
+
+# only include these files
+!assets/icon.png
+!build/**
+!LICENSE.md
+!package.json
+!README.md

LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 React Native Community
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,29 @@
+<dd align="center"><img alt="React Native Directory Logo" height="96" src="./assets/icon.png" /></dd>
+<h1 align="center">vscode-react-native-directory</h1>
+
+<img alt="Extension preview" src="./assets/screenshot.png" />
+
+A VS Code extension allowing to browse through React Native Directory and perform actions on the packages inside build-in Command Palette.
+
+## Installation
+
+> [!tip]
+> The extension is currently in the development phase, and only manual build and installation is supported at this time.
+
+1. Make sure you have [Bun](https://bun.sh/docs/installation) installed.
+2. Checkout the repository locally.
+3. Run `bun install && bun compile && bun package` to to install dependencies, compile source and prepare extension package file.
+4. In VS Code:
+   * Navigate to the "Extensions" pane (<kbd>Ctrl/Cmd+Shift+X</kbd>).
+   * Click "More" button (three dots in the right corner of header) and select "Install from VSIX".
+   * Select VSIX file which has been created in third step inside the checkout root directory.
+
+## Contributing
+
+1. Make sure you have [Bun](https://bun.sh/docs/installation) installed.
+2. Checkout the repository locally.
+3. Run `bun install && bun compile` to install dependencies and compile source.
+4. In VS Code:
+   * Open folder containing the extension repository.
+   * Navigate to the "Run and Debug" pane (<kbd>Ctrl/Cmd+Shift+D</kbd>).
+   * Select "Run with extension" launch task and press "Start Debugging" button (<kbd>F5</kbd>).

assets/icon.png

@@ -0,0 +1,32 @@
+import eslint from '@eslint/js';
+import type { Linter } from 'eslint';
+import pluginPrettierRecommended from 'eslint-plugin-prettier/recommended';
+import globals from 'globals';
+import pluginTS from 'typescript-eslint';
+
+const config: Linter.Config[] = [
+  {
+    ignores: ['**/build', '**/node_modules']
+  },
+  eslint.configs.recommended,
+  ...(pluginTS.configs.recommended as Linter.Config[]),
+  pluginPrettierRecommended,
+  {
+    languageOptions: {
+      globals: globals.node
+    },
+    rules: {
+      'prettier/prettier': [
+        'warn',
+        {
+          printWidth: 120,
+          singleQuote: true,
+          trailingComma: 'none',
+          endOfLine: 'auto'
+        }
+      ]
+    }
+  }
+];
+
+export default config;

assets/screenshot.png

@@ -0,0 +1,52 @@
+{
+  "name": "vscode-react-native-directory",
+  "displayName": "React Native Directory",
+  "description": "Find and install right packages for all of your React Native apps right from VS Code.",
+  "publisher": "react-native-community",
+  "categories": ["Other"],
+  "keywords": ["react", "react-native", "directory", "search"],
+  "license": "MIT",
+  "repository": "github:react-native-community/vscode-react-native-directory",
+  "homepage": "https://github.com/react-native-community/vscode-react-native-directory",
+  "bugs": {
+    "url": "https://github.com/react-native-community/vscode-react-native-directory/issues"
+  },
+  "icon": "./assets/icon.png",
+  "activationEvents": ["onCommand:extension.showQuickPick"],
+  "main": "./build/extension.js",
+  "contributes": {
+    "commands": [
+      {
+        "command": "extension.showQuickPick",
+        "title": "React Native Directory: Search packages"
+      }
+    ]
+  },
+  "version": "0.1.0",
+  "engines": {
+    "vscode": "^1.97.0"
+  },
+  "scripts": {
+    "compile": "tsc -p .",
+    "lint": "eslint .",
+    "package": "vsce package"
+  },
+  "dependencies": {
+    "axios": "^1.7.9",
+    "preferred-pm": "^4.1.1"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.20.0",
+    "@types/node": "^22.13.4",
+    "@types/vscode": "^1.97.0",
+    "@vscode/vsce": "^3.2.2",
+    "eslint": "^9.20.1",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-prettier": "^5.2.3",
+    "globals": "^15.15.0",
+    "jiti": "^2.4.2",
+    "prettier": "^3.5.1",
+    "typescript": "^5.7.3",
+    "typescript-eslint": "^8.24.0"
+  }
+}