define([
'require'
, 'jquery'
, 'nbextensions/visualpython/src/common/vpCommon'
, 'nbextensions/visualpython/src/common/constant'
, 'nbextensions/visualpython/src/common/StringBuilder'
, 'nbextensions/visualpython/src/common/vpFuncJS'
, 'nbextensions/visualpython/src/pandas/common/commonPandas'
, 'nbextensions/visualpython/src/pandas/common/pandasGenerator'
], function (requirejs, $, vpCommon, vpConst, sb, vpFuncJS, libPandas, pdGen) {
// 옵션 ì†ì„±
const funcOptProp = {
stepCount : 1
, funcName : "Variables"
, funcID : "com_variables"
, libID : "pd000"
}
/**
* html load 콜백. ê³ ìœ id ìƒì„±í•˜ì—¬ 부과하며 js ê°ì²´ í´ëž˜ìŠ¤ ìƒì„±í•˜ì—¬ 컨테ì´ë„ˆë¡œ ì „ë‹¬
* @param {function} callback 호출ìž(컨테ì´ë„ˆ) ì˜ ì½œë°±í•¨ìˆ˜
*/
var optionLoadCallback = function(callback, meta) {
// document.getElementsByTagName("head")[0].appendChild(link);
// 컨테ì´ë„ˆì—ì„œ ì „ë‹¬ëœ callback 함수가 존재하면 실행.
if (typeof(callback) === 'function') {
var uuid = vpCommon.getUUID();
// 최대 10회 중복ë˜ì§€ ì•Šë„ë¡ ì²´í¬
for (var idx = 0; idx < 10; idx++) {
// ì´ë¯¸ ì‚¬ìš©ì¤‘ì¸ uuid ì¸ ê²½ìš° 다시 ìƒì„±
if ($(vpConst.VP_CONTAINER_ID).find("." + uuid).length > 0) {
uuid = vpCommon.getUUID();
}
}
$(vpCommon.wrapSelector(vpCommon.formatString("#{0}", vpConst.OPTION_GREEN_ROOM))).find(vpCommon.formatString(".{0}", vpConst.API_OPTION_PAGE)).addClass(uuid);
// 옵션 ê°ì²´ ìƒì„±
var varPackage = new VariablePackage(uuid);
varPackage.metadata = meta;
// 옵션 ì†ì„± í• ë‹¹.
varPackage.setOptionProp(funcOptProp);
// html ì„¤ì •.
varPackage.initHtml();
callback(varPackage); // 공통 ê°ì²´ë¥¼ callback ì¸ìžë¡œ ì „ë‹¬
}
}
/**
* html 로드.
* @param {function} callback 호출ìž(컨테ì´ë„ˆ) ì˜ ì½œë°±í•¨ìˆ˜
*/
var initOption = function(callback, meta) {
vpCommon.loadHtml(vpCommon.wrapSelector(vpCommon.formatString("#{0}", vpConst.OPTION_GREEN_ROOM)), "file_io/variables.html", optionLoadCallback, callback, meta);
}
/**
* 본 옵션 처리 위한 í´ëž˜ìŠ¤
* @param {String} uuid ê³ ìœ id
*/
var VariablePackage = function(uuid) {
this.uuid = uuid; // Load html ì˜ì—ì˜ uuid.
// pandas 함수
this.package = libPandas._PANDAS_FUNCTION[funcOptProp.libID];
}
/**
* vpFuncJS ì—ì„œ ìƒì†
*/
VariablePackage.prototype = Object.create(vpFuncJS.VpFuncJS.prototype);
/**
* ìœ íš¨ì„± 검사
* @returns ìœ íš¨ì„± 검사 ê²°ê³¼. ì í•©ì‹œ true
*/
VariablePackage.prototype.optionValidation = function() {
return true;
// 부모 í´ëž˜ìŠ¤ ìœ íš¨ì„± 검사 호출.
// vpFuncJS.VpFuncJS.prototype.optionValidation.apply(this);
}
/**
* html 내부 binding 처리
*/
VariablePackage.prototype.initHtml = function() {
var that = this;
this.showFunctionTitle();
this.loadVariables();
this.loadCss(Jupyter.notebook.base_url + vpConst.BASE_PATH + vpConst.STYLE_PATH + "pandas/commonPandas.css");
this.loadCss(Jupyter.notebook.base_url + vpConst.BASE_PATH + vpConst.STYLE_PATH + "file_io/variables.css");
// load variables on refresh
$(this.wrapSelector('#vp_varRefresh')).click(function(event) {
event.stopPropagation();
that.loadVariables();
});
}
/**
* ì„ íƒí•œ 패키지명 ìž…ë ¥
*/
VariablePackage.prototype.showFunctionTitle = function() {
$(this.wrapSelector('.vp_functionName')).text(funcOptProp.funcName);
}
/**
* Variables 조회
*/
VariablePackage.prototype.loadVariables = function() {
var that = this;
// 조회가능한 변수 data type ì •ì˜ FIXME: 조회 필요한 변수 ìœ í˜• 추가
var types = [
// pandas ê°ì²´
'DataFrame', 'Series', 'Index', 'Period', 'GroupBy', 'Timestamp'
// Index 하위 ìœ í˜•
, 'RangeIndex', 'CategoricalIndex', 'MultiIndex', 'IntervalIndex', 'DatetimeIndex', 'TimedeltaIndex', 'PeriodIndex', 'Int64Index', 'UInt64Index', 'Float64Index'
// GroupBy 하위 ìœ í˜•
, 'DataFrameGroupBy', 'SeriesGroupBy'
// Plot ê´€ë ¨ ìœ í˜•
, 'Figure', 'AxesSubplot'
// Numpy
, 'ndarray'
// Python 변수
, 'str', 'int', 'float', 'bool', 'dict', 'list', 'tuple'
];
var tagTable = this.wrapSelector('#vp_var_variableBox table');
// 변수 ì •ë³´ 표시
var tagDetailTable = this.wrapSelector("#vp_varDetailTable");
// initialize tags
$(tagTable).find('tr:not(:first)').remove();
$(tagDetailTable).html('');
// HTML 구성
pdGen.vp_searchVarList(types, function(result) {
// var jsonVars = result.replace(/'/gi, `"`);
// var varList = JSON.parse(jsonVars);
var varList = JSON.parse(result);
// table ì— ë³€ìˆ˜ëª©ë¡ ì¶”ê°€
varList.forEach(varObj => {
if (types.includes(varObj.varType) && varObj.varName[0] !== '_') {
var tagTr = document.createElement('tr');
var tagTdName = document.createElement('td');
var tagTdType = document.createElement('td');
$(tagTr).attr({
'data-var-name': varObj.varName,
'data-var-type': varObj.varType
});
tagTdName.innerText = varObj.varName;
tagTdType.innerText = varObj.varType;
$(tagTr).append(tagTdName);
$(tagTr).append(tagTdType);
$(tagTdName).attr({
'title': 'click to copy'
});
// 변수ì´ë¦„ í´ë¦ ì‹œ í´ë¦½ë³´ë“œì— 복사
$(tagTdName).click(function() {
// // í´ë¦½ë³´ë“œ 복사 시작
var tempElem = document.createElement('input');
tempElem.value = varObj.varName;
document.body.appendChild(tempElem);
tempElem.select();
document.execCommand("copy");
document.body.removeChild(tempElem);
// í´ë¦½ë³´ë“œ 복사 완료
vpCommon.renderSuccessMessage('Copied!');
});
// 변수 ì„ íƒ ì‹œ 표시
$(tagTr).click(function() {
$(this).parent().find('tr').removeClass('selected');
$(this).addClass('selected');
// TEST: 변수 ì„ íƒ ì‹œ 변수 ì •ë³´ë¥¼ í•˜ë‹¨ì— í‘œì‹œ
// vpFuncJS.kernelExecute ì—서는 callbackì— msg.content["text"]를 ì „ë‹¬í•´ì£¼ê¸° ë•Œë¬¸ì— ë”°ë¡œ 구현함
Jupyter.notebook.kernel.execute(
varObj.varName,
{
iopub: {
output: function (msg) {
var textResult = msg.content.data["text/plain"];
var htmlResult = msg.content.data["text/html"];
var imgResult = msg.content.data["image/png"];
$(tagDetailTable).html('');
if (htmlResult != undefined) {
// 1. HTML 태그로 구성ë˜ì–´ 반환ë˜ëŠ” 경우
$(tagDetailTable).append(htmlResult);
} else if (imgResult != undefined) {
// 2. ì´ë¯¸ì§€ ë°ì´í„°ê°€ 반환ë˜ëŠ” 경우 (base64)
var imgTag = '
';
$(tagDetailTable).append(imgTag);
} else if (textResult != undefined) {
// 3. í…스트 ë°ì´í„°ê°€ 반환ë˜ëŠ” 경우
var preTag = document.createElement('pre');
$(preTag).text(textResult);
$(tagDetailTable).html(preTag);
} else {
$(tagDetailTable).append('(Nothing Selected)');
}
}
}
},
{ silent: false }
);
// TEST: END
})
$(tagTable).append(tagTr);
}
});
});
};
/**
* 코드 ìƒì„±
* @param {boolean} exec 실행여부
*/
VariablePackage.prototype.generateCode = function(addCell, exec) {
var sbCode = new sb.StringBuilder();
// TODO: 변수 내용 조회
var selectedVariable = $(this.wrapSelector('#vp_var_variableBox table tr.selected'));
if (selectedVariable) {
var varName = selectedVariable.attr('data-var-name');
if (varName) {
sbCode.appendFormat('{0}', varName);
}
}
if (addCell) this.cellExecute(sbCode.toString(), exec);
return sbCode.toString();
}
return {
initOption: initOption
};
});