2021-01-26 22:00

I've placed my Solid endeavours on hold for now to focus on the IndieWeb technologies first.

2021-01-25 22:00

Read the Linked Data articles by Ruben Verborgh and almost made it through the Linked Data book.

Decided to have a good look at the Solid-Focus app by Noel Martin as a great example on how to build a Web app which saves data in a Solid Pod.

I've forked the Solid-Focus project on Github and have set up the local work environment and it's running fine locally, even on my Windows 10 machine. So now I need to learn how it all comes together within the Vue.js application. I'm especially impressed by the code organisation and structure of the Vue.js app. The way how the various services are initialized is very cool. Great idea to use a Service class where the Vue.js app instance is being passed into.

Here's the code of src/services/index.ts, released under the GNU General Public License v3.0:

/**
* Services are singletons used throughout the app that encapsulate
* business logic and interact with Vuex to manipulate application state.
*/

import Vue from 'vue';

import UI from '@/services/UI';
import Auth from '@/services/Auth';
import Config from '@/services/Config';
import Service from '@/services/Service';
import Workspaces from '@/services/Workspaces';

export default async function bootServices(app: Vue): Promise {
    Vue.prototype.$services = [
    Vue.prototype.$ui = new UI(app),
    Vue.prototype.$auth = new Auth(app),
    Vue.prototype.$config = new Config(app),
    Vue.prototype.$workspaces = new Workspaces(app),
  ];

  await Promise.all(Vue.prototype.$services.map((service: Service) => service.ready));
}

As a first improved or my contribution to the project, I proposed the ability to edit existing tasks and Noel had already planned this. I'll need to check how the PATCH verb works in the Solid API.

He's getting inspiration from Wunderlist and I agree that that's a good example of a great task manager.