{"id":25461055,"url":"https://github.com/react-native-community/vscode-react-native-directory","last_synced_at":"2025-11-03T11:30:39.368Z","repository":{"id":277981825,"uuid":"933880184","full_name":"react-native-community/vscode-react-native-directory","owner":"react-native-community","description":"Find and install right packages for all of your React Native apps right from your VS Code.","archived":false,"fork":false,"pushed_at":"2025-02-17T10:18:37.000Z","size":353,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":8,"default_branch":"main","last_synced_at":"2025-02-17T11:27:01.227Z","etag":null,"topics":["directory","react-native","vscode","vscode-extension"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/react-native-community.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-02-16T22:13:33.000Z","updated_at":"2025-02-17T10:50:39.000Z","dependencies_parsed_at":"2025-02-17T11:27:09.565Z","dependency_job_id":"9ab2e033-f26d-4cbe-8f10-9966397368e4","html_url":"https://github.com/react-native-community/vscode-react-native-directory","commit_stats":null,"previous_names":["react-native-community/vscode-react-native-directory"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-native-community%2Fvscode-react-native-directory","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-native-community%2Fvscode-react-native-directory/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-native-community%2Fvscode-react-native-directory/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-native-community%2Fvscode-react-native-directory/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/react-native-community","download_url":"https://codeload.github.com/react-native-community/vscode-react-native-directory/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239413075,"owners_count":19634150,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["directory","react-native","vscode","vscode-extension"],"created_at":"2025-02-18T05:22:21.248Z","updated_at":"2025-02-18T05:22:22.023Z","avatar_url":"https://github.com/react-native-community.png","language":"TypeScript","readme":"\u003cdd align=\"center\"\u003e\u003cimg alt=\"React Native Directory Logo\" height=\"96\" src=\"./assets/icon.png\" /\u003e\u003c/dd\u003e\n\u003ch1 align=\"center\"\u003evscode-react-native-directory\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\nA VS Code extension allowing to browse through \u003ca href=\"https://reactnative.directory/\"\u003eReact Native Directory\u003c/a\u003e\u003cbr/\u003e\nand perform actions related to the chosen package inside build-in editor Command Palette.\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\u003cimg alt=\"Search mode\" src=\"./assets/screenshot.png\" width=\"500\" align=\"center\" /\u003e\n\u003cimg alt=\"Actions list\" src=\"./assets/screenshot-actions.png\" width=\"500\" align=\"center\" /\u003e\n\u003c/p\u003e\n\n## ⚡️ Features\n\n* Search through the packages registered in the React Native Directory.\n* Narrow down the results by using filter tokens, such as `:ios`, `:newArchitecture`, or `:hasTypes`.\n  * Valid tokens are a subset of all possible API query options, and the values can be seen [in this file](/src/utils.ts#L30-L51).\n* Install the selected packages in the current workspace using your preferred package manager.\n* Dive deep into the stats and analysis with the provided metadata and links.\n\n## 📦 Installation\n\n\u003e [!tip]\n\u003e The extension is currently in the development phase, only manual build and installation is supported at this time.\n\n1. Make sure you have [Bun](https://bun.sh/docs/installation) installed.\n1. Checkout the repository locally.\n1. Run the following commands to install dependencies, compile source and prepare extension package file:\n   \n   ```sh\n   bun install \u0026\u0026 bun compile \u0026\u0026 bun package\n   ```\n1. In VS Code:\n   * Navigate to the **\"Extensions\"** pane (\u003ckbd\u003eCtrl/Cmd+Shift+X\u003c/kbd\u003e).\n   * Click **\"More\"** button (three dots in the right corner of header) and select **\"Install from VSIX\"**.\n   * Select VSIX file which has been created in third step inside the checkout root directory.\n\n## 📝 Contributing\n\n1. Make sure you have [Bun](https://bun.sh/docs/installation) installed.\n1. Checkout the repository locally.\n1. Run the following commands to install dependencies and compile source:\n   \n   ```sh\n   bun install\n   ```\n1. In VS Code:\n   * Open folder containing the extension repository.\n   * Navigate to the **\"Run and Debug\"** pane (\u003ckbd\u003eCtrl/Cmd+Shift+D\u003c/kbd\u003e).\n   * Select **\"Run with extension\"** launch task, and press **\"Start Debugging\"** button (\u003ckbd\u003eF5\u003c/kbd\u003e).\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freact-native-community%2Fvscode-react-native-directory","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Freact-native-community%2Fvscode-react-native-directory","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freact-native-community%2Fvscode-react-native-directory/lists"}