plugeth/mist/assets/debugger/debugger.qml

import QtQuick 2.0
import QtQuick.Controls 1.0;
import QtQuick.Layouts 1.0;
import QtQuick.Dialogs 1.0;
import QtQuick.Window 2.1;
import QtQuick.Controls.Styles 1.1
import Ethereum 1.0

ApplicationWindow {
	id: win
	visible: false
	title: "IceCREAM"
	minimumWidth: 1280
	minimumHeight: 700
	width: 1290
	height: 750

	property alias codeText: codeEditor.text
	property alias dataText: rawDataField.text

	onClosing: {
		//compileTimer.stop()
	}

	MenuBar {
		Menu {
			title: "Debugger"
			MenuItem {
				text: "Run"
				shortcut: "Ctrl+r"
				onTriggered: debugCurrent()
			}

			MenuItem {
				text: "Next"
				shortcut: "Ctrl+n"
				onTriggered: dbg.next()
			}

			MenuItem {
				text: "Continue"
				shortcut: "Ctrl+g"
				onTriggered: dbg.continue()
			}
			MenuItem {
				text: "Command"
				shortcut: "Ctrl+l"
				onTriggered: {
					dbgCommand.focus = true
				}
			}
			MenuItem {
				text: "Focus code"
				shortcut: "Ctrl+1"
				onTriggered: {
					codeEditor.focus = true
				}
			}
			MenuItem {
				text: "Focus data"
				shortcut: "Ctrl+2"
				onTriggered: {
					rawDataField.focus = true
				}
			}

			/*
			MenuItem {
				text: "Close window"
				shortcut: "Ctrl+w"
				onTriggered: {
					win.close()
				}
			}
			*/
		}
	}


	SplitView {
		anchors.fill: parent
		property var asmModel: ListModel {
			id: asmModel
		}

		TableView {
			id: asmTableView
			width: 200
			headerVisible: false
			TableViewColumn{ role: "value" ; title: "" ; width: asmTableView.width - 2 }
			model: asmModel
			/*
			alternatingRowColors: false
			itemDelegate: Item {
				Rectangle {
					anchors.fill: parent
					color: "#DDD"
					Text {
						anchors {
							left: parent.left
							right: parent.right
							leftMargin: 10
							verticalCenter: parent.verticalCenter
						}
						color: "#333"
						elide: styleData.elideMode
						text: styleData.value
						font.pixelSize: 11
						MouseArea {
							acceptedButtons: Qt.LeftButton
							anchors.fill: parent
							onClicked: {
								mouse.accepted = true
							}
						}
					}
				}
			}
			*/
		}

		Rectangle {
			color: "#00000000"
			anchors.left: asmTableView.right
			anchors.right: parent.right
			SplitView {
				orientation: Qt.Vertical
				anchors.fill: parent

				Rectangle {
					color: "#00000000"
					height: 330
					anchors.left: parent.left
					anchors.right: parent.right

					TextArea {
						id: codeEditor
						anchors.top: parent.top
						anchors.bottom: parent.bottom
						anchors.left: parent.left
						anchors.right: settings.left
						focus: true

						/*
						Timer {
							id: compileTimer
							interval: 500 ; running: true ;  repeat: true
							onTriggered: {
								dbg.autoComp(codeEditor.text)
							}
						}
						*/
					}

					Column {
						id: settings
						spacing: 5
						width: 300
						height: parent.height
						anchors.right: parent.right
						anchors.top: parent.top
						anchors.bottom: parent.bottom

						Label {
							text: "Arbitrary data"
						}
						TextArea {
							id: rawDataField
							anchors.left: parent.left
							anchors.right: parent.right
							height: 150
						}

						Label {
							text: "Amount"
						}
						TextField {
							id: txValue
							width: 200
							placeholderText: "Amount"
							validator: RegExpValidator { regExp: /\d*/ }
						}
						Label {
							text: "Amount of gas"
						}
						TextField {
							id: txGas
							width: 200
							validator: RegExpValidator { regExp: /\d*/ }
							text: "10000"
							placeholderText: "Gas"
						}
						Label {
							text: "Gas price"
						}
						TextField {
							id: txGasPrice
							width: 200
							placeholderText: "Gas price"
							text: "1000000000000"
							validator: RegExpValidator { regExp: /\d*/ }
						}
					}
				}

				SplitView {
					orientation: Qt.Vertical
					id: inspectorPane
					height: 500

					SplitView {
						orientation: Qt.Horizontal
						height: 150

						TableView {
							id: stackTableView
							property var stackModel: ListModel {
								id: stackModel
							}
							height: parent.height
							width: 300
							TableViewColumn{ role: "value" ; title: "Temp" ; width: 200 }
							model: stackModel
						}

						TableView {
							id: memoryTableView
							property var memModel: ListModel {
								id: memModel
							}
							height: parent.height
							width: parent.width - stackTableView.width
							TableViewColumn{ id:mnumColmn ; role: "num" ; title: "#" ; width: 50 }
							TableViewColumn{ role: "value" ; title: "Memory" ; width: 750 }
							model: memModel
						}
					}

					Rectangle {
						height: 100
						width: parent.width
						TableView {
							id: storageTableView
							property var memModel: ListModel {
								id: storageModel
							}
							height: parent.height
							width: parent.width
							TableViewColumn{ id: key ; role: "key" ; title: "#" ; width: storageTableView.width / 2}
							TableViewColumn{ role: "value" ; title: "Storage" ; width:  storageTableView.width / 2}
							model: storageModel
						}
					}

					Rectangle {
						height: 200
						width: parent.width * 0.66
						TableView {
							id: logTableView
							property var logModel: ListModel {
								id: logModel
							}
							height: parent.height
							width: parent.width
							TableViewColumn{ id: message ; role: "message" ; title: "log" ; width: logTableView.width - 2 }
							model: logModel
						}
					}

				}
			}
		}
	}

		function exec() {
			dbg.execCommand(dbgCommand.text);
			dbgCommand.text = "";
		}
	statusBar: StatusBar {
		height: 30


		TextField {
			id: dbgCommand
			y: 1
			x: asmTableView.width
			width: 500
			placeholderText: "Debugger (type 'help')"
			Keys.onReturnPressed: {
				exec()
			}
		}

		RowLayout {
			anchors.left: dbgCommand.right
			anchors.leftMargin: 10
			spacing: 5
			y: parent.height / 2 - this.height / 2

			Text {
				objectName: "stackFrame"
				font.pixelSize: 10
				text: "<b>stack ptr</b>: 0"
			}

			Text {
				objectName: "stackSize"
				font.pixelSize: 10
				text: "<b>stack size</b>: 0"
			}

			Text {
				objectName: "memSize"
				font.pixelSize: 10
				text: "<b>mem size</b>: 0"
			}
		}
	}

	toolBar: ToolBar {
		height: 30
		RowLayout {
			spacing: 10

			Button {
				property var enabled: true
				id: debugStart
				onClicked: {
					debugCurrent()
				}
				text: "Debug"
			}

			Button {
				property var enabled: true
				id: debugNextButton
				onClicked: {
					dbg.next()
				}
				text: "Next"
			}

			Button {
				id: debugContinueButton
				onClicked: {
					dbg.continue()
				}
				text: "Continue"
			}
		}


		ComboBox {
			id: snippets
			anchors.right: parent.right
			model: ListModel {
				ListElement { text: "Snippets" ; value: "" }
				ListElement { text: "Call Contract" ; value: "var[2] in;\nvar ret;\n\nin[0] = \"arg1\"\nin[1] = 0xdeadbeef\n\nvar success = call(0x0c542ddea93dae0c2fcb2cf175f03ad80d6be9a0, 0, 7000, in, ret)\n\nreturn ret" }
			}
			onCurrentIndexChanged: {
				if(currentIndex != 0) {
					var code = snippets.model.get(currentIndex).value;
					codeEditor.insert(codeEditor.cursorPosition, code)
				}
			}
		}

	}

	function debugCurrent() {
		dbg.debug(txValue.text, txGas.text, txGasPrice.text, codeEditor.text, rawDataField.text)
	}

	function setAsm(asm) {
		asmModel.append({asm: asm})
	}

	function clearAsm() {
		asmModel.clear()
	}

	function setInstruction(num) {
		asmTableView.selection.clear()
		asmTableView.selection.select(num)
		asmTableView.positionViewAtRow(num, ListView.Center)
	}

	function setMem(mem) {
		memModel.append({num: mem.num, value: mem.value})
	}
	function clearMem(){
		memModel.clear()
	}

	function setStack(stack) {
		stackModel.append({value: stack})
	}
	function addDebugMessage(message){
		debuggerLog.append({value: message})
	}

	function clearStack() {
		stackModel.clear()
	}

	function clearStorage() {
		storageModel.clear()
	}

	function setStorage(storage) {
		storageModel.append({key: storage.key, value: storage.value})
	}

	function setLog(msg) {
		// Remove first item once we've reached max log items
		if(logModel.count > 250) {
			logModel.remove(0)
		}

		if(msg.len != 0) {
			if(logTableView.flickableItem.atYEnd) {
				logModel.append({message: msg})
				logTableView.positionViewAtRow(logTableView.rowCount - 1, ListView.Contain)
			} else {
				logModel.append({message: msg})
			}
		}
	}

	function clearLog() {
		logModel.clear()
	}
}