From 71da2dd6a237394745f0b0e03b360a3e2c1e05de Mon Sep 17 00:00:00 2001
From: Michael Mainguy <mike.mainguy@gmail.com>
Date: Fri, 23 Aug 2024 10:25:26 -0500
Subject: [PATCH] chnaged preview to match current connection style.

---
 src/menus/connectionPreview.ts | 26 +++++++++++++++++++++-----
 1 file changed, 21 insertions(+), 5 deletions(-)

diff --git a/src/menus/connectionPreview.ts b/src/menus/connectionPreview.ts
index 688d68e..d62ca31 100644
--- a/src/menus/connectionPreview.ts
+++ b/src/menus/connectionPreview.ts
@@ -1,11 +1,14 @@
 import {
     AbstractMesh,
-    LinesMesh,
+    CreateGreasedLine,
+    GreasedLineMesh,
+    GreasedLineMeshColorMode,
     MeshBuilder,
     Observable,
     Observer,
     Ray,
     Scene,
+    StandardMaterial,
     TransformNode,
     Vector3,
     WebXRInputSource
@@ -13,12 +16,13 @@ import {
 import {DefaultScene} from "../defaultScene";
 import {DiagramEvent, DiagramEventType, DiagramTemplates} from "../diagram/types/diagramEntity";
 import {DiagramEventObserverMask} from "../diagram/types/diagramEventObserverMask";
+import {AnimatedLineTexture} from "../util/animatedLineTexture";
 
 export class ConnectionPreview {
     private _fromPoint: Vector3;
     private _fromId: string;
     private _renderObserver: Observer<Scene>;
-    private _line: LinesMesh;
+    private _line: GreasedLineMesh;
     private _parent: TransformNode;
     private _transform: TransformNode;
     private _options: any;
@@ -62,11 +66,23 @@ export class ConnectionPreview {
                     useAlphaForLines: false,
                 };
             }
-            this._line = MeshBuilder.CreateLines("connectionPreview", this._options, this._scene);
-            this._options.instance = this._line;
+            this._line = CreateGreasedLine("connectionPreview", this._options, {
+                width: .02,
+                colorMode: GreasedLineMeshColorMode.COLOR_MODE_MULTIPLY
+            }, this._scene) as GreasedLineMesh;
+            const material = (this._line.material as StandardMaterial);
+            material.emissiveTexture = AnimatedLineTexture.Texture();
+            material.opacityTexture = AnimatedLineTexture.Texture();
+            material.disableLighting = true;
+            //this._options.instance = this._line;
+
             this._renderObserver = this._scene.onBeforeRenderObservable.add(() => {
                 this._options.points[1] = this._transform.absolutePosition;
-                this._line = MeshBuilder.CreateLines("connectionPreview", this._options);
+                const pts = this._options.points.flatMap((p: Vector3) => {
+                    return p.asArray()
+                });
+                console.log(pts);
+                this._line.setPoints([pts]);
             });
         }
     }