@xelis/sdk 0.10.9 → 0.10.11

package/dist/cjs/rpc/websocket.js

@@ -259,25 +259,21 @@ var WSRPC = /** @class */ (function () {
             var onMessage = function (msgEvent) {
                 if (typeof msgEvent.data === "string") {
                     var data = (0, parse_json_1.parseJSON)(msgEvent.data);
-                    var valid = false;
+                    if (data.error && data.error.message) {
+                        return reject(new Error(data.error.message));
+                    }
                     if (Array.isArray(data) && data.length > 0 && data[0].id === id) {
                         //@ts-ignore
-                        resolve(data);
-                        valid = true;
+                        return resolve(data);
                     }
-                    else if (data.id === id) {
-                        resolve(data);
-                        valid = true;
+                    if (data.id === id) {
+                        return resolve(data);
                     }
-                    else if (data.id === null && id === 0) {
+                    if (data.id === null && id === 0) {
                         // special case with xswd sending first call will return null id
-                        resolve(data);
-                        valid = true;
-                    }
-                    if (valid) {
-                        clearTimeout(timeoutId);
-                        _this.socket && _this.socket.removeEventListener("message", onMessage);
+                        return resolve(data);
                     }
+                    reject(new Error("invalid data"));
                 }
             };
             _this.socket.addEventListener("message", onMessage);

package/dist/cjs/wallet/types.js

@@ -1,6 +1,6 @@
 "use strict";
 exports.__esModule = true;
-exports.Permission = exports.RPCEvent = exports.RPCMethod = exports.ElementType = exports.ValueType = exports.TxRole = void 0;
+exports.RPCEvent = exports.RPCMethod = exports.ElementType = exports.ValueType = exports.TxRole = void 0;
 var TxRole;
 (function (TxRole) {
     TxRole["Sender"] = "sender";
@@ -78,9 +78,3 @@ var RPCEvent;
     RPCEvent["Online"] = "online";
     RPCEvent["Offline"] = "offline";
 })(RPCEvent = exports.RPCEvent || (exports.RPCEvent = {}));
-var Permission;
-(function (Permission) {
-    Permission[Permission["Ask"] = 0] = "Ask";
-    Permission[Permission["AcceptAlways"] = 1] = "AcceptAlways";
-    Permission[Permission["DenyAlways"] = 2] = "DenyAlways";
-})(Permission = exports.Permission || (exports.Permission = {}));

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

@@ -0,0 +1,62 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.App = void 0;
+var qrcode_1 = __importDefault(require("qrcode"));
+var App = /** @class */ (function () {
+    function App(relayer) {
+        var _this = this;
+        this.relayer = relayer;
+        this.element = document.createElement("div");
+        this.element.classList.add("xelis-xswd-relayer");
+        this.contentElement = document.createElement("div");
+        this.contentElement.classList.add("xelis-xswd-relayer-content");
+        this.element.appendChild(this.contentElement);
+        this.loadingElement = document.createElement("div");
+        this.loadingElement.innerHTML = "\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path d=\"M20.0001 12C20.0001 13.3811 19.6425 14.7386 18.9623 15.9405C18.282 17.1424 17.3022 18.1477 16.1182 18.8587C14.9341 19.5696 13.5862 19.9619 12.2056 19.9974C10.825 20.0328 9.45873 19.7103 8.23975 19.0612\" stroke=\"currentColor\" stroke-width=\"3.55556\" stroke-linecap=\"round\"/>\n            </svg>\n        ";
+        this.loadingElement.classList.add("xelis-xswd-relayer-loading");
+        this.errElement = document.createElement("div");
+        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.element.addEventListener("click", function (e) {
+            // close the app if clicking outside
+            if (_this.element.isEqualNode(e.target)) {
+                _this.relayer.close();
+            }
+        });
+        this.relayer.props.parent.appendChild(this.element);
+        this.setLoading();
+    }
+    App.prototype.clear = function () {
+        this.loadingElement.remove();
+        this.errElement.remove();
+        this.qrCodeElement.remove();
+    };
+    App.prototype.setError = function (msg) {
+        this.clear();
+        this.errElement.innerHTML = "error: ".concat(msg);
+        this.contentElement.appendChild(this.errElement);
+    };
+    App.prototype.setLoading = function () {
+        this.clear();
+        this.contentElement.appendChild(this.loadingElement);
+    };
+    App.prototype.setQRCode = function (channelId) {
+        this.clear();
+        var canvas = this.qrCodeElement.querySelector("canvas");
+        var qrCodeData = JSON.stringify({
+            inner: {},
+            channel_id: channelId,
+            relayer: this.relayer.props.url,
+            encryption_mode: this.relayer.props.encryption_mode
+        });
+        qrcode_1["default"].toCanvas(canvas, qrCodeData);
+        this.contentElement.appendChild(this.qrCodeElement);
+    };
+    return App;
+}());
+exports.App = App;

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

@@ -0,0 +1,37 @@
+.xelis-xswd-relayer {
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    background-color: rgba(0, 0, 0, 0.5);
+    backdrop-filter: blur(10px);
+}
+
+.xelis-xswd-relayer-content {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    translate: -50% -50%;
+    background-color: aquamarine;
+    filter: drop-shadow(0px 0px 25px black);
+}
+
+.xelis-xswd-relayer-error {}
+
+.xelis-xswd-relayer-loading {
+    width: 50px;
+    height: 50px;
+    color: black;
+    animation: xelis-xswd-relayer-loading-animation .75s infinite;
+}
+
+@keyframes xelis-xswd-relayer-loading-animation {
+    100% {
+        rotate: 360deg;
+    }
+}
+
+.xelis-xswd-relayer-qrcode {}
+
+.xelis-xswd-relayer-qrcode canvas {}

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

@@ -0,0 +1,48 @@
+"use strict";
+exports.__esModule = true;
+var app_1 = require("./app");
+var Relayer = /** @class */ (function () {
+    function Relayer(props) {
+        var _this = this;
+        this.onOpen = function (e) {
+            _this.message_timeout = window.setTimeout(function () {
+                _this.app.setError("timeout occured (did not receive any message)");
+            }, 3000);
+        };
+        this.onMessage = function (e) {
+            window.clearTimeout(_this.message_timeout);
+            try {
+                console.log(e);
+                var data = JSON.parse(e.data);
+                if (data.channel_id) {
+                    _this.app.setQRCode(data.channel_id);
+                }
+                else {
+                    _this.app.setError("channel id not found");
+                }
+            }
+            catch (e) {
+                _this.app.setError("invalid data format");
+            }
+        };
+        this.onError = function (e) {
+            _this.app.setError("connection failed");
+        };
+        this.onClose = function (e) {
+            _this.app.setError("connection closed");
+        };
+        this.props = props;
+        this.app = new app_1.App(this);
+        this.ws = new WebSocket(this.props.url);
+        this.ws.addEventListener("open", this.onOpen);
+        this.ws.addEventListener("message", this.onMessage);
+        this.ws.addEventListener("error", this.onError);
+        this.ws.addEventListener("close", this.onClose);
+    }
+    Relayer.prototype.close = function () {
+        this.ws.close();
+        this.app.element.remove();
+    };
+    return Relayer;
+}());
+exports["default"] = Relayer;

package/dist/cjs/xswd/types.js

@@ -1,9 +1,2 @@
 "use strict";
 exports.__esModule = true;
-exports.Permission = void 0;
-var Permission;
-(function (Permission) {
-    Permission[Permission["Ask"] = 0] = "Ask";
-    Permission[Permission["AcceptAlways"] = 1] = "AcceptAlways";
-    Permission[Permission["DenyAlways"] = 2] = "DenyAlways";
-})(Permission = exports.Permission || (exports.Permission = {}));

package/dist/esm/rpc/websocket.js

@@ -253,25 +253,21 @@ var WSRPC = /** @class */ (function () {
             var onMessage = function (msgEvent) {
                 if (typeof msgEvent.data === "string") {
                     var data = parseJSON(msgEvent.data);
-                    var valid = false;
+                    if (data.error && data.error.message) {
+                        return reject(new Error(data.error.message));
+                    }
                     if (Array.isArray(data) && data.length > 0 && data[0].id === id) {
                         //@ts-ignore
-                        resolve(data);
-                        valid = true;
+                        return resolve(data);
                     }
-                    else if (data.id === id) {
-                        resolve(data);
-                        valid = true;
+                    if (data.id === id) {
+                        return resolve(data);
                     }
-                    else if (data.id === null && id === 0) {
+                    if (data.id === null && id === 0) {
                         // special case with xswd sending first call will return null id
-                        resolve(data);
-                        valid = true;
-                    }
-                    if (valid) {
-                        clearTimeout(timeoutId);
-                        _this.socket && _this.socket.removeEventListener("message", onMessage);
+                        return resolve(data);
                     }
+                    reject(new Error("invalid data"));
                 }
             };
             _this.socket.addEventListener("message", onMessage);

package/dist/esm/wallet/types.js

@@ -75,9 +75,3 @@ export var RPCEvent;
     RPCEvent["Online"] = "online";
     RPCEvent["Offline"] = "offline";
 })(RPCEvent || (RPCEvent = {}));
-export var Permission;
-(function (Permission) {
-    Permission[Permission["Ask"] = 0] = "Ask";
-    Permission[Permission["AcceptAlways"] = 1] = "AcceptAlways";
-    Permission[Permission["DenyAlways"] = 2] = "DenyAlways";
-})(Permission || (Permission = {}));

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

@@ -0,0 +1,56 @@
+import QRCode from 'qrcode';
+var App = /** @class */ (function () {
+    function App(relayer) {
+        var _this = this;
+        this.relayer = relayer;
+        this.element = document.createElement("div");
+        this.element.classList.add("xelis-xswd-relayer");
+        this.contentElement = document.createElement("div");
+        this.contentElement.classList.add("xelis-xswd-relayer-content");
+        this.element.appendChild(this.contentElement);
+        this.loadingElement = document.createElement("div");
+        this.loadingElement.innerHTML = "\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path d=\"M20.0001 12C20.0001 13.3811 19.6425 14.7386 18.9623 15.9405C18.282 17.1424 17.3022 18.1477 16.1182 18.8587C14.9341 19.5696 13.5862 19.9619 12.2056 19.9974C10.825 20.0328 9.45873 19.7103 8.23975 19.0612\" stroke=\"currentColor\" stroke-width=\"3.55556\" stroke-linecap=\"round\"/>\n            </svg>\n        ";
+        this.loadingElement.classList.add("xelis-xswd-relayer-loading");
+        this.errElement = document.createElement("div");
+        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.element.addEventListener("click", function (e) {
+            // close the app if clicking outside
+            if (_this.element.isEqualNode(e.target)) {
+                _this.relayer.close();
+            }
+        });
+        this.relayer.props.parent.appendChild(this.element);
+        this.setLoading();
+    }
+    App.prototype.clear = function () {
+        this.loadingElement.remove();
+        this.errElement.remove();
+        this.qrCodeElement.remove();
+    };
+    App.prototype.setError = function (msg) {
+        this.clear();
+        this.errElement.innerHTML = "error: ".concat(msg);
+        this.contentElement.appendChild(this.errElement);
+    };
+    App.prototype.setLoading = function () {
+        this.clear();
+        this.contentElement.appendChild(this.loadingElement);
+    };
+    App.prototype.setQRCode = function (channelId) {
+        this.clear();
+        var canvas = this.qrCodeElement.querySelector("canvas");
+        var qrCodeData = JSON.stringify({
+            inner: {},
+            channel_id: channelId,
+            relayer: this.relayer.props.url,
+            encryption_mode: this.relayer.props.encryption_mode
+        });
+        QRCode.toCanvas(canvas, qrCodeData);
+        this.contentElement.appendChild(this.qrCodeElement);
+    };
+    return App;
+}());
+export { App };

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

@@ -0,0 +1,37 @@
+.xelis-xswd-relayer {
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    background-color: rgba(0, 0, 0, 0.5);
+    backdrop-filter: blur(10px);
+}
+
+.xelis-xswd-relayer-content {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    translate: -50% -50%;
+    background-color: aquamarine;
+    filter: drop-shadow(0px 0px 25px black);
+}
+
+.xelis-xswd-relayer-error {}
+
+.xelis-xswd-relayer-loading {
+    width: 50px;
+    height: 50px;
+    color: black;
+    animation: xelis-xswd-relayer-loading-animation .75s infinite;
+}
+
+@keyframes xelis-xswd-relayer-loading-animation {
+    100% {
+        rotate: 360deg;
+    }
+}
+
+.xelis-xswd-relayer-qrcode {}
+
+.xelis-xswd-relayer-qrcode canvas {}

package/dist/esm/xswd/relayer/index.js

@@ -0,0 +1,46 @@
+import { App } from './app.js';
+var Relayer = /** @class */ (function () {
+    function Relayer(props) {
+        var _this = this;
+        this.onOpen = function (e) {
+            _this.message_timeout = window.setTimeout(function () {
+                _this.app.setError("timeout occured (did not receive any message)");
+            }, 3000);
+        };
+        this.onMessage = function (e) {
+            window.clearTimeout(_this.message_timeout);
+            try {
+                console.log(e);
+                var data = JSON.parse(e.data);
+                if (data.channel_id) {
+                    _this.app.setQRCode(data.channel_id);
+                }
+                else {
+                    _this.app.setError("channel id not found");
+                }
+            }
+            catch (e) {
+                _this.app.setError("invalid data format");
+            }
+        };
+        this.onError = function (e) {
+            _this.app.setError("connection failed");
+        };
+        this.onClose = function (e) {
+            _this.app.setError("connection closed");
+        };
+        this.props = props;
+        this.app = new App(this);
+        this.ws = new WebSocket(this.props.url);
+        this.ws.addEventListener("open", this.onOpen);
+        this.ws.addEventListener("message", this.onMessage);
+        this.ws.addEventListener("error", this.onError);
+        this.ws.addEventListener("close", this.onClose);
+    }
+    Relayer.prototype.close = function () {
+        this.ws.close();
+        this.app.element.remove();
+    };
+    return Relayer;
+}());
+export default Relayer;

package/dist/esm/xswd/types.js

@@ -1,6 +1 @@
-export var Permission;
-(function (Permission) {
-    Permission[Permission["Ask"] = 0] = "Ask";
-    Permission[Permission["AcceptAlways"] = 1] = "AcceptAlways";
-    Permission[Permission["DenyAlways"] = 2] = "DenyAlways";
-})(Permission || (Permission = {}));
+export {};

package/dist/types/wallet/types.d.ts

@@ -343,16 +343,3 @@ export declare enum RPCEvent {
     Online = "online",
     Offline = "offline"
 }
-export declare enum Permission {
-    Ask = 0,
-    AcceptAlways = 1,
-    DenyAlways = 2
-}
-export interface ApplicationData {
-    id: string;
-    name: string;
-    description: string;
-    url?: string;
-    permissions: Map<string, Permission>;
-    signature?: string;
-}

package/dist/types/xswd/relayer/app.d.ts

@@ -0,0 +1,14 @@
+import Relayer from './index';
+export declare class App {
+    relayer: Relayer;
+    element: HTMLDivElement;
+    contentElement: HTMLDivElement;
+    qrCodeElement: HTMLDivElement;
+    loadingElement: HTMLDivElement;
+    errElement: HTMLDivElement;
+    constructor(relayer: Relayer);
+    clear(): void;
+    setError(msg: string): void;
+    setLoading(): void;
+    setQRCode(channelId: string): void;
+}

package/dist/types/xswd/relayer/index.d.ts

@@ -0,0 +1,20 @@
+import { App } from './app';
+export type RelayerEncryptionMode = null | "aes" | "chacha20poly1305";
+export interface RelayerProps {
+    url: string;
+    encryption_mode: RelayerEncryptionMode;
+    parent: HTMLElement;
+}
+declare class Relayer {
+    ws: WebSocket;
+    app: App;
+    props: RelayerProps;
+    message_timeout?: number;
+    constructor(props: RelayerProps);
+    close(): void;
+    onOpen: (e: Event) => void;
+    onMessage: (e: MessageEvent) => void;
+    onError: (e: Event) => void;
+    onClose: (e: CloseEvent) => void;
+}
+export default Relayer;

package/dist/types/xswd/types.d.ts

@@ -1,13 +1,7 @@
-export declare enum Permission {
-    Ask = 0,
-    AcceptAlways = 1,
-    DenyAlways = 2
-}
 export interface ApplicationData {
     id: string;
     name: string;
     description: string;
     url?: string;
-    permissions: Map<string, Permission>;
-    signature?: string;
+    permissions: string[];
 }

package/dist/types/xswd/websocket.d.ts

@@ -1,7 +1,7 @@
 import { WSRPC } from '../rpc/websocket';
-import { ApplicationData } from '../wallet/types';
 import { DaemonMethods } from '../daemon/websocket';
 import { WalletMethods } from '../wallet/websocket';
+import { ApplicationData } from './types';
 export declare class WS extends WSRPC {
     daemon: DaemonMethods;
     wallet: WalletMethods;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.10.9",
+  "version": "0.10.11",
   "name": "@xelis/sdk",
   "description": "Xelis software development kit for JS",
   "exports": {
@@ -23,24 +23,32 @@
     "test": "jest",
     "compile": "tsc -b ./tsconfig.cjs.json ./tsconfig.esm.json ./tsconfig.types.json",
     "fix-esm": "fix-esm-import-path ./dist/esm",
-    "clean": "rm -rf ./dist",
-    "build": "npm run clean && npm run compile && node create_esm_pkg.js && npm run fix-esm",
-    "prepublishOnly": "npm run build"
+    "clean": "rimraf ./dist",
+    "copy-css": "copyfiles -u 1 ./src/**/*.css ./dist/cjs && copyfiles -u 1 ./src/**/*.css ./dist/esm",
+    "build": "npm run clean && npm run compile && node create_esm_pkg.js && npm run fix-esm && npm run copy-css",
+    "prepublishOnly": "npm run build",
+    "publish-dev": "npm publish --tag dev",
+    "dev-relayer": "vite ./src/xswd/relayer/test"
   },
   "devDependencies": {
     "@types/jest": "^29.4.0",
     "@types/json-bigint": "^1.0.4",
+    "@types/qrcode": "^1.5.5",
     "@types/react": "^18.2.23",
     "@types/ws": "^8.5.4",
+    "copyfiles": "^2.4.1",
     "fix-esm-import-path": "^1.10.1",
+    "rimraf": "^6.0.1",
     "ts-jest": "^29.0.5",
-    "typescript": "^4.9.5"
+    "typescript": "^4.9.5",
+    "vite": "^7.0.5"
   },
   "dependencies": {
     "await-to-js": "^3.0.0",
     "isomorphic-ws": "^5.0.0",
     "js-base64": "^3.7.6",
     "json-bigint": "^1.0.0",
+    "qrcode": "^1.5.4",
     "react": "^18.2.0",
     "ws": "^8.12.1"
   }