Commented out most menus, but it's working again

.editorconfig

@@ -1,15 +1,16 @@
+# https://EditorConfig.org
+
 root = true
 
 [*]
 indent_style = tab
 end_of_line = lf
 charset = utf-8
 trim_trailing_whitespace = true
-insert_final_newline = true
 
 [package.json]
 indent_style = space
 indent_size = 2
 
 [*.md]
-trim_trailing_whitespace = false
+trim_trailing_whitespace = false

.github/FUNDING.yml

@@ -0,0 +1,13 @@
+# These are supported funding model platforms
+
+github: [mountainash]
+# patreon: # Replace with a single Patreon username
+# open_collective: # Replace with a single Open Collective username
+# ko_fi: # Replace with a single Ko-fi username
+# tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
+# community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+# liberapay: # Replace with a single Liberapay username
+# issuehunt: # Replace with a single IssueHunt username
+# otechie: # Replace with a single Otechie username
+# custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']
+custom: ['https://www.buymeabeer.com/mountainash']

.gitignore

@@ -1,2 +1,4 @@
-node_modules
+**/node_modules
+/Taskana-*
 /dist
+.env

.vscode/extensions.json

@@ -0,0 +1,7 @@
+{
+	"recommendations": [
+		"biomejs.biome",
+		"streetsidesoftware.code-spell-checker",
+		"davidanson.vscode-markdownlint"
+	]
+}

.vscode/settings.json

@@ -0,0 +1,43 @@
+{
+	"javascript.validate.enable": true,
+	"workbench.colorCustomizations": {
+		"activityBar.background": "#F75F80",
+		"activityBar.activeBackground": "#6349A0",
+		"activityBar.activeBorder": "#6349A0",
+		"activityBar.foreground": "#FFF",
+		"activityBar.inactiveForeground": "#D1B5D7",
+		"activityBarBadge.background": "#6349A0",
+		"activityBarBadge.foreground": "#FFF",
+		"titleBar.activeBackground": "#F75F80",
+		"titleBar.inactiveBackground": "#636674",
+		"titleBar.border": "#586573",
+		"titleBar.activeForeground": "#FFF",
+		"titleBar.inactiveForeground": "#D1B5D7",
+		"statusBar.background": "#F75F80",
+		"statusBarItem.hoverBackground": "#6349A0",
+		"statusBar.foreground": "#FFF",
+		"statusBar.border": "#586573"
+	},
+	"cSpell.words": [
+		"Asana",
+		"biomejs",
+		"Dominik",
+		"doubleclick",
+		"hideothers",
+		"keychain",
+		"keystorename",
+		"keytar",
+		"loginbutton",
+		"loginform",
+		"loginkeys",
+		"loginpassword",
+		"loginsubmitted",
+		"loginusername",
+		"Nuxt",
+		"Omnibutton",
+		"Schmitt",
+		"selectall",
+		"Taskana",
+		"Topbar"
+	]
+}

README.md

@@ -0,0 +1,68 @@
+# Taskana
+
+## Asana Official Version
+
+There is now an official Asana for Desktop app available for MacOS & Windows... but Taskana is still _*actively maintained*_.
+
+The [official version](https://forum.asana.com/t/asana-for-desktop-now-available-for-early-access/120008) also runs inside Election. Some of the difference are:
+
+- _Taskana_ handles file downloads better
+- _Asana_ for Desktop has Native OS notifications
+- _Asana_ for Desktop has a Windows executable
+- _Asana_ for Desktop uses "In-browser authentication" every session (you need to bounce between the app & your default browser) - Taskana logs you in directly
+- _Asana_ for Desktop is over 400 MB in size - Taskana is almost half that
+- _Taskana_ is Open Source!
+
+![Taskana Tasks sample image](https://raw.githubusercontent.com/mountainash/taskana/develop/build/screenshot.png)
+
+See website for usage tips:
+
+- <https://mountainash.github.io/taskana/>
+
+## Download
+
+- <https://github.com/mountainash/taskana/releases>
+
+## Develop
+
+Clone the repository into a folder on your system and be sure to have [Node.js](https://nodejs.org/) installed.
+
+```sh
+npm install
+```
+
+### Run
+
+To run Taskana in development mode:
+
+```sh
+npm start
+```
+
+### Build
+
+To build a Taskana macOS executable application:
+
+```sh
+npm run build
+```
+
+See [electron-builder](https://github.com/electron-userland/electron-builder) instructions to build for Linux and Windows.
+
+## Resources
+
+- [electron](https://www.electronjs.org/)
+- [electron-builder](https://www.electron.build/)
+- [electron-updater](https://www.electron.build/auto-update)
+- [keytar](https://atom.github.io/node-keytar/) Node module to manage system keychain
+- [electron-store](https://github.com/sindresorhus/electron-store#readme)
+- [electron-context-menu](https://github.com/sindresorhus/electron-context-menu#readme)
+- [Biome Rules](https://biomejs.dev/linter/rules/)
+
+## License
+
+MIT
+
+## Credits
+
+Originally forked from <https://github.com/kreativgebiet/taskana> (now archived).

biome.json

@@ -0,0 +1,43 @@
+{
+	"$schema": "https://biomejs.dev/schemas/1.9.3/schema.json",
+	"files": {
+		"ignore": ["dist/**/*"]
+	},
+	"organizeImports": {
+		"enabled": true
+	},
+	"formatter": {
+		"enabled": true,
+		"useEditorconfig": true,
+		"indentStyle": "tab",
+		"indentWidth": 4,
+		"lineEnding": "lf",
+		"lineWidth": 80,
+		"attributePosition": "auto"
+	},
+	"linter": {
+		"enabled": true,
+		"rules": {
+			"recommended": true,
+			"complexity": { "noForEach": "off" }
+		}
+	},
+	"javascript": {
+		"formatter": {
+			"jsxQuoteStyle": "single",
+			"quoteProperties": "asNeeded",
+			"trailingCommas": "es5",
+			"semicolons": "always",
+			"arrowParentheses": "always",
+			"bracketSpacing": true,
+			"bracketSameLine": false,
+			"quoteStyle": "single",
+			"attributePosition": "auto"
+		}
+	},
+	"vcs": {
+		"enabled": true,
+		"clientKind": "git",
+		"useIgnoreFile": true
+	}
+}

browser.cjs

@@ -0,0 +1,68 @@
+const { ipcRenderer } = require('electron');
+
+const keyStore = import('./src/keystore.js');
+
+ipcRenderer.on('new-task', () => {
+	document.querySelector('.Omnibutton').click();
+	document.querySelector('.Omnibutton-task').click();
+});
+
+ipcRenderer.on('show-preferences', () => {
+	document.querySelector('.TopbarSettingsMenuButton')?.click();
+	document.querySelector('.TopbarSettingsMenu-settings')?.click();
+});
+
+document.addEventListener('readystatechange', async () => {
+	const DomHooks = {
+		loginform: '.LoginEmailPasswordForm',
+		loginusername: 'input[name=e]',
+		loginpassword: 'input[name=p]',
+		loginbutton: '[role=button]',
+	};
+
+	if (document.location.pathname.endsWith('/login')) {
+		const loginform = document.querySelector(DomHooks.loginform);
+		const loginusername = loginform.querySelector(DomHooks.loginusername);
+		const loginpassword = loginform.querySelector(DomHooks.loginpassword);
+
+		// try using saved login
+		const loginkeys = await keyStore.getKey();
+
+		// Trigger the attached `change` event to get the values into the Virtual DOM (as Asana runs React/Nuxt.js)
+		const event = new Event('HTMLEvents');
+		event.initEvent('change', true, false);
+
+		if (loginkeys?.username) {
+			loginusername.value = loginkeys.username;
+			loginusername.dispatchEvent(event);
+		}
+
+		if (loginkeys?.password) {
+			loginpassword.value = loginkeys.password;
+			loginpassword.dispatchEvent(event);
+		}
+
+		const loginsubmitted = async () => {
+			const username = loginusername.value;
+			const password = loginpassword.value;
+
+			if (username && password) {
+				await keyStore.deleteKeys(); // delete any exiting logins
+				await keyStore.addKey(username, password); // store the users details for auto-login next time
+			}
+		};
+
+		// add a listener to the form to capture login details and store them
+		// would be nice to add to just the <FORM> submit event, but React/Nuxt (used by Asana) captures the events lower in the DOM
+		// loginform.addEventListener('submit', loginsubmitted);
+		loginform
+			.querySelector(DomHooks.loginbutton)
+			.addEventListener('click', loginsubmitted);
+		loginusername.addEventListener('keyup', (e) => {
+			if (e.code === 'Enter') loginsubmitted();
+		});
+		loginpassword.addEventListener('keyup', (e) => {
+			if (e.code === 'Enter') loginsubmitted();
+		});
+	}
+});

browser.css

@@ -1,72 +1,7 @@
-body {
-	-webkit-touch-callout: none;
-	-webkit-user-select: none;
-}
-
-.ModalLayer {
-	top: 71px !important;
-}
-
-.commentStoryView-content {
-	-webkit-touch-callout: initial;
-	-webkit-user-select: initial;
-}
-
-.vibrancy html,
-.vibrancy body,
-.vibrancy .react-app-node {
-	background: none !important;
-}
-
-.remix-topbar {
-	min-width: 600px !important;
-}
-
-.vibrancy .Topbar {
-	background: linear-gradient(to bottom, rgba(255,255,255,.8), rgba(255,255,255,.7)) !important;
-}
-
-.remix-topbar, #loading_screen {
-	-webkit-app-region: drag;
-}
-
-.Topbar .NavigationLink,
-.Topbar .Topbar-settingsMenuButton,
-.Topbar .topbarContingentUpgradeButton-button,
-.Topbar .omnibutton {
-	-webkit-app-region: no-drag;
-}
-
-
-.topbarContingentUpgradeButton-button,
-.navigationDockTeamView-inviteAdTop,
-.topbarSettingsMenu-upgrade,
-.TopbarSettingsMenu-upgrade,
-.reskinOptOutItem,
-#bg_pattern {
+/* Too much "sell" */
+.UpgradeButton,
+.BusinessUpgradeButton,
+.SidebarInvite,
+.TopbarHelpMenuButton-button /* Most of these are in Taskana's Help menu */ {
 	display: none !important;
 }
-
-.SidebarHeader-asanaLogo {
-	background: none !important;
-}
-
-.remix-topbar .TopbarHelpMenuButton {
-	opacity: 0;
-	pointer-events: none;
-}
-
-.Topbar-navButton {
-	border-left: 1px solid #EFF0F1;
-	margin-left: 78px;
-}
-
-#header.has-reskinLogo {
-	background: none !important;
-}
-
-.TopbarSearch {
-	opacity: 0;
-	pointer-events: none;
-	transition: opacity 200ms linear;
-}