@abtnode/ux 1.16.27-beta-d1555a79 → 1.16.27-beta-595ed831

package/lib/blocklet/publish/resource.js

@@ -5,14 +5,14 @@ import joinUrl from 'url-join';
 import classnames from 'classnames';
 import useSetState from 'react-use/lib/useSetState';
 import Box from '@mui/material/Box';
-import StopIcon from '@mui/icons-material/DoDisturbAlt';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Toast from '@arcblock/ux/lib/Toast';
 import pAll from 'p-all';
 import Tree from './tree';
 import { useNodeContext } from '../../contexts/node';
 import { axios } from '../../util/api';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import StopBox from './stop-box';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const fillParent = (nodes, parentId) => {
   nodes.forEach(node => {
     if (parentId) {
@@ -64,6 +64,29 @@ export const uploadResource = async ({
     }
   });
 };
+const getNodeIdDependencies = (node, nodeIds) => {
+  if (!node) {
+    return {};
+  }
+  const nodeIdMap = nodeIds.reduce((acc, curr) => {
+    acc[curr] = true;
+    return acc;
+  }, {});
+  const getDependencies = (children, deps) => {
+    children.forEach(child => {
+      if (nodeIdMap[child.id] && child.dependentComponents?.length) {
+        child.dependentComponents.forEach(dep => {
+          deps[dep] = true;
+        });
+      }
+      if (child.children) {
+        getDependencies(child.children, deps);
+      }
+    });
+    return deps;
+  };
+  return getDependencies(node, {});
+};
 export default function Resource({
   app,
   component,
@@ -73,6 +96,7 @@ export default function Resource({
   saveSelectedEventsRef,
   readOnly,
   initialResources = {},
+  setResourceComponentsMap,
   initUrl
 }) {
   const {
@@ -85,9 +109,19 @@ export default function Resource({
   const [resources, setResources] = useSetState({});
   const [selectedResourceIds, setSelectedResourceIds] = useSetState({});
   const refs = useRef({});
+  const loadedDataRef = useRef(false);
   const releaseId = release.id;
   refs.current.projectId = projectId;
   refs.current.releaseId = releaseId;
+  const setSelectedComponentsMapByIds = (did, theResource, ids) => {
+    if (!theResource) {
+      return;
+    }
+    const deps = getNodeIdDependencies(theResource, ids);
+    setResourceComponentsMap?.({
+      [did]: Object.keys(deps)
+    });
+  };
   const handleTreeChange = data => {
     saveSelectedEventsRef.current[component.meta.did] = {
       resources: data,
@@ -96,6 +130,7 @@ export default function Resource({
     setSelectedResourceIds({
       [component.meta.did]: data
     });
+    setSelectedComponentsMapByIds(component.meta.did, resources[component.meta.did], data);
   };
   useEffect(() => {
     if (!resources[component?.meta.did]) {
@@ -110,22 +145,35 @@ export default function Resource({
     }
   }, [component, projectId, release, locale, initUrl, setResources, resources, releaseId]);
   useEffect(() => {
-    if (releaseId && projectId) {
+    if (releaseId && projectId && !loadedDataRef.current) {
       pAll(app.children.map(child => {
-        return () => {
-          api.getSelectedResources({
-            input: {
-              did: app.meta.did,
-              projectId,
-              releaseId,
-              componentDid: child.meta.did
+        return async () => {
+          if (!child) {
+            return;
+          }
+          let tree;
+          try {
+            if (child.mountPoint) {
+              const res = await axios.get(parseUrl(child, projectId, releaseId, locale, initUrl));
+              tree = fillParent(res?.data?.resources || []);
+              setResources({
+                [child?.meta.did]: tree
+              });
             }
-          }).then(res => {
+            const res = await api.getSelectedResources({
+              input: {
+                did: app.meta.did,
+                projectId,
+                releaseId,
+                componentDid: child.meta.did
+              }
+            });
             const list = res?.resources || [];
             if (list?.length) {
               setSelectedResourceIds({
                 [child.meta.did]: list
               });
+              setSelectedComponentsMapByIds(child.meta.did, tree, list);
               if (!readOnly) {
                 saveSelectedEventsRef.current[child?.meta.did] = {
                   resources: list,
@@ -133,16 +181,18 @@ export default function Resource({
                 };
               }
             }
-          }).catch(err => {
+          } catch (err) {
             Toast.error(err.message);
-          });
+          }
         };
       }), {
         concurrency: 2
+      }).then(() => {
+        loadedDataRef.current = true;
       });
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [releaseId, projectId, readOnly]);
+  }, [releaseId, projectId, readOnly, locale, initUrl, setResources]);
   useEffect(() => {
     if (initialResources && Object.keys(initialResources).length) {
       app.children.forEach(child => {
@@ -163,30 +213,10 @@ export default function Resource({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [app, initialResources, readOnly]);
   if (component.status !== 'running') {
-    return /*#__PURE__*/_jsxs(Container, {
-      sx: {
-        display: 'flex',
-        flexDirection: 'column',
-        justifyContent: 'center',
-        alignItems: 'center',
-        margin: '10px 0px'
-      },
-      children: [/*#__PURE__*/_jsx(StopIcon, {
-        sx: {
-          fontSize: 32,
-          opacity: 0.3,
-          mb: 2
-        }
-      }), /*#__PURE__*/_jsx(Box, {
-        sx: {
-          mb: 2,
-          fontSize: 'small',
-          color: 'action'
-        },
-        children: t('blocklet.publish.componentNotRunning', {
-          name: component.meta.title
-        })
-      })]
+    return /*#__PURE__*/_jsx(StopBox, {
+      children: t('blocklet.publish.componentNotRunning', {
+        name: component.meta.title
+      })
     });
   }
   return /*#__PURE__*/_jsxs(_Fragment, {
@@ -220,8 +250,9 @@ Resource.propTypes = {
     id: PropTypes.string.isRequired,
     status: PropTypes.string
   }),
-  initialResources: PropTypes.array,
-  initUrl: PropTypes.object
+  initialResources: PropTypes.object,
+  initUrl: PropTypes.object,
+  setResourceComponentsMap: PropTypes.func
 };
 Resource.defaultProps = {
   error: '',
@@ -230,7 +261,8 @@ Resource.defaultProps = {
     id: ''
   },
   initUrl: null,
-  initialResources: []
+  initialResources: {},
+  setResourceComponentsMap: () => {}
 };
 const Container = styled(Box)`
   border: 1px solid #ccc;

package/lib/blocklet/publish/select-components.js

@@ -13,19 +13,33 @@ export default function SelectComponents({
   value,
   app,
   onChange,
-  disabled
+  disabled,
+  resourceRelateComponents,
+  dependentComponentsMode
 }) {
   const {
     t,
     locale
   } = useLocaleContext();
-  const components = app.children || [];
-  const list = useMemo(() => app.children.map(component => {
+  const readonlyComponents = dependentComponentsMode === 'readonly';
+  const components = useMemo(() => {
+    const valueToMap = value.reduce((acc, curr) => {
+      acc[curr.did] = curr.included;
+      return acc;
+    }, {});
+    return (app.children || []).filter(component => {
+      if (readonlyComponents) {
+        return resourceRelateComponents[component.meta.did] || valueToMap[component.meta.did];
+      }
+      return true;
+    });
+  }, [app.children, value, resourceRelateComponents, readonlyComponents]);
+  const list = useMemo(() => components.map(component => {
     const exist = value.find(item => item.did === component.meta.did);
     return exist || {
       did: component.meta.did
     };
-  }), [app, value]);
+  }), [components, value]);
   const map = list.reduce((acc, curr) => {
     acc[curr.did] = pick(curr, ['required', 'included']);
     return acc;
@@ -91,12 +105,13 @@ export default function SelectComponents({
       // eslint-disable-next-line react/no-unstable-nested-components
       customBodyRenderLite: rawIndex => {
         const component = components[rawIndex];
+        const isDefault = resourceRelateComponents[component.meta.did];
         const included = !!map[component.meta.did]?.included;
         return /*#__PURE__*/_jsx(Checkbox, {
           size: "small",
-          checked: included,
+          checked: isDefault || included,
           onClick: () => toggleIncluded(component.meta.did),
-          disabled: disabled
+          disabled: readonlyComponents || isDefault || disabled
         });
       }
     }
@@ -107,13 +122,14 @@ export default function SelectComponents({
       // eslint-disable-next-line react/no-unstable-nested-components
       customBodyRenderLite: rawIndex => {
         const component = components[rawIndex];
+        const isDefault = resourceRelateComponents[component.meta.did];
         const included = !!map[component.meta.did]?.included;
         const required = !!map[component.meta.did]?.required;
         return /*#__PURE__*/_jsx(Checkbox, {
-          disabled: disabled || !included,
           size: "small",
-          checked: required && included,
-          onClick: () => toggleRequired(component.meta.did)
+          checked: isDefault || required && included,
+          onClick: () => toggleRequired(component.meta.did),
+          disabled: readonlyComponents || isDefault || disabled || !included
         });
       }
     }
@@ -144,12 +160,16 @@ SelectComponents.propTypes = {
     included: PropTypes.bool
   })),
   onChange: PropTypes.func,
-  disabled: PropTypes.bool
+  disabled: PropTypes.bool,
+  dependentComponentsMode: PropTypes.string,
+  resourceRelateComponents: PropTypes.object
 };
 SelectComponents.defaultProps = {
   value: [],
   onChange: () => {},
-  disabled: false
+  disabled: false,
+  dependentComponentsMode: 'auto',
+  resourceRelateComponents: {}
 };
 const Root = styled(Box)`
   .main-table {

package/lib/blocklet/publish/stop-box.js

@@ -0,0 +1,35 @@
+import PropTypes from 'prop-types';
+import { Box, Container } from '@mui/material';
+import StopIcon from '@mui/icons-material/DoDisturbAlt';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function StopBox({
+  children
+}) {
+  return /*#__PURE__*/_jsxs(Container, {
+    sx: {
+      display: 'flex',
+      flexDirection: 'column',
+      justifyContent: 'center',
+      alignItems: 'center',
+      margin: '10px 0px'
+    },
+    children: [/*#__PURE__*/_jsx(StopIcon, {
+      sx: {
+        fontSize: 32,
+        opacity: 0.3,
+        mb: 2
+      }
+    }), /*#__PURE__*/_jsx(Box, {
+      sx: {
+        mb: 2,
+        fontSize: 'small',
+        color: 'action'
+      },
+      children: children
+    })]
+  });
+}
+StopBox.propTypes = {
+  children: PropTypes.node.isRequired
+};
+export default StopBox;

package/lib/blocklet/publish/utils/upload-image-to-project.js

@@ -0,0 +1,73 @@
+import { WELLKNOWN_SERVICE_PATH_PREFIX } from '@abtnode/constant';
+import axios from '@abtnode/util/lib/axios';
+import { joinURL } from 'ufo';
+export const urlToFile = async url => {
+  if (typeof url !== 'string') {
+    throw new Error('URL must be a string');
+  }
+  try {
+    const filename = url.split('/').pop().split('?')[0];
+    const response = await fetch(url);
+    const blob = await response.blob();
+    return new File([blob], filename, {
+      type: blob.type
+    });
+  } catch (error) {
+    throw new Error('Failed to convert Logo URL to file');
+  }
+};
+function* createFileChunks(file, chunkSize) {
+  let offset = 0;
+  while (offset < file.size) {
+    yield file.slice(offset, offset + chunkSize);
+    offset += chunkSize;
+  }
+}
+const uploadImageToProject = async ({
+  did,
+  projectId,
+  uploadType = 'logo',
+  imageUrl
+}) => {
+  const file = await urlToFile(imageUrl);
+  const formData = new FormData();
+  formData.append('file', file);
+  // Create metadata header
+  const metadata = {
+    uploaderId: 'Uploader',
+    relativePath: encodeURIComponent(file.name),
+    name: encodeURIComponent(file.name),
+    type: file.type
+  };
+
+  // 使用 Tus 协议上传文件
+  const createUploadResponse = await axios.post(joinURL(WELLKNOWN_SERVICE_PATH_PREFIX, '/api/project', did, projectId, uploadType, 'upload'), formData, {
+    headers: {
+      'Tus-Resumable': '1.0.0',
+      'Upload-Length': file.size,
+      'X-Uploader-File-Ext': file.name.split('.').pop(),
+      'Upload-Metadata': Object.keys(metadata).map(key => `${key} ${btoa(metadata[key])}`).join(',')
+    }
+  });
+  // Extract the upload URL from the response
+  const uploadUrl = createUploadResponse.headers.location;
+
+  // Upload the file in chunks
+  const chunkSize = 5 * 1024 * 1024;
+  let offset = 0;
+  let filename = '';
+  for (const chunk of createFileChunks(file, chunkSize)) {
+    // eslint-disable-next-line no-await-in-loop
+    const res = await axios.patch(joinURL(WELLKNOWN_SERVICE_PATH_PREFIX, uploadUrl), chunk, {
+      headers: {
+        'Tus-Resumable': '1.0.0',
+        'Upload-Offset': offset,
+        'Content-Type': 'application/offset+octet-stream'
+      }
+    });
+    offset += chunk.size;
+    filename = res.data.filename;
+  }
+  return filename;
+};
+export default uploadImageToProject;

package/lib/blocklet/publish/{wait-connect.js → utils/wait-connect.js}

@@ -1,4 +1,4 @@
-async function waitPromiseFunction(promiseFunction, interval = 1500, maxAttempts = 100, intervalFirst = 5000) {
+async function waitPromiseFunction(promiseFunction, interval = 1500, maxAttempts = 600, intervalFirst = 5000) {
   let attempts = 0;
 
   // eslint-disable-next-line no-promise-executor-return
@@ -12,7 +12,7 @@ async function waitPromiseFunction(promiseFunction, interval = 1500, maxAttempts
       if (attempts >= maxAttempts) {
         reject(error);
       } else {
-        setTimeout(() => poll(resolve, reject), interval + attempts / maxAttempts * interval);
+        setTimeout(() => poll(resolve, reject), interval);
       }
     }
   };

package/lib/hooks/use-promise-window-open.js

@@ -0,0 +1,31 @@
+import { useRef } from 'react';
+function usePromiseWindowOpen({
+  onOpen,
+  onClose
+}) {
+  const windowRef = useRef(null);
+  const timer = useRef(null);
+  const openWindow = async fn => {
+    if (windowRef.current) {
+      clearInterval(timer.current);
+      windowRef.current.close();
+    }
+    windowRef.current = window.open('about:blank', '_blank');
+    onOpen?.(windowRef.current);
+    timer.current = setInterval(() => {
+      if (!windowRef.current || windowRef.current.closed) {
+        windowRef.current = null;
+        clearInterval(timer.current);
+        onClose?.();
+      }
+    }, 500);
+    await Promise.resolve(fn(windowRef.current, url => {
+      if (!windowRef.current) {
+        return;
+      }
+      windowRef.current.location.href = url;
+    }));
+  };
+  return openWindow;
+}
+export default usePromiseWindowOpen;

package/lib/locales/ar.js

@@ -613,7 +613,8 @@ export default {
       relatedComponents: 'النماذج المرتبطة',
       required: 'مطلوب',
       installed: 'مثبت',
-      installingTip: 'جاري تثبيت المكون، الرجاء الانتظار...'
+      installingTip: 'جاري تثبيت المكون، الرجاء الانتظار...',
+      upgrade: 'ترقية'
     },
     router: {
       urlPath: 'مسار عنوان URL',
@@ -671,7 +672,7 @@ export default {
       blockletEmptyTip: 'لا توجد أي كتل هنا',
       createBlockletTip: 'يمكنك إنشاء وحدة جديدة من خلال الموارد والمكونات والتكوين الحالي في هذا التطبيق',
       createBlocklet: 'بلوكليت جديد',
-      componentNotRunning: 'المكون {name} غير قيد التشغيل ، يرجى تشغيله أولاً',
+      componentNotRunning: 'البلوكليت {name} لا يعمل، يرجى تشغيله أولا',
       releaseEmptyTip: 'لا توجد أي إصدارات هنا',
       createReleaseTip: 'يمكنك إنشاء إصدار للـ بلوكليت، جنباً إلى جنب مع ملاحظات الإصدار والموارد، ليستخدمها الآخرون.',
       createRelease: 'إصدار جديد',
@@ -723,7 +724,9 @@ export default {
       resourceTip: 'حاليًا ، كما هو الحال بوصفه كتلة مورد ، لا يمكن تثبيته مباشرة من المتجر.',
       whyCantSeeInStore: 'لماذا لا أستطيع رؤية هذا البلوكليت في المتجر؟',
       whyCantSeeResourceBlockletInStore: 'لماذا لا يمكنني رؤية بلوكليت الموارد هذا في المتجر؟',
-      tenantScope: 'مستأجر'
+      tenantScope: 'مستأجر',
+      blockletStudio: 'استوديو بلوكليت',
+      allComponentsNotRunning: 'لا يعمل بلوكلتس، يرجى تشغيله أولاً'
     },
     titleValidationError: 'يجب أن يكون طول العنوان على الأقل 3 أحرف',
     descriptionValidationError: 'يجب أن تكون طول الوصف بين 3 و 160 حرفًا'

package/lib/locales/de.js

@@ -613,7 +613,8 @@ export default {
       relatedComponents: 'Verwandte Blocklets',
       required: 'Erforderlich',
       installed: 'Installiert',
-      installingTip: 'Komponente wird installiert, bitte warten...'
+      installingTip: 'Komponente wird installiert, bitte warten...',
+      upgrade: 'Upgrade'
     },
     router: {
       urlPath: 'URL Pfad',
@@ -671,7 +672,7 @@ export default {
       blockletEmptyTip: 'Es gibt hier keine Blocklets',
       createBlockletTip: 'Sie können über vorhandene Ressourcen, Komponenten und Konfigurationen in dieser Anwendung einen neuen Blocklet erstellen',
       createBlocklet: 'Neuer Blocklet',
-      componentNotRunning: 'Komponente {name} läuft nicht, starten Sie sie bitte zuerst',
+      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',
@@ -723,7 +724,9 @@ export default {
       resourceTip: 'Zurzeit kann es als Ressourcen-Blocklet nicht direkt aus dem Store installiert werden.',
       whyCantSeeInStore: 'Warum kann ich dieses Blocklet nicht im Store sehen?',
       whyCantSeeResourceBlockletInStore: 'Warum kann ich diesen Ressourcen-Blocklet nicht im Store sehen?',
-      tenantScope: 'Mieter'
+      tenantScope: 'Mieter',
+      blockletStudio: 'Blocklet Studio',
+      allComponentsNotRunning: 'Blocklets läuft nicht, bitte starten Sie es zuerst'
     },
     titleValidationError: 'Die Länge des Titels muss mindestens 3 Zeichen betragen',
     descriptionValidationError: 'Die Beschreibungslänge muss zwischen 3 und 160 Zeichen liegen'

package/lib/locales/en.js

@@ -582,6 +582,7 @@ export default {
         requiredBy: 'The Blocklet is required by {name}'
       },
       choose: 'Choose',
+      upgrade: 'Upgrade',
       addWithName: 'Add Blocklet To {name}',
       relatedComponents: 'Related Blocklets',
       required: 'Required',
@@ -659,8 +660,9 @@ export default {
       delete: 'Delete {name}',
       copyInstallUrl: 'Copy Install URL',
       createResource: 'Create Resource',
+      blockletStudio: 'Blocklet Studio',
       tenantScope: 'Tenant',
-      addResource: 'Add Release',
+      addResource: 'Add Blocklet',
       productTitle: 'Product',
       versionTitle: 'Version',
       imgTitle: 'Images',
@@ -669,7 +671,8 @@ export default {
       createBlockletTip: 'You can create new blocklet through existing resources, components, and configuration in this application',
       createBlocklet: 'New blocklet',
       reconnectStoreTip: 'After reconnecting, a new developer will be bound. Are you sure you want to reconnect?',
-      componentNotRunning: 'Component {name} is not running, please start it first',
+      componentNotRunning: 'Blocklet {name} is not running, please start it first',
+      allComponentsNotRunning: 'Blocklets is not running, please start it first',
       releaseEmptyTip: "There aren't any releases here",
       viewLastRelease: 'View last release',
       createReleaseTip: 'You can create a release of the blocklet, along with release notes and resources, for other people to use',

package/lib/locales/es.js

@@ -613,7 +613,8 @@ export default {
       relatedComponents: 'Bloques relacionados',
       required: 'Requerido',
       installed: 'Instalado',
-      installingTip: 'Instalando componente, por favor espere...'
+      installingTip: 'Instalando componente, por favor espere...',
+      upgrade: 'Mejorar'
     },
     router: {
       urlPath: 'URL Path',
@@ -671,7 +672,7 @@ export default {
       blockletEmptyTip: 'Aquí no hay bloqueadores',
       createBlockletTip: 'Puede crear un nuevo blocklet a través de recursos, componentes y configuración existentes en esta aplicación',
       createBlocklet: 'Nuevo bloque',
-      componentNotRunning: 'El componente {name} no está en ejecución, por favor iniciar primero',
+      componentNotRunning: 'El Blocklet {name} no está en ejecución, por favor inícialo primero',
       releaseEmptyTip: 'No hay ninguna versión aquí',
       createReleaseTip: 'Puedes crear una versión de la blocklet, junto con notas de lanzamiento y recursos, para que otras personas la puedan utilizar',
       createRelease: 'Nuevo lanzamiento',
@@ -723,7 +724,9 @@ export default {
       resourceTip: 'Actualmente, como un Bloque de Recursos, no se puede instalar directamente desde la Tienda.',
       whyCantSeeInStore: '¿Por qué no puedo ver este blocklet en la Tienda?',
       whyCantSeeResourceBlockletInStore: '¿Por qué no puedo ver este Recurso Blocklet en la Tienda?',
-      tenantScope: 'Inquilino'
+      tenantScope: 'Inquilino',
+      blockletStudio: 'Blocklet Studio',
+      allComponentsNotRunning: 'Blocklets no está ejecutándose, por favor inícialo primero'
     },
     titleValidationError: 'La longitud del título debe ser de al menos 3 caracteres',
     descriptionValidationError: 'La longitud de la descripción debe estar entre 3 y 160 caracteres'

package/lib/locales/fr.js

@@ -613,7 +613,8 @@ export default {
       relatedComponents: 'Blocklets associés',
       required: 'Obligatoire',
       installed: 'Installé',
-      installingTip: 'Installation du composant, veuillez patienter...'
+      installingTip: 'Installation du composant, veuillez patienter...',
+      upgrade: 'Mise à niveau'
     },
     router: {
       urlPath: "Chemin d'URL",
@@ -671,7 +672,7 @@ export default {
       blockletEmptyTip: "Il n'y a pas de blocs ici",
       createBlockletTip: 'Vous pouvez créer un nouveau blocklet à partir des ressources, composants et configurations existants dans cette application',
       createBlocklet: 'Nouvelle blocklet',
-      componentNotRunning: "Le composant {name} ne fonctionne pas, veuillez le démarrer d'abord",
+      componentNotRunning: "Le bloc {name} ne fonctionne pas, veuillez le démarrer d'abord",
       releaseEmptyTip: "Il n'y a pas de sorties ici",
       createReleaseTip: "Vous pouvez créer une version du blocklet, ainsi que des notes de version et des ressources, pour que d'autres personnes puissent les utiliser.",
       createRelease: 'Nouvelle version',
@@ -723,7 +724,9 @@ export default {
       resourceTip: 'Actuellement, en tant que bloc de ressources, il ne peut pas être installé directement depuis le Store.',
       whyCantSeeInStore: 'Pourquoi je ne peux pas voir ce blocklet dans le Store?',
       whyCantSeeResourceBlockletInStore: 'Pourquoi je ne peux pas voir ce Blocklet de ressources dans le magasin ?',
-      tenantScope: 'Locataire'
+      tenantScope: 'Locataire',
+      blockletStudio: 'Blocklet Studio',
+      allComponentsNotRunning: "Blocklets ne fonctionne pas, veuillez le démarrer d'abord"
     },
     titleValidationError: "La longueur du titre doit être d'au moins 3 caractères",
     descriptionValidationError: 'La longueur de la description doit être comprise entre 3 et 160 caractères'

package/lib/locales/hi.js

@@ -613,7 +613,8 @@ export default {
       relatedComponents: 'संबंधित ब्लॉकलेट्स',
       required: 'आवश्यक',
       installed: 'स्थापित',
-      installingTip: 'घटक स्थापित हो रहा है, कृपया प्रतीक्षा करें...'
+      installingTip: 'घटक स्थापित हो रहा है, कृपया प्रतीक्षा करें...',
+      upgrade: 'अपग्रेड'
     },
     router: {
       urlPath: 'URL पथ',
@@ -671,7 +672,7 @@ export default {
       blockletEmptyTip: 'यहाँ कोई ब्लॉकलेट नहीं हैं',
       createBlockletTip: 'आप इस ऐप्लिकेशन में मौजूदा संसाधनों, कॉम्पोनेंट्स और कॉन्फ़िगरेशन के माध्यम से नया ब्लॉकलेट बना सकते हैं',
       createBlocklet: 'नया ब्लॉकलेट',
-      componentNotRunning: 'संघ {name} चल नहीं रहा है, कृपया पहले इसे शुरू करें',
+      componentNotRunning: 'ब्लॉकलेट {name} चल रहा नहीं है, कृपया पहले इसे स्टार्ट करें',
       releaseEmptyTip: 'यहां कोई रिलीज़ नहीं हैं',
       createReleaseTip: 'आप ब्लॉकलेट का एक रिलीज़ बना सकते हैं, रिलीज़ नोट्स और संसाधनों के साथ, जिन्हें दूसरे लोगों का उपयोग कर सकते हैं।',
       createRelease: 'नई रिलीज़',
@@ -723,7 +724,9 @@ export default {
       resourceTip: 'वर्तमान में, रिसोर्स ब्लॉकलेट के रूप में, यह स्टोर से सीधे स्थापित नहीं किया जा सकता है।',
       whyCantSeeInStore: 'क्यों मुझे स्टोर में इस ब्लॉकलेट को नहीं देख सकता?',
       whyCantSeeResourceBlockletInStore: 'क्यों मुझे दुकान में इस संसाधन ब्लॉकलेट को नहीं देख सकता हूँ?',
-      tenantScope: 'किरायेदार'
+      tenantScope: 'किरायेदार',
+      blockletStudio: 'ब्लॉकलेट स्टूडियो',
+      allComponentsNotRunning: 'ब्लॉकलेट्स चल नहीं रहा है, कृपया पहले इसे शुरू करें'
     },
     titleValidationError: 'शीर्षक की लंबाई कम से कम 3 अक्षर होनी चाहिए',
     descriptionValidationError: 'विवरण की लंबाई 3 और 160 वर्णों के बीच होनी चाहिए'

package/lib/locales/id.js

@@ -613,7 +613,8 @@ export default {
       relatedComponents: 'Blocklet Terkait',
       required: 'Dibutuhkan',
       installed: 'Terpasang',
-      installingTip: 'Sedang menginstal komponen, harap tunggu...'
+      installingTip: 'Sedang menginstal komponen, harap tunggu...',
+      upgrade: 'Tingkatkan'
     },
     router: {
       urlPath: 'URL Path',
@@ -671,7 +672,7 @@ export default {
       blockletEmptyTip: 'Tidak ada blok di sini',
       createBlockletTip: 'Anda dapat membuat blocklet baru melalui sumber daya, komponen, dan konfigurasi yang ada dalam aplikasi ini',
       createBlocklet: 'Blok baru',
-      componentNotRunning: 'Komponen {name} tidak sedang berjalan, harap mulai terlebih dahulu',
+      componentNotRunning: 'Blocklet {name} tidak berjalan, harap mulai terlebih dahulu',
       releaseEmptyTip: 'Tidak ada rilis di sini',
       createReleaseTip: 'Anda dapat membuat rilis dari blocklet, bersama dengan catatan rilis dan sumber daya, agar orang lain dapat menggunakannya',
       createRelease: 'Rilis baru',
@@ -723,7 +724,9 @@ export default {
       resourceTip: 'Saat ini, sebagai Blok Sumber Daya, tidak dapat diinstal langsung dari Toko.',
       whyCantSeeInStore: 'Mengapa saya tidak dapat melihat blok ini di Toko?',
       whyCantSeeResourceBlockletInStore: 'Mengapa saya tidak bisa melihat Resource Blocklet ini di Toko?',
-      tenantScope: 'Penyewa'
+      tenantScope: 'Penyewa',
+      blockletStudio: 'Blocklet Studio',
+      allComponentsNotRunning: 'Blocklets tidak sedang berjalan, harap mulai terlebih dahulu'
     },
     titleValidationError: 'Panjang judul harus setidaknya 3 karakter',
     descriptionValidationError: 'Panjang deskripsi harus antara 3 dan 160 karakter.'