Tai-Shang-Arweave-Uploader-Plugin

This app demonstrates usage of the bundlr-client to facilitate a bridge for users in Polygon to easily store data into Arweave.

Comment

0x00 Project

Repo: https://github.com/WeLightProject/Tai-Shang-Arweave-Uploader-Plugin

Demo: https://welightproject.github.io/Tai-Shang-Arweave-Uploader-Plugin/

0x01 Inspiration

We are inspired by Bundlr, Arweave and Polygon! This app demonstrates usage of the bundlr-client to facilitate a bridge for users in Polygon to easily store data into Arweave, packaging them into bundles using a bundler from the Bundlr Network app, and dispatching them to the Arweave network.

0x02 Features

  • Allow the user to upload files to Arweave with Matic payment.
  • Allow two ways of uploading, adapted to the needs of different applications. For example:
    • code snippets uploading to FaaS -- text copy and paste
    • NFT uploading -- files and images
  • Allow two ways of instant copying of the result
    • Copy only the link to the uploaded tx
    • Copy the full JSON as the followed format js { "tx_id": "", "resource_link": "https://arweave.net/", "uploader": "0x73c7448760517e3e6e416b2c130e3c6db2026a1d", "copy_from": "bundlr" } - Allow user to verify their identity as resource uploader with MetaMask signing.
  • Sign the above JSON with the generate signature button and provide the Copy full JSON with signature button to verify the identity of the resource uploader

0x03 How we built it

We built it with React, Chakra UI, and Bundlr!

0x04 What's next for TaiShang Arweave<>Polygon

TaiShang Arweave<>Polygon will be TaiShang Ecosystem's File Uploader Plugin.

In the TaiShang Projects ecosystem, this application is regarded as a kind of "plug-in", so that other projects related to Arweave in the ecosystem can easily upload data onto the Arweave network by jumping or embedding iframe plugins. For example, as shown in the following structure diagram:

In this case, we use three examples of TaiShangArweaveUploaderPlugin to mark the interaction relationship with three different colors:

  • TaiShang FaaS: Based on Arweave's FaaS system, code snippets written in languages such as Elixir/Rust can be pulled from the Arweave chain and loaded into Runtime to provide functional service support for other applications. Plugin is used for uploading code snippets.

  • TaiShang NFT Renderer: TaiShang NFT renderer for rendering abstract NFTs. Plugin is used to upload resources.

  • TaiShang Voxel Handler: TaiShang Voxel processor. Plugin is used to upload Voxel resources, convert Voxel Mint to NFT or transfer them to 3D printing device.

Share this project:

Updates