@abtnode/ux 1.16.25-beta-023ec101 → 1.16.25-beta-bc165d9b

package/es/blocklet/publish/create-project.js

@@ -1,205 +0,0 @@
-import { useState } from 'react';
-import { Link, useNavigate, useParams } from 'react-router-dom';
-import useLocalStorage from 'react-use/lib/useLocalStorage';
-import MenuItem from '@mui/material/MenuItem';
-import TextField from '@mui/material/TextField';
-import Typography from '@mui/material/Typography';
-import Breadcrumbs from '@mui/material/Breadcrumbs';
-import InputAdornment from '@mui/material/InputAdornment';
-import styled from '@emotion/styled';
-import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
-import Box from '@mui/material/Box';
-import Button from '@arcblock/ux/lib/Button';
-import DidConnect from '@arcblock/did-connect/lib/Connect';
-import Toast from '@arcblock/ux/lib/Toast';
-import { useNodeContext } from '../../contexts/node';
-import { useBlockletContext } from '../../contexts/blocklet';
-import { useSessionContext } from '../../contexts/session';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const Types = [{
-  label: {
-    en: 'Resource',
-    zh: '资源'
-  },
-  value: 'resource'
-}, {
-  label: {
-    en: 'Application',
-    zh: '应用'
-  },
-  value: 'pack'
-}];
-export default function CreateProject({
-  ...rest
-}) {
-  const navigate = useNavigate();
-  const {
-    t,
-    locale
-  } = useLocaleContext();
-  const {
-    blocklet
-  } = useBlockletContext();
-  const [blockletTitle, setBlockletTitle] = useState('');
-  const [loading, setLoading] = useState(false);
-  const [type, setType] = useState('resource'); // resource, pack
-  const {
-    api: sessionApi
-  } = useSessionContext();
-  const {
-    api
-  } = useNodeContext();
-  const [blockletDid, setBlockletDid] = useState();
-  const [openConnect, setOpenConnect] = useState(false);
-  const [manualCreateBlockletDid] = useLocalStorage('manual-create-blocklet-did', false);
-  const {
-    componentDid = ''
-  } = useParams();
-  const handleCreateBlockletDidError = err => {
-    Toast.error(err.message);
-    setOpenConnect(false);
-  };
-  const handleCreateBlockletDidSuccess = result => {
-    const did = result?.blockletWallet?.address;
-    if (!did) {
-      Toast.error('Empty Blocklet DID');
-    } else {
-      setBlockletDid(did);
-    }
-    setOpenConnect(false);
-  };
-  const onCreate = () => {
-    if (!blockletDid) {
-      Toast.error(t('blocklet.publish.errorTip.noDid'));
-      return;
-    }
-    if (!blockletTitle) {
-      Toast.error(t('blocklet.publish.errorTip.noTitle'));
-      return;
-    }
-    setLoading(true);
-    api.createProject({
-      input: {
-        did: blocklet.meta.did,
-        blockletTitle: blockletTitle || '',
-        blockletDid,
-        type,
-        componentDid
-      }
-    }).then(() => {
-      setLoading(false);
-      navigate('../', {
-        replace: true
-      });
-    }).catch(err => {
-      setLoading(false);
-      Toast.error(err.message);
-    });
-  };
-  return /*#__PURE__*/_jsxs(Main, {
-    ...rest,
-    children: [/*#__PURE__*/_jsxs(Breadcrumbs, {
-      className: "breadcrumbs",
-      "aria-label": "breadcrumb",
-      children: [/*#__PURE__*/_jsx(Link, {
-        to: "..",
-        children: t('common.publish')
-      }), /*#__PURE__*/_jsxs(Typography, {
-        color: "text.primary",
-        children: [t('common.create'), " Blocklet"]
-      })]
-    }), /*#__PURE__*/_jsxs(Box, {
-      style: {
-        maxWidth: 500
-      },
-      children: [/*#__PURE__*/_jsx(TextField, {
-        required: true,
-        sx: {
-          mb: 4
-        },
-        label: "Blocklet DID",
-        fullWidth: true,
-        readonly: true,
-        autoComplete: "off",
-        variant: "outlined",
-        onChange: e => manualCreateBlockletDid && setBlockletDid(e.target.value),
-        onClick: () => !manualCreateBlockletDid && !blockletDid && setOpenConnect(true),
-        InputProps: {
-          'data-cy': 'export-blocklet-did',
-          endAdornment: !manualCreateBlockletDid && /*#__PURE__*/_jsx(InputAdornment, {
-            position: "end",
-            children: /*#__PURE__*/_jsx(Button, {
-              onClick: () => setOpenConnect(true),
-              children: t(blockletDid ? 'common.update' : 'common.create')
-            })
-          })
-        },
-        helperText: "",
-        value: blockletDid || ''
-      }), openConnect && /*#__PURE__*/_jsx(DidConnect, {
-        open: true,
-        popup: true,
-        onClose: () => setOpenConnect(false),
-        action: "gen-blocklet-key-pair",
-        locale: locale,
-        checkFn: sessionApi.get,
-        saveConnect: false,
-        forceConnected: false,
-        checkTimeout: 5 * 60 * 1000,
-        onSuccess: handleCreateBlockletDidSuccess,
-        onError: handleCreateBlockletDidError,
-        extraParams: {
-          did: blocklet.meta.did
-        },
-        messages: {
-          title: t('blocklet.publish.connect.title'),
-          scan: t('blocklet.publish.connect.scan'),
-          confirm: t('blocklet.publish.connect.confirm'),
-          success: t('blocklet.publish.connect.success')
-        }
-      }), /*#__PURE__*/_jsx(TextField, {
-        required: true,
-        label: `Blocklet ${t('common.title')}`,
-        autoComplete: "off",
-        variant: "outlined",
-        InputProps: {
-          'data-cy': 'export-blocklet-title'
-        },
-        fullWidth: true,
-        helperText: "",
-        value: blockletTitle || '',
-        onChange: e => {
-          setBlockletTitle(e.target.value);
-        }
-      }), /*#__PURE__*/_jsx(TextField, {
-        sx: {
-          my: 4
-        },
-        id: "blocklet-type",
-        select: true,
-        label: `Blocklet ${t('common.type')}`,
-        helperText: "",
-        fullWidth: true,
-        value: type,
-        onChange: e => setType(e.target.value),
-        children: Types.map(x => /*#__PURE__*/_jsx(MenuItem, {
-          value: x.value,
-          disabled: x.disabled,
-          children: x.label[locale] || x.label.en
-        }, x.value))
-      })]
-    }), /*#__PURE__*/_jsx(Button, {
-      variant: "contained",
-      disabled: loading,
-      onClick: onCreate,
-      children: t('common.create')
-    })]
-  });
-}
-CreateProject.propTypes = {};
-CreateProject.defaultProps = {};
-const Main = styled.div`
-  .breadcrumbs {
-    margin-bottom: 24px;
-  }
-`;

package/lib/blocklet/publish/create-project.js

@@ -1,215 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = CreateProject;
-var _react = require("react");
-var _reactRouterDom = require("react-router-dom");
-var _useLocalStorage = _interopRequireDefault(require("react-use/lib/useLocalStorage"));
-var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _Breadcrumbs = _interopRequireDefault(require("@mui/material/Breadcrumbs"));
-var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _context = require("@arcblock/ux/lib/Locale/context");
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
-var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
-var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
-var _node = require("../../contexts/node");
-var _blocklet = require("../../contexts/blocklet");
-var _session = require("../../contexts/session");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
-const Types = [{
-  label: {
-    en: 'Resource',
-    zh: '资源'
-  },
-  value: 'resource'
-}, {
-  label: {
-    en: 'Application',
-    zh: '应用'
-  },
-  value: 'pack'
-}];
-function CreateProject(_ref) {
-  let rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  const navigate = (0, _reactRouterDom.useNavigate)();
-  const {
-    t,
-    locale
-  } = (0, _context.useLocaleContext)();
-  const {
-    blocklet
-  } = (0, _blocklet.useBlockletContext)();
-  const [blockletTitle, setBlockletTitle] = (0, _react.useState)('');
-  const [loading, setLoading] = (0, _react.useState)(false);
-  const [type, setType] = (0, _react.useState)('resource'); // resource, pack
-  const {
-    api: sessionApi
-  } = (0, _session.useSessionContext)();
-  const {
-    api
-  } = (0, _node.useNodeContext)();
-  const [blockletDid, setBlockletDid] = (0, _react.useState)();
-  const [openConnect, setOpenConnect] = (0, _react.useState)(false);
-  const [manualCreateBlockletDid] = (0, _useLocalStorage.default)('manual-create-blocklet-did', false);
-  const {
-    componentDid = ''
-  } = (0, _reactRouterDom.useParams)();
-  const handleCreateBlockletDidError = err => {
-    _Toast.default.error(err.message);
-    setOpenConnect(false);
-  };
-  const handleCreateBlockletDidSuccess = result => {
-    var _result$blockletWalle;
-    const did = result === null || result === void 0 || (_result$blockletWalle = result.blockletWallet) === null || _result$blockletWalle === void 0 ? void 0 : _result$blockletWalle.address;
-    if (!did) {
-      _Toast.default.error('Empty Blocklet DID');
-    } else {
-      setBlockletDid(did);
-    }
-    setOpenConnect(false);
-  };
-  const onCreate = () => {
-    if (!blockletDid) {
-      _Toast.default.error(t('blocklet.publish.errorTip.noDid'));
-      return;
-    }
-    if (!blockletTitle) {
-      _Toast.default.error(t('blocklet.publish.errorTip.noTitle'));
-      return;
-    }
-    setLoading(true);
-    api.createProject({
-      input: {
-        did: blocklet.meta.did,
-        blockletTitle: blockletTitle || '',
-        blockletDid,
-        type,
-        componentDid
-      }
-    }).then(() => {
-      setLoading(false);
-      navigate('../', {
-        replace: true
-      });
-    }).catch(err => {
-      setLoading(false);
-      _Toast.default.error(err.message);
-    });
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Main, _objectSpread(_objectSpread({}, rest), {}, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Breadcrumbs.default, {
-      className: "breadcrumbs",
-      "aria-label": "breadcrumb",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
-        to: "..",
-        children: t('common.publish')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
-        color: "text.primary",
-        children: [t('common.create'), " Blocklet"]
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
-      style: {
-        maxWidth: 500
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
-        required: true,
-        sx: {
-          mb: 4
-        },
-        label: "Blocklet DID",
-        fullWidth: true,
-        readonly: true,
-        autoComplete: "off",
-        variant: "outlined",
-        onChange: e => manualCreateBlockletDid && setBlockletDid(e.target.value),
-        onClick: () => !manualCreateBlockletDid && !blockletDid && setOpenConnect(true),
-        InputProps: {
-          'data-cy': 'export-blocklet-did',
-          endAdornment: !manualCreateBlockletDid && /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputAdornment.default, {
-            position: "end",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-              onClick: () => setOpenConnect(true),
-              children: t(blockletDid ? 'common.update' : 'common.create')
-            })
-          })
-        },
-        helperText: "",
-        value: blockletDid || ''
-      }), openConnect && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Connect.default, {
-        open: true,
-        popup: true,
-        onClose: () => setOpenConnect(false),
-        action: "gen-blocklet-key-pair",
-        locale: locale,
-        checkFn: sessionApi.get,
-        saveConnect: false,
-        forceConnected: false,
-        checkTimeout: 5 * 60 * 1000,
-        onSuccess: handleCreateBlockletDidSuccess,
-        onError: handleCreateBlockletDidError,
-        extraParams: {
-          did: blocklet.meta.did
-        },
-        messages: {
-          title: t('blocklet.publish.connect.title'),
-          scan: t('blocklet.publish.connect.scan'),
-          confirm: t('blocklet.publish.connect.confirm'),
-          success: t('blocklet.publish.connect.success')
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
-        required: true,
-        label: "Blocklet ".concat(t('common.title')),
-        autoComplete: "off",
-        variant: "outlined",
-        InputProps: {
-          'data-cy': 'export-blocklet-title'
-        },
-        fullWidth: true,
-        helperText: "",
-        value: blockletTitle || '',
-        onChange: e => {
-          setBlockletTitle(e.target.value);
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
-        sx: {
-          my: 4
-        },
-        id: "blocklet-type",
-        select: true,
-        label: "Blocklet ".concat(t('common.type')),
-        helperText: "",
-        fullWidth: true,
-        value: type,
-        onChange: e => setType(e.target.value),
-        children: Types.map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
-          value: x.value,
-          disabled: x.disabled,
-          children: x.label[locale] || x.label.en
-        }, x.value))
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      variant: "contained",
-      disabled: loading,
-      onClick: onCreate,
-      children: t('common.create')
-    })]
-  }));
-}
-CreateProject.propTypes = {};
-CreateProject.defaultProps = {};
-const Main = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .breadcrumbs {\n    margin-bottom: 24px;\n  }\n"])));