IT ランドスケープの概要を作成するために使用できるアプリケーションを作成しています。現在、環境内のインターフェイスとそれらに接続されているアプリケーションを含むテーブルを表示できます。このデータから SVG イメージを作成することもできます。それ自体のデータは、API 呼び出しを介して追加できます。
私は次の方法でプロジェクトを開始しました。
leiningen new luminus versiontracker +h2 +shadow-cljs +kee-frame +swagger +(some other)
ドラッグ アンド ドロップをサポートする SVG ファイルを生成できるようにするために、rid3 をプロジェクトの .clj ファイルに追加しました。
アプリケーションを開発モードで実行すると:
lein repl
と
lein shadow-cljs watch app
生成された SVG ファイル内の任意のアイテムをドラッグできます。円をクリックして、好きな場所にドラッグできます。
ただし、「本番」バージョンを次のように作成すると:
lein uberjar
次に、次を使用してこのアプリケーションを実行します。
java -Dconf=config.edn -jar versiontracker.jar
オブジェクトのドラッグが正しく機能しません。SVG 画像内の単一のオブジェクトではなく、SVG 全体が選択されます。その結果、奇妙なドラッグ アンド ドロップ動作が発生します。
コンソール ウィンドウからイベントを見ると、さまざまな動作が見られます。
- 開発環境で円 (ドラッグ機能が添付されている) をつかむと、sourceEvent の srcElement は、この円の上に表示されるテキストです。円は選択されていませんが、ドラッグは期待どおりに機能します。ドラッグ中は、選択した項目がマウスに追従します。
- 「プロダクション」環境で円をつかむと、sourceEvent の srcElement が完全な svg になります。その結果、奇妙なドラッグ アンド ドロップ動作が発生します。選択したアイテムはマウスに追従しませんが、アイテムは予測できない方法で動き回ります。
Version Trackerに移動して、製品版のタグ V0.3.0 のリリースをダウンロードし (いくつかのサンプル データを含む H2 データベースもあります)、プロジェクトをチェックアウトして開発版と比較します。
どんな助けでも大歓迎です