@abtnode/ux 1.16.28-next-5a717317 → 1.16.28

package/lib/blocklet/publish/create-release/{resources.js → resource-select.js}

@@ -1,9 +1,9 @@
 import styled from '@emotion/styled';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
-import { useEffect, useRef } from 'react';
+import React, { useEffect, useRef } from 'react';
 import useSetState from 'react-use/lib/useSetState';
-import joinUrl from 'url-join';
+import { joinURL } from 'ufo';
 import { Box } from '@mui/material';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import { hasStartEngine } from '@blocklet/meta/lib/engine';
@@ -14,6 +14,7 @@ import { useNodeContext } from '../../../contexts/node';
 import { axios } from '../../../util/api';
 import StopBox from './stop-box';
 import Tree from './tree';
+import keepNowResources from './keep-now-resources';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const fillParent = (nodes, parentId) => {
   nodes.forEach(node => {
@@ -31,7 +32,7 @@ const parseUrl = (component, projectId, releaseId, locale, initUrl) => {
   const {
     exportApi = '/'
   } = component?.meta.resource || {};
-  const urlObj = new URL(joinUrl('http://127.0.0.1', component.mountPoint, exportApi || '/').replace(/\/+/g, '/'));
+  const urlObj = new URL(joinURL('http://127.0.0.1', component.mountPoint, exportApi || '/').replace(/\/+/g, '/'));
   urlObj.searchParams.set('projectId', projectId);
   urlObj.searchParams.set('releaseId', releaseId);
   urlObj.searchParams.set('local', locale);
@@ -89,7 +90,7 @@ const getNodeIdDependencies = (node, nodeIds) => {
   };
   return getDependencies(node, {});
 };
-export default function Resources({
+export default function ResourceSelect({
   app,
   component,
   projectId,
@@ -178,7 +179,7 @@ export default function Resources({
             const list = res?.resources || [];
             if (list?.length) {
               setSelectedResourceIds({
-                [child.meta.did]: list
+                [child.meta.did]: keepNowResources(tree, list)
               });
               setSelectedComponentsMapByIds(child.meta.did, tree, list);
               if (!readOnly) {
@@ -256,7 +257,7 @@ export default function Resources({
     })]
   });
 }
-Resources.propTypes = {
+ResourceSelect.propTypes = {
   component: PropTypes.object.isRequired,
   app: PropTypes.object.isRequired,
   projectId: PropTypes.string.isRequired,
@@ -275,7 +276,7 @@ Resources.propTypes = {
   selectedResourceIds: PropTypes.array.isRequired,
   setSelectedResourceIds: PropTypes.func.isRequired
 };
-Resources.defaultProps = {
+ResourceSelect.defaultProps = {
   error: '',
   release: {
     id: ''

package/lib/blocklet/publish/create-release/resource-upload.js

@@ -0,0 +1,105 @@
+import PropTypes from 'prop-types';
+import { UNOWNED_DID, WELLKNOWN_SERVICE_PATH_PREFIX } from '@abtnode/constant';
+import React, { Suspense, useRef, lazy } from 'react';
+import { Stack, Box, Button, Typography } from '@mui/material';
+import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
+import Toast from '@arcblock/ux/lib/Toast/index';
+import EmptySpinner from '../../../empty-spinner';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const allowedFileTypes = ['.zip', '.gz'];
+const maxFileSize = 1024 * 1024 * 100; // 100 MB
+
+// eslint-disable-next-line import/no-unresolved
+const UploaderComponent = /*#__PURE__*/lazy(() => import('@blocklet/uploader/react').then(res => ({
+  default: res.Uploader
+})));
+export default function ResourceUpload({
+  app,
+  projectId,
+  readOnly,
+  params,
+  setParams
+}) {
+  const {
+    t
+  } = useLocaleContext();
+  const uploaderRef = useRef(null);
+  const checkCanUpload = () => {
+    if (readOnly) {
+      return false;
+    }
+    if (!projectId || projectId === UNOWNED_DID) {
+      Toast.error(t('blocklet.publish.errorTip.noFirstDid'));
+      return false;
+    }
+    return true;
+  };
+  const uploadPrefix = `${WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${app.meta.did}/${projectId}/resource/upload`;
+  return /*#__PURE__*/_jsxs(Box, {
+    sx: {
+      mt: 3
+    },
+    children: [/*#__PURE__*/_jsx(Typography, {
+      gutterBottom: true,
+      children: t('blocklet.publish.resourceUpload')
+    }), /*#__PURE__*/_jsxs(Stack, {
+      direction: "row",
+      alignItems: "center",
+      spacing: 1,
+      sx: {
+        flex: 1,
+        cursor: readOnly ? 'default' : 'pointer'
+      },
+      children: [!!params.uploadedResource && /*#__PURE__*/_jsx(Typography, {
+        component: "a",
+        href: `${uploadPrefix}/params.uploadedResource`,
+        children: params.uploadedResource
+      }), !readOnly && /*#__PURE__*/_jsx(Button, {
+        variant: "outlined",
+        size: "small",
+        onClick: () => {
+          if (!checkCanUpload()) {
+            return;
+          }
+          uploaderRef.current?.open();
+        },
+        children: params.uploadedResource ? t('common.change') : t('common.upload')
+      })]
+    }), /*#__PURE__*/_jsx(Suspense, {
+      fallback: /*#__PURE__*/_jsx(EmptySpinner, {}),
+      children: /*#__PURE__*/_jsx(UploaderComponent, {
+        ref: uploaderRef,
+        popup: true,
+        onUploadFinish: result => {
+          setParams({
+            uploadedResource: result.data.filename
+          });
+          uploaderRef.current?.close();
+        },
+        plugins: ['ImageEditor'],
+        installerProps: {
+          disabled: true
+        },
+        apiPathProps: {
+          uploader: uploadPrefix,
+          disableMediaKitPrefix: true
+        },
+        coreProps: {
+          restrictions: {
+            allowedFileTypes,
+            maxFileSize,
+            maxNumberOfFiles: 1
+          }
+        }
+      }, "uploader-resource")
+    })]
+  });
+}
+ResourceUpload.propTypes = {
+  app: PropTypes.object.isRequired,
+  projectId: PropTypes.string.isRequired,
+  readOnly: PropTypes.bool.isRequired,
+  params: PropTypes.object.isRequired,
+  setParams: PropTypes.func.isRequired
+};
+ResourceUpload.defaultProps = {};

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

@@ -182,6 +182,9 @@ export default function ProjectList({
     name: 'blockletDid',
     options: {
       customBodyRender: did => {
+        if (!did) {
+          return null;
+        }
         return /*#__PURE__*/_jsx(DidAddress, {
           size: 14,
           compact: true,
@@ -195,6 +198,9 @@ export default function ProjectList({
     name: 'createdBy',
     options: {
       customBodyRender: did => {
+        if (!did) {
+          return null;
+        }
         return /*#__PURE__*/_jsx(DidAddress, {
           onClick: () => {
             navigate(`/.well-known/service/admin/members?did=${did}`);

package/lib/blocklet/publish/release-list.js

@@ -2,7 +2,7 @@
 import React, { useState, useEffect } from 'react';
 import { Link, useParams } from 'react-router-dom';
 import styled from '@emotion/styled';
-import joinUrl from 'url-join';
+import { joinURL } from 'ufo';
 import upperFirst from 'lodash/upperFirst';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import { Box, useMediaQuery, IconButton, Typography, Tooltip, Breadcrumbs } from '@mui/material';
@@ -234,12 +234,12 @@ export default function ReleaseList() {
         let downloadUrl = '';
         const published = release.status === 'published';
         if (published) {
-          const blockletMetaUrl = joinUrl(serverEndpoint, `/api/project/${blocklet.meta.did}/${project.id}/${project.lastReleaseId}/release/blocklet.json`);
+          const blockletMetaUrl = joinURL(serverEndpoint, `/api/project/${blocklet.meta.did}/${project.id}/${project.lastReleaseId}/release/blocklet.json`);
           const url = new URL(serverEndpoint);
-          url.pathname = joinUrl(url.pathname, '/launch-blocklet/agreement');
+          url.pathname = joinURL(url.pathname, '/launch-blocklet/agreement');
           url.searchParams.set('blocklet_meta_url', blockletMetaUrl);
           installUrl = url.href;
-          downloadUrl = joinUrl(`${WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${blocklet.meta.did}/${project.id}/${project.lastReleaseId}/download/${(project.lastReleaseFiles || [])[0]}`);
+          downloadUrl = joinURL(`${WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${blocklet.meta.did}/${project.id}/${project.lastReleaseId}/download/${(project.lastReleaseFiles || [])[0]}`);
         }
         return /*#__PURE__*/_jsxs(Box, {
           display: "flex",

package/lib/blocklet/publish/utils/validate-params.js

@@ -3,7 +3,7 @@ import { UNOWNED_DID } from '@abtnode/constant';
 import semver from 'semver';
 export const validateParams = ({
   params,
-  isSelectedResources,
+  hasSelectedResources,
   projectId,
   status,
   t
@@ -21,7 +21,7 @@ export const validateParams = ({
       message: t('blocklet.publish.errorTip.noDid')
     });
   }
-  if (!isSelectedResources) {
+  if (!params.uploadedResource && !hasSelectedResources) {
     errors.push({
       param: 'blockletResources',
       message: t('blocklet.publish.errorTip.noResource')
@@ -56,7 +56,7 @@ export const validateParams = ({
 };
 export const validateParamsStep = ({
   params,
-  isSelectedResources,
+  hasSelectedResources,
   step,
   t,
   projectId
@@ -73,7 +73,7 @@ export const validateParamsStep = ({
     }
   }
   if (step === 2) {
-    if (!isSelectedResources) {
+    if (!params.uploadedResource && !hasSelectedResources) {
       return t('blocklet.publish.errorTip.noResource');
     }
   }

package/lib/blocklet/purchase/component-purchase.js

@@ -1,6 +1,6 @@
 /* eslint-disable react/jsx-one-expression-per-line */
 import { useState, useEffect, useImperativeHandle, forwardRef } from 'react';
-import joinUrl from 'url-join';
+import { joinURL } from 'ufo';
 import { getDisplayName } from '@blocklet/meta/lib/util';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import DidConnect from '@arcblock/did-connect/lib/Connect';
@@ -132,7 +132,7 @@ export function ComponentPurchase({
     purchase: {
       action: 'acquire-asset',
       checkFn: axios.create({
-        baseURL: joinUrl(baseUrl, '/store')
+        baseURL: joinURL(baseUrl, '/store')
       }).get,
       extraParams: {
         factory: meta.nftFactory,

package/lib/blocklet/router/action/add-rule.js

@@ -17,7 +17,10 @@ import ConfigRoutingRule from './config-routing-rule';
 import { formatMountPoint } from '../../../util';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function AddRule({
-  children
+  children,
+  hiddenChildren,
+  open,
+  onClose
 }) {
   const {
     t
@@ -29,12 +32,13 @@ export default function AddRule({
     blocklet
   } = useBlockletContext();
   const [loading, setLoading] = useState(false);
-  const [confirmSetting, setConfirmSetting] = useState(null);
+  const [showConfirm, setShowConfirm] = useState(false);
   const teamDid = blocklet.meta.did;
   const siteId = blocklet.site.id;
   const onCancel = () => {
+    onClose?.();
     setLoading(false);
-    setConfirmSetting(null);
+    setShowConfirm(false);
   };
   const onConfirm = async params => {
     try {
@@ -81,7 +85,7 @@ export default function AddRule({
       Toast.error(error.message);
     } finally {
       setLoading(false);
-      setConfirmSetting(null);
+      setShowConfirm(false);
     }
   };
   const setting = {
@@ -185,11 +189,11 @@ export default function AddRule({
   const onMenuItemClick = e => {
     e.stopPropagation();
     // eslint-disable-next-line no-unused-expressions
-    setConfirmSetting(setting);
+    setShowConfirm(true);
   };
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [typeof children === 'function' ? children({
-      loading,
+  let child = null;
+  if (!hiddenChildren) {
+    child = typeof children === 'function' ? children({
       open: onMenuItemClick
     }) : /*#__PURE__*/_jsxs(MenuItem, {
       onClick: onMenuItemClick,
@@ -203,21 +207,30 @@ export default function AddRule({
           marginRight: 5
         }
       }), t('router.rule.add.title')]
-    }), confirmSetting && /*#__PURE__*/_jsx(Confirm, {
-      title: confirmSetting.title,
-      description: confirmSetting.description,
-      confirm: confirmSetting.confirm,
-      cancel: confirmSetting.cancel,
-      params: confirmSetting.params,
-      onConfirm: confirmSetting.onConfirm,
-      onCancel: confirmSetting.onCancel,
+    });
+  }
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [child, (open || showConfirm) && /*#__PURE__*/_jsx(Confirm, {
+      title: setting.title,
+      description: setting.description,
+      confirm: setting.confirm,
+      cancel: setting.cancel,
+      params: setting.params,
+      onConfirm: setting.onConfirm,
+      onCancel: setting.onCancel,
       color: "primary"
     })]
   });
 }
 AddRule.propTypes = {
-  children: PropTypes.any
+  children: PropTypes.any,
+  onClose: PropTypes.func,
+  hiddenChildren: PropTypes.bool,
+  open: PropTypes.bool
 };
 AddRule.defaultProps = {
-  children: null
+  children: null,
+  open: false,
+  onClose: null,
+  hiddenChildren: false
 };

package/lib/blocklet/router/rule-actions.js

@@ -23,7 +23,14 @@ export default function RuleActions(rule) {
   return /*#__PURE__*/_jsxs(Box, {
     display: "flex",
     alignItems: "center",
-    children: [/*#__PURE__*/_jsx("a", {
+    children: [/*#__PURE__*/_jsx(Box, {
+      component: "a",
+      sx: {
+        display: {
+          xs: 'flex',
+          md: 'none'
+        }
+      },
       target: "_blank",
       href: href,
       rel: "noopener noreferrer",

package/lib/blocklet/storage/connect-to.js

@@ -3,7 +3,7 @@ import React, { useState } from 'react';
 import Button from '@arcblock/ux/lib/Button';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import DidConnect from '@arcblock/did-connect/lib/Connect';
-import joinUrl from 'url-join';
+import { joinURL } from 'ufo';
 import toast from '@arcblock/ux/lib/Toast';
 import SplitButton from '@arcblock/ux/lib/SplitButton';
 import Dialog from '@arcblock/ux/lib/Dialog';
@@ -53,7 +53,7 @@ function ConnectTo({
     action: 'connect-to-did-spaces',
     checkTimeout: 1000 * 300,
     checkFn: axios.create({
-      baseURL: joinUrl(window.location.origin, getPathPrefix())
+      baseURL: joinURL(window.location.origin, getPathPrefix())
     }).get,
     messages: {
       title: t('storage.spaces.provideNFT.title', {
@@ -198,10 +198,10 @@ function ConnectTo({
       setAuthorizeConnect(preValue => ({
         ...preValue,
         open: true,
-        prefix: joinUrl(didSpacesCoreUrl, 'space/api/did'),
+        prefix: joinURL(didSpacesCoreUrl, 'space/api/did'),
         baseUrl: new URL(didSpacesCoreUrl).origin,
         checkFn: axios.create({
-          baseURL: joinUrl(didSpacesCoreUrl, 'space')
+          baseURL: joinURL(didSpacesCoreUrl, 'space')
         }).get,
         extraParams: {
           appDid: blockletInfo.appDid,

package/lib/blocklet/storage/item.js

@@ -4,7 +4,7 @@ import Button from '@arcblock/ux/lib/Button';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import PropTypes from 'prop-types';
 import Toast from '@arcblock/ux/lib/Toast';
-import joinUrl from 'url-join';
+import { joinURL } from 'ufo';
 import { BLOCKLET_CONFIGURABLE_KEY } from '@blocklet/constant';
 import DidConnect from '@arcblock/did-connect/lib/Connect';
 import { useRequest } from 'ahooks';
@@ -176,10 +176,10 @@ function SpaceItem({
     setAuthorizeConnect(preValue => ({
       ...preValue,
       open: true,
-      prefix: joinUrl(spaceGateway.url, 'space/api/did'),
+      prefix: joinURL(spaceGateway.url, 'space/api/did'),
       baseUrl: new URL(spaceGateway.url).origin,
       checkFn: axios.create({
-        baseURL: joinUrl(spaceGateway.url, 'space')
+        baseURL: joinURL(spaceGateway.url, 'space')
       }).get,
       extraParams: {
         appDid,

package/lib/blocklet/util.js

@@ -1,5 +1,5 @@
 import sortBy from 'lodash/sortBy';
-import joinUrl from 'url-join';
+import { joinURL } from 'ufo';
 import isEmpty from 'lodash/isEmpty';
 import normalizePathPrefix from '@abtnode/util/lib/normalize-path-prefix';
 import { forEachBlockletSync, replaceSlotToIp } from '@blocklet/meta/lib/util';
@@ -7,12 +7,12 @@ import { BLOCKLET_APP_SPACE_REQUIREMENT } from '@blocklet/constant';
 import { SLOT_FOR_IP_DNS_SITE } from '@abtnode/constant';
 export const getServerUrl = (info, encodeURI = false) => {
   const adminPath = process.env.NODE_ENV === 'production' ? info.routing.adminPath : '';
-  return encodeURI ? encodeURIComponent(joinUrl(window.location.origin, adminPath)) : joinUrl(window.location.origin, adminPath);
+  return encodeURI ? encodeURIComponent(joinURL(window.location.origin, adminPath)) : joinURL(window.location.origin, adminPath);
 };
 export const getLaunchAgreementUrl = (meta, info, storeUrl) => {
   const serverUrl = getServerUrl(info);
-  const metaUrl = joinUrl(storeUrl, `/api/blocklets/${meta.did}/blocklet.json`);
-  const url = new URL(joinUrl(serverUrl, '/launch-blocklet/agreement'));
+  const metaUrl = joinURL(storeUrl, `/api/blocklets/${meta.did}/blocklet.json`);
+  const url = new URL(joinURL(serverUrl, '/launch-blocklet/agreement'));
   url.searchParams.set('blocklet_meta_url', metaUrl);
   url.searchParams.set('from', window.location.href);
   return url.href;

package/lib/hooks/url-evaluation.js

@@ -1,5 +1,5 @@
 import { useState, useEffect, useMemo, useRef, useContext } from 'react';
-import joinUrl from 'url-join';
+import { joinURL } from 'ufo';
 import memoize from 'lodash/memoize';
 import { WELLKNOWN_PING_PREFIX } from '@abtnode/constant';
 import { evaluateURLs } from '@abtnode/util/lib/url-evaluation';
@@ -16,7 +16,7 @@ const ping = memoize(url => {
   if (hostname === window.location.hostname) {
     return true;
   }
-  return defaultCheckAccessible(joinUrl(origin, WELLKNOWN_PING_PREFIX));
+  return defaultCheckAccessible(joinURL(origin, WELLKNOWN_PING_PREFIX));
 });
 
 // url <-> evaluation cache

package/lib/hooks/use-app-logo.js

@@ -1,4 +1,4 @@
-import joinUrl from 'url-join';
+import { joinURL } from 'ufo';
 import { BLOCKLET_CONFIGURABLE_KEY } from '@blocklet/constant';
 import { useNodeContext } from '../contexts/node';
 import { isInstalling, getLogoHash } from '../util';
@@ -21,9 +21,9 @@ export default function useAppLogo({
   const customRectLogo = (blocklet?.environments || []).find(x => x.key === BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_RECT)?.value;
   const customFavicon = (blocklet?.environments || []).find(x => x.key === BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_FAVICON)?.value;
   const prefix = window.env?.apiPrefix || '/';
-  const logoUrl = joinUrl(prefix, `/blocklet/logo/${inService ? '' : blocklet.meta.did}`, getSearch(blocklet, customLogo));
-  const rectLogoUrl = joinUrl(prefix, `/blocklet/logo-rect/${inService ? '' : blocklet.meta.did}`, getSearch(blocklet, customRectLogo));
-  const faviconUrl = joinUrl(prefix, `/blocklet/logo-favicon/${inService ? '' : blocklet.meta.did}`, getSearch(blocklet, customFavicon));
+  const logoUrl = `${joinURL(prefix, `/blocklet/logo/${inService ? '' : blocklet.meta.did}`)}${getSearch(blocklet, customLogo)}`;
+  const rectLogoUrl = `${joinURL(prefix, `/blocklet/logo-rect/${inService ? '' : blocklet.meta.did}`)}${getSearch(blocklet, customRectLogo)}`;
+  const faviconUrl = `${joinURL(prefix, `/blocklet/logo-favicon/${inService ? '' : blocklet.meta.did}`)}${getSearch(blocklet, customFavicon)}`;
   return {
     logoUrl,
     rectLogoUrl,

package/lib/hooks/use-bundle-logo.js

@@ -1,4 +1,4 @@
-import joinUrl from 'url-join';
+import { joinURL } from 'ufo';
 import { WELLKNOWN_SERVICE_PATH_PREFIX } from '@abtnode/constant';
 import { useNodeContext } from '../contexts/node';
 import { formatRegistryLogoPath, APP_PREFIX, isDownloading, isExtracting } from '../util';
@@ -12,14 +12,14 @@ export default function useAvatar({
   } = node;
   const pending = isDownloading(blocklet?.status) || isExtracting(blocklet?.status);
   const search = `?v=${blocklet?.meta?.version}${pending ? '~' : ''}`;
-  let logoUrl = inService ? joinUrl(APP_PREFIX, WELLKNOWN_SERVICE_PATH_PREFIX, '/blocklet/logo-bundle', search) : joinUrl(node.imgPrefix, 'blocklet.png');
+  let logoUrl = inService ? `${joinURL(APP_PREFIX, WELLKNOWN_SERVICE_PATH_PREFIX, '/blocklet/logo-bundle')}${search}` : joinURL(node.imgPrefix, 'blocklet.png');
   if (blocklet.source === 'registry' && blocklet.deployedFrom && blocklet.meta.logo) {
-    logoUrl = joinUrl(blocklet.deployedFrom, formatRegistryLogoPath(blocklet.meta.bundleDid, blocklet.meta.logo), search);
+    logoUrl = `${joinURL(blocklet.deployedFrom, formatRegistryLogoPath(blocklet.meta.bundleDid, blocklet.meta.logo))}${search}`;
   } else {
     const prefix = window.env.apiPrefix || '/';
     const components = ancestors.concat(blocklet);
     const list = inService ? components.slice(1) : components;
-    logoUrl = joinUrl(prefix, `/blocklet/logo-bundle${list.map(x => `/${x.meta.did}`).join('')}`, search);
+    logoUrl = `${joinURL(prefix, `/blocklet/logo-bundle${list.map(x => `/${x.meta.did}`).join('')}`)}${search}`;
   }
   return {
     logoUrl,

package/lib/invitation/invitation-receive.js

@@ -4,7 +4,7 @@ import styled from '@emotion/styled';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import DidButton from '@arcblock/did-connect/lib/Button';
 import { AUTH_SERVICE_PREFIX, API_DID_PREFIX } from '@arcblock/did-connect/lib/constant';
-import joinURL from 'url-join';
+import { joinURL } from 'ufo';
 import { formatDateTime } from '../util';
 import usePassportId from '../hooks/use-passport-id';
 import { useSessionContext } from '../contexts/session';

package/lib/locales/ar.js

@@ -355,7 +355,8 @@ export default {
     upload: 'تحميل',
     blockletStudio: 'استوديو',
     visitStore: 'زيارة المتجر',
-    reconnect: 'إعادة الاتصال'
+    reconnect: 'إعادة الاتصال',
+    change: 'تغيير'
   },
   blocklet: {
     external: 'خارجي',
@@ -675,7 +676,7 @@ export default {
       componentNotRunning: 'البلوكليت {name} لا يعمل، يرجى تشغيله أولا',
       releaseEmptyTip: 'لا توجد أي إصدارات هنا',
       createReleaseTip: 'يمكنك إنشاء إصدار للـ بلوكليت، جنباً إلى جنب مع ملاحظات الإصدار والموارد، ليستخدمها الآخرون.',
-      createRelease: 'إصدار جديد',
+      createRelease: 'إنشاء إصدار',
       deleteReleaseTip: 'لا يمكن استعادة الإصدار بعد الحذف',
       createBlockletDid: 'أنشئ من محفظة DID',
       createReleaseSuccess: 'تم إنشاء الإصدار بنجاح',
@@ -695,7 +696,7 @@ export default {
         noDescription: 'الوصف المطلوب للكتلة',
         noNote: 'ملاحظة الإصدار مطلوبة',
         inValidVersion: 'نسخة الوحدة غير صالحة',
-        noResource: 'يرجى اختيار المورد المراد ربطه',
+        noResource: 'يرجى تحديد موارد التحميل لتضمينها في البلوكليت',
         noFirstDid: 'يرجى إنشاء بلوكليت ديد أولاً'
       },
       packTip: 'حالياً ، يمكن تثبيت البلوكليتس مباشرة كتطبيقات. سيتم تضمين المكونات وتكوينات التطبيق تلقائيًا في البلوكليت.',
@@ -741,7 +742,9 @@ export default {
         branding: 'صف معلوماتك الأساسية للبلوكليت الخاص بك. ستُعرض هذه المعلومات للمستخدمين في المتجر.'
       },
       branding: 'العلامة التجارية',
-      brandingHelp: 'سيتم عرض مزيد من المعلومات حول البلوكلت في المتجر'
+      brandingHelp: 'سيتم عرض مزيد من المعلومات حول البلوكلت في المتجر',
+      resourceSelect: 'اختر موردًا من Blocklets',
+      resourceUpload: 'قم بتحميل الموارد من قرصك'
     },
     titleValidationError: 'يجب أن يكون طول العنوان على الأقل 3 أحرف',
     descriptionValidationError: 'يجب أن تكون طول الوصف بين 3 و 160 حرفًا'
@@ -891,6 +894,10 @@ export default {
       monitor: {
         diskThreshold: 'إرسال تنبيه عند تجاوز استخدام القرص (%)',
         diskThresholdPlaceholder: 'يرجى تعيين حد التنبيه لاستخدام القرص'
+      },
+      security: {
+        switchLabel: 'عزل نظام الملفات',
+        switchTips: 'بعد تعطيل هذا الخيار، فإن نظام ملفات البلوكليت لن يكون عزلًا بعد الآن، مما قد يشكل خطرًا من تلف النظام من قبل البرامج الخبيثة.'
       }
     },
     accessKey: {
@@ -1504,7 +1511,7 @@ export default {
       installedButStopped: 'تم تثبيت التطبيق بنجاح ، ولكن لا يمكن تشغيله. يمكنك بدء تشغيله يدويًا بعد حل مشكلة الحجب.',
       installedButError: 'تم تثبيت التطبيق بنجاح ، ولكن فشل في البدء',
       restoreFailed: 'فشل في استعادة التطبيق، يرجى المحاولة مرة أخرى',
-      resourceBlocklet: 'لا يمكن تثبيت الكتلة كتطبيق، يمكنك إضافة هذه الكتلة إلى التطبيقات الحالية.'
+      resourceBlocklet: 'لا يمكن تثبيت بلوكليت الموارد كتطبيق، يمكنك تركيب هذا البلوكليت في التطبيقات الحالية.'
     },
     steps: {
       introduction: 'مقدمة',

package/lib/locales/de.js

@@ -355,7 +355,8 @@ export default {
     upload: 'Hochladen',
     blockletStudio: 'Studio',
     visitStore: 'Besuche den Laden',
-    reconnect: 'Verbinden wiederherstellen'
+    reconnect: 'Verbinden wiederherstellen',
+    change: 'Ändern'
   },
   blocklet: {
     external: 'Extern',
@@ -675,7 +676,7 @@ export default {
       componentNotRunning: 'Blocklet {name} läuft nicht, bitte starte es zuerst',
       releaseEmptyTip: 'Es gibt hier keine Veröffentlichungen',
       createReleaseTip: 'Du kannst eine Veröffentlichung des Blocklets erstellen, zusammen mit Versionshinweisen und Ressourcen, die andere Personen nutzen können.',
-      createRelease: 'Neue Veröffentlichung',
+      createRelease: 'Erstellen Sie Freigabe',
       deleteReleaseTip: 'Die Veröffentlichung kann nach Löschung nicht wiederhergestellt werden',
       createBlockletDid: 'Erstelle aus dem DID Wallet',
       createReleaseSuccess: 'Freigabe erfolgreich erstellt',
@@ -695,7 +696,7 @@ export default {
         noDescription: 'Blocklet-Beschreibung ist erforderlich',
         noNote: 'Versionshinweis wird benötigt',
         inValidVersion: 'Ungültige Blocklet-Version',
-        noResource: 'Bitte wählen Sie die Ressource aus, die zugeordnet werden soll',
+        noResource: 'Bitte wählen Sie die hochzuladenden Ressourcen aus, die im Blocklet enthalten sein sollen',
         noFirstDid: 'Bitte erstellen Sie zuerst eine Blocklet-DID'
       },
       packTip: 'Derzeit können Blocklets direkt als Anwendungen installiert werden. Komponenten und Anwendungskonfigurationen werden automatisch in das Blocklet aufgenommen.',
@@ -741,7 +742,9 @@ export default {
         branding: 'Beschreiben Sie die grundlegenden Informationen Ihres Blocklets. Diese Informationen werden den Benutzern im Store angezeigt.'
       },
       branding: 'Branding',
-      brandingHelp: 'Weitere Informationen über den Blocklet werden im Store angezeigt'
+      brandingHelp: 'Weitere Informationen über den Blocklet werden im Store angezeigt',
+      resourceSelect: 'Wählen Sie eine Ressource aus Blocklets',
+      resourceUpload: 'Ressourcen vom Datenträger hochladen'
     },
     titleValidationError: 'Die Länge des Titels muss mindestens 3 Zeichen betragen',
     descriptionValidationError: 'Die Beschreibungslänge muss zwischen 3 und 160 Zeichen liegen'
@@ -891,6 +894,10 @@ export default {
       monitor: {
         diskThreshold: 'Sende eine Warnung, wenn die Festplattenauslastung (%) überschritten wird',
         diskThresholdPlaceholder: 'Bitte legen Sie die Schwelle für die Festplattenauslastungs-Warnung fest'
+      },
+      security: {
+        switchLabel: 'Dateisystemisolierung',
+        switchTips: 'Nach Deaktivierung dieser Option befindet sich das Dateisystem des Blocklets nicht mehr in Isolation, was ein Risiko darstellen kann, dass bösartige Software das Dateisystem beschädigt.'
       }
     },
     accessKey: {