visualpython · minjk-bl · Jan 17, 2022 · Jan 17, 2022 · Jan 17, 2022 · Jan 17, 2022
diff --git a/css/boardFrame.css b/css/boardFrame.css
@@ -156,7 +156,6 @@
     flex-direction: column;
     justify-content: center;
     touch-action: none;
-    cursor: pointer;
     color: var(--font-primary);
     font-family: 'AppleSDGothicNeo';
 
@@ -180,6 +179,7 @@
     overflow: hidden;
     border: 2px solid transparent;
     border-radius: 2px;
+    cursor: pointer;
 }
 .vp-block-left-holder {
     display: none;
@@ -197,6 +197,7 @@
     position: absolute;
     left: 0px;
     color: rgba(0,0,0,0.3);
+    cursor: default;
 }
 .vp-block-num-info {
     color: #828282;

diff --git a/css/popupComponent.css b/css/popupComponent.css
@@ -115,29 +115,29 @@
     height: 50px;
 }
 .vp-popup-button[data-type="code"] {
-    position: absolute;
-    left: 15px;
-    top: 9px;
+    float: left;
+    margin-top: 9px;
+    margin-left: 10px;
 }
 .vp-popup-button[data-type="data"] {
-    position: absolute;
-    left: 102px;
-    top: 9px;
+    float: left;
+    margin-top: 9px;
+    margin-left: 10px;
 }
 .vp-popup-button[data-type="cancel"] {
-    position: absolute;
+    float: right;
     background-color: #E4E4E4;
-    top: 9px;
-    right: 106px;
+    margin-top: 9px;
+    margin-right: 10px;
 }
 .vp-popup-runadd-box {
-    position: absolute;
-    top: 9px;
-    right: 15px;
+    float: right;
     width: fit-content;
     height: 30px;
     background: #F38504;
     border-radius: 2px;
+    margin-top: 9px;
+    margin-right: 10px;
 }
 .vp-popup-button[data-type="run"] {
     display: inline-block;
@@ -157,8 +157,8 @@
     background: white;
     border: 0.25px solid var(--border-gray-color);
     position: absolute;
-    bottom: 35px;
-    right: 0px;
+    bottom: 45px;
+    right: 10px;
     width: 120px;
     text-align: center;
     line-height: 30px;
@@ -172,10 +172,11 @@
     background: var(--light-gray-color);
 }
 .vp-popup-save-button {
-    position: absolute;
-    top: 9px;
-    right: 15px;
+    float: right;
     height: 30px;
+    width: 100px;
+    margin-top: 9px;
+    margin-right: 10px;
 }
 /* writable codemirror style*/
 /* Code Option Codemirror */

diff --git a/data/libraries.json b/data/libraries.json
@@ -384,7 +384,7 @@
                                 "type" : "function",
                                 "level": 1,
                                 "name" : "elif",
-                                "tag"  : "ELSE,LOGIC",
+                                "tag"  : "ELIF,LOGIC",
                                 "path" : "visualpython - logic - control - elif",
                                 "desc" : "elif",
                                 "file" : "m_logic/Elif",

diff --git a/data/m_library/pandasLibrary.js b/data/m_library/pandasLibrary.js
@@ -5119,7 +5119,7 @@ define([
             name: 'Plot',
             library: 'pandas',
             description: 'create chart',
-            code: '${o0} = ${i0}.plot(${v}${etc})',
+            code: '${o0} = ${i0}.plot(${v}${etc})\nplt.show()',
             input: [
                 {
                     name: 'i0',

diff --git a/html/popupComponent.html b/html/popupComponent.html
@@ -51,7 +51,6 @@
                 <button type="button" class="vp-button vp-popup-button" data-type="code">Code view</button>
                 <button type="button" class="vp-button vp-popup-button" data-type="data">Data view</button>
 
-                <button type="button" class="vp-button vp-popup-button" data-type="cancel">Cancel</button>
                 <div class="vp-popup-runadd-box">
                     <button type="button" class="vp-button activated vp-popup-button" data-type="run" title="Save to block & Run cell">Run</button>
                     <button type="button" class="vp-button activated vp-popup-button" data-type="show-detail"><img src="/nbextensions/visualpython/img/arrow_short_up.svg"/></button>
@@ -60,7 +59,8 @@
                         <div class="vp-popup-detail-button" data-type="add" title="Save to block & Add cell">Code to cell</div>
                     </div>
                 </div>
-                <button type="button" class="vp-button activated vp-popup-button vp-popup-save-button" data-type="save" title="Save to block" style="display:none;">Save</button>
+                <button type="button" class="vp-button activated vp-popup-button vp-popup-save-button" data-type="save" title="Save to block" style="display:none;">Save to block</button>
+                <button type="button" class="vp-button vp-popup-button" data-type="cancel">Cancel</button>
             </div>
         </div>
     </div>

diff --git a/js/board/BlockMenu.js b/js/board/BlockMenu.js
@@ -74,7 +74,7 @@ define([
             // run button
             sbBlockMenu.appendLine('<div id="vp_block_menu_run" class="vp-block-menu-item">Run</div>');
             // add button
-            sbBlockMenu.appendLine('<div id="vp_block_menu_add" class="vp-block-menu-item">Add</div>');
+            sbBlockMenu.appendLine('<div id="vp_block_menu_add" class="vp-block-menu-item">Code to cell</div>');
             // duplicate button
             sbBlockMenu.appendLine('<div id="vp_block_menu_duplicate" class="vp-block-menu-item">Duplicate</div>');
             // delete button

diff --git a/js/com/com_Config.js b/js/com/com_Config.js
@@ -90,7 +90,17 @@ define([], function() {
                         '        except ValueError:',
                         '            return 0.0'
                     ]
-                }
+                },
+                'vpimport': [
+                    { library: 'numpy', alias:'np' },
+                    { library: 'pandas', alias:'pd' },
+                    { library: 'matplotlib.pyplot', alias:'plt',
+                        include: [
+                            '%matplotlib inline'
+                        ]
+                    },
+                    { library: 'seaborn', alias:'sns' }
+                ]
             }
 
             this.data = {
@@ -165,7 +175,8 @@ define([], function() {
                 Jupyter.notebook.config.loaded.then(function() {
                     var data = Jupyter.notebook.config.data[configKey];
                     if (data == undefined) {
-                        data = {};
+                        reject('No data available.');
+                        return;
                     }
                     if (dataKey == '') {
                         resolve(data);
@@ -184,7 +195,7 @@ define([], function() {
             Jupyter.notebook.config.load();
             var data = Jupyter.notebook.config.data[configKey];
             if (data == undefined) {
-                data = {};
+                return undefined;
             }
             if (dataKey == '') {
                 return data;

diff --git a/js/com/com_Const.js b/js/com/com_Const.js
@@ -19,7 +19,7 @@ define ([
     class Constants { }
 
     Constants.TOOLBAR_BTN_INFO = {
-        HELP: "Visual Python 2.0.0"
+        HELP: "Visual Python 2.0.1"
         , ICON: "vp-main-icon"
         , ID: "vpBtnToggle"
         , NAME: "toggle-vp"

diff --git a/js/com/component/InstanceEditor.js b/js/com/component/InstanceEditor.js
@@ -433,6 +433,14 @@ define([
                 if (callback) {
                     callback(varObj);
                 }
+            }).catch(function(resultObj) {
+                let { result } = resultObj;
+                // show alert
+                com_util.renderAlertModal(result.ename + ': ' + result.evalue);
+                // callback
+                if (callback) {
+                    callback('');
+                }
             });
 
 

diff --git a/js/com/component/PopupComponent.js b/js/com/component/PopupComponent.js
@@ -435,10 +435,6 @@ define([
             } 
             if (!dataview) {
                 $(this.wrapSelector('.vp-popup-button[data-type="data"]')).hide();
-            } else {
-                if (!codeview) {
-                    $(this.wrapSelector('.vp-popup-button[data-type="data"]')).css({left: '15px', top: '9px'});
-                }
             }
 
             // footer

diff --git a/js/loadVisualpython.js b/js/loadVisualpython.js
@@ -238,6 +238,13 @@
         if (cfg.vp_section_display && vpFrame) {
             vpFrame.openVp();
         }
+
+        // Operations on kernel restart
+        events.on('kernel_ready.Kernel', function (evt, info) {
+            vpLog.display(VP_LOG_TYPE.LOG, 'vp operations for kernel ready...');
+            // read vp functions
+            _readKernelFunction();
+        });
     }
 
     return { initVisualpython: initVisualpython, readConfig: readConfig };

diff --git a/js/m_apps/Import.js b/js/m_apps/Import.js
@@ -81,7 +81,7 @@ define([
             page.appendLine('</tr></thead>');
             page.appendLine('<tbody>');
             let that = this;
-            this.state.importMeta.forEach((lib, idx) => {
+            this.state.importMeta && this.state.importMeta.forEach((lib, idx) => {
                 page.appendLine(that.templateForLibrary(idx, lib.library, lib.alias));
             });
             page.appendLine('</tbody>');

diff --git a/js/m_apps/Instance.js b/js/m_apps/Instance.js
@@ -157,6 +157,10 @@ define([
                 let component = evt.component;
                 component.close();
             });
+            $(this.wrapSelector('#vp_instanceVariable')).on('focus_option_page', function(evt) {
+                let component = evt.component;
+                component.focus();
+            });
             $(this.wrapSelector('#vp_instanceVariable')).on('apply_option_page', function(evt) {
                 let component = evt.component;
                 // apply its value
@@ -219,6 +223,21 @@ define([
             return sbCode.toString();
         }
 
+        hide() {
+            super.hide();
+            this.state.subsetEditor && this.state.subsetEditor.hide();
+        }
+
+        close() {
+            super.close();
+            this.state.subsetEditor && this.state.subsetEditor.close();
+        }
+
+        remove() {
+            super.remove();
+            this.state.subsetEditor && this.state.subsetEditor.remove();
+        }
+
         updateValue(value) {
             let cmObj = this.getCodemirror('vp_instanceVariable');
             if (cmObj && cmObj.cm) {

diff --git a/js/m_apps/Snippets.js b/js/m_apps/Snippets.js
@@ -194,6 +194,7 @@ define([
 
                     com_util.renderSuccessMessage('Default snippets imported');
                 }
+                $(that.wrapSelector('.vp-sn-menu-box')).hide();
                 evt.stopPropagation();
             });
-Original file line number
+Diff line change
@@ Expand Up / @@ -194,6 +194,7 @@ define([ @@
                         com_util.renderSuccessMessage('Default snippets imported');
                     }
+                    $(that.wrapSelector('.vp-sn-menu-box')).hide();
                     evt.stopPropagation();
                 });
@@ Expand Down @@