mirror of
https://github.com/damp11113-software/ccIDE.git
synced 2025-04-27 22:48:13 +00:00
add splash screen and making library manager
This commit is contained in:
parent
c2d0f4b970
commit
f6f9e02542
BIN
assets/noimagefallback.png
Normal file
BIN
assets/noimagefallback.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
assets/organization-logo.png
Normal file
BIN
assets/organization-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
@ -11,5 +11,5 @@ luaGenerator.forBlock['ide_addcode'] = function(block, generator) {
|
|||||||
|
|
||||||
// Remove all occurrences of the matched characters
|
// Remove all occurrences of the matched characters
|
||||||
const cleanedStr = codefromuser.replace(/[']/g, '');
|
const cleanedStr = codefromuser.replace(/[']/g, '');
|
||||||
return cleanedStr;
|
return cleanedStr+"\n";
|
||||||
};
|
};
|
||||||
|
|||||||
@ -9,6 +9,7 @@
|
|||||||
"peripherals": false,
|
"peripherals": false,
|
||||||
"library": false,
|
"library": false,
|
||||||
"turtle": false,
|
"turtle": false,
|
||||||
|
"pocket": false,
|
||||||
"require_network": false,
|
"require_network": false,
|
||||||
"dependencies": {}
|
"dependencies": {}
|
||||||
}
|
}
|
||||||
87
blocks/Template/block_design.json
Normal file
87
blocks/Template/block_design.json
Normal file
@ -0,0 +1,87 @@
|
|||||||
|
{
|
||||||
|
"math_operation": {
|
||||||
|
"message0": "args %1 %2 %3",
|
||||||
|
"args0": [
|
||||||
|
{
|
||||||
|
"type": "field_dropdown",
|
||||||
|
"name": "OPERATOR",
|
||||||
|
"options": [
|
||||||
|
["+", "ADD"],
|
||||||
|
["-", "SUBTRACT"],
|
||||||
|
["*", "MULTIPLY"],
|
||||||
|
["/", "DIVIDE"]
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "input_value",
|
||||||
|
"name": "NUM1",
|
||||||
|
"check": "Number"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "input_value",
|
||||||
|
"name": "NUM2",
|
||||||
|
"check": "Number"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"inputsInline": true,
|
||||||
|
"output": "Number",
|
||||||
|
"colour": 230,
|
||||||
|
"tooltip": "Perform a mathematical operation",
|
||||||
|
"helpUrl": ""
|
||||||
|
},
|
||||||
|
"text_print": {
|
||||||
|
"message0": "print %1",
|
||||||
|
"args0": [
|
||||||
|
{
|
||||||
|
"type": "input_value",
|
||||||
|
"name": "TEXT"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"previousStatement": null,
|
||||||
|
"nextStatement": null,
|
||||||
|
"colour": 160,
|
||||||
|
"tooltip": "Print text",
|
||||||
|
"helpUrl": ""
|
||||||
|
},
|
||||||
|
"controls_if": {
|
||||||
|
"message0": "if %1 then",
|
||||||
|
"args0": [
|
||||||
|
{
|
||||||
|
"type": "input_value",
|
||||||
|
"name": "IF0",
|
||||||
|
"check": "Boolean"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"message1": "do %1",
|
||||||
|
"args1": [
|
||||||
|
{
|
||||||
|
"type": "input_statement",
|
||||||
|
"name": "DO0"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"previousStatement": null,
|
||||||
|
"nextStatement": null,
|
||||||
|
"colour": 210,
|
||||||
|
"tooltip": "If condition",
|
||||||
|
"helpUrl": ""
|
||||||
|
},
|
||||||
|
"variables_set": {
|
||||||
|
"message0": "set %1 to %2",
|
||||||
|
"args0": [
|
||||||
|
{
|
||||||
|
"type": "field_variable",
|
||||||
|
"name": "VAR",
|
||||||
|
"variable": "item"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "input_value",
|
||||||
|
"name": "VALUE"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"previousStatement": null,
|
||||||
|
"nextStatement": null,
|
||||||
|
"colour": 330,
|
||||||
|
"tooltip": "Set variable",
|
||||||
|
"helpUrl": ""
|
||||||
|
}
|
||||||
|
}
|
||||||
58
blocks/Template/generator.js
Normal file
58
blocks/Template/generator.js
Normal file
@ -0,0 +1,58 @@
|
|||||||
|
const { luaGenerator } = require('blockly/lua');
|
||||||
|
|
||||||
|
// Check if luaGenerator.forBlock is defined and initialize if necessary
|
||||||
|
if (!luaGenerator.forBlock) {
|
||||||
|
luaGenerator.forBlock = {};
|
||||||
|
}
|
||||||
|
|
||||||
|
// Math operation block
|
||||||
|
luaGenerator.forBlock['math_operation'] = function(block, generator) {
|
||||||
|
var operator = block.getFieldValue('OPERATOR');
|
||||||
|
var num1 = generator.valueToCode(block, 'NUM1', generator.ORDER_ATOMIC);
|
||||||
|
var num2 = generator.valueToCode(block, 'NUM2', generator.ORDER_ATOMIC);
|
||||||
|
|
||||||
|
var operatorSymbol = '';
|
||||||
|
switch (operator) {
|
||||||
|
case 'ADD':
|
||||||
|
operatorSymbol = '+';
|
||||||
|
break;
|
||||||
|
case 'SUBTRACT':
|
||||||
|
operatorSymbol = '-';
|
||||||
|
break;
|
||||||
|
case 'MULTIPLY':
|
||||||
|
operatorSymbol = '*';
|
||||||
|
break;
|
||||||
|
case 'DIVIDE':
|
||||||
|
operatorSymbol = '/';
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
operatorSymbol = '+';
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
var code = `${num1} ${operatorSymbol} ${num2}`;
|
||||||
|
return [code, generator.ORDER_ATOMIC];
|
||||||
|
};
|
||||||
|
|
||||||
|
// Print text block
|
||||||
|
luaGenerator.forBlock['text_print'] = function(block, generator) {
|
||||||
|
var text = generator.valueToCode(block, 'TEXT', generator.ORDER_NONE) || '\'\'';
|
||||||
|
var code = `print(${text})\n`;
|
||||||
|
return code;
|
||||||
|
};
|
||||||
|
|
||||||
|
// If condition block
|
||||||
|
luaGenerator.forBlock['controls_if'] = function(block, generator) {
|
||||||
|
var condition = generator.valueToCode(block, 'IF0', generator.ORDER_NONE) || 'false';
|
||||||
|
var branch = generator.statementToCode(block, 'DO0');
|
||||||
|
var code = `if ${condition} then\n${branch}\nend\n`;
|
||||||
|
return code;
|
||||||
|
};
|
||||||
|
|
||||||
|
// Set variable block
|
||||||
|
luaGenerator.forBlock['variables_set'] = function(block, generator) {
|
||||||
|
var variable = generator.nameDB_.getName(block.getFieldValue('VAR'), Blockly.Variables.NAME_TYPE);
|
||||||
|
var value = generator.valueToCode(block, 'VALUE', generator.ORDER_NONE) || '0';
|
||||||
|
var code = `${variable} = ${value}\n`;
|
||||||
|
return code;
|
||||||
|
};
|
||||||
@ -1,14 +1,15 @@
|
|||||||
{
|
{
|
||||||
"name": "Test Peripheral",
|
"name": "Template",
|
||||||
"author": "DPSoftware Foundation",
|
"author": "DPSoftware Foundation",
|
||||||
"description": "Test Peripheral",
|
"description": "Template for creating custom blocks in ccIDE",
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"category": "Blockly Extensions",
|
"category": "",
|
||||||
"keyword": "test",
|
"keyword": "template, custom block, ccIDE",
|
||||||
"license": "GPL-3.0-or-later",
|
"license": "GPL-3.0-or-later",
|
||||||
"peripherals": false,
|
"peripherals": false,
|
||||||
"library": false,
|
"library": false,
|
||||||
"turtle": false,
|
"turtle": false,
|
||||||
|
"pocket": false,
|
||||||
"require_network": false,
|
"require_network": false,
|
||||||
"dependencies": {}
|
"dependencies": {}
|
||||||
}
|
}
|
||||||
44
blocks/Template/toolbox.xml
Normal file
44
blocks/Template/toolbox.xml
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
<xml id="toolbox" style="display: none;">
|
||||||
|
<category name="Template" colour="270">
|
||||||
|
<!-- Math operation block -->
|
||||||
|
<block type="math_operation">
|
||||||
|
<value name="NUM1">
|
||||||
|
<shadow type="math_number">
|
||||||
|
<field name="NUM">10</field> <!-- Default value -->
|
||||||
|
</shadow>
|
||||||
|
</value>
|
||||||
|
<value name="NUM2">
|
||||||
|
<shadow type="math_number">
|
||||||
|
<field name="NUM">5</field> <!-- Default value -->
|
||||||
|
</shadow>
|
||||||
|
</value>
|
||||||
|
</block>
|
||||||
|
|
||||||
|
<!-- Print text block -->
|
||||||
|
<block type="text_print">
|
||||||
|
<value name="TEXT">
|
||||||
|
<shadow type="text">
|
||||||
|
<field name="TEXT">Hello, world!</field> <!-- Default value -->
|
||||||
|
</shadow>
|
||||||
|
</value>
|
||||||
|
</block>
|
||||||
|
|
||||||
|
<!-- If condition block -->
|
||||||
|
<block type="controls_if">
|
||||||
|
<value name="IF0">
|
||||||
|
<shadow type="logic_boolean">
|
||||||
|
<field name="BOOL">TRUE</field> <!-- Default value -->
|
||||||
|
</shadow>
|
||||||
|
</value>
|
||||||
|
</block>
|
||||||
|
|
||||||
|
<!-- Set variable block -->
|
||||||
|
<block type="variables_set">
|
||||||
|
<value name="VALUE">
|
||||||
|
<shadow type="math_number">
|
||||||
|
<field name="NUM">0</field> <!-- Default value -->
|
||||||
|
</shadow>
|
||||||
|
</value>
|
||||||
|
</block>
|
||||||
|
</category>
|
||||||
|
</xml>
|
||||||
@ -1,32 +0,0 @@
|
|||||||
{
|
|
||||||
"custom_math_operation": {
|
|
||||||
"message0": "%1 %2 %3",
|
|
||||||
"args0": [
|
|
||||||
{
|
|
||||||
"type": "field_dropdown",
|
|
||||||
"name": "OPERATOR",
|
|
||||||
"options": [
|
|
||||||
["+", "ADD"],
|
|
||||||
["-", "SUBTRACT"],
|
|
||||||
["*", "MULTIPLY"],
|
|
||||||
["/", "DIVIDE"]
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"type": "input_value",
|
|
||||||
"name": "NUM1",
|
|
||||||
"check": "Number"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"type": "input_value",
|
|
||||||
"name": "NUM2",
|
|
||||||
"check": "Number"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"inputsInline": true,
|
|
||||||
"output": "Number",
|
|
||||||
"colour": 230,
|
|
||||||
"tooltip": "Perform a mathematical operation",
|
|
||||||
"helpUrl": ""
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,35 +0,0 @@
|
|||||||
const { luaGenerator } = require('blockly/lua');
|
|
||||||
|
|
||||||
// Check if luaGenerator.forBlock is defined and initialize if necessary-
|
|
||||||
if (!luaGenerator.forBlock) {
|
|
||||||
luaGenerator.forBlock = {};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Define your custom block handler
|
|
||||||
luaGenerator.forBlock['custom_math_operation'] = function(block, generator) {
|
|
||||||
var operator = block.getFieldValue('OPERATOR');
|
|
||||||
var num1 = generator.valueToCode(block, 'NUM1', generator.ORDER_ATOMIC);
|
|
||||||
var num2 = generator.valueToCode(block, 'NUM2', generator.ORDER_ATOMIC);
|
|
||||||
|
|
||||||
var operatorSymbol = '';
|
|
||||||
switch (operator) {
|
|
||||||
case 'ADD':
|
|
||||||
operatorSymbol = '+';
|
|
||||||
break;
|
|
||||||
case 'SUBTRACT':
|
|
||||||
operatorSymbol = '-';
|
|
||||||
break;
|
|
||||||
case 'MULTIPLY':
|
|
||||||
operatorSymbol = '*';
|
|
||||||
break;
|
|
||||||
case 'DIVIDE':
|
|
||||||
operatorSymbol = '/';
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
operatorSymbol = '+';
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
|
|
||||||
var code = `${num1} ${operatorSymbol} ${num2}`;
|
|
||||||
return [code, generator.ORDER_ATOMIC];
|
|
||||||
};
|
|
||||||
@ -1,17 +0,0 @@
|
|||||||
<xml id="toolbox" style="display: none;">
|
|
||||||
<category name="Custom Blocks" colour="270">
|
|
||||||
<!-- Define your custom blocks here -->
|
|
||||||
<block type="custom_math_operation">
|
|
||||||
<value name="NUM1">
|
|
||||||
<shadow type="math_number">
|
|
||||||
<field name="NUM">10</field> <!-- Default value -->
|
|
||||||
</shadow>
|
|
||||||
</value>
|
|
||||||
<value name="NUM2">
|
|
||||||
<shadow type="math_number">
|
|
||||||
<field name="NUM">5</field> <!-- Default value -->
|
|
||||||
</shadow>
|
|
||||||
</value>
|
|
||||||
</block>
|
|
||||||
</category>
|
|
||||||
</xml>
|
|
||||||
Binary file not shown.
@ -4,32 +4,61 @@ const prompt = require('electron-prompt');
|
|||||||
const path = require('path');
|
const path = require('path');
|
||||||
const ipc = ipcMain
|
const ipc = ipcMain
|
||||||
|
|
||||||
|
process.env['ELECTRON_DISABLE_SECURITY_WARNINGS'] = 'true';
|
||||||
|
|
||||||
let currentprojectpath = null;
|
let currentprojectpath = null;
|
||||||
let currentprojectname = null;
|
let currentprojectname = null;
|
||||||
let currentprojectopen = false
|
let currentprojectopen = false;
|
||||||
let appexiting = false
|
let appexiting = false;
|
||||||
|
let appreloading = false;
|
||||||
|
let currentworkspacechange = false;
|
||||||
|
let isopennewproject = false;
|
||||||
|
|
||||||
app.whenReady().then(() => {
|
app.whenReady().then(() => {
|
||||||
currentprojectpath = null;
|
reloadall(false);
|
||||||
currentprojectname = null;
|
|
||||||
currentprojectopen = false;
|
|
||||||
appexiting = false;
|
|
||||||
|
|
||||||
const win = new BrowserWindow({
|
const win = new BrowserWindow({
|
||||||
width: 1280,
|
width: 1280,
|
||||||
height: 720,
|
height: 720,
|
||||||
icon: path.join(__dirname, '..', 'assets', 'ccIDEIcon.ico'),
|
icon: path.join(__dirname, 'assets', 'ccIDEIcon.ico'),
|
||||||
webPreferences: {
|
webPreferences: {
|
||||||
devTools: true,
|
devTools: true,
|
||||||
nodeIntegration: true,
|
nodeIntegration: true,
|
||||||
enableRemoteModule: true,
|
enableRemoteModule: true,
|
||||||
contextIsolation: false,
|
contextIsolation: false,
|
||||||
}
|
},
|
||||||
|
show: false,
|
||||||
|
center: true,
|
||||||
})
|
})
|
||||||
|
|
||||||
win.loadFile('index.html')
|
var splash = new BrowserWindow({
|
||||||
//win.openDevTools();
|
width: 600,
|
||||||
win.maximize()
|
height: 300,
|
||||||
|
icon: path.join(__dirname, 'assets', 'ccIDEIcon.ico'),
|
||||||
|
transparent: true,
|
||||||
|
frame: false,
|
||||||
|
center: true
|
||||||
|
});
|
||||||
|
|
||||||
|
win.loadFile('src/index.html');
|
||||||
|
splash.loadFile('src/splash.html');
|
||||||
|
win.setTitle(`ccIDE`)
|
||||||
|
|
||||||
|
|
||||||
|
ipc.once('ready', () => {
|
||||||
|
console.log("ready")
|
||||||
|
if (splash) {
|
||||||
|
splash.close();
|
||||||
|
}
|
||||||
|
win.show();
|
||||||
|
win.maximize();
|
||||||
|
});
|
||||||
|
|
||||||
|
ipc.on('erroronstart', (event, errormessage) => {
|
||||||
|
dialog.showErrorBox("Error on startup", errormessage);
|
||||||
|
//win.openDevTools();
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//app.on('activate', () => {
|
//app.on('activate', () => {
|
||||||
// if (BrowserWindow.getAllWindows().length === 0) {
|
// if (BrowserWindow.getAllWindows().length === 0) {
|
||||||
@ -37,6 +66,21 @@ app.whenReady().then(() => {
|
|||||||
// }
|
// }
|
||||||
//})
|
//})
|
||||||
|
|
||||||
|
function reloadall(isloaded=true) {
|
||||||
|
currentprojectpath = null;
|
||||||
|
currentprojectname = null;
|
||||||
|
currentprojectopen = false;
|
||||||
|
currentworkspacechange = false;
|
||||||
|
appexiting = false;
|
||||||
|
appreloading = false;
|
||||||
|
isopennewproject = false;
|
||||||
|
if (isloaded) {
|
||||||
|
win.setTitle(`ccIDE`)
|
||||||
|
win.reload();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
// Define a custom menu template
|
// Define a custom menu template
|
||||||
const menuTemplate = [
|
const menuTemplate = [
|
||||||
{
|
{
|
||||||
@ -46,43 +90,106 @@ app.whenReady().then(() => {
|
|||||||
label: 'New',
|
label: 'New',
|
||||||
accelerator: 'CmdOrCtrl+N',
|
accelerator: 'CmdOrCtrl+N',
|
||||||
click: () => {
|
click: () => {
|
||||||
win.reload()
|
if (currentworkspacechange) {
|
||||||
|
const result = dialog.showMessageBoxSync({
|
||||||
|
type: 'question',
|
||||||
|
buttons: ['Save', 'Don\'t Save', 'Cancel'],
|
||||||
|
defaultId: 2,
|
||||||
|
title: 'Save Changes',
|
||||||
|
message: "Your project is not saved",
|
||||||
|
});
|
||||||
|
if (result === 1) {
|
||||||
|
// Don't save
|
||||||
|
reloadall();
|
||||||
|
} else if (result === 0) {
|
||||||
|
// Save
|
||||||
|
appreloading = true;
|
||||||
|
win.webContents.send('save-workspace-request');
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
reloadall();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: 'Open',
|
label: 'Open',
|
||||||
accelerator: 'CmdOrCtrl+O',
|
accelerator: 'CmdOrCtrl+O',
|
||||||
click: () => {
|
click: () => {
|
||||||
dialog.showOpenDialog(win, {
|
if (currentworkspacechange) {
|
||||||
title: 'Open Project',
|
const result = dialog.showMessageBoxSync({
|
||||||
defaultPath: app.getPath('documents'),
|
type: 'question',
|
||||||
filters: [
|
buttons: ['Save', 'Don\'t Save', 'Cancel'],
|
||||||
{ name: 'ComputerCraft Project', extensions: ['ccp'] }
|
defaultId: 2,
|
||||||
],
|
title: 'Save Changes',
|
||||||
properties: ['openFile']
|
message: "Your project is not saved",
|
||||||
}).then(result => {
|
});
|
||||||
if (!result.canceled) {
|
if (result === 1) {
|
||||||
const filePath = result.filePaths[0];
|
// Don't save
|
||||||
|
dialog.showOpenDialog(win, {
|
||||||
fs.readFile(filePath, 'utf8', (err, json) => {
|
title: 'Open Project',
|
||||||
if (err) {
|
defaultPath: app.getPath('documents'),
|
||||||
console.error('Error loading workspace:', err);
|
filters: [
|
||||||
return;
|
{ name: 'ComputerCraft Project', extensions: ['ccp'] }
|
||||||
|
],
|
||||||
|
properties: ['openFile']
|
||||||
|
}).then(result => {
|
||||||
|
if (!result.canceled) {
|
||||||
|
const filePath = result.filePaths[0];
|
||||||
|
|
||||||
|
fs.readFile(filePath, 'utf8', (err, json) => {
|
||||||
|
if (err) {
|
||||||
|
console.error('Error loading workspace:', err);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
win.webContents.send('load-workspace', json);
|
||||||
|
|
||||||
|
currentprojectpath = result.filePaths[0]
|
||||||
|
currentprojectname = path.basename(result.filePaths[0]);
|
||||||
|
currentprojectopen = true;
|
||||||
|
|
||||||
|
win.setTitle(`${currentprojectname} | ccIDE`)
|
||||||
|
});
|
||||||
|
|
||||||
}
|
}
|
||||||
win.webContents.send('load-workspace', json);
|
}).catch(err => {
|
||||||
|
console.error('Error showing open dialog:', err);
|
||||||
currentprojectpath = result.filePaths[0]
|
|
||||||
currentprojectname = path.basename(result.filePaths[0]);
|
|
||||||
currentprojectopen = true;
|
|
||||||
|
|
||||||
win.setTitle(`${currentprojectname} | ccIDE`)
|
|
||||||
});
|
});
|
||||||
|
} else if (result === 0) {
|
||||||
|
// Save
|
||||||
|
isopennewproject = true;
|
||||||
|
win.webContents.send('save-workspace-request');
|
||||||
}
|
}
|
||||||
}).catch(err => {
|
} else {
|
||||||
console.error('Error showing open dialog:', err);
|
dialog.showOpenDialog(win, {
|
||||||
});
|
title: 'Open Project',
|
||||||
|
defaultPath: app.getPath('documents'),
|
||||||
|
filters: [
|
||||||
|
{ name: 'ComputerCraft Project', extensions: ['ccp'] }
|
||||||
|
],
|
||||||
|
properties: ['openFile']
|
||||||
|
}).then(result => {
|
||||||
|
if (!result.canceled) {
|
||||||
|
const filePath = result.filePaths[0];
|
||||||
|
|
||||||
|
fs.readFile(filePath, 'utf8', (err, json) => {
|
||||||
|
if (err) {
|
||||||
|
console.error('Error loading workspace:', err);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
win.webContents.send('load-workspace', json);
|
||||||
|
|
||||||
|
currentprojectpath = result.filePaths[0]
|
||||||
|
currentprojectname = path.basename(result.filePaths[0]);
|
||||||
|
currentprojectopen = true;
|
||||||
|
|
||||||
|
win.setTitle(`${currentprojectname} | ccIDE`)
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
}).catch(err => {
|
||||||
|
console.error('Error showing open dialog:', err);
|
||||||
|
});
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@ -133,7 +240,7 @@ app.whenReady().then(() => {
|
|||||||
{
|
{
|
||||||
label: 'About',
|
label: 'About',
|
||||||
click: () => {
|
click: () => {
|
||||||
console.log('About clicked');
|
win.webContents.send("open-about")
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
@ -194,6 +301,9 @@ app.whenReady().then(() => {
|
|||||||
win.webContents.send('workspace-saved', true);
|
win.webContents.send('workspace-saved', true);
|
||||||
|
|
||||||
win.setTitle(`${currentprojectname} | ccIDE`)
|
win.setTitle(`${currentprojectname} | ccIDE`)
|
||||||
|
if (currentworkspacechange) {
|
||||||
|
currentworkspacechange = false;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
@ -217,9 +327,47 @@ app.whenReady().then(() => {
|
|||||||
|
|
||||||
win.setTitle(`${currentprojectname} | ccIDE`)
|
win.setTitle(`${currentprojectname} | ccIDE`)
|
||||||
|
|
||||||
|
if (currentworkspacechange) {
|
||||||
|
currentworkspacechange = false;
|
||||||
|
}
|
||||||
|
|
||||||
if (appexiting) {
|
if (appexiting) {
|
||||||
app.quit();
|
app.quit();
|
||||||
}
|
}
|
||||||
|
if (appreloading) {
|
||||||
|
reloadall();
|
||||||
|
}
|
||||||
|
if (isopennewproject) {
|
||||||
|
dialog.showOpenDialog(win, {
|
||||||
|
title: 'Open Project',
|
||||||
|
defaultPath: app.getPath('documents'),
|
||||||
|
filters: [
|
||||||
|
{ name: 'ComputerCraft Project', extensions: ['ccp'] }
|
||||||
|
],
|
||||||
|
properties: ['openFile']
|
||||||
|
}).then(result => {
|
||||||
|
if (!result.canceled) {
|
||||||
|
const filePath = result.filePaths[0];
|
||||||
|
|
||||||
|
fs.readFile(filePath, 'utf8', (err, json) => {
|
||||||
|
if (err) {
|
||||||
|
console.error('Error loading workspace:', err);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
win.webContents.send('load-workspace', json);
|
||||||
|
|
||||||
|
currentprojectpath = result.filePaths[0]
|
||||||
|
currentprojectname = path.basename(result.filePaths[0]);
|
||||||
|
currentprojectopen = true;
|
||||||
|
|
||||||
|
win.setTitle(`${currentprojectname} | ccIDE`)
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
}).catch(err => {
|
||||||
|
console.error('Error showing open dialog:', err);
|
||||||
|
});
|
||||||
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@ -227,7 +375,11 @@ app.whenReady().then(() => {
|
|||||||
|
|
||||||
ipc.on('workspace-notsave', (event) => {
|
ipc.on('workspace-notsave', (event) => {
|
||||||
win.setTitle(`${currentprojectname}* | ccIDE`)
|
win.setTitle(`${currentprojectname}* | ccIDE`)
|
||||||
})
|
currentworkspacechange = true;
|
||||||
|
})
|
||||||
|
ipc.on('workspace-unsave', (event) => {
|
||||||
|
currentworkspacechange = true;
|
||||||
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
@ -257,4 +409,10 @@ app.on("close", function(e) {
|
|||||||
// No unsaved changes, continue closing
|
// No unsaved changes, continue closing
|
||||||
win = null;
|
win = null;
|
||||||
}
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
app.on('window-all-closed', () => {
|
||||||
|
if (process.platform !== 'darwin') {
|
||||||
|
app.quit();
|
||||||
|
}
|
||||||
});
|
});
|
||||||
168
package-lock.json
generated
168
package-lock.json
generated
@ -9,39 +9,23 @@
|
|||||||
"version": "1.0.2",
|
"version": "1.0.2",
|
||||||
"license": "GPL-3.0-or-later",
|
"license": "GPL-3.0-or-later",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@blockly/field-multilineinput": "^5.0.5",
|
"@electron-fonts/noto-sans": "^1.2.0",
|
||||||
"@blockly/theme-dark": "^7.0.3",
|
|
||||||
"@electron/remote": "^2.1.2",
|
"@electron/remote": "^2.1.2",
|
||||||
"blockly": "^11.1.1",
|
"blockly": "^11.1.1",
|
||||||
"bootstrap": "^5.3.3",
|
"bootstrap": "^5.3.3",
|
||||||
"electron-prompt": "^1.7.0",
|
"electron-prompt": "^1.7.0",
|
||||||
"mergexml": "^1.2.4",
|
|
||||||
"xmldom": "^0.6.0"
|
"xmldom": "^0.6.0"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"electron": "^31.1.0"
|
"electron": "^31.1.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@blockly/field-multilineinput": {
|
"node_modules/@electron-fonts/noto-sans": {
|
||||||
"version": "5.0.5",
|
"version": "1.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/@blockly/field-multilineinput/-/field-multilineinput-5.0.5.tgz",
|
"resolved": "https://registry.npmjs.org/@electron-fonts/noto-sans/-/noto-sans-1.2.0.tgz",
|
||||||
"integrity": "sha512-fCh+fkEeNCUwPyO6O45rH68e27RjMFWAvfUu/fYybGSIvt92uZfhZqq0veLMqAhwfYR7qQ7HIhUqvHQzAe4t6g==",
|
"integrity": "sha512-czys6R1EUpuc7sbK5h5SbVRE4HScbrnx4dlOrli7AyCWomSOYnAW+5nJevibZnTseFFe8MCdORaZoCe+LXe/1Q==",
|
||||||
"engines": {
|
"dependencies": {
|
||||||
"node": ">=8.0.0"
|
"electron-css-injector": "1.3.0"
|
||||||
},
|
|
||||||
"peerDependencies": {
|
|
||||||
"blockly": "^11.0.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/@blockly/theme-dark": {
|
|
||||||
"version": "7.0.3",
|
|
||||||
"resolved": "https://registry.npmjs.org/@blockly/theme-dark/-/theme-dark-7.0.3.tgz",
|
|
||||||
"integrity": "sha512-lRV9V5vjijbJAlUdZqtEhUt81OjHjZK8vagxir1cUqTrZ/+MNS2m7wkhIVPba4RWInJ1LY/nHEoQn6demZqRRQ==",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=8.17.0"
|
|
||||||
},
|
|
||||||
"peerDependencies": {
|
|
||||||
"blockly": "^11.0.0"
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@electron/get": {
|
"node_modules/@electron/get": {
|
||||||
@ -153,14 +137,6 @@
|
|||||||
"@types/node": "*"
|
"@types/node": "*"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@xmldom/xmldom": {
|
|
||||||
"version": "0.7.13",
|
|
||||||
"resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.7.13.tgz",
|
|
||||||
"integrity": "sha512-lm2GW5PkosIzccsaZIz7tp8cPADSIlIHWDFTR1N0SzfinhhYgeIQjFMz4rYzanCScr3DqQLeomUDArp6MWKm+g==",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=10.0.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/agent-base": {
|
"node_modules/agent-base": {
|
||||||
"version": "7.1.1",
|
"version": "7.1.1",
|
||||||
"resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.1.tgz",
|
"resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.1.tgz",
|
||||||
@ -172,11 +148,6 @@
|
|||||||
"node": ">= 14"
|
"node": ">= 14"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/asap": {
|
|
||||||
"version": "2.0.6",
|
|
||||||
"resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
|
|
||||||
"integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA=="
|
|
||||||
},
|
|
||||||
"node_modules/asynckit": {
|
"node_modules/asynckit": {
|
||||||
"version": "0.4.0",
|
"version": "0.4.0",
|
||||||
"resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
|
"resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
|
||||||
@ -397,15 +368,6 @@
|
|||||||
"integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
|
"integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
|
||||||
"optional": true
|
"optional": true
|
||||||
},
|
},
|
||||||
"node_modules/dezalgo": {
|
|
||||||
"version": "1.0.4",
|
|
||||||
"resolved": "https://registry.npmjs.org/dezalgo/-/dezalgo-1.0.4.tgz",
|
|
||||||
"integrity": "sha512-rXSP0bf+5n0Qonsb+SVVfNfIsimO4HEtmnIpPHY8Q1UCzKlQrDMfdobr8nJOOsRgWCyMRqeSBQzmWUMq7zvVig==",
|
|
||||||
"dependencies": {
|
|
||||||
"asap": "^2.0.0",
|
|
||||||
"wrappy": "1"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/electron": {
|
"node_modules/electron": {
|
||||||
"version": "31.1.0",
|
"version": "31.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/electron/-/electron-31.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/electron/-/electron-31.1.0.tgz",
|
||||||
@ -423,6 +385,11 @@
|
|||||||
"node": ">= 12.20.55"
|
"node": ">= 12.20.55"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/electron-css-injector": {
|
||||||
|
"version": "1.3.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/electron-css-injector/-/electron-css-injector-1.3.0.tgz",
|
||||||
|
"integrity": "sha512-xRpwgP2fYSkB21vtL6jC77p4Gn/bc6PH2M6kOe5tOJkUsznqk3kpDe/UHpuvehHH+MMn8Mf+g24PXEADWhSvIA=="
|
||||||
|
},
|
||||||
"node_modules/electron-prompt": {
|
"node_modules/electron-prompt": {
|
||||||
"version": "1.7.0",
|
"version": "1.7.0",
|
||||||
"resolved": "https://registry.npmjs.org/electron-prompt/-/electron-prompt-1.7.0.tgz",
|
"resolved": "https://registry.npmjs.org/electron-prompt/-/electron-prompt-1.7.0.tgz",
|
||||||
@ -534,19 +501,6 @@
|
|||||||
"node": ">= 6"
|
"node": ">= 6"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/formidable": {
|
|
||||||
"version": "3.5.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/formidable/-/formidable-3.5.1.tgz",
|
|
||||||
"integrity": "sha512-WJWKelbRHN41m5dumb0/k8TeAx7Id/y3a+Z7QfhxP/htI9Js5zYaEDtG8uMgG0vM0lOlqnmjE99/kfpOYi/0Og==",
|
|
||||||
"dependencies": {
|
|
||||||
"dezalgo": "^1.0.4",
|
|
||||||
"hexoid": "^1.0.0",
|
|
||||||
"once": "^1.4.0"
|
|
||||||
},
|
|
||||||
"funding": {
|
|
||||||
"url": "https://ko-fi.com/tunnckoCore/commissions"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/fs-extra": {
|
"node_modules/fs-extra": {
|
||||||
"version": "8.1.0",
|
"version": "8.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
|
||||||
@ -736,14 +690,6 @@
|
|||||||
"node": ">= 0.4"
|
"node": ">= 0.4"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/hexoid": {
|
|
||||||
"version": "1.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/hexoid/-/hexoid-1.0.0.tgz",
|
|
||||||
"integrity": "sha512-QFLV0taWQOZtvIRIAdBChesmogZrtuXvVWsFHZTk2SU+anspqZ2vMnoLg7IE1+Uk16N19APic1BuF8bC8c2m5g==",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/html-encoding-sniffer": {
|
"node_modules/html-encoding-sniffer": {
|
||||||
"version": "4.0.0",
|
"version": "4.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz",
|
||||||
@ -898,16 +844,6 @@
|
|||||||
"node": ">=10"
|
"node": ">=10"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/mergexml": {
|
|
||||||
"version": "1.2.4",
|
|
||||||
"resolved": "https://registry.npmjs.org/mergexml/-/mergexml-1.2.4.tgz",
|
|
||||||
"integrity": "sha512-yiOlDqcVCz7AG1eSboonc18FTlfqDEKYfGoAV3Lul98u6YRV/s0kjtf4bjk47t0hLTFJR0BSYMd6BpmX3xDjNQ==",
|
|
||||||
"dependencies": {
|
|
||||||
"@xmldom/xmldom": "^0.7.0",
|
|
||||||
"formidable": "^3.5.1",
|
|
||||||
"xpath": "0.0.27"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/mime-db": {
|
"node_modules/mime-db": {
|
||||||
"version": "1.52.0",
|
"version": "1.52.0",
|
||||||
"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
|
"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
|
||||||
@ -1316,14 +1252,6 @@
|
|||||||
"node": ">=10.0.0"
|
"node": ">=10.0.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/xpath": {
|
|
||||||
"version": "0.0.27",
|
|
||||||
"resolved": "https://registry.npmjs.org/xpath/-/xpath-0.0.27.tgz",
|
|
||||||
"integrity": "sha512-fg03WRxtkCV6ohClePNAECYsmpKKTv5L8y/X3Dn1hQrec3POx2jHZ/0P2qQ6HvsrU1BmeqXcof3NGGueG6LxwQ==",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=0.6.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/yauzl": {
|
"node_modules/yauzl": {
|
||||||
"version": "2.10.0",
|
"version": "2.10.0",
|
||||||
"resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
|
"resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
|
||||||
@ -1335,17 +1263,13 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@blockly/field-multilineinput": {
|
"@electron-fonts/noto-sans": {
|
||||||
"version": "5.0.5",
|
"version": "1.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/@blockly/field-multilineinput/-/field-multilineinput-5.0.5.tgz",
|
"resolved": "https://registry.npmjs.org/@electron-fonts/noto-sans/-/noto-sans-1.2.0.tgz",
|
||||||
"integrity": "sha512-fCh+fkEeNCUwPyO6O45rH68e27RjMFWAvfUu/fYybGSIvt92uZfhZqq0veLMqAhwfYR7qQ7HIhUqvHQzAe4t6g==",
|
"integrity": "sha512-czys6R1EUpuc7sbK5h5SbVRE4HScbrnx4dlOrli7AyCWomSOYnAW+5nJevibZnTseFFe8MCdORaZoCe+LXe/1Q==",
|
||||||
"requires": {}
|
"requires": {
|
||||||
},
|
"electron-css-injector": "1.3.0"
|
||||||
"@blockly/theme-dark": {
|
}
|
||||||
"version": "7.0.3",
|
|
||||||
"resolved": "https://registry.npmjs.org/@blockly/theme-dark/-/theme-dark-7.0.3.tgz",
|
|
||||||
"integrity": "sha512-lRV9V5vjijbJAlUdZqtEhUt81OjHjZK8vagxir1cUqTrZ/+MNS2m7wkhIVPba4RWInJ1LY/nHEoQn6demZqRRQ==",
|
|
||||||
"requires": {}
|
|
||||||
},
|
},
|
||||||
"@electron/get": {
|
"@electron/get": {
|
||||||
"version": "2.0.3",
|
"version": "2.0.3",
|
||||||
@ -1436,11 +1360,6 @@
|
|||||||
"@types/node": "*"
|
"@types/node": "*"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@xmldom/xmldom": {
|
|
||||||
"version": "0.7.13",
|
|
||||||
"resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.7.13.tgz",
|
|
||||||
"integrity": "sha512-lm2GW5PkosIzccsaZIz7tp8cPADSIlIHWDFTR1N0SzfinhhYgeIQjFMz4rYzanCScr3DqQLeomUDArp6MWKm+g=="
|
|
||||||
},
|
|
||||||
"agent-base": {
|
"agent-base": {
|
||||||
"version": "7.1.1",
|
"version": "7.1.1",
|
||||||
"resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.1.tgz",
|
"resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.1.tgz",
|
||||||
@ -1449,11 +1368,6 @@
|
|||||||
"debug": "^4.3.4"
|
"debug": "^4.3.4"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"asap": {
|
|
||||||
"version": "2.0.6",
|
|
||||||
"resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
|
|
||||||
"integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA=="
|
|
||||||
},
|
|
||||||
"asynckit": {
|
"asynckit": {
|
||||||
"version": "0.4.0",
|
"version": "0.4.0",
|
||||||
"resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
|
"resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
|
||||||
@ -1602,15 +1516,6 @@
|
|||||||
"integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
|
"integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
|
||||||
"optional": true
|
"optional": true
|
||||||
},
|
},
|
||||||
"dezalgo": {
|
|
||||||
"version": "1.0.4",
|
|
||||||
"resolved": "https://registry.npmjs.org/dezalgo/-/dezalgo-1.0.4.tgz",
|
|
||||||
"integrity": "sha512-rXSP0bf+5n0Qonsb+SVVfNfIsimO4HEtmnIpPHY8Q1UCzKlQrDMfdobr8nJOOsRgWCyMRqeSBQzmWUMq7zvVig==",
|
|
||||||
"requires": {
|
|
||||||
"asap": "^2.0.0",
|
|
||||||
"wrappy": "1"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"electron": {
|
"electron": {
|
||||||
"version": "31.1.0",
|
"version": "31.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/electron/-/electron-31.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/electron/-/electron-31.1.0.tgz",
|
||||||
@ -1621,6 +1526,11 @@
|
|||||||
"extract-zip": "^2.0.1"
|
"extract-zip": "^2.0.1"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"electron-css-injector": {
|
||||||
|
"version": "1.3.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/electron-css-injector/-/electron-css-injector-1.3.0.tgz",
|
||||||
|
"integrity": "sha512-xRpwgP2fYSkB21vtL6jC77p4Gn/bc6PH2M6kOe5tOJkUsznqk3kpDe/UHpuvehHH+MMn8Mf+g24PXEADWhSvIA=="
|
||||||
|
},
|
||||||
"electron-prompt": {
|
"electron-prompt": {
|
||||||
"version": "1.7.0",
|
"version": "1.7.0",
|
||||||
"resolved": "https://registry.npmjs.org/electron-prompt/-/electron-prompt-1.7.0.tgz",
|
"resolved": "https://registry.npmjs.org/electron-prompt/-/electron-prompt-1.7.0.tgz",
|
||||||
@ -1700,16 +1610,6 @@
|
|||||||
"mime-types": "^2.1.12"
|
"mime-types": "^2.1.12"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"formidable": {
|
|
||||||
"version": "3.5.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/formidable/-/formidable-3.5.1.tgz",
|
|
||||||
"integrity": "sha512-WJWKelbRHN41m5dumb0/k8TeAx7Id/y3a+Z7QfhxP/htI9Js5zYaEDtG8uMgG0vM0lOlqnmjE99/kfpOYi/0Og==",
|
|
||||||
"requires": {
|
|
||||||
"dezalgo": "^1.0.4",
|
|
||||||
"hexoid": "^1.0.0",
|
|
||||||
"once": "^1.4.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"fs-extra": {
|
"fs-extra": {
|
||||||
"version": "8.1.0",
|
"version": "8.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
|
||||||
@ -1841,11 +1741,6 @@
|
|||||||
"function-bind": "^1.1.2"
|
"function-bind": "^1.1.2"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"hexoid": {
|
|
||||||
"version": "1.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/hexoid/-/hexoid-1.0.0.tgz",
|
|
||||||
"integrity": "sha512-QFLV0taWQOZtvIRIAdBChesmogZrtuXvVWsFHZTk2SU+anspqZ2vMnoLg7IE1+Uk16N19APic1BuF8bC8c2m5g=="
|
|
||||||
},
|
|
||||||
"html-encoding-sniffer": {
|
"html-encoding-sniffer": {
|
||||||
"version": "4.0.0",
|
"version": "4.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz",
|
||||||
@ -1968,16 +1863,6 @@
|
|||||||
"escape-string-regexp": "^4.0.0"
|
"escape-string-regexp": "^4.0.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"mergexml": {
|
|
||||||
"version": "1.2.4",
|
|
||||||
"resolved": "https://registry.npmjs.org/mergexml/-/mergexml-1.2.4.tgz",
|
|
||||||
"integrity": "sha512-yiOlDqcVCz7AG1eSboonc18FTlfqDEKYfGoAV3Lul98u6YRV/s0kjtf4bjk47t0hLTFJR0BSYMd6BpmX3xDjNQ==",
|
|
||||||
"requires": {
|
|
||||||
"@xmldom/xmldom": "^0.7.0",
|
|
||||||
"formidable": "^3.5.1",
|
|
||||||
"xpath": "0.0.27"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"mime-db": {
|
"mime-db": {
|
||||||
"version": "1.52.0",
|
"version": "1.52.0",
|
||||||
"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
|
"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
|
||||||
@ -2278,11 +2163,6 @@
|
|||||||
"resolved": "https://registry.npmjs.org/xmldom/-/xmldom-0.6.0.tgz",
|
"resolved": "https://registry.npmjs.org/xmldom/-/xmldom-0.6.0.tgz",
|
||||||
"integrity": "sha512-iAcin401y58LckRZ0TkI4k0VSM1Qg0KGSc3i8rU+xrxe19A/BN1zHyVSJY7uoutVlaTSzYyk/v5AmkewAP7jtg=="
|
"integrity": "sha512-iAcin401y58LckRZ0TkI4k0VSM1Qg0KGSc3i8rU+xrxe19A/BN1zHyVSJY7uoutVlaTSzYyk/v5AmkewAP7jtg=="
|
||||||
},
|
},
|
||||||
"xpath": {
|
|
||||||
"version": "0.0.27",
|
|
||||||
"resolved": "https://registry.npmjs.org/xpath/-/xpath-0.0.27.tgz",
|
|
||||||
"integrity": "sha512-fg03WRxtkCV6ohClePNAECYsmpKKTv5L8y/X3Dn1hQrec3POx2jHZ/0P2qQ6HvsrU1BmeqXcof3NGGueG6LxwQ=="
|
|
||||||
},
|
|
||||||
"yauzl": {
|
"yauzl": {
|
||||||
"version": "2.10.0",
|
"version": "2.10.0",
|
||||||
"resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
|
"resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
|
||||||
|
|||||||
@ -4,8 +4,8 @@
|
|||||||
"description": "ComputerCraft mod virtual lua IDE",
|
"description": "ComputerCraft mod virtual lua IDE",
|
||||||
"main": "index.js",
|
"main": "index.js",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "electron src/.",
|
"dev": "electron .",
|
||||||
"nodedev": "node src/."
|
"nodedev": "node ."
|
||||||
},
|
},
|
||||||
"author": "DPSoftware Foundation",
|
"author": "DPSoftware Foundation",
|
||||||
"license": "GPL-3.0-or-later",
|
"license": "GPL-3.0-or-later",
|
||||||
@ -13,13 +13,10 @@
|
|||||||
"electron": "^31.1.0"
|
"electron": "^31.1.0"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@blockly/field-multilineinput": "^5.0.5",
|
|
||||||
"@blockly/theme-dark": "^7.0.3",
|
|
||||||
"@electron/remote": "^2.1.2",
|
"@electron/remote": "^2.1.2",
|
||||||
"blockly": "^11.1.1",
|
"blockly": "^11.1.1",
|
||||||
"bootstrap": "^5.3.3",
|
"bootstrap": "^5.3.3",
|
||||||
"electron-prompt": "^1.7.0",
|
"electron-prompt": "^1.7.0",
|
||||||
"mergexml": "^1.2.4",
|
|
||||||
"xmldom": "^0.6.0"
|
"xmldom": "^0.6.0"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -2,7 +2,9 @@ const fs = require('fs');
|
|||||||
const path = require('path');
|
const path = require('path');
|
||||||
const { DOMParser, XMLSerializer } = require('xmldom');
|
const { DOMParser, XMLSerializer } = require('xmldom');
|
||||||
|
|
||||||
const peripheralsfolder = path.join(__dirname, "../blocks");
|
const peripheralsfolder = path.join(__dirname, "../blocks");
|
||||||
|
|
||||||
|
let registedblock = {}
|
||||||
|
|
||||||
function mergeXml(xml1, xml2) {
|
function mergeXml(xml1, xml2) {
|
||||||
const parser = new DOMParser();
|
const parser = new DOMParser();
|
||||||
@ -20,7 +22,6 @@ function mergeXml(xml1, xml2) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const mergedXml = serializer.serializeToString(doc1);
|
const mergedXml = serializer.serializeToString(doc1);
|
||||||
console.log(mergedXml)
|
|
||||||
return mergedXml;
|
return mergedXml;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -71,8 +72,48 @@ function loadperipheral(workspace, currenttoolbar, peripherals) {
|
|||||||
return newxml;
|
return newxml;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function extractFolderName(path) {
|
||||||
|
// Normalize path separators to handle both Windows and Unix-style paths
|
||||||
|
const normalizedPath = path.replace(/[\\\/]/g, '/');
|
||||||
|
// Split by '/' to get path segments
|
||||||
|
const parts = normalizedPath.split('/');
|
||||||
|
// Filter out empty parts and get the last segment
|
||||||
|
const folderName = parts.filter(part => part.trim() !== '').pop();
|
||||||
|
return folderName;
|
||||||
|
}
|
||||||
|
|
||||||
|
function scanindex() {
|
||||||
|
const files = fs.readdirSync(peripheralsfolder);
|
||||||
|
|
||||||
|
// Iterate through files and directories
|
||||||
|
files.forEach(file => {
|
||||||
|
const filePath = path.join(peripheralsfolder, file);
|
||||||
|
const stat = fs.statSync(filePath);
|
||||||
|
|
||||||
|
if (stat.isDirectory()) {
|
||||||
|
// If it's a directory, recursively call scanFolders
|
||||||
|
const files = fs.readdirSync(filePath);
|
||||||
|
files.forEach(file => {
|
||||||
|
if (file === 'index.json') {
|
||||||
|
const filePath2 = path.join(filePath, file);
|
||||||
|
// If it's a file named index.json, read its contents
|
||||||
|
const content = fs.readFileSync(filePath2, 'utf8');
|
||||||
|
const jsonData = JSON.parse(content);
|
||||||
|
|
||||||
|
blockfoldername = extractFolderName(filePath);
|
||||||
|
registedblock[blockfoldername] = {
|
||||||
|
infomation: jsonData,
|
||||||
|
image: null
|
||||||
|
};
|
||||||
|
console.log(`registered ${blockfoldername} blocks`)
|
||||||
|
}
|
||||||
|
|
||||||
|
})
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
module.exports = {
|
module.exports = {
|
||||||
loadperipheral
|
loadperipheral,
|
||||||
|
scanindex
|
||||||
}
|
}
|
||||||
73
src/frontend.js
Normal file
73
src/frontend.js
Normal file
@ -0,0 +1,73 @@
|
|||||||
|
var uploadpopup = document.getElementById('upload-popup');
|
||||||
|
var aboutpopup = document.getElementById('about-popup');
|
||||||
|
var librarypopup = document.getElementById('library-popup');
|
||||||
|
|
||||||
|
document.addEventListener('DOMContentLoaded', function () {
|
||||||
|
var tooltips = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
|
||||||
|
var tooltipList = tooltips.map(function (tooltip) {
|
||||||
|
return new bootstrap.Tooltip(tooltip);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// Event listener to close the upload-popup with fade-out effect
|
||||||
|
document.getElementById('uploadCloseBtn').addEventListener('click', function() {
|
||||||
|
uploadpopup.style.animation = 'fadeOut 0.3s ease'; // Apply fade-out animation
|
||||||
|
setTimeout(function() {
|
||||||
|
uploadpopup.style.display = 'none'; // Hide popup after animation completes
|
||||||
|
uploadpopup.style.animation = ''; // Reset animation property
|
||||||
|
}, 300); // Adjust to match animation duration in milliseconds
|
||||||
|
});
|
||||||
|
|
||||||
|
document.getElementById('aboutCloseBtn').addEventListener('click', function() {
|
||||||
|
aboutpopup.style.animation = 'fadeOut 0.3s ease'; // Apply fade-out animation
|
||||||
|
setTimeout(function() {
|
||||||
|
aboutpopup.style.display = 'none'; // Hide popup after animation completes
|
||||||
|
aboutpopup.style.animation = ''; // Reset animation property
|
||||||
|
}, 300); // Adjust to match animation duration in milliseconds
|
||||||
|
});
|
||||||
|
|
||||||
|
document.getElementById('libraryCloseBtn').addEventListener('click', function() {
|
||||||
|
librarypopup.style.animation = 'fadeOut 0.3s ease'; // Apply fade-out animation
|
||||||
|
setTimeout(function() {
|
||||||
|
librarypopup.style.display = 'none'; // Hide popup after animation completes
|
||||||
|
librarypopup.style.animation = ''; // Reset animation property
|
||||||
|
}, 300); // Adjust to match animation duration in milliseconds
|
||||||
|
});
|
||||||
|
|
||||||
|
//--------------------------------
|
||||||
|
|
||||||
|
// Close the upload-popup if the user clicks outside of it
|
||||||
|
window.addEventListener('click', function(event) {
|
||||||
|
if (event.target == uploadpopup) {
|
||||||
|
uploadpopup.style.animation = 'fadeOut 0.3s ease'; // Apply fade-out animation
|
||||||
|
setTimeout(function() {
|
||||||
|
uploadpopup.style.display = 'none'; // Hide popup after animation completes
|
||||||
|
uploadpopup.style.animation = ''; // Reset animation property
|
||||||
|
}, 300); // Adjust to match animation duration in milliseconds
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
window.addEventListener('click', function(event) {
|
||||||
|
if (event.target == aboutpopup) {
|
||||||
|
aboutpopup.style.animation = 'fadeOut 0.3s ease'; // Apply fade-out animation
|
||||||
|
setTimeout(function() {
|
||||||
|
aboutpopup.style.display = 'none'; // Hide popup after animation completes
|
||||||
|
aboutpopup.style.animation = ''; // Reset animation property
|
||||||
|
}, 300); // Adjust to match animation duration in milliseconds
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
window.addEventListener('click', function(event) {
|
||||||
|
if (event.target == librarypopup) {
|
||||||
|
librarypopup.style.animation = 'fadeOut 0.3s ease'; // Apply fade-out animation
|
||||||
|
setTimeout(function() {
|
||||||
|
librarypopup.style.display = 'none'; // Hide popup after animation completes
|
||||||
|
librarypopup.style.animation = ''; // Reset animation property
|
||||||
|
}, 300); // Adjust to match animation duration in milliseconds
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
function openlibraryselect() {
|
||||||
|
librarypopup.style.display = 'block';
|
||||||
|
}
|
||||||
|
|
||||||
307
src/index.html
307
src/index.html
@ -4,28 +4,32 @@
|
|||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>ccIDE</title>
|
<title>ccIDE</title>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap" rel="stylesheet">
|
||||||
<script>
|
<script>
|
||||||
const bootstrap = require('bootstrap')
|
const bootstrap = require('bootstrap')
|
||||||
</script>
|
</script>
|
||||||
|
<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="styles.css" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<!-- Loading screen -->
|
|
||||||
<div id="loadingScreen">
|
|
||||||
<p>Loading...</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Navigation bar -->
|
<!-- Navigation bar -->
|
||||||
<nav id="navbar">
|
<nav id="navbar">
|
||||||
<button class="navbar-button" title="Peripherals" style="background-color: #0087bd;">
|
<button class="navbar-button" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Computer Types" style="background-color: #0087bd;">
|
||||||
<svg viewBox="0 0 24 24"><path d="M15 7v4h1v2h-3V5h2l-3-4-3 4h2v8H8v-2.07c.7-.37 1.2-1.08 1.2-1.93A2.2 2.2 0 0 0 7 6.8c-1.22 0-2.2.98-2.2 2.2 0 .85.5 1.56 1.2 1.93V13a2 2 0 0 0 2 2h3v3.05c-.71.36-1.2 1.1-1.2 1.95a2.2 2.2 0 0 0 2.2 2.2 2.2 2.2 0 0 0 2.2-2.2c0-.85-.49-1.59-1.2-1.95V15h3a2 2 0 0 0 2-2v-2h1V7h-4z" /></svg>
|
<svg viewBox="0 0 24 24"><path d="M6 4h12v1h3v2h-3v2h3v2h-3v2h3v2h-3v2h3v2h-3v1H6v-1H3v-2h3v-2H3v-2h3v-2H3V9h3V7H3V5h3V4m5 11v3h1v-3h-1m2 0v3h1v-3h-1m2 0v3h1v-3h-1z" /></svg>
|
||||||
</button>
|
</button>
|
||||||
<button class="navbar-button" title="Library and Packages" style="background-color: #0087bd;">
|
<button class="navbar-button" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Library and Packages" style="background-color: #0087bd;" onclick="openlibraryselect()">
|
||||||
<svg viewBox="0 0 24 24"><path d="M21 16.5c0 .38-.21.71-.53.88l-7.9 4.44c-.16.12-.36.18-.57.18-.21 0-.41-.06-.57-.18l-7.9-4.44A.991.991 0 0 1 3 16.5v-9c0-.38.21-.71.53-.88l7.9-4.44c.16-.12.36-.18.57-.18.21 0 .41.06.57.18l7.9 4.44c.32.17.53.5.53.88v9M12 4.15l-1.89 1.07L16 8.61l1.96-1.11L12 4.15M6.04 7.5 12 10.85l1.96-1.1-5.88-3.4L6.04 7.5M5 15.91l6 3.38v-6.71L5 9.21v6.7m14 0v-6.7l-6 3.37v6.71l6-3.38z" /></svg>
|
<svg viewBox="0 0 24 24"><path d="M21 16.5c0 .38-.21.71-.53.88l-7.9 4.44c-.16.12-.36.18-.57.18-.21 0-.41-.06-.57-.18l-7.9-4.44A.991.991 0 0 1 3 16.5v-9c0-.38.21-.71.53-.88l7.9-4.44c.16-.12.36-.18.57-.18.21 0 .41.06.57.18l7.9 4.44c.32.17.53.5.53.88v9M12 4.15l-1.89 1.07L16 8.61l1.96-1.11L12 4.15M6.04 7.5 12 10.85l1.96-1.1-5.88-3.4L6.04 7.5M5 15.91l6 3.38v-6.71L5 9.21v6.7m14 0v-6.7l-6 3.37v6.71l6-3.38z" /></svg>
|
||||||
</button>
|
</button>
|
||||||
<button class="navbar-button" title="Disconnect Client" style="background-color: #bd0000; margin-left: auto; position: absolute; right: 65px;" onclick="clientexit()">
|
<button class="navbar-button" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Peripherals" style="background-color: #0087bd;">
|
||||||
|
<svg viewBox="0 0 24 24"><path d="M15 7v4h1v2h-3V5h2l-3-4-3 4h2v8H8v-2.07c.7-.37 1.2-1.08 1.2-1.93A2.2 2.2 0 0 0 7 6.8c-1.22 0-2.2.98-2.2 2.2 0 .85.5 1.56 1.2 1.93V13a2 2 0 0 0 2 2h3v3.05c-.71.36-1.2 1.1-1.2 1.95a2.2 2.2 0 0 0 2.2 2.2 2.2 2.2 0 0 0 2.2-2.2c0-.85-.49-1.59-1.2-1.95V15h3a2 2 0 0 0 2-2v-2h1V7h-4z" /></svg>
|
||||||
|
</button>
|
||||||
|
<button class="navbar-button" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Preview code" style="background-color: #0087bd; margin-left: auto; position: absolute; right: 115px;" onclick="clientexit()">
|
||||||
|
<svg viewBox="0 0 24 24"><path d="M12 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0 8a5 5 0 0 1-5-5 5 5 0 0 1 5-5 5 5 0 0 1 5 5 5 5 0 0 1-5 5m0-12.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5z" /></svg>
|
||||||
|
</button>
|
||||||
|
<button class="navbar-button" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Disconnect Client" style="background-color: #bd0000; margin-left: auto; position: absolute; right: 65px;" onclick="clientexit()">
|
||||||
<svg viewBox="0 0 24 24"><path d="M19 3H5c-1.11 0-2 .89-2 2v4h2V5h14v14H5v-4H3v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m-8.92 12.58L11.5 17l5-5-5-5-1.42 1.41L12.67 11H3v2h9.67l-2.59 2.58z" /></svg>
|
<svg viewBox="0 0 24 24"><path d="M19 3H5c-1.11 0-2 .89-2 2v4h2V5h14v14H5v-4H3v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m-8.92 12.58L11.5 17l5-5-5-5-1.42 1.41L12.67 11H3v2h9.67l-2.59 2.58z" /></svg>
|
||||||
</button>
|
</button>
|
||||||
<button class="navbar-button" title="Run" style="background-color: #10bd00; margin-left: auto;" onclick="gencode()">
|
<button class="navbar-button" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Run" style="background-color: #10bd00; margin-left: auto;" onclick="gencode()">
|
||||||
<svg viewBox="0 0 24 24"><path d="M8 5.14v14l11-7-11-7z" /></svg>
|
<svg viewBox="0 0 24 24"><path d="M8 5.14v14l11-7-11-7z" /></svg>
|
||||||
</button>
|
</button>
|
||||||
</nav>
|
</nav>
|
||||||
@ -42,7 +46,7 @@
|
|||||||
|
|
||||||
<div class="popup" id="upload-popup">
|
<div class="popup" id="upload-popup">
|
||||||
<div class="popup-content">
|
<div class="popup-content">
|
||||||
<span class="close" id="uploadCloseBtn">×</span>
|
<button type="button" class="btn-close float-end" aria-label="Close" id="uploadCloseBtn"></button>
|
||||||
<div class="upload-progress-container" style="text-align: center;">
|
<div class="upload-progress-container" style="text-align: center;">
|
||||||
<div class="progress-container">
|
<div class="progress-container">
|
||||||
<div class="progress" id="progress"></div>
|
<div class="progress" id="progress"></div>
|
||||||
@ -64,242 +68,53 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style>
|
<div class="popup" id="about-popup">
|
||||||
#loadingScreen {
|
<div class="popup-content">
|
||||||
position: fixed;
|
<button type="button" class="btn-close float-end" aria-label="Close" id="aboutCloseBtn"></button>
|
||||||
top: 0;
|
<h2>ccIDE</h2>
|
||||||
left: 0;
|
<p>
|
||||||
width: 100%;
|
ccIDE is an integrated development environment designed for coding Lua scripts
|
||||||
height: 100%;
|
for ComputerCraft. It provides a user-friendly interface for creating and managing
|
||||||
background-color: #212121;
|
projects, designing custom blocks, and debugging scripts efficiently.
|
||||||
color: #ffffff;
|
</p>
|
||||||
display: flex; /* or display: block; */
|
<p>
|
||||||
align-items: center;
|
Developed by DPSoftware Foundation, ccIDE aims to streamline the development
|
||||||
justify-content: center;
|
process for ComputerCraft programmers, offering features like block-based coding,
|
||||||
font-size: 2em;
|
real-time collaboration, and seamless integration with ComputerCraft environments.
|
||||||
z-index: 9999;
|
</p>
|
||||||
visibility: visible; /* Change visibility to hidden */
|
<p>
|
||||||
}
|
Visit <a href="https://damp11113.xyz/dpsoftware/ccide">ccIDE Website</a> for more information and updates.
|
||||||
|
</p>
|
||||||
|
<div class="license">
|
||||||
|
© 2024 DPSoftware Foundation. Licensed under GPL v3.
|
||||||
|
</div>
|
||||||
|
<style>
|
||||||
|
.license {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #888;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
:root {
|
<div class="popup" id="library-popup">
|
||||||
--line-border-fill: #3498db;
|
<div class="popup-content" style="max-width: 600px;">
|
||||||
--line-border-empty: #e0e0e0;
|
<button type="button" class="btn-close float-end" aria-label="Close" id="libraryCloseBtn"></button>
|
||||||
}
|
<div class="library-container" id="libcontainer">
|
||||||
|
<div class="library-item overflow-auto">
|
||||||
body {
|
<img src="image.jpg" class="libimage" onerror="this.onerror=null;this.src='../assets/noimagefallback.png'; this.alt='No Image Available';">
|
||||||
background-color: #212121;
|
<p>Lib 1</p>
|
||||||
margin: 0;
|
<i>Test</i>
|
||||||
display: flex;
|
</div>
|
||||||
flex-direction: column;
|
</div>
|
||||||
height: 100vh;
|
<button type="button" class="btn btn-success btn-sm float-end">Import</button>
|
||||||
}
|
</div>
|
||||||
|
</div>
|
||||||
#navbar {
|
|
||||||
background-color: #2c3e50;
|
|
||||||
color: white;
|
<script src="frontend.js"></script>
|
||||||
display: flex;
|
|
||||||
padding: 15px;
|
|
||||||
gap: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-button {
|
|
||||||
background-color: #2c3e50;
|
|
||||||
color: white;
|
|
||||||
border: none;
|
|
||||||
border-radius: 50%; /* Make the button circular */
|
|
||||||
width: 40px; /* Adjust size as needed */
|
|
||||||
height: 40px; /* Adjust size as needed */
|
|
||||||
font-size: 1em;
|
|
||||||
cursor: pointer;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
transition: background-color 0.3s;
|
|
||||||
font-size: 1.5em; /* Adjust size as needed */
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-button:hover {
|
|
||||||
background-color: #34495e; /* Darken color on hover */
|
|
||||||
}
|
|
||||||
|
|
||||||
[data-bs-toggle="tooltip"] {
|
|
||||||
position: relative; /* Ensure tooltips are positioned correctly */
|
|
||||||
cursor: pointer; /* Add cursor style for tooltip interaction */
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#blocklyContainer {
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
height: calc(100vh - 10vh); /* Adjust height to accommodate navbar and status bar */
|
|
||||||
visibility: hidden; /* Initially hide the Blockly container */
|
|
||||||
}
|
|
||||||
|
|
||||||
#blocklyDiv {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#statusBar {
|
|
||||||
height: 3vh; /* Set the height of the status bar */
|
|
||||||
background-color: #333;
|
|
||||||
color: #ffffff;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
padding: 0 10px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
#statusMessage {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Styles for the upload-popup container */
|
|
||||||
.popup {
|
|
||||||
display: none; /* Hide initially */
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
|
|
||||||
z-index: 999; /* Ensure it overlays other content */
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Styles for the upload-popup content */
|
|
||||||
.popup-content {
|
|
||||||
background-color: #fefefe;
|
|
||||||
margin: 15% auto; /* Center the upload-popup vertically and horizontally */
|
|
||||||
padding: 20px;
|
|
||||||
border: 1px solid #888;
|
|
||||||
width: 80%; /* Adjust width as needed */
|
|
||||||
max-width: 600px; /* Max width for larger screens */
|
|
||||||
animation: fadeIn 0.3s ease; /* Fade-in animation */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Close button */
|
|
||||||
.close {
|
|
||||||
float: right;
|
|
||||||
font-size: 28px;
|
|
||||||
font-weight: bold;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.close:hover,
|
|
||||||
.close:focus {
|
|
||||||
color: #000;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Fade-in animation */
|
|
||||||
@keyframes fadeIn {
|
|
||||||
from { opacity: 0; }
|
|
||||||
to { opacity: 1; }
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Fade-out animation */
|
|
||||||
@keyframes fadeOut {
|
|
||||||
from { opacity: 1; }
|
|
||||||
to { opacity: 0; }
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress-container {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
position: relative;
|
|
||||||
margin-bottom: 30px;
|
|
||||||
max-width: 100%;
|
|
||||||
width: 350px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress-container::before {
|
|
||||||
content: "";
|
|
||||||
background-color: var(--line-border-empty);
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 0;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
height: 4px;
|
|
||||||
width: 100%;
|
|
||||||
z-index: 99; /* Change z-index to 1 or higher */
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress {
|
|
||||||
background-color: var(--line-border-fill);
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 0;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
height: 4px;
|
|
||||||
width: 0%;
|
|
||||||
z-index: 101;
|
|
||||||
transition: 0.4s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress.error {
|
|
||||||
background-color: red; /* Set to red color for error state */
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.circle {
|
|
||||||
background-color: #fff;
|
|
||||||
color: #999;
|
|
||||||
border-radius: 50%;
|
|
||||||
height: 30px;
|
|
||||||
width: 30px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
border: 3px solid var(--line-border-empty);
|
|
||||||
transition: 0.4s ease;
|
|
||||||
z-index: 101;
|
|
||||||
}
|
|
||||||
|
|
||||||
.circle.active {
|
|
||||||
border-color: var(--line-border-fill);
|
|
||||||
}
|
|
||||||
|
|
||||||
.circle.error {
|
|
||||||
border-color: red; /* Optionally, change border color to red */
|
|
||||||
color: white; /* Optionally, adjust text color for visibility */
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
var uploadpopup = document.getElementById('upload-popup');
|
|
||||||
|
|
||||||
document.addEventListener('DOMContentLoaded', function () {
|
|
||||||
var tooltips = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
|
|
||||||
var tooltipList = tooltips.map(function (tooltip) {
|
|
||||||
return new bootstrap.Tooltip(tooltip);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// Event listener to close the upload-popup with fade-out effect
|
|
||||||
document.getElementById('uploadCloseBtn').addEventListener('click', function() {
|
|
||||||
uploadpopup.style.animation = 'fadeOut 0.3s ease'; // Apply fade-out animation
|
|
||||||
setTimeout(function() {
|
|
||||||
uploadpopup.style.display = 'none'; // Hide popup after animation completes
|
|
||||||
uploadpopup.style.animation = ''; // Reset animation property
|
|
||||||
}, 300); // Adjust to match animation duration in milliseconds
|
|
||||||
});
|
|
||||||
|
|
||||||
// Close the upload-popup if the user clicks outside of it
|
|
||||||
window.addEventListener('click', function(event) {
|
|
||||||
if (event.target == uploadpopup) {
|
|
||||||
uploadpopup.style.animation = 'fadeOut 0.3s ease'; // Apply fade-out animation
|
|
||||||
setTimeout(function() {
|
|
||||||
uploadpopup.style.display = 'none'; // Hide popup after animation completes
|
|
||||||
uploadpopup.style.animation = ''; // Reset animation property
|
|
||||||
}, 300); // Adjust to match animation duration in milliseconds
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
</script>
|
|
||||||
<script src="virtualcode.js"></script>
|
<script src="virtualcode.js"></script>
|
||||||
<script src="codegen.js"></script>
|
<script src="codegen.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@ -1,4 +1,13 @@
|
|||||||
{
|
{
|
||||||
|
"sys_start": {
|
||||||
|
"message0": "When Code Start",
|
||||||
|
"message1": "do %1",
|
||||||
|
"args1": [
|
||||||
|
{"type": "input_statement", "name": "DO"}
|
||||||
|
],
|
||||||
|
"colour": 45,
|
||||||
|
"tooltip": "Not require but make your code easy to read."
|
||||||
|
},
|
||||||
"sys_sleep": {
|
"sys_sleep": {
|
||||||
"message0": "Sleep For %1 Second",
|
"message0": "Sleep For %1 Second",
|
||||||
"args0": [
|
"args0": [
|
||||||
|
|||||||
@ -9,6 +9,20 @@ if (!luaGenerator.forBlock) {
|
|||||||
luaGenerator.forBlock['sys_sleep'] = function(block, generator) {
|
luaGenerator.forBlock['sys_sleep'] = function(block, generator) {
|
||||||
var sleepfor = generator.valueToCode(block, 'SLEEPSEC', generator.ORDER_OVERRIDES);
|
var sleepfor = generator.valueToCode(block, 'SLEEPSEC', generator.ORDER_OVERRIDES);
|
||||||
|
|
||||||
var code = `sleep(${sleepfor})`;
|
var code = `sleep(${sleepfor})\n`;
|
||||||
return code;
|
return code;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
luaGenerator.forBlock['sys_start'] = function(block, generator) {
|
||||||
|
var docode = generator.statementToCode(block, 'DO');
|
||||||
|
|
||||||
|
var code =
|
||||||
|
`
|
||||||
|
function main()
|
||||||
|
${docode}
|
||||||
|
end
|
||||||
|
|
||||||
|
main()
|
||||||
|
`
|
||||||
|
return code;
|
||||||
|
};
|
||||||
72
src/splash.html
Normal file
72
src/splash.html
Normal file
@ -0,0 +1,72 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Splash Screen</title>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
height: 100vh;
|
||||||
|
margin: 0;
|
||||||
|
background-color: #2c3e50;
|
||||||
|
color: white;
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
#splash-content {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#splash-content img {
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Added drop shadow */
|
||||||
|
}
|
||||||
|
.progress-bar {
|
||||||
|
height: 4px;
|
||||||
|
background-color: rgba(5, 114, 206, 0.2);
|
||||||
|
width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
.progress-bar-value {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: rgb(5, 114, 206);
|
||||||
|
animation: indeterminateAnimation 1s infinite linear;
|
||||||
|
transform-origin: 0% 50%;
|
||||||
|
}
|
||||||
|
@keyframes indeterminateAnimation {
|
||||||
|
0% {
|
||||||
|
transform: translateX(0) scaleX(0);
|
||||||
|
}
|
||||||
|
40% {
|
||||||
|
transform: translateX(0) scaleX(0.4);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: translateX(100%) scaleX(0.5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#copyright {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 10px;
|
||||||
|
left: 10px;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #bdc3c7;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="splash-content">
|
||||||
|
<img src="../assets/ccIDEIcon.ico" alt="ccIDE Icon">
|
||||||
|
<h1>Loading ccIDE...</h1>
|
||||||
|
<div class="progress-bar">
|
||||||
|
<div class="progress-bar-value"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="copyright">
|
||||||
|
© 2024 DPSoftware Foundation. Licensed under GPL v3.
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
190
src/styles.css
Normal file
190
src/styles.css
Normal file
@ -0,0 +1,190 @@
|
|||||||
|
:root {
|
||||||
|
--line-border-fill: #3498db;
|
||||||
|
--line-border-empty: #e0e0e0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: #212121;
|
||||||
|
margin: 0;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 100vh;
|
||||||
|
font-family: 'Noto Sans', sans-serif;
|
||||||
|
overflow: hidden; /* Hide scrollbars */
|
||||||
|
}
|
||||||
|
|
||||||
|
#navbar {
|
||||||
|
background-color: #2c3e50;
|
||||||
|
color: white;
|
||||||
|
display: flex;
|
||||||
|
padding: 15px;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-button {
|
||||||
|
background-color: #2c3e50;
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
border-radius: 50%; /* Make the button circular */
|
||||||
|
width: 40px; /* Adjust size as needed */
|
||||||
|
height: 40px; /* Adjust size as needed */
|
||||||
|
font-size: 1em;
|
||||||
|
cursor: pointer;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
transition: background-color 0.3s;
|
||||||
|
font-size: 1.5em; /* Adjust size as needed */
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-button:hover {
|
||||||
|
background-color: #0066cc; /* Darken color on hover */
|
||||||
|
z-index: 99;
|
||||||
|
}
|
||||||
|
|
||||||
|
#blocklyContainer {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
height: calc(100vh - 10vh); /* Adjust height to accommodate navbar and status bar */
|
||||||
|
}
|
||||||
|
|
||||||
|
#blocklyDiv {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#statusBar {
|
||||||
|
height: 3vh; /* Set the height of the status bar */
|
||||||
|
background-color: #333;
|
||||||
|
color: #ffffff;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0 10px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
#statusMessage {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Styles for the upload-popup container */
|
||||||
|
.popup {
|
||||||
|
display: none; /* Hide initially */
|
||||||
|
position: fixed;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
|
||||||
|
z-index: 999; /* Ensure it overlays other content */
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Styles for the upload-popup content */
|
||||||
|
.popup-content {
|
||||||
|
background-color: #fefefe;
|
||||||
|
margin: 15% auto; /* Center the upload-popup vertically and horizontally */
|
||||||
|
padding: 20px;
|
||||||
|
border: 1px solid #888;
|
||||||
|
width: 80%; /* Adjust width as needed */
|
||||||
|
max-width: 600px; /* Max width for larger screens */
|
||||||
|
animation: fadeIn 0.3s ease; /* Fade-in animation */
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Fade-in animation */
|
||||||
|
@keyframes fadeIn {
|
||||||
|
from { opacity: 0; }
|
||||||
|
to { opacity: 1; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Fade-out animation */
|
||||||
|
@keyframes fadeOut {
|
||||||
|
from { opacity: 1; }
|
||||||
|
to { opacity: 0; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.progress-container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
max-width: 100%;
|
||||||
|
width: 350px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.progress-container::before {
|
||||||
|
content: "";
|
||||||
|
background-color: var(--line-border-empty);
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 0;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
height: 4px;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 99; /* Change z-index to 1 or higher */
|
||||||
|
}
|
||||||
|
|
||||||
|
.progress {
|
||||||
|
background-color: var(--line-border-fill);
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 0;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
height: 4px;
|
||||||
|
width: 0%;
|
||||||
|
z-index: 101;
|
||||||
|
transition: 0.4s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.progress.error {
|
||||||
|
background-color: red; /* Set to red color for error state */
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.circle {
|
||||||
|
background-color: #fff;
|
||||||
|
color: #999;
|
||||||
|
border-radius: 50%;
|
||||||
|
height: 30px;
|
||||||
|
width: 30px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
border: 3px solid var(--line-border-empty);
|
||||||
|
transition: 0.4s ease;
|
||||||
|
z-index: 101;
|
||||||
|
}
|
||||||
|
|
||||||
|
.circle.active {
|
||||||
|
border-color: var(--line-border-fill);
|
||||||
|
}
|
||||||
|
|
||||||
|
.circle.error {
|
||||||
|
border-color: red; /* Optionally, change border color to red */
|
||||||
|
color: white; /* Optionally, adjust text color for visibility */
|
||||||
|
}
|
||||||
|
|
||||||
|
.libimage {
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.library-item {
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.library-item:hover {
|
||||||
|
background-color: #cacaca;
|
||||||
|
}
|
||||||
|
|
||||||
|
.library-container {
|
||||||
|
border: 1px solid #000000;
|
||||||
|
}
|
||||||
@ -1,5 +1,5 @@
|
|||||||
<xml id="toolbox" style="display: none;">
|
<xml id="toolbox" style="display: none;">
|
||||||
<category name="Control">
|
<category name="Control" colour="38">
|
||||||
<block type="sys_sleep">
|
<block type="sys_sleep">
|
||||||
<value name="SLEEPSEC">
|
<value name="SLEEPSEC">
|
||||||
<shadow type="math_number">
|
<shadow type="math_number">
|
||||||
@ -44,9 +44,11 @@
|
|||||||
</block>
|
</block>
|
||||||
<block type="controls_forEach"></block>
|
<block type="controls_forEach"></block>
|
||||||
<block type="controls_flow_statements"></block>
|
<block type="controls_flow_statements"></block>
|
||||||
|
|
||||||
</category>
|
</category>
|
||||||
<category name="Math">
|
<category name="Events" colour="45">
|
||||||
|
<block type="sys_start"></block>
|
||||||
|
</category>
|
||||||
|
<category name="Math" colour="230">
|
||||||
<block type="math_number" gap="32">
|
<block type="math_number" gap="32">
|
||||||
<field name="NUM">123</field>
|
<field name="NUM">123</field>
|
||||||
</block>
|
</block>
|
||||||
@ -147,7 +149,7 @@
|
|||||||
</value>
|
</value>
|
||||||
</block>
|
</block>
|
||||||
</category>
|
</category>
|
||||||
<category name="Text">
|
<category name="Text" colour="160">
|
||||||
<block type="text"></block>
|
<block type="text"></block>
|
||||||
<block type="text_join"></block>
|
<block type="text_join"></block>
|
||||||
<block type="text_append">
|
<block type="text_append">
|
||||||
@ -249,7 +251,7 @@
|
|||||||
</value>
|
</value>
|
||||||
</block>
|
</block>
|
||||||
</category>
|
</category>
|
||||||
<category name="Table">
|
<category name="Table" colour="260">
|
||||||
<block type="lists_create_with">
|
<block type="lists_create_with">
|
||||||
<mutation items="0"></mutation>
|
<mutation items="0"></mutation>
|
||||||
</block>
|
</block>
|
||||||
@ -302,8 +304,9 @@
|
|||||||
<block type="lists_reverse"></block>
|
<block type="lists_reverse"></block>
|
||||||
</category>
|
</category>
|
||||||
<sep></sep>
|
<sep></sep>
|
||||||
<category name="Variables" custom="VARIABLE">
|
<category name="Variables" custom="VARIABLE" colour="330">
|
||||||
|
</category>
|
||||||
|
<category name="Functions" custom="PROCEDURE" colour="290">
|
||||||
</category>
|
</category>
|
||||||
<category name="Functions" custom="PROCEDURE"></category>
|
|
||||||
<sep></sep>
|
<sep></sep>
|
||||||
</xml>
|
</xml>
|
||||||
@ -1,4 +1,3 @@
|
|||||||
document.getElementById('statusMessage').textContent = "loading";
|
|
||||||
// override prompt command
|
// override prompt command
|
||||||
window.prompt = function(promptText, defaultValue) {
|
window.prompt = function(promptText, defaultValue) {
|
||||||
return ipc.sendSync("prompt", promptText, defaultValue);
|
return ipc.sendSync("prompt", promptText, defaultValue);
|
||||||
@ -7,12 +6,12 @@ window.prompt = function(promptText, defaultValue) {
|
|||||||
const fs = require('fs');
|
const fs = require('fs');
|
||||||
const path = require('path');
|
const path = require('path');
|
||||||
const { ipcRenderer } = require("electron");
|
const { ipcRenderer } = require("electron");
|
||||||
const { loadperipheral } = require("./blocksmanager");
|
const { loadperipheral, scanindex } = require("./blocksmanager");
|
||||||
const Blockly = require('blockly');
|
const Blockly = require('blockly');
|
||||||
const { DarkTheme } = require('@blockly/theme-dark')
|
|
||||||
const ipc = ipcRenderer;
|
const ipc = ipcRenderer;
|
||||||
|
|
||||||
let isprojectsaved = false;
|
let isprojectsaved = false;
|
||||||
|
let isprojectopened = false;
|
||||||
let usedlibinproject = []
|
let usedlibinproject = []
|
||||||
|
|
||||||
Blockly.utils.colour.setHsvSaturation(0.9)
|
Blockly.utils.colour.setHsvSaturation(0.9)
|
||||||
@ -32,10 +31,8 @@ for (const blockId in blocksJson) {
|
|||||||
}
|
}
|
||||||
require("./module_generator")
|
require("./module_generator")
|
||||||
|
|
||||||
|
|
||||||
var workspace = Blockly.inject('blocklyDiv', {
|
var workspace = Blockly.inject('blocklyDiv', {
|
||||||
toolbox: originaltoolbar,
|
toolbox: originaltoolbar,
|
||||||
theme: DarkTheme,
|
|
||||||
trashcan: true,
|
trashcan: true,
|
||||||
grid: {
|
grid: {
|
||||||
spacing: 20,
|
spacing: 20,
|
||||||
@ -45,11 +42,17 @@ var workspace = Blockly.inject('blocklyDiv', {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
originaltoolbar = loadperipheral(workspace, originaltoolbar, "test");
|
try {
|
||||||
originaltoolbar = loadperipheral(workspace, originaltoolbar, "IDE");
|
scanindex();
|
||||||
|
|
||||||
|
originaltoolbar = loadperipheral(workspace, originaltoolbar, "Template");
|
||||||
|
originaltoolbar = loadperipheral(workspace, originaltoolbar, "IDE");
|
||||||
|
} catch (e) {
|
||||||
|
ipc.send("erroronstart", `Error on loading block: ${e}`)
|
||||||
|
}
|
||||||
workspace.getToolbox().getFlyout().autoClose = false;
|
workspace.getToolbox().getFlyout().autoClose = false;
|
||||||
|
|
||||||
|
|
||||||
// Save workspace
|
// Save workspace
|
||||||
ipc.on('save-workspace-request', (event) => {
|
ipc.on('save-workspace-request', (event) => {
|
||||||
const state = Blockly.serialization.workspaces.save(workspace);
|
const state = Blockly.serialization.workspaces.save(workspace);
|
||||||
@ -81,11 +84,16 @@ workspace.addChangeListener(function(event) {
|
|||||||
if (isprojectsaved) {
|
if (isprojectsaved) {
|
||||||
isprojectsaved = false
|
isprojectsaved = false
|
||||||
ipc.send("workspace-notsave")
|
ipc.send("workspace-notsave")
|
||||||
};
|
} else if (!isprojectopened) {
|
||||||
|
ipc.send("workspace-unsave")
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
ipc.on('workspace-saved', (event, success) => {
|
ipc.on('workspace-saved', (event, success) => {
|
||||||
isprojectsaved = success
|
isprojectsaved = success
|
||||||
|
if (!isprojectopened) {
|
||||||
|
isprojectopened = true;
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
ipc.on('request-undo-redo', (event, redo) => {
|
ipc.on('request-undo-redo', (event, redo) => {
|
||||||
@ -93,8 +101,10 @@ ipc.on('request-undo-redo', (event, redo) => {
|
|||||||
workspace.undo(redo)
|
workspace.undo(redo)
|
||||||
});
|
});
|
||||||
|
|
||||||
// Ensure Blockly container is shown after the workspace is injected
|
ipc.on("open-about", () => {
|
||||||
document.getElementById('loadingScreen').style.visibility = 'hidden';
|
document.getElementById('about-popup').style.display = 'block';
|
||||||
document.getElementById('blocklyContainer').style.visibility = 'visible';
|
})
|
||||||
document.getElementById('statusMessage').textContent = "ready";
|
|
||||||
|
|
||||||
|
// Ensure Blockly container is shown after the workspace is injected
|
||||||
|
document.getElementById('statusMessage').textContent = "ready";
|
||||||
|
ipc.send("ready")
|
||||||
Loading…
x
Reference in New Issue
Block a user