converse-tauri/dist/index.html

257 lines
8.1 KiB
HTML

<!doctype html>
<html class="no-js" lang="en">
<head>
<title>Converse</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="description" content="Converse Rust"/>
<meta name="author" content="moparisthebest" />
<meta name="keywords" content="xmpp chat webchat converse.js" />
<link rel="shortcut icon" type="image/ico" href="./dist/favicon.ico"/>
<link rel="manifest" href="./manifest.json">
<link type="text/css" rel="stylesheet" media="screen" href="./dist/converse.min.css" />
<!--
uncomment this to disable omemo
-->
<script src="./3rdparty/libsignal-protocol.min.js"></script>
<script src="./dist/converse.min.js"></script>
</head>
<body class="converse-fullscreen">
<noscript>You need to enable JavaScript to run the Converse.js chat app.</noscript>
<div id="conversejs-bg"></div>
<script>
// access the pre-bundled global API functions
const { invoke } = window.__TAURI__.tauri;
const { getClient, ResponseType, Body } = window.__TAURI__.http;
const tauriFetch = window.__TAURI__.http.fetch;
const realFetch = window.fetch;
// this is clearly not a complete fetch implementation
// but it's enough for the omemo downloadFile() function...
window.fetch = async function (url) {
console.log("fetching url: " + url);
const client = await getClient();
let response = await await client.get(url, {
timeout: 30,
responseType: ResponseType.Binary,
});
let data = new Uint8Array(response.data).buffer;
response.arrayBuffer = async function () {
return data;
};
return response;
};
// this is clearly not a complete XMLHttpRequest implementation
// but it's enough for http upload and gif download
const realXMLHttpRequest = window.XMLHttpRequest;
function fXMLHttpRequest() {
//this._xhr = new realXMLHttpRequest();
this.upload = {};
this.upload.addEventListener = function (type, listener, useCapture) {
console.log("fake XMLHttpRequest.upload.addEventListener()");
};
}
// Constructor
function cXMLHttpRequest() {
return new fXMLHttpRequest();
}
cXMLHttpRequest.prototype = fXMLHttpRequest.prototype;
cXMLHttpRequest.DONE = 4;
cXMLHttpRequest.prototype.open = function (sMethod, sUrl, bAsync, sUser, sPassword) {
this._method = sMethod;
this._url = sUrl;
this._async = bAsync;
// Delete headers, required when object is reused
delete this._headers;
};
cXMLHttpRequest.prototype.setRequestHeader = function (sName, sValue) {
if (!this._headers) {
this._headers = {};
}
this._headers[sName] = sValue;
};
cXMLHttpRequest.prototype.overrideMimeType = function (mimeType) {
this._mimeType = mimeType;
};
cXMLHttpRequest.prototype.send = function (vData) {
const realThis = this;
/*
const xhr = new realXMLHttpRequest();
//xhr.onreadystatechange = this.onreadystatechange;
xhr.onreadystatechange = async () => {
if (xhr.readyState === XMLHttpRequest.DONE) {
realThis.status = xhr.status;
realThis.readyState = xhr.readyState;
realThis.responseText = xhr.responseText;
realThis.response = xhr.response;
//console.log("xhr status: " + realThis.status}`);
console.log(`xhr status: ${realThis.status}`);
console.log(`xhr readyState: ${realThis.readyState}`);
console.log(`xhr responseText: ${realThis.responseText}`);
console.log(`xhr response: ${realThis.response}`);
if (realThis.onreadystatechange !== undefined) {
realThis.onreadystatechange();
}
if (realThis.onload !== undefined) {
realThis.onload();
}
}
};
console.log(`open(${this._method}, ${this._url}, ${this._async})`);
xhr.open(this._method, this._url, this._async);
if (this._mimeType !== undefined) {
console.log(`overrideMimeType(${this._mimeType})`);
xhr.overrideMimeType(this._mimeType);
}
for (const key in realThis._headers) {
console.log(`setRequestHeader(${key}: ${realThis._headers[key]})`);
xhr.setRequestHeader(key, realThis._headers[key]);
}
console.log(`send(${vData})`);
xhr.send(vData);
*/
(async function () {
let response = null;
if (realThis._method == "PUT") {
const filePromise = new Promise((resolve, reject) => {
const reader = new FileReader();
reader.onload = function (e) {
resolve(reader.result);
};
reader.readAsArrayBuffer(vData);
});
let buffer = await filePromise;
const client = await getClient();
response = await await client.put(realThis._url, Body.bytes(buffer), {
timeout: 30,
responseType: ResponseType.Text,
headers: realThis._headers,
});
} else if (realThis._method == "GET") {
const client = await getClient();
response = await await client.get(realThis._url, {
timeout: 30,
responseType: ResponseType.Text,
headers: realThis._headers,
});
}
realThis.status = response.status;
realThis.readyState = XMLHttpRequest.DONE;
realThis.responseText = response.data;
realThis.response = response.data;
if (realThis.onreadystatechange !== undefined) {
realThis.onreadystatechange();
}
if (realThis.onload !== undefined) {
realThis.onload();
}
})();
};
window.XMLHttpRequest = cXMLHttpRequest;
function addCredentials(login, password) {
localStorage.setItem("login", login);
localStorage.setItem("password", password);
}
function getCredentials() {
const credentials = {};
credentials.login = localStorage.getItem("login") || "";
if (credentials.login) {
credentials.password = localStorage.getItem("password");
}
return credentials;
}
function removeCredentials() {
localStorage.removeItem("login");
localStorage.removeItem("password");
}
converse.plugins.add("converse-desktop-credentials", {
initialize() {
console.log("converse-desktop-credentials - initialize");
const { _converse } = this;
const { api } = _converse;
api.listen.on("afterResourceBinding", () => {
console.log("converse-desktop-credentials - afterResourceBinding");
if (_converse.connection.pass) {
addCredentials(_converse.bare_jid, _converse.connection.pass);
}
});
api.listen.on("logout", () => {
console.log("converse-desktop-credentials - logout");
removeCredentials();
});
},
});
const { login, password } = getCredentials();
console.log("login: " + login);
invoke("proxy_port")
.then((port) => {
console.log("proxy_port: " + port);
converse
.initialize({
auto_login: login && password,
jid: login,
password: password,
authentication: "login",
auto_away: 300,
auto_reconnect: true,
//websocket_url: 'ws://127.0.0.1:' + port + '/xmpp-websocket/',
websocket_url: "wss://burtrum.org/xmpp-websocket/",
assets_path: "./dist/",
discover_connection_methods: false,
message_archiving: "always",
play_sounds: false,
view_mode: "fullscreen",
//loglevel: 'debug',
muc_respect_autojoin: true,
muc_show_logs_before_join: true,
whitelisted_plugins: ["converse-desktop-credentials"],
})
.catch((reason) => {
document.body.innerText = "error starting converse: " + reason;
console.log(document.body.innerText);
});
})
.catch((reason) => {
document.body.innerText = "error starting proxy: " + reason;
console.log(document.body.innerText);
});
</script>
</body>
</html>