Formatted all .ts files

This commit is contained in:
Donkie
2023-10-18 19:21:57 +02:00
parent 42cd250a92
commit f064ea589c
7 changed files with 321 additions and 332 deletions

View File

@@ -4,13 +4,13 @@ import { BaseKey, LiveEvent, LiveProvider } from "@refinedev/core";
* A spoolman websocket event.
*/
interface Event {
type: "updated" | "deleted" | "added";
resource: "filament" | "spool" | "vendor";
date: string;
payload: {
id: number;
[key: string]: unknown;
};
type: "updated" | "deleted" | "added";
resource: "filament" | "spool" | "vendor";
date: string;
payload: {
id: number;
[key: string]: unknown;
};
}
/**
@@ -21,25 +21,24 @@ interface Event {
* @returns The WebSocket URL
*/
function toWebsocketURL(apiUrl: string) {
if (apiUrl[0] === "/") {
// Relative URL, e.g. "/api/v1/..."
if (apiUrl[0] === "/") {
// Relative URL, e.g. "/api/v1/..."
// Get the current browser URL
const currentURL = window.location.href;
// Get the current browser URL
const currentURL = window.location.href;
// Split the URL to separate the protocol, host, and path
const urlParts = currentURL.split('/');
const host = urlParts[2];
// Split the URL to separate the protocol, host, and path
const urlParts = currentURL.split("/");
const host = urlParts[2];
// Create the WebSocket URL by adding "ws://" as the protocol and the relative URL as the path
return `ws://${host}${apiUrl}`;
}
else {
// Absolute URL, e.g. "https://example.com/api/v1/..."
// Create the WebSocket URL by adding "ws://" as the protocol and the relative URL as the path
return `ws://${host}${apiUrl}`;
} else {
// Absolute URL, e.g. "https://example.com/api/v1/..."
// Replace the protocol with "ws://"
return apiUrl.replace(/^http/, 'ws');
}
// Replace the protocol with "ws://"
return apiUrl.replace(/^http/, "ws");
}
}
/**
@@ -51,77 +50,72 @@ function toWebsocketURL(apiUrl: string) {
* @param id Specific ID to subscribe to, if any. If not specified, subscribes to all IDs.
* @returns A function to unsubscribe from the resource
*/
function subscribeSingle(apiUrl: string, channel: string, resource: string, callback: (event: LiveEvent) => void, id?: BaseKey) {
// Verify that WebSockets are supported
if (!('WebSocket' in window)) {
console.warn("WebSockets are not supported in this browser. Live updates will not be available.");
return () => { };
}
function subscribeSingle(
apiUrl: string,
channel: string,
resource: string,
callback: (event: LiveEvent) => void,
id?: BaseKey
) {
// Verify that WebSockets are supported
if (!("WebSocket" in window)) {
console.warn("WebSockets are not supported in this browser. Live updates will not be available.");
return () => {};
}
const websocketURL = id ? toWebsocketURL(`${apiUrl}/${resource}/${id}`) : toWebsocketURL(`${apiUrl}/${resource}`);
const websocketURL = id ? toWebsocketURL(`${apiUrl}/${resource}/${id}`) : toWebsocketURL(`${apiUrl}/${resource}`);
const ws = new WebSocket(websocketURL);
ws.onmessage = (message) => {
const data: Event = JSON.parse(message.data);
const type = data.type === "added" ? "created" : data.type;
const date = new Date(data.date);
const ws = new WebSocket(websocketURL);
ws.onmessage = (message) => {
const data: Event = JSON.parse(message.data);
const type = data.type === "added" ? "created" : data.type;
const date = new Date(data.date);
const liveEvent: LiveEvent = {
channel: channel,
type: type,
payload: {
data: data.payload,
ids: [data.payload.id],
},
date: date,
}
callback(liveEvent);
const liveEvent: LiveEvent = {
channel: channel,
type: type,
payload: {
data: data.payload,
ids: [data.payload.id],
},
date: date,
};
return () => {
ws.close();
};
callback(liveEvent);
};
return () => {
ws.close();
};
}
const liveProvider = (
apiUrl: string,
): LiveProvider => ({
subscribe: ({ channel, params, callback }) => {
const {
resource,
subscriptionType,
id,
ids,
} = params ?? {};
const liveProvider = (apiUrl: string): LiveProvider => ({
subscribe: ({ channel, params, callback }) => {
const { resource, subscriptionType, id, ids } = params ?? {};
if (!subscriptionType) {
throw new Error(
"[useSubscription]: `subscriptionType` is required in `params`",
);
}
if (!subscriptionType) {
throw new Error("[useSubscription]: `subscriptionType` is required in `params`");
}
if (!resource) {
throw new Error(
"[useSubscription]: `resource` is required in `params`",
);
}
if (!resource) {
throw new Error("[useSubscription]: `resource` is required in `params`");
}
let idList: BaseKey[];
if (ids) idList = ids;
else if (id) idList = [id];
else {
// No ID specified, subscribe to all IDs
return [subscribeSingle(apiUrl, channel, resource, callback)]
}
let idList: BaseKey[];
if (ids) idList = ids;
else if (id) idList = [id];
else {
// No ID specified, subscribe to all IDs
return [subscribeSingle(apiUrl, channel, resource, callback)];
}
return idList.map((id) => {
return subscribeSingle(apiUrl, channel, resource, callback, id);
});
},
unsubscribe: (closers: (() => void)[]) => {
closers.forEach((fn) => fn());
},
})
return idList.map((id) => {
return subscribeSingle(apiUrl, channel, resource, callback, id);
});
},
unsubscribe: (closers: (() => void)[]) => {
closers.forEach((fn) => fn());
},
});
export default liveProvider;