define([
'require'
, 'jquery'
, 'nbextensions/visualpython/src/common/constant'
, 'nbextensions/visualpython/src/common/StringBuilder'
], function (requirejs, $, vpConst, sb) {
let isAPIListRunCode = true;
/**
* 옵션 페이지 로드.
* @param {String} destSelector 로드될 목적지 선택자
* @param {String} url 로드할 html url
* @param {String} prefix html url 앞부분 명시가능(생략 가능)
* @param {function} callback callback 함수
* @param {function} recursiveCallback callback 의 callback
* @param {object} callbackParam callback 사용 추가 파라미터
*/
var loadHtml = function(destSelector, url, prefix, callback, recursiveCallback, callbackParam) {
// prefix 없이 callback 전달된 경우 처리
if (typeof(prefix) === 'function') {
callbackParam = recursiveCallback;
recursiveCallback = callback;
callback = prefix;
prefix = null;
}
var loadURL;
// prefix로 풀경로를 지정하지 않은 경우
if (prefix === undefined || prefix === null) {
loadURL = Jupyter.notebook.base_url + vpConst.BASE_PATH + vpConst.SOURCE_PATH + url;
} else {
loadURL = prefix + url;
}
$(destSelector).load(loadURL, function (response, status, xhr) {
// 로딩 에러시 처리
if (status === "error") {
// TODO: 에러 처리 방법 정의 필요. 알람은 개발 편의를 위해.
alert(xhr.status + " " + xhr.statusText);
console.warn("[vp] Unexcepted error occurred during load option page." + xhr.status + " " + xhr.statusText);
} else {
// callback 이 함수이면 실행
if (typeof(callback) === 'function')
callback(recursiveCallback, callbackParam);
}
});
}
/**
* uuid 생성
* @returns {String} uuid
*/
var getUUID = function() {
return ([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g, c =>
(c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)
);
}
/**
* append css on global
* @param {String} url style url
*/
var loadCss = function(url) {
var link = document.createElement("link");
link.type = "text/css";
link.rel = "stylesheet";
link.href = requirejs.toUrl(url);
document.getElementsByTagName("head")[0].appendChild(link);
}
/**
* VisualPython container selector (jquery selector)
* @returns vp top container selector
*/
var getVPContainer = function() {
return "#" + vpConst.VP_CONTAINER_ID;
}
/**
* 선택자 범위 vp 안으로 감싸기
* @param {String} selector 제한할 대상 선택자. 복수 매개 시 순서대로 제한됨
* @returns wraped selecotr
*/
var wrapSelector = function(selector = "") {
var sbSelector = new sb.StringBuilder();
var cnt = arguments.length;
// 추가 제한자가 없는 경우
if (cnt < 2) {
sbSelector.appendFormat("{0} {1}", getVPContainer(), selector);
} else {
sbSelector.appendFormat("{0}", getVPContainer());
for (var idx = 0; idx < cnt; idx++) {
sbSelector.appendFormat(" {0}", arguments[idx]);
}
}
// console.log('wrapSelector', sbSelector.toString());
return sbSelector.toString();
}
/**
* add variable and trigger event
* @param {string} varName variable name
* @param {string} varType variable type
* @returns if return 0 when success, -1 when variable name duplicate
*/
var addVariable = function(varName, varType) {
// varName 중복 체크
if (checkVariableNameDuplicate) {
return -1;
} else {
events.trigger('add-variable.vp-wrapper', {'varName': varName, 'varType': varType});
return 0;
}
}
/**
* 스트링 포맷형 조합
*/
var formatString = function() {
var cnt = arguments.length;
if (cnt < 2)
return arguments[0];
var str = arguments[0];
for (var idx = 1; idx < cnt; idx++)
str = str.replace("{" + (idx - 1) + "}", arguments[idx]);
return str;
}
/**
* check duplicate variable name
* @param {string} varName
*/
var checkVariableNameDuplicate = function(varName) {
// TODO: varName 중복 체크
return true;
}
// ----- 추가 + 이진용 주임 -----
/**
* scriptName이름과 일치하는 head태그에 load한 css와 js파일을 삭제
* @param {string} scriptName
*/
var removeHeadScript = function(scriptName) {
for (let i = 0; i < document.querySelector('head').children.length; i++){
if (document.querySelector('head').children[i].outerHTML.includes(scriptName)) {
document.querySelector('head').removeChild(document.querySelector('head').children[i]);
}
}
}
/**
* head태그에 특정 scriptName과 일치하는 css html js 파일이 import 되어있는지 콘솔로 찍어 확인
* @param {string} scriptName
*/
var consoleHeadScript = function(scriptName) {
for (let i = 0; i < document.querySelector('head').children.length; i++){
if (document.querySelector('head').children[i].outerHTML.includes(scriptName)) {
console.log(document.querySelector('head').children[i]);
break;
}
}
}
/**
* alertModal html과 css를 load하는 함수
* alertModal은 주로 코드 생성 validation message로 사용한다
* @param {string} titleStr
*/
var renderAlertModal = function(titleStr) {
if (isAPIListRunCode == true) {
// load css
loadCss( Jupyter.notebook.base_url + vpConst.BASE_PATH + vpConst.STYLE_PATH + "component/alertModal.css");
// set html url
var loadURL = Jupyter.notebook.base_url + vpConst.BASE_PATH + vpConst.SOURCE_PATH + "component/alertModal.html";
// load alertModal html
$(``)
.load(loadURL, function() {
// bind 이벤트 함수
// alertModal창 메세지 출력
$('.vp-alertModal-titleStr').html(titleStr);
// alertModal창 확인 버튼 누를시
$('.vp-alertModal-yes').click( function() {
$('body').find('#vp_alertModal').remove();
// 종료후 head 태그에 import된 alertModal.css와 alertModal.html을 삭제함
removeHeadScript("alertModal");
});
})
.appendTo("body");
}
}
/**
* 데이터가 생성되기 전에 Loading을 일으키는 함수
* 파일 네비게이션 작업이 끝나면 삭제됨
*/
var renderLoadingBar = function() {
// load css
loadCss( Jupyter.notebook.base_url + vpConst.BASE_PATH + vpConst.STYLE_PATH + "component/loadingBar.css");
// set html url
var loadURL = Jupyter.notebook.base_url + vpConst.BASE_PATH + vpConst.SOURCE_PATH + "component/loadingBar.html";
// load renderLoadingBar html
$(``)
.load(loadURL, function() {
})
.appendTo(".fileNavigationPage-directory-container");
}
/**
* 성공 메세지를 화면 우측 오른쪽에 띄우는 함수
* 메세지는 3초후 사라진다.
* @param {string} titleStr
*/
var renderSuccessMessage = function(titleStr) {
loadCss( Jupyter.notebook.base_url + vpConst.BASE_PATH + vpConst.STYLE_PATH + "component/successMessage.css");
var loadURL = Jupyter.notebook.base_url + vpConst.BASE_PATH + vpConst.SOURCE_PATH + "component/successMessage.html";
$(``)
.load(loadURL, function() {
$('.vp-successMessage').append(`${titleStr}
`);
// 한 번 비동기 실행 다음 3초 후 종료
setTimeout( function() {
$("#vp_successMessage").remove();
// 종료후 head 태그에 import된 successMessage.css와 successMessage.html을 삭제함
removeHeadScript("successMessage");
}, 3000);
})
.appendTo("#header");
}
var renderYesOrNoModal = function(callback) {
// load css
loadCss( Jupyter.notebook.base_url + vpConst.BASE_PATH + vpConst.STYLE_PATH + "component/yesOrNoModal.css");
// set html url
var loadURL = Jupyter.notebook.base_url + vpConst.BASE_PATH + vpConst.SOURCE_PATH + "component/yesOrNoModal.html";
// load alertModal html
$(``)
.load(loadURL, callback)
.appendTo(".FileNavigationPage-inner");
}
var setIsAPIListRunCode = function(isAPIListRunCode_param) {
isAPIListRunCode = isAPIListRunCode_param;
}
var getIsAPIListRunCode = function() {
return isAPIListRunCode;
}
var kernelExecute = function(command, isSilent = false, isStoreHistory = !isSilent, isStopOnError = true) {
return new Promise((resolve, reject) => {
Jupyter.notebook.kernel.execute(
command,
{
iopub: {
output: function(msg) {
// msg.content.data['text/plain']
console.log(msg);
resolve(msg.content.data);
}
}
},
{ silent: isSilent, store_history: isStoreHistory, stop_on_error: isStopOnError }
);
});
}
/**
* 셀에 소스 추가하고 실행.
* @param {Array