Rename to @base-org/account (#32)

* @base-org/account

* lock
This commit is contained in:
Felix Zhang
2025-07-16 17:03:56 +00:00
committed by GitHub
parent 2e93a680e9
commit 9b00f37db8
50 changed files with 136 additions and 129 deletions
+3 -3
View File
@@ -29,14 +29,14 @@ jobs:
uses: ./.github/actions/setup
- name: Set version
run: yarn workspace @base-org/account-sdk version ${{ env.PACKAGE_VERSION }}-canary.$(date +'%Y%m%d%H%M%S')
run: yarn workspace @base-org/account version ${{ env.PACKAGE_VERSION }}-canary.$(date +'%Y%m%d%H%M%S')
# Build the package
- name: Prebuild Packages
run: yarn workspace @base-org/account-sdk prebuild
run: yarn workspace @base-org/account prebuild
- name: Build Packages
run: yarn workspace @base-org/account-sdk build
run: yarn workspace @base-org/account build
# Publish to npm
- name: Set deployment token
+3 -3
View File
@@ -29,14 +29,14 @@ jobs:
uses: ./.github/actions/setup
- name: Set version
run: yarn workspace @base-org/account-sdk version ${{ env.PACKAGE_VERSION }}
run: yarn workspace @base-org/account version ${{ env.PACKAGE_VERSION }}
# Build the package
- name: Prebuild Packages
run: yarn workspace @base-org/account-sdk prebuild
run: yarn workspace @base-org/account prebuild
- name: Build Packages
run: yarn workspace @base-org/account-sdk build
run: yarn workspace @base-org/account build
# Publish to npm
- name: Set deployment token
+1 -1
View File
@@ -1 +1 @@
* @base-org/account-sdk
* @base-org/account
+11 -11
View File
@@ -1,6 +1,6 @@
# Base Account SDK
[![npm](https://img.shields.io/npm/v/@base-org/account-sdk.svg)](https://www.npmjs.com/package/@base-org/account-sdk)
[![npm](https://img.shields.io/npm/v/@base-org/account.svg)](https://www.npmjs.com/package/@base-org/account)
## Base Account SDK allows dapps to connect to Base Account
@@ -13,30 +13,30 @@
```shell
# yarn
yarn info @base-org/account-sdk versions
yarn info @base-org/account versions
# npm
npm view @base-org/account-sdk versions
npm view @base-org/account versions
```
2. Install latest version:
```shell
# yarn
yarn add @base-org/account-sdk
yarn add @base-org/account
# npm
npm install @base-org/account-sdk
npm install @base-org/account
```
3. Check installed version:
```shell
# yarn
yarn list @base-org/account-sdk
yarn list @base-org/account
# npm
npm list @base-org/account-sdk
npm list @base-org/account
```
### Upgrading Base Account SDK
@@ -45,20 +45,20 @@
```shell
# yarn
yarn outdated @base-org/account-sdk
yarn outdated @base-org/account
# npm
npm outdated @base-org/account-sdk
npm outdated @base-org/account
```
2. Update to latest:
```shell
# yarn
yarn upgrade @base-org/account-sdk --latest
yarn upgrade @base-org/account --latest
# npm
npm update @base-org/account-sdk
npm update @base-org/account
```
### Basic Usage
+3 -3
View File
@@ -36,7 +36,7 @@ The app provides a code editor where you can write and execute JavaScript code t
### Default Code Example
```typescript
import { pay } from '@base-org/account-sdk'
import { pay } from '@base-org/account'
const result = await pay({
amount: '.01',
@@ -50,7 +50,7 @@ return result
### With Payer Info Example
```typescript
import { pay } from '@base-org/account-sdk'
import { pay } from '@base-org/account'
const result = await pay({
amount: '.01',
@@ -74,7 +74,7 @@ The app is built with:
- Next.js
- React
- TypeScript
- @base-org/account-sdk
- @base-org/account
## Note
+1 -1
View File
@@ -2,7 +2,7 @@
const nextConfig = {
reactStrictMode: true,
swcMinify: false,
transpilePackages: ['@base-org/account-sdk'],
transpilePackages: ['@base-org/account'],
};
export default nextConfig;
+1 -1
View File
@@ -11,7 +11,7 @@
"check": "biome check ."
},
"dependencies": {
"@base-org/account-sdk": "workspace:*",
"@base-org/account": "workspace:*",
"@coinbase/onchainkit": "^0.35.5",
"next": "14.2.3",
"react": "^18",
@@ -1,4 +1,4 @@
import type { PaymentResult, PaymentStatus } from '@base-org/account-sdk';
import type { PaymentResult, PaymentStatus } from '@base-org/account';
import styles from './Output.module.css';
interface OutputProps {
@@ -130,7 +130,9 @@ export const Output = ({ result, error, consoleOutput, isLoading }: OutputProps)
{result.payerInfoResponses.email && (
<div className={styles.userDataRow}>
<span className={styles.userDataLabel}>Email</span>
<span className={styles.userDataValue}>{result.payerInfoResponses.email}</span>
<span className={styles.userDataValue}>
{result.payerInfoResponses.email}
</span>
</div>
)}
{result.payerInfoResponses.phoneNumber && (
@@ -186,12 +188,17 @@ export const Output = ({ result, error, consoleOutput, isLoading }: OutputProps)
)}
{result && isPaymentStatus(result) && (
<div className={`${styles.resultCard} ${
result.status === 'completed' ? styles.success :
result.status === 'pending' ? styles.pending :
result.status === 'failed' ? styles.error :
styles.notFound
}`}>
<div
className={`${styles.resultCard} ${
result.status === 'completed'
? styles.success
: result.status === 'pending'
? styles.pending
: result.status === 'failed'
? styles.error
: styles.notFound
}`}
>
<div className={styles.resultHeader}>
{result.status === 'completed' && (
<>
@@ -1,4 +1,4 @@
export const DEFAULT_PAY_CODE = `import { pay } from '@base-org/account-sdk'
export const DEFAULT_PAY_CODE = `import { pay } from '@base-org/account'
const result = await pay({
amount: '.01',
@@ -8,7 +8,7 @@ const result = await pay({
return result`;
export const PAY_CODE_WITH_PAYER_INFO = `import { pay } from '@base-org/account-sdk'
export const PAY_CODE_WITH_PAYER_INFO = `import { pay } from '@base-org/account'
const result = await pay({
amount: '.01',
@@ -28,7 +28,7 @@ const result = await pay({
return result`;
export const DEFAULT_GET_PAYMENT_STATUS_CODE = `import { getPaymentStatus } from '@base-org/account-sdk'
export const DEFAULT_GET_PAYMENT_STATUS_CODE = `import { getPaymentStatus } from '@base-org/account'
const result = await getPaymentStatus({
id: '0x...', // Replace with an ID
@@ -1,5 +1,5 @@
import type { PaymentResult, PaymentStatus } from '@base-org/account-sdk';
import { getPaymentStatus, pay } from '@base-org/account-sdk';
import type { PaymentResult, PaymentStatus } from '@base-org/account';
import { getPaymentStatus, pay } from '@base-org/account';
import { useCallback, useState } from 'react';
import { transformImports } from '../utils/codeTransform';
import { useConsoleCapture } from './useConsoleCapture';
@@ -2,7 +2,7 @@
export const transformImports = (code: string): string => {
let transformedCode = code;
// Special handling for @base-org/account-sdk - just remove the import line
// Special handling for @base-org/account - just remove the import line
// since pay and getPaymentStatus are provided in the context
transformedCode = transformedCode.replace(
/import\s+{[^}]*(?:pay|getPaymentStatus)[^}]*}\s+from\s+['"]@base-org\/account-sdk['"]\s*;?\s*\n?/g,
+1 -1
View File
@@ -12,7 +12,7 @@
"typecheck": "tsc --noEmit"
},
"dependencies": {
"@base-org/account-sdk": "workspace:*",
"@base-org/account": "workspace:*",
"@chakra-ui/icons": "^2.1.1",
"@chakra-ui/react": "^2.8.0",
"@emotion/react": "^11.11.1",
@@ -1,4 +1,4 @@
import { Preference } from '@base-org/account-sdk';
import { Preference } from '@base-org/account';
import {
Box,
Card,
@@ -1,5 +1,5 @@
import { Preference } from '@base-org/account-sdk';
import { SubAccountOptions } from '@base-org/account-sdk/dist/core/provider/interface';
import { Preference } from '@base-org/account';
import { SubAccountOptions } from '@base-org/account/dist/core/provider/interface';
import {
Dispatch,
ReactNode,
@@ -1,4 +1,4 @@
import { createBaseAccountSDK as createBaseAccountSDKHEAD } from '@base-org/account-sdk';
import { createBaseAccountSDK as createBaseAccountSDKHEAD } from '@base-org/account';
import { cleanup, render, screen } from '@testing-library/react';
import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
@@ -11,7 +11,7 @@ import {
useEIP1193Provider,
} from './EIP1193ProviderContextProvider';
vi.mock('@base-org/account-sdk', () => ({
vi.mock('@base-org/account', () => ({
createBaseAccountSDK: vi.fn(() => ({
getProvider: vi.fn(() => mockProvider),
})),
@@ -1,4 +1,4 @@
import { createBaseAccountSDK as createBaseAccountSDKHEAD } from '@base-org/account-sdk';
import { createBaseAccountSDK as createBaseAccountSDKHEAD } from '@base-org/account';
import { ReactNode, createContext, useContext, useEffect, useMemo, useState } from 'react';
import { DisconnectedAlert } from '../components/alerts/DisconnectedAlert';
import { useEventListeners } from '../hooks/useEventListeners';
@@ -1,4 +1,4 @@
import { ProviderInterface } from '@base-org/account-sdk';
import { ProviderInterface } from '@base-org/account';
import { useToast } from '@chakra-ui/react';
import { useCallback } from 'react';
@@ -1,4 +1,4 @@
import { ProviderInterface } from '@base-org/account-sdk';
import { ProviderInterface } from '@base-org/account';
import { useDisclosure } from '@chakra-ui/react';
import { useCallback } from 'react';
@@ -1,4 +1,4 @@
import { createBaseAccountSDK, getCryptoKeyAccount } from '@base-org/account-sdk';
import { createBaseAccountSDK, getCryptoKeyAccount } from '@base-org/account';
import { Box, Button } from '@chakra-ui/react';
import { useCallback, useState } from 'react';
import { baseSepolia } from 'viem/chains';
@@ -1,4 +1,4 @@
import { createBaseAccountSDK, getCryptoKeyAccount } from '@base-org/account-sdk';
import { createBaseAccountSDK, getCryptoKeyAccount } from '@base-org/account';
import { Box, Button } from '@chakra-ui/react';
import { useCallback, useState } from 'react';
import { numberToHex } from 'viem';
@@ -1,4 +1,4 @@
import { createBaseAccountSDK, getCryptoKeyAccount } from '@base-org/account-sdk';
import { createBaseAccountSDK, getCryptoKeyAccount } from '@base-org/account';
import { Box, Button } from '@chakra-ui/react';
import { useCallback, useState } from 'react';
import { numberToHex } from 'viem';
@@ -1,4 +1,4 @@
import { createBaseAccountSDK } from '@base-org/account-sdk';
import { createBaseAccountSDK } from '@base-org/account';
import { Box, Button } from '@chakra-ui/react';
import { useCallback, useEffect, useState } from 'react';
@@ -1,4 +1,4 @@
import { getCryptoKeyAccount, removeCryptoKey } from '@base-org/account-sdk';
import { getCryptoKeyAccount, removeCryptoKey } from '@base-org/account';
import { Box, Button } from '@chakra-ui/react';
import { useCallback, useState } from 'react';
@@ -1,4 +1,4 @@
import { createBaseAccountSDK } from '@base-org/account-sdk';
import { createBaseAccountSDK } from '@base-org/account';
import { Box, Button } from '@chakra-ui/react';
import { useCallback, useState } from 'react';
@@ -1,4 +1,4 @@
import { createBaseAccountSDK } from '@base-org/account-sdk';
import { createBaseAccountSDK } from '@base-org/account';
import { Box, Button } from '@chakra-ui/react';
import { useCallback, useState } from 'react';
import { Address, Hex } from 'viem';
@@ -1,4 +1,4 @@
import { createBaseAccountSDK } from '@base-org/account-sdk';
import { createBaseAccountSDK } from '@base-org/account';
import { Box, Button } from '@chakra-ui/react';
import { useCallback, useState } from 'react';
import { createPublicClient, http, toHex } from 'viem';
@@ -1,4 +1,4 @@
import { createBaseAccountSDK } from '@base-org/account-sdk';
import { createBaseAccountSDK } from '@base-org/account';
import { Box, Button } from '@chakra-ui/react';
import { useCallback, useState } from 'react';
import { numberToHex } from 'viem';
@@ -1,4 +1,4 @@
import { createBaseAccountSDK, getCryptoKeyAccount } from '@base-org/account-sdk';
import { createBaseAccountSDK, getCryptoKeyAccount } from '@base-org/account';
import { Box, Button } from '@chakra-ui/react';
import { useCallback, useState } from 'react';
import { Hex, encodeFunctionData, numberToHex } from 'viem';
@@ -1,4 +1,4 @@
import { getCryptoKeyAccount } from '@base-org/account-sdk';
import { getCryptoKeyAccount } from '@base-org/account';
import {
Container,
FormControl,
@@ -1,4 +1,4 @@
import { getCryptoKeyAccount } from '@base-org/account-sdk';
import { getCryptoKeyAccount } from '@base-org/account';
import {
Box,
Button,
@@ -1,4 +1,4 @@
import { createBaseAccountSDK } from '@base-org/account-sdk';
import { createBaseAccountSDK } from '@base-org/account';
import { Box, Button } from '@chakra-ui/react';
import { useCallback, useState } from 'react';
import { Client, createPublicClient, encodeFunctionData, http, toHex } from 'viem';
@@ -1,4 +1,4 @@
import { createBaseAccountSDK } from '@base-org/account-sdk';
import { createBaseAccountSDK } from '@base-org/account';
import { Box, Button } from '@chakra-ui/react';
import { useCallback, useState } from 'react';
import { numberToHex } from 'viem';
@@ -1,4 +1,4 @@
import { createBaseAccountSDK } from '@base-org/account-sdk';
import { createBaseAccountSDK } from '@base-org/account';
import { Box, Button } from '@chakra-ui/react';
import { useCallback, useState } from 'react';
import { numberToHex } from 'viem';
@@ -1,4 +1,4 @@
import { createBaseAccountSDK } from '@base-org/account-sdk';
import { createBaseAccountSDK } from '@base-org/account';
import { Box, Button } from '@chakra-ui/react';
import { useCallback, useEffect, useState } from 'react';
@@ -1,4 +1,4 @@
import { createBaseAccountSDK } from '@base-org/account-sdk';
import { createBaseAccountSDK } from '@base-org/account';
import { Box, Button } from '@chakra-ui/react';
import { useCallback, useState } from 'react';
import { Client, createPublicClient, http } from 'viem';
@@ -1,4 +1,4 @@
import { createBaseAccountSDK } from '@base-org/account-sdk';
import { createBaseAccountSDK } from '@base-org/account';
import { Box, Button } from '@chakra-ui/react';
import { useCallback, useState } from 'react';
import { toHex } from 'viem';
@@ -1,4 +1,4 @@
import { createBaseAccountSDK } from '@base-org/account-sdk';
import { createBaseAccountSDK } from '@base-org/account';
import { Box, Button } from '@chakra-ui/react';
import { useCallback, useState } from 'react';
import { SmartAccount } from 'viem/account-abstraction';
@@ -1,4 +1,4 @@
import { createBaseAccountSDK } from '@base-org/account-sdk';
import { createBaseAccountSDK } from '@base-org/account';
import { Container, Text, VStack } from '@chakra-ui/react';
import { useEffect, useState } from 'react';
import { Client, Hex, createPublicClient, http } from 'viem';
+1 -1
View File
@@ -1,4 +1,4 @@
// import latestPkgJson from '@base-org/account-sdk/package.json';
// import latestPkgJson from '@base-org/account/package.json';
export const SELECTED_SDK_KEY = 'selected_sdk_version';
export const sdkVersions = ['HEAD'] as const;
+1 -1
View File
@@ -11,7 +11,7 @@
"examples/*"
],
"scripts": {
"build:packages": "yarn workspace @base-org/account-sdk build && yarn workspace @base-org/account-ui build",
"build:packages": "yarn workspace @base-org/account build && yarn workspace @base-org/account-ui build",
"clean": "yarn workspaces foreach -A -ipv run clean && rm -rf node_modules && yarn",
"deploy": "yarn build:packages && yarn workspace sdk-playground export",
"dev": "yarn workspaces foreach -A -ipv run dev",
+10 -10
View File
@@ -11,30 +11,30 @@
```shell
# yarn
yarn info @base-org/account-sdk versions
yarn info @base-org/account versions
# npm
npm view @base-org/account-sdk versions
npm view @base-org/account versions
```
2. Install latest version:
```shell
# yarn
yarn add @base-org/account-sdk
yarn add @base-org/account
# npm
npm install @base-org/account-sdk
npm install @base-org/account
```
3. Check installed version:
```shell
# yarn
yarn list @base-org/account-sdk
yarn list @base-org/account
# npm
npm list @base-org/account-sdk
npm list @base-org/account
```
### Upgrading Base Account SDK
@@ -43,20 +43,20 @@
```shell
# yarn
yarn outdated @base-org/account-sdk
yarn outdated @base-org/account
# npm
npm outdated @base-org/account-sdk
npm outdated @base-org/account
```
2. Update to latest:
```shell
# yarn
yarn upgrade @base-org/account-sdk --latest
yarn upgrade @base-org/account --latest
# npm
npm update @base-org/account-sdk
npm update @base-org/account
```
### Basic Usage
+1 -1
View File
@@ -1,5 +1,5 @@
{
"name": "@base-org/account-sdk",
"name": "@base-org/account",
"version": "1.0.0",
"description": "Base Account SDK",
"keywords": [
@@ -5,7 +5,7 @@ The payment interface provides a simple way to make USDC payments on Base networ
## Basic Usage
```typescript
import { pay } from '@base-org/account-sdk';
import { pay } from '@base-org/account';
// Basic payment
const payment = await pay({
@@ -55,7 +55,7 @@ switch (status.status) {
You can request additional information from the user during payment using the `payerInfo` parameter:
```typescript
import { pay } from '@base-org/account-sdk';
import { pay } from '@base-org/account';
const payment = await pay({
amount: "10.50",
+2 -2
View File
@@ -47,7 +47,7 @@
"lint": "biome lint ."
},
"devDependencies": {
"@base-org/account-sdk": "workspace:*",
"@base-org/account": "workspace:*",
"@testing-library/dom": "^10.4.0",
"@testing-library/preact": "^3.2.4",
"@testing-library/react": "^16.3.0",
@@ -64,7 +64,7 @@
"vue": "^3.5.17"
},
"peerDependencies": {
"@base-org/account-sdk": "*",
"@base-org/account": "*",
"clsx": "*",
"preact": "*",
"react": "*",
@@ -5,7 +5,7 @@ import {
BasePayLogoColored,
BasePayLogoWhite,
WHITE,
} from '@base-org/account-sdk/ui-assets';
} from '@base-org/account/ui-assets';
import { clsx } from 'clsx';
import { BasePayButtonProps } from '../../types.js';
import css from './BasePayButton-css.js';
@@ -16,7 +16,7 @@ import {
DARK_MODE_BOARDER,
LIGHT_MODE_BOARDER,
WHITE,
} from '@base-org/account-sdk/ui-assets';
} from '@base-org/account/ui-assets';
import { SignInWithBaseButtonProps } from '../../types.js';
import css from './SignInWithBaseButton-css.js';
@@ -1,4 +1,4 @@
import { injectFontStyle } from '@base-org/account-sdk/ui-assets';
import { injectFontStyle } from '@base-org/account/ui-assets';
import { render } from 'preact';
import { BasePayButtonProps } from '../../types.js';
import { BasePayButton } from './BasePayButton.js';
@@ -1,4 +1,4 @@
import * as injectFontModule from '@base-org/account-sdk/ui-assets';
import * as injectFontModule from '@base-org/account/ui-assets';
import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
import {
mountSignInWithBaseButton,
@@ -6,7 +6,7 @@ import {
} from './mountSignInWithBaseButton.js';
// Mock the ui-assets module with all required exports
vi.mock('@base-org/account-sdk/ui-assets', () => ({
vi.mock('@base-org/account/ui-assets', () => ({
injectFontStyle: vi.fn(),
WHITE: '#FFF',
BLACK: '#000',
@@ -1,4 +1,4 @@
import { injectFontStyle } from '@base-org/account-sdk/ui-assets';
import { injectFontStyle } from '@base-org/account/ui-assets';
import { render } from 'preact';
import { SignInWithBaseButtonProps } from '../../types.js';
import { SignInWithBaseButton } from './SignInWithBaseButton.js';
+40 -40
View File
@@ -221,9 +221,45 @@ __metadata:
languageName: node
linkType: hard
"@base-org/account-sdk@workspace:*, @base-org/account-sdk@workspace:packages/account-sdk":
"@base-org/account-ui@workspace:packages/account-ui":
version: 0.0.0-use.local
resolution: "@base-org/account-sdk@workspace:packages/account-sdk"
resolution: "@base-org/account-ui@workspace:packages/account-ui"
dependencies:
"@base-org/account": "workspace:*"
"@testing-library/dom": "npm:^10.4.0"
"@testing-library/preact": "npm:^3.2.4"
"@testing-library/react": "npm:^16.3.0"
"@types/react": "npm:^19.1.8"
"@vitest/coverage-v8": "npm:2.1.2"
clsx: "npm:1.2.1"
glob: "npm:^7.2.0"
preact: "npm:^10.26.9"
sass: "npm:^1.64.1"
tsc-alias: "npm:^1.8.8"
tslib: "npm:^2.6.0"
typescript: "npm:^5.1.6"
vitest: "npm:^2.1.9"
vue: "npm:^3.5.17"
peerDependencies:
"@base-org/account": "*"
clsx: "*"
preact: "*"
react: "*"
svelte: "*"
vue: "*"
peerDependenciesMeta:
react:
optional: true
svelte:
optional: true
vue:
optional: true
languageName: unknown
linkType: soft
"@base-org/account@workspace:*, @base-org/account@workspace:packages/account-sdk":
version: 0.0.0-use.local
resolution: "@base-org/account@workspace:packages/account-sdk"
dependencies:
"@noble/hashes": "npm:1.4.0"
"@size-limit/preset-big-lib": "npm:^11.1.6"
@@ -253,42 +289,6 @@ __metadata:
languageName: unknown
linkType: soft
"@base-org/account-ui@workspace:packages/account-ui":
version: 0.0.0-use.local
resolution: "@base-org/account-ui@workspace:packages/account-ui"
dependencies:
"@base-org/account-sdk": "workspace:*"
"@testing-library/dom": "npm:^10.4.0"
"@testing-library/preact": "npm:^3.2.4"
"@testing-library/react": "npm:^16.3.0"
"@types/react": "npm:^19.1.8"
"@vitest/coverage-v8": "npm:2.1.2"
clsx: "npm:1.2.1"
glob: "npm:^7.2.0"
preact: "npm:^10.26.9"
sass: "npm:^1.64.1"
tsc-alias: "npm:^1.8.8"
tslib: "npm:^2.6.0"
typescript: "npm:^5.1.6"
vitest: "npm:^2.1.9"
vue: "npm:^3.5.17"
peerDependencies:
"@base-org/account-sdk": "*"
clsx: "*"
preact: "*"
react: "*"
svelte: "*"
vue: "*"
peerDependenciesMeta:
react:
optional: true
svelte:
optional: true
vue:
optional: true
languageName: unknown
linkType: soft
"@bcoe/v8-coverage@npm:^0.2.3":
version: 0.2.3
resolution: "@bcoe/v8-coverage@npm:0.2.3"
@@ -8832,7 +8832,7 @@ __metadata:
version: 0.0.0-use.local
resolution: "payment-test-app@workspace:examples/payment-test-app"
dependencies:
"@base-org/account-sdk": "workspace:*"
"@base-org/account": "workspace:*"
"@coinbase/onchainkit": "npm:^0.35.5"
"@types/node": "npm:^20"
"@types/react": "npm:^18"
@@ -9765,7 +9765,7 @@ __metadata:
version: 0.0.0-use.local
resolution: "sdk-playground@workspace:examples/testapp"
dependencies:
"@base-org/account-sdk": "workspace:*"
"@base-org/account": "workspace:*"
"@chakra-ui/icons": "npm:^2.1.1"
"@chakra-ui/react": "npm:^2.8.0"
"@emotion/react": "npm:^11.11.1"