Organize images by documentation structure

blog/2024-05-15.md

@@ -36,7 +36,7 @@ For example, a basic trade flow could be:
 4. Another user accepts the order
 5. Users swap control of the keys to fulfill the order
 
-![docs](/docs/native-cross-chain.png)
+![docs](/docs/blog/native-cross-chain.png)
 
 <details>
 - User A has `ETH` on the Ethereum blockchain, and wants to buy native Bitcoin

docs/api/rpc/setup.md

@@ -41,10 +41,10 @@ An easy way to test the queries in this documentation page is to use an API requ
 You only need to configure two things:
 
 1. Make sure you add a header with a key of `Content-Type` and value of `application/json`.
-   ![postman-setup-header](/docs/assets/postman-setup-headers.png)
+   ![postman-setup-header](/docs/assets/api/postman-setup-headers.png)
 
 2. Then select the `Body` tab and choose the `raw` radio button and ensure `JSON` is the selected format.
-   ![postman-setup-header](/docs/assets/postman-setup-body.png)
+   ![postman-setup-header](/docs/assets/api/postman-setup-body.png)
 
 After that is set up, just copy/paste the `JSON object` example snippets below into the `body` of your request, on Postman, and click `send`.
 

docs/chain-abstraction/chain-signatures.md

@@ -67,7 +67,7 @@ Controlling accounts and their assets on other blockchain platforms is made poss
 2. [**Multichain Smart Contract**](#multichain-smart-contract) - Receives requests to sign a transaction for other blockchains
 3. [**Multiparty Computation Service**](#multi-party-computation-service) - Third-party service providing signatures to the contract
 
-![Chain Signatures](/docs/assets/chain-abstract-2.svg)
+![Chain Signatures](/docs/assets/chain-abstraction/chain-abstract-2.svg)
 _Chain signatures flow_
 
 <hr class="subsection" />

docs/chain-abstraction/chain-signatures/getting-started.md

@@ -15,9 +15,9 @@ Chain Signatures enhances blockchain interoperability, giving ownership of diver
 
 ## How does it work?
 
-When a NEAR account - could be a user or a **smart contract** - wants to interact with a foreign blockchain, it just need to follow four simple steps.
+When a NEAR account - could be a user or a **smart contract** - wants to interact with a foreign blockchain, it just need to follow four simple steps.qss
 
-![Chain Signatures](/docs/assets/chain-abstract-2.svg)
+![Chain Signatures](/docs/assets/chain-abstraction/chain-abstract-2.svg)
 _Chain signatures flow_
 
 #### 1. Deriving Foreign Addresses

docs/data-infrastructure/big-query.md

@@ -59,15 +59,15 @@ ORDER BY 1 DESC;
 You can check how much data it will query before running it in the BigQuery console UI. Again, since BigQuery uses a columnar data structure and partitions, it's recommended to select only the columns and partitions (`block_date`) needed to avoid unnecessary query costs.
 :::
 
-![Query Costs](/docs/BQ_Query_Cost.png "BQ Query Costs")
+![Query Costs](/docs/assets/data-infra/BQ_Query_Cost.png "BQ Query Costs")
 
 ## Architecture
 
 The data is loaded in a streaming fashion using [Databricks Autoloader](https://docs.gcp.databricks.com/ingestion/auto-loader/index.html) into raw/bronze tables, and transformed with [Databricks Delta Live Tables](https://www.databricks.com/product/delta-live-tables) streaming jobs into cleaned/enriched/silver tables.
 
 The silver tables are also copied into the [GCP BigQuery Public Dataset](https://cloud.google.com/bigquery/public-data).
 
-![Architecture](/docs/Architecture.png "Architecture")
+![Architecture](/docs/assets/data-infra/Architecture.png "Architecture")
 
 :::info
 

docs/protocol/storage/decentralized-storage.md

@@ -84,11 +84,11 @@ yarn start
 
 - Now you're ready to upload an image by selecting the <kbd>Choose File</kbd> button:
 
-![Arweave step 1](/docs/assets/arweave-1.png)
+![Arweave step 1](/docs/assets/protocol/storage/arweave-1.png)
 
 - You should see the transaction ID window become populated after hitting the <kbd>Submit</kbd> button:
 
-![Arweave step 2](/docs/assets/arweave-2.png)
+![Arweave step 2](/docs/assets/protocol/storage/arweave-2.png)
 
 :::tip
 If you get an error, make sure your arlocal node is running in a **separate terminal.**
@@ -109,7 +109,7 @@ When dealing with a real Arweave node you will have to wait until your transacti
 
 - Now you can copy and paste any of your listed arweave transaction IDs in step 5 on the frontend to retrieve your file from your local node:
 
-![Arweave step 3](/docs/assets/arweave-3.png)
+![Arweave step 3](/docs/assets/protocol/storage/arweave-3.png)
 
 :::info
 Using Arweave's live network will require purchasing artokens to pay for storage. You can find out more at [arweave.org](https://www.arweave.org/).

docs/smart-contracts/anatomy/reproducible-builds.md

@@ -72,14 +72,14 @@ near view <CONTRACT_ACCOUNT> contract_source_metadata
  |        }
  |      ],
  |      "version": "0.1.0"
- |    }
+ |    
  |    ------------------------------------
 ```
 
 ## Verify and Publish
 In order to verify and publish your contract's code, you can use [NearBlocks](https://nearblocks.io) to trigger the verification process. Navigate to the contract's account page and under the **Contract** tab, you will see the **Verify and Publish** button. After the verification process is completed, the contract's source code, along with the metadata, will be publicly accessible on NearBlocks on the `Contract -> Contract Code` tab. 
 
-![reproducible-build](/docs/assets/reproducible-build.png)
+![reproducible-build](/docs/assets/smart-contract/reproducible-build.png)
 
 For a step-by-step guide on how to verify your contract, check out the [Verification Guide](https://github.com/SourceScan/verification-guide).
 

docs/smart-contracts/quickstart.md

@@ -131,7 +131,7 @@ Create a smart contract by using one of the scaffolding tools and following thei
   npx create-near-app@latest
 ```
 
-![img](@site/static/docs/hello-near-ts.gif)
+![img](@site/static/docs/assets/smart-contract/hello-near-ts.gif)
 _Creating a project using `create-near-app`_
 
 This will generate a project with the following structure:
@@ -161,7 +161,7 @@ We recommend you to name your project `hello-near` for this tutorial, but feel f
   cargo near
 ```
 
-![img](@site/static/docs/hello-near-rs.gif)
+![img](@site/static/docs/assets/smart-contract/hello-near-rs.gif)
 _Creating a project using `cargo near new`_
 
 This will generate a project with the following structure:
@@ -201,7 +201,7 @@ You can skip the interactive menu and create a new project with specific name ru
   npx create-near-app@latest
 ```
 
-![img](@site/static/docs/hello-near-py.gif)
+![img](@site/static/docs/assets/smart-contract/hello-near-py.gif)
 _Creating a project using `create-near-app`_
 
 This will generate a project with the following structure:

docs/tools/cli.md

@@ -78,7 +78,7 @@ $ near
 
 You should then see the following. Use the arrow keys and hit `enter` or simply type out one of the available options to select an option
 
-![](/docs/assets/near-cli-rs.png)
+![](/docs/assets/tools/near-cli-rs.png)
 
 :::important
 We provide examples only of the most used commands. Such commands may have two versions - a **full** one and a **short** one. If you want to explore all options provided by `near-cli` use the interactive mode described above.

docs/tools/faucet.md

@@ -31,7 +31,7 @@ If you have a NEAR `testnet` account and need tokens to experiment, test, and bu
 
 1. Open the [Developer Portal Faucet](https://dev.near.org/faucet) or [Testnet Faucet website](https://near-faucet.io/)
 
-![Faucet](/docs/assets/faucet.png)
+![Faucet](/docs/assets/tools/faucet.png)
 *Main page of [Testnet Faucet](https://near-faucet.io/)*
 
 2. Fill out the information:

docs/tools/wallet-selector.md

@@ -6,7 +6,7 @@ sidebar_label: NEAR Wallet Selector
 
 The [Wallet Selector](https://github.com/near/wallet-selector) is a `JS`/`TS` library that lets users connect to your application using their preferred wallet. 
 
-![Preview](/docs/assets/wallet-selector-preview.png)
+![Preview](/docs/assets/tools/wallet-selector-preview.png)
 *Initial screen of [Wallet Selector](https://near.github.io/wallet-selector/)*
 
 <details>

docs/web3-apps/ai/ai-assistant.md

@@ -93,7 +93,7 @@ llama-server -m ./model/Hermes-2-Pro-Llama-3-8B-Q4_K_M.gguf
 ```
 
 Open your browser at `http://localhost:8080`, if you see an interface similar to this one you are ready to go 🚀
-![llama.cpp UI](@site/static/docs/assets/llama-cpp.png)
+![llama.cpp UI](@site/static/docs/assets/ai-assistant/llama-cpp.png)
 
 :::tip
 
@@ -167,7 +167,7 @@ yarn dev
 ## Usage
 
 You can now head to `http://localhost:5173`, where you'll find an interface like this one to interact with the AI:
-![img](@site/static/docs/assets/ai-assistant.png)
+![img](@site/static/docs/assets/ai-assistant/ai-assistant.png)
 
 Here are a few example questions you can ask it:
 - What is NEAR?

website/src/components/docs/api/rpc/transactions/send-transaction-async/index.mdx

@@ -35,7 +35,7 @@ Final transaction results can be queried using [Transaction Status](#transaction
 or [NearBlocks Explorer](https://testnet.nearblocks.io/) using the above
 `result` hash returning a result similar to the example below.
 
-![NEAR-Explorer-transactionHash](/docs/assets/NEAR-Explorer-transactionHash.png)
+![NEAR-Explorer-transactionHash](/docs/assets/api/NEAR-Explorer-transactionHash.png)
 
 #### What could go wrong? {#what-could-go-wrong}