visualpython · minjk-bl · Feb 14, 2023 · Aug 10, 2022 · Aug 10, 2022 · Aug 10, 2022
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+dist/
+jupyterlab/lib/visualpython
diff --git a/README.md b/README.md
@@ -31,7 +31,7 @@ Visual Python is an extension to Jupyter Lab, so you must have Jupyter Lab insta
 
 ### 2. How to Install
 
-**1)  Install package from**
+**1)  Install package from PyPI**
 ```
 pip install jupyterlab-visualpython
 ```
@@ -50,7 +50,7 @@ Visual Python is an extension to Jupyter Notebook, so you must have Jupyter Note
 
 ### 2. How to Install
 
-**1)  Install package from**
+**1)  Install package from PyPI**
 ```
 pip install visualpython
 ```
@@ -113,4 +113,4 @@ To create an environment where everyone can learn and use big data analytical sk
 Love Visual Python? <br>
 Your support will help us continue to actively develop and improve Visual Python.☕
 
-<a href="https://www.buymeacoffee.com/visualpython" target="_blank"><img src="https://img.buymeacoffee.com/button-api/?text=Buy me a coffee&emoji=&slug=visualpython&button_colour=ffa238&font_colour=000000&font_family=Comic&outline_colour=000000&coffee_colour=FFDD00"></a>
+<a href="https://www.buymeacoffee.com/visualpython" target="_blank"><img src="https://img.buymeacoffee.com/button-api/?text=Buy me a coffee&emoji=&slug=visualpython&button_colour=ffa238&font_colour=000000&font_family=Comic&outline_colour=000000&coffee_colour=FFDD00"></a>
diff --git a/build.sh b/build.sh
@@ -0,0 +1,55 @@
+#
+#    Project Name    : Visual Python
+#    Description     : GUI-based Python code generator
+#    File Name       : build.sh
+#    Author          : Black Logic - Minju
+#    Note            : Build Visual Python for All
+#    License         : GPLv3 (GNU General Public License v3.0)
+#    Date            : 2023. 02. 08
+#    Change Date     :
+#
+#=============================================================================
+# Set version and replace it
+#=============================================================================
+VP_ORG_VER=2.2.12
+VP_NEW_VER=2.3.0
+
+# update version info
+grep -REil "VP_ORG_VER=.+$" colab/build.colab.sh jupyterlab/build.jupyterlab.sh jupyternotebook/build.jupyternotebook.sh | xargs sed -i "s/VP_ORG_VER=.\+$/VP_ORG_VER=${VP_ORG_VER}/g"
+grep -REil "VP_NEW_VER=.+$" colab/build.colab.sh jupyterlab/build.jupyterlab.sh jupyternotebook/build.jupyternotebook.sh | xargs sed -i "s/VP_NEW_VER=.\+$/VP_NEW_VER=${VP_NEW_VER}/g"
+
+TEMP_PWD=$PWD
+
+#=============================================================================
+# Build Visual Python for Colab
+#=============================================================================
+cd $TEMP_PWD/colab
+./build.colab.sh
+
+#=============================================================================
+# Build Visual Python for Jupyter Notebook
+#=============================================================================
+cd $TEMP_PWD/jupyternotebook
+./build.jupyternotebook.sh
+
+#=============================================================================
+# Build Visual Python for Jupyter Lab
+#=============================================================================
+cd $TEMP_PWD/jupyterlab
+./build.jupyterlab.sh
+
+#=============================================================================
+# Upload (for maintainer only)
+#=============================================================================
+## jupyternotebook
+# python -m twine upload dist/jupyternotebook/dist/*
+
+## jupyterlab
+# python -m twine upload dist/jupyterlab/*
+
+## colab
+## upload on chrome web store with blacklogic.dev
+
+exit 0
+
+# End of file
diff --git a/colab/background.js b/colab/background.js
@@ -0,0 +1,74 @@
+//======================================================================
+// Event for extension icon - toggle
+//======================================================================
+chrome.action.onClicked.addListener((tab) => {
+    // check origin if its url is matching our rule
+    let checkOrigin = tab.url.startsWith('https://colab.research.google.com/');
+    if (checkOrigin) {
+        console.log('send toggle', checkOrigin, tab.id, tab);
+        // send toggle action to content
+        chrome.tabs.sendMessage(tab.id, { type: 'toggle' }).then(function(result) {
+            // success
+            console.log('ok', result);
+        }).catch(function(result) {
+            // error: if no content script, execute script again
+            console.log('error', result);
+            // execute script manually
+            chrome.scripting.executeScript({
+                target: { tabId: tab.id },
+                files: ['content.js']
+            }).then(function(result) {
+                // toggle again
+                chrome.tabs.sendMessage(tab.id, { type: 'toggle' });
+            });
+        });
+    } else {
+        console.log("it's not colab site...");
+    }
+});
+
+//======================================================================
+// Event for check tab to disable or enable extension 
+//======================================================================
+// check status on tab activated and check colab exist
+chrome.tabs.onActivated.addListener(function() {
+    chrome.tabs.query({ active: true, lastFocusedWindow: true }, function(tabs) {
+        if (tabs && tabs.length > 0) {
+            let tabUrl = tabs[0].url;
+            let isColabExist = tabUrl.startsWith('https://colab.research.google.com/');
+            if (isColabExist == true) {
+                // reset
+                // chrome.action.setBadgeText({ text: '' });
+                chrome.action.setPopup({ popup: '' });
+            } else {
+                // set badge and popup
+                // chrome.action.setBadgeBackgroundColor({ color: 'red' });
+                // chrome.action.setBadgeText({ text: ':(' });
+                chrome.action.setPopup({ popup: 'popup.html' });
+            }
+        }
+
+    });
+});
+// check status on tab updated
+chrome.tabs.onUpdated.addListener(function() {
+    chrome.tabs.query({ active: true, lastFocusedWindow: true }, function(tabs) {
+        if (tabs && tabs.length > 0) {
+            let tabUrl = tabs[0].url;
+            let isColabExist = tabUrl.startsWith('https://colab.research.google.com/');
+            if (isColabExist == true) {
+                // reset
+                // chrome.action.setBadgeText({ text: '' });
+                chrome.action.setPopup({ popup: '' });
+            } else {
+                // set badge and popup
+                // chrome.action.setBadgeBackgroundColor({ color: 'red' });
+                // chrome.action.setBadgeText({ text: ':(' });
+                chrome.action.setPopup({ popup: 'popup.html' });
+            }
+        }
+
+    });
+});
+
+// End of file
diff --git a/colab/build.colab.sh b/colab/build.colab.sh
@@ -0,0 +1,34 @@
+#
+#    Project Name    : Visual Python
+#    Description     : GUI-based Python code generator
+#    File Name       : build.colab.sh
+#    Author          : Black Logic - Minju
+#    Note            : Build Visual Python for Colab
+#    License         : GPLv3 (GNU General Public License v3.0)
+#    Date            : 2023. 02. 08
+#    Change Date     :
+#
+#=============================================================================
+# Replace Version
+#=============================================================================
+VP_ORG_VER=2.2.12
+VP_NEW_VER=2.3.0
+
+# update version info
+# update manifest version with new numbering for new version
+grep -REil ${VP_ORG_VER//\./\\.}\.[0-9] manifest.json | xargs sed -i "s/${VP_ORG_VER//\./\\.}\.[0-9]/${VP_NEW_VER}.1/g"
+# update version inside visualpython package
+grep -REil ${VP_ORG_VER//\./\\.} visualpython/* | xargs sed -i --follow-symlinks "s/${VP_ORG_VER//\./\\.}/${VP_NEW_VER}/g"
+
+#=============================================================================
+# Build output for Colab
+#=============================================================================
+# make directories to save build output
+mkdir -p ../dist/colab
+
+# build package
+# sudo apt-get install zip
+zip -r ../dist/colab/visualpython-v$VP_NEW_VER.zip background.js content.js icon.png inject.js manifest.json visualpython
+
+exit 0
+# End of file
diff --git a/colab/content.js b/colab/content.js
@@ -0,0 +1,64 @@
+//======================================================================
+// Inner functions
+//======================================================================
+/**
+ * Send event to inject script
+ * @param {*} type event type defined on inject script
+ * @param {*} data data to send
+ */
+function sendEvent(type, data='') {
+    let detailObj = { type: type, data: data };
+    let evt = new CustomEvent('vpcomm', { bubbles: true, detail: detailObj });
+    console.log('[vp content] send from content - ', type, data, evt);
+    document.dispatchEvent(evt);
+
+}
+function checkScriptExists(url) {
+    return document.querySelectorAll(`script[src="${url}"]`).length > 0;
+}
+/**
+ * Inject file
+ */
+function injectFile() {
+    let url = chrome.runtime.getURL('inject.js');
+    console.log('[vp content] check inject file...')
+    if (checkScriptExists(url)) {
+        console.log('[vp content] inject file already exist!');
+        return false; 
+    }
+    console.log('[vp content] inject file!');
+    // inject script
+    var s = document.createElement('script');
+    s.src = url;
+    s.onload = function() {
+        // send event to inject.js to send its url
+        var url = chrome.runtime.getURL('');
+        // var evt = new CustomEvent('vpcomm', { bubbles: true, detail: { type: 'sendBase', data: url } });
+        // document.dispatchEvent(evt);
+        sendEvent('sendBase', url);
+    };
+    (document.head || document.documentElement).appendChild(s);
+    return true;
+}
+
+//======================================================================
+// Event listener - background <-> (content -> inject)
+//======================================================================
+function msgHandler(msg, sender) {
+    if (msg && msg.type) {
+        switch(msg.type) {
+            case "toggle":
+                injectFile();
+                sendEvent('toggle');
+                break;
+            default:
+                break;
+        }
+    }
+}
+chrome.runtime.onMessage.removeListener(msgHandler);
+chrome.runtime.onMessage.addListener(msgHandler);
+
+console.log('[vp content] content script executed!');
+
+// End of file
diff --git a/colab/icon-disable.png b/colab/icon-disable.png
diff --git a/img/icon.png → colab/icon.png b/img/icon.png → colab/icon.png
diff --git a/colab/icon128.png b/colab/icon128.png