bugfix (await) & dev env improvement.

Author: kaishuu0123

.devcontainer/Dockerfile

@@ -5,4 +5,4 @@ RUN apt -y update && apt install -y --no-install-recommends \
   libnotify-dev libasound2-dev libcap-dev \
   libcups2-dev libxtst-dev \
   libxss1 libnss3-dev gcc-multilib g++-multilib curl \
-  gperf bison python3-dbusmock
+  gperf bison python3-dbusmock

.devcontainer/devcontainer.json

@@ -28,7 +28,9 @@
         "stylelint.vscode-stylelint",
         "mikestead.dotenv",
         "bradlc.vscode-tailwindcss",
-        "csstools.postcss"
+        "csstools.postcss",
+        "ms-azuretools.vscode-docker",
+        "redhat.vscode-yaml"
       ],
       "settings": {
         "editor.formatOnSave": true

.github/workflows/electron-build.yml

@@ -3,7 +3,7 @@ name: Electron App Build/release
 on:
   push:
     tags:
-      - 'v*'
+      - "v*"
 
 jobs:
   release:

.vscode/settings.json

@@ -9,6 +9,16 @@
   "[json]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
+  "[jsonc]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.quickSuggestions": {
+      "strings": true
+    },
+    "editor.suggest.insertMode": "replace"
+  },
+  "[yaml]": {
+    "editor.defaultFormatter": "redhat.vscode-yaml"
+  },
   "[typescriptreact]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
   }

electron-builder.yml

@@ -3,12 +3,12 @@ productName: Leavepad
 directories:
   buildResources: build
 files:
-  - '!**/.vscode/*'
-  - '!src/*'
-  - '!electron.vite.config.{js,ts,mjs,cjs}'
-  - '!{.eslintignore,.eslintrc.cjs,.prettierignore,.prettierrc.yaml,dev-app-update.yml,CHANGELOG.md,README.md}'
-  - '!{.env,.env.*,.npmrc,pnpm-lock.yaml}'
-  - '!{tsconfig.json,tsconfig.node.json,tsconfig.web.json}'
+  - "!**/.vscode/*"
+  - "!src/*"
+  - "!electron.vite.config.{js,ts,mjs,cjs}"
+  - "!{.eslintignore,.eslintrc.cjs,.prettierignore,.prettierrc.yaml,dev-app-update.yml,CHANGELOG.md,README.md}"
+  - "!{.env,.env.*,.npmrc,pnpm-lock.yaml}"
+  - "!{tsconfig.json,tsconfig.node.json,tsconfig.web.json}"
 asarUnpack:
   - resources/**
 win:

src/renderer/src/App.tsx

@@ -108,10 +108,10 @@ function App(): JSX.Element {
     document.fonts.load('14px HackGen')
     document.fonts.load('14px NOTONOTO')
 
-    window.addEventListener('resize', () => {
+    window.addEventListener('resize', async () => {
       editorRef.current?.layout()
 
-      window.api.updateAppState({
+      await window.api.updateAppState({
         isSidebarOpen: isSidebarOpen,
         windowWidth: window.outerWidth,
         windowHeight: window.outerHeight,
@@ -164,7 +164,7 @@ function App(): JSX.Element {
       updatedAt: getTime(new Date())
     }
 
-    window.api.updateNote(willUpdateNote)
+    await window.api.updateNote(willUpdateNote)
     const notes = await window.api.getNotes()
     setNotes(sortNotes(notes))
   }
@@ -193,7 +193,10 @@ function App(): JSX.Element {
       updatedAt: getTime(new Date())
     }
 
-    window.api.updateNote(willUpdateNote)
+    // Update note.
+    await window.api.updateNote(willUpdateNote)
+
+    // Get all notes after updating note.
     const notes = await window.api.getNotes()
     setNotes(sortNotes(notes))
 
@@ -212,10 +215,10 @@ function App(): JSX.Element {
     )
   }
 
-  const onGlobalSettingsSubmit = (value: NoteEditorSettings) => {
+  const onGlobalSettingsSubmit = async (value: NoteEditorSettings) => {
     setCurrentNoteEditorSettings(value)
     i18n.changeLanguage(value.language)
-    window.api.updateSettings(value)
+    await window.api.updateSettings(value)
   }
 
   if (currentNote == null) {
@@ -242,10 +245,10 @@ function App(): JSX.Element {
     return notes
   }
 
-  const onClickSidebarMinimize = () => {
+  const onClickSidebarMinimize = async () => {
     setSidebarOpen(!isSidebarOpen)
 
-    window.api.updateAppState({
+    await window.api.updateAppState({
       isSidebarOpen: !isSidebarOpen,
       windowWidth: window.outerWidth,
       windowHeight: window.outerHeight,