@kumologica/sdk 3.2.0-beta9 → 4.0.0-alpha2

package/src/app/ui/editor-client/src/js/ui/tab-git.js

@@ -1,320 +0,0 @@
-RED.sidebar.git = (function(){
-
-    let tabContent;
-    let sections;
-    let stackContainer;
-    const PUSHING_LABEL = 'Pushing...';
-    const COMMIT_MESSAGE_LABEL = `Commit message... (ctrl+enter to commit)`;
-    let initalizationRequired = true;
-
-    const simpleGit = window.__kumologica.libs.simpleGit;
-
-    function getGitOptions() {
-        return {
-            baseDir: window.__kumologica.settings.projectDir,
-            binary: 'git',
-            maxConcurrentProcesses: 6,
-            trimmed: false,
-            // config: ['http.proxy=someproxy']
-        }
-    }
-
-    function initHTML() {
-        tabContent = document.createElement('div');
-        tabContent.className = 'sidebar-git';
-
-        RED.actions.add('core:show-git-tab', show);
-
-        stackContainer = $('<div>', {
-            class: 'sidebar-node-info-stack',
-        }).appendTo(tabContent);
-
-        // Append the header
-        let headerContentHtml = `
-        <div class="sidebar-title-wrapper">
-            <div style="display:flex;flex-direction:column;padding-right:10px; width:100%">
-                <div id="sidebar-title-wrapper-left" style="display:flex">
-                    <span>Source Control</span>
-                </div>
-
-                <div id="sidebar-git-body">
-                    <div id="sidebar-git-error-wrapper" style="display:none">
-                        <span><b>The directoryLocal is not under git source control</b> 
-                        <span>The project {projectDir} is not a git repository</span>
-                    </div>
-                    <div id="sidebar-git-general-options-wrapper">
-                        <div id="sidebar-git-general-pullpush-wrapper">
-                            <a id="sidebar-git-push-btn" class="sidebar-header-button" href="#" style="display:flex; margin-right: 5px;">
-                                <span id="git-ahead" style="display:none"><i class="icofont-arrow-up"></i><span id="git-ahead-value" style="margin-right:4px"></span></span>
-                                <span id="git-behind" style="display:none"><i class="icofont-arrow-down"></i><span id="git-behind-value" style="margin-right:4px"></span></span>
-                                <span id="git-push-label">Push</span>
-                            </a>
-                            <!-- reload btn -->
-                            <a id="sidebar-git-reload-btn" class="sidebar-header-button" href="#">
-                                <i id="git-reload-icon" class="fa fa-refresh" aria-hidden="true"></i>
-                            </a>
-                        </div>
-                    </div>
-
-                    <div id="pending-commit-wrapper">
-                        <div id="sidebar-git-commit-msg-wrapper">
-                            <textarea id="sidebar-git-commit-msg" rows="4" placeholder="${COMMIT_MESSAGE_LABEL}" style="min-height:130px"></textarea>
-                        </div>
-                        <div id="sidebar-git-commit-options-wrapper">
-                            <div id="sidebar-git-branch-info-wrapper">
-                                Commit to  
-                                <div id="sidebar-git-branch"></div>
-                                branch
-                            </div>
-                            <div id="sidebar-git-commit-wrapper">
-                                <!-- commit btn -->
-                                <a id="sidebar-git-commit-btn" class="sidebar-header-button" href="#" style="width: 70px; color: white !important; background: #2979ff; margin-right:5px">
-                                    Commit
-                                </a>
-                                <!-- commit & push btn -->
-                                <a id="sidebar-git-commitpush-btn" class="sidebar-header-button" href="#" style="width: 140px;">
-                                    Commit and Push...
-                                </a>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div id="git-not-initialized" style="display:none">
-                    <div style="display:flex; flex-direction: column; align-items: center; margin-top: 150px">
-                        <div><i class="fa fa-code-fork" style="font-size: 56px; color: lightgrey;"></i></div>
-                        <div style="font-weight: bold; font-size: 22px; margin-top: 15px;color: grey;">Unversioned project</div>
-                        <div style="margin-top: 5px; color: grey;font-weight: 400; font-size: 13px;">Git repository not found on project directory</div>
-                    </div>
-                </div>
-            </div>
-          </div>
-        `;
-
-        $(headerContentHtml).appendTo(stackContainer);
-
-        RED.sidebar.addTab({
-            id: 'git',
-            label: ' Git',
-            name: 'Source Control',
-            iconClass: 'fa fa-code-fork',
-            action: 'core:show-git-tab',
-            content: tabContent,
-            pinned: true,
-            enableOnEdit: true,
-            onchange: refreshTab,
-            onsame: onsame
-        })
-    }
-
-    function reloading(){
-        $('#git-reload-icon').addClass('fa-spin');
-    }
-
-    function resetReload(){
-        $('#git-reload-icon').removeClass('fa-spin');
-    }
-
-    function initJS() {
-        $('#sidebar-git-commit-msg').keydown(e => {
-            if ((e.ctrlKey || e.metaKey) && (e.keyCode == 13 || e.keyCode == 10)) {
-                $('#sidebar-git-commit-btn').click();
-            }
-        })
-        $('#sidebar-git-commit-btn').click(async e => {
-            let commitMessage = $('#sidebar-git-commit-msg').val();
-            addAllAndCommit(commitMessage);
-            await wait(2000);
-            checkGitStatus();
-        });
-        
-        $('#sidebar-git-commitpush-btn').click(async e => {
-            let commitMessage = $('#sidebar-git-commit-msg').val();
-            addAllAndCommit(commitMessage);
-            await wait(3000);
-            pushChanges();
-        });
-
-        $('#sidebar-git-reload-btn').click(async e => {
-            reloading();
-            checkGitStatus();
-            await wait(1000);
-            resetReload();
-        });
-
-        $('#sidebar-git-push-btn').click(e => {
-            if ($('#sidebar-git-push-btn').html() !== PUSHING_LABEL){
-                pushChanges();
-            }
-        });
-    }
-
-    function renderInitializationRequired() {
-        $('#sidebar-git-body').hide();
-        $('#git-not-initialized').show();
-        initalizationRequired = true;
-    }
-
-    function renderGitInitialized() {
-        $('#sidebar-git-body').show();
-        $('#git-not-initialized').hide();
-        initalizationRequired = false;
-    }
-
-    async function checkGitStatus(){
-        if (initalizationRequired) {
-            $('#sidebar-git-body').hide();
-            $('#git-not-initialized').hide();
-        }
-        const git = simpleGit(getGitOptions());
-        try{
-            // ==> Compare with stage
-            const status = await git.status()
-            if ( status.not_added.length > 0 ||
-                status.created.length > 0 ||
-                status.deleted.length > 0 ||
-                status.modified.length > 0 ||
-                status.renamed.length > 0 ) {
-                    allowCommits();
-            } else {
-                disallowCommits()
-            }
-            let newStatus = await git.status(['-','sb']);  // newStatus = {ahead, behind, current, tracking};
-            renderGitInitialized();
-            $('#sidebar-git-branch').html(newStatus.current);
-            renderAhead(newStatus.ahead);
-            renderBehind(newStatus.behind);
-        }catch(err){
-            renderInitializationRequired();
-        }
-    }
-
-    async function wait(msecs){
-        await sleep(msecs);
-    }
-
-    function sleep(ms) {
-        return new Promise((resolve) => {
-            setTimeout(resolve, ms);
-        });
-    }
-
-    function renderAhead(numCommits){
-        if (numCommits === 0){
-            $('#git-ahead').hide();
-        } else {
-            $('#git-ahead-value').html(numCommits);
-            $('#git-ahead').show();
-        }
-    }
-
-    function renderBehind(numCommits){
-        if (numCommits === 0){
-            $('#git-behind').hide();
-        } else {
-            $('#git-behind-value').html(numCommits);
-            $('#git-behind').show();
-        }
-    }
-
-    function showPushing() {
-        $('#git-ahead').hide();
-        $('#git-behind').hide();
-        $('#git-push-label').html(PUSHING_LABEL);
-    }
-
-    function resetPushButton() {
-        $('#git-push-label').html('Push');
-    }
-
-    async function pushChanges() {
-        const git = simpleGit(getGitOptions());
-        try{
-            let currentBranch = await readCurrentBranch();
-            showPushing();
-            const result = await git.push('origin', currentBranch);
-            RED.notify(`Changes pushed successfully`, 'success', undefined, 800);
-        } catch(e) {
-            let notification = RED.notify(`<strong>Error</strong>: ${e.message}`, {
-                type: 'error',
-                modal: true,
-                fixed: true,
-                buttons: [
-                    {
-                        text: "Cancel",
-                        click: function() {
-                            notification.close();
-                        }
-                    }
-                ]
-            });
-
-        } finally {
-            resetPushButton();
-            checkGitStatus();
-        }
-    }
-
-    async function addAllAndCommit(message){
-        const git = simpleGit(getGitOptions());
-        try{
-            await git.add('./*').commit(message);
-            disallowCommits();
-            RED.notify(`Changed committed successfully`, 'success', undefined, 800);
-        } catch(e) {
-            RED.notify(`<strong>Error</strong>: ${e.message}`, 'error');
-            clearCommitMessage();
-        }
-    }
-
-    async function readCurrentBranch(){
-        const git = simpleGit(getGitOptions());
-        try{
-            const localBranches = await git.branchLocal();
-            return localBranches.current;
-        }catch(e){
-            RED.notify(`<strong>Error</strong>: ${e.message}`, 'error');
-            return ''
-        }
-        
-    }
-    function allowCommits() {
-        $("#sidebar-git-commit-msg").attr("placeholder", `${COMMIT_MESSAGE_LABEL}`).val("");
-        $("#sidebar-git-commit-msg").attr("disabled", false);
-        $('#sidebar-git-commit-wrapper').show();
-    }
-    function disallowCommits() {
-        $("#sidebar-git-commit-msg").attr("placeholder", "Nothing to commit").val("").focus().blur();
-        $("#sidebar-git-commit-msg").attr("disabled", true)
-        $('#sidebar-git-commit-wrapper').hide();
-    }
-
-    function clearCommitMessage() {
-        $('#sidebar-git-commit-msg').val('');
-    }
-
-    function init() {
-        initHTML();
-        initJS();
-    }
-
-    function show() {
-        RED.sidebar.show('git');
-        checkGitStatus();
-    }
-
-    function refreshTab(silently){
-        if (!silently) {
-            RED.actions.invoke('core:show-sidebar');
-        }
-        checkGitStatus();
-    }
-
-    function onsame(){
-        RED.actions.invoke('core:hide-sidebar');
-      }
-
-    return {
-        init: init,
-        show: show,
-    }
-})();