base on 🎒 Next level crypto wallet <div align="center"> <img src="/assets/backpack.png" /> <h1>Backpack</h1> <p> <strong>A home for your xNFTs</strong> </p> <p> <a href="https://github.com/coral-xyz/backpack/actions"><img alt="Build Status" src="https://github.com/coral-xyz/backpack/actions/workflows/pull_requests_and_merges.yml/badge.svg" /></a> <a href="https://docs.xnfts.dev"><img alt="Tutorials" src="https://img.shields.io/badge/docs-tutorials-blueviolet" /></a> <a href="https://discord.gg/RhKxgS8SaD"><img alt="Discord Chat" src="https://img.shields.io/badge/chat-discord-blueviolet" /></a> </p> </div> ### Note - Backpack is in active development, so all APIs are subject to change. - This code is unaudited. Use at your own risk. - I repeat. This is not ready for production. # Table of contents: - [Table of contents:](#table-of-contents) - [Installing the Latest Release](#installing-the-latest-release) - [Developing Locally](#developing-locally) - [Pull the code](#pull-the-code) - [Temporary preliminary steps](#temporary-preliminary-steps) - [Enable self-signed local SSL certs](#enable-self-signed-local-ssl-certs) - [Environment variables](#environment-variables) - [Install dependencies](#install-dependencies) - [Build all packages for production](#build-all-packages-for-production) - [Start everything inside `./packages` for development](#start-everything-inside-packages-for-development) - [Troubleshooting](#troubleshooting) - [Install the development version of the extension](#install-the-development-version-of-the-extension) - [Not seeing the dev folder?](#not-seeing-the-dev-folder) - [Optionally install the built extension](#optionally-install-the-built-extension) - [License](#license) ## Installing the Latest Release If you'd like to install the latest dev release, grab the latest **build.zip** [here](https://github.com/coral-xyz/backpack/releases) and add it to your local chrome profile, using developer mode. See the video below. ## Developing Locally https://user-images.githubusercontent.com/101902546/173857300-fc139113-0af5-46fc-baad-236a2ebf63f1.m4p ### Pull the code ```bash git clone [email protected]:coral-xyz/backpack.git cd backpack ``` ### Temporary preliminary steps #### Enable self-signed local SSL certs Go to chrome://flags/#allow-insecure-localhost and enable the toggle, then restart chrome. Note: Please don't enable this if you don't know what you're doing. It will leave you vulnerable to exploits if left on. It is recommended to undo this step when you are done developing. #### Environment variables ### Install dependencies ```bash yarn install ``` You can also optionally rename `.env.example` to `.env` and set your own variables. ### Build all packages for production ```bash yarn build ``` ### Start everything inside `./packages` for development ```bash yarn start ``` Note: In a fresh repo, you should run `yarn build` before `yarn start`. #### Troubleshooting _If you run into issues with builds try running `yarn clean` and then start again._ <details> <summary>Seeing `WebSocket connection to 'wss://localhost:9997/ws' failed` error messages in your console?</summary> You need to install a SSL certificate for localhost as the one provided by [webpack-dev-server is considered invalid](https://github.com/webpack/webpack-dev-server/issues/2957). This step is optional as `react-refresh` will still function without it, but it's a good idea to try and fix this error because otherwise your browser will be making a lot of failed requests and `webpack-dev-server` might not be functioning to its full capabilities. A relatively simple way of doing this is using [mkcert](https://github.com/FiloSottile/mkcert) Instructions for how to install a trusted self-signed cert on macOS - ``` cd packages/app-extension brew install mkcert mkcert localhost mkcert -install ``` Now the next time you run `yarn start` the errors should no longer appear. </details> ### Install the development version of the extension Go to chrome://extensions, enable developer mode (top right) and drag the `packages/app-extension/dev` dir into the window. This version will have (Dev) in the title and supports live-reloading. #### Not seeing the dev folder? - Do you have a stale node process running? Try to kill it all: `killall -9 node` and start over - Try running `yarn start` from within `packages/app-extension` while running `yarn start` from root. This should work. ### Optionally install the built extension If you want to try the production build of the extension, run `yarn build` and drag the `packages/app-extension/build` dir into chrome://extensions as above. This version won't have hot-reloading and local plugins won't be visible unless you also run `yarn start` ## License Unless you explicitly state otherwise, any contribution intentionally submitted for inclusion by you shall be licensed at the discretion of the repository maintainers without any additional terms or conditions. ", Assign "at most 3 tags" to the expected json: {"id":"6603","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"