@xelis/sdk 0.10.11 → 0.11.0

package/dist/cjs/xswd/relayer/app.js

@@ -21,7 +21,7 @@ var App = /** @class */ (function () {
         this.errElement.classList.add("xelis-xswd-relayer-error");
         this.qrCodeElement = document.createElement("div");
         this.qrCodeElement.classList.add("xelis-xswd-relayer-qrcode");
-        this.qrCodeElement.innerHTML = "\n            <div>XSWD Relayer</div>\n            <canvas></canvas>\n        ";
+        this.qrCodeElement.innerHTML = "\n            <div class=\"xelis-xswd-relayer-scan-logo\">\n                <svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path d=\"M4,4h6v6H4V4M20,4v6H14V4h6M14,15h2V13H14V11h2v2h2V11h2v2H18v2h2v3H18v2H16V18H13v2H11V16h3V15m2,0v3h2V15H16M4,20V14h6v6H4M6,6V8H8V6H6M16,6V8h2V6H16M6,16v2H8V16H6M4,11H6v2H4V11m5,0h4v4H11V13H9V11m2-5h2v4H11V6M2,2V6H0V2A2,2,0,0,1,2,0H6V2H2M22,0a2,2,0,0,1,2,2V6H22V2H18V0h4M2,18v4H6v2H2a2,2,0,0,1-2-2V18H2m20,4V18h2v4a2,2,0,0,1-2,2H18V22Z\"/>\n                </svg>\n            </div>\n            <div class=\"xelis-xswd-relayer-logo-wrap\">\n                <div class=\"xelis-xswd-relayer-logo\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 778 743\" fill=\"currentColor\">\n                        <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M388.909 742.872L777.817 353.964L424.056 0.202599L478.809 132.737L700.036 353.964L388.909 665.091L77.7817 353.964L299.507 129.121L353.964 0L0 353.964L388.909 742.872Z\" />\n                        <path d=\"M388.909 665.091L353.964 0L299.507 129.121L388.909 665.091Z\" />\n                        <path d=\"M424.056 0.202599L388.909 665.091L478.809 132.737L424.056 0.202599Z\" />\n                    </svg>\n                </div>\n            </div>\n            <div class=\"xelis-xswd-relayer-title\">XSWD Relayer</div>\n            <canvas></canvas>\n        ";
         this.element.addEventListener("click", function (e) {
             // close the app if clicking outside
             if (_this.element.isEqualNode(e.target)) {
@@ -38,7 +38,7 @@ var App = /** @class */ (function () {
     };
     App.prototype.setError = function (msg) {
         this.clear();
-        this.errElement.innerHTML = "error: ".concat(msg);
+        this.errElement.innerHTML = "\n            <div class=\"xelis-xswd-relayer-error-text\">error: ".concat(msg, "</div>\n        ");
         this.contentElement.appendChild(this.errElement);
     };
     App.prototype.setLoading = function () {
@@ -54,7 +54,12 @@ var App = /** @class */ (function () {
             relayer: this.relayer.props.url,
             encryption_mode: this.relayer.props.encryption_mode
         });
-        qrcode_1["default"].toCanvas(canvas, qrCodeData);
+        qrcode_1["default"].toCanvas(canvas, qrCodeData, {
+            color: {
+                dark: "#fff",
+                light: "#000" // background
+            }
+        });
         this.contentElement.appendChild(this.qrCodeElement);
     };
     return App;

package/dist/cjs/xswd/relayer/index.css

@@ -1,11 +1,21 @@
 .xelis-xswd-relayer {
+    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     position: fixed;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
-    background-color: rgba(0, 0, 0, 0.5);
-    backdrop-filter: blur(10px);
+    background-color: rgba(0, 0, 0, 0.8);
+    backdrop-filter: blur(30px);
+    opacity: 0;
+    animation: xelis-xswd-relayer-appear .25s forwards;
+    user-select: none;
+}
+
+@keyframes xelis-xswd-relayer-appear {
+    100% {
+        opacity: 1;
+    }
 }
 
 .xelis-xswd-relayer-content {
@@ -13,16 +23,51 @@
     top: 50%;
     left: 50%;
     translate: -50% -50%;
-    background-color: aquamarine;
-    filter: drop-shadow(0px 0px 25px black);
 }
 
-.xelis-xswd-relayer-error {}
+.xelis-xswd-relayer-error {
+    background-color: #02ffcf;
+    padding: 15px;
+    border-radius: 10px;
+    animation: xelis-xswd-relayer-error-appear .5s forwards;
+    opacity: 0;
+}
+
+@keyframes xelis-xswd-relayer-error-appear {
+    25% {
+        translate: -4px 0;
+        rotate: -3deg;
+    }
+
+    50% {
+        translate: 4px 0;
+        rotate: 3deg;
+    }
+
+    75% {
+        translate: -4px 0;
+        rotate: -3deg;
+    }
+
+    100% {
+        opacity: 1;
+        translate: 0 0;
+        rotate: 0;
+    }
+}
+
+
+.xelis-xswd-relayer-error-text {
+    background-color: rgba(31, 31, 31, 1);
+    border-radius: 5px;
+    padding: 5px 10px;
+    color: rgb(255, 63, 63);
+}
 
 .xelis-xswd-relayer-loading {
-    width: 50px;
-    height: 50px;
-    color: black;
+    width: 75px;
+    height: 75px;
+    color: #02ffcf;
     animation: xelis-xswd-relayer-loading-animation .75s infinite;
 }
 
@@ -32,6 +77,87 @@
     }
 }
 
-.xelis-xswd-relayer-qrcode {}
+.xelis-xswd-relayer-qrcode {
+    background-color: rgba(2, 255, 207, 1);
+    padding: 30px 30px 50px 30px;
+    border-radius: 15px;
+    animation: xelis-xswd-relayer-qrcode-appear .25s forwards, xelis-xswd-relayer-qrcode-animation 2s infinite alternate;
+    translate: 0 -100%;
+    opacity: 0;
+    position: relative;
+}
+
+@keyframes xelis-xswd-relayer-qrcode-appear {
+    100% {
+        translate: 0 0;
+        opacity: 1;
+    }
+}
+
+@keyframes xelis-xswd-relayer-qrcode-animation {
+    0% {
+        background-color: rgba(2, 255, 207, 0.3);
+        filter: drop-shadow(0px 0px 100px rgba(2, 255, 209, 0.1));
+    }
+
+    100% {
+        background-color: rgba(2, 255, 207, 1);
+        filter: drop-shadow(0px 0px 200px rgba(2, 255, 209, 0.1));
+    }
+}
+
+.xelis-xswd-relayer-scan-logo {
+    position: absolute;
+    bottom: -30px;
+    left: 50%;
+    translate: -50% 0;
+    width: 25px;
+    height: 25px;
+    color: white;
+    background-color: black;
+    padding: 20px;
+    border-radius: 100%;
+}
+
+.xelis-xswd-relayer-logo-wrap {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    top: 0;
+    left: 0;
+    border-radius: 15px;
+}
+
+.xelis-xswd-relayer-logo {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 25%;
+    left: 5%;
+    scale: 1.8;
+    z-index: -1;
+    animation: xelis-xswd-relayer-logo-animation 2s infinite alternate;
+}
+
+@keyframes xelis-xswd-relayer-logo-animation {
+    0% {
+        color: rgba(0, 206, 168, 0);
+    }
+
+    100% {
+        color: rgba(0, 206, 168, 0.8);
+    }
+}
+
+
+.xelis-xswd-relayer-title {
+    font-size: 25px;
+    font-weight: bold;
+    margin-bottom: 10px;
+    color: black;
+}
 
-.xelis-xswd-relayer-qrcode canvas {}
+.xelis-xswd-relayer-qrcode canvas {
+    border-radius: 10px;
+}

package/dist/cjs/xswd/websocket.js

@@ -21,9 +21,9 @@ var websocket_2 = require("../daemon/websocket");
 var websocket_3 = require("../wallet/websocket");
 var WS = /** @class */ (function (_super) {
     __extends(WS, _super);
-    function WS() {
-        var _this = _super.call(this) || this;
-        _this.timeout = 0;
+    function WS(endpoint) {
+        var _this = _super.call(this, endpoint) || this;
+        _this.callTimeout = 0; // xswd needs user input for confirmation - timeout should not be used
         _this.daemon = new websocket_2.DaemonMethods(_this, "node.");
         _this.wallet = new websocket_3.WalletMethods(_this, "wallet.");
         return _this;

package/dist/esm/daemon/websocket.js

@@ -24,65 +24,11 @@ var DaemonMethods = /** @class */ (function () {
     DaemonMethods.prototype.dataCall = function (method, params) {
         return this.ws.dataCall(this.prefix + method, params);
     };
-    DaemonMethods.prototype.onNewBlock = function (onData) {
-        return this.ws.listenEvent(this.prefix + RPCEvent.NewBlock, onData);
+    DaemonMethods.prototype.closeListener = function (event, listener) {
+        this.ws.closeListener(event, listener);
     };
-    DaemonMethods.prototype.onBlockOrdered = function (onData) {
-        return this.ws.listenEvent(this.prefix + RPCEvent.BlockOrdered, onData);
-    };
-    DaemonMethods.prototype.onBlockOrphaned = function (onData) {
-        return this.ws.listenEvent(this.prefix + RPCEvent.BlockOrphaned, onData);
-    };
-    DaemonMethods.prototype.onStableHeightChanged = function (onData) {
-        return this.ws.listenEvent(this.prefix + RPCEvent.StableHeightChanged, onData);
-    };
-    DaemonMethods.prototype.onStableTopoHeightChanged = function (onData) {
-        return this.ws.listenEvent(this.prefix + RPCEvent.StableTopoHeightChanged, onData);
-    };
-    DaemonMethods.prototype.onTransactionOrphaned = function (onData) {
-        return this.ws.listenEvent(this.prefix + RPCEvent.TransactionOrphaned, onData);
-    };
-    DaemonMethods.prototype.onTransactionAddedInMempool = function (onData) {
-        return this.ws.listenEvent(this.prefix + RPCEvent.TransactionAddedInMempool, onData);
-    };
-    DaemonMethods.prototype.onTransactionExecuted = function (onData) {
-        return this.ws.listenEvent(this.prefix + RPCEvent.TransactionExecuted, onData);
-    };
-    DaemonMethods.prototype.onInvokeContract = function (contract, onData) {
-        var _a;
-        return this.ws.listenEvent((_a = {}, _a[this.prefix + RPCEvent.InvokeContract] = { contract: contract }, _a), onData);
-    };
-    DaemonMethods.prototype.onContractTransfer = function (address, onData) {
-        var _a;
-        return this.ws.listenEvent((_a = {}, _a[this.prefix + RPCEvent.ContractTransfer] = { address: address }, _a), onData);
-    };
-    DaemonMethods.prototype.onContractEvent = function (contract, id, onData) {
-        var _a;
-        return this.ws.listenEvent((_a = {}, _a[this.prefix + RPCEvent.ContractEvent] = { contract: contract, id: id }, _a), onData);
-    };
-    DaemonMethods.prototype.onDeployContract = function (onData) {
-        return this.ws.listenEvent(this.prefix + RPCEvent.DeployContract, onData);
-    };
-    DaemonMethods.prototype.onNewAsset = function (onData) {
-        return this.ws.listenEvent(this.prefix + RPCEvent.NewAsset, onData);
-    };
-    DaemonMethods.prototype.onPeerConnected = function (onData) {
-        return this.ws.listenEvent(this.prefix + RPCEvent.PeerConnected, onData);
-    };
-    DaemonMethods.prototype.onPeerDisconnected = function (onData) {
-        return this.ws.listenEvent(this.prefix + RPCEvent.PeerDisconnected, onData);
-    };
-    DaemonMethods.prototype.onPeerStateUpdated = function (onData) {
-        return this.ws.listenEvent(this.prefix + RPCEvent.PeerStateUpdated, onData);
-    };
-    DaemonMethods.prototype.onPeerPeerListUpdated = function (onData) {
-        return this.ws.listenEvent(this.prefix + RPCEvent.PeerPeerListUpdated, onData);
-    };
-    DaemonMethods.prototype.onPeerPeerDisconnected = function (onData) {
-        return this.ws.listenEvent(this.prefix + RPCEvent.PeerPeerDisconnected, onData);
-    };
-    DaemonMethods.prototype.onNewBlockTemplate = function (onData) {
-        return this.ws.listenEvent(this.prefix + RPCEvent.NewBlockTemplate, onData);
+    DaemonMethods.prototype.listen = function (event, listener) {
+        this.ws.listen(this.prefix + event, listener);
     };
     DaemonMethods.prototype.getVersion = function () {
         return this.dataCall(RPCMethod.GetVersion);
@@ -293,8 +239,8 @@ var DaemonMethods = /** @class */ (function () {
 export { DaemonMethods };
 var WS = /** @class */ (function (_super) {
     __extends(WS, _super);
-    function WS() {
-        var _this = _super.call(this) || this;
+    function WS(endpoint) {
+        var _this = _super.call(this, endpoint) || this;
         _this.methods = new DaemonMethods(_this);
         return _this;
     }

package/dist/esm/react/daemon.js

@@ -1,39 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -44,49 +8,34 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import React, { createContext, useContext, useEffect, useState } from 'react';
-import { to } from 'await-to-js';
 import DaemonWS from '../daemon/websocket.js';
 export var INITIATING = -1;
-var daemon = new DaemonWS();
 var Context = createContext({
     err: undefined,
-    daemon: daemon,
+    daemon: undefined,
     readyState: INITIATING
 });
 export var NodeSocketProvider = function (props) {
     var children = props.children, endpoint = props.endpoint, timeout = props.timeout;
     var _a = useState(INITIATING), readyState = _a[0], setReadyState = _a[1];
     var _b = useState(), err = _b[0], setErr = _b[1];
+    var _c = useState(), daemon = _c[0], setDaemon = _c[1];
     useEffect(function () {
-        var connect = function () { return __awaiter(void 0, void 0, void 0, function () {
-            var _a, err, _;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        setErr(undefined);
-                        return [4 /*yield*/, to(daemon.connect(endpoint))];
-                    case 1:
-                        _a = _b.sent(), err = _a[0], _ = _a[1];
-                        if (err)
-                            setErr(err);
-                        return [2 /*return*/];
-                }
-            });
-        }); };
-        connect();
+        var daemon = new DaemonWS(endpoint);
+        setDaemon(daemon);
+        return function () { return daemon.socket.close(); };
     }, [endpoint]);
     useEffect(function () {
         if (!timeout)
             return;
-        daemon.timeout = timeout;
+        if (daemon)
+            daemon.callTimeout = timeout;
     }, [timeout]);
     useEffect(function () {
-        if (!daemon.socket)
+        if (!daemon)
             return;
         setReadyState(daemon.socket.readyState);
         var onOpen = function () {
-            if (!daemon.socket)
-                return;
             setReadyState(daemon.socket.readyState);
             setErr(undefined);
         };
@@ -112,31 +61,24 @@ export var NodeSocketProvider = function (props) {
             daemon.socket.removeEventListener("close", onClose);
             daemon.socket.removeEventListener("error", onError);
         };
-    }, [daemon.socket]);
+    }, [daemon]);
     return React.createElement(Context.Provider, { value: { daemon: daemon, err: err, readyState: readyState } }, children);
 };
 export var useNodeSocketSubscribe = function (_a, dependencies) {
     var event = _a.event, onLoad = _a.onLoad, onData = _a.onData;
     var nodeSocket = useNodeSocket();
     useEffect(function () {
+        if (!nodeSocket.daemon)
+            return;
         if (nodeSocket.readyState !== WebSocket.OPEN)
             return;
         if (typeof onLoad === "function")
             onLoad();
-        var closeEvent;
-        var listen = function () { return __awaiter(void 0, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, nodeSocket.daemon.listenEvent(event, onData)];
-                    case 1:
-                        closeEvent = _a.sent();
-                        return [2 /*return*/];
-                }
-            });
-        }); };
-        listen();
+        nodeSocket.daemon.listen(event, onData);
         return function () {
-            closeEvent && closeEvent();
+            if (!nodeSocket.daemon)
+                return;
+            nodeSocket.daemon.closeListener(event, onData);
         };
     }, __spreadArray([nodeSocket], dependencies, true));
 };