@zuzjs/ui 0.8.1 → 0.8.2

package/dist/esm/hooks/useUploader.d.ts

@@ -0,0 +1,46 @@
+import { CancelTokenSource } from "@zuzjs/core";
+import { dynamic } from "..";
+export declare enum Status {
+    Error = -1,
+    Idle = 0,
+    FetchingServer = 1,
+    Uploading = 2,
+    Saving = 3
+}
+export interface QueItem {
+    ID: string;
+    file: File;
+    dir: string;
+    remote: false;
+    progress: number;
+    speed: number;
+    eta: number;
+    bytes: number;
+    status: Status;
+    server?: Server | null;
+}
+export type Server = {
+    ID: string;
+    uri: string;
+    token: string;
+    rmf: string | null;
+};
+export type Uploadify = {
+    que: QueItem[];
+    index: number;
+    speed: number;
+    stamp: number | null;
+    token: string | null;
+    status: Status;
+    cancelToken?: CancelTokenSource | null;
+};
+export interface Uploader {
+    apiUrl: string;
+    onChange?: (file: QueItem | null) => void;
+    onQueFinished?: () => void;
+}
+declare const useUploader: (conf: Uploader) => {
+    getQue: () => QueItem[];
+    addToQue: (f: dynamic) => void;
+};
+export default useUploader;

package/dist/esm/hooks/useUploader.js

@@ -0,0 +1,101 @@
+import { getCancelToken, withPost } from "@zuzjs/core";
+import { uuid } from "..";
+export var Status;
+(function (Status) {
+    Status[Status["Error"] = -1] = "Error";
+    Status[Status["Idle"] = 0] = "Idle";
+    Status[Status["FetchingServer"] = 1] = "FetchingServer";
+    Status[Status["Uploading"] = 2] = "Uploading";
+    Status[Status["Saving"] = 3] = "Saving";
+})(Status || (Status = {}));
+const useUploader = (conf) => {
+    const { apiUrl, onChange, onQueFinished } = conf;
+    const self = {
+        que: [],
+        index: -1,
+        speed: 0,
+        stamp: null,
+        token: null,
+        status: Status.Idle
+    };
+    const sync = () => onChange?.(currentFile());
+    const importFile = () => { };
+    const uploadFile = () => {
+        self.stamp = Date.now();
+        const file = currentFile();
+        const formData = new FormData();
+        formData.append("ID", file.ID);
+        formData.append("dir", file.dir);
+        formData.append("server", file.server.ID);
+        formData.append("token", file.server.token);
+        formData.append('file', file.file);
+        formData.append('fs', file.file.size.toString());
+        self.cancelToken = getCancelToken();
+        withPost(`${self.que[self.index].server.uri}/receive`, formData, 86400, true, (ev) => {
+            console.log(ev);
+        })
+            .catch(resp => {
+            console.log(`Uploaded`, resp);
+        })
+            .catch(err => {
+            self.que[self.index].status = Status.Error;
+            self.status = Status.Idle;
+            sync();
+            Que();
+        });
+    };
+    const getServer = (force) => {
+        self.que[self.index].status = Status.FetchingServer;
+        sync();
+        withPost(`${apiUrl}get_server`, { size: currentFile().file.size })
+            .then((resp) => {
+            self.que[self.index].server = resp.server;
+            self.que[self.index].status = Status.Uploading;
+            sync();
+            uploadFile();
+        })
+            .catch((err) => {
+            self.que[self.index].status = Status.Error;
+            self.status = Status.Idle;
+            sync();
+            Que();
+        });
+    };
+    const currentFile = () => self.que[self.index];
+    const getQue = () => self.que;
+    const Que = () => {
+        if (self.status == Status.Idle &&
+            (self.que.length - 1) > self.index) {
+            self.status = Status.Uploading;
+            self.index++;
+            self.que[self.index].status = Status.Uploading;
+            sync();
+            if (self.que[self.index].remote)
+                importFile();
+            else
+                getServer(true);
+        }
+        else
+            onQueFinished?.();
+    };
+    const addToQue = (f) => {
+        self.que.push({
+            ID: uuid(),
+            file: f.file,
+            dir: f.dir,
+            remote: f.remote,
+            progress: 0,
+            speed: 0,
+            eta: 0,
+            bytes: 0,
+            status: Status.Idle,
+            server: null
+        });
+        Que();
+    };
+    return {
+        getQue,
+        addToQue,
+    };
+};
+export default useUploader;

package/dist/esm/hooks/useWebSocket.d.ts

@@ -1,9 +1,9 @@
-import { dynamicObject } from "..";
+import { dynamic } from "..";
 export type WebSocketOptions = {
     onOpen?: (event: Event) => void;
     onClose?: (event: CloseEvent) => void;
     onRawMessage?: (event: MessageEvent) => void;
-    onMessage?: (data: dynamicObject) => void;
+    onMessage?: (data: dynamic) => void;
     onError?: (event: Event) => void;
     reconnect?: boolean;
 };

package/dist/esm/hooks/useWebSocket.js

@@ -18,8 +18,19 @@ const useWebSocket = (url, options) => {
         reconnectIntervals.set(url, 2); // Reset to 1s on successful reconnect
     };
     const connect = useCallback(() => {
-        if (socketInstances.has(url))
+        if (socketInstances.has(url)) {
+            const Socket = socketInstances.get(url);
+            if (Socket) {
+                Socket.onmessage = (event) => {
+                    setMessages((prev) => [...prev, event.data]);
+                    onRawMessage?.(event);
+                    const raw = JSON.parse(Buffer.isBuffer(event) ? event.toString(`utf8`) : `string` == typeof event ? event : event.data);
+                    onMessage?.(raw);
+                    listenersMap.get(url)?.forEach((listener) => listener(event));
+                };
+            }
             return; // Prevent duplicate connection
+        }
         const socket = new WebSocket(url);
         socketInstances.set(url, socket);
         listenersMap.set(url, []);
@@ -79,7 +90,7 @@ const useWebSocket = (url, options) => {
             socket.send(data);
         }
         else {
-            console.warn("WebSocket is not connected.");
+            console.log("WebSocket is not connected.");
         }
     }, [url]);
     return { isConnected, messages, sendMessage };

package/dist/esm/types/index.d.ts

@@ -5,6 +5,9 @@ import { animationProps, Skeleton } from "./interfaces";
 export type Deprecated<T, M extends string> = T & {
     __deprecatedMessage?: M;
 };
+export type dynamic = {
+    [x: string]: any;
+};
 export type dynamicObject = {
     [x: string]: any;
 };