fleker / ethereal-tasks

Get the right task at the right moment, anywhere

Ethereal Tasks

This is a PWA for Google Tasks which takes advantage of auto-organization, allowing you to add tasks easily from a mobile app while getting a thorough management and viewer on larger screens.

It also supports a modular plugin framework in which you can connect to multiple task systems and save their tasks in Google Tasks so that you can have one app for everything.

This project is built on top of VTODO objects in the iCalendar spec, allowing for standardization and a great deal of portability.

Try it out

The PWA can be opened in https://felker.dev/etheral-tasks. This demo is hosted on GitHub pages.

You can Sign In With Google. Due to API restrictions for non-certified apps, you'll be presented with a warning.

Note: This application works entirely in the browser. No data is being stored in the cloud.

Filtering

When you start a task name with a particular string followed by a colon, ie. "Tasks: Update README", that creates a Folder called Tasks. Tapping on that item in the sidebar will show only items that follow that pattern.

When you add a hashtag in the description of a task, ie. "add setup #github #tasks" that creates two Tags called github and tasks. Tapping on either will show only items that contain the same hashtag.

If you write in Markdown in task notes, that will be processed as Markdown when rendered in the sidebar.

Sync GitHub

You can sync GitHub tasks assigned to you to this app. They'll appear as standard entries with #github in their description for quick filtering.

To do this, you'll need to generate a GitHub token that has access to your repos and paste that token into your browser. This is saved in browser local storage. Then it will be create, update, or complete tasks when you run the sync.

Setup and run locally

This is an Angular-based application that uses Google's frontend web APIs.

• You'll need to create a Google Cloud Project
  • Will require you enabling the Google Tasks API
  • Obtain a CLIENT_ID and update app.component.ts
• npm install
• npm start

ethereal-tasks's Issues

GitHub badge

Button/Dialog to add task

Export to VTODO

See Spec [2]

Since we're close to it already, have an export to VJOURNAL based on the completed field of a Task.

Actually export ical

Sync to GitHub

Not too hard to get user assigned issues. Just have a process to sync that with GitHub in both directions.

Use issue URL as unique identifier in links[0].link

Capital hashtags don't work?

See "Sphinx" task

Client app

This client app should let me login with my account and manage my task integrations.

Optionally can show tasks, filter based on tags and titles, and do management with Google Tasks API.

Modular format for task syncing

Make sure to have a unique key. Try to keep things standardized. If we can align on VTODO as a format that makes things fairly simple.

Use some sort of hashtagging so we can map it back to the right module during sync time.

Support a journal mode/task burndown view

SW registration issues

The path of the provided scope ('/etheral-tasks/') is not under the max scope allowed ('/ethereal-tasks/assets/'). Adjust the scope, move the Service Worker script, or use the Service-Worker-Allowed HTTP header to allow the scope.
felker.dev/:1 Uncaught (in promise) DOMException: Failed to register a ServiceWorker for scope ('https://felker.dev/etheral-tasks/') with script ('https://felker.dev/ethereal-tasks/assets/sw.js'): The path of the provided scope ('/etheral-tasks/') is not under the max scope allowed ('/ethereal-tasks/assets/'). Adjust the scope, move the Service Worker script, or use the Service-Worker-Allowed HTTP header to allow the scope.

Add Markdown widget