Merge pull request #1 from BitteProtocol/update-react-package

Update react package

Author: rubenmarcus

.github/workflows/branch-release.yaml

@@ -0,0 +1,72 @@
+name: Branch Release
+
+on:
+  push:
+    branches:
+      - '**'
+      - '!main'
+
+jobs:
+  branch-release:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0 # Fetch all history to get the latest tag
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: latest
+
+      - name: Cache pnpm modules
+        uses: actions/cache@v4
+        with:
+          path: |
+            ~/.pnpm-store
+            node_modules
+            src/playground/node_modules
+          key: ${{ runner.os }}-pnpm-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-
+
+      - name: Install Dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Build
+        run: pnpm run build
+
+      - name: Set Version from Branch
+        run: |
+          BRANCH_NAME=${GITHUB_REF#refs/heads/}
+          BRANCH_NAME=${BRANCH_NAME//\//-} # Replace slashes with dashes
+          SHORT_SHA=$(git rev-parse --short HEAD)
+
+          # Get the latest version tag and increment patch
+          LATEST_TAG=$(git describe --tags --abbrev=0 2>/dev/null || echo "v0.0.0")
+          LATEST_VERSION=${LATEST_TAG#v} # Remove 'v' prefix
+
+          # Split version into major.minor.patch
+          IFS='.' read -r major minor patch <<< "$LATEST_VERSION"
+
+          # Increment patch version
+          patch=$((patch + 1))
+          BASE_VERSION="${major}.${minor}.${patch}"
+
+          VERSION="${BASE_VERSION}-${BRANCH_NAME}-${SHORT_SHA}"
+          pnpm version $VERSION --no-git-tag-version
+
+      - name: Configure NPM Authentication
+        run: |
+          echo "@bitte-ai:registry=https://registry.npmjs.org/" > ~/.npmrc
+          echo "//registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}" >> ~/.npmrc
+
+      - name: Publish with npm
+        run: npm publish --access public --tag beta
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/release.yaml

@@ -0,0 +1,54 @@
+name: NPM Publish
+
+on:
+  release:
+    types: [created]
+
+jobs:
+  publish-npm:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+          registry-url: https://registry.npmjs.org/
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: latest
+
+      - name: Cache pnpm modules
+        uses: actions/cache@v4
+        with:
+          path: |
+            ~/.pnpm-store
+            node_modules
+            src/playground/node_modules
+          key: ${{ runner.os }}-pnpm-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-
+
+      - name: Install Full Project
+        run: pnpm install --frozen-lockfile
+
+      - name: Build Full Project
+        run: pnpm run build
+
+      - name: Set Package Version to Tag
+        run: |
+          VERSION=${GITHUB_REF#refs/tags/}
+          pnpm version $VERSION --no-git-tag-version
+
+      - name: Publish
+        run: |
+          if [[ "${GITHUB_REF#refs/tags/}" == *-* ]]; then
+            npm publish --access public --tag next
+          else
+            npm publish --access public
+          fi
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}

README.md

@@ -6,17 +6,8 @@ This package contains React helpers for interacting with Bitte Wallet.
 
 <img  src='https://img.shields.io/npm/dw/@bitte-ai/react'  />
 
-<img  src='https://img.shields.io/bundlephobia/min/@bitte-ai/react'>
-
 </p>
 
-Example:
-You can check a [quick example of Simple Login](https://github.com/Mintbase/examples/tree/main/starter) using Next.js 14 and @mintbase-js/react
-
-
-[Check our Templates repository for Mintbase.js](https://github.com/Mintbase/templates)
-
-[Live Demo](https://starter.mintbase.xyz/)
 
 ## Summary
 
@@ -27,8 +18,6 @@ You can check a [quick example of Simple Login](https://github.com/Mintbase/exam
 
 # Installing
 
-`@bitte-ai/react relies on React and React Dom version v18.2.0 due to @near-wallet-selector/modal-ui`
-
 ### NPM:
 
 ```
@@ -52,30 +41,22 @@ pnpm install @near-wallet-selector/modal-ui
 
 # BitteWalletContextProvider
 
-the default way of interacting with Mintbase Wallet is using the BitteWalletContextProvider
+the default way of interacting with Bitte Wallet is using the BitteWalletContextProvider
 
 {% code title="app.tsx" overflow="wrap" lineNumbers="true" %}
 
 ## properties:
 
-**contractAddress** (optional): `If you set this it will connect the user using Limited Access Keys, set with your near contract address / your mintbase store address`
-
 **network** : ` mainnet | testnet`
 
-**callbackUrl** : `a valid https/http address to the user be sent after the transaction`
-
-**onlyMbWallet** : `boolean, it sets up only MintbaseWallet or if false(default) MintbaseWallet + default wallets`
-
 **additionalWallets** : `WalletModuleFactory[] extra wallets setup`
 
 ```typescript
 import "@near-wallet-selector/modal-ui/styles.css";
 import { BitteWalletContextProvider } from  '@bitte-ai/react'
 
 <BitteWalletContextProvider
-  contractAddress="mycontract.mintbase1.near"
   network="mainnet"
-  callbackUrl="https://www.mywebsite.com/callback"
 >
    <Component {...pageProps} />
 </BitteWalletContextProvider>

dist/index.d.mts

@@ -5,14 +5,12 @@ import { WalletSelectorModal } from '@near-wallet-selector/modal-ui';
 
 interface ContextProviderType {
     children: React.ReactNode;
-    callbackUrl?: string;
-    network?: string;
+    network?: 'testnet' | 'mainnet';
     onlyMbWallet?: boolean;
     contractAddress?: string;
     additionalWallets?: Array<WalletModuleFactory>;
-    successUrl?: string;
-    failureUrl?: string;
     onlyBitteWallet?: boolean;
+    walletUrl?: string;
 }
 type BitteWalletContext = {
     selector: WalletSelector;

dist/index.d.ts

@@ -5,14 +5,12 @@ import { WalletSelectorModal } from '@near-wallet-selector/modal-ui';
 
 interface ContextProviderType {
     children: React.ReactNode;
-    callbackUrl?: string;
-    network?: string;
+    network?: 'testnet' | 'mainnet';
     onlyMbWallet?: boolean;
     contractAddress?: string;
     additionalWallets?: Array<WalletModuleFactory>;
-    successUrl?: string;
-    failureUrl?: string;
     onlyBitteWallet?: boolean;
+    walletUrl?: string;
 }
 type BitteWalletContext = {
     selector: WalletSelector;