10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.VisNetwork/VisEdgeBackground.cs:
--------------------------------------------------------------------------------
1 | using System.Text.Json.Serialization;
2 |
3 | namespace SpawnDev.BlazorJS.VisNetwork
4 | {
5 | public class VisEdgeBackground
6 | {
7 | [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
8 | public bool? Enabled { get; set; }
9 |
10 | [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
11 | public string? Color { get; set; }
12 |
13 | [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
14 | public int? Size { get; set; }
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.VisNetwork.Demo/Program.cs:
--------------------------------------------------------------------------------
1 | using Microsoft.AspNetCore.Components.Web;
2 | using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
3 | using SpawnDev.BlazorJS;
4 | using SpawnDev.BlazorJS.VisNetwork.Demo;
5 |
6 | var builder = WebAssemblyHostBuilder.CreateDefault(args);
7 | builder.RootComponents.Add("#app");
8 | builder.RootComponents.Add("head::after");
9 | builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
10 | builder.Services.AddBlazorJSRuntime();
11 | await builder.Build().RunAsync();
12 |
--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.VisNetwork.Demo/SpawnDev.BlazorJS.VisNetwork.Demo.csproj:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | net8.0
5 | enable
6 | enable
7 | false
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.VisNetwork.Demo/wwwroot/github-mark-white.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/LICENSE.txt:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) [year] [fullname]
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.VisNetwork.Demo/wwwroot/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | SpawnDev.BlazorJS.VisNetwork.Demo
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
21 |
22 |
23 |
24 |
25 | An unhandled error has occurred.
26 | Reload
27 | 🗙
28 |
29 |
30 |
31 |
32 |
33 |
--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.VisNetwork/VisEdgeArrows.cs:
--------------------------------------------------------------------------------
1 | using System.Text.Json.Serialization;
2 |
3 | namespace SpawnDev.BlazorJS.VisNetwork
4 | {
5 | ///
6 | /// VisEdge arrows options
7 | ///
8 | public class VisEdgeArrows
9 | {
10 | ///
11 | /// When true, an arrowhead on the 'to' side of the edge is drawn, pointing to the 'to' node with default settings. To customize the size of the arrow, supply an object.
12 | ///
13 | [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
14 | public VisEdgeArrowOptions? To { get; set; }
15 | ///
16 | /// Similar to the 'to' object, but with an arrowhead in the center of the edge. The direction of the arrow can be flipped by using a negative value for arrows.middle.scaleFactor.
17 | ///
18 | [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
19 | public VisEdgeArrowOptions? Middle { get; set; }
20 | ///
21 | /// Exactly the same as the to object but with an arrowhead at the from node of the edge.
22 | ///
23 | [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
24 | public VisEdgeArrowOptions? From { get; set; }
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.VisNetwork/NodeDataSet.cs:
--------------------------------------------------------------------------------
1 | using Microsoft.JSInterop;
2 | using SpawnDev.BlazorJS;
3 | using System.Text.Json.Serialization;
4 |
5 | namespace SpawnDev.BlazorJS.VisNetwork
6 | {
7 | //public class NodeDataSet : JSObject
8 | //{
9 | // public NodeDataSet(IJSInProcessObjectReference _ref) : base(_ref) { }
10 | // public NodeDataSet(List nodes) : base(JS.New("vis.DataSet", nodes)) { }
11 | // public NodeDataSet() : base(JS.New("vis.DataSet", new List())) { }
12 | // public List GetIds() => JSRef.Call>("getIds");
13 | // public void Clear() => JSRef.CallVoid("clear");
14 | // public List Add(VisNode node) => JSRef.Call>("add", node);
15 | // public List Add(List nodes) => JSRef.Call>("add", nodes);
16 | // public List Update(VisNode node) => JSRef.Call>("update", node);
17 | // public List Update(List nodes) => JSRef.Call>("update", nodes);
18 | // public List Remove(List ids) => JSRef.Call>("remove", ids);
19 | // public List Remove(string id) => JSRef.Call>("remove", id);
20 | // public VisNode? Get(string id) => JSRef.Call("get", id);
21 | //}
22 | }
23 |
--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.VisNetwork.Demo/Pages/Home.razor:
--------------------------------------------------------------------------------
1 | @page "/"
2 |
3 |
4 |
5 |
SpawnDev.BlazorJS.VisNetwork
6 |
7 |
8 |
9 |
10 |
11 |
12 | @code {
13 | bool firstUpdate = true;
14 | void OnNetVisReady(VisNetworkView visNetwork)
15 | {
16 | visNetwork.Nodes!.Add(new List
17 | {
18 | new VisNode{ Id = "1", Label = "Node 1" },
19 | new VisNode{ Id = "2", Label = "Node 2" },
20 | new VisNode{ Id = "3", Label = "Node 3" },
21 | new VisNode{ Id = "4", Label = "Node 4" },
22 | new VisNode{ Id = "5", Label = "Node 5" },
23 | });
24 | visNetwork.Edges!.Add(new List
25 | {
26 | new VisEdge{ From = "1", To = "3" },
27 | new VisEdge{ From = "1", To = "2" },
28 | new VisEdge{ From = "2", To = "4" },
29 | new VisEdge{ From = "2", To = "5" },
30 | new VisEdge{ From = "3", To = "5" },
31 | });
32 | }
33 | }
--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.VisNetwork/EdgeDataSet.cs:
--------------------------------------------------------------------------------
1 | using Microsoft.JSInterop;
2 | using SpawnDev.BlazorJS;
3 | using System.Text.Json.Serialization;
4 |
5 | namespace SpawnDev.BlazorJS.VisNetwork
6 | {
7 |
8 | public class EdgeDataSet : JSObject
9 | {
10 | public VisEdge this[string id]
11 | {
12 | get => Get(id);
13 | }
14 | public EdgeDataSet(IJSInProcessObjectReference _ref) : base(_ref) { }
15 | public EdgeDataSet(List edges) : base(JS.New("vis.DataSet", edges)) { }
16 | public EdgeDataSet() : base(JS.New("vis.DataSet", new List())) { }
17 | public List GetIds() => JSRef.Call>("getIds");
18 | public void Clear() => JSRef.CallVoid("clear");
19 | public List Add(VisEdge edge) => JSRef.Call>("add", edge);
20 | public List Add(List edges) => JSRef.Call>("add", edges);
21 | public List Update(VisEdge edge) => JSRef.Call>("update", edge);
22 | public List Update(List edges) => JSRef.Call>("update", edges);
23 | public List Remove(List ids) => JSRef.Call>("remove", ids);
24 | public List Remove(string id) => JSRef.Call>("remove", id);
25 | public VisEdge Get(string id) => JSRef.Call("get", id);
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.VisNetwork.Demo/Layout/NavMenu.razor:
--------------------------------------------------------------------------------
1 |