0.2.0

README.md

@@ -1,37 +1,63 @@
-# Bagpipes 
-
-![](/intro_readme.png)
-
+---
 
+# ![Bagpipes Logo](https://drive.google.com/uc?export=download&id=1t9QlFCEGjh5KJqU4s8RGfLCeYFC2SZBS) Bagpipes.io
+![GitHub deployments](https://img.shields.io/github/deployments/XcmSend/xcmsend-ui/production?logo=vercel&link=https%3A%2F%2Fapp-v0-0-1.vercel.app)
 ![Discord](https://img.shields.io/discord/1155878499240914944?logo=discord&link=https%3A%2F%2Fdiscord.gg%2FfJYcgrB2F)
-[![Book - mdbook](https://img.shields.io/badge/Book-mdbook-orange?logo=gitbook&logoColor=white&style=flat-square)](https://xcmsend.github.io)    
+![Docusaurus - Docusaurus](https://img.shields.io/badge/Docusaurus-Docusaurus-blue?logo=docusaurus&logoColor=white&style=flat-square)
 ![Polkadot](https://img.shields.io/badge/polkadot-E6007A?style=for-the-badge&logo=polkadot&logoColor=white)
-![Vite ](https://img.shields.io/badge/Vite-B73BFE?style=for-the-badge&logo=vite&logoColor=FFD62E)
+![Vite](https://img.shields.io/badge/Vite-B73BFE?style=for-the-badge&logo=vite&logoColor=FFD62E)
 
-## Documentation:   
-[https://xcmsend.github.io/](https://xcmsend.github.io/)   
+---
 
-## Live instance:   
-[alpha.bagpipes.io](https://alpha.bagpipes.io)  
+## 🚀 Introduction
 
+Welcome to Bagpipes.io, no-code platform for Web3 development. Our platform simplifies the creation and management of decentralized applications.
 
-## Build and run me:    
-```shell
-$ git clone [email protected]:XcmSend/app.git  
-$ npm install -f
-$ npm run build -f 
-```
+## 📚 Documentation
+
+Find our docs at:
+[Bagpipes.io Documentation](https://docs.bagpipes.io/)
+
+## 🌐 Live Instance (Experimental)
+
+Check out our live instance at:
+[alpha.bagpipes.io](https://alpha.bagpipes.io)
+_We are still in an experimental stage, so be prepared for bugs_
+
+## 🛠️ Getting Started
+
+Follow these steps to build and run the application locally:
 
-## Run me:
 ```shell
-$ npm run dev
+git clone [email protected]:XcmSend/app.git
+npm install -f
+npm run build -f
+npm run dev
 ```
 
-#### Build tailwind:
+### 🔧 Build Tailwind
 
-```
+To build TailwindCSS, running the following:
+
+```shell
 npx tailwindcss -c ./tailwind.config.js -i ./src/index.css -o dist/output.css
 ```
 
-### License: 
-Bagpipes license, see LICENSE.md
+## ⚖️ License
+
+Bagpipes is licensed under the Bagpipes license. See [LICENSE.md](LICENSE.md) for more details.
+
+## 📞 Community & Support
+
+Feel free to join our Discord community if you need any support or want to discuss ideas:
+[![Discord](https://img.shields.io/discord/1155878499240914944?logo=discord&link=https%3A%2F%2Fdiscord.gg%2FfJYcgrB2F)](https://discord.gg/fJYcgrB2F)
+
+## 👥 Contributing
+
+We welcome contributions! Please read our [Contributing Guide](CONTRIBUTING.md) to learn how you can help.
+
+---
+
+Feel free to reach out to us if you have any questions or need further assistance. Happy Bagpiping! 🎉
+
+---

api/createWebhook-archive.js

@@ -13,7 +13,7 @@ async function createWebhook(req, res) {
   try {
     console.log('Creating webhook...');
     // Webhook.site API endpoint to create a new webhook
-    const webhookEndpoint = 'https://webhook.site/token';
+    const webhookEndpoint = 'https://webhook.bagpipes.io/token';
 
     const response = await fetch(webhookEndpoint, {
       method: 'POST',

api/createWebhook.js

@@ -29,7 +29,7 @@ export default async function createWebhook(req, res) {
 
     try {
       console.log('createWebhook Creating webhook...');
-      const webhookEndpoint = 'https://webhook.site/token';
+      const webhookEndpoint = 'https://webhook.bagpipes.io/token';
 
       const response = await fetch(webhookEndpoint, {
         method: 'POST',

package.json

@@ -6,7 +6,7 @@
     "Filip Kalebo <[email protected]>"
   ],
   "private": true,
-  "version": "0.1.1",
+  "version": "0.2.0",
   "license": "Bagpipes License",
   "type": "module",
   "scripts": {
@@ -28,34 +28,34 @@
     "@fortawesome/fontawesome-svg-core": "^6.4.2",
     "@fortawesome/free-solid-svg-icons": "^6.4.2",
     "@fortawesome/react-fontawesome": "^0.2.0",
-    "@galacticcouncil/sdk": "^2.0.1",
+    "@galacticcouncil/sdk": "^3.0.0",
     "@metamask/providers": "^11.1.1",
     "@metamask/types": "^1.1.0",
-    "@polkadot/api": "^10.9.1",
-    "@polkadot/api-augment": "^10.9.1",
-    "@polkadot/api-base": "^10.9.1",
-    "@polkadot/api-contract": "^10.9.1",
-    "@polkadot/api-derive": "^10.9.1",
-    "@polkadot/extension-dapp": "^0.46.5",
-    "@polkadot/extension-inject": "^0.46.5",
-    "@polkadot/hw-ledger": "^12.4.2",
-    "@polkadot/keyring": "^12.4.2",
-    "@polkadot/networks": "^12.4.2",
-    "@polkadot/phishing": "^0.21.5",
-    "@polkadot/rpc-augment": "^10.9.1",
-    "@polkadot/rpc-core": "^10.9.1",
-    "@polkadot/rpc-provider": "^10.9.1",
-    "@polkadot/types": "^10.9.1",
-    "@polkadot/types-augment": "^10.9.1",
-    "@polkadot/types-codec": "^10.9.1",
-    "@polkadot/types-create": "^10.9.1",
-    "@polkadot/types-known": "^10.9.1",
-    "@polkadot/types-support": "^10.9.1",
+    "@polkadot/api": "^11.0.2",
+    "@polkadot/api-augment": "^11.0.2",
+    "@polkadot/api-base": "^11.0.2",
+    "@polkadot/api-contract": "^11.0.2",
+    "@polkadot/api-derive": "^11.0.2",
+    "@polkadot/extension-dapp": "^0.47.3",
+    "@polkadot/extension-inject": "^0.47.3",
+    "@polkadot/hw-ledger": "^12.6.2",
+    "@polkadot/keyring": "^12.6.2",
+    "@polkadot/networks": "^12.6.2",
+    "@polkadot/phishing": "^0.22.6",
+    "@polkadot/rpc-augment": "^11.0.2",
+    "@polkadot/rpc-core": "^11.0.2",
+    "@polkadot/rpc-provider": "^11.0.2",
+    "@polkadot/types": "^11.0.2",
+    "@polkadot/types-augment": "^11.0.2",
+    "@polkadot/types-codec": "^11.0.2",
+    "@polkadot/types-create": "^11.0.2",
+    "@polkadot/types-known": "^11.0.2",
+    "@polkadot/types-support": "^11.0.2",
     "@polkadot/ui-keyring": "^3.1.4",
-    "@polkadot/util": "^12.4.2",
-    "@polkadot/util-crypto": "^12.4.2",
+    "@polkadot/util": "^12.6.2",
+    "@polkadot/util-crypto": "^12.6.2",
     "@polkadot/wasm-crypto": "^7.3.2",
-    "@sub-wallet/wallet-connect": "./src/components/Wallet/wallet-connect",
+    "@sub-wallet/wallet-connect": "./src/components/Wallet/connect-wallet",
     "@subwallet/wallet-connect": "^0.2.3",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.0.0",
@@ -75,6 +75,7 @@
     "pako": "^2.1.0",
     "quill": "^1.3.7",
     "react": "^18.2.0",
+    "react-code-blocks": "^0.1.6",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
     "react-dom": "^18.2.0",
@@ -93,6 +94,7 @@
     "use-debounce": "^9.0.4",
     "util": "^0.12.5",
     "uuid": "^9.0.0",
+    "validator": "^13.12.0",
     "web-vitals": "^2.1.0",
     "web3": "^1.7.3",
     "zukeeper": "^1.0.2",
@@ -102,12 +104,12 @@
     "@metamask/detect-provider": "^2.0.0",
     "@polkadot/dev": "^0.66.28",
     "@types/js-yaml": "^4.0.9",
+    "@types/pako": "^2.0.3",
     "@types/react": "^18.2.15",
-    "@types/react-dom": "^18.2.17",
+    "@types/react-dom": "^18.2.18",
     "@types/uuid": "^9.0.2",
     "@types/web3-provider-engine": "^14.0.1",
     "@vitejs/plugin-react": "^4.0.1",
-    "vite-plugin-wasm": "3.3.0",
     "assert": "^2.0.0",
     "autoprefixer": "^10.4.14",
     "babel-loader": "^8.2.3",
@@ -141,6 +143,7 @@
     "url-loader": "^4.1.1",
     "vite": "^4.4.0",
     "vite-plugin-top-level-await": "^1.3.1",
+    "vite-plugin-wasm": "3.3.0",
     "web3-core": "^1.10.1",
     "webpack": "^5.65.0",
     "webpack-cli": "^4.9.1",

public/fonts/Lexend/lexend.css

@@ -1,16 +1,16 @@
-/*@font-face {*/
-/*  font-family: 'Lexend';*/
-/*  src: url('./Lexend-Black.ttf'); !* IE9 Compat Modes *!*/
-/*  font-weight: 900;*/
-/*  font-style: normal;*/
-/*}*/
+@font-face {
+  font-family: 'Lexend';
+  src: url('./Lexend-Black.ttf');
+  font-weight: 900;
+  font-style: normal;
+}
 
-/*@font-face {*/
-/*  font-family: 'Lexend';*/
-/*  src: url('./Lexend-ExtraBold.ttf'); !* IE9 Compat Modes *!*/
-/*  font-weight: 800;*/
-/*  font-style: normal;*/
-/*}*/
+@font-face {
+  font-family: 'Lexend';
+  src: url('./Lexend-ExtraBold.ttf');
+  font-weight: 800;
+  font-style: normal;
+}
 
 @font-face {
   font-family: 'Lexend';

src/App.jsx

@@ -63,7 +63,7 @@ function App () {
 
                   <div className='absolute top-0 left-0'>
                 </div>
-                <Header open={true} />
+                {/* <Header open={true} /> */}
 
                 {/* <Header open={walletContext.wallet || walletContext.evmWallet} /> */}
 

src/App.scss

@@ -118,7 +118,7 @@
 .toast-styles {
   width: auto;
   min-width: 200px;  /* Minimum width you want */
-  max-width: 90%;   /* Maximum width based on the viewport width */
+  // max-width: 90%;   /* Maximum width based on the viewport width */
   word-wrap: break-word; /* This will ensure that long words/URLs will wrap instead of overflowing */
   background-color: var(--toast-bg);
 }