fullstacked 0.11.3-1148 → 0.12.0-1169

package/lib/bridge/serialization.ts

@@ -1,153 +0,0 @@
-const te = new TextEncoder();
-const td = new TextDecoder();
-
-export enum DataType {
-    UNDEFINED = 0,
-    BOOLEAN = 1,
-    STRING = 2,
-    NUMBER = 3,
-    BUFFER = 4,
-    ERROR = 5
-}
-
-function serializeNumber(n) {
-    const view = new DataView(new ArrayBuffer(8));
-    view.setFloat64(0, n);
-    return new Uint8Array(view.buffer);
-}
-
-function deserializeNumber(bytes: Uint8Array) {
-    const buffer = new ArrayBuffer(8);
-    new Uint8Array(buffer).set(bytes);
-    return new DataView(buffer).getFloat64(0);
-}
-
-export function numberTo4Bytes(n: number) {
-    const uint8Array = new Uint8Array(4);
-    uint8Array[0] = (n & 0xff000000) >> 24;
-    uint8Array[1] = (n & 0x00ff0000) >> 16;
-    uint8Array[2] = (n & 0x0000ff00) >> 8;
-    uint8Array[3] = (n & 0x000000ff) >> 0;
-    return uint8Array;
-}
-
-export function bytesToNumber(bytes: Uint8Array) {
-    return (
-        ((bytes[0] << 24) |
-            (bytes[1] << 16) |
-            (bytes[2] << 8) |
-            (bytes[3] << 0)) >>>
-        0
-    );
-}
-
-/*
-
-1 byte for type
-4 bytes for length
-n bytes for data
-
-*/
-
-export function serializeArgs(args: any[]) {
-    const parts = args.map((arg) => {
-        let data: Uint8Array, type: DataType;
-        if (typeof arg === "undefined" || arg === null) {
-            type = DataType.UNDEFINED;
-            data = new Uint8Array(0);
-        } else if (ArrayBuffer.isView(arg)) {
-            type = DataType.BUFFER;
-            data = new Uint8Array(arg.buffer);
-        } else if (typeof arg === "boolean") {
-            type = DataType.BOOLEAN;
-            data = new Uint8Array([arg ? 1 : 0]);
-        } else if (typeof arg === "string") {
-            type = DataType.STRING;
-            data = te.encode(arg);
-        } else if (typeof arg === "number") {
-            type = DataType.NUMBER;
-            data = serializeNumber(arg);
-        } else {
-            console.error("Using unknown type with IPC call");
-            return null;
-        }
-
-        return new Uint8Array([
-            type,
-            ...numberTo4Bytes(data.byteLength),
-            ...data
-        ]);
-    });
-
-    const totalLength = parts.reduce(
-        (total, part) => total + part.byteLength,
-        0
-    );
-    const data = new Uint8Array(totalLength);
-    parts.forEach((part, i) => {
-        const offset = parts
-            .slice(0, i)
-            .reduce((total, b) => total + b.byteLength, 0);
-        data.set(part, offset);
-    });
-
-    return data;
-}
-
-export function deserializeArgs(data: Uint8Array) {
-    const args = [];
-
-    let cursor = 0;
-    while (cursor < data.byteLength) {
-        const type = data[cursor] as DataType;
-        cursor += 1;
-        const length = bytesToNumber(data.slice(cursor, cursor + 4));
-        cursor += 4;
-        const arg = data.slice(cursor, cursor + length);
-        cursor += length;
-
-        switch (type) {
-            case DataType.UNDEFINED:
-                args.push(undefined);
-                break;
-            case DataType.BOOLEAN:
-                args.push(arg.at(0) ? true : false);
-                break;
-            case DataType.STRING:
-                args.push(td.decode(arg));
-                break;
-            case DataType.NUMBER:
-                args.push(deserializeNumber(arg));
-                break;
-            case DataType.BUFFER:
-                args.push(arg);
-                break;
-            case DataType.ERROR:
-                throw td.decode(arg);
-        }
-    }
-
-    return args;
-}
-
-export function convertObjectToArray(obj: object) {
-    return Object.entries(obj).flat();
-}
-
-export function convertArrayToObject(arr: any[]) {
-    let obj = {};
-    for (let i = 0; i < arr.length; i += 2) {
-        obj[arr[i]] = arr[i + 1];
-    }
-    return obj;
-}
-
-export function getLowestKeyIdAvailable(map: Map<number, any>) {
-    const currentIds = Array.from(map.keys()).sort((a, b) => a - b);
-    let requestId = 0;
-    for (const id of currentIds) {
-        if (requestId !== id) break;
-        requestId++;
-    }
-    return requestId;
-}

package/lib/components/snackbar.css

@@ -1 +0,0 @@
-.snack-bars-container{display:flex;flex-direction:column;gap:10px;position:fixed;bottom:0;left:0;z-index:100;padding:0 20px 20px;align-items:flex-start;width:100%;pointer-events:none;text-align:left;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-size:16px;max-width:450px}@media(max-width: 450px){.snack-bars-container{align-items:center}}.snack-bars-container .snack-bar{pointer-events:all;background-color:#404958;border-radius:5px;color:#fff;min-height:42px;max-width:100%;width:max-content;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 10px;box-shadow:0px 4px 10px rgba(21,23,27,.6)}.snack-bars-container .snack-bar>div:first-child{padding:5px 0;width:100%;overflow-wrap:break-word}

package/lib/components/snackbar.ts

@@ -1,60 +0,0 @@
-/* 
-This file must follow the figma design
-https://www.figma.com/design/xb3JBRCvEWpbwGda03T5QQ/Mockups?node-id=415-3655
-*/
-
-import type { Button } from "@fullstacked/ui";
-
-type SnackBarOpt = {
-    message: string;
-    autoDismissTimeout?: number;
-    button?: ReturnType<typeof Button>;
-};
-
-let snackBarsContainer: HTMLDivElement;
-
-export function SnackBar(opts: SnackBarOpt) {
-    if (!snackBarsContainer) {
-        snackBarsContainer = document.createElement("div");
-        snackBarsContainer.classList.add("snack-bars-container");
-        document.body.append(snackBarsContainer);
-    }
-
-    const container = document.createElement("div");
-    container.classList.add("snack-bar");
-
-    const text = document.createElement("div");
-    text.innerHTML = opts.message;
-    container.append(text);
-
-    if (opts.button) {
-        container.append(opts.button);
-    }
-
-    container.style.transform = "translateY(100%)";
-    container.style.transition = "300ms transform";
-    snackBarsContainer.append(container);
-    setTimeout(() => (container.style.transform = "translateY(0%)"));
-
-    let timeout: ReturnType<typeof setTimeout>;
-    const dismiss = () => {
-        clearTimeout(timeout);
-
-        const animDuration = 500;
-        container.style.transition = `${animDuration}ms opacity`;
-        container.style.opacity = "0";
-        setTimeout(() => {
-            container.remove();
-            if (snackBarsContainer?.children.length === 0) {
-                snackBarsContainer.remove();
-                snackBarsContainer = null;
-            }
-        }, animDuration);
-    };
-
-    if (opts.autoDismissTimeout) {
-        setTimeout(dismiss, opts.autoDismissTimeout);
-    }
-
-    return { dismiss };
-}

package/lib/connect/index.ts

@@ -1,125 +0,0 @@
-import { bridge } from "../bridge";
-import {
-    deserializeArgs,
-    numberTo4Bytes,
-    serializeArgs
-} from "../bridge/serialization";
-import core_message from "../core_message";
-import { toByteArray } from "../base64";
-
-export type Data = string | number | boolean | Uint8Array;
-
-type DataChannelCallback = (data: Data[]) => void;
-
-type DataChannel = {
-    send(...args: Data[]): void;
-    on(callback: DataChannelCallback): void;
-    off(callback: DataChannelCallback): void;
-};
-
-type DataChannelRawCallback = (data: Uint8Array) => void;
-
-type DataChannelRaw = {
-    send(buffer: Uint8Array): void;
-    on(callback: DataChannelRawCallback): void;
-    off(callback: DataChannelRawCallback): void;
-};
-
-type Channel = {
-    raw: false;
-    listeners: Set<DataChannelCallback>;
-};
-
-type ChannelRaw = {
-    raw: true;
-    listeners: Set<DataChannelRawCallback>;
-};
-
-const channels = new Map<string, Channel | ChannelRaw>();
-
-// 20
-export function connect(
-    name: string,
-    port: number,
-    host?: string,
-    raw?: false
-): Promise<DataChannel>;
-export function connect(
-    name: string,
-    port: number,
-    host: string,
-    raw: true
-): Promise<DataChannelRaw>;
-export function connect(
-    name: string,
-    port: number,
-    host = "localhost",
-    raw = false
-) {
-    const payload = new Uint8Array([
-        20,
-        ...serializeArgs([name, port, host, raw])
-    ]);
-
-    const transformer = ([channelId]) => {
-        if (raw) {
-            const listeners = new Set<DataChannelRawCallback>();
-
-            const channel: ChannelRaw = {
-                raw: true,
-                listeners
-            };
-
-            channels.set(channelId, channel);
-
-            core_message.addListener("channel-" + channelId, (dataStr) => {
-                const data = toByteArray(dataStr);
-                listeners.forEach((cb) => cb(data));
-            });
-
-            return {
-                send: (data) => send(channelId, data),
-                on: (cb) => listeners.add(cb),
-                off: (cb) => listeners.add(cb)
-            } as DataChannelRaw;
-        } else {
-            const listeners = new Set<DataChannelCallback>();
-
-            const channel: Channel = {
-                raw: false,
-                listeners
-            };
-
-            core_message.addListener("channel-" + channelId, (dataStr) => {
-                const data = toByteArray(dataStr);
-                listeners.forEach((cb) => cb(deserializeArgs(data)));
-            });
-
-            channels.set(channelId, channel);
-
-            return {
-                send: (...data) => {
-                    const body = serializeArgs(data);
-                    send(
-                        channelId,
-                        new Uint8Array([
-                            ...numberTo4Bytes(body.byteLength),
-                            ...body
-                        ])
-                    );
-                },
-                on: (cb) => listeners.add(cb),
-                off: (cb) => listeners.add(cb)
-            } as DataChannel;
-        }
-    };
-
-    return bridge(payload, transformer);
-}
-
-// 21
-function send(channelId: string, data: Uint8Array) {
-    const payload = new Uint8Array([21, ...serializeArgs([channelId, data])]);
-
-    return bridge(payload);
-}

package/lib/core_message/core_message.ts

@@ -1,76 +0,0 @@
-import { bridge } from "../bridge";
-import { serializeArgs } from "../bridge/serialization";
-import { SnackBar } from "../components/snackbar";
-
-const coreMessageListeners = new Map<string, Set<(message: string) => void>>();
-export const addListener = (
-    messageType: string,
-    cb: (message: string) => void
-) => {
-    let listeners = coreMessageListeners.get(messageType);
-    if (!listeners) {
-        listeners = new Set<typeof cb>();
-        coreMessageListeners.set(messageType, listeners);
-    }
-    listeners.add(cb);
-
-    const pending = pendingMessages.get(messageType);
-    if (pending?.length) {
-        for (const m of pending) {
-            cb(m);
-        }
-    }
-};
-export const removeListener = (
-    messageType: string,
-    cb: (message: string) => void
-) => {
-    let listeners = coreMessageListeners.get(messageType);
-    listeners?.delete(cb);
-    if (listeners?.size === 0) {
-        coreMessageListeners.delete(messageType);
-    }
-};
-
-const pendingMessages = new Map<string, string[]>();
-setInterval(() => pendingMessages.clear(), 10 * 1000); // 10s
-
-globalThis.oncoremessage = (messageType: string, message: string) => {
-    const listeners = coreMessageListeners.get(messageType);
-    if (!listeners?.size) {
-        let pending = pendingMessages.get(messageType);
-        if (!pending) {
-            pending = [];
-            pendingMessages.set(messageType, pending);
-        }
-        pending.push(message);
-    } else {
-        listeners?.forEach((cb) => cb(message));
-    }
-};
-
-addListener("hello", console.log);
-addListener("log", console.log);
-addListener("alert", (message) => {
-    SnackBar({
-        message,
-        autoDismissTimeout: 4000
-    });
-});
-
-// 40
-function setTitle(title: string) {
-    const payload = new Uint8Array([
-        40,
-        ...serializeArgs([title])
-    ]);
-    bridge(payload);
-}
-
-let lastTitleSeen = null;
-setInterval(() => {
-    if(lastTitleSeen !== document.title) {
-        setTitle(document.title);
-    }
-    lastTitleSeen = document.title;
-}, 500)

package/lib/core_message/index.ts

@@ -1,3 +0,0 @@
-import * as core_message from "./core_message";
-export default core_message;
-export * from "./core_message";