@arcblock/did-playground 2.13.69 → 3.0.0

package/src/Action/{index.js → index.jsx}

@@ -1,12 +1,11 @@
-import { useContext, useState, useEffect } from 'react';
+import { use, useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { useSize } from 'ahooks';
 import useBrowser from '@arcblock/react-hooks/lib/useBrowser';
 import { styled, useTheme } from '@arcblock/ux/lib/Theme';
+import isUndefined from 'lodash/isUndefined';
 
-import CircularProgress from '@mui/material/CircularProgress';
-import Dialog from '@mui/material/Dialog';
-import DialogContent from '@mui/material/DialogContent';
+import { CircularProgress, Dialog, DialogContent } from '@mui/material';
 
 import DidConnect from '@arcblock/did-connect/lib/Connect';
 import Button from '@arcblock/ux/lib/Button';
@@ -32,7 +31,53 @@ const CloseContainer = styled('div')`
   user-select: none;
 `;
 
-function PlaygroundAction(props) {
+function PlaygroundAction(rawProps) {
+  const props = Object.assign({}, rawProps);
+  if (isUndefined(props.autoClose)) {
+    props.autoClose = true;
+  }
+  if (isUndefined(props.buttonText)) {
+    props.buttonText = '';
+  }
+  if (isUndefined(props.buttonColor)) {
+    props.buttonColor = 'primary';
+  }
+  if (isUndefined(props.buttonVariant)) {
+    props.buttonVariant = 'contained';
+  }
+  if (isUndefined(props.buttonSize)) {
+    props.buttonSize = 'large';
+  }
+  if (isUndefined(props.buttonRounded)) {
+    props.buttonRounded = false;
+  }
+  if (isUndefined(props.scanMessage)) {
+    props.scanMessage = 'Scan the QR Code with your DID Wallet';
+  }
+  if (isUndefined(props.confirmMessage)) {
+    props.confirmMessage = 'Confirm in your DID Wallet';
+  }
+  if (isUndefined(props.successMessage)) {
+    props.successMessage = 'Operation success!';
+  }
+  if (isUndefined(props.extraParams)) {
+    props.extraParams = {};
+  }
+  if (isUndefined(props.timeout)) {
+    props.timeout = 5 * 60 * 1000;
+  }
+  if (isUndefined(props.successUrl)) {
+    props.successUrl = '';
+  }
+  if (isUndefined(props.successTarget)) {
+    props.successTarget = '_self';
+  }
+  if (isUndefined(props.frameProps)) {
+    props.frameProps = {};
+  }
+  if (isUndefined(props.webWalletUrl)) {
+    props.webWalletUrl = '';
+  }
   const newProps = mergeProps(props, PlaygroundAction, ['buttonRounded', 'extraParams', 'timeout']);
   const {
     autoClose,
@@ -59,7 +104,7 @@ function PlaygroundAction(props) {
 
   const theme = useTheme();
   const browser = useBrowser();
-  const { api, session } = useContext(SessionContext);
+  const { api, session } = use(SessionContext);
   const [open, setOpen] = useState(false);
   const [loading, setLoading] = useState(false);
   const [dynamicParams, setDynamicParams] = useState({});
@@ -254,22 +299,4 @@ PlaygroundAction.propTypes = {
   webWalletUrl: PropTypes.string,
 };
 
-PlaygroundAction.defaultProps = {
-  autoClose: true, // 只在没有 successUrl 属性下有效
-  buttonText: '',
-  buttonColor: 'primary', // primary | secondary | reverse | error
-  buttonVariant: 'contained', // contained | outlined | default
-  buttonSize: 'large', // small | large | medium
-  buttonRounded: false,
-  scanMessage: 'Scan the QR Code with your DID Wallet',
-  confirmMessage: 'Confirm in your DID Wallet',
-  successMessage: 'Operation success!',
-  extraParams: {},
-  timeout: 5 * 60 * 1000,
-  successUrl: '',
-  successTarget: '_self',
-  frameProps: {},
-  webWalletUrl: '',
-};
-
 export default PlaygroundAction;

package/vite.config.mjs

@@ -0,0 +1,29 @@
+import { defineConfig } from 'vite';
+import svgr from 'vite-plugin-svgr';
+import react from '@vitejs/plugin-react';
+import noBundlePlugin from 'vite-plugin-no-bundle';
+import fg from 'fast-glob';
+
+export default defineConfig({
+  plugins: [
+    react({ jsxRuntime: 'automatic' }),
+    svgr({
+      include: ['**/*.svg', '**/*.svg?react'],
+    }),
+    noBundlePlugin({
+      root: 'src',
+      copy: ['**/*.png', '**/*.gif', '**/*.jpg', '**/*.jpeg', '**/*.d.ts'],
+    }),
+  ],
+  build: {
+    lib: {
+      entry: fg.sync('src/**/*.{tsx,ts,jsx,js}', {
+        ignore: ['**/stories/**', '**/demo/**', '**/*.d.ts', '**/*.stories.*'],
+      }),
+      formats: ['es'],
+      fileName: (format, entryName) => `${entryName}.js`,
+    },
+    outDir: 'lib',
+    emptyOutDir: true,
+  },
+});