Skip to content

v2.0.0

Choose a tag to compare

View all tags
@github-actions github-actions released this 26 Jun 09:22
v2.0.0
5e68432

twsnmpfk v2.0.0

English

Major Frontend Stack Upgrade & Svelte 5 Migration

  • Svelte 5 Migration: Upgraded the frontend framework from Svelte 4 to Svelte 5. All components have been migrated to the new reactivity system, using the Svelte 5 $props() and $bindable() syntax.
  • Technology Stack Upgrades: Upgraded major development and runtime dependencies, including Vite 8, Flowbite Svelte v1, Tailwind CSS, and PostCSS.
  • Flowbite Svelte Compatibility: Refactored component properties to align with Flowbite Svelte APIs (e.g., migrating deprecated ulClass to classes in NavUl, and updating Spinner size properties).

DataTables DOM Isolation

  • DOM Isolation: Wrapped all data table elements (<table>) within container <div> blocks inside Svelte slots and Flowbite <TabItem> components. This prevents DataTables' internal DOM injection from deleting or breaking sibling elements (such as ECharts containers).

Layout, Styling & UI Polish

  • System Page Layout: Re-balanced chart and table heights to optimize screen space and ensure action/settings buttons remain visible.
  • OpenTelemetry Report Layout: Resized charts, widened table columns to prevent timestamp line-wrapping, and formatted metric values to 3 decimal places for better readability.
  • Server Control Modal: Re-balanced sizes and margins of status display badges (ACME, SCEP, etc.) for a cleaner design.
  • AI Log Explanation Popup: Optimized code block text styling in markdown overlays, ensuring text is white with no shadow.
  • Responsive Configurations: Adjusted checkbox spacing in various settings views to improve layout responsiveness.

Help Document Redesign

  • Simplified Help Files: Rewrote all English and Japanese help documentation files to use a simplified, table-free, HTML-tag-free manual style with unified button and action labels.

Security & Go Backend Enhancements

  • Vulnerability Mitigations: Upgraded frontend package versions, including esbuild to 0.28.1, to mitigate known vulnerabilities (GHSA-gv7w-rqvm-qjhr).
  • Wails Log Routing: Added a JS log output function to the Go backend (LogFromJS), routing JavaScript logs and errors directly to the Wails terminal output for easier debugging.

日本語

フロントエンドスタックの大幅なアップグレードと Svelte 5 への移行

  • Svelte 5 への移行: フロントエンドフレームワークを Svelte 4 から Svelte 5 にアップグレードしました。すべてのコンポーネントが新しいリアクティビティシステムに移行され、Svelte 5 の $props() や $bindable() 構文を使用するように刷新されました。
  • 技術スタックのアップデート: Vite 8、Flowbite Svelte v1、Tailwind CSS、および PostCSS を含む、主要なビルドツールと依存パッケージを最新バージョンへ更新しました。
  • Flowbite Svelte の互換性向上: Flowbite Svelte の API 変更に対応するため、コンポーネントのプロパティを修正しました（非推奨となった NavUl の ulClass から classes への移行、および Spinner の size プロパティの更新など）。

DataTables DOM 操作の分離

  • DOM操作の干渉回避: Flowbite の <TabItem> や Svelte のスロット内で DataTables（データテーブル）を使用する際、<table> 要素を必ず <div> で囲むように実装を変更しました。これにより、DataTables の内部的な DOM 挿入処理が ECharts などの兄弟コンテナ要素を破壊・非表示化してしまう問題を解消しました。

レイアウト、デザインおよび UI のブラッシュアップ

  • システムページのレイアウト最適化: チャートとテーブルの高さを再設計・調整し、設定ボタンや操作ボタンなどの重要な要素が画面外に隠れることなく正しく表示されるようにレイアウトを最適化しました。
  • OpenTelemetry レポートの改善: グラフの表示高さを縮小して画面スペースを有効活用し、タイムスタンプが改行されないようテーブルの列幅を広げました。また、数値を小数点以下3桁に統一フォーマットして視認性を向上させました。
  • サーバー制御ダイアログ: ACME および SCEP サーバーのステータスバッジの余白と高さを調整し、より自然で統一感のある表示バランスに改善しました。
  • AI ログ解説ポップアップ: markdown 内の code block（ソースコード表示部）のテキスト色を白にし、不要なテキストシャドウ（影）を削除してフォントの視認性を改善しました。
  • レスポンシブ動作の改善: 各種ログ設定（Syslog、NetFlow など）のチェックボックスの間隔をレスポンシブ表示に合わせて最適化しました。

ヘルプドキュメントの簡素化・刷新

  • シンプルなマニュアルスタイルへ変更: 日英両方のヘルプ用 markdown ファイルをすべて書き換え、HTML テーブルや複雑な HTML タグを使わないシンプルな文書構造に刷新し、ボタンやアクションの表記を統一しました。

セキュリティおよび Go バックエンドの強化

  • 脆弱性の修正: フロントエンドの依存パッケージを監査・更新し、esbuild を 0.28.1 へアップグレードして脆弱性（GHSA-gv7w-rqvm-qjhr）への対策を行いました。
  • Wails ログルーティング機能の追加: フロントエンドの JavaScript エラーやログ出力を Go バックエンド経由で Wails のターミナル出力に直接転送する LogFromJS 関数を実装し、デバッグを容易にしました。

Full Changelog: v1.35.0...v2.0.0

Assets 5
Loading