Add Poetry as package manager | added github actions for publishing upon release creation

.github/actions/python_prepare/action.yml

@@ -0,0 +1,48 @@
+name: "Prepare development environment"
+description: "Set up Python and Node.js environments with caching"
+runs:
+  using: "composite"
+  steps:
+    # Python setup
+    - name: Set up Python 3.10
+      uses: actions/setup-python@v2
+      with:
+        python-version: 3.10.14
+
+    - name: Cache Poetry installation
+      uses: actions/cache@v3
+      with:
+        path: ~/.local
+        key: poetry-${{ runner.os }}
+
+    - name: Install Poetry
+      shell: bash
+      run: curl -sSL https://install.python-poetry.org | python3 -
+
+    - name: Cache Poetry dependencies
+      uses: actions/cache@v3
+      with:
+        path: .venv
+        key: venv-${{ runner.os }}-${{ hashFiles('**/poetry.lock') }}
+
+    - name: Install Python dependencies
+      shell: bash
+      run: poetry install
+
+    # Node.js setup
+    - name: Set up Node.js
+      uses: actions/setup-node@v3
+      with:
+        node-version: '20'
+
+    - name: Cache node_modules
+      uses: actions/cache@v3
+      with:
+        path: |
+          python_web3_wallet/frontend/node_modules
+          ~/.cache/yarn
+        key: ${{ runner.os }}-yarn-${{ hashFiles('python_web3_wallet/frontend/yarn.lock') }}
+
+    - name: Install frontend dependencies
+      shell: bash
+      run: yarn install --cwd python_web3_wallet/frontend --immutable

.github/workflows/ci.yml

@@ -0,0 +1,38 @@
+name: Python + frontend CI
+
+on:
+  pull_request:
+  push:
+    branches: [main]
+  workflow_dispatch:
+
+jobs:
+  build_frontend:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: ./.github/actions/python_prepare
+      - name: Build Frontend
+        env:
+          CI: false # needed otherwise dependencies warnings stop the job
+        run: yarn --cwd python_web3_wallet/frontend build
+      - name: Cache frontend build
+        uses: actions/cache@v3
+        with:
+          path: python_web3_wallet/frontend/build
+          key: frontend-build-${{ github.sha }}
+
+  build_python:
+    needs: [build_frontend]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: ./.github/actions/python_prepare
+      - name: Restore frontend build
+        uses: actions/cache@v3
+        with:
+          path: python_web3_wallet/frontend/build
+          key: frontend-build-${{ github.sha }}
+          fail-on-cache-miss: true
+      - name: Run poetry build
+        run: poetry build -f wheel

.github/workflows/publish.yml

@@ -0,0 +1,64 @@
+name: Python CD
+
+on:
+  pull_request:
+  release:
+    types: [ published ]
+
+jobs:
+  build:
+    if: github.event_name == 'release'
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+    steps:
+      - name: Checkout Repository
+        uses: actions/checkout@v3
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+      - name: Verify the tag version in the pyproject.toml
+        run: grep -q "version = \"${{ github.event.release.tag_name }}\"" pyproject.toml || exit 1
+        shell: bash
+      - name: Set Node.js 20.x
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'yarn'
+      - uses: ./.github/actions/python_prepare
+      - name: Build Frontend
+        env:
+          CI: false # needed otherwise dependencies warnings stop the job
+        run: yarn --cwd python_web3_wallet/frontend build
+      - name: Build a binary wheel and a source tarball
+        run: poetry build
+      - name: Store the distribution packages
+        uses: actions/upload-artifact@v4
+        with:
+          name: python-package-distributions
+          path: dist/
+
+  publish-to-pypi:
+      name: Publish to PyPI
+      needs:
+      - build
+      runs-on: ubuntu-latest
+      environment:
+        name: pypi
+        url: https://pypi.org/p/python-web3-wallet
+
+      permissions:
+        id-token: write  # IMPORTANT: mandatory for trusted publishing
+
+      steps:
+      - name: Download all the dists
+        uses: actions/download-artifact@v4
+        with:
+          name: python-package-distributions
+          path: dist/
+      - name: Publish distribution to PyPI
+        uses: pypa/gh-action-pypi-publish@release/v1
+        with:
+          user: __token__
+          password: ${{ secrets.PYPI_TOKEN }}
+          verify-metadata: false
+          verbose: true

.gitignore

@@ -4,4 +4,5 @@
 dist/
 build/
 .env
-*.egg-info
+*.egg-info
+.idea/

pyproject.toml

@@ -0,0 +1,22 @@
+[tool.poetry]
+name = "python-web3-wallet"
+version = "0.0.11"
+description = "Streamlit component that allows users to connect a wallet and send transactions with dynamic recipients and amounts"
+authors = ["Gnosis AI <[email protected]>"]
+license = "MIT"
+readme = "README.md"
+include = [
+    "python_web3_wallet/frontend/build/**/*"
+]
+packages = [
+    { include = "python_web3_wallet" }
+]
+
+[tool.poetry.dependencies]
+python = "^3.10"
+streamlit = "^1.40.0"
+
+[build-system]
+requires = ["poetry-core"]
+build-backend = "poetry.core.masonry.api"
+

python_web3_wallet/README

@@ -9,12 +9,10 @@ Run [app.py](app.py) with Streamlit - edit [PythonWeb3Wallet](frontend/src/Pytho
 npm run build --prefix python_web3_wallet/frontend
 ```
 
-2. Build python wheel
-```
-python setup.py sdist bdist_wheel
+2. Publish Python package
 ```
 # publish on testpy
-python -m twine upload --repository testpypi dist/* --verbose
+poetry publish -p {PYPI_TEST_TOKEN} -u "__token__" --build --repository testpypi
 # upload to pypi
-python -m twine upload dist/* --verbose
-```
+poetry publish -p {PYPI_TOKEN} -u "__token__" --build
+```

python_web3_wallet/app.py

@@ -11,4 +11,5 @@
 
 import streamlit as st
 st.title('My title')
-c = component(recipient="0x07354C0aD12741E8F222eB439cFf4c01716cA627", amountInEther="0.00001", data='0x48656c6c6f20776f726c64')
+window_close = component(recipient="0x07354C0aD12741E8F222eB439cFf4c01716cA627", amountInEther="0.00001", data='0x78dacb48cdc9c95728cf2fca4901001a0b045d')
+st.write(f"window close {window_close}")

python_web3_wallet/frontend/src/PythonWeb3Wallet.tsx

@@ -1,15 +1,16 @@
+import { ConnectButton } from "@rainbow-me/rainbowkit";
+import '@rainbow-me/rainbowkit/styles.css';
+import React, { ReactElement, useEffect, useMemo, useState } from "react";
 import {
+  ComponentProps,
   Streamlit,
   withStreamlitConnection,
-  ComponentProps,
 } from "streamlit-component-lib";
 import { type Hex, getAddress, parseEther } from 'viem';
-import React, { useEffect, useMemo, useState, ReactElement } from "react"
-import { ConnectButton } from "@rainbow-me/rainbowkit"
-import '@rainbow-me/rainbowkit/styles.css';
-import { useAccount, useSendTransaction, useWriteContract, useChainId, useWaitForTransactionReceipt, BaseError } from "wagmi";
+import { BaseError, useAccount, useWaitForTransactionReceipt, useWriteContract } from "wagmi";
 import { abi } from './abi';
 import { AGENT_COMMUNICATION_CONTRACT } from "./constants";
+import { waitForTransactionReceipt } from "viem/actions";
 /**
  * This is a React-based component template. The passed props are coming from the 
  * Streamlit library. Your custom args can be accessed via the `args` props.
@@ -20,12 +21,24 @@ function PythonWeb3Wallet({ args, disabled, theme }: ComponentProps): ReactEleme
   const {
     data: hash,
     error,
+    isPending,
     writeContractAsync
   } = useWriteContract();
+  const { isLoading: isConfirming, isSuccess: isConfirmed } =
+    useWaitForTransactionReceipt({
+      hash
+    });
+
+  useEffect(() => {
+    if (isConfirmed) {
+      console.log('tx confirmed');
+      Streamlit.setComponentValue(isConfirmed);
+    }
+  }, [isConfirmed]);
 
   const account = useAccount();
 
-  const [isFocused, setIsFocused] = useState(false)
+  const [isFocused, setIsFocused] = useState(false);
 
   const style: React.CSSProperties = useMemo(() => {
     if (!theme) return {}
@@ -59,6 +72,7 @@ function PythonWeb3Wallet({ args, disabled, theme }: ComponentProps): ReactEleme
       }, {
         onError: (err) => console.log(err),
       });
+
       console.log(`txHash ${txHash}`);
     } catch {
       // We simply pass here since errors already logged.
@@ -68,12 +82,13 @@ function PythonWeb3Wallet({ args, disabled, theme }: ComponentProps): ReactEleme
   };
 
 
+  const isButtonDisabled = isPending || !account.isConnected;
 
   return (
     <>
       <button
         style={{
-          backgroundColor: !account.isConnected ? 'gray' : 'blue',
+          backgroundColor: isButtonDisabled ? 'gray' : 'blue',
           color: 'white',
           padding: '15px 30px',
           marginBottom: '15px',
@@ -82,11 +97,14 @@ function PythonWeb3Wallet({ args, disabled, theme }: ComponentProps): ReactEleme
           borderRadius: '10px',
         }}
         onClick={(sendMessage)}
-        disabled={!account.isConnected}
+        disabled={isButtonDisabled}
       >
         Send message to agent
       </button>
 
+      {isConfirming && <div>Waiting for confirmation...</div>}
+      {isConfirmed && <div>Transaction confirmed.</div>}
+
       {error && (
         <div>Error: {(error as BaseError).shortMessage || error.message}</div>
       )}

python_web3_wallet/frontend/src/index.tsx

@@ -20,7 +20,7 @@ const queryClient = new QueryClient();
 
 const config = getDefaultConfig({
   appName: 'app',
-  projectId: process.env.REACT_APP_RAINBOW_WALLET_PROJECT_ID!,
+  projectId: process.env.REACT_APP_RAINBOW_PROJECT_ID!,
   chains: [
     gnosis,
     //gnosisFoundryLocalhost

yarn.lock

@@ -0,0 +1,4 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+