@dodoex/wallet-web3-react 0.2.0 → 0.3.0

package/lingui.config.ts

@@ -1,13 +1,13 @@
-const config = {
-  locales: ['en', 'zh'],
-  sourceLocale: 'en',
-  catalogs: [
-    {
-      path: 'src/locales/{locale}',
-      include: ['src'],
-    },
-  ],
-  format: 'po',
-};
-
-export default config;
+const config = {
+  locales: ['en', 'zh'],
+  sourceLocale: 'en',
+  catalogs: [
+    {
+      path: 'src/locales/{locale}',
+      include: ['src'],
+    },
+  ],
+  format: 'po',
+};
+
+export default config;

package/package.json

@@ -1,76 +1,91 @@
-{
-  "name": "@dodoex/wallet-web3-react",
-  "version": "0.2.0",
-  "source": "src/index.tsx",
-  "types": "dist/types/index.d.ts",
-  "typings": "dist/types/index.d.ts",
-  "main": "dist/cjs/index.cjs",
-  "module": "dist/index.js",
-  "scripts": {
-    "start": "yarn workspace doc start",
-    "build": "yarn extract && yarn compile && rollup -c",
-    "extract": "lingui extract --clean",
-    "compile": "lingui compile"
-  },
-  "author": "",
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org"
-  },
-  "license": "GPL-3.0-or-later",
-  "description": "",
-  "keywords": [
-    "dodo",
-    "wallet",
-    "ethereum"
-  ],
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "peerDependencies": {
-    "@dodoex/wallet-web3": ">=0.0.70",
-    "@dodoex/contract-request": ">=1.x",
-    "@dodoex/dodo-contract-request": ">=1.x",
-    "@dodoex/icons": ">=2.0.2",
-    "@dodoex/api": ">=3.0.2",
-    "@dodoex/components": ">=3.0.4",
-    "react": ">=17.0.2",
-    "react-dom": ">=17.0.2"
-  },
-  "devDependencies": {
-    "@lingui/cli": "^4.11.4",
-    "@lingui/loader": "^4.11.4",
-    "@rollup/plugin-replace": "^6.0.2",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^12.1.1",
-    "@rollup/plugin-url": "^8.0.2",
-    "@svgr/rollup": "^8.1.0",
-    "@types/identicon.js": "^2.3.5",
-    "@types/react-infinite-scroller": "^1.2.5",
-    "babel-plugin-macros": "^3.1.0",
-    "rollup": "^4.28.0",
-    "rollup-plugin-clear": "^2.0.7",
-    "rollup-plugin-import-css": "^3.5.7",
-    "typescript": "^5.6.3"
-  },
-  "dependencies": {
-    "@lingui/macro": "^4.11.4",
-    "@lingui/react": "^4.11.4",
-    "@tanstack/react-query": "^5.18.1",
-    "bignumber.js": "^9.1.2",
-    "copy-to-clipboard": "^3.3.3",
-    "dayjs": "^1.11.13",
-    "identicon.js": "^2.3.3",
-    "qrcode.react": "^4.2.0",
-    "react-infinite-scroller": "^1.2.6"
-  }
-}
+{
+  "name": "@dodoex/wallet-web3-react",
+  "version": "0.3.0",
+  "source": "src/index.tsx",
+  "types": "dist/types/index.d.ts",
+  "typings": "dist/types/index.d.ts",
+  "main": "dist/cjs/index.cjs",
+  "module": "dist/index.js",
+  "scripts": {
+    "start": "yarn workspace doc start",
+    "build": "yarn extract && yarn compile && rollup -c",
+    "extract": "lingui extract --clean",
+    "compile": "lingui compile",
+    "release.npm-publish": "npm publish --access public",
+    "release.npm-publish-beta": "npm publish --tag beta"
+  },
+  "author": "",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "license": "GPL-3.0-or-later",
+  "description": "",
+  "keywords": [
+    "dodo",
+    "wallet",
+    "ethereum"
+  ],
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/index.js"
+    },
+    "./locales/*": {
+      "import": "./dist/locales/*.js",
+      "require": "./dist/cjs/locales/*.js",
+      "default": "./dist/locales/*.js"
+    }
+  },
+  "peerDependencies": {
+    "@dodoex/wallet-web3": ">=0.0.70",
+    "@dodoex/contract-request": ">=1.x",
+    "@dodoex/dodo-contract-request": ">=1.x",
+    "@dodoex/icons": ">=2.0.2",
+    "@dodoex/api": ">=3.0.2",
+    "@dodoex/components": ">=3.0.4",
+    "react": ">=17.0.2 <20.0.0",
+    "react-dom": ">=17.0.2 <20.0.0"
+  },
+  "devDependencies": {
+    "@lingui/cli": "^4.11.4",
+    "@lingui/loader": "^4.11.4",
+    "@rollup/plugin-replace": "^6.0.2",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^12.1.1",
+    "@rollup/plugin-url": "^8.0.2",
+    "@svgr/rollup": "^8.1.0",
+    "@types/identicon.js": "^2.3.5",
+    "@types/react-infinite-scroller": "^1.2.5",
+    "babel-plugin-macros": "^3.1.0",
+    "rollup": "^4.28.0",
+    "rollup-plugin-clear": "^2.0.7",
+    "rollup-plugin-import-css": "^3.5.7",
+    "typescript": "^5.6.3"
+  },
+  "dependencies": {
+    "@lingui/macro": "^4.11.4",
+    "@lingui/react": "^4.11.4",
+    "@tanstack/react-query": "^5.18.1",
+    "bignumber.js": "^9.1.2",
+    "copy-to-clipboard": "^3.3.3",
+    "dayjs": "^1.11.13",
+    "identicon.js": "^2.3.3",
+    "qrcode.react": "^4.2.0",
+    "react-infinite-scroller": "^1.2.6"
+  }
+}

package/rollup.config.mjs

@@ -1,100 +1,100 @@
-import { babel } from '@rollup/plugin-babel';
-import commonjs from '@rollup/plugin-commonjs';
-import json from '@rollup/plugin-json';
-import typescript from '@rollup/plugin-typescript';
-import terser from '@rollup/plugin-terser';
-import url from '@rollup/plugin-url';
-import replace from '@rollup/plugin-replace';
-import resolve from '@rollup/plugin-node-resolve';
-import svgr from '@svgr/rollup';
-import pkg from './package.json' with { type: 'json' };
-import globby from 'globby';
-import css from 'rollup-plugin-import-css';
-import clear from 'rollup-plugin-clear';
-
-const extensions = ['.js', '.jsx', '.ts', '.tsx'];
-const baseConfig = {
-  input: pkg.source,
-  jsx: {
-    mode: 'preserve',
-    factory: 'React.createElement',
-    fragment: 'React.Fragment',
-    importSource: 'react'
-  },
-  plugins: [
-    replace({
-      '../locales/${locale}.js': './locales/${locale}.js',
-      delimiters: ['', ''],
-    }),
-    url(),
-    svgr({
-      svgo: true,
-      svgoConfig: {
-        plugins: [
-          {
-            name: 'removeViewBox',
-            active: false,
-          },
-        ],
-      },
-    }),
-    json(),
-    typescript(),
-    commonjs(),
-    resolve(),
-    babel({
-      extensions,
-      babelHelpers: 'bundled',
-    }),
-    css(),
-    clear({
-      // required, point out which directories should be clear.
-      targets: ['dist'],
-      // optional, whether clear the directores when rollup recompile on --watch mode.
-      watch: true, // default: false
-    }),
-  ],
-  external: [
-    ...Object.keys(pkg.dependencies || {}).filter(
-      (key) => !['@dodoex/icons'].includes(key),
-    ),
-    ...Object.keys(pkg.peerDependencies || {}),
-  ],
-};
-
-const localesConfig = globby.sync('src/locales/*.js').map((inputFile) => ({
-  input: inputFile,
-  output: [
-    {
-      dir: 'dist/locales',
-      format: 'esm',
-      sourcemap: false,
-    },
-    {
-      dir: 'dist/cjs/locales',
-      sourcemap: false,
-    },
-  ],
-}));
-
-export default [
-  {
-    output: [
-      {
-        dir: 'dist',
-        format: 'es',
-        plugins: [terser()],
-      },
-      {
-        dir: 'dist',
-        entryFileNames: '[name].cjs',
-        chunkFileNames: '[name]-[hash].cjs',
-        format: 'cjs',
-        sourcemap: false,
-        plugins: [terser()],
-      },
-    ],
-    ...baseConfig,
-  },
-  ...localesConfig,
-];
+import { babel } from '@rollup/plugin-babel';
+import commonjs from '@rollup/plugin-commonjs';
+import json from '@rollup/plugin-json';
+import typescript from '@rollup/plugin-typescript';
+import terser from '@rollup/plugin-terser';
+import url from '@rollup/plugin-url';
+import replace from '@rollup/plugin-replace';
+import resolve from '@rollup/plugin-node-resolve';
+import svgr from '@svgr/rollup';
+import pkg from './package.json' with { type: 'json' };
+import globby from 'globby';
+import css from 'rollup-plugin-import-css';
+import clear from 'rollup-plugin-clear';
+
+const extensions = ['.js', '.jsx', '.ts', '.tsx'];
+const baseConfig = {
+  input: pkg.source,
+  jsx: {
+    mode: 'preserve',
+    factory: 'React.createElement',
+    fragment: 'React.Fragment',
+    importSource: 'react'
+  },
+  plugins: [
+    replace({
+      '../locales/${locale}.js': './locales/${locale}.js',
+      delimiters: ['', ''],
+    }),
+    url(),
+    svgr({
+      svgo: true,
+      svgoConfig: {
+        plugins: [
+          {
+            name: 'removeViewBox',
+            active: false,
+          },
+        ],
+      },
+    }),
+    json(),
+    typescript(),
+    commonjs(),
+    resolve(),
+    babel({
+      extensions,
+      babelHelpers: 'bundled',
+    }),
+    css(),
+    clear({
+      // required, point out which directories should be clear.
+      targets: ['dist'],
+      // optional, whether clear the directores when rollup recompile on --watch mode.
+      watch: true, // default: false
+    }),
+  ],
+  external: [
+    ...Object.keys(pkg.dependencies || {}).filter(
+      (key) => !['@dodoex/icons'].includes(key),
+    ),
+    ...Object.keys(pkg.peerDependencies || {}),
+  ],
+};
+
+const localesConfig = globby.sync('src/locales/*.js').map((inputFile) => ({
+  input: inputFile,
+  output: [
+    {
+      dir: 'dist/locales',
+      format: 'esm',
+      sourcemap: false,
+    },
+    {
+      dir: 'dist/cjs/locales',
+      sourcemap: false,
+    },
+  ],
+}));
+
+export default [
+  {
+    output: [
+      {
+        dir: 'dist',
+        format: 'es',
+        plugins: [terser()],
+      },
+      {
+        dir: 'dist',
+        entryFileNames: '[name].cjs',
+        chunkFileNames: '[name]-[hash].cjs',
+        format: 'cjs',
+        sourcemap: false,
+        plugins: [terser()],
+      },
+    ],
+    ...baseConfig,
+  },
+  ...localesConfig,
+];

package/src/ClientProvider.tsx

@@ -1,15 +1,17 @@
-import { createTheme, ThemeProvider } from '@dodoex/components';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import LangProvider from './LangProvider';
-
-export default function ClientProvider({ children }: React.PropsWithChildren) {
-  const queryClient = new QueryClient();
-  const theme = createTheme();
-  return (
-    <QueryClientProvider client={queryClient}>
-      <ThemeProvider theme={theme}>
-        <LangProvider>{children}</LangProvider>
-      </ThemeProvider>
-    </QueryClientProvider>
-  );
-}
+'use client';
+
+import { createTheme, ThemeProvider } from '@dodoex/components';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import LangProvider from './LangProvider';
+
+export default function ClientProvider({ children }: React.PropsWithChildren) {
+  const queryClient = new QueryClient();
+  const theme = createTheme();
+  return (
+    <QueryClientProvider client={queryClient}>
+      <ThemeProvider theme={theme}>
+        <LangProvider>{children}</LangProvider>
+      </ThemeProvider>
+    </QueryClientProvider>
+  );
+}

package/src/LangProvider.tsx

@@ -1,34 +1,36 @@
-import { i18n } from '@lingui/core';
-import { I18nProvider } from '@lingui/react';
-import { ReactNode, useEffect } from 'react';
-
-export const supportedLang = ['en', 'zh'];
-export type SupportedLang = typeof supportedLang[number];
-
-export const defaultLang: SupportedLang = 'en';
-
-interface LangProviderProps {
-  locale?: SupportedLang;
-  children: ReactNode;
-}
-
-export async function loadI18(locale: SupportedLang = defaultLang) {
-  try {
-    const catalog = await import(`./locales/${locale}.js`);
-    i18n.load(locale, catalog.messages || catalog.default.messages);
-  } catch (error) {
-    console.error(error);
-  }
-  i18n.activate(locale);
-}
-export function LangProvider({ locale, children }: LangProviderProps) {
-  useEffect(() => {
-    const loadLocale = async () => {
-      await loadI18(locale);
-    };
-    loadLocale();
-  }, [locale]);
-  return <I18nProvider i18n={i18n}>{children}</I18nProvider>;
-}
-
-export default LangProvider;
+'use client';
+
+import { i18n } from '@lingui/core';
+import { I18nProvider } from '@lingui/react';
+import { ReactNode, useEffect } from 'react';
+
+export const supportedLang = ['en', 'zh'];
+export type SupportedLang = typeof supportedLang[number];
+
+export const defaultLang: SupportedLang = 'en';
+
+interface LangProviderProps {
+  locale?: SupportedLang;
+  children: ReactNode;
+}
+
+export async function loadI18(locale: SupportedLang = defaultLang) {
+  try {
+    const catalog = await import(`./locales/${locale}.js`);
+    i18n.load(locale, catalog.messages || catalog.default.messages);
+  } catch (error) {
+    console.error(error);
+  }
+  i18n.activate(locale);
+}
+export function LangProvider({ locale, children }: LangProviderProps) {
+  useEffect(() => {
+    const loadLocale = async () => {
+      await loadI18(locale);
+    };
+    loadLocale();
+  }, [locale]);
+  return <I18nProvider i18n={i18n}>{children}</I18nProvider>;
+}
+
+export default LangProvider;