@dodoex/wallet-web3-react 0.4.0 → 0.4.2

package/rollup.config.mjs

@@ -1,103 +1,106 @@
-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: ['', ''],
-      preventAssignment: true,
-    }),
-    url(),
-    svgr({
-      svgo: true,
-      svgoConfig: {
-        plugins: [
-          {
-            name: 'removeViewBox',
-            active: false,
-          },
-        ],
-      },
-    }),
-    json(),
-    typescript({
-      declaration: false,
-    }),
-    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/cjs',
-        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: ['', ''],
+      preventAssignment: true,
+    }),
+    url(),
+    svgr({
+      svgo: true,
+      svgoConfig: {
+        plugins: [
+          {
+            name: 'removeViewBox',
+            active: false,
+          },
+        ],
+      },
+    }),
+    json(),
+    typescript({
+      declaration: false,
+    }),
+    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: [
+    'react',
+    'react-dom',
+    'react/jsx-runtime',
+    ...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/cjs',
+        entryFileNames: '[name].cjs',
+        chunkFileNames: '[name]-[hash].cjs',
+        format: 'cjs',
+        sourcemap: false,
+        plugins: [terser()],
+      },
+    ],
+    ...baseConfig,
+  },
+  ...localesConfig,
+];

package/src/ClientProvider.tsx

@@ -1,17 +1,17 @@
-'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>
-  );
-}
+'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,36 +1,36 @@
-'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;
+'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;