react-web3-storage 1.0.63 → 1.1.0

package/package.json

@@ -1,30 +1,42 @@
 {
   "name": "react-web3-storage",
-  "version": "1.0.63",
+  "version": "1.1.0",
   "description": "Simple web3 storage for react dapp",
-  "main": "src/index.js",
   "author": "Stas Prohetamine",
   "license": "ISC",
-  "dependencies": {
-    "promise-queue": "^2.2.5",
-    "sleep-promise": "^9.1.0",
+  "private": false,
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.es.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "_NODE_ENV=production vite build",
+    "dev": "_NODE_ENV=development vite build --watch"
+  },
+  "devDependencies": {
     "@reown/appkit": "^1.8.16",
     "@reown/appkit-adapter-ethers": "^1.8.16",
-    "ethers": "^6.16.0"
+    "@types/react": "^18.2.0",
+    "@vitejs/plugin-react": "^4.0.0",
+    "ethers": "^6.16.0",
+    "md5": "^2.3.0",
+    "promise-queue": "^2.2.5",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "sleep-promise": "^9.1.0",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.0"
   },
   "peerDependencies": {
     "@reown/appkit": "^1.8.16",
     "@reown/appkit-adapter-ethers": "^1.8.16",
     "ethers": "^6.16.0",
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react": ">=18",
+    "react-dom": ">=18"
   },
-  "devDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0",
-    "tsup": "^8.5.1",
-    "@reown/appkit": "^1.8.16",
-    "@reown/appkit-adapter-ethers": "^1.8.16",
-    "ethers": "^6.16.0"
+  "dependencies": {
+    "p-queue": "^9.1.0"
   }
 }

package/config.js

@@ -1,39 +0,0 @@
-import { bsc } from '@reown/appkit/networks'
-import networkTest from './src/network-test'
-
-const blockChainsData = [
-  {
-    network: networkTest,
-    name: 'unknown',
-    token: '0x5FbDB2315678afecb367f032d93F642f64180aa3',
-    receiver: '0xcbEAF3BDe82155F56486Fb5a1072cb8baAf547cc',
-    publicRpc: 'http://127.0.0.1:8545'
-  },
-  {
-    network: bsc,
-    name: 'bnb',
-    token: '0xD566886eB93500e2BA464bd48c8D5A2556569253',
-    receiver: '0x9449448eae234EDC73958A35A205F9648D7Bd208',
-    publicRpc: 'https://bsc-rpc.publicnode.com'
-  }
-]
-  .filter(({ name }) => name === 'unknown' ? process.env.NODE_ENV === 'development' : true)
-  .filter(({ token, receiver }) => token && receiver)
-
-const config = {
-  networks: blockChainsData.map(({ network }) => network),
-  blockChainsData,
-  address: blockChainsData.reduce((ctx, { name, token, receiver }) => {
-    ctx[name] = {
-      token,
-      receiver
-    }
-    return ctx
-  }, {}),
-  ABI: {
-    token: [{"inputs":[{"internalType":"string","name":"_name","type":"string"},{"internalType":"string","name":"_symbol","type":"string"},{"internalType":"uint256","name":"_initialSupply","type":"uint256"}],"stateMutability":"nonpayable","type":"constructor"},{"inputs":[{"internalType":"address","name":"spender","type":"address"},{"internalType":"uint256","name":"allowance","type":"uint256"},{"internalType":"uint256","name":"needed","type":"uint256"}],"name":"ERC20InsufficientAllowance","type":"error"},{"inputs":[{"internalType":"address","name":"sender","type":"address"},{"internalType":"uint256","name":"balance","type":"uint256"},{"internalType":"uint256","name":"needed","type":"uint256"}],"name":"ERC20InsufficientBalance","type":"error"},{"inputs":[{"internalType":"address","name":"approver","type":"address"}],"name":"ERC20InvalidApprover","type":"error"},{"inputs":[{"internalType":"address","name":"receiver","type":"address"}],"name":"ERC20InvalidReceiver","type":"error"},{"inputs":[{"internalType":"address","name":"sender","type":"address"}],"name":"ERC20InvalidSender","type":"error"},{"inputs":[{"internalType":"address","name":"spender","type":"address"}],"name":"ERC20InvalidSpender","type":"error"},{"inputs":[{"internalType":"address","name":"owner","type":"address"}],"name":"OwnableInvalidOwner","type":"error"},{"inputs":[{"internalType":"address","name":"account","type":"address"}],"name":"OwnableUnauthorizedAccount","type":"error"},{"anonymous":false,"inputs":[{"indexed":true,"internalType":"address","name":"owner","type":"address"},{"indexed":true,"internalType":"address","name":"spender","type":"address"},{"indexed":false,"internalType":"uint256","name":"value","type":"uint256"}],"name":"Approval","type":"event"},{"anonymous":false,"inputs":[{"indexed":true,"internalType":"address","name":"previousOwner","type":"address"},{"indexed":true,"internalType":"address","name":"newOwner","type":"address"}],"name":"OwnershipTransferred","type":"event"},{"anonymous":false,"inputs":[{"indexed":true,"internalType":"address","name":"from","type":"address"},{"indexed":true,"internalType":"address","name":"to","type":"address"},{"indexed":false,"internalType":"uint256","name":"value","type":"uint256"}],"name":"Transfer","type":"event"},{"inputs":[],"name":"_owner","outputs":[{"internalType":"address","name":"","type":"address"}],"stateMutability":"view","type":"function"},{"inputs":[{"internalType":"address","name":"owner","type":"address"},{"internalType":"address","name":"spender","type":"address"}],"name":"allowance","outputs":[{"internalType":"uint256","name":"","type":"uint256"}],"stateMutability":"view","type":"function"},{"inputs":[{"internalType":"address","name":"spender","type":"address"},{"internalType":"uint256","name":"value","type":"uint256"}],"name":"approve","outputs":[{"internalType":"bool","name":"","type":"bool"}],"stateMutability":"nonpayable","type":"function"},{"inputs":[{"internalType":"address","name":"account","type":"address"}],"name":"balanceOf","outputs":[{"internalType":"uint256","name":"","type":"uint256"}],"stateMutability":"view","type":"function"},{"inputs":[],"name":"decimals","outputs":[{"internalType":"uint8","name":"","type":"uint8"}],"stateMutability":"pure","type":"function"},{"inputs":[],"name":"name","outputs":[{"internalType":"string","name":"","type":"string"}],"stateMutability":"view","type":"function"},{"inputs":[],"name":"owner","outputs":[{"internalType":"address","name":"","type":"address"}],"stateMutability":"view","type":"function"},{"inputs":[],"name":"renounceOwnership","outputs":[],"stateMutability":"nonpayable","type":"function"},{"inputs":[],"name":"symbol","outputs":[{"internalType":"string","name":"","type":"string"}],"stateMutability":"view","type":"function"},{"inputs":[],"name":"totalSupply","outputs":[{"internalType":"uint256","name":"","type":"uint256"}],"stateMutability":"view","type":"function"},{"inputs":[{"internalType":"address","name":"to","type":"address"},{"internalType":"uint256","name":"value","type":"uint256"}],"name":"transfer","outputs":[{"internalType":"bool","name":"","type":"bool"}],"stateMutability":"nonpayable","type":"function"},{"inputs":[{"internalType":"address","name":"from","type":"address"},{"internalType":"address","name":"to","type":"address"},{"internalType":"uint256","name":"value","type":"uint256"}],"name":"transferFrom","outputs":[{"internalType":"bool","name":"","type":"bool"}],"stateMutability":"nonpayable","type":"function"},{"inputs":[{"internalType":"address","name":"newOwner","type":"address"}],"name":"transferOwnership","outputs":[],"stateMutability":"nonpayable","type":"function"}],
-    receiver: [{"inputs":[{"internalType":"address","name":"_allowedToken","type":"address"},{"internalType":"uint256","name":"_priceRatio","type":"uint256"}],"stateMutability":"nonpayable","type":"constructor"},{"inputs":[{"internalType":"uint256","name":"value","type":"uint256"},{"internalType":"uint256","name":"length","type":"uint256"}],"name":"StringsInsufficientHexLength","type":"error"},{"inputs":[{"internalType":"uint256","name":"_priceRatio","type":"uint256"},{"internalType":"string","name":"text","type":"string"}],"name":"mathPrice","outputs":[{"internalType":"uint256","name":"","type":"uint256"}],"stateMutability":"pure","type":"function"},{"inputs":[{"internalType":"string","name":"id","type":"string"}],"name":"privateRead","outputs":[{"internalType":"string","name":"","type":"string"}],"stateMutability":"view","type":"function"},{"inputs":[{"internalType":"address","name":"token","type":"address"},{"internalType":"uint256","name":"amount","type":"uint256"},{"internalType":"string","name":"id","type":"string"},{"internalType":"string","name":"text","type":"string"}],"name":"privateWrite","outputs":[],"stateMutability":"nonpayable","type":"function"},{"inputs":[{"internalType":"string","name":"id","type":"string"},{"internalType":"address","name":"_address","type":"address"}],"name":"publicRead","outputs":[{"internalType":"string","name":"","type":"string"}],"stateMutability":"view","type":"function"},{"inputs":[{"internalType":"address","name":"token","type":"address"},{"internalType":"uint256","name":"amount","type":"uint256"},{"internalType":"string","name":"id","type":"string"},{"internalType":"string","name":"text","type":"string"}],"name":"publicWrite","outputs":[],"stateMutability":"nonpayable","type":"function"},{"inputs":[{"internalType":"string","name":"id","type":"string"},{"internalType":"string","name":"index","type":"string"}],"name":"tableRowRead","outputs":[{"internalType":"string","name":"","type":"string"}],"stateMutability":"view","type":"function"},{"inputs":[{"internalType":"address","name":"token","type":"address"},{"internalType":"uint256","name":"amount","type":"uint256"},{"internalType":"string","name":"id","type":"string"},{"internalType":"string","name":"index","type":"string"},{"internalType":"string","name":"text","type":"string"}],"name":"tableRowUpdate","outputs":[],"stateMutability":"nonpayable","type":"function"},{"inputs":[{"internalType":"address","name":"token","type":"address"},{"internalType":"uint256","name":"amount","type":"uint256"},{"internalType":"string","name":"id","type":"string"},{"internalType":"string","name":"text","type":"string"}],"name":"tableRowWrite","outputs":[],"stateMutability":"nonpayable","type":"function"},{"inputs":[{"internalType":"string","name":"id","type":"string"}],"name":"tableRowsCount","outputs":[{"internalType":"uint256","name":"","type":"uint256"}],"stateMutability":"view","type":"function"}]
-  }
-}
-
-export default config

package/src/index.js

@@ -1,17 +0,0 @@
-import Provider from './provider.js'
-import usePrivateStorage from './use-private-storage.js'
-import useStorage from './use-storage.js'
-import useReadStorage from './use-read-storage.js'
-import useTableStorage from './use-table-storage.js'
-import useApp from './use-app.js'
-import config from '../config.js'
-
-export { 
-    Provider,
-    usePrivateStorage,
-    useStorage,
-    useReadStorage,
-    useTableStorage,
-    useApp,
-    config
-}

package/src/network-test.js

@@ -1,14 +0,0 @@
-import { defineChain } from '@reown/appkit/networks'
-
-const networkTest = defineChain({
-  id: 31337,
-  chainNamespace: "eip155",
-  name: "networkTest",
-  rpcUrls: {
-    default: {
-      http: ["http://192.168.50.246:8545"],
-    }
-  }
-})
-
-export default networkTest

package/src/provider.js

@@ -1,24 +0,0 @@
-import { createAppKit, AppKitProvider } from '@reown/appkit/react'
-import { EthersAdapter } from '@reown/appkit-adapter-ethers'
-
-import _config from '../config.js'
-
-const Provider = ({ children, config }) => {
-  if (!window.GOBAL_REACT_WEB3_STORAGE_createdAppKit) {
-    window.GOBAL_REACT_WEB3_STORAGE_createdAppKit = true
-    createAppKit({
-      projectId: config.projectId,
-      adapters: [new EthersAdapter()],
-      networks: _config.networks,
-      metadata: config.metadata
-    })
-  }
-
-  if (config.defaultNetwork) {
-    window.GOBAL_REACT_WEB3_STORAGE_networkIndex = _config.blockChainsData.findIndex(({ name }) => config.defaultNetwork === name)
-  }
-
-  return AppKitProvider({ children, ...config })
-}
-
-export default Provider

package/src/use-app.js

@@ -1,10 +0,0 @@
-import { useAppKit, useAppKitAccount } from '@reown/appkit/react'
-
-const useApp = () => {
-    const { open } = useAppKit()
-        , { address, isConnected } = useAppKitAccount({ namespace: 'eip155' })
-    
-    return [isConnected, open, address]
-}
-
-export default useApp

package/src/use-private-storage.js

@@ -1,104 +0,0 @@
-import { useAppKit, useAppKitAccount, useAppKitProvider } from '@reown/appkit/react'
-import { BrowserProvider, Contract } from 'ethers'
-import config from '../config.js'
-import { useEffect, useState } from 'react'
-import Queue from 'promise-queue'
-
-if (!window.GOBAL_PROMISE_QUEUE_WEB3_STORAGE) {
-    window.GOBAL_PROMISE_QUEUE_WEB3_STORAGE = new Queue(1, Infinity)
-}
-
-const usePrivateStorage = (_id, value = '') => {
-    const { open } = useAppKit()
-        , { address, isConnected } = useAppKitAccount({ namespace: 'eip155' })
-        , { walletProvider } = useAppKitProvider('eip155')
-
-    const [data, setData] = useState(value)
-    const [outcome, setOutcome] = useState({
-        type: 'connect',
-        msg: null
-    })
-
-    let id = `${location.host}-${_id}`
-
-    const createSignerPrivate = async () => {
-        try { 
-            if (!walletProvider || !address) {
-                open()
-                return
-            }
-            const provider = new BrowserProvider(walletProvider)
-            const network = await provider.getNetwork()
-            const signer = await provider.getSigner()
-            return [signer, network.name]
-        } catch (err) {
-            setOutcome({ type: 'error', msg: err })
-        }
-    }
-
-    const updateState = async (_state = false) => {
-        try {
-            setOutcome({ type: 'upload', msg: null })
-            const [signer, network] = await createSignerPrivate()
-            const _address = config.address[network]
-
-            const token = new Contract(_address.token, config.ABI.token, signer)
-                , receiver = new Contract(_address.receiver, config.ABI.receiver, signer)
-
-            const allowance = await token.allowance(address, _address.receiver)
-            const amount = 1
-
-            if (allowance < amount) {
-                const approveTx = await token.approve(_address.receiver, amount)
-                await approveTx.wait()
-            }
-            
-            const calcTx = await receiver.privateWrite(_address.token, amount, id, _state || data)
-            const { status } = await calcTx.wait()
-            if (status === 1) {
-                setOutcome({ type: 'uploaded', msg: null })
-                await read()
-            } else {
-                setOutcome({ type: 'error', msg: null })
-            }
-        } catch (err) {
-            setOutcome({ type: 'error', msg: err })
-        }
-    }
-
-    const _read = async () => {
-        try {
-            const [signer, network] = await createSignerPrivate()
-            const _address = config.address[network]
-            
-            const receiver = new Contract(_address.receiver, config.ABI.receiver, signer)
-            const text = await receiver.privateRead(id)
-            setData(text.toString())
-            return true
-        } catch (err) {
-            setOutcome({ type: 'error', msg: err })
-        }
-    }
-
-    const read = async () => {
-        setOutcome({ type: 'load', msg: null })
-        if (await _read()) {
-            setOutcome({ type: 'loaded', msg: null })
-        }
-    }
-
-    useEffect(() => {
-        if (isConnected) {
-            setOutcome({ type: 'connected', msg: null })
-            const timeId = setTimeout(() => 
-                window.GOBAL_PROMISE_QUEUE_WEB3_STORAGE.add(read)
-            , 1000)
-
-            return () => clearTimeout(timeId)
-        }
-    }, [isConnected])
-
-    return [data, setData, updateState, outcome]
-}
-
-export default usePrivateStorage

package/src/use-read-storage.js

@@ -1,97 +0,0 @@
-import { useAppKit, useAppKitAccount, useAppKitProvider } from '@reown/appkit/react'
-import { BrowserProvider, Contract, Wallet, JsonRpcProvider } from 'ethers'
-import config from '../config.js'
-import { useEffect, useState } from 'react'
-import Queue from 'promise-queue'
-
-if (!window.GOBAL_PROMISE_QUEUE_WEB3_STORAGE) {
-    window.GOBAL_PROMISE_QUEUE_WEB3_STORAGE = new Queue(1, Infinity)
-}
-
-const useReadStorage = (_id, _address, value = '') => {
-    const { open } = useAppKit()
-        , { address, isConnected } = useAppKitAccount({ namespace: 'eip155' })
-        , { walletProvider } = useAppKitProvider('eip155')
-
-    const [data, setData] = useState(value)
-    const [outcome, setOutcome] = useState({
-        type: 'load',
-        msg: null
-    })
-
-    let id = `${location.host}-${_id}`
-
-    const createSignerPrivate = async () => {
-        try { 
-            if (!walletProvider || !address) {
-                open()
-                return
-            }
-            const provider = new BrowserProvider(walletProvider)
-            const network = await provider.getNetwork()
-            const signer = await provider.getSigner()
-            return [signer, network.name]
-        } catch (err) {
-            setOutcome({ type: 'error', msg: err })
-        }
-    }
-
-    const _read = async addr => {
-        try {
-            const [signer, network] = await createSignerPrivate()
-            const _address = config.address[network]
-            
-            const receiver = new Contract(_address.receiver, config.ABI.receiver, signer)
-            const text = await receiver.publicRead(id, addr || address)
-            setData(text.toString())
-            return true
-        } catch (err) {
-            setOutcome({ type: 'error', msg: err })
-        }
-    }
-
-    const _readPublic = async addr => {
-        try {
-            if (addr) {
-                const _wallet = Wallet.createRandom();
-                const { receiver: receiverAddress, publicRpc } = config.blockChainsData[window.GOBAL_REACT_WEB3_STORAGE_networkIndex || 0]
-
-                const provider = new JsonRpcProvider(publicRpc);
-                const wallet = new Wallet(_wallet.privateKey, provider);
-
-                const receiver = new Contract(receiverAddress, config.ABI.receiver, wallet)
-                const text = await receiver.publicRead(id, addr || address)
-                setData(text.toString())
-                return true
-            }
-            setOutcome({ type: 'error', msg: null })
-        } catch (err) {
-            setOutcome({ type: 'error', msg: err })
-        }
-    }
-
-    const read = async () => {
-        setOutcome({ type: 'load', msg: null })
-        if (isConnected) {
-            if (await _read(_address)) {
-                setOutcome({ type: 'loaded', msg: null })
-            }
-        } else {
-            if (await _readPublic(_address)) {
-                setOutcome({ type: 'loaded', msg: null })
-            }
-        }
-    }
-
-    useEffect(() => {
-        const timeId = setTimeout(() => 
-            window.GOBAL_PROMISE_QUEUE_WEB3_STORAGE.add(read)
-        , 1000)
-
-        return () => clearTimeout(timeId)
-    }, [isConnected, _address])
-
-    return [data, outcome]
-}
-
-export default useReadStorage

package/src/use-storage.js

@@ -1,104 +0,0 @@
-import { useAppKit, useAppKitAccount, useAppKitProvider } from '@reown/appkit/react'
-import { BrowserProvider, Contract } from 'ethers'
-import config from '../config.js'
-import { useEffect, useState } from 'react'
-import Queue from 'promise-queue'
-
-if (!window.GOBAL_PROMISE_QUEUE_WEB3_STORAGE) {
-    window.GOBAL_PROMISE_QUEUE_WEB3_STORAGE = new Queue(1, Infinity)
-}
-
-const useStorage = (_id, value = '') => {
-    const { open } = useAppKit()
-        , { address, isConnected } = useAppKitAccount({ namespace: 'eip155' })
-        , { walletProvider } = useAppKitProvider('eip155')
-
-    const [data, setData] = useState(value)
-    const [outcome, setOutcome] = useState({
-        type: 'connect',
-        msg: null
-    })
-
-    let id = `${location.host}-${_id}`
-
-    const createSignerPrivate = async () => {
-        try { 
-            if (!walletProvider || !address) {
-                open()
-                return
-            }
-            const provider = new BrowserProvider(walletProvider)
-            const network = await provider.getNetwork()
-            const signer = await provider.getSigner()
-            return [signer, network.name]
-        } catch (err) {
-            setOutcome({ type: 'error', msg: err })
-        }
-    }
-
-    const updateState = async (_data = false) => {
-        try {
-            setOutcome({ type: 'upload', msg: null })
-            const [signer, network] = await createSignerPrivate()
-            const _address = config.address[network]
-
-            const token = new Contract(_address.token, config.ABI.token, signer)
-                , receiver = new Contract(_address.receiver, config.ABI.receiver, signer)
-
-            const allowance = await token.allowance(address, _address.receiver)
-            const amount = 1
-
-            if (allowance < amount) {
-                const approveTx = await token.approve(_address.receiver, amount)
-                await approveTx.wait()
-            }
-            
-            const calcTx = await receiver.publicWrite(_address.token, amount, id, _data || data)
-            const { status } = await calcTx.wait()
-            if (status === 1) {
-                setOutcome({ type: 'uploaded', msg: null })
-                window.GOBAL_PROMISE_QUEUE_WEB3_STORAGE.add(read)
-            } else {
-                setOutcome({ type: 'error', msg: null })
-            }
-        } catch (err) {
-            setOutcome({ type: 'error', msg: err })
-        }
-    }
-
-    const _read = async () => {
-        try {
-            const [signer, network] = await createSignerPrivate()
-            const _address = config.address[network]
-            
-            const receiver = new Contract(_address.receiver, config.ABI.receiver, signer)
-            const text = await receiver.publicRead(id, address)
-            setData(text.toString())
-            return true
-        } catch (err) {
-            setOutcome({ type: 'error', msg: err })
-        }
-    }
-
-    const read = async () => {
-        setOutcome({ type: 'load', msg: null })
-        if (await _read()) {
-            setOutcome({ type: 'loaded', msg: null })
-        }
-    }
-
-    useEffect(() => {
-        if (isConnected) {
-            setOutcome({ type: 'connected', msg: null })
-            const timeId = setTimeout(() =>
-                window.GOBAL_PROMISE_QUEUE_WEB3_STORAGE.add(read)
-            , 1000)
-
-            return () => clearTimeout(timeId)
-        }
-    }, [isConnected])
-
-    return [data, setData, updateState, outcome]
-}
-
-export default useStorage