Implement a working Distant Chat prototype in Qml

Deprecate id field in JSON API as it may cause problems in Qml
Offer gxs_id field in JSON API as an id alternative
LibresapiLocalClient support callbacks now an instance may be shared for
  different tasks
Expose an instance of LibresapiLocalClient to Qml, type exposure is kept
  for retrocompatibility but deprecated
Qml app now has a tab that permit to exchange some message with selected
  distant peer

retroshare-qml-app/src/qml/ChatView.qml

@@ -0,0 +1,92 @@
+import QtQuick 2.0
+import QtQuick.Controls 1.4
+import org.retroshare.qml_components.LibresapiLocalClient 1.0
+
+Item
+{
+	id: chatView
+	property string chatId
+
+	function refreshData()
+	{
+		rsApi.request("/statetokenservice/*")
+		rsApi.request("/chat/messages/"+ chatId, "", function(par) { console.log("Callback called! -> " + par.response ); chatModel.json = par.response })
+	}
+
+	onFocusChanged: focus && refreshData()
+
+	JSONListModel
+	{
+		id: chatModel
+		query: "$.data[*]"
+	}
+
+	Component
+	{
+		id: chatMessageDelegate
+		Item
+		{
+			height: 20
+			Row
+			{
+				Text { text: author_name }
+				Text { text: ": " + msg }
+			}
+		}
+	}
+
+	ListView
+	{
+		width: parent.width
+		height: 300
+		model: chatModel.model
+		delegate: chatMessageDelegate
+	}
+
+	Rectangle
+	{
+		color: "green"
+		anchors.bottom: parent.bottom
+		anchors.left: parent.left
+		width: chatView.width - sendButton.width
+		height: Math.max(20, msgComposer.height)
+	}
+
+	TextEdit
+	{
+		id: msgComposer
+		anchors.bottom: parent.bottom
+		anchors.left: parent.left
+		width: chatView.width - sendButton.width
+	}
+
+	Button
+	{
+		id: sendButton
+		text: "Send"
+		anchors.bottom: parent.bottom
+		anchors.right: parent.right
+
+		onClicked:
+		{
+			var jsonData = {"chat_id":chatView.chatId, "msg":msgComposer.text}
+			sendRsApi.request("/chat/send_message", JSON.stringify(jsonData))
+		}
+
+		LibresapiLocalClient
+		{
+			id: sendRsApi
+			onGoodResponseReceived: { msgComposer.text = ""; console.log(msg)}
+			Component.onCompleted: { openConnection(apiSocketPath) }
+		}
+	}
+
+	Timer
+	{
+		id: refreshTimer
+		interval: 500
+		repeat: true
+		onTriggered: if(chatView.visible) chatView.refreshData()
+		Component.onCompleted: start()
+	}
+}

retroshare-qml-app/src/qml/Contacts.qml

@@ -22,17 +22,33 @@ import org.retroshare.qml_components.LibresapiLocalClient 1.0
 
 Item
 {
-	function refreshData() { rsApi.request("/identity/*/", "") }
+	id: contactsView
+	property string own_gxs_id: ""
+	property string own_nick: ""
+
+	Component.onCompleted: refreshOwn()
+
+	function refreshData() { rsApi.request("/identity/*/", "", function(par) { locationsModel.json = par.response; if(contactsView.own_gxs_id == "") refreshOwn() }) }
+	function refreshOwn()
+	{
+		rsApi.request("/identity/own", "", function(par)
+		    {
+			    var json = JSON.parse(par.response)
+			    if(json.data.length > 0)
+				{
+					contactsView.own_gxs_id = json.data[0].gxs_id
+					contactsView.own_nick = json.data[0].name
+				}
+				else
+				{
+					selectedOwnIdentityView.color = "red"
+					selectedOwnIdentityView.text = "You need to create a GXS identity to chat!"
+				}
+		    })
+	}
 
 	onFocusChanged: focus && refreshData()
 
-	LibresapiLocalClient
-	{
-		id: rsApi
-		onGoodResponseReceived: locationsModel.json = msg
-		Component.onCompleted: { openConnection(apiSocketPath) }
-	}
-
 	JSONListModel
 	{
 		id: locationsModel
@@ -45,8 +61,48 @@ Item
 		width: parent.width
 		height: 300
 		model: locationsModel.model
-		delegate: Text { text: model.name }
+		delegate: Item
+		{
+		    height: 20
+			width: parent.width
+
+			MouseArea
+			{
+				anchors.fill: parent
+				onClicked:
+				{
+					if(model.own) contactsView.own_gxs_id = model.gxs_id
+					else
+					{
+						var jsonData = { "own_gxs_hex": contactsView.own_gxs_id, "remote_gxs_hex": model.gxs_id }
+						rsApi.request("/chat/initiate_distant_chat", JSON.stringify(jsonData), function (par) { mainWindow.activeChatId = JSON.parse(par.response).data.chat_id })
+					}
+				}
+				Text
+				{
+					color: model.own ? "blue" : "black"
+					text: model.name + " " + model.gxs_id
+				}
+			}
+	    }
 	}
 
-	Text { text: "Contacts View"; anchors.bottom: parent.bottom }
+    Text
+    {
+		id: selectedOwnIdentityView
+		color: "green"
+		anchors.bottom: parent.bottom
+		anchors.left: parent.left
+		width: parent.width
+		text: "Open Chat as: " + contactsView.own_nick + " " + contactsView.own_gxs_id
+	}
+
+	Timer
+	{
+		id: refreshTimer
+		interval: 5000
+		repeat: true
+		onTriggered: if(contactsView.visible) contactsView.refreshData()
+		Component.onCompleted: start()
+	}
 }

retroshare-qml-app/src/qml/main.qml

@@ -28,6 +28,8 @@ ApplicationWindow
 	width: 400
 	height: 400
 
+	property string activeChatId;
+
 	Rectangle
 	{
 		id: mainView
@@ -102,8 +104,13 @@ ApplicationWindow
 
 			Tab
 			{
-				title: "Blue"
-				Rectangle { color: "blue"; anchors.fill: parent }
+				title: "Chat"
+				ChatView
+				{
+					id: chatView
+					chatId: mainWindow.activeChatId
+					onVisibleChanged: focus = visible
+				}
 			}
 		}
 	}