const lcjsTrader = require('@lightningchart/lcjs-trader')
const lcjs = require('@lightningchart/lcjs')
const { ArrowType } = lcjsTrader

lcjsTrader.trader(TRADER_LICENSE).then(async (trader) => {
    // Create a trading chart. Optionally, various chart settings can be provided.
    const tradingChart = trader.tradingChart({ loadFromStorage: false })

    tradingChart.showSearchbar(false)

    tradingChart.changeTimeRange(0)

    await fetch(`${document.head.baseURI}examples/assets/0004/DemoData1.csv`).then((res) => res.text()).then((text) => {
        tradingChart.loadCsvString(text, 'DemoData1.csv')
    })

    // Adding various drawing tools. Note that all drawing tools can also be added via UI (buttons in the top-right corner).
    const pitchFork = tradingChart.drawingTools().addPitchfork(9, 207, 78, 257, 89, 233)
    pitchFork.setMagnetic(true)
    pitchFork.setAreaColor('#20200020')

    tradingChart.drawingTools().addFibonacciArc(363, 240, 355, 273)

    const downArrow = tradingChart.drawingTools().addArrow(224, 342)
    downArrow.setArrowType(ArrowType.DownArrow)

    tradingChart.drawingTools().addArrow(464, 211)

    // Use getData() to get the current dataset. By default, it returns an array containing five arrays: date time strings, opens, highs, lows, and closes.
    const dataset = tradingChart.getData()
    const openLine = tradingChart.drawingTools().addHorizontalLine(dataset[1][0])
    openLine.setLineWidth(1)
    openLine.setLineColor('#80ff00')
    const closeLine = tradingChart.drawingTools().addHorizontalLine(dataset[4][dataset[4].length - 1])
    closeLine.setLineWidth(1)
    closeLine.setLineColor('#ff8000')

    // Adding some text tools. Line breaks are currently not supported.
    const textBox = tradingChart.drawingTools().addTextBox(400, 340, 'Drawing tools can also be added via the toolbar on the left.')
    textBox.setFillColor('#20201010')
    textBox.setBorderWidth(0.5)
    textBox.setBorderColor('#ffff20')

    const plaintext = tradingChart.drawingTools().addText(65, 264, 'Right-click a control point, arrow, or text')
    plaintext.setFontSize(18)
    plaintext.setTextColor('#ddffdd')
    const plaintext2 = tradingChart.drawingTools().addText(65, 260, 'to modify the tool.')
    plaintext2.setFontSize(18)
    plaintext2.setTextColor('#ddffdd')
})