feat: add create a new storage

src/main/preload.ts

@@ -1,5 +1,11 @@
 import { contextBridge, ipcRenderer } from 'electron'
-import { isDbExist, migrate, migrateFromSnippetsLab, move } from './services/db'
+import {
+  isDbExist,
+  migrate,
+  migrateFromSnippetsLab,
+  move,
+  createDb
+} from './services/db'
 import { store } from './store'
 import type { ElectronBridge } from '@shared/types/main'
 import { track } from './services/analytics'
@@ -25,6 +31,7 @@ contextBridge.exposeInMainWorld('electron', {
     }
   },
   db: {
+    create: () => createDb(),
     migrate: path => migrate(path),
     migrateFromSnippetsLab: path => migrateFromSnippetsLab(path),
     move: (from, to) => move(from, to),

src/main/services/i18n/locales/en/common.json

@@ -2,11 +2,13 @@
   "button": {
     "moveStorage": "Move Storage",
     "openStorage": "Open Storage",
+    "newStorage": "New Storage",
     "fromMassCodeV1": "From massCode v1.0",
     "fromSnippetsLab": "From SnippetsLab",
     "confirm": "Confirm",
     "cancel": "Cancel",
-    "update": ["Go to GitHub", "OK"]
+    "update": ["Go to GitHub", "OK"],
+    "ok": "OK"
   },
   "newFolder": "New Folder",
   "newSnippet": "New Snippet",
@@ -55,4 +57,4 @@
   "updateAvailable": "Update Available",
   "hide": "Hide",
   "show": "Show"
-}
+}

src/main/services/i18n/locales/en/dialog.json

@@ -8,5 +8,6 @@
   "migrateConfirm": [
     "Are you sure you want to migrate from {{name}}?",
     "During migrate, the current library will be overwritten."
-  ]
-}
+  ],
+  "createDb": "Please select another folder"
+}

src/main/services/i18n/locales/en/special.json

@@ -16,9 +16,10 @@
     "migrate": "DB successfully migrated."
   },
   "error": {
+    "folderContainDb": "Folder already contain \"db.json\".",
     "folderNotContainDb": "Folder not contain \"db.json\"."
   },
   "unsponsored": "Unsponsored",
   "supportMessage": "Hi, Anton here 👋<br><br>\nThanks for using massCode. If you find this app useful, please {{-tagStart}} donate {{-tagEnd}}. It will inspire me to continue development on the project.",
   "snippetsShowcase": "Snippets Showcase"
-}
+}

src/main/services/i18n/locales/ru/common.json

@@ -2,10 +2,12 @@
   "button": {
     "moveStorage": "Переместить",
     "openStorage": "Открыть",
+    "newStorage": "Создать новое",
     "fromMassCodeV1": "Из massCode v1.0",
     "fromSnippetsLab": "Из SnippetsLab",
     "confirm": "Подтвердить",
-    "cancel": "Отмена"
+    "cancel": "Отмена",
+    "ok": "Хорошо"
   },
   "newFolder": "Новая папка",
   "newSnippet": "Новый сниппет",
@@ -54,4 +56,4 @@
   "updateAvailable": "Доступно обновление",
   "hide": "Hide",
   "show": "Show"
-}
+}

src/main/services/i18n/locales/ru/dialog.json

@@ -8,5 +8,6 @@
   "migrateConfirm": [
     "Вы уверены что хотите мигрировать {{name}}?",
     "Во время миграции, текущая библиотека буде перезаписана."
-  ]
-}
+  ],
+  "createDb": "Пожалуйста выберите другую папку"
+}

src/main/services/i18n/locales/ru/special.json

@@ -16,9 +16,10 @@
     "migrate": "БД успешно перенесена."
   },
   "error": {
+    "folderContainDb": "Папка уже содержит \"db.json\".",
     "folderNotContainDb": "Папка не содержит \"db.json\"."
   },
   "unsponsored": "Неспонсируемое",
   "supportMessage": "Привет, это Антон 👋<br><br>\nСпасибо что используете massCode. Если приложение оказалось для вас полезным, пожалуйста {{-tagStart}} поддержите проект {{-tagEnd}}. Это вдохновит меня для продолжение работы над проектом.",
   "snippetsShowcase": "Коллекция сниппетов"
-}
+}

src/renderer/components/preferences/StoragePreferences.vue

@@ -4,14 +4,20 @@
       <AppFormItem :label="i18n.t('preferences:storage.label')">
         <AppInput
           v-model="storagePath"
+          style="width: 100%"
           readonly
         />
-        <AppButton @click="onClickMove">
-          {{ i18n.t('button.moveStorage') }}
-        </AppButton>
-        <AppButton @click="onClickOpen">
-          {{ i18n.t('button.openStorage') }}
-        </AppButton>
+        <template #actions>
+          <AppButton @click="onClickMove">
+            {{ i18n.t('button.moveStorage') }}
+          </AppButton>
+          <AppButton @click="onClickOpen">
+            {{ i18n.t('button.openStorage') }}
+          </AppButton>
+          <AppButton @click="onClickNew">
+            {{ i18n.t('button.newStorage') }}
+          </AppButton>
+        </template>
         <template #desc>
           {{ i18n.t('special:description.storage') }}
         </template>
@@ -45,7 +51,11 @@
 import { ipc, store, db, track, i18n } from '@/electron'
 import { useFolderStore } from '@/store/folders'
 import { useSnippetStore } from '@/store/snippets'
-import type { MessageBoxRequest, DialogRequest } from '@shared/types/main'
+import type {
+  MessageBoxRequest,
+  DialogRequest,
+  ErrorBoxRequest
+} from '@shared/types/main'
 import { ref } from 'vue'
 
 const snippetStore = useSnippetStore()
@@ -88,6 +98,24 @@ const onClickOpen = async () => {
   }
 }
 
+const onClickNew = async () => {
+  const path = await ipc.invoke<any, string>('main:open-dialog', {})
+
+  const isExist = db.isExist(path)
+
+  if (!isExist) {
+    store.preferences.set('storagePath', path)
+    setStorageAndRestartApi(path, true)
+    db.create()
+  } else {
+    await ipc.invoke<MessageBoxRequest, boolean>('main:open-message-box', {
+      message: i18n.t('special:error.folderContainDb'),
+      detail: i18n.t('dialog:createDb'),
+      buttons: [i18n.t('button.ok')]
+    })
+  }
+}
+
 const onClickMigrate = async () => {
   const state = await ipc.invoke<MessageBoxRequest, boolean>(
     'main:open-message-box',

src/renderer/components/ui/form/AppFormItem.vue

@@ -7,6 +7,12 @@
       <div class="body">
         <slot />
       </div>
+      <div
+        v-if="$slots.actions"
+        class="actions"
+      >
+        <slot name="actions" />
+      </div>
       <div
         v-if="$slots.desc"
         class="desc"
@@ -39,5 +45,10 @@ defineProps<Props>()
     align-items: center;
     gap: var(--spacing-sm);
   }
+  .actions {
+    margin-top: var(--spacing-sm);
+    display: flex;
+    gap: var(--spacing-sm);
+  }
 }
 </style>

src/shared/types/main/index.d.ts

@@ -128,6 +128,7 @@ export interface ElectronBridge {
     preferences: StoreProperties<PreferencesStore>
   }
   db: {
+    create: () => void
     migrate: (path: string) => Promise<void>
     migrateFromSnippetsLab: (path: string) => void
     move: (from: string, to: string) => Promise<void>