npm - hubbe-sdk - Versions diffs - 1.2.0 - Mend

hubbe-sdk 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (36) hide show

package/bin/.token +1 -0
package/bin/build.js +94 -0
package/bin/defaultHtml.html +23 -0
package/bin/defaultJs.js +49 -0
package/bin/deploy.js +130 -0
package/bin/deployTs.js +157 -0
package/bin/fetch.js +118 -0
package/bin/htmlu.js +116 -0
package/bin/index.js +77 -0
package/bin/react-template/html/eslint.config.js +28 -0
package/bin/react-template/html/index.html +7 -0
package/bin/react-template/html/package.json +34 -0
package/bin/react-template/html/postcss.config.js +6 -0
package/bin/react-template/html/src/App.tsx +33 -0
package/bin/react-template/html/src/hooks/index.ts +3 -0
package/bin/react-template/html/src/hooks/useDraggable.ts +69 -0
package/bin/react-template/html/src/hooks/useMessageEvent.ts +120 -0
package/bin/react-template/html/src/hooks/useUserContext.ts +24 -0
package/bin/react-template/html/src/index.css +5 -0
package/bin/react-template/html/src/main.tsx +10 -0
package/bin/react-template/html/src/vite-env.d.ts +1 -0
package/bin/react-template/html/tailwind.config.js +12 -0
package/bin/react-template/html/tsconfig.app.json +24 -0
package/bin/react-template/html/tsconfig.json +7 -0
package/bin/react-template/html/tsconfig.node.json +22 -0
package/bin/react-template/html/vite.config.ts +10 -0
package/bin/react-template/room/global.d.ts +4222 -0
package/bin/react-template/room/room.ts +36 -0
package/bin/react-template/room/tsconfig.json +9 -0
package/bin/react.js +60 -0
package/bin/rollup.js +67 -0
package/bin/rollupTs.js +72 -0
package/bin/script.js +131 -0
package/bin/tsconfig_template.json +9 -0
package/bin/utils.js +35 -0
package/package.json +57 -0

package/bin/.token ADDED Viewed

	@@ -0,0 +1 @@
1	+ s

package/bin/build.js ADDED Viewed

@@ -0,0 +1,94 @@
+const { execSync } = require('child_process');
+const fs = require('fs');
+const path = require('path');
+const archiver = require('archiver');
+class Script {
+    constructor(name) {
+        this.name = name;
+        this.directory = process.cwd() + '/' + name + '/' + 'html/';
+        this.exec();
+    }
+    exec() {
+        try {
+            execSync('npm run build', { cwd: this.directory, stdio: 'inherit' });
+            // Caminho da pasta "assets"
+            const assetsDir = path.join(this.directory, 'dist/assets');
+            if (!fs.existsSync(assetsDir)) {
+                throw new Error('Pasta assets não encontrada.');
+            }
+            // Alterar todas as variáveis "const", "let" para "var" em arquivos .js
+            // Adiciona todo o conteudo do js para dentro de uma funcao, para evitar conflitos de variaveis
+            const jsFiles = fs.readdirSync(assetsDir).filter(file => file.endsWith('.js'));
+            jsFiles.forEach(file => {
+                const filePath = path.join(assetsDir, file);
+                let content = fs.readFileSync(filePath, 'utf-8');
+                content = content.replace(/\bconst\b/g, 'var').replace(/\blet\b/g, 'var');
+                content = `(function() {${content}})();`;
+                fs.writeFileSync(filePath, content, 'utf-8');
+            });
+            // Recriar o index.html
+            const indexPath = path.join(this.directory, 'dist/index.html');
+            const cssFile = fs.readdirSync(assetsDir).find(file => file.endsWith('.css'));
+            const jsFile = fs.readdirSync(assetsDir).find(file => file.endsWith('.js'));
+            const newIndexContent = `
+                <!doctype html>
+                <html lang="en">
+                    <head>
+                    </head>
+                    <body>
+                        <style>
+                            #root_${this.name} {
+                                position: absolute;
+                            }
+                        </style>
+                        <div id="root_${this.name}"></div>
+                        <script src="https://cdn.hubbe.biz/scripts/${this.name}/assets/${jsFile}?v=%dataScript%"></script>
+                        <link rel="stylesheet" href="https://cdn.hubbe.biz/scripts/${this.name}/assets/${cssFile}?v=%dataScript%" />
+                    </body>
+                </html>
+            `;
+            fs.writeFileSync(indexPath, newIndexContent, 'utf-8');
+            // Criar o arquivo zip com a pasta assets e o index.html
+            const outputZipPath = path.join(process.cwd() + '/' + this.name, `${this.name + "_html"}.zip`);
+            console.log('Criando arquivo zip...');
+            const output = fs.createWriteStream(outputZipPath);
+            const archive = archiver('zip', {
+                zlib: { level: 9 }
+            });
+            output.on('close', () => {
+                console.log(`Arquivo zip criado com sucesso: ${outputZipPath} (${archive.pointer()} bytes)`);
+            });
+            archive.on('error', (err) => {
+                throw err;
+            });
+            archive.pipe(output);
+            // Adicionar a pasta assets ao zip
+            archive.directory(assetsDir, 'assets');
+            // Adicionar o index.html ao zip
+            archive.file(indexPath, { name: 'index.html' });
+            archive.finalize();
+            console.log('Build concluído.');
+        } catch (error) {
+            console.error('Erro durante a execução:', error.message);
+        }
+    }
+}
+module.exports = Script;

package/bin/defaultHtml.html ADDED Viewed

@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <link rel="stylesheet" href="https://cdn.hubbe.biz/scripts/%folderName%/style.css?v=%dataScript%">
+</head>
+<body>
+    <style>
+        .folderName-container {
+            display: none;
+            position: absolute;
+        }
+    </style>
+    <div class="%folderName%-container">
+    </div>
+<script type="text/javascript" src="https://cdn.hubbe.biz/scripts/%folderName%/script.js?v=%dataScript%"></script>
+</body>
+</html>

package/bin/defaultJs.js ADDED Viewed

@@ -0,0 +1,49 @@
+(async () => {
+    const sendMessageToRoom = (eventName, data = "") => {
+        window.sendScriptMessage(eventName, data);
+    };
+    class Handler {
+        events = new Map();
+        scriptName = '';
+        constructor(scriptName) {
+            this.scriptName = scriptName;
+        }
+        on = (eventName, callback) => {
+            this.events.set(eventName, callback);
+        };
+        off = (eventName) => {
+            this.events.delete(eventName);
+        };
+        emit = event => {
+            const eventData = event.detail;
+            if (!eventData) return;
+            const value = eventData.data;
+            const exec = this.events.get(eventData.name);
+            let data = value;
+            if (data !== '' && data.startsWith('{') && data.endsWith('}') || data.startsWith('[') && data.endsWith(']')) {
+                try {
+                    data = JSON.parse(data);
+                } catch (e) {
+                    return;
+                }
+            }
+            if (exec) {
+                exec(data);
+            }
+        };
+    }
+    const handler = new Handler('%folderName%');
+    sendMessageToRoom('%folderName%-ready');
+})();

package/bin/deploy.js ADDED Viewed

@@ -0,0 +1,130 @@
+const { rollup } = require('rollup');
+const terser = require('@rollup/plugin-terser');
+const { existsSync, readFileSync, createWriteStream, unlinkSync } = require('fs');
+const { join } = require('path');
+const { Signale } = require('signale');
+const axios = require('axios');
+const FormData = require('form-data');
+const archiver = require('archiver');
+class Script {
+    constructor(name, production = false) {
+        this.name = name;
+        this.production = production;
+        this.url = 'https://hubbe.biz';
+        this.directory = process.cwd();
+        this.config = this.getFile(this.directory + `/${name}`, 'config.json');
+        this.token = this.getFile(__dirname, '.token', true);
+        this.exec();
+    }
+    exec() {
+        const signale = new Signale();
+        this.createZipHtml()
+            .then(this.getScript.bind(this))
+            .then(this.deploy.bind(this))
+            .then(() => unlinkSync(this.directory + `/${this.name}/` + `${this.name}.zip`))
+            .then(() => signale.success('Project Deployed!'))
+            .catch(err => signale.error(`Deploy Failed! ${err}`));
+    }
+    deploy(script) {
+        const roomid = this.config.roomid;
+        const url = `${this.url}/scriptApiDeploy?roomid=${roomid}`;
+        // Create a new form instance
+        const form = new FormData();
+        const zip = readFileSync(this.directory + `/${this.name}/` + `${this.name}.zip`);
+        form.append("html", zip, `${this.name}.zip`);
+        form.append("code", script);
+        form.append("name", this.name);
+        const options = {
+            method: 'POST',
+            headers: { ...form.getHeaders(), 'token': this.token },
+            data: form,
+            url,
+        }
+        return axios(options);
+    }
+    async createZipHtml() {
+        const output = createWriteStream(this.directory + `/${this.name}/` + `${this.name}.zip`);
+        const archive = archiver('zip');
+        archive.on('error', function (err) {
+            throw err;
+        });
+        archive.pipe(output);
+        // append files from a sub-directory, putting its contents at the root of archive
+        archive.directory(this.directory + `/${this.name}` + "/html", false);
+        return archive.finalize();
+    }
+    async getScript() {
+        const file = join(this.directory + `/${this.name}`, 'room.js');
+        const input = await rollup({ input: file });
+        const config = this.getOutputConfig();
+        const output = await input.generate(config);
+        const script = output?.output[0];
+        if (!script) {
+            const err = new Error('Failed to generate script!');
+            throw err;
+        }
+        return script.code;
+        // const minified = UglifyJS.minify(script.code).code;
+        // if (minified.error) {
+        //     const err = new Error('Error during minification: \n' + minified.error);
+        //     throw err;
+        // }
+        // return minified;
+    }
+    getOutputConfig() {
+        const config = {
+            format: 'cjs',
+            file: `room-${this.config.roomid}.js`
+        }
+        if (this.production) {
+            const options = {
+                toplevel: false,
+                mangle: false,
+                compress: false
+            }
+            config.plugins = [terser(options)]
+        }
+        return config;
+    }
+    getFile(directory, file, read) {
+        const dir = join(directory, file);
+        if (!existsSync(dir)) {
+            const err = new Error(`Missing ${file}!`);
+            throw err;
+        }
+        if (!read) {
+            return require(dir);
+        }
+        return readFileSync(dir, 'utf-8');
+    }
+}
+module.exports = Script;

package/bin/deployTs.js ADDED Viewed

@@ -0,0 +1,157 @@
+const { rollup } = require('rollup');
+const terser = require('@rollup/plugin-terser');
+const { existsSync, readFileSync, createWriteStream, unlinkSync } = require('fs');
+const { join } = require('path');
+const { Signale } = require('signale');
+const axios = require('axios');
+const FormData = require('form-data');
+const archiver = require('archiver');
+const UglifyJS = require('uglify-js');
+const typescript = require("@rollup/plugin-typescript");
+class Script {
+    constructor(name, production = false) {
+        this.name = name;
+        this.production = production;
+        this.url = 'https://hubbe.biz';
+        this.directory = process.cwd();
+        this.config = this.getFile(this.directory + `/${name}`, 'config.json');
+        this.token = this.getFile(__dirname, '.token', true);
+        this.exec();
+    }
+    exec() {
+        const signale = new Signale();
+        this.createZipHtml()
+            .then(this.getScript.bind(this))
+            .then(this.deploy.bind(this))
+            .then(() => unlinkSync(this.directory + `/${this.name}/` + `${this.name}.zip`))
+            .then(() => signale.success('Project Deployed!'))
+            .catch(err => signale.error(`Deploy Failed! ${err}`));
+    }
+    deploy(script) {
+        const roomid = this.config.roomid;
+        const url = `${this.url}/scriptApiDeploy?roomid=${roomid}`;
+        const form = new FormData();
+        const zip = readFileSync(this.directory + `/${this.name}/` + `${this.name}.zip`);
+        form.append("html", zip, `${this.name}.zip`);
+        form.append("code", script);
+        form.append("name", this.name);
+        const options = {
+            method: 'POST',
+            headers: { ...form.getHeaders(), 'token': this.token },
+            data: form,
+            url,
+        }
+        return axios(options);
+    }
+    async createZipHtml() {
+        const output = createWriteStream(this.directory + `/${this.name}/` + `${this.name}.zip`);
+        const archive = archiver('zip');
+        archive.on('error', function (err) {
+            throw err;
+        });
+        archive.pipe(output);
+        archive.directory(this.directory + `/${this.name}` + "/html", false);
+        return archive.finalize();
+    }
+    async getScript() {
+        let file = join(this.directory + `/${this.name}`, 'room.ts');
+        let tsconfigPath = join(this.directory + `/${this.name}`, 'tsconfig.json');
+        if (!existsSync(file)) {
+            file = join(this.directory + `/${this.name}`, '/room', 'room.ts');
+            tsconfigPath = join(this.directory + `/${this.name}`, '/room', 'tsconfig.json');
+        }
+        if (!existsSync(file)) {
+            const err = new Error('Missing room.ts!');
+            throw err;
+        }
+        if (!existsSync(tsconfigPath)) {
+            const err = new Error('Missing tsconfig.json!');
+            throw err;
+        }
+        const bundle = await rollup({
+            input: file,
+            plugins: [
+                typescript({
+                    tsconfig: tsconfigPath,
+                }),
+                terser(),
+            ],
+        }).catch(err => {
+            throw `Bundle failed: ${err}`;
+        });
+        const { output } = await bundle.generate({
+            format: "cjs"
+        });
+        const script = output[0];
+        if (!script) {
+            const err = new Error('Failed to generate script!');
+            throw err;
+        }
+        script.code = script.code
+            .replace(/\/\*[\s\S]*?\*\/|([^\\:]|^)\/\/.*$/gm, '')
+            .replace(/(\r\n|\n|\r)/gm, '')
+            .replace(/(\s\s\s+)/gm, '')
+            .replace(/(\s\s+)/gm, '');
+        return script.code;
+    }
+    getOutputConfig() {
+        const config = {
+            format: 'cjs',
+            file: `room-${this.config.roomid}.js`
+        }
+        if (this.production) {
+            const options = {
+                toplevel: false,
+                mangle: false,
+                compress: false
+            }
+            config.plugins = [terser(options)]
+        }
+        return config;
+    }
+    getFile(directory, file, read) {
+        const dir = join(directory, file);
+        if (!existsSync(dir)) {
+            const err = new Error(`Missing ${file}!`);
+            throw err;
+        }
+        if (!read) {
+            return require(dir);
+        }
+        return readFileSync(dir, 'utf-8');
+    }
+}
+module.exports = Script;

package/bin/fetch.js ADDED Viewed

@@ -0,0 +1,118 @@
+const {rollup} = require('rollup');
+const terser = require('@rollup/plugin-terser');
+const {existsSync, readFileSync, createWriteStream, unlinkSync} = require('fs');
+const {join} = require('path');
+const {Signale} = require('signale');
+const axios = require('axios');
+const FormData = require('form-data');
+const archiver = require('archiver');
+class Script {
+    constructor(name, production = false) {
+        this.name = name;
+        this.production = production;
+        this.url = 'https://hubbe.biz';
+        this.directory = process.cwd();
+        this.config = this.getFile(this.directory + `/${name}`, 'config.json');
+        this.token = this.getFile(__dirname, '.token', true);
+        this.exec();
+    }
+    exec() {
+        const signale = new Signale();
+        this.fetch()
+            .then(() => this.createZip())
+            .then(() => this.getScript())
+            .then(script => {
+                // to do
+            })
+            .then(() => signale.success('Project Deployed!'))
+            .catch(err => signale.error(`Deploy Failed! ${err}`));
+    }
+    fetch() {
+        const roomid = this.config.roomid;
+        const url = `${this.url}/scriptApi?roomid=${roomid}`;
+        const options = {
+            method: 'GET',
+            headers: {'token': this.token},
+            url,
+        };
+        return axios(options);
+    }
+    async createZip() {
+        const output = createWriteStream(this.directory + `/${this.name}/` + `${this.name}.zip`);
+        const archive = archiver('zip');
+        archive.on('error', function (err) {
+            throw err;
+        });
+        archive.pipe(output);
+        // append files from a sub-directory, putting its contents at the root of archive
+        archive.directory(this.directory + `/${this.name}` + "/html", false);
+        return archive.finalize();
+    }
+    async getScript() {
+        const file = join(this.directory + `/${this.name}`, 'room.js');
+        const input = await rollup({input: file});
+        const config = this.getOutputConfig();
+        const output = await input.generate(config);
+        const script = output?.output[0];
+        if (!script) {
+            const err = new Error('Failed to generate script!');
+            throw err;
+        }
+        script.code = script.code
+            .replace(/\/\*[\s\S]*?\*\/|([^\\:]|^)\/\/.*$/gm, '')
+            .replace(/(\r\n|\n|\r)/gm, '')
+            .replace(/(\s\s\s+)/gm, '')
+            .replace(/(\s\s+)/gm, '');// Remove comments, line breaks and multiple spaces
+        return script.code;
+    }
+    getOutputConfig() {
+        const config = {
+            format: 'cjs',
+            file: `room-${this.config.roomid}.js`
+        };
+        if (this.production) {
+            const options = {
+                toplevel: false,
+                mangle: false,
+                compress: false
+            };
+            config.plugins = [terser(options)];
+        }
+        return config;
+    }
+    getFile(directory, file, read) {
+        const dir = join(directory, file);
+        if (!existsSync(dir)) {
+            const err = new Error(`Missing ${file}!`);
+            throw err;
+        }
+        if (!read) {
+            return require(dir);
+        }
+        return readFileSync(dir, 'utf-8');
+    }
+}
+module.exports = Script;

package/bin/htmlu.js ADDED Viewed

@@ -0,0 +1,116 @@
+const {existsSync, readFileSync, writeFileSync, unlinkSync, unlink} = require('fs');
+const {join} = require('path');
+const {Signale} = require('signale');
+const cheerio = require('cheerio');
+const SFTPClient = require('ssh2-sftp-client');
+const UglifyJS = require('uglify-js');
+class HtmlUploader {
+    constructor(name, production = false) {
+        this.name = name;
+        this.production = production;
+        this.url = 'https://hubbe.biz';
+        this.directory = process.cwd();
+        this.directoryFolder = this.directory + `/${this.name}` + "/html";
+        this.token = this.getFile(__dirname, '.token', true);
+        this.exec();
+    }
+    exec() {
+        const signale = new Signale();
+        const code = this.getFile(this.directoryFolder, 'index.html', true);
+        const html = this.parseHtml(code);
+        this.genTemporaryFiles(html);
+        this.deploy()
+            .then(() => signale.success('Web Files Uploaded!'))
+            .catch(err => signale.error(`Upload Failed! ${err}`));
+    }
+    parseHtml(document) {
+        const $ = cheerio.load(document);
+        const htmlContent = $('body').html()
+        return `<body>${htmlContent}</body>`;
+    }
+    genTemporaryFiles(text) {
+        writeFileSync(this.directoryFolder + '/temp.html', text);
+        if (this.production) {
+            const code = this.getFile(this.directoryFolder, 'script.js', true);
+            const minified = UglifyJS.minify(code);
+            if (minified.error) {
+                throw new Error('Erro durante a minificação: \n' + minified.error);
+            } else {
+                writeFileSync(this.directoryFolder + '/temp.js', minified.code);
+            }
+        }
+        return true
+    }
+    deleteTemporaryFiles() {
+        try {
+            unlinkSync(this.directoryFolder + '/temp.html');
+            if (this.production) {
+                unlinkSync(this.directoryFolder + '/temp.js');
+            }
+        } catch (e) {
+            const signale = new Signale();
+            signale.error('Failed on try delete temporary file!');
+        }
+    }
+    async deploy() {
+        const sftp = new SFTPClient();
+        const jsFile = this.production ? '/temp.js' : '/script.js';
+        const config = {
+            host: process.env.CDN_IP,
+            port: process.env.PORT,
+            username: process.env.USER,
+            password: process.env.PASSWORD
+        }
+        await sftp.connect(config)
+        const remoteDir = `/var/www/html/${this.config.folder}`
+        const existsDir = await sftp.exists(remoteDir)
+        if (!existsDir) {
+            await sftp.mkdir(remoteDir, true);
+        }
+        await sftp.put(this.directoryFolder + '/temp.html', `${remoteDir}/index.html`);
+        if (existsSync(this.directoryFolder + '/style.css')) {
+            await sftp.put(this.directoryFolder + '/style.css', `${remoteDir}/style.css`);
+        }
+        if (existsSync(this.directoryFolder + jsFile)) {
+            await sftp.put(this.directoryFolder + jsFile, `${remoteDir}/script.js`);
+        }
+        this.deleteTemporaryFiles();
+        return sftp.end();
+    }
+    getFile(directory, file, read) {
+        const dir = join(directory, file);
+        if (!existsSync(dir)) {
+            const err = new Error(`Missing ${file}!`);
+            throw err;
+        }
+        if (!read) {
+            return require(dir);
+        }
+        return readFileSync(dir, 'utf-8');
+    }
+}
+module.exports = HtmlUploader