first commit
This commit is contained in:
usernames122
286
shell.js
Normal file
286
shell.js
Normal file
@@ -0,0 +1,286 @@
|
||||
var embeddedApps = {
|
||||
calc: `data:text/html;charset=utf-8;base64,PCFET0NUWVBFIGh0bWw+PGh0bWwgbGFuZz0iZW4iPjxoZWFkPjxtZXRhIGNoYXJzZXQ9IlVURi04Ij48dGl0bGU+Q2FsY3VsYXRvcjwvdGl0bGU+PHN0eWxlPmJvZHl7bWFyZ2luOjA7Zm9udC1mYW1pbHk6bW9ub3NwYWNlLG1vbm9zcGFjZTtkaXNwbGF5OmZsZXg7anVzdGlmeS1jb250ZW50OmNlbnRlcjthbGlnbi1pdGVtczpjZW50ZXI7aGVpZ2h0OjEwMHZoO2JhY2tncm91bmQ6IzIyMjtjb2xvcjojZWVlfSNjYWxjdWxhdG9ye2JhY2tncm91bmQ6IzMzMztwYWRkaW5nOjFyZW07Ym9yZGVyLXJhZGl1czo4cHg7d2lkdGg6MjIwcHg7Ym94LXNoYWRvdzowIDAgMTBweCAjMDAwfSNkaXNwbGF5e3dpZHRoOjEwMCU7aGVpZ2h0OjQwcHg7Zm9udC1zaXplOjEuMnJlbTtiYWNrZ3JvdW5kOiMxMTE7Ym9yZGVyOm5vbmU7Y29sb3I6I2VlZTtwYWRkaW5nOjAgMDttYXJnaW4tYm90dG9tOjEwcHg7dGV4dC1hbGlnbjpyaWdodH1idXR0b257d2lkdGg6NDhweDtoZWlnaHQ6NDhweDttYXJnaW46MnB4O2ZvbnQtc2l6ZToxLjJyZW07Ym9yZGVyOm5vbmU7Ym9yZGVyLXJhZGl1czo0cHg7Y3Vyc29yOnBvaW50ZXI7YmFja2dyb3VuZDojNTU1O2NvbG9yOiNlZWU7dHJhbnNpdGlvbjpiYWNrZ3JvdW5kIC4ycyBlYXNlfWJ1dHRvbjpob3ZlcntiYWNrZ3JvdW5kOiM3Nzd9Lm9wZXJhdG9ye2JhY2tncm91bmQ6I2Y1N2MwMDtjb2xvcjojZmZmfS5vcGVyYXRvcjpob3ZlcntiYWNrZ3JvdW5kOiNmYjhjMDB9LmVxdWFsc3tiYWNrZ3JvdW5kOiMxOTc2ZDI7Y29sb3I6I2ZmZjt3aWR0aDoxMDAlO21hcmdpbi10b3A6NnB4fS5lcXVhbHM6aG92ZXJ7YmFja2dyb3VuZDojMjE5NmYzfTwvc3R5bGU+PC9oZWFkPjxib2R5PjxkaXYgaWQ9ImNhbGN1bGF0b3IiPjxpbnB1dCBpZD0iZGlzcGxheSIgdHlwZT0idGV4dCIgcmVhZG9ubHk9InJlYWRvbmx5Ij48ZGl2PjxidXR0b24gZGF0YS12YWw9IjciPjc8L2J1dHRvbj48YnV0dG9uIGRhdGEtdmFsPSI4Ij44PC9idXR0b24+PGJ1dHRvbiBkYXRhLXZhbD0iOSI+OTwvYnV0dG9uPjxidXR0b24gZGF0YS12YWw9Ii8iIGNsYXNzPSJvcGVyYXRvciI+w7c8L2J1dHRvbj48L2Rpdj48ZGl2PjxidXR0b24gZGF0YS12YWw9IjQiPjQ8L2J1dHRvbj48YnV0dG9uIGRhdGEtdmFsPSI1Ij41PC9idXR0b24+PGJ1dHRvbiBkYXRhLXZhbD0iNiI+NjwvYnV0dG9uPjxidXR0b24gZGF0YS12YWw9IioiIGNsYXNzPSJvcGVyYXRvciI+w5c8L2J1dHRvbj48L2Rpdj48ZGl2PjxidXR0b24gZGF0YS12YWw9IjEiPjE8L2J1dHRvbj48YnV0dG9uIGRhdGEtdmFsPSIyIj4yPC9idXR0b24+PGJ1dHRvbiBkYXRhLXZhbD0iMyI+MzwvYnV0dG9uPjxidXR0b24gZGF0YS12YWw9Ii0iIGNsYXNzPSJvcGVyYXRvciI+4oiSPC9idXR0b24+PC9kaXY+PGRpdj48YnV0dG9uIGRhdGEtdmFsPSIwIj4wPC9idXR0b24+PGJ1dHRvbiBkYXRhLXZhbD0iLiI+LjwvYnV0dG9uPjxidXR0b24gaWQ9ImNsZWFyIj5DPC9idXR0b24+PGJ1dHRvbiBkYXRhLXZhbD0iKyIgY2xhc3M9Im9wZXJhdG9yIj4rPC9idXR0b24+PC9kaXY+PGJ1dHRvbiBpZD0iZXF1YWxzIiBjbGFzcz0iZXF1YWxzIj49PC9idXR0b24+PC9kaXY+PHNjcmlwdD5jb25zdCBkaXNwbGF5ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2Rpc3BsYXknKTsNCiAgY29uc3QgYnV0dG9ucyA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJyNjYWxjdWxhdG9yIGJ1dHRvbltkYXRhLXZhbF0nKTsNCiAgY29uc3QgY2xlYXJCdG4gPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnY2xlYXInKTsNCiAgY29uc3QgZXF1YWxzQnRuID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2VxdWFscycpOw0KDQogIGJ1dHRvbnMuZm9yRWFjaChidG4gPT4gew0KICAgIGJ0bi5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsICgpID0+IHsNCiAgICAgIGRpc3BsYXkudmFsdWUgKz0gYnRuLmdldEF0dHJpYnV0ZSgnZGF0YS12YWwnKTsNCiAgICB9KTsNCiAgfSk7DQoNCiAgY2xlYXJCdG4uYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCAoKSA9PiB7DQogICAgZGlzcGxheS52YWx1ZSA9ICcnOw0KICB9KTsNCg0KICBlcXVhbHNCdG4uYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCAoKSA9PiB7DQogICAgdHJ5IHsNCiAgICAgIC8vIEV2YWx1YXRlIGV4cHJlc3Npb24gc2FmZWx5DQogICAgICAvLyBSZXBsYWNlIG11bHRpcGxpY2F0aW9uIGFuZCBkaXZpc2lvbiBzeW1ib2xzIGZpcnN0IChpbiBjYXNlIHlvdSB3YW50IHRvIHN1cHBvcnQgw7cgYW5kIMOXIGluIGRpc3BsYXkpDQogICAgICBjb25zdCBleHByID0gZGlzcGxheS52YWx1ZS5yZXBsYWNlKC/Dty9nLCAnLycpLnJlcGxhY2UoL8OXL2csICcqJyk7DQogICAgICBjb25zdCByZXN1bHQgPSBGdW5jdGlvbignInVzZSBzdHJpY3QiO3JldHVybiAoJyArIGV4cHIgKyAnKScpKCk7DQogICAgICBkaXNwbGF5LnZhbHVlID0gcmVzdWx0Ow0KICAgIH0gY2F0Y2ggew0KICAgICAgZGlzcGxheS52YWx1ZSA9ICdFcnJvcic7DQogICAgfQ0KICB9KTs8L3NjcmlwdD48L2JvZHk+PC9odG1sPg==`,
|
||||
notepad: "data:text/html;charset=utf-8;base64,PGh0bWw+PGhlYWQ+PHRpdGxlPm5vdGVwYWQ8L3RpdGxlPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Ym9keXttYXJnaW46MH10ZXh0YXJlYXtyZXNpemU6bm9uZTt3aWR0aDo5OCU7aGVpZ2h0Ojk4JTtwb3NpdGlvbjphYnNvbHV0ZTt0b3A6MDtib3JkZXI6bm9uZTttYXJnaW46MSU7Zm9udC1mYW1pbHk6bW9ub3NwYWNlO2ZvbnQtc2l6ZToxZW07b3ZlcmZsb3c6aGlkZGVufXRleHRhcmVhOmZvY3Vze291dGxpbmU6MH08L3N0eWxlPjwvaGVhZD48Ym9keT48dGV4dGFyZWE+PC90ZXh0YXJlYT48L2JvZHk+PC9odG1sPg=="
|
||||
}
|
||||
|
||||
var shell = {
|
||||
taskbar_wind: null,
|
||||
taskbar_size: 25,
|
||||
startmenuWidth: 400,
|
||||
startmenuHeight: 300
|
||||
};
|
||||
|
||||
function doTheBullshitByShellBruh() {
|
||||
const taskbarWind = shell.taskbar_wind;
|
||||
const taskbarSize = shell.taskbar_size;
|
||||
const desktopRect = desktop.getBoundingClientRect();
|
||||
transformWindow(taskbarWind.windID,
|
||||
desktopRect.width,
|
||||
taskbarSize,
|
||||
0,
|
||||
desktopRect.height - taskbarSize
|
||||
)
|
||||
}
|
||||
|
||||
shell.launch = function(app) {
|
||||
if (app === "Notepad") {
|
||||
createWindow(embeddedApps.notepad, {
|
||||
resizable: true,
|
||||
name: "Notepad"
|
||||
}); // Launch notepad
|
||||
} else if (app === "Calculator") {
|
||||
const calc = createWindow(embeddedApps.calc, {
|
||||
resizable: true,
|
||||
name: "Calculator"
|
||||
}); // Launch ZE CALCULATOR
|
||||
calc.minSizeX = 500;
|
||||
calc.minSizeY = 444;
|
||||
updateWindowMin(calc.windID);
|
||||
}
|
||||
};
|
||||
|
||||
shell.updateTaskbar = doTheBullshitByShellBruh;
|
||||
|
||||
shell.init = function () {
|
||||
// Create wind for shell using API
|
||||
const taskbarWind = createWindow("about:blank", {
|
||||
headerless: true,
|
||||
resizable: false,
|
||||
indent: false
|
||||
});
|
||||
|
||||
shell.taskbar_wind = taskbarWind;
|
||||
taskbarWind.minSizeX = 0;
|
||||
taskbarWind.minSizeY = 0;
|
||||
taskbarWind.alwaysOnTop = true;
|
||||
taskbarWind.hideInTaskbar = true;
|
||||
|
||||
// Inject base HTML for taskbar
|
||||
const tbDoc = taskbarWind.iframe.contentDocument || taskbarWind.iframe.contentWindow.document;
|
||||
tbDoc.open();
|
||||
tbDoc.write(`
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
background: #333;
|
||||
color: white;
|
||||
font-family: sans-serif;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
.start-btn {
|
||||
padding: 4px 8px;
|
||||
background: #555;
|
||||
cursor: pointer;
|
||||
margin: 0 4px;
|
||||
border-radius: 3px;
|
||||
user-select: none;
|
||||
}
|
||||
.start-btn:hover {
|
||||
background: #777;
|
||||
}
|
||||
.task-list {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
gap: 4px;
|
||||
overflow-x: auto;
|
||||
}
|
||||
.task-item {
|
||||
padding: 4px 8px;
|
||||
background: #444;
|
||||
cursor: pointer;
|
||||
border-radius: 3px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.task-item:hover {
|
||||
background: #666;
|
||||
}
|
||||
.clock {
|
||||
padding: 0 8px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="start-btn" id="startBtn">Start</div>
|
||||
<div class="task-list" id="taskList"></div>
|
||||
<div class="clock" id="clock"></div>
|
||||
<script>
|
||||
function updateClock() {
|
||||
const now = new Date();
|
||||
document.getElementById('clock').textContent =
|
||||
now.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
|
||||
}
|
||||
setInterval(updateClock, 1000);
|
||||
updateClock();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
`);
|
||||
tbDoc.close();
|
||||
|
||||
shell.updateTaskbar();
|
||||
shell.updateTaskbarContents();
|
||||
|
||||
window.addEventListener('resize', function () {
|
||||
shell.updateTaskbar();
|
||||
}, true);
|
||||
// Add hook
|
||||
windowHooks.push(shell.updateTaskbarContents);
|
||||
|
||||
|
||||
|
||||
// Create start menu window
|
||||
const startMenu = createWindow("about:blank", {
|
||||
headerless: true,
|
||||
resizable: false,
|
||||
indent: false,
|
||||
layer: "foreground",
|
||||
name: "Start Menu"
|
||||
});
|
||||
shell.startMenu = startMenu;
|
||||
startMenu.hideInTaskbar = true;
|
||||
shell.updateTaskbarContents();
|
||||
|
||||
// Inject start menu HTML into its iframe
|
||||
const smDoc = startMenu.iframe.contentDocument || startMenu.iframe.contentWindow.document;
|
||||
smDoc.open();
|
||||
smDoc.write(`
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
background: #222;
|
||||
color: white;
|
||||
font-family: sans-serif;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
h2 {
|
||||
margin-top: 0;
|
||||
font-size: 1.2em;
|
||||
border-bottom: 1px solid #555;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
li {
|
||||
padding: 6px 10px;
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
}
|
||||
li:hover {
|
||||
background: #444;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Start Menu</h2>
|
||||
<ul id="startItems">
|
||||
<li onclick="parent.postMessage({type:'startItem', action:'openApp', app:'Calculator'}, '*')">Calculator</li>
|
||||
<li onclick="parent.postMessage({type:'startItem', action:'openApp', app:'Notepad'}, '*')">Notepad</li>
|
||||
<li onclick="parent.postMessage({type:'startItem', action:'openApp', app:'Settings'}, '*')">Settings</li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
`);
|
||||
smDoc.close();
|
||||
|
||||
// Initially hide the start menu by sizing it to zero and positioning it off-screen
|
||||
transformWindow(startMenu.windID, 0, 0, 0, window.innerHeight);
|
||||
|
||||
// Helper function to show start menu
|
||||
function showStartMenu() {
|
||||
const desktopRect = desktop.getBoundingClientRect();
|
||||
const taskbarHeight = shell.taskbar_size || 40;
|
||||
const width = shell.startmenuWidth;
|
||||
const height = shell.startmenuHeight;
|
||||
const x = 0;
|
||||
const y = desktopRect.height - taskbarHeight - height;
|
||||
transformWindow(startMenu.windID, width, height, x, y,true);
|
||||
focusWindow(startMenu.windID);
|
||||
}
|
||||
|
||||
// Helper function to hide start menu
|
||||
function hideStartMenu() {
|
||||
transformWindow(startMenu.windID, 0, 0, 0, window.innerHeight + shell.startmenuHeight,true);
|
||||
}
|
||||
|
||||
let startMenuVisible = false;
|
||||
|
||||
// Hook start button to toggle start menu
|
||||
const startBtn = tbDoc.getElementById('startBtn');
|
||||
startBtn.addEventListener('click', () => {
|
||||
if (startMenuVisible) {
|
||||
hideStartMenu();
|
||||
startMenuVisible = false;
|
||||
} else {
|
||||
showStartMenu();
|
||||
startMenuVisible = true;
|
||||
}
|
||||
});
|
||||
|
||||
// Close start menu when clicking outside (optional)
|
||||
window.addEventListener('mousedown', (e) => {
|
||||
if (!startMenuVisible) return;
|
||||
const smElem = startMenu.windElems.windowDiv;
|
||||
if (!smElem.contains(e.target)) {
|
||||
hideStartMenu();
|
||||
startMenuVisible = false;
|
||||
}
|
||||
});
|
||||
|
||||
// Optionally, listen for start menu item clicks
|
||||
window.addEventListener('message', (event) => {
|
||||
if (event.data?.type === 'startItem' && event.data.action === 'openApp') {
|
||||
console.log('Open app:', event.data.app);
|
||||
// Close start menu on selection
|
||||
hideStartMenu();
|
||||
startMenuVisible = false;
|
||||
shell.launch(event.data.app);
|
||||
}
|
||||
});
|
||||
|
||||
hideStartMenu();
|
||||
|
||||
};
|
||||
|
||||
shell.updateTaskbarContents = function () {
|
||||
const taskbarWind = shell.taskbar_wind;
|
||||
if (!taskbarWind) return;
|
||||
|
||||
const tbDoc = taskbarWind.iframe.contentDocument || taskbarWind.iframe.contentWindow.document;
|
||||
const taskList = tbDoc.getElementById('taskList');
|
||||
if (!taskList) return;
|
||||
|
||||
// Clear old tasks
|
||||
taskList.innerHTML = '';
|
||||
|
||||
// Add a button for each open window except the taskbar
|
||||
for (const id in windows) {
|
||||
const winObj = windows[id];
|
||||
if (!winObj || id === taskbarWind.windID) continue;
|
||||
if (winObj.hideInTaskbar) continue;
|
||||
|
||||
const btn = tbDoc.createElement('div');
|
||||
btn.className = 'task-item';
|
||||
btn.textContent = winObj.windElems.title.textContent || 'Window';
|
||||
|
||||
btn.addEventListener('click', () => {
|
||||
// Focus the clicked window
|
||||
winObj.windElems.windowDiv.style.zIndex = ++zIndexCounter;
|
||||
});
|
||||
|
||||
taskList.appendChild(btn);
|
||||
}
|
||||
};
|
||||
Reference in New Issue
Block a user