fix(ngx-config-editor): incorrect behavior of adding directive #1038

Author: 0xJacky

app/package.json

@@ -17,6 +17,7 @@
     "@ant-design/icons-vue": "^7.0.1",
     "@formkit/auto-animate": "^0.8.2",
     "@simplewebauthn/browser": "^13.1.0",
+    "@uozi-admin/curd": "^4.1.3",
     "@vue/reactivity": "^3.5.13",
     "@vue/shared": "^3.5.13",
     "@vueuse/components": "^13.1.0",
@@ -36,7 +37,7 @@
     "marked-highlight": "^2.2.1",
     "nprogress": "^0.2.0",
     "pinia": "^3.0.2",
-    "pinia-plugin-persistedstate": "^4.2.0",
+    "pinia-plugin-persistedstate": "^4.3.0",
     "reconnecting-websocket": "^4.4.0",
     "sortablejs": "^1.15.6",
     "splitpanes": "^4.0.3",
@@ -65,7 +66,7 @@
     "@types/lodash": "^4.17.16",
     "@types/nprogress": "^0.2.3",
     "@types/sortablejs": "^1.15.8",
-    "@vitejs/plugin-vue": "^5.2.3",
+    "@vitejs/plugin-vue": "^5.2.4",
     "@vitejs/plugin-vue-jsx": "^4.1.2",
     "@vue/compiler-sfc": "^3.5.13",
     "@vue/tsconfig": "^0.7.0",

app/pnpm-lock.yaml

@@ -22,10 +22,7 @@ onMounted(() => {
 })
 
 function addDirective(directive: NgxDirective) {
-  if (curIdx.value >= 0)
-    ngxDirectives.value.splice(curIdx.value + 1, 0, directive)
-  else
-    ngxDirectives.value.push(directive)
+  ngxDirectives.value.push(directive)
 }
 
 function removeDirective(index: number) {

app/src/components/NgxConfigEditor/directive/DirectiveEditor.vue

@@ -3,21 +3,24 @@
 # Kohki Makimoto <[email protected]>, 2024.
 msgid ""
 msgstr ""
-"PO-Revision-Date: 2024-09-23 19:14+0000\n"
+"Project-Id-Version: \n"
+"POT-Creation-Date: \n"
+"PO-Revision-Date: 2025-05-11 11:32+0800\n"
 "Last-Translator: Kohki Makimoto <[email protected]>\n"
 "Language-Team: Japanese <https://weblate.nginxui.com/projects/nginx-ui/"
 "frontend/ja/>\n"
 "Language: ja_JP\n"
+"MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=1; plural=0;\n"
-"X-Generator: Weblate 5.6.2\n"
+"X-Generator: Poedit 3.6\n"
 
 #: src/language/generate.ts:40
 msgid "[Nginx UI] ACME User: %{name}, Email: %{email}, CA Dir: %{caDir}"
 msgstr ""
-"[Nginx UI] ACME ユーザー: %{name}、メール: %{email}、CA ディレクトリ: "
-"%{caDir}"
+"[Nginx UI] ACME ユーザー: %{name}、メール: %{email}、CA ディレクトリ: %"
+"{caDir}"
 
 #: src/language/generate.ts:26
 msgid "[Nginx UI] Backing up current certificate for later revocation"
@@ -383,7 +386,7 @@ msgstr "AutoCert が実行中です。お待ちください..."
 
 #: src/components/ProcessingStatus/ProcessingStatus.vue:39
 msgid "AutoCert is running..."
-msgstr "\"AutoCert が実行中...\""
+msgstr "AutoCert が実行中..."
 
 #: src/components/SystemRestore/SystemRestoreContent.vue:332
 msgid "Automatic Restart"
@@ -726,16 +729,16 @@ msgid ""
 "Check if the nginx access log path exists. By default, this path is obtained "
 "from 'nginx -V'. If it cannot be obtained or the obtained path does not "
 "point to a valid, existing file, an error will be reported. In this case, "
-"you need to modify the configuration file to specify the access log path."
-"Refer to the docs for more details: https://nginxui.com/zh_CN/guide/config-"
-"nginx.html#accesslogpath"
+"you need to modify the configuration file to specify the access log "
+"path.Refer to the docs for more details: https://nginxui.com/zh_CN/guide/"
+"config-nginx.html#accesslogpath"
 msgstr ""
 "nginx のアクセスログのパスが存在するか確認してください。デフォルトでは、この"
 "パスは 'nginx -V' から取得されます。取得できない場合、または取得したパスが有"
 "効な既存のファイルを指していない場合、エラーが報告されます。この場合、設定"
 "ファイルを変更してアクセスログのパスを指定する必要があります。詳細については"
-"ドキュメントを参照してください: https://nginxui.com/zh_CN/guide/config-nginx."
-"html#accesslogpath"
+"ドキュメントを参照してください: https://nginxui.com/zh_CN/guide/config-"
+"nginx.html#accesslogpath"
 
 #: src/language/generate.ts:34
 msgid "Check if the nginx configuration directory exists"
@@ -750,16 +753,16 @@ msgid ""
 "Check if the nginx error log path exists. By default, this path is obtained "
 "from 'nginx -V'. If it cannot be obtained or the obtained path does not "
 "point to a valid, existing file, an error will be reported. In this case, "
-"you need to modify the configuration file to specify the error log path."
-"Refer to the docs for more details: https://nginxui.com/zh_CN/guide/config-"
-"nginx.html#errorlogpath"
+"you need to modify the configuration file to specify the error log "
+"path.Refer to the docs for more details: https://nginxui.com/zh_CN/guide/"
+"config-nginx.html#errorlogpath"
 msgstr ""
 "nginxのエラーログのパスが存在するか確認してください。デフォルトでは、このパス"
 "は'nginx -V'から取得されます。取得できない場合、または取得したパスが有効な既"
 "存のファイルを指していない場合、エラーが報告されます。この場合、設定ファイル"
 "を変更してエラーログのパスを指定する必要があります。詳細についてはドキュメン"
-"トを参照してください：https://nginxui.com/zh_CN/guide/config-nginx."
-"html#errorlogpath"
+"トを参照してください：https://nginxui.com/zh_CN/guide/config-"
+"nginx.html#errorlogpath"
 
 #: src/language/generate.ts:10
 msgid ""
@@ -3917,11 +3920,11 @@ msgstr "SDK"
 
 #: src/language/constants.ts:62
 msgid "Search"
-msgstr ""
+msgstr "検索"
 
 #: src/language/constants.ts:61
 msgid "Search module name"
-msgstr ""
+msgstr "検索モジュール名"
 
 #: src/views/preference/components/AuthSettings/TOTP.vue:109
 msgid "Secret has been copied"
@@ -4012,16 +4015,16 @@ msgstr "HTTP01チャレンジプロバイダーの設定"
 
 #: src/constants/errors/nginx_log.ts:8
 msgid ""
-"Settings.NginxLogSettings.AccessLogPath is empty, refer to https://nginxui."
-"com/guide/config-nginx.html for more information"
+"Settings.NginxLogSettings.AccessLogPath is empty, refer to https://"
+"nginxui.com/guide/config-nginx.html for more information"
 msgstr ""
 "Settings.NginxLogSettings.AccessLogPath が空です。詳細については https://"
 "nginxui.com/guide/config-nginx.html を参照してください"
 
 #: src/constants/errors/nginx_log.ts:7
 msgid ""
-"Settings.NginxLogSettings.ErrorLogPath is empty, refer to https://nginxui."
-"com/guide/config-nginx.html for more information"
+"Settings.NginxLogSettings.ErrorLogPath is empty, refer to https://"
+"nginxui.com/guide/config-nginx.html for more information"
 msgstr ""
 "Settings.NginxLogSettings.ErrorLogPath が空です。詳細については、https://"
 "nginxui.com/guide/config-nginx.html を参照してください"
@@ -4506,7 +4509,7 @@ msgid ""
 "After enabling it, you can view performance statistics"
 msgstr ""
 "このモジュールは、Nginxのリクエスト統計、接続数などのデータを提供します。有効"
-"にすると、パフォーマンス統計を表示できます。"
+"にすると、パフォーマンス統計を表示できます"
 
 #: src/views/certificate/components/RemoveCert.vue:103
 msgid ""
@@ -4569,7 +4572,7 @@ msgid ""
 "worker_processes or worker_connections"
 msgstr ""
 "ヒント: worker_processes または worker_connections を増やすことで、並列処理能"
-"力を向上させることができます。"
+"力を向上させることができます"
 
 #: src/views/notification/notificationColumns.tsx:52
 msgid "Title"