{
- this.preventUserSendingImage(e)
- }}>
+
{
+ this.preventUserSendingImage(e)
+ }}>
+
${this.isLoading === false ? html`
-
- ${this.isLoading === false ? this.renderSendText() : html`
-
- ${translate("general.close")}
-
-
+ {
+ this.chatEditor.resetValue();
+ this.openPrivateMessage = false;
+ this.shadowRoot.getElementById('sendTo').value = "";
+ this.userFoundModalOpen = false;
+ this.userFound = [];
+ } }
+ style=${this.openPrivateMessage ? "display: block" : "display: none"}>
+
@@ -445,9 +278,24 @@ class Chat extends LitElement {
return false;
}
- this.shadowRoot.getElementById('sendTo').addEventListener('keydown', stopKeyEventPropagation);
+ const nameInput = this.shadowRoot.getElementById('sendTo');
+
+ nameInput.addEventListener('keydown', stopKeyEventPropagation);
+
this.shadowRoot.getElementById('messageBox').addEventListener('keydown', stopKeyEventPropagation);
+ // let typingTimer;
+ // let doneTypingInterval = 3000;
+
+ // //on keyup, start the countdown
+ // nameInput.addEventListener('keyup', () => {
+ // clearTimeout(typingTimer);
+ // if (nameInput.value) {
+ // console.log("typing started!");
+ // typingTimer = setTimeout(this.userSearch, doneTypingInterval);
+ // }
+ // });
+
const getDataFromURL = () => {
let tempUrl = document.location.href
let splitedUrl = decodeURI(tempUrl).split('?')
@@ -547,6 +395,196 @@ class Chat extends LitElement {
parentEpml.imReady()
}
+ async userSearch() {
+ const nameValue = this.shadowRoot.getElementById('sendTo').value;
+ if(!nameValue) {
+ this.userFound = [];
+ this.userFoundModalOpen = true;
+ return;
+ }
+ try {
+ const result = await parentEpml.request('apiCall', {
+ type: 'api',
+ url: `/names/${nameValue}`
+ })
+ if (result.error === 401) {
+ this.userFound = [];
+ } else {
+ this.userFound = [
+ ...this.userFound,
+ result,
+ ];
+ }
+ this.userFoundModalOpen = true;
+ } catch (error) {
+ console.error(error);
+ let err4string = get("chatpage.cchange35");
+ parentEpml.request('showSnackBar', `${err4string}`)
+ }
+ }
+
+ setChatEditor(editor) {
+ this.chatEditor = editor;
+ }
+
+ async _sendMessage() {
+ this.isLoading = true;
+ this.chatEditor.disable();
+ const messageText = this.chatEditor.mirror.value;
+ // Format and Sanitize Message
+ const sanitizedMessage = messageText.replace(/ /gi, ' ').replace(//gi, '\n');
+ const trimmedMessage = sanitizedMessage.trim();
+ if (/^\s*$/.test(trimmedMessage)) {
+ this.isLoading = false;
+ this.chatEditor.enable();
+ } else {
+ const messageObject = {
+ messageText: trimmedMessage,
+ images: [''],
+ repliedTo: '',
+ version: 1
+ }
+ const stringifyMessageObject = JSON.stringify(messageObject)
+ this.sendMessage(stringifyMessageObject);
+ }
+ }
+
+ async sendMessage(messageText) {
+ this.isLoading = true;
+
+ const _recipient = this.shadowRoot.getElementById('sendTo').value;
+
+ let recipient;
+
+ const validateName = async (receiverName) => {
+ let myRes;
+ try {
+ let myNameRes = await parentEpml.request('apiCall', {
+ type: 'api',
+ url: `/names/${receiverName}`
+ });
+ if (myNameRes.error === 401) {
+ myRes = false;
+ } else {
+ myRes = myNameRes;
+ }
+ return myRes;
+ } catch (error) {
+ return "";
+ }
+ };
+
+ const myNameRes = await validateName(_recipient);
+ if (!myNameRes) {
+ recipient = _recipient;
+ } else {
+ recipient = myNameRes.owner;
+ };
+
+ const getAddressPublicKey = async () => {
+ let isEncrypted;
+ let _publicKey;
+
+ let addressPublicKey = await parentEpml.request('apiCall', {
+ type: 'api',
+ url: `/addresses/publickey/${recipient}`
+ })
+
+ if (addressPublicKey.error === 102) {
+ _publicKey = false;
+ let err4string = get("chatpage.cchange19");
+ parentEpml.request('showSnackBar', `${err4string}`);
+ this.chatEditor.enable();
+ this.isLoading = false;
+ } else if (addressPublicKey !== false) {
+ isEncrypted = 1;
+ _publicKey = addressPublicKey;
+ sendMessageRequest(isEncrypted, _publicKey);
+ } else {
+ isEncrypted = 0;
+ _publicKey = this.selectedAddress.address;
+ sendMessageRequest(isEncrypted, _publicKey);
+ }
+ };
+ let _reference = new Uint8Array(64);
+ window.crypto.getRandomValues(_reference);
+ let reference = window.parent.Base58.encode(_reference);
+ const sendMessageRequest = async (isEncrypted, _publicKey) => {
+ let chatResponse = await parentEpml.request('chat', {
+ type: 18,
+ nonce: this.selectedAddress.nonce,
+ params: {
+ timestamp: Date.now(),
+ recipient: recipient,
+ recipientPublicKey: _publicKey,
+ hasChatReference: 0,
+ message: messageText,
+ lastReference: reference,
+ proofOfWorkNonce: 0,
+ isEncrypted: isEncrypted,
+ isText: 1
+ }
+ });
+
+ _computePow(chatResponse);
+ };
+
+ const _computePow = async (chatBytes) => {
+ const difficulty = this.balance === 0 ? 12 : 8;
+ const path = window.parent.location.origin + '/memory-pow/memory-pow.wasm.full';
+ const worker = new WebWorker();
+ let nonce = null;
+ let chatBytesArray = null;
+ await new Promise((res, rej) => {
+ worker.postMessage({chatBytes, path, difficulty});
+ worker.onmessage = e => {
+ worker.terminate();
+ chatBytesArray = e.data.chatBytesArray;
+ nonce = e.data.nonce;
+ res();
+ }
+ });
+
+ let _response = await parentEpml.request('sign_chat', {
+ nonce: this.selectedAddress.nonce,
+ chatBytesArray: chatBytesArray,
+ chatNonce: nonce
+ });
+
+ getSendChatResponse(_response);
+ };
+
+ const getSendChatResponse = (response) => {
+ if (response === true) {
+ this.setActiveChatHeadUrl(`direct/${recipient}`);
+ this.shadowRoot.getElementById('sendTo').value = "";
+ this.openPrivateMessage = false;
+ this.chatEditor.resetValue();
+ } else if (response.error) {
+ parentEpml.request('showSnackBar', response.message);
+ } else {
+ let err2string = get("chatpage.cchange21");
+ parentEpml.request('showSnackBar', `${err2string}`);
+ }
+
+ this.isLoading = false;
+ this.chatEditor.enable();
+ };
+
+ // Exec..
+ getAddressPublicKey();
+
+ }
+
+ insertImage(file) {
+ if (file.type.includes('image')) {
+ this.imageFile = file;
+ this.chatEditor.disable();
+ return;
+ }
+ parentEpml.request('showSnackBar', get("chatpage.cchange28"));
+ }
+
renderLoadingText() {
return html`${translate("chatpage.cchange2")}`
}
@@ -720,7 +758,6 @@ class Chat extends LitElement {
const compareArgs = (a, b) => {
return b.timestamp - a.timestamp
}
-
this.chatHeads = chatHeadMasterList.sort(compareArgs)
}
@@ -735,163 +772,6 @@ class Chat extends LitElement {
}
}
- _sendMessage() {
-
- this.isLoading = true
-
- const recipient = this.shadowRoot.getElementById('sendTo').value
- const messageBox = this.shadowRoot.getElementById('messageBox')
- const messageText = messageBox.value
-
- if (recipient.length === 0) {
- this.isLoading = false
- } else if (messageText.length === 0) {
- this.isLoading = false
- } else {
- this.sendMessage()
- }
- }
-
- async sendMessage(e) {
-
- this.isLoading = true
-
- const _recipient = this.shadowRoot.getElementById('sendTo').value
- const messageBox = this.shadowRoot.getElementById('messageBox')
- const messageText = messageBox.value
- let recipient
-
- const validateName = async (receiverName) => {
-
- let myRes
- let myNameRes = await parentEpml.request('apiCall', {
- type: 'api',
- url: `/names/${receiverName}`
- })
-
- if (myNameRes.error === 401) {
- myRes = false
- } else {
- myRes = myNameRes
- }
- return myRes
- }
-
- const myNameRes = await validateName(_recipient)
- if (!myNameRes) {
-
- recipient = _recipient
- } else {
-
- recipient = myNameRes.owner
- }
-
- let _reference = new Uint8Array(64);
- window.crypto.getRandomValues(_reference);
-
- let sendTimestamp = Date.now()
-
- let reference = window.parent.Base58.encode(_reference)
-
- const getAddressPublicKey = async () => {
- let isEncrypted
- let _publicKey
-
- let addressPublicKey = await parentEpml.request('apiCall', {
- type: 'api',
- url: `/addresses/publickey/${recipient}`
- })
-
- if (addressPublicKey.error === 102) {
- _publicKey = false
- let err4string = get("chatpage.cchange19")
- parentEpml.request('showSnackBar', `${err4string}`)
- this.isLoading = false
- } else if (addressPublicKey !== false) {
- isEncrypted = 1
- _publicKey = addressPublicKey
- sendMessageRequest(isEncrypted, _publicKey)
- } else {
- isEncrypted = 0
- _publicKey = this.selectedAddress.address
- sendMessageRequest(isEncrypted, _publicKey)
- }
- };
-
- const sendMessageRequest = async (isEncrypted, _publicKey) => {
- const messageObject = {
- messageText,
- images: [''],
- repliedTo: '',
- version: 1
- }
- const stringifyMessageObject = JSON.stringify(messageObject)
- let chatResponse = await parentEpml.request('chat', {
- type: 18,
- nonce: this.selectedAddress.nonce,
- params: {
- timestamp: sendTimestamp,
- recipient: recipient,
- recipientPublicKey: _publicKey,
- hasChatReference: 0,
- message: stringifyMessageObject,
- lastReference: reference,
- proofOfWorkNonce: 0,
- isEncrypted: isEncrypted,
- isText: 1
- }
- })
-
- _computePow(chatResponse)
- }
-
- const _computePow = async (chatBytes) => {
-
- const _chatBytesArray = Object.keys(chatBytes).map(function (key) { return chatBytes[key]; });
- const chatBytesArray = new Uint8Array(_chatBytesArray)
- const chatBytesHash = new window.parent.Sha256().process(chatBytesArray).finish().result
- const hashPtr = window.parent.sbrk(32, window.parent.heap);
- const hashAry = new Uint8Array(window.parent.memory.buffer, hashPtr, 32)
-
- hashAry.set(chatBytesHash);
-
- const difficulty = this.balance === 0 ? 12 : 8
-
- const workBufferLength = 8 * 1024 * 1024;
- const workBufferPtr = window.parent.sbrk(workBufferLength, window.parent.heap)
-
- let nonce = window.parent.computePow(hashPtr, workBufferPtr, workBufferLength, difficulty)
-
- let _response = await parentEpml.request('sign_chat', {
- nonce: this.selectedAddress.nonce,
- chatBytesArray: chatBytesArray,
- chatNonce: nonce
- })
-
- getSendChatResponse(_response)
- }
-
- const getSendChatResponse = (response) => {
-
- if (response === true) {
- messageBox.value = ""
- let err5string = get("chatpage.cchange20")
- parentEpml.request('showSnackBar', `${err5string}`)
- this.isLoading = false
- } else if (response.error) {
- parentEpml.request('showSnackBar', response.message)
- this.isLoading = false
- } else {
- let err6string = get("chatpage.cchange21")
- parentEpml.request('showSnackBar', `${err6string}`)
- this.isLoading = false
- }
- }
-
- // Exec..
- getAddressPublicKey()
- }
-
_textMenu(event) {
const getSelectedText = () => {
{
- this.removeImage()
+ this.onClickFunc();
}}>
-
this.shadowRoot.querySelector('#startChatDialog').show()}>${translate("chatpage.cchange1")}
+ {
+ this.openPrivateMessage = true;
+ }}>${translate("chatpage.cchange1")}
+
-
${this.isEmptyArray(this.chatHeads) ? this.renderLoadingText() : this.renderChatHead(this.chatHeads)}
@@ -365,35 +124,109 @@ class Chat extends LitElement {
-
-
-
- ${translate("chatpage.cchange1")}
--
${translate("chatpage.cchange6")}
- - -- -
- -
+
+
+ this.setChatEditor(editor)}
+ .chatEditor=${this.chatEditor}
+ .imageFile=${this.imageFile}
+ ._sendMessage=${this._sendMessage}
+ .insertImage=${this.insertImage}
+ ?isLoading=${this.isLoading}
+ .isLoadingMessages=${false}
+ id="messageBox"
+ >
+
+
+
+
+
+
+ ${translate("chatpage.cchange1")}
++
${translate("chatpage.cchange6")}
+
+ {
+ this.userSelected = {};
+ this.requestUpdate();
+ }}
+ />
+ ${this.userSelected.name ? (
+ html`
+
+
+ `
+ )}
+
+
+
+
+ `
+ ) : (
+ html`
+ ${translate("chatpage.cchange38")}
+
+ {
+ this.userSelected = result;
+ this.userFound = [];
+ this.userFoundModalOpen = false;
+ }}
+ .closeFunc=${() => {
+ this.userFoundModalOpen = false;
+ this.userFound = [];
+ }}
+ .searchResults=${this.userFound}
+ ?isOpen=${this.userFoundModalOpen}
+ ?loading=${this.isLoading}>
+
+
+