@wxn0brp/db 0.0.6 → 0.0.7

package/dist/esm/remote/server/gui/js/api.js

@@ -1,166 +0,0 @@
-const databaseGetMetaFunc = {
-    async loadDbList(serverId){
-        const server = serversMeta[serverId];
-        if(!server) return;
-        const res = await fetch(server.url + "getDbList", {
-            method: "POST",
-            headers: {
-                "Content-Type": "application/json",
-                "Authorization": server.token
-            },
-        }).then(res => res.json());
-    
-        if(res.err){
-            alert(res.msg);
-            return;
-        }
-        serversData[serverId] = {};
-        const dbObj = serversData[serverId];
-        res.result.forEach(db => {
-            dbObj[db.name] = {
-                collections: [],
-                type: db.type
-            };
-        });
-        return dbObj;
-    },
-    
-    async loginToDb(serverUrl, serverName, login, password){
-        if(!serverUrl.endsWith("/")) serverUrl += "/";
-        const res = await fetch(serverUrl + "login", {
-            method: "POST",
-            headers: {
-                "Content-Type": "application/json"
-            },
-            body: JSON.stringify({ login, password })
-        }).then(res => res.json());
-        if(res.err){
-            alert(res.msg);
-            return false;
-        }
-    
-        const id = Object.keys(serversMeta).length + 1;
-        serversMeta[id] = {
-            url: serverUrl,
-            token: res.token,
-            name: serverName,
-            login
-        }
-        return id;
-    },
-
-    async getDbTables(serverId, dbName){
-        const server = serversMeta[serverId];
-        if(!server) return;
-    
-        const res = await fetch(server.url + "db/" + getSelectedDatabase().type + "/getCollections", {
-            method: "POST",
-            headers: {
-                "Content-Type": "application/json",
-                "Authorization": server.token
-            },
-            body: JSON.stringify({ db: dbName })
-        }).then(res => res.json());
-        if(res.err){
-            alert(res.msg);
-            return;
-        }
-    
-        serversData[serverId][dbName].collections = res.result;
-        return res.result;
-    },
-    
-    getAll(){
-        const out = [];
-        Object.keys(serversMeta).forEach(id => {
-            const server = serversMeta[id];
-            out.push({
-                id,
-                name: server.name,
-                saved: server.saved,
-                url: server.url,
-                login: server.login,
-            })
-        });
-
-        const savedServers = JSON.parse(localStorage.getItem("servers") || "[]");
-        savedServers.forEach(server => {
-            if(out.find(s => s.name == server.name)) return;
-            out.push({
-                id: -1,
-                name: server.name,
-                url: server.url,
-                saved: true,
-            })
-        });
-
-        return out;
-    }
-}
-
-const storageControler = {
-    addServerStorage(id){
-        let servers = JSON.parse(localStorage.getItem("servers") || "[]");
-        const server = serversMeta[id];
-        if(!server.url.endsWith("/")) server.url += "/";
-        servers.push({
-            name: server.name,
-            url: server.url,
-        });
-        servers.sort((a, b) => a.name.localeCompare(b.name));
-        localStorage.setItem("servers", JSON.stringify(servers));
-    },
-    
-    removeServerStorage(serverId, serverData=null){
-        let servers = JSON.parse(localStorage.getItem("servers"));
-        if(!servers) servers = [];
-        const server = serverData || serversMeta[serverId];
-        server.saved = false;
-
-        const index = servers.findIndex(({ name, url }) => name == server.name && url == server.url);
-        if(index > -1) servers.splice(index, 1);
-
-        localStorage.setItem("servers", JSON.stringify(servers));
-    },
-    
-    async getServersFromStorage(){
-        let servers = JSON.parse(localStorage.getItem("servers"));
-        if(!servers) return;
-        
-        for(let server of servers){
-            const serverId = await popupFunc.addServer(server);
-            if(serverId){
-                serversMeta[serverId].saved = true;
-            }
-            await new Promise(resolve => setTimeout(resolve, 1000));
-        }
-        renderFunc.renderServerList();
-    },
-}
-
-const menageServers = {
-    toggleServer(id, name="", url=""){
-        let server = serversMeta[id];
-        if(!server){
-            if(id != -1) return;
-            const servers = JSON.parse(localStorage.getItem("servers") || "[]");
-            if(!servers) return;
-            storageControler.removeServerStorage(-1, { name, url });
-            document.querySelector("#popUpContainer #menageServers #cancel-btn").click();
-            setTimeout(() => {
-                popupFunc.showMgmtServers();
-            }, 1000);
-            return;
-        }
-
-        if(server.saved){
-            storageControler.removeServerStorage(id);
-            server.saved = false;
-            document.querySelector("#menageServers__" + id).innerHTML = "Add to saved";
-        }else{
-            storageControler.addServerStorage(id);
-            server.saved = true;
-            document.querySelector("#menageServers__" + id).innerHTML = "Remove from saved";
-        }
-    }
-}

package/dist/esm/remote/server/gui/js/index.js

@@ -1,17 +0,0 @@
-const navPos = document.querySelector("nav");
-
-function selectTable(server, db, table){
-    vars.selectedServer = server;
-    vars.selectedDb = db;
-    vars.selectedTable = table;
-    renderFunc.updateQueryStyle();
-}
-
-new AutoUpdater(vars, "selectedServer", "#selected-server", data => data ? serversMeta[data]?.name + " >" : "-");
-new AutoUpdater(vars, "selectedDb", "#selected-database", data => data ? data + " >" : "-");
-new AutoUpdater(vars, "selectedTable", "#selected-table", data => data ? data : "-");
-
-document.querySelector("#nav__toggle").addEventListener("click", () => {
-    navPos.style.left = navPos.style.left == "0px" ? "-" +navPos.clientWidth + "px" : "0px";
-});
-storageControler.getServersFromStorage().then(renderFunc.renderServerList);

package/dist/esm/remote/server/gui/js/loadHTML.js

@@ -1,16 +0,0 @@
-function loadHTML(){
-    const templateDiv = document.querySelector("#templates");
-    const appDiv = document.querySelector("#app");
-    [
-        "data",
-        "nav",
-        "popup",
-    ].forEach(file => {
-        const html = cw.get(`html/${file}.html`);
-        templateDiv.innerHTML += html;
-    });
-
-    appDiv.innerHTML += cw.get("html/main.html");
-}
-
-loadHTML();

package/dist/esm/remote/server/gui/js/popUp.js

@@ -1,72 +0,0 @@
-const popupDiv = document.querySelector("#popUpContainer");
-
-const popupFunc = {
-    async addServer(data={}){
-        return new Promise((resolve, reject) => {
-            let { url, name, login, pass } = data;
-            const popup = document.createElement("div");
-            popup.id = "addServer";
-            popup.innerHTML = templates.addServer(data);
-    
-            const urlInput = popup.querySelector("#url");
-            const nameInput = popup.querySelector("#name");
-            const loginInput = popup.querySelector("#login");
-            const passInput = popup.querySelector("#pass");
-            urlInput.value = url || "";
-            nameInput.value = name || "";
-            loginInput.value = login || "";
-            passInput.value = pass || "";
-    
-            async function loginFunc(){
-                url = urlInput.value;
-                name = nameInput.value;
-                login = loginInput.value;
-                pass = passInput.value;
-                if(!url || !name || !login || !pass){
-                    alert("All fields are required");
-                    return;
-                }
-                const serverId = await databaseGetMetaFunc.loginToDb(url, name, login, pass);
-                if(!serverId) return;
-                
-                resolve(serverId);
-                popup.fadeOut(() => popup.remove());
-            }
-
-            popup.querySelector("#login-btn").addEventListener("click", loginFunc);
-            passInput.addEventListener("keydown", (e) => {
-                if(e.key == "Enter") loginFunc();
-            });
-    
-            popup.querySelector("#cancel-btn").addEventListener("click", () => {
-                resolve(false);
-                popup.fadeOut(() => popup.remove());
-            });
-    
-            popupDiv.appendChild(popup);
-            popup.fadeIn();
-        });
-    },
-
-    async showAddServer(){
-        const res = await popupFunc.addServer();
-        if(!res) return;
-        renderFunc.renderServerList();
-        document.querySelector("#popUpContainer #menageServers #cancel-btn").click();
-        await new Promise(resolve => setTimeout(resolve, 1000));
-        popupFunc.showMgmtServers();
-    },
-
-    showMgmtServers(){
-        const div = document.createElement("div");
-        div.id = "menageServers";
-        const servers = databaseGetMetaFunc.getAll();
-        div.innerHTML = templates.menageServers({ serversList: servers });
-        popupDiv.appendChild(div);
-        div.fadeIn();
-
-        div.querySelector("#cancel-btn").addEventListener("click", () => {
-            div.fadeOut(() => div.remove());
-        });
-    }
-}

package/dist/esm/remote/server/gui/js/queryApi.js

@@ -1,51 +0,0 @@
-const dbActionUtils = {
-    async query(data, path){
-        if(!vars.selectedServer) return false;
-        if(!vars.selectedDb) return false;
-        if(!vars.selectedTable) return false;
-
-        const body = {
-            db: vars.selectedDb,
-            collection: vars.selectedTable,
-            ...data
-        }
-
-        const server = serversMeta[vars.selectedServer];
-        const res = await fetch(server.url + "db/" + path, {
-            method: "POST",
-            headers: {
-                "Content-Type": "application/json",
-                "Authorization": server.token
-            },
-            body: JSON.stringify(body)
-        }).then(res => res.json());
-        if(res.err){
-            alert(res.msg);
-            return false;
-        }
-
-        return res.result;
-    }
-}
-
-const dbActions = {
-    async find(query, context=undefined, opts=undefined){
-        const body = {
-            search: query,
-            context,
-            opts
-        }
-
-        return await dbActionUtils.query(body, "database/find");
-    },
-}
-
-const graphActions = {
-    async find(node){
-        return await dbActionUtils.query({ node }, "graph/find");
-    },
-
-    async getAll(){
-        return await dbActionUtils.query({}, "graph/getAll");
-    },
-}

package/dist/esm/remote/server/gui/js/queryDb.js

@@ -1,79 +0,0 @@
-const queryDbFunc = {
-    queryInput: document.querySelector("#query"),
-    queryTypeSelect: document.querySelector("#query-type"),
-    queryContextInput: document.querySelector("#query-context"),
-    queryContextLabel: document.querySelector("#query-context-label"),
-    queryOptsInput: document.querySelector("#query-opts"),
-
-    renderData(){
-        if(!db_data || db_data.length == 0){
-            data_output.innerHTML = "<p>No data</p>";
-            return;
-        }
-        data_output.innerHTML = templates.tableData({ data: db_data });
-    },
-
-    init(){
-        document.querySelector("#query-db-btn").addEventListener("click", async () => {
-            let query = queryDbFunc.queryInput.value.trim();
-            let type = queryDbFunc.queryTypeSelect.value.trim();
-            let context = queryDbFunc.queryContextInput.value.trim();
-            let opts = queryDbFunc.queryOptsInput.value.trim();
-
-            if(!query) query = "{}";
-            if(!type) type = "json";
-            if(!context) context = "{}";
-            if(!opts) opts = "{}";
-
-            switch(type){
-                case "js-function":
-                    try{
-                        (new Function("return " + query))();
-                    }catch{
-                        return alert("Invalid query context");
-                    }
-                break;
-                case "json5":
-                    if(!query.startsWith("{")) query = "{" + query + "}";
-                    query = JSON5.parse(query);
-                break;
-                case "json":
-                    query = JSON.parse(query);
-                break;
-            }
-
-            context = JSON5.parse(context);
-            opts = JSON5.parse(opts);
-            if(!context) context = {};
-            if(!opts) opts = {};
-            
-            const data = await dbActions.find(query, context, opts);
-            if(!data) return;
-            db_data = data;
-            queryDbFunc.renderData();
-        });
-
-        queryDbFunc.queryTypeSelect.addEventListener("change", () => {
-            queryDbFunc.queryContextLabel.style.display = queryTypeSelect.value == "js-function" ? "block" : "none";
-        });
-
-        document.querySelector("#sortData").addEventListener("click", () => {
-            const sortKey = prompt("Enter key to sort by:");
-            if(!sortKey) return;
-            queryDbFunc.sortData(sortKey);
-        });
-    },
-
-    sortData(key){
-        db_data.sort((a, b) => {
-            const aValue = a[key] !== undefined ? a[key] : "";
-            const bValue = b[key] !== undefined ? b[key] : "";
-            if(aValue > bValue) return 1;
-            if(aValue < bValue) return -1;
-            return 0;
-        });
-        this.renderData();
-    }
-}
-
-queryDbFunc.init();

package/dist/esm/remote/server/gui/js/queryGraph.js

@@ -1,144 +0,0 @@
-const queryGraphFunc = {
-    queryInput: document.querySelector("#query-graph-node"),
-    outputMethodSelect: document.querySelector("#query-graph-output-method"),
-
-    init(){
-        document.querySelector("#query-graph-btn").addEventListener("click", async () => {
-            const node = queryGraphFunc.queryInput.value.trim();
-            const edges = await graphActions.find(node);
-            db_data = edges;
-            queryGraphFunc.displayEdges();
-        });
-
-        document.querySelector("#query-graph-all-btn").addEventListener("click", async () => {
-            const edges = await graphActions.getAll();
-            db_data = edges;
-            queryGraphFunc.displayEdges();
-        });
-    },
-
-    displayEdges(){
-        const method = queryGraphFunc.outputMethodSelect.value;
-
-        switch(method){
-            case "table":
-                if(!db_data || db_data.length == 0){
-                    data_output.innerHTML = "<p>No data</p>";
-                    return;
-                }
-                data_output.innerHTML = templates.tableData({ data: db_data });
-            break;
-            case "graph":
-                queryGraphFunc.displayEdgesGraph();
-            break;
-        }
-    },
-
-    displayEdgesGraph(){
-        if(!db_data || db_data.length == 0){
-            data_output.innerHTML = "<p>No data</p>";
-            return;
-        }
-        data_output.innerHTML = "";
-        const { nodes, links } = queryGraphFunc.transformData(db_data);
-
-        const div = document.createElement("div");
-        div.style.height = "500px";
-        div.style.width = "99%";
-        data_output.appendChild(div);
-
-        const width = div.clientWidth;
-        const height = div.clientHeight;
-        
-        const zoom = d3.zoom()
-            .scaleExtent([0.1, 4])
-            .on("zoom", (event) => {
-                g.attr("transform", event.transform);
-            })
-
-        const svg = d3.create("svg")
-            .attr("width", width)
-            .attr("height", height)
-            .call(zoom);
-        
-        const g = svg.append("g");
-        
-        const simulation = d3.forceSimulation(nodes)
-            .force("link", d3.forceLink().id(d => d.id).distance(90))
-            .force("charge", d3.forceManyBody().strength(-90))
-            .force("center", d3.forceCenter(width / 2, height / 2))
-            .force("collision", d3.forceCollide().radius(50))
-            .force("gravity", d3.forceManyBody().strength(20));
-        
-        const link = g.append("g")
-            .attr("class", "links")
-            .selectAll("line")
-            .data(links)
-            .enter().append("line")
-            .attr("stroke-width", 2)
-            .style("stroke", "var(--accent)");
-        
-        const node = g.append("g")
-            .attr("class", "nodes")
-            .selectAll("g")
-            .data(nodes)
-            .enter().append("g");
-        
-        node.append("circle")
-            .attr("r", 8)
-            .attr("fill", "var(--accent)");
-        
-        node.append("text")
-            .attr("dx", 12)
-            .attr("dy", ".35em")
-            .attr("fill", "var(--txt)")
-            .text(d => d.id)
-            .style("cursor", "pointer")
-            .on("click", function(event, d) {
-                queryGraphFunc.copyToClipboard(d.id);
-            });
-        
-        simulation
-            .nodes(nodes)
-            .on("tick", () => {
-                link.attr("x1", d => d.source.x)
-                    .attr("y1", d => d.source.y)
-                    .attr("x2", d => d.target.x)
-                    .attr("y2", d => d.target.y);
-        
-                node.attr("transform", d => `translate(${d.x},${d.y})`);
-            });
-        
-        simulation.force("link").links(links);
-        div.appendChild(svg.node());
-
-        const resetView = document.createElement("button");
-        resetView.innerText = "Reset view";
-        resetView.addEventListener("click", () => {
-            svg.transition().duration(750)
-                .call(zoom.transform, d3.zoomIdentity);
-        });
-        data_output.appendChild(resetView);
-    },
-
-    transformData(inputData){
-        const nodesSet = new Set();
-        
-        const links = inputData.map(({ a, b }) => {
-            nodesSet.add(a);
-            nodesSet.add(b);
-            return { source: a, target: b };
-        });
-
-        const nodes = Array.from(nodesSet).map(id => ({ id }));
-        return { nodes, links };
-    },
-
-    copyToClipboard(text){
-        navigator.clipboard.writeText(text).then(() => alert("Copied in clipboard!")).catch(() => {
-            alert("Failed to copy in clipboard. Manually select and copy it:\n" + text);
-        });
-    },
-}
-
-queryGraphFunc.init();

package/dist/esm/remote/server/gui/js/render.js

@@ -1,64 +0,0 @@
-const databaseServerList = document.querySelector("#database-server-list");
-const data_output = document.querySelector("#data-output");
-const queryDivDb = document.querySelector("#query-div-db");
-const queryDivGraph = document.querySelector("#query-div-graph");
-
-const renderFunc = {
-    renderServerList(){
-        const serversList = [];
-        Object.keys(serversMeta).forEach(id => {
-            serversList.push({
-                id,
-                name: serversMeta[id].name,
-                saved: serversMeta[id].saved || false
-            });
-        })
-        databaseServerList.innerHTML = templates.databasesList({ serversList });
-
-        Object.keys(serversMeta).forEach(id => {
-            renderFunc.rednerServer(id);
-        })
-    },
-
-    async rednerServer(id){
-        const server = serversMeta[id];
-        if(!server) return;
-        const nav = document.querySelector("#database-nav-"+id);
-        nav.innerHTML = "";
-
-        const dbsObj = await databaseGetMetaFunc.loadDbList(id);
-        const dbsArray = [];
-        Object.keys(dbsObj).forEach(db => {
-            dbsArray.push({
-                serverId: id,
-                name: db
-            });
-        })
-        nav.innerHTML = templates.databaseNav({ dbs: dbsArray });
-    },
-
-    async renderTables(serverId, dbName){
-        const nav = document.querySelector("#database-nav-"+serverId+"-"+dbName);
-        nav.innerHTML = "";
-        vars.selectedServer = serverId;
-        vars.selectedDb = dbName;
-        vars.selectedTable = null;
-        renderFunc.updateQueryStyle();
-        const tables = await databaseGetMetaFunc.getDbTables(serverId, dbName);
-        nav.innerHTML = templates.databasesTables({ tables, server: serverId, db: dbName });
-    },
-
-    updateQueryStyle(){
-        const dbType = getSelectedDatabase().type;
-        switch(dbType){
-            case "database":
-                queryDivDb.style.display = "block";
-                queryDivGraph.style.display = "none";
-            break;
-            case "graph":
-                queryDivDb.style.display = "none";
-                queryDivGraph.style.display = "block";
-            break;
-        }
-    },
-}

package/dist/esm/remote/server/gui/js/templates.js

@@ -1,31 +0,0 @@
-const templatesUtils = {
-    load(id){
-        const templateEle = document.querySelector("#"+id);
-        const html = templateEle.innerHTML;
-        const template = Handlebars.compile(html);
-        templateEle.remove();
-        return template;
-    }
-}
-
-Handlebars.registerHelper("isObject", function (value){
-    return typeof value === "object" && value !== null;
-});
-
-Handlebars.registerHelper("json5", function (context){
-    const json5 = JSON5.stringify(context, null, 4);
-    return json5.substring(1, json5.length - 1);
-});
-
-Handlebars.registerHelper("br", function(height){
-    return new Handlebars.SafeString(`<div style="height: ${height}px;"></div>`);
-});
-
-const templates = {
-    databasesList: templatesUtils.load("databases-list-template"),
-    databaseNav: templatesUtils.load("database-nav-template"),
-    databasesTables: templatesUtils.load("databases-tables-template"),
-    tableData: templatesUtils.load("table-data-template"),
-    addServer: templatesUtils.load("addServer-template"),
-    menageServers: templatesUtils.load("menageServers-template"),
-}

package/dist/esm/remote/server/gui/js/utils.js

@@ -1,36 +0,0 @@
-class AutoUpdater{
-    constructor(obj, key, selector, updateCB){
-        this.obj = obj;
-        this.key = key;
-        this.element = document.querySelector(selector);
-        this.updateCB = updateCB;
-        this.init();
-    }
-
-    init(){
-        this.updateElement();
-        this.watch();
-    }
-
-    updateElement(){
-        let value = this.obj[this.key];
-        const formattedValue = this.updateCB ? this.updateCB(value) : value;
-        this.element.innerHTML = formattedValue; 
-    }
-
-    watch(){
-        let currentValue = this.obj[this.key];
-        
-        Object.defineProperty(this.obj, this.key, {
-            set: (newValue) => {
-                currentValue = newValue;
-                this.updateElement();
-            },
-            get: () => currentValue
-        });
-    }
-}
-
-function getSelectedDatabase(){
-    return serversData[vars.selectedServer][vars.selectedDb];
-}

package/dist/esm/remote/server/gui/js/vars.js

@@ -1,9 +0,0 @@
-let serversData = {};
-let serversMeta = {};
-let db_data = [];
-
-const vars = {
-    selectedServer: null,
-    selectedDb: null,
-    selectedTable: null,
-}