vuefinder 4.0.7 → 4.0.9

package/README.md

@@ -15,7 +15,7 @@ If you like it, please follow and ⭐ star on GitHub.
 
 ### Demo
 
-[Live Demo](https://vuefinder.ozdemir.be/)
+[Live Demo](https://vuefinder.ozdemir.be/) - Explore Vuefinder's features and capabilities in action.
 
 ### Installation
 
@@ -23,336 +23,7 @@ If you like it, please follow and ⭐ star on GitHub.
 npm i vuefinder
 ```
 
-JS entry point (it can be index.js or main.js)
-
-```js
-import { createApp } from 'vue';
-import App from './App.vue';
-
-import 'vuefinder/dist/style.css';
-import VueFinder from 'vuefinder';
-
-const app = createApp(App);
-
-//By default, Vuefinder will use English as the main language.
-// However, if you want to support multiple languages and customize the localization,
-// you can import the language files manually during component registration.
-app.use(VueFinder);
-
-app.mount('#app');
-```
-
-### Localization
-
-You can manually import the localization files from the package and register them with Vuefinder. The localization files are located in the dist/locales folder.
-
-```js
-import en from 'vuefinder/dist/locales/en.js';
-import tr from 'vuefinder/dist/locales/tr.js';
-import ru from 'vuefinder/dist/locales/ru.js';
-
-app.use(VueFinder, {
-  i18n: { en, tr, ru },
-});
-```
-
-### Async Localization
-
-Alternatively, you can import the localization files asynchronously during component registration. This can be useful for lazy loading or if you prefer to load the files dynamically.
-
-```js
-app.use(VueFinder, {
-  i18n: {
-    en: async () => await import('vuefinder/dist/locales/en.js'),
-    de: async () => await import('vuefinder/dist/locales/de.js'),
-    // Add more locales as needed
-  },
-});
-```
-
-#### Vue Template
-
-```vue
-<div>
-  <vue-finder
-    id="my_vuefinder"
-    :driver="driver"
-    :config="{ initialPath: 'local://public', persist: true }"
-  />
-</div>
-
-<script setup>
-import { RemoteDriver } from 'vuefinder';
-
-// Create a driver instance
-const driver = new RemoteDriver({
-  baseURL: '/api',
-  url: {
-    list: '/files',
-    upload: '/upload',
-    delete: '/delete',
-    rename: '/rename',
-    copy: '/copy',
-    move: '/move',
-    archive: '/archive',
-    unarchive: '/unarchive',
-    createFile: '/create-file',
-    createFolder: '/create-folder',
-    preview: '/preview',
-    download: '/download',
-    search: '/search',
-    save: '/save',
-  },
-});
-
-// Or use ArrayDriver for in-memory operations:
-// import { ArrayDriver } from 'vuefinder';
-// const driver = new ArrayDriver({
-//   files: filesArray,
-//   storage: 'memory',
-//   readOnly: false
-// });
-</script>
-```
-
-### Styling
-
-Vuefinder uses the BEM (Block Element Modifier) convention for its CSS classes, with default styles applied using TailwindCSS. This structured approach helps maintain a clear and consistent naming convention for CSS classes, making it easier to understand and manage styles across the project.
-
-To customize or update the styles, simply find the appropriate BEM class in the component’s style section and override the styles as needed.
-
-### Props
-
-| Prop                        |              Value               | Default    | Description                                                  |
-| --------------------------- | :------------------------------: | ---------- | :----------------------------------------------------------- |
-| id                          |              string              | _null_     | required                                                     |
-| driver                      |              Driver              | _null_     | **required** - Driver instance used for file operations      |
-| config                      |          ConfigDefaults          | _object_   | optional - configuration store defaults (e.g., initialPath)  |
-| locale                      |              string              | en         | optional - default language code                             |
-| features                    | FeaturesPreset \| FeaturesConfig | 'advanced' | optional - feature preset ('simple'/'advanced') or object    |
-| selectionMode               |      'single' \| 'multiple'      | 'multiple' | optional - selection mode                                    |
-| selectionFilterType         |   'files' \| 'dirs' \| 'both'    | 'both'     | optional - filter selectable items by type                   |
-| selectionFilterMimeIncludes |             string[]             | []         | optional - MIME type filters for selection                   |
-| contextMenuItems            |        ContextMenuItem[]         | _null_     | optional - custom context menu items                         |
-| debug                       |             boolean              | false      | optional - enable debug mode                                 |
-| onError                     |             function             | _function_ | optional - error handler callback                            |
-| onSelect                    |             function             | _function_ | optional - selection handler (alternative to @select)        |
-| onPathChange                |             function             | _function_ | optional - path change handler (alternative to @path-change) |
-| onUploadComplete            |             function             | _function_ | optional - upload handler (alternative to @upload-complete)  |
-| onDeleteComplete            |             function             | _function_ | optional - delete handler (alternative to @delete-complete)  |
-| onReady                     |             function             | _function_ | optional - ready handler (alternative to @ready)             |
-| onFileDclick                |             function             | _function_ | optional - file double-click handler                         |
-| onFolderDclick              |             function             | _function_ | optional - folder double-click handler                       |
-
-**Note:** Configuration options like `theme`, `maxFileSize`, `fullScreen`, `loadingIndicator`, etc. are now part of the `config` prop. See the [Configuration Guide](https://vuefinder.ozdemir.be/guide/configuration) for details.
-
-### Events
-
-| Event              | Description                                                                                                |
-| ------------------ | :--------------------------------------------------------------------------------------------------------- |
-| `@select`          | Emitted when the user selects a file or folder. `(items: DirEntry[]) => void`                              |
-| `@path-change`     | Emitted when the user navigates to a different folder. `(path: string) => void`                            |
-| `@upload-complete` | Emitted when file uploads are completed successfully. `(files: DirEntry[]) => void`                        |
-| `@delete-complete` | Emitted when files or folders are deleted successfully. `(deletedItems: DirEntry[]) => void`               |
-| `@error`           | Emitted when an error occurs during any operation. `(error: any) => void`                                  |
-| `@ready`           | Emitted when VueFinder is initialized and ready to use. `() => void`                                       |
-| `@file-dclick`     | Emitted when a file is double-clicked. Overrides default preview behavior. `(item: DirEntry) => void`      |
-| `@folder-dclick`   | Emitted when a folder is double-clicked. Overrides default navigation behavior. `(item: DirEntry) => void` |
-
-### Selection
-
-There are 2 ways to select files and folders.
-
-#### 1) Inline select button via status bar scoped slot (recommended)
-
-You can inject a custom button into the status bar and access the reactive selection via the `status-bar` scoped slot:
-
-```vue
-<vue-finder id="my_vuefinder" :driver="driver">
-  <template #status-bar="{ selected, count, path  }">
-    <div class="vuefinder__status-bar__actions">
-      <button class="btn"
-              @click="() => {
-                    console.log(selected);
-                    console.log(count);
-                    console.log(path);
-                }"
-              :disabled="!count">
-        Show Selected ({{ count ?? 0 }} selected)
-      </button>
-    </div>
-  </template>
-</vue-finder>
-```
-
-Alternatively, you can use the select event to get the selected items.
-
-```vue
-<vue-finder
-  id="my_vuefinder"
-  :driver="driver"
-  @select="handleSelect"
-  @path-change="handlePathChange"
-  @upload-complete="handleUploadComplete"
-  @delete-complete="handleDeleteComplete"
-  @error="handleError"
-  @ready="handleReady"
-  @file-dclick="handleFileDoubleClick"
-  @folder-dclick="handleFolderDoubleClick"
-/>
-
-<script setup>
-import { ref } from 'vue';
-import { RemoteDriver } from 'vuefinder';
-
-// Create driver instance
-const driver = new RemoteDriver({
-  baseURL: '/api',
-  url: {
-    list: '/files',
-    // ... other endpoints
-  },
-});
-
-// we can define a ref object to store the selected items
-const selectedFiles = ref([]);
-
-// handle select event, and store the selected items
-const handleSelect = (selection) => {
-  selectedFiles.value = selection;
-};
-
-// handle path change event
-const handlePathChange = (path) => {
-  console.log('Current path:', path);
-};
-
-// handle upload complete event
-const handleUploadComplete = (uploadedFiles) => {
-  console.log('Uploaded files:', uploadedFiles);
-};
-
-// handle delete complete event
-const handleDeleteComplete = (deletedItems) => {
-  console.log('Deleted items:', deletedItems);
-};
-
-// handle error event
-const handleError = (error) => {
-  console.error('VueFinder error:', error);
-};
-
-// handle ready event
-const handleReady = () => {
-  console.log('VueFinder is ready!');
-};
-
-// handle file double-click event
-const handleFileDoubleClick = (file) => {
-  console.log('File double-clicked:', file);
-  // Custom logic here - maybe download, open in external app, etc.
-};
-
-// handle folder double-click event
-const handleFolderDoubleClick = (folder) => {
-  console.log('Folder double-clicked:', folder);
-  // Custom logic here - maybe show folder info, add to favorites, etc.
-};
-// then with a button click, you can get the selected items easily
-// you can add this method to the click event of a button.
-const handleButtonClick = () => {
-  console.log(selectedFiles.value);
-};
-</script>
-```
-
-### Custom Double-Click Behavior
-
-By default, VueFinder handles double-click events as follows:
-
-- **File double-click**: Opens preview modal
-- **Folder double-click**: Navigates to folder (changes path)
-
-You can customize this behavior by providing `@file-dclick` and `@folder-dclick` event handlers. When these handlers are provided, they will override the default behavior.
-
-```vue
-<vue-finder
-  id="my_vuefinder"
-  :driver="driver"
-  @file-dclick="handleFileDoubleClick"
-  @folder-dclick="handleFolderDoubleClick"
-/>
-
-<script setup>
-import { RemoteDriver } from 'vuefinder';
-
-const driver = new RemoteDriver({
-  baseURL: '/api',
-  url: { list: '/files' },
-});
-
-const handleFileDoubleClick = (file) => {
-  // Custom file double-click behavior
-  // Example: Download file, open in external app, etc.
-  console.log('Custom file action:', file.basename);
-};
-
-const handleFolderDoubleClick = (folder) => {
-  // Custom folder double-click behavior
-  // Example: Show folder info, add to favorites, etc.
-  console.log('Custom folder action:', folder.basename);
-};
-</script>
-```
-
-**Note**: If you don't provide these handlers, VueFinder will use the default behavior (preview for files, navigation for folders).
-
-### Features
-
-- Multi storage (see https://github.com/thephpleague/flysystem)
-- File and folder operations
-  - Create a new file
-  - Create a new folder
-  - Rename
-  - Delete
-  - Archive (zip)
-  - Unarchive (unzip)
-  - Text editing
-  - Image Crop Tool
-  - Upload / Download files
-  - Search (deep based on current folder)
-- Nice UI
-  - Context Menu
-  - Breadcrumb links
-  - Toolbar
-  - File explorer
-  - Status bar
-  - Image thumbnails
-  - Toast notifications
-- Appearance
-  - Multi language (17 languages supported)
-  - Full Screen mode
-  - View Modes: list, grid
-  - 12 Beautiful Themes: silver, valorite, midnight, latte, rose, mythril, lime, sky, ocean, palenight, arctic, code
-- Accessibility
-  - Drag & drop support
-  - Move items (to a folder or up one folder) with drag and drop
-  - Mouse selection
-
-### Typescript
-
-Vuefinder ships with built-in type declarations. You can enable type hints for the global Vuefinder component.
-
-```ts
-// src/global-components.d.ts
-import { VueFinder } from 'vuefinder';
-
-declare module 'vue' {
-  export interface GlobalComponents {
-    VueFinder: typeof VueFinder;
-  }
-}
-```
+For detailed installation instructions, configuration options, and usage examples, visit the [documentation website](https://vuefinder.ozdemir.be/).
 
 ### Backend
 
@@ -384,6 +55,8 @@ If you want to contribute to the project, please feel free to fork the repositor
 - [mitt](https://github.com/developit/mitt) : Tiny 200 byte functional event emitter / pubsub
 - [OverlayScrollbars](https://kingsora.github.io/OverlayScrollbars) : scrollbar plugin
 - [nanostores](https://github.com/nanostores/nanostores) : A tiny state manager
+- [vue-sonner](https://github.com/wobsoriano/vue-sonner) : Toast notification component
+- [@floating-ui/dom](https://floating-ui.com/) : Floating UI positioning library
 
 ### License
 

package/dist/locales/ar.js

@@ -31,6 +31,10 @@ export default {
   'Go up a directory': 'إذهب لِأعلى',
   Go: 'اذهب',
   'Enter folder path:': 'أدخل مسار المجلد:',
+  'Invalid path format. Path must be in format: storage://path/to/folder':
+    'تنسيق المسار غير صالح. يجب أن يكون المسار بالتنسيق: storage://path/to/folder',
+  'Invalid storage. Storage "%s" is not available.': 'تخزين غير صالح. التخزين "%s" غير متاح.',
+  'Failed to navigate to folder': 'فشل الانتقال إلى المجلد',
   'Copy Path': 'نسخ المسار',
   'Copy Download URL': 'نسخ رابط التحميل',
   'Search anything..': 'ابحث عن أي شيء..',

package/dist/locales/de.js

@@ -31,6 +31,11 @@ export default {
   'Go up a directory': 'Ein Verzeichnis hochgehen',
   Go: 'Gehen',
   'Enter folder path:': 'Ordnerpfad eingeben:',
+  'Invalid path format. Path must be in format: storage://path/to/folder':
+    'Ungültiges Pfadformat. Der Pfad muss im Format storage://path/to/folder sein',
+  'Invalid storage. Storage "%s" is not available.':
+    'Ungültiger Speicher. Speicher "%s" ist nicht verfügbar.',
+  'Failed to navigate to folder': 'Navigation zum Ordner fehlgeschlagen',
   'Copy Path': 'Pfad kopieren',
   'Copy Download URL': 'Download-URL kopieren',
   'Search anything..': 'Suche etwas..',

package/dist/locales/en.js

@@ -26,6 +26,11 @@ export default {
   'Go up a directory': 'Go up a directory',
   Go: 'Go',
   'Enter folder path:': 'Enter folder path:',
+  'Invalid path format. Path must be in format: storage://path/to/folder':
+    'Invalid path format. Path must be in format: storage://path/to/folder',
+  'Invalid storage. Storage "%s" is not available.':
+    'Invalid storage. Storage "%s" is not available.',
+  'Failed to navigate to folder': 'Failed to navigate to folder',
   'Copy Path': 'Copy Path',
   'Path copied to clipboard': 'Path copied to clipboard',
   'Toggle Path Copy Mode': 'Toggle Path Copy Mode',

package/dist/locales/es.js

@@ -31,6 +31,11 @@ export default {
   'Go up a directory': 'Subir un directorio',
   Go: 'Ir',
   'Enter folder path:': 'Ingrese la ruta de la carpeta:',
+  'Invalid path format. Path must be in format: storage://path/to/folder':
+    'Formato de ruta inválido. La ruta debe estar en formato: storage://path/to/folder',
+  'Invalid storage. Storage "%s" is not available.':
+    'Almacenamiento inválido. El almacenamiento "%s" no está disponible.',
+  'Failed to navigate to folder': 'Error al navegar a la carpeta',
   'Copy Path': 'Copiar ruta',
   'Copy Download URL': 'Copiar URL de descarga',
   'Search anything..': 'Buscar cualquier cosa..',

package/dist/locales/fa.js

@@ -30,6 +30,12 @@ export default {
   Storage: 'فضا',
   'Go up a directory': 'برو به پوشه',
   Go: 'برو',
+  'Enter folder path:': 'مسیر پوشه را وارد کنید:',
+  'Invalid path format. Path must be in format: storage://path/to/folder':
+    'فرمت مسیر نامعتبر است. مسیر باید به فرمت باشد: storage://path/to/folder',
+  'Invalid storage. Storage "%s" is not available.':
+    'فضای ذخیره‌سازی نامعتبر است. فضای ذخیره‌سازی "%s" در دسترس نیست.',
+  'Failed to navigate to folder': 'پیمایش به پوشه ناموفق بود',
   'Search anything..': 'به دنبال چه چیزی هستید ؟ جستجو کنید ...',
   Name: 'نام',
   Size: 'سایز',

package/dist/locales/fr.js

@@ -32,6 +32,11 @@ export default {
   'Go up a directory': "Remonter d'un répertoire",
   Go: 'Aller',
   'Enter folder path:': 'Entrer le chemin du dossier:',
+  'Invalid path format. Path must be in format: storage://path/to/folder':
+    'Format de chemin invalide. Le chemin doit être au format: storage://path/to/folder',
+  'Invalid storage. Storage "%s" is not available.':
+    'Stockage invalide. Le stockage "%s" n\'est pas disponible.',
+  'Failed to navigate to folder': 'Échec de la navigation vers le dossier',
   'Copy Path': 'Copier le chemin',
   'Copy Download URL': "Copier l'URL de téléchargement",
   'Search anything..': 'Rechercher...',

package/dist/locales/he.js

@@ -30,6 +30,11 @@ export default {
   Storage: 'אחסון',
   'Go up a directory': 'מעבר תיקייה אחת למעלה',
   Go: 'לך',
+  'Enter folder path:': 'הזן נתיב תיקייה:',
+  'Invalid path format. Path must be in format: storage://path/to/folder':
+    'פורמט נתיב לא תקין. הנתיב חייב להיות בפורמט: storage://path/to/folder',
+  'Invalid storage. Storage "%s" is not available.': 'אחסון לא תקין. האחסון "%s" אינו זמין.',
+  'Failed to navigate to folder': 'נכשל בניווט לתיקייה',
   'Search anything..': 'חיפוש...',
   Name: 'שם',
   Size: 'גודל',

package/dist/locales/hi.js

@@ -30,6 +30,11 @@ export default {
   Storage: 'संग्रहण',
   'Go up a directory': 'एक निर्देशिका ऊपर जाएं',
   Go: 'जाएं',
+  'Enter folder path:': 'फ़ोल्डर पथ दर्ज करें:',
+  'Invalid path format. Path must be in format: storage://path/to/folder':
+    'अमान्य पथ प्रारूप। पथ इस प्रारूप में होना चाहिए: storage://path/to/folder',
+  'Invalid storage. Storage "%s" is not available.': 'अमान्य संग्रहण। संग्रहण "%s" उपलब्ध नहीं है।',
+  'Failed to navigate to folder': 'फ़ोल्डर पर नेविगेट करने में विफल',
   'Search anything..': 'कुछ भी खोजें..',
   Name: 'नाम',
   Size: 'आकार',

package/dist/locales/it.js

@@ -31,6 +31,11 @@ export default {
   'Go up a directory': 'Vai su di una directory',
   Go: 'Vai',
   'Enter folder path:': 'Inserisci il percorso della cartella:',
+  'Invalid path format. Path must be in format: storage://path/to/folder':
+    'Formato percorso non valido. Il percorso deve essere nel formato: storage://path/to/folder',
+  'Invalid storage. Storage "%s" is not available.':
+    'Archiviazione non valida. L\'archiviazione "%s" non è disponibile.',
+  'Failed to navigate to folder': 'Impossibile navigare alla cartella',
   'Copy Path': 'Copia percorso',
   'Copy Download URL': 'Copia URL di download',
   'Search anything..': 'Cerca qualsiasi cosa..',

package/dist/locales/ja.js

@@ -31,6 +31,11 @@ export default {
   'Go up a directory': '上のディレクトリに移動',
   Go: '移動',
   'Enter folder path:': 'フォルダパスを入力:',
+  'Invalid path format. Path must be in format: storage://path/to/folder':
+    '無効なパス形式。パスは storage://path/to/folder の形式である必要があります',
+  'Invalid storage. Storage "%s" is not available.':
+    '無効なストレージ。ストレージ "%s" は利用できません。',
+  'Failed to navigate to folder': 'フォルダに移動できませんでした',
   'Copy Path': 'パスをコピー',
   'Copy Download URL': 'ダウンロードURLをコピー',
   'Search anything..': '何でも検索..',

package/dist/locales/nl.js

@@ -30,6 +30,12 @@ export default {
   Storage: 'Opslag',
   'Go up a directory': 'Ga een map omhoog',
   Go: 'Ga',
+  'Enter folder path:': 'Voer mappad in:',
+  'Invalid path format. Path must be in format: storage://path/to/folder':
+    'Ongeldig padformaat. Het pad moet in het formaat zijn: storage://path/to/folder',
+  'Invalid storage. Storage "%s" is not available.':
+    'Ongeldige opslag. Opslag "%s" is niet beschikbaar.',
+  'Failed to navigate to folder': 'Kan niet naar map navigeren',
   'Search anything..': 'Zoek iets...',
   Name: 'Naam',
   Size: 'Grootte',

package/dist/locales/pl.js

@@ -30,6 +30,12 @@ export default {
   Storage: 'Pamięć',
   'Go up a directory': 'Przejdź do katalogu wyżej',
   Go: 'Idź',
+  'Enter folder path:': 'Wprowadź ścieżkę folderu:',
+  'Invalid path format. Path must be in format: storage://path/to/folder':
+    'Nieprawidłowy format ścieżki. Ścieżka musi być w formacie: storage://path/to/folder',
+  'Invalid storage. Storage "%s" is not available.':
+    'Nieprawidłowe magazyn. Magazyn "%s" nie jest dostępny.',
+  'Failed to navigate to folder': 'Nie udało się przejść do folderu',
   'Search anything..': 'Szukaj czegokolwiek..',
   Name: 'Nazwa',
   Size: 'Rozmiar',

package/dist/locales/pt.js

@@ -31,6 +31,11 @@ export default {
   'Go up a directory': 'Subir um diretório',
   Go: 'Ir',
   'Enter folder path:': 'Digite o caminho da pasta:',
+  'Invalid path format. Path must be in format: storage://path/to/folder':
+    'Formato de caminho inválido. O caminho deve estar no formato: storage://path/to/folder',
+  'Invalid storage. Storage "%s" is not available.':
+    'Armazenamento inválido. O armazenamento "%s" não está disponível.',
+  'Failed to navigate to folder': 'Falha ao navegar para a pasta',
   'Copy Path': 'Copiar caminho',
   'Copy Download URL': 'Copiar URL de download',
   'Search anything..': 'Pesquisar qualquer coisa..',

package/dist/locales/ru.js

@@ -31,6 +31,11 @@ export default {
   'Go up a directory': 'Вверх',
   Go: 'Перейти',
   'Enter folder path:': 'Введите путь к папке:',
+  'Invalid path format. Path must be in format: storage://path/to/folder':
+    'Неверный формат пути. Путь должен быть в формате: storage://path/to/folder',
+  'Invalid storage. Storage "%s" is not available.':
+    'Неверное хранилище. Хранилище "%s" недоступно.',
+  'Failed to navigate to folder': 'Не удалось перейти в папку',
   'Copy Path': 'Копировать путь',
   'Copy Download URL': 'Копировать URL загрузки',
   'Search anything..': 'Поиск...',

package/dist/locales/sv.js

@@ -30,6 +30,12 @@ export default {
   Storage: 'Lagring',
   'Go up a directory': 'Gå upp en katalog',
   Go: 'Gå',
+  'Enter folder path:': 'Ange mappsökväg:',
+  'Invalid path format. Path must be in format: storage://path/to/folder':
+    'Ogiltigt sökvägsformat. Sökvägen måste vara i formatet: storage://path/to/folder',
+  'Invalid storage. Storage "%s" is not available.':
+    'Ogiltig lagring. Lagring "%s" är inte tillgänglig.',
+  'Failed to navigate to folder': 'Kunde inte navigera till mappen',
   'Search anything..': 'Sök överallt..',
   Name: 'Namn',
   Size: 'Storlek',

package/dist/locales/tr.js

@@ -26,6 +26,10 @@ export default {
   'Go up a directory': 'Yukarı git',
   Go: 'Git',
   'Enter folder path:': 'Klasör yolunu girin:',
+  'Invalid path format. Path must be in format: storage://path/to/folder':
+    'Geçersiz yol formatı. Yol şu formatta olmalıdır: storage://path/to/folder',
+  'Invalid storage. Storage "%s" is not available.': 'Geçersiz depo. "%s" deposu mevcut değil.',
+  'Failed to navigate to folder': 'Klasöre gidilemedi',
   'Copy Path': 'Yolu Kopyala',
   'Copy Download URL': "İndirme URL'sini Kopyala",
   'Search anything..': 'Herhangi bir şey ara..',

package/dist/locales/zhCN.js

@@ -30,6 +30,11 @@ export default {
   Storage: '存储',
   'Go up a directory': '上一级目录',
   Go: '前往',
+  'Enter folder path:': '输入文件夹路径:',
+  'Invalid path format. Path must be in format: storage://path/to/folder':
+    '路径格式无效。路径必须为格式: storage://path/to/folder',
+  'Invalid storage. Storage "%s" is not available.': '存储无效。存储 "%s" 不可用。',
+  'Failed to navigate to folder': '导航到文件夹失败',
   'Search anything..': '搜索..',
   Name: '名称',
   Size: '大小',

package/dist/locales/zhTW.js

@@ -30,6 +30,11 @@ export default {
   Storage: '儲存',
   'Go up a directory': '上一個目錄',
   Go: '前往',
+  'Enter folder path:': '輸入資料夾路徑:',
+  'Invalid path format. Path must be in format: storage://path/to/folder':
+    '路徑格式無效。路徑必須為格式: storage://path/to/folder',
+  'Invalid storage. Storage "%s" is not available.': '儲存無效。儲存 "%s" 不可用。',
+  'Failed to navigate to folder': '導航到資料夾失敗',
   'Search anything..': '搜尋..',
   Name: '名稱',
   Size: '大小',