feat: add base 3 column layout with gutter resizer (#506)

* chore(build): disable hardened runtime and set identity to null

* feat: add base 3 column layout with gutter resizer

Author: antonreshetov

.gitignore

@@ -3,4 +3,6 @@ build/main
 build/renderer
 
 node_modules
-.DS_Store
+.DS_Store
+components.d.ts
+auto-imports.d.ts

electron-builder.json

@@ -14,7 +14,8 @@
     "icon": "build/icons/icon.icns",
     "entitlements": "build/entitlements.mac.plist",
     "category": "public.app-category.productivity",
-    "hardenedRuntime": true
+    "hardenedRuntime": false,
+    "identity": null
   },
   "win": {
     "target": ["nsis", "portable"],

package.json

@@ -33,9 +33,11 @@
     "@elysiajs/cors": "^1.2.0",
     "@elysiajs/node": "^1.2.5",
     "@elysiajs/swagger": "^1.2.2",
+    "@vueuse/core": "^12.7.0",
     "better-sqlite3": "^11.8.1",
     "electron-store": "^8.2.0",
     "elysia": "^1.2.15",
+    "interactjs": "^1.10.27",
     "ky": "^1.7.5"
   },
   "devDependencies": {
@@ -61,7 +63,9 @@
     "simple-git-hooks": "^2.11.1",
     "tailwindcss": "^3.4.17",
     "typescript": "^5.7.3",
-    "vite": "^6.0.11",
+    "unplugin-auto-import": "^19.1.0",
+    "unplugin-vue-components": "^28.4.0",
+    "vite": "^6.1.1",
     "vue": "^3.5.13",
     "vue-router": "^4.5.0"
   },

pnpm-lock.yaml

@@ -27,6 +27,7 @@ function createWindow() {
     titleBarStyle: 'hidden',
     webPreferences: {
       preload: path.join(__dirname, 'preload.js'),
+      nodeIntegration: true,
     },
   })
 

src/main/index.ts

@@ -1,5 +1,7 @@
+import type { AppStore, PreferencesStore } from './store/types'
 import type { EventCallback } from './types'
 import { contextBridge, ipcRenderer } from 'electron'
+import { store } from './store'
 
 contextBridge.exposeInMainWorld('electron', {
   ipc: {
@@ -19,4 +21,20 @@ contextBridge.exposeInMainWorld('electron', {
     query: (sql: string, params: any[] = []) =>
       ipcRenderer.invoke('db-query', { sql, params }),
   },
+  store: {
+    app: {
+      get: (name: keyof AppStore) => store.app.get(name),
+      set: <T extends keyof AppStore>(name: T, value: AppStore[T]) =>
+        store.app.set(name, value),
+      delete: (name: keyof AppStore) => store.app.delete(name),
+    },
+    preferences: {
+      get: (name: keyof PreferencesStore) => store.preferences.get(name),
+      set: <T extends keyof PreferencesStore>(
+        name: T,
+        value: PreferencesStore[T],
+      ) => store.preferences.set(name, value),
+      delete: (name: keyof PreferencesStore) => store.preferences.delete(name),
+    },
+  },
 })

src/main/preload.ts

@@ -0,0 +1,6 @@
+export const APP_DEFAULTS = {
+  sizes: {
+    sidebar: 180,
+    snippetList: 250,
+  },
+}

src/main/store/constants.ts

@@ -1,16 +1,15 @@
+import type { AppStore } from '../types'
 import Store from 'electron-store'
+import { APP_DEFAULTS } from '../constants'
 
-interface StoreSchema {
-  bounds: object
-  isAutoMigratedFromJson: boolean
-}
-
-export default new Store<StoreSchema>({
+export default new Store<AppStore>({
   name: 'app',
   cwd: 'v2',
 
   defaults: {
     bounds: {},
+    sidebarWidth: APP_DEFAULTS.sizes.sidebar,
+    snippetListWidth: APP_DEFAULTS.sizes.snippetList,
     isAutoMigratedFromJson: false,
   },
 })

src/main/store/module/app.ts

@@ -1,18 +1,13 @@
+import type { PreferencesStore } from '../types'
 import { homedir, platform } from 'node:os'
 import Store from 'electron-store'
 
-interface StoreSchema {
-  storagePath: string
-  backupPath: string
-  apiPort: number
-}
-
 const isWin = platform() === 'win32'
 
 const storagePath = isWin ? `${homedir()}\\massCode` : `${homedir()}/massCode`
 const backupPath = isWin ? `${storagePath}\\backups` : `${storagePath}/backups`
 
-export default new Store<StoreSchema>({
+export default new Store<PreferencesStore>({
   name: 'preferences',
   cwd: 'v2',
 

src/main/store/module/preferences.ts

@@ -0,0 +1,19 @@
+import type ElectronStore from 'electron-store'
+
+export interface AppStore {
+  bounds: object
+  isAutoMigratedFromJson: boolean
+  sidebarWidth: number
+  snippetListWidth: number
+}
+
+export interface PreferencesStore {
+  storagePath: string
+  backupPath: string
+  apiPort: number
+}
+
+export interface Store {
+  app: ElectronStore<AppStore>
+  preferences: ElectronStore<PreferencesStore>
+}