factory.js

var remote = require('electron').remote
var { ipcRenderer } = require("electron")
var fs = require('fs')
var chemin = process.resourcesPath
var messageDiv = document.getElementById('messageDIV')
var appendData = ""
var place

function loadBF(file) {
	$.get(file, function(data){
		if (data) {
			var xml = Blockly.Xml.textToDom(data)
			mainWorkspace.clear()
			Blockly.Xml.domToWorkspace(xml, mainWorkspace)
			mainWorkspace.render()
			var elem = xml.getElementsByTagName("language")[0]
			var node = elem.childNodes[0]
			localStorage.setItem("code_bf", node.nodeValue)
		}
	}, 'text')
}

window.addEventListener('load', function load(event){
	var window = remote.getCurrentWindow()
	if(!window.isMaximized())window.maximize()
	$('#btn_quit').on('click', function(){
		window.close()
	})
	$('#btn_max').on('click', function(){
		if(window.isMaximized()){
            window.unmaximize()
			document.getElementById('btn_max').innerHTML="<span class='fa fa-window-maximize fa-lg'></span>"
        }else{
            window.maximize()
			document.getElementById('btn_max').innerHTML="<span class='fa fa-window-restore fa-lg'></span>"
        }
	})
	$('#btn_append').on('click', function(){
		$("#message").modal("show")
		messageDiv.innerHTML = ""
		var i = 0
		var cat = localStorage.getItem("toolboxids").split(",")
		var selectTool = document.createElement("select")
		selectTool.size = "7"
		selectTool.multiple = "multiple"
		selectTool.id = "toolchoice"
		for (var i = 0; i < cat.length; i++) {
			var opt = document.createElement('option')
			opt.value = i;
            opt.innerHTML = Blockly.Msg[cat[i]]
			selectTool.appendChild(opt)
		}
		messageDiv.appendChild(selectTool)
	})
	$('#btn_appendOK').on('click', function(){
		if ($("#toolchoice").val()) {
			var dataB = document.getElementById('languagePre').textContent
			var dataG = editor.getValue()
			var xml = Blockly.Xml.workspaceToDom(mainWorkspace)
			var new_element = document.createElement("language")
			new_element.appendChild(document.createTextNode(dataG))
			xml.insertBefore(new_element, xml.childNodes[0])
			var dataX = Blockly.Xml.domToPrettyText(xml)
			fs.writeFileSync(chemin+'/www/blocs&generateurs/factory/' +blockType+ '.bf', dataX)
			appendData = dataB + "\n" + dataG + "\n////////////////////\n"
			fs.appendFileSync(chemin+'/www/blocs&generateurs/factory/append.js', appendData)
			place = $("#toolchoice").val()
			ipcRenderer.send("appendBlock", blockType, appendData, place[0])
			window.close()
		} else $("#message").modal("hide")
	})
	$('#btn_redo').on('click', function(){
		mainWorkspace.undo(1)
	})
	$('#btn_undo').on('click', function(){
		mainWorkspace.undo(0)
	})
	$('#btn_print').on('click', function(){
		ipcRenderer.send('save-png-factory')
	})
	$('#btn_save').on('click', function(){
		ipcRenderer.send('save-bf')
	})
	$('#btn_new').on('click', function(){
		mainWorkspace.clear()
		var rootBlock = mainWorkspace.newBlock('factory_base')
		rootBlock.initSvg()
		rootBlock.render()
		rootBlock.setMovable(false)
		rootBlock.setDeletable(false)
	})
	$('#btn_open').on('click', function(){
		ipcRenderer.send('openBF')
	})
	$('#lien1').on('click', function(){
		loadBF("./examples/factory/model1.bf")
		$("#exampleModal").modal("hide")
	})
	$('#lien2').on('click', function(){
		loadBF("./examples/factory/model2.bf")
		$("#exampleModal").modal("hide")
	})
	$('#lien3').on('click', function(){
		loadBF("./examples/factory/model3.bf")
		$("#exampleModal").modal("hide")
	})
	$('#lien4').on('click', function(){
		loadBF("./examples/factory/model4.bf")
		$("#exampleModal").modal("hide")
	})
	$('#lien5').on('click', function(){
		ipcRenderer.send('addImg')
	})
	$('#lien6').on('click', function(){
		fs.readdir(chemin+"/www/media/factory", function(err, files) {
			var dir_img = document.getElementById('span_image_dir')
			$("#span_image_dir").empty()
			if(files.length%2==0){
				for (var i=0; i < files.length; i=i+2) dir_img.innerHTML += "<tr><td>"+files[i]+"</td><td>"+files[i+1]+"</td></tr>"
			}else{
				for (var i=0; i < files.length-1; i=i+2) dir_img.innerHTML += "<tr><td>"+files[i]+"</td><td>"+files[i+1]+"</td></tr>"
				dir_img.innerHTML += "<tr><td>"+files[files.length-1]+"</td></tr>"
			}
			$("#imageModal").modal("show")
		})
	})
	$('#lien7').on('click', function(){
		fs.readdir(chemin+"/www/media/factory", function(err, files){
			var file1 = files.filter(word => word!="gamepad.png")
			var file2 = file1.filter(word => word!="keyboard.png")
			file2.forEach(function(file){
				if (file2.length!=0){
					fs.unlink(chemin+"/www/media/factory/"+file, function(err){ if (err) return console.log(err)})
				}
			})
		})
	})
	$('#btn_open_code').on('click', function(){
		var code = localStorage.getItem("code_bf")
		editor.setValue(code,1)
	})
	ipcRenderer.on('added-img', function(event, path){
		if (path === null){
			return
		} else {
			path.forEach(function(pt) {
				var name = pt.substring(pt.lastIndexOf("\\"))
				fs.copyFile(pt, chemin+'/www/media/factory/'+name, function(err){ if (err) return console.log(err)})
			})
		}
	})
	ipcRenderer.on('saved-bf', function(event, path){
		if (path === null) {
			return
		} else {
			var xml = Blockly.Xml.workspaceToDom(mainWorkspace)
			var new_element = document.createElement("language")
			new_element.appendChild(document.createTextNode(editor.getValue()))
			xml.insertBefore(new_element, xml.childNodes[0])
			var code = Blockly.Xml.domToPrettyText(xml)
			fs.writeFile(path, code, function(err){
				if (err) return console.log(err)
			})
		}
	})
	ipcRenderer.on('saved-png-factory', function(event, path){
		if (path === null) {
			return
		} else {
			var ws = mainWorkspace.svgBlockCanvas_.cloneNode(true);
			ws.removeAttribute("width");
			ws.removeAttribute("height");
			ws.removeAttribute("transform");
			var styleElem = document.createElementNS("http://www.w3.org/2000/svg", "style");
			styleElem.textContent = Blockly.Css.CONTENT.join('') ;
			ws.insertBefore(styleElem, ws.firstChild);
			var bbox = mainWorkspace.svgBlockCanvas_.getBBox();
			var canvas = document.createElement( "canvas" );
			canvas.width = Math.ceil(bbox.width+10);
			canvas.height = Math.ceil(bbox.height+10);
			var ctx = canvas.getContext( "2d" );
			ctx.fillStyle = 'rgb(255, 255, 255)';
			ctx.fillRect(0, 0, canvas.width, canvas.height);
			var xml = new XMLSerializer().serializeToString(ws);
			xml = '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="'+bbox.width+'" height="'+bbox.height+'" viewBox="' + bbox.x + ' ' + bbox.y + ' '  + bbox.width + ' ' + bbox.height + '"><rect width="100%" height="100%" fill="white"></rect>'+xml+'</svg>';
			var img = new Image();
			var code = btoa(unescape(encodeURIComponent(xml)));
			img.setAttribute( "src", 'data:image/svg+xml;base64,' + code);
			img.onload = function() {
				ctx.drawImage( img, 5, 5 );
				var canvasdata = canvas.toDataURL("image/png",1);
				var data = canvasdata.replace(/^data:image\/png;base64,/,"")
				fs.writeFile(path, data, 'base64', function(err){
					if (err) return console.log(err)
				})
			}
		}
	})
	ipcRenderer.on('openedBF', function(event, path){
		if (path) loadBF(path)
	})
})