From 1c61c2f8f512d1fbee2398b52ed3fff85bbbf527 Mon Sep 17 00:00:00 2001
From: Anatoliy Siryi <hmG3@users.noreply.github.com>
Date: Wed, 13 Mar 2024 13:48:48 +0200
Subject: [PATCH] Refactor demo app to fix analyzer issues

---
 src/TaTooIne.Demo/App.razor                   |   2 +-
 .../DemoIndicators/IndicatorChart.razor       |  15 ---
 .../DemoIndicators/IndicatorChart.razor.cs    |  21 ++++
 .../DemoIndicators/IndicatorData.razor        |  59 +++------
 .../DemoIndicators/IndicatorData.razor.cs     |  39 ++++++
 .../DemoIndicators/IndicatorsIndex.razor      |  37 ++----
 .../DemoIndicators/IndicatorsIndex.razor.cs   |  31 +++++
 src/TaTooIne.Demo/Models/CalculatedState.cs   |  19 ++-
 src/TaTooIne.Demo/Models/Candle.cs            |  19 ++-
 src/TaTooIne.Demo/Models/CandleCsvMapping.cs  |  26 ++--
 src/TaTooIne.Demo/Models/Line.cs              |  11 +-
 .../Models/SpecifiedKindDateTimeConverter.cs  |  72 +++++------
 src/TaTooIne.Demo/Pages/Demo.razor            | 119 +-----------------
 src/TaTooIne.Demo/Pages/Demo.razor.cs         | 119 ++++++++++++++++++
 .../Properties/launchSettings.json            |   9 +-
 src/TaTooIne.Demo/Shared/NavMenu.razor        |  28 +----
 src/TaTooIne.Demo/Shared/NavMenu.razor.cs     |  22 ++++
 src/TaTooIne.Demo/TaTooIne.Demo.csproj        |   3 +-
 .../wwwroot/_ts/SiteJsInterop.ts              | 117 ++++++++---------
 src/TaTooIne.Demo/wwwroot/package.json        |   3 +-
 src/TaTooIne.Demo/wwwroot/yarn.lock           |   5 -
 21 files changed, 384 insertions(+), 392 deletions(-)
 create mode 100644 src/TaTooIne.Demo/DemoIndicators/IndicatorChart.razor.cs
 create mode 100644 src/TaTooIne.Demo/DemoIndicators/IndicatorData.razor.cs
 create mode 100644 src/TaTooIne.Demo/DemoIndicators/IndicatorsIndex.razor.cs
 create mode 100644 src/TaTooIne.Demo/Pages/Demo.razor.cs
 create mode 100644 src/TaTooIne.Demo/Shared/NavMenu.razor.cs

diff --git a/src/TaTooIne.Demo/App.razor b/src/TaTooIne.Demo/App.razor
index 37a2310..d467476 100644
--- a/src/TaTooIne.Demo/App.razor
+++ b/src/TaTooIne.Demo/App.razor
@@ -9,4 +9,4 @@
             <p role="alert">Sorry, there's nothing at this address.</p>
         </LayoutView>
     </NotFound>
-</Router>
\ No newline at end of file
+</Router>
diff --git a/src/TaTooIne.Demo/DemoIndicators/IndicatorChart.razor b/src/TaTooIne.Demo/DemoIndicators/IndicatorChart.razor
index ae13d27..cac773c 100644
--- a/src/TaTooIne.Demo/DemoIndicators/IndicatorChart.razor
+++ b/src/TaTooIne.Demo/DemoIndicators/IndicatorChart.razor
@@ -2,18 +2,3 @@
 @inject IJSRuntime JsRuntime
 
 <section id="chart" @ref="_chartCanvas"></section>
-
-@code {
-    private ElementReference _chartCanvas;
-
-    [Parameter]
-    public Function Function { get; set; }
-
-    protected override async Task OnAfterRenderAsync(bool firstRender)
-    {
-        if (firstRender)
-        {
-            await JsRuntime.InvokeVoidAsync("SiteJsInterop.setupChart", _chartCanvas);
-        }
-    }
-}
\ No newline at end of file
diff --git a/src/TaTooIne.Demo/DemoIndicators/IndicatorChart.razor.cs b/src/TaTooIne.Demo/DemoIndicators/IndicatorChart.razor.cs
new file mode 100644
index 0000000..38cba7d
--- /dev/null
+++ b/src/TaTooIne.Demo/DemoIndicators/IndicatorChart.razor.cs
@@ -0,0 +1,21 @@
+using Microsoft.AspNetCore.Components;
+using Microsoft.JSInterop;
+using TALib;
+
+namespace TaTooIne.Demo.DemoIndicators;
+
+public partial class IndicatorChart
+{
+    private ElementReference _chartCanvas;
+
+    [Parameter]
+    public required Function Function { get; set; }
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender)
+        {
+            await JsRuntime.InvokeVoidAsync("SiteJsInterop.setupChart", _chartCanvas);
+        }
+    }
+}
diff --git a/src/TaTooIne.Demo/DemoIndicators/IndicatorData.razor b/src/TaTooIne.Demo/DemoIndicators/IndicatorData.razor
index f45440b..1725230 100644
--- a/src/TaTooIne.Demo/DemoIndicators/IndicatorData.razor
+++ b/src/TaTooIne.Demo/DemoIndicators/IndicatorData.razor
@@ -3,7 +3,9 @@
 <section id="calculation">
     @if (State == null)
     {
-        <p><em>Loading...</em></p>
+        <p>
+            <em>Loading...</em>
+        </p>
     }
     else
     {
@@ -23,47 +25,22 @@
             </tr>
             </thead>
             <tbody>
-                @foreach (var row in _transposedState)
-                {
-                    <tr>
-                        <td>@row.First().Time.ToShortDateString()</td>
-                        @foreach (var cell in row)
-                        {
-                            <td>
-                                @if (cell != null)
-                                {
-                                    @($"{cell.Value:F2}")
-                                }
-                            </td>
-                        }
-                    </tr>
-                }
+            @foreach (var row in _transposedState)
+            {
+                <tr>
+                    <td>@row.First().Time.ToShortDateString()</td>
+                    @foreach (var cell in row)
+                    {
+                        <td>
+                            @if (cell != null)
+                            {
+                                @($"{cell.Value:F2}")
+                            }
+                        </td>
+                    }
+                </tr>
+            }
             </tbody>
         </table>
     }
 </section>
-
-@code {
-    [Parameter]
-    public CalculatedState State { get; set; }
-
-    private IEnumerable<IEnumerable<Line>> _transposedState;
-
-    protected override void OnParametersSet()
-    {
-        if (State != null)
-        {
-            _transposedState = Transpose(State.InputValues.Concat(State.OutputValues));
-        }
-    }
-
-    private static IEnumerable<IEnumerable<T>> Transpose<T>(IEnumerable<IEnumerable<T>> @this)
-    {
-        var enumerators = @this.Select(t => t.GetEnumerator()).Where(e => e.MoveNext());
-
-        while (enumerators.Any()) {
-            yield return enumerators.Select(e => e.Current);
-            enumerators = enumerators.Where(e => e.MoveNext());
-        }
-    }
-}
diff --git a/src/TaTooIne.Demo/DemoIndicators/IndicatorData.razor.cs b/src/TaTooIne.Demo/DemoIndicators/IndicatorData.razor.cs
new file mode 100644
index 0000000..887fe21
--- /dev/null
+++ b/src/TaTooIne.Demo/DemoIndicators/IndicatorData.razor.cs
@@ -0,0 +1,39 @@
+using Microsoft.AspNetCore.Components;
+using TaTooIne.Demo.Models;
+
+namespace TaTooIne.Demo.DemoIndicators;
+
+public partial class IndicatorData
+{
+    [Parameter]
+    public CalculatedState? State { get; set; }
+
+    private IEnumerable<IEnumerable<Line?>> _transposedState = null!;
+
+    protected override void OnParametersSet()
+    {
+        if (State != null)
+        {
+            _transposedState = Transpose(State.InputValues.Concat(State.OutputValues));
+        }
+    }
+
+    private static IEnumerable<IEnumerable<T?>> Transpose<T>(IEnumerable<IEnumerable<T?>> source)
+    {
+        // ReSharper disable once NotDisposedResourceIsReturned
+        var enumerators = source.Select(e => e.GetEnumerator()).Where(e => e.MoveNext()).ToList();
+
+        try
+        {
+            while (enumerators.Count != 0)
+            {
+                yield return enumerators.Select(e => e.Current);
+                enumerators = enumerators.Where(e => e.MoveNext()).ToList();
+            }
+        }
+        finally
+        {
+            enumerators.ForEach(e => e.Dispose());
+        }
+    }
+}
diff --git a/src/TaTooIne.Demo/DemoIndicators/IndicatorsIndex.razor b/src/TaTooIne.Demo/DemoIndicators/IndicatorsIndex.razor
index 4496cf5..637541d 100644
--- a/src/TaTooIne.Demo/DemoIndicators/IndicatorsIndex.razor
+++ b/src/TaTooIne.Demo/DemoIndicators/IndicatorsIndex.razor
@@ -9,14 +9,14 @@
         </button>
         <div class="docs-toc-wrap">
             <ul id="docs-toc" class="docs-toc">
-                @for (var i = 0; i < _groups.Capacity; i++)
+                @for (var i = 0; i < _groups.Count - 1; i++)
                 {
-                    var closureI = i;
-                    <li class="toc-item has-children @NavMenuCssClass(closureI)">
-                        <button type="button" class="button-icon" @onclick="() => ToggleActive(closureI)">
+                    var localI = i;
+                    <li class="toc-item has-children @NavMenuCssClass(localI)">
+                        <button type="button" class="button-icon" @onclick="() => ToggleActive(localI)">
                             @_groups[i].Key
                         </button>
-                        <button type="button" class="submenu-toggle" @onclick="() => ToggleActive(closureI)">
+                        <button type="button" class="submenu-toggle" @onclick="() => ToggleActive(localI)">
                             <span class="screen-reader-text">Submenu</span>
                             <span class="icon-angle-right" aria-hidden="true"></span>
                         </button>
@@ -24,7 +24,9 @@
                             @foreach (var ind in _groups[i])
                             {
                                 <li class="toc-item">
-                                    <button type="button" class="button-icon" @onclick="() => OnIndicatorSelect.InvokeAsync(ind)" @onclick:stopPropagation="true">
+                                    <button type="button" class="button-icon"
+                                            @onclick="() => OnIndicatorSelect.InvokeAsync(ind)"
+                                            @onclick:stopPropagation="true">
                                         @ind.Name
                                     </button>
                                 </li>
@@ -36,26 +38,3 @@
         </div>
     </div>
 </nav>
-
-@code {
-    private bool _navMenuOpened;
-    private List<IGrouping<string, Function>> _groups;
-    private int ActiveGroupId { get; set; } = -1;
-
-    [Parameter] public EventCallback<Function> OnIndicatorSelect { get; set; }
-
-    protected override void OnInitialized()
-    {
-        _groups = new Functions().Where(g => g.Group != "Math Transform").GroupBy(f => f.Group).ToList();
-    }
-
-    private string NavMenuCssClass(int groupId) => ActiveGroupId == groupId ? "active" : null;
-
-    private void ToggleActive(int groupId) => ActiveGroupId = ActiveGroupId == groupId ? -1 : groupId;
-
-    private async Task ToggleNavMenuAsync()
-    {
-        _navMenuOpened = !_navMenuOpened;
-        await JsRuntime.InvokeVoidAsync("SiteJsInterop.collapseNavMenu", _navMenuOpened, "toc");
-    }
-}
diff --git a/src/TaTooIne.Demo/DemoIndicators/IndicatorsIndex.razor.cs b/src/TaTooIne.Demo/DemoIndicators/IndicatorsIndex.razor.cs
new file mode 100644
index 0000000..9fd5ba0
--- /dev/null
+++ b/src/TaTooIne.Demo/DemoIndicators/IndicatorsIndex.razor.cs
@@ -0,0 +1,31 @@
+using Microsoft.AspNetCore.Components;
+using Microsoft.JSInterop;
+using TALib;
+
+namespace TaTooIne.Demo.DemoIndicators;
+
+public partial class IndicatorsIndex
+{
+    private bool _navMenuOpened;
+    private List<IGrouping<string, Function>> _groups = null!;
+
+    private int ActiveGroupId { get; set; } = -1;
+
+    [Parameter]
+    public EventCallback<Function> OnIndicatorSelect { get; set; }
+
+    protected override void OnInitialized()
+    {
+        _groups = Functions.All.Where(g => g.Group != "Math Transform").GroupBy(f => f.Group).ToList();
+    }
+
+    private string? NavMenuCssClass(int groupId) => ActiveGroupId == groupId ? "active" : null;
+
+    private void ToggleActive(int groupId) => ActiveGroupId = ActiveGroupId == groupId ? -1 : groupId;
+
+    private async Task ToggleNavMenuAsync()
+    {
+        _navMenuOpened = !_navMenuOpened;
+        await JsRuntime.InvokeVoidAsync("SiteJsInterop.collapseNavMenu", _navMenuOpened, "toc");
+    }
+}
diff --git a/src/TaTooIne.Demo/Models/CalculatedState.cs b/src/TaTooIne.Demo/Models/CalculatedState.cs
index 932d57a..44a8588 100644
--- a/src/TaTooIne.Demo/Models/CalculatedState.cs
+++ b/src/TaTooIne.Demo/Models/CalculatedState.cs
@@ -1,17 +1,14 @@
-using System.Collections.Generic;
+namespace TaTooIne.Demo.Models;
 
-namespace TaTooIne.Demo.Models
+public sealed class CalculatedState
 {
-    public class CalculatedState
-    {
-        public string FuncDescription { get; set; }
+    public required string FuncDescription { get; init; }
 
-        public IReadOnlyCollection<string> InputNames { get; set; }
+    public required IReadOnlyCollection<string> InputNames { get; init; }
 
-        public IReadOnlyCollection<string> OutputNames { get; set; }
+    public required IReadOnlyCollection<string> OutputNames { get; init; }
 
-        public IReadOnlyCollection<IReadOnlyCollection<Line>> InputValues { get; set; }
+    public required IReadOnlyCollection<IReadOnlyCollection<Line?>> InputValues { get; init; }
 
-        public IReadOnlyCollection<IReadOnlyCollection<Line>> OutputValues { get; set; }
-    }
-}
\ No newline at end of file
+    public required List<List<Line?>> OutputValues { get; init; }
+}
diff --git a/src/TaTooIne.Demo/Models/Candle.cs b/src/TaTooIne.Demo/Models/Candle.cs
index f92ca1f..32f06d1 100644
--- a/src/TaTooIne.Demo/Models/Candle.cs
+++ b/src/TaTooIne.Demo/Models/Candle.cs
@@ -1,19 +1,16 @@
-using System;
+namespace TaTooIne.Demo.Models;
 
-namespace TaTooIne.Demo.Models
+public sealed class Candle
 {
-    public sealed class Candle
-    {
-        public DateTime Time { get; set; }
+    public DateTime Time { get; init; }
 
-        public decimal Open { get; set; }
+    public double Open { get; init; }
 
-        public decimal High { get; set; }
+    public double High { get; init; }
 
-        public decimal Low { get; set; }
+    public double Low { get; init; }
 
-        public decimal Close { get; set; }
+    public double Close { get; init; }
 
-        public decimal Volume { get; set; }
-    }
+    public double Volume { get; init; }
 }
diff --git a/src/TaTooIne.Demo/Models/CandleCsvMapping.cs b/src/TaTooIne.Demo/Models/CandleCsvMapping.cs
index 4154dd0..89b67b5 100644
--- a/src/TaTooIne.Demo/Models/CandleCsvMapping.cs
+++ b/src/TaTooIne.Demo/Models/CandleCsvMapping.cs
@@ -1,18 +1,16 @@
-using System;
-using TinyCsvParser.Mapping;
+using TinyCsvParser.Mapping;
 
-namespace TaTooIne.Demo.Models
+namespace TaTooIne.Demo.Models;
+
+public class CandleCsvMapping : CsvMapping<Candle>
 {
-    public class CandleCsvMapping : CsvMapping<Candle>
+    public CandleCsvMapping()
     {
-        public CandleCsvMapping()
-        {
-            MapProperty(0, x => x.Time, new SpecifiedKindDateTimeConverter(DateTimeKind.Utc));
-            MapProperty(1, x => x.Open);
-            MapProperty(2, x => x.High);
-            MapProperty(3, x => x.Low);
-            MapProperty(4, x => x.Close);
-            MapProperty(5, x => x.Volume);
-        }
+        MapProperty(0, x => x.Time, new SpecifiedKindDateTimeConverter(DateTimeKind.Utc));
+        MapProperty(1, x => x.Open);
+        MapProperty(2, x => x.High);
+        MapProperty(3, x => x.Low);
+        MapProperty(4, x => x.Close);
+        MapProperty(5, x => x.Volume);
     }
-}
\ No newline at end of file
+}
diff --git a/src/TaTooIne.Demo/Models/Line.cs b/src/TaTooIne.Demo/Models/Line.cs
index d5bca45..65a5c5f 100644
--- a/src/TaTooIne.Demo/Models/Line.cs
+++ b/src/TaTooIne.Demo/Models/Line.cs
@@ -1,11 +1,8 @@
-using System;
+namespace TaTooIne.Demo.Models;
 
-namespace TaTooIne.Demo.Models
+public sealed record Line
 {
-    public sealed class Line
-    {
-        public DateTime Time { get; set; }
+    public required DateTime Time { get; init; }
 
-        public decimal Value { get; set; }
-    }
+    public required double Value { get; init; }
 }
diff --git a/src/TaTooIne.Demo/Models/SpecifiedKindDateTimeConverter.cs b/src/TaTooIne.Demo/Models/SpecifiedKindDateTimeConverter.cs
index 368c2c5..accdadb 100644
--- a/src/TaTooIne.Demo/Models/SpecifiedKindDateTimeConverter.cs
+++ b/src/TaTooIne.Demo/Models/SpecifiedKindDateTimeConverter.cs
@@ -1,50 +1,46 @@
-using System;
-using System.Globalization;
+using System.Globalization;
 using TinyCsvParser.TypeConverter;
 
-namespace TaTooIne.Demo.Models
-{
-    public class SpecifiedKindDateTimeConverter : ITypeConverter<DateTime>
-    {
-        private readonly DateTimeKind _dateTimeKind;
-
-        private readonly DateTimeConverter _dateTimeConverter;
+namespace TaTooIne.Demo.Models;
 
-        public SpecifiedKindDateTimeConverter(DateTimeKind dateTimeKind)
-            : this(string.Empty, dateTimeKind)
-        {
-        }
+public class SpecifiedKindDateTimeConverter(
+    string dateTimeFormat,
+    IFormatProvider formatProvider,
+    DateTimeStyles dateTimeStyles,
+    DateTimeKind dateTimeKind)
+    : ITypeConverter<DateTime>
+{
+    private readonly DateTimeConverter _dateTimeConverter = new(dateTimeFormat, formatProvider, dateTimeStyles);
 
-        public SpecifiedKindDateTimeConverter(string dateTimeFormat, DateTimeKind dateTimeKind)
-            : this(dateTimeFormat, CultureInfo.InvariantCulture, dateTimeKind)
-        {
-        }
+    public SpecifiedKindDateTimeConverter(DateTimeKind dateTimeKind)
+        : this(String.Empty, dateTimeKind)
+    {
+    }
 
-        public SpecifiedKindDateTimeConverter(string dateTimeFormat, IFormatProvider formatProvider,
-            DateTimeKind dateTimeKind)
-            : this(dateTimeFormat, formatProvider, DateTimeStyles.None, dateTimeKind)
-        {
-        }
+    public SpecifiedKindDateTimeConverter(string dateTimeFormat, DateTimeKind dateTimeKind)
+        : this(dateTimeFormat, CultureInfo.InvariantCulture, dateTimeKind)
+    {
+    }
 
-        public SpecifiedKindDateTimeConverter(string dateTimeFormat, IFormatProvider formatProvider,
-            DateTimeStyles dateTimeStyles, DateTimeKind dateTimeKind)
-        {
-            _dateTimeConverter = new DateTimeConverter(dateTimeFormat, formatProvider, dateTimeStyles);
-            _dateTimeKind = dateTimeKind;
-        }
+    public SpecifiedKindDateTimeConverter(
+        string dateTimeFormat,
+        IFormatProvider formatProvider,
+        DateTimeKind dateTimeKind)
+        : this(dateTimeFormat, formatProvider, DateTimeStyles.None, dateTimeKind)
+    {
+    }
 
-        public bool TryConvert(string value, out DateTime result)
+    public bool TryConvert(string value, out DateTime result)
+    {
+        if (_dateTimeConverter.TryConvert(value, out result))
         {
-            if (_dateTimeConverter.TryConvert(value, out result))
-            {
-                result = DateTime.SpecifyKind(result, _dateTimeKind);
+            result = DateTime.SpecifyKind(result, dateTimeKind);
 
-                return true;
-            }
-
-            return false;
+            return true;
         }
 
-        public Type TargetType => typeof(DateTime);
+        return false;
     }
-}
\ No newline at end of file
+
+    public Type TargetType => typeof(DateTime);
+}
diff --git a/src/TaTooIne.Demo/Pages/Demo.razor b/src/TaTooIne.Demo/Pages/Demo.razor
index 304bcbe..f954afa 100644
--- a/src/TaTooIne.Demo/Pages/Demo.razor
+++ b/src/TaTooIne.Demo/Pages/Demo.razor
@@ -1,16 +1,10 @@
 @page "/demo"
-@using TALib
-@using TaTooIne.Demo.Models
-@using TinyCsvParser
-@using System.Text
-@using System.Linq.Expressions
-@using JetBrains.Annotations
 @inject IJSRuntime JsRuntime
 @inject HttpClient Http
 
 <div class="inner outer">
     <div class="docs-content">
-        <IndicatorsIndex OnIndicatorSelect="CalculateExample" />
+        <IndicatorsIndex OnIndicatorSelect="CalculateExample"/>
         <article class="post type-docs">
             <div class="post-inside">
                 <header class="post-header">
@@ -18,118 +12,11 @@
                 </header>
                 <div class="post-content">
                     <h2>Chart</h2>
-                    <IndicatorChart />
+                    <IndicatorChart/>
                     <h2>Example calculation</h2>
-                    <IndicatorData State="_state" />
+                    <IndicatorData State="_state"/>
                 </div>
             </div>
         </article>
     </div>
 </div>
-
-@code {
-    private ICollection<Candle> _sampleData;
-    [UsedImplicitly] private CalculatedState _state;
-
-    protected override async Task OnInitializedAsync()
-    {
-        var csvParser = new CsvParser<Candle>(new CsvParserOptions(true, ';', 1, true), new CandleCsvMapping());
-
-        var fileStream = await Http.GetStreamAsync("sample-data/AAPL.csv");
-        var fileRecords = csvParser.ReadFromStream(fileStream, Encoding.UTF8);
-
-        _sampleData = fileRecords.Select(x => x.Result).ToList();
-    }
-
-    [UsedImplicitly]
-    private async Task CalculateExample(Function function)
-    {
-        var functionInputs = new decimal[function.Inputs.Length][];
-        var functionInputNames = new string[function.Inputs.Length];
-        var functionOutputNames = new string[function.Outputs.Length];
-        for (var i = 0; i < function.Inputs.Length; i++)
-        {
-            functionInputNames[i] = function.Inputs[i] == "Real"
-                ? i == 0 ? nameof(Candle.Close) : nameof(Candle.Open)
-                : function.Inputs[i];
-        }
-        for (var i = 0; i < function.Outputs.Length; i++)
-        {
-            functionOutputNames[i] = function.Outputs[i] == "Real" ? function.Name : function.Outputs[i];
-        }
-
-        var inputLines = new Dictionary<string, Line[]>();
-        for (var i = 0; i < functionInputNames.Length; i++)
-        {
-            var c = Expression.Parameter(typeof(Candle), "c");
-            var timeBinding = Expression.Bind(
-                typeof(Line).GetProperty(nameof(Line.Time))!,
-                Expression.Property(c, nameof(Candle.Time))
-            );
-            var valueBinding = Expression.Bind(
-                typeof(Line).GetProperty(nameof(Line.Value))!,
-                Expression.Property(c, functionInputNames[i])
-            );
-            var lineClassInit = Expression.MemberInit(Expression.New(typeof(Line)), timeBinding, valueBinding);
-            var lineLambda = Expression.Lambda<Func<Candle, Line>>(lineClassInit, c);
-
-            inputLines[functionInputNames[i]] = _sampleData.Select(lineLambda.Compile()).ToArray();
-            functionInputs[i] = inputLines[functionInputNames[i]].Select(l => l.Value).ToArray();
-        }
-
-        var inputOffset = function.Lookback();
-        var outputLength = functionInputs[0].Length - inputOffset;
-        var functionOutputs = new decimal[function.Outputs.Length][];
-        for (var i = 0; i < functionOutputs.Length; i++)
-        {
-            functionOutputs[i] = new decimal[outputLength];
-        }
-
-        function.Run(functionInputs, Array.Empty<decimal>(), functionOutputs);
-
-        var outputLines = functionOutputs.Zip(Enumerable.Repeat(inputLines.Values.ElementAt(0).Skip(inputOffset).ToList(), functionOutputs.Length), (lines, decimals) =>
-        {
-            return decimals.Zip(lines, (l, d) => new Line
-            {
-                Time = l.Time,
-                Value = d
-            }).ToList();
-        }).ToList();
-
-        var outputLineValues = outputLines.Select(lines => Enumerable.Repeat<Line>(null, inputOffset).Concat(lines).ToList()).ToList();
-
-        _state = new CalculatedState
-        {
-            FuncDescription = function.Description,
-            InputNames = inputLines.Keys,
-            OutputNames = functionOutputNames,
-            InputValues = inputLines.Values.ToList(),
-            OutputValues = outputLineValues
-        };
-
-        object data = function.Group switch
-        {
-            "Overlap Studies" => new
-            {
-                Candle = _sampleData,
-                OverlayLines = outputLines
-            },
-            "Volume Indicators" => new
-            {
-                Volume = _sampleData.Select(c => new Line
-                {
-                    Time = c.Time,
-                    Value = c.Volume
-                }).ToList(),
-                OverlayLines = outputLines
-            },
-            _ => new
-            {
-                Candle = _sampleData,
-                ValueLines = outputLines
-            }
-        };
-
-        await JsRuntime.InvokeVoidAsync("SiteJsInterop.setChartData", function.Name, data);
-    }
-}
diff --git a/src/TaTooIne.Demo/Pages/Demo.razor.cs b/src/TaTooIne.Demo/Pages/Demo.razor.cs
new file mode 100644
index 0000000..c3e4a77
--- /dev/null
+++ b/src/TaTooIne.Demo/Pages/Demo.razor.cs
@@ -0,0 +1,119 @@
+using System.Linq.Expressions;
+using System.Text;
+using Microsoft.JSInterop;
+using TALib;
+using TaTooIne.Demo.Models;
+using TinyCsvParser;
+
+namespace TaTooIne.Demo.Pages;
+
+public partial class Demo
+{
+    private ICollection<Candle> _sampleData = null!;
+    private CalculatedState _state = null!;
+
+    protected override async Task OnInitializedAsync()
+    {
+        var csvParser = new CsvParser<Candle>(new CsvParserOptions(true, ';', 1, true), new CandleCsvMapping());
+
+        var fileStream = await Http.GetStreamAsync("sample-data/AAPL.csv");
+        var fileRecords = csvParser.ReadFromStream(fileStream, Encoding.UTF8);
+
+        _sampleData = fileRecords.Select(x => x.Result).ToList();
+    }
+
+    private async Task CalculateExample(Function function)
+    {
+        var functionInputs = new double[function.Inputs.Length][];
+        var functionInputNames = new string[function.Inputs.Length];
+        var functionOutputNames = new string[function.Outputs.Length];
+        for (var i = 0; i < function.Inputs.Length; i++)
+        {
+            functionInputNames[i] = function.Inputs[i] == "Real"
+                ? i == 0 ? nameof(Candle.Close) : nameof(Candle.Open)
+                : function.Inputs[i];
+        }
+
+        for (var i = 0; i < function.Outputs.Length; i++)
+        {
+            functionOutputNames[i] = function.Outputs[i] == "Real" ? function.Name : function.Outputs[i];
+        }
+
+        var inputLines = new Dictionary<string, Line[]>();
+        for (var i = 0; i < functionInputNames.Length; i++)
+        {
+            var c = Expression.Parameter(typeof(Candle), "c");
+            var timeBinding = Expression.Bind(
+                typeof(Line).GetProperty(nameof(Line.Time))!,
+                Expression.Property(c, nameof(Candle.Time))
+            );
+            var valueBinding = Expression.Bind(
+                typeof(Line).GetProperty(nameof(Line.Value))!,
+                Expression.Property(c, functionInputNames[i])
+            );
+            var lineClassInit = Expression.MemberInit(Expression.New(typeof(Line)), timeBinding, valueBinding);
+            var lineLambda = Expression.Lambda<Func<Candle, Line>>(lineClassInit, c);
+
+            inputLines[functionInputNames[i]] = _sampleData.Select(lineLambda.Compile()).ToArray();
+            functionInputs[i] = inputLines[functionInputNames[i]].Select(l => l.Value).ToArray();
+        }
+
+        int inputOffset;
+        try
+        {
+            inputOffset = function.Lookback();
+        }
+        catch (Exception e)
+        {
+            Console.WriteLine(e);
+            throw;
+        }
+
+        var outputLength = functionInputs[0].Length - inputOffset;
+        var functionOutputs = new double[function.Outputs.Length][];
+        for (var i = 0; i < functionOutputs.Length; i++)
+        {
+            functionOutputs[i] = new double[outputLength];
+        }
+
+        function.Run(functionInputs, Array.Empty<double>(), functionOutputs);
+
+        var outputLines = functionOutputs.Zip(Enumerable.Repeat(
+                    inputLines.Values.ElementAt(0).Skip(inputOffset).ToList(),
+                    functionOutputs.Length),
+                (lines, doubles) => doubles.Zip(lines, (l, d) => l with { Value = d }).ToList())
+            .ToList();
+
+        var outputLineValues = outputLines.Select(lines => Enumerable.Repeat<Line?>(null, inputOffset).Concat(lines).ToList()).ToList();
+
+        _state = new CalculatedState
+        {
+            FuncDescription = function.Description,
+            InputNames = inputLines.Keys,
+            OutputNames = functionOutputNames,
+            InputValues = inputLines.Values.ToList(),
+            OutputValues = outputLineValues
+        };
+
+        object data = function.Group switch
+        {
+            "Overlap Studies" => new
+            {
+                Candle = _sampleData,
+                OverlayLines = outputLines
+            },
+            "Volume Indicators" => new
+            {
+                Volume = _sampleData.Select(c => new Line { Time = c.Time, Value = c.Volume }).ToList(),
+                OverlayLines = outputLines
+            },
+            _ => new
+            {
+                Candle = _sampleData,
+                ValueLines = outputLines
+            }
+        };
+
+        await JsRuntime.InvokeVoidAsync("SiteJsInterop.setChartData", function.Name, data);
+    }
+}
diff --git a/src/TaTooIne.Demo/Properties/launchSettings.json b/src/TaTooIne.Demo/Properties/launchSettings.json
index 8cb024a..31d3f27 100644
--- a/src/TaTooIne.Demo/Properties/launchSettings.json
+++ b/src/TaTooIne.Demo/Properties/launchSettings.json
@@ -1,17 +1,10 @@
 {
-  "iisSettings": {
-    "windowsAuthentication": false,
-    "anonymousAuthentication": true
-  },
   "profiles": {
     "TaTooIne.Demo": {
       "commandName": "Project",
       "launchBrowser": true,
       "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
-      "applicationUrl": "https://localhost:5001;http://localhost:5000",
-      "environmentVariables": {
-        "ASPNETCORE_ENVIRONMENT": "Development"
-      }
+      "applicationUrl": "https://localhost:5001;http://localhost:5000"
     }
   }
 }
diff --git a/src/TaTooIne.Demo/Shared/NavMenu.razor b/src/TaTooIne.Demo/Shared/NavMenu.razor
index 09cc482..9c8dc5c 100644
--- a/src/TaTooIne.Demo/Shared/NavMenu.razor
+++ b/src/TaTooIne.Demo/Shared/NavMenu.razor
@@ -1,4 +1,4 @@
-@implements IDisposable
+@implements IDisposable
 @inject NavigationManager NavigationManager
 @inject IJSRuntime JsRuntime
 
@@ -21,7 +21,7 @@
                     <ul class="menu">
                         <li class="menu-item">
                             <NavLink href="" Match="NavLinkMatch.All">
-                                Home
+                                Docs
                             </NavLink>
                         </li>
                         <li class="menu-item">
@@ -37,32 +37,10 @@
                     </ul>
                 </div>
             </nav>
-            <button id="menu-open" class="menu-toggle" @onclick=@(() => ToggleNavMenuAsync(true))>
+            <button id="menu-open" class="menu-toggle" @onclick="@(() => ToggleNavMenuAsync(true))">
                 <span class="screen-reader-text">Close Menu</span>
                 <span class="icon-menu" aria-hidden="true"></span>
             </button>
         </div>
     </div>
 </header>
-
-@code {
-    protected override void OnInitialized()
-    {
-        NavigationManager.LocationChanged += HandleLocationChanged;
-    }
-
-    private async void HandleLocationChanged(object sender, LocationChangedEventArgs args)
-    {
-        await ToggleNavMenuAsync(false);
-    }
-
-    private async Task ToggleNavMenuAsync(bool isOpen)
-    {
-        await JsRuntime.InvokeVoidAsync("SiteJsInterop.collapseNavMenu", isOpen, "menu");
-    }
-
-    public void Dispose()
-    {
-        NavigationManager.LocationChanged -= HandleLocationChanged;
-    }
-}
diff --git a/src/TaTooIne.Demo/Shared/NavMenu.razor.cs b/src/TaTooIne.Demo/Shared/NavMenu.razor.cs
new file mode 100644
index 0000000..e6d5fb1
--- /dev/null
+++ b/src/TaTooIne.Demo/Shared/NavMenu.razor.cs
@@ -0,0 +1,22 @@
+using Microsoft.AspNetCore.Components.Routing;
+using Microsoft.JSInterop;
+
+namespace TaTooIne.Demo.Shared;
+
+public partial class NavMenu
+{
+    protected override void OnInitialized()
+    {
+        NavigationManager.LocationChanged += HandleLocationChanged;
+    }
+
+    public void Dispose()
+    {
+        NavigationManager.LocationChanged -= HandleLocationChanged;
+        GC.SuppressFinalize(this);
+    }
+
+    private async void HandleLocationChanged(object? sender, LocationChangedEventArgs args) => await ToggleNavMenuAsync(false);
+
+    private async Task ToggleNavMenuAsync(bool isOpen) => await JsRuntime.InvokeVoidAsync("SiteJsInterop.collapseNavMenu", isOpen, "menu");
+}
diff --git a/src/TaTooIne.Demo/TaTooIne.Demo.csproj b/src/TaTooIne.Demo/TaTooIne.Demo.csproj
index b14406a..694683f 100644
--- a/src/TaTooIne.Demo/TaTooIne.Demo.csproj
+++ b/src/TaTooIne.Demo/TaTooIne.Demo.csproj
@@ -7,7 +7,6 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="JetBrains.Annotations" Version="2023.3.0" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.2" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.2" PrivateAssets="all" />
     <PackageReference Include="TALib.NETCore" Version="0.4.4" />
@@ -18,5 +17,5 @@
   <Target Name="BuildAssets" AfterTargets="PostBuildEvent">
     <Exec WorkingDirectory="wwwroot" Command="npm run build" />
   </Target>
-  
+
 </Project>
diff --git a/src/TaTooIne.Demo/wwwroot/_ts/SiteJsInterop.ts b/src/TaTooIne.Demo/wwwroot/_ts/SiteJsInterop.ts
index d009ed8..bb6c2a6 100644
--- a/src/TaTooIne.Demo/wwwroot/_ts/SiteJsInterop.ts
+++ b/src/TaTooIne.Demo/wwwroot/_ts/SiteJsInterop.ts
@@ -10,54 +10,49 @@
 
 class SiteJsInterop {
   private chart: IChartApi;
-  private chartSeriesMap: Map<string, ISeriesApi<'Candlestick' | 'Histogram' | 'Line' | 'Bar' | 'Area'>>;
-
-  constructor() {
-    //window.hljs.initHighlightingOnLoad();
-  }
+  private chartSeriesMap!: Map<string, ISeriesApi<'Candlestick' | 'Histogram' | 'Line' | 'Bar' | 'Area'>>;
 
   static load(): void {
     window[SiteJsInterop.name] = new SiteJsInterop();
   }
 
-  collapseNavMenu(isOpened: boolean, sender: string) {
+  collapseNavMenu(isOpened: boolean, sender: string): void {
     document.body.classList[isOpened ? 'add' : 'remove'](`${sender}--opened`);
   }
 
-  setupChart(element: HTMLElement) {
-    this.chart = createChart(element,
-      {
-        height: 400,
-        grid: {
-          vertLines: {
-            color: 'rgba(197, 203, 206, 0.5)'
-          },
-          horzLines: {
-            color: 'rgba(197, 203, 206, 0.5)'
-          }
-        },
-        crosshair: {
-          mode: CrosshairMode.Normal
+  setupChart(element: HTMLElement): void {
+    this.chart = createChart(element, {
+      height: 400,
+      grid: {
+        vertLines: {
+          color: 'rgba(197, 203, 206, 0.5)',
         },
-        rightPriceScale: {
-          visible: true,
-          borderColor: 'rgba(197, 203, 206, 1)'
+        horzLines: {
+          color: 'rgba(197, 203, 206, 0.5)',
         },
-        leftPriceScale: {
-          visible: true,
-          borderColor: 'rgba(197, 203, 206, 1)'
-        },
-        timeScale: {
-          borderColor: 'rgba(197, 203, 206, 0.8)'
-        },
-        watermark: {
-          visible: true,
-          fontSize: 24,
-          horzAlign: 'center',
-          vertAlign: 'center',
-          color: 'rgba(171, 71, 188, 0.5)'
-        }
-      });
+      },
+      crosshair: {
+        mode: CrosshairMode.Normal,
+      },
+      rightPriceScale: {
+        visible: true,
+        borderColor: 'rgba(197, 203, 206, 1)',
+      },
+      leftPriceScale: {
+        visible: true,
+        borderColor: 'rgba(197, 203, 206, 1)',
+      },
+      timeScale: {
+        borderColor: 'rgba(197, 203, 206, 0.8)',
+      },
+      watermark: {
+        visible: true,
+        fontSize: 24,
+        horzAlign: 'center',
+        vertAlign: 'center',
+        color: 'rgba(171, 71, 188, 0.5)',
+      },
+    });
 
     let resizeTimerId: number;
     document.body.onresize = () => {
@@ -65,13 +60,15 @@ class SiteJsInterop {
         clearTimeout(resizeTimerId);
       }
       resizeTimerId = setTimeout(() => this.resizeChart(), 100);
-    }
+    };
 
     this.chartSeriesMap = new Map<string, ISeriesApi<'Candlestick' | 'Histogram' | 'Line' | 'Bar' | 'Area'>>();
   }
 
-  setChartData(title: string, data:
-    { candle: Array<BarData>, overlayLines: Array<Array<LineData>>, volume: Array<HistogramData>, valueLines: Array<Array<LineData>> }) {
+  setChartData(
+    title: string,
+    data: { candle: BarData[]; overlayLines: LineData[][]; volume: HistogramData[]; valueLines: LineData[][] }
+  ): void {
     this.chartSeriesMap.forEach((v, k, m) => {
       this.chart.removeSeries(v);
       m.delete(k);
@@ -79,14 +76,14 @@ class SiteJsInterop {
 
     this.chart.applyOptions({
       watermark: {
-        text: title.toUpperCase()
-      }
+        text: title.toUpperCase(),
+      },
     });
 
     if (data.candle && Array.isArray(data.candle)) {
       const candleSeries = this.chart.addCandlestickSeries({
         priceScaleId: 'left',
-        title: 'AAPL'
+        title: 'AAPL',
       });
       candleSeries.setData(data.candle);
       this.chartSeriesMap.set('candle', candleSeries);
@@ -95,11 +92,11 @@ class SiteJsInterop {
     if (data.volume && data.volume.length) {
       const volumeSeries = this.chart.addHistogramSeries({
         priceFormat: {
-          type: 'volume'
+          type: 'volume',
         },
         color: 'rgba(76, 175, 80, 0.5)',
         priceLineVisible: false,
-        priceScaleId: 'left'
+        priceScaleId: 'left',
       });
       volumeSeries.setData(data.volume);
       this.chartSeriesMap.set('volume', volumeSeries);
@@ -109,7 +106,7 @@ class SiteJsInterop {
       for (let i = 0; i < data.overlayLines.length; i++) {
         const overlayLineSeries = this.chart.addLineSeries({
           priceScaleId: 'right',
-          lineWidth: 1
+          lineWidth: 1,
         });
         overlayLineSeries.setData(data.overlayLines[i]);
         this.chartSeriesMap.set(`overlayLine${i}`, overlayLineSeries);
@@ -120,11 +117,13 @@ class SiteJsInterop {
       for (let i = 0; i < data.valueLines.length; i++) {
         const valueLineSeries = this.chart.addLineSeries({
           priceScaleId: '',
+          lineWidth: 1,
+        });
+        valueLineSeries.priceScale().applyOptions({
           scaleMargins: {
             top: 0.75,
-            bottom: 0
+            bottom: 0,
           },
-          lineWidth: 1
         });
         valueLineSeries.setData(data.valueLines[i]);
         this.chartSeriesMap.set(`valueLine${i}`, valueLineSeries);
@@ -134,27 +133,11 @@ class SiteJsInterop {
     window.dispatchEvent(new UIEvent('resize'));
   }
 
-  private resizeChart() {
-    const chartContainer = document.getElementById('chart');
+  private resizeChart(): void {
+    const chartContainer = document.getElementById('chart') as HTMLElement;
     this.chart.resize(chartContainer.offsetWidth, chartContainer.offsetHeight);
     this.chart.timeScale().fitContent();
   }
 }
 
 SiteJsInterop.load();
-
-/*
-declare class LightweightChartsModule {
-    get LineStyle(): { [_ in keyof typeof LineStyle]: number };
-    get LineType(): { [_ in keyof typeof LineType]: number };
-    get CrosshairMode(): { [_ in keyof typeof CrosshairMode]: number };
-    get PriceScaleMode(): { [_ in keyof typeof PriceScaleMode]: number };
-    get PriceLineSource(): { [_ in keyof typeof PriceLineSource]: number };
-    get TickMarkType(): { [_ in keyof typeof TickMarkType]: number };
-    isBusinessDay(time: Time): time is BusinessDay;
-    isUTCTimestamp(time: Time): time is UTCTimestamp;
-    createChart(container: string | HTMLElement, options?: DeepPartial<ChartOptions>): IChartApi;
-}
-
-declare var LightweightCharts: LightweightChartsModule;
-*/
diff --git a/src/TaTooIne.Demo/wwwroot/package.json b/src/TaTooIne.Demo/wwwroot/package.json
index cdc5716..c91fae4 100644
--- a/src/TaTooIne.Demo/wwwroot/package.json
+++ b/src/TaTooIne.Demo/wwwroot/package.json
@@ -9,8 +9,7 @@
   },
   "dependencies": {
     "ghspa": "~1.0.0",
-    "lightweight-charts": "~4.1.3",
-    "highlight.js": "~11.9.0"
+    "lightweight-charts": "~4.1.3"
   },
   "scripts": {
     "build": "node esbuild.js"
diff --git a/src/TaTooIne.Demo/wwwroot/yarn.lock b/src/TaTooIne.Demo/wwwroot/yarn.lock
index 8f56d42..ba74118 100644
--- a/src/TaTooIne.Demo/wwwroot/yarn.lock
+++ b/src/TaTooIne.Demo/wwwroot/yarn.lock
@@ -230,11 +230,6 @@ hasown@^2.0.0:
   dependencies:
     function-bind "^1.1.2"
 
-highlight.js@~11.9.0:
-  version "11.9.0"
-  resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-11.9.0.tgz#04ab9ee43b52a41a047432c8103e2158a1b8b5b0"
-  integrity sha512-fJ7cW7fQGCYAkgv4CPfwFHrfd/cLS4Hau96JuJ+ZTOWhjnhoeN1ub1tFmALm/+lW5z4WCAuAV9bm05AP0mS6Gw==
-
 immutable@^4.0.0:
   version "4.3.5"
   resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.3.5.tgz#f8b436e66d59f99760dc577f5c99a4fd2a5cc5a0"