extern/heynote
1
0
Fork 0
mirror of https://github.com/heyman/heynote.git synced 2025-08-14 08:48:36 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add Settings to web app (#125)

Browse Source 
* Add support for opening settings dialog in the webapp

* Add tests for settings dialog

* Hide stand-alone app specific settings in web app

* Remove debug log
This commit is contained in:
Jonatan Heyman
2024-01-04 14:27:04 +01:00
committed by GitHub
parent 0ba5820cf4
commit acb7ddf189
16 changed files with 137 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
webapp/bridge.js
View File

@ -1,3 +1,5 @@
import { SETTINGS_CHANGE_EVENT, OPEN_SETTINGS_EVENT } from "../electron/constants";
const mediaMatch = window.matchMedia('(prefers-color-scheme: dark)')
let themeCallback = null
mediaMatch.addEventListener("change", async (event) => {
@ -31,8 +33,46 @@ if (uaPlatform.indexOf("Win") !== -1) {
}
}
class IpcRenderer {
constructor() {
this.callbacks = {}
}
on(event, callback) {
if (!this.callbacks[event]) {
this.callbacks[event] = []
}
this.callbacks[event].push(callback)
}
send(event, ...args) {
if (this.callbacks[event]) {
for (const callback of this.callbacks[event]) {
callback(null, ...args)
}
}
}
}
const ipcRenderer = new IpcRenderer()
// get initial settings
let settingsData = localStorage.getItem("settings")
let initialSettings = {
keymap: "default",
emacsMetaKey: "meta",
showLineNumberGutter: true,
showFoldGutter: true,
}
if (settingsData !== null) {
initialSettings = Object.assign(initialSettings, JSON.parse(settingsData))
}
const Heynote = {
platform: platform,
isWebApp: true,
buffer: {
async load() {
@ -57,12 +97,19 @@ const Heynote = {
//ipcRenderer.on(WINDOW_CLOSE_EVENT, callback)
},
settings: initialSettings,
onOpenSettings(callback) {
//ipcRenderer.on(OPEN_SETTINGS_EVENT, callback)
ipcRenderer.on(OPEN_SETTINGS_EVENT, callback)
},
onSettingsChange(callback) {
//ipcRenderer.on(SETTINGS_CHANGE_EVENT, (event, settings) => callback(settings))
ipcRenderer.on(SETTINGS_CHANGE_EVENT, (event, settings) => callback(settings))
},
setSettings(settings) {
localStorage.setItem("settings", JSON.stringify(settings))
ipcRenderer.send(SETTINGS_CHANGE_EVENT, settings)
},
themeMode: {
@ -88,10 +135,6 @@ const Heynote = {
initial: localStorage.getItem("theme") || "system",
},
settings: {
keymap: "default",
},
getCurrencyData: async () => {
if (currencyData !== null) {
return currencyData
@ -102,4 +145,4 @@ const Heynote = {
},
}
export default Heynote
export { Heynote, ipcRenderer}