init
This commit is contained in:
metacryst
5
.gitignore
vendored
Normal file
5
.gitignore
vendored
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
node_modules
|
||||||
|
package-lock.json
|
||||||
|
master.forms
|
||||||
|
forms/app.log
|
||||||
|
.DS_Store
|
||||||
41
index.html
Normal file
41
index.html
Normal file
@@ -0,0 +1,41 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Parchment</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="icon" href="cave/_/icons/logo.png">
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
background-color: #6A2C1C;
|
||||||
|
}
|
||||||
|
|
||||||
|
.draggable {
|
||||||
|
-webkit-app-region: drag;
|
||||||
|
height: 40px;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100vw;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--main: #6A2C1C;
|
||||||
|
--accent: #FEB279;
|
||||||
|
}
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
background: var(--main);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="draggable"></div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
116
index.js
Normal file
116
index.js
Normal file
@@ -0,0 +1,116 @@
|
|||||||
|
import { app, BrowserWindow, globalShortcut } from 'electron';
|
||||||
|
|
||||||
|
const WINDOW_SHORTCUTS = [
|
||||||
|
process.platform === "darwin" ? "Command+R" : "Control+R",
|
||||||
|
"\\"
|
||||||
|
];
|
||||||
|
|
||||||
|
class App {
|
||||||
|
devToolsOpened = false;
|
||||||
|
|
||||||
|
createWindow({onTop = false}) {
|
||||||
|
const win = new BrowserWindow({
|
||||||
|
width: 1200,
|
||||||
|
height: 800,
|
||||||
|
frame: false,
|
||||||
|
show: false,
|
||||||
|
titleBarStyle: "customButtonsOnHover",
|
||||||
|
webPreferences: {
|
||||||
|
contextIsolation: true,
|
||||||
|
nodeIntegration: false,
|
||||||
|
webviewTag: true,
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
if(onTop) {
|
||||||
|
win.setVisibleOnAllWorkspaces(true, { visibleOnFullScreen: true }); // necessary for full screen
|
||||||
|
win.setAlwaysOnTop(true, 'screen-saver', 1); // necessary so it doesn't bring you back out of full screen when spawned
|
||||||
|
}
|
||||||
|
|
||||||
|
win.loadFile('index.html');
|
||||||
|
|
||||||
|
win.on("focus", () => {
|
||||||
|
win.setVibrancy("appearance-based"); // full colors
|
||||||
|
});
|
||||||
|
|
||||||
|
win.on("blur", () => {
|
||||||
|
win.setVibrancy("selection"); // dims colors
|
||||||
|
});
|
||||||
|
|
||||||
|
win.webContents.on('did-finish-load', () => {
|
||||||
|
win.show();
|
||||||
|
});
|
||||||
|
|
||||||
|
win.webContents.on('did-fail-load', (e, code, desc) => {
|
||||||
|
console.log('Webview failed:', desc);
|
||||||
|
});
|
||||||
|
|
||||||
|
win.on('closed', () => {
|
||||||
|
for (const key of WINDOW_SHORTCUTS) {
|
||||||
|
globalShortcut.unregister(key);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
toggleDevTools(win) {
|
||||||
|
if (this.devToolsOpened) {
|
||||||
|
win.closeDevTools();
|
||||||
|
} else {
|
||||||
|
win.openDevTools();
|
||||||
|
}
|
||||||
|
this.devToolsOpened = !this.devToolsOpened;
|
||||||
|
}
|
||||||
|
|
||||||
|
registerShortcuts() {
|
||||||
|
globalShortcut.register('CommandOrControl+Shift+Space', function CreateWindow() {
|
||||||
|
this.createWindow({onTop: true});
|
||||||
|
});
|
||||||
|
|
||||||
|
app.on("browser-window-focus", function RegisterWindowOnFocus() {
|
||||||
|
const focused = BrowserWindow.getFocusedWindow();
|
||||||
|
if (!focused) return;
|
||||||
|
|
||||||
|
let WINDOW_SHORTCUTS = [
|
||||||
|
process.platform === "darwin" ? "Command+R" : "Control+R",
|
||||||
|
"\\"
|
||||||
|
];
|
||||||
|
|
||||||
|
// Reload
|
||||||
|
globalShortcut.register(WINDOW_SHORTCUTS[0], () => {
|
||||||
|
focused.reload();
|
||||||
|
});
|
||||||
|
|
||||||
|
// Devtools
|
||||||
|
globalShortcut.register(WINDOW_SHORTCUTS[1], () => {
|
||||||
|
toggleDevTools(focused);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
app.on("browser-window-blur", function UnregisterWindowOnUnfocus() {
|
||||||
|
for (const key of WINDOW_SHORTCUTS) {
|
||||||
|
globalShortcut.unregister(key);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
constructor() {
|
||||||
|
console.log("command line: ", app.commandLine.getSwitchValue('disable-gpu')); // or check flags
|
||||||
|
|
||||||
|
app.on("activate", () => {
|
||||||
|
if (BrowserWindow.getAllWindows().length === 0) {
|
||||||
|
this.createWindow({onTop: false});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
app.on('window-all-closed', () => {
|
||||||
|
if (process.platform !== 'darwin') app.quit();
|
||||||
|
});
|
||||||
|
|
||||||
|
app.on("ready", async () => {
|
||||||
|
this.createWindow({onTop: false});
|
||||||
|
this.registerShortcuts()
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
new App()
|
||||||
20
package.json
Normal file
20
package.json
Normal file
@@ -0,0 +1,20 @@
|
|||||||
|
{
|
||||||
|
"name": "Forum",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"type": "module",
|
||||||
|
"main": "index.js",
|
||||||
|
"scripts": {
|
||||||
|
"start": "electron ."
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"electron": "^30.0.0"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"chalk": "^5.6.2",
|
||||||
|
"cors": "^2.8.5",
|
||||||
|
"express": "^4.18.2",
|
||||||
|
"moment": "^2.30.1",
|
||||||
|
"ws": "^8.18.3",
|
||||||
|
"zod": "^4.2.1"
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user