chiubaca / jottivity

Anlayse your thoughts, mood & productivity using sentiment analysis.

Hey 👋, I'm Alex!

• 💬 Fullstack Web Dev
• ⚡ Learning In Public
• 👨‍💻 Building for fun

📕 Latest blog posts

• Easy React data fetching with the new use() hook
• Using JavaScript to write PostgreSQL functions
• TypeScript and Netlify Functions
• Build a serverless CRUD app with authentication using Vue.js Netlify and FaunaDB

🤝To connect with me

jottivity's Issues

Test out nuxt SVG module

https://github.com/nuxt-community/svg-module

Drop Class components and Decorators

was a fun experiment but not worth the extra complexity.
Options API is easy and well document and has good enough support for typescript.

make sure any components using class components is refactored to use the options API

Clicking "Delete Post" opens the post unintentionally

open post card click event is on the whole card component so will detect click on the delete button too. Move the click handler to the title of post or a separate button

Backup firebase on regular interval

• consider using github actions

Tag a post

• User should be able to tag their post with their mood or any other category
• User can create and delete tags

Unit Tests

Need unit tests for all serverless functions and vue components

Add new Tags

When creating a new post, user should be able to create new tags which can used for other posts too

App should auto refresh token whilst the app is in use.

• auto refresh user token when the app is in use

Vuex state gets messed up when popping item out of an array

Refactor deleting journal logic to simply hide deleted journals from state,

Posts not recomputing title and contents after updating

consider looking into this - vuejs/vue#214

Use Nuxt components module to save lines of code

https://github.com/nuxt/components

Jest Test coverage not working

Repro Steps
In jest.config.js when collectCoverage is set to true, running npm run test fails with the following:

Failed to collect coverage from D:\CODE\Projects\Jottivity-v2\components\Logo.vue
ERROR: D:\CODE\Projects\Jottivity-v2\components\Logo.vue: don't know how to turn this value into a node
STACK: Error: D:\CODE\Projects\Jottivity-v2\components\Logo.vue: don't know how to turn this value into a node
    at valueToNode (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\types\lib\converters\valueToNode.js:87:9)
    at Object.valueToNode (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\types\lib\converters\valueToNode.js:81:58)
    at Object.exit (D:\CODE\Projects\Jottivity-v2\node_modules\@jest\reporters\node_modules\istanbul-lib-instrument\dist\visitor.js:641:30)
    at PluginPass.exit (D:\CODE\Projects\Jottivity-v2\node_modules\@jest\reporters\node_modules\babel-plugin-istanbul\lib\index.js:158:38) 
    at newFn (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\visitors.js:179:21)
    at NodePath._call (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\path\context.js:55:20)
    at NodePath.call (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\path\context.js:42:17)
    at NodePath.visit (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\path\context.js:99:8)
    at TraversalContext.visitQueue (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\context.js:112:16)
    at TraversalContext.visitSingle (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\context.js:84:19)
    at TraversalContext.visit (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\context.js:140:19)
    at Function.traverse.node (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\index.js:84:17)
    at traverse (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\index.js:66:12)
    at transformFile (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\core\lib\transformation\index.js:107:29)
    at transformFile.next (<anonymous>)
    at run (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\core\lib\transformation\index.js:35:12)
Failed to collect coverage from D:\CODE\Projects\Jottivity-v2\pages\index.vue
ERROR: D:\CODE\Projects\Jottivity-v2\pages\index.vue: don't know how to turn this value into a node
STACK: Error: D:\CODE\Projects\Jottivity-v2\pages\index.vue: don't know how to turn this value into a node
    at valueToNode (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\types\lib\converters\valueToNode.js:87:9)
    at Object.valueToNode (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\types\lib\converters\valueToNode.js:81:58)
    at Object.exit (D:\CODE\Projects\Jottivity-v2\node_modules\@jest\reporters\node_modules\istanbul-lib-instrument\dist\visitor.js:641:30)
    at PluginPass.exit (D:\CODE\Projects\Jottivity-v2\node_modules\@jest\reporters\node_modules\babel-plugin-istanbul\lib\index.js:158:38)
    at newFn (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\visitors.js:179:21)
    at NodePath._call (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\path\context.js:55:20)
    at NodePath.call (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\path\context.js:42:17)
    at NodePath.visit (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\path\context.js:99:8)
    at TraversalContext.visitQueue (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\context.js:112:16)
    at TraversalContext.visitSingle (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\context.js:84:19)
    at TraversalContext.visit (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\context.js:140:19)
    at Function.traverse.node (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\index.js:84:17)
    at traverse (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\index.js:66:12)
    at transformFile (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\core\lib\transformation\index.js:107:29)
    at transformFile.next (<anonymous>)
    at run (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\core\lib\transformation\index.js:35:12)
Failed to collect coverage from D:\CODE\Projects\Jottivity-v2\pages\login.vue
ERROR: D:\CODE\Projects\Jottivity-v2\pages\login.vue: don't know how to turn this value into a node
STACK: Error: D:\CODE\Projects\Jottivity-v2\pages\login.vue: don't know how to turn this value into a node
    at valueToNode (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\types\lib\converters\valueToNode.js:87:9)
    at Object.valueToNode (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\types\lib\converters\valueToNode.js:81:58)
    at Object.exit (D:\CODE\Projects\Jottivity-v2\node_modules\@jest\reporters\node_modules\istanbul-lib-instrument\dist\visitor.js:641:30)
    at PluginPass.exit (D:\CODE\Projects\Jottivity-v2\node_modules\@jest\reporters\node_modules\babel-plugin-istanbul\lib\index.js:158:38)
    at newFn (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\visitors.js:179:21)
    at NodePath._call (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\path\context.js:55:20)
    at NodePath.call (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\path\context.js:42:17)
    at NodePath.visit (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\path\context.js:99:8)
    at TraversalContext.visitQueue (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\context.js:112:16)
    at TraversalContext.visitSingle (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\context.js:84:19)
    at TraversalContext.visit (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\context.js:140:19)
    at Function.traverse.node (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\index.js:84:17)
    at traverse (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\index.js:66:12)
    at transformFile (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\core\lib\transformation\index.js:107:29)
    at transformFile.next (<anonymous>)
    at run (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\core\lib\transformation\index.js:35:12)
Failed to collect coverage from D:\CODE\Projects\Jottivity-v2\pages\sandbox.vue
ERROR: D:\CODE\Projects\Jottivity-v2\pages\sandbox.vue: don't know how to turn this value into a node
STACK: Error: D:\CODE\Projects\Jottivity-v2\pages\sandbox.vue: don't know how to turn this value into a node
    at valueToNode (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\types\lib\converters\valueToNode.js:87:9)
    at Object.valueToNode (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\types\lib\converters\valueToNode.js:81:58)
    at Object.exit (D:\CODE\Projects\Jottivity-v2\node_modules\@jest\reporters\node_modules\istanbul-lib-instrument\dist\visitor.js:641:30)
    at PluginPass.exit (D:\CODE\Projects\Jottivity-v2\node_modules\@jest\reporters\node_modules\babel-plugin-istanbul\lib\index.js:158:38)
    at newFn (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\visitors.js:179:21)
    at NodePath._call (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\path\context.js:55:20)
    at NodePath.call (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\path\context.js:42:17)
    at NodePath.visit (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\path\context.js:99:8)
    at TraversalContext.visitQueue (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\context.js:112:16)
    at TraversalContext.visitSingle (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\context.js:84:19)
    at TraversalContext.visit (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\context.js:140:19)
    at Function.traverse.node (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\index.js:84:17)
    at traverse (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\index.js:66:12)
    at transformFile (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\core\lib\transformation\index.js:107:29)
    at transformFile.next (<anonymous>)
    at run (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\core\lib\transformation\index.js:35:12)
Failed to collect coverage from D:\CODE\Projects\Jottivity-v2\pages\signup.vue
ERROR: D:\CODE\Projects\Jottivity-v2\pages\signup.vue: don't know how to turn this value into a node
STACK: Error: D:\CODE\Projects\Jottivity-v2\pages\signup.vue: don't know how to turn this value into a node
    at valueToNode (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\types\lib\converters\valueToNode.js:87:9)
    at Object.valueToNode (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\types\lib\converters\valueToNode.js:81:58)
    at Object.exit (D:\CODE\Projects\Jottivity-v2\node_modules\@jest\reporters\node_modules\istanbul-lib-instrument\dist\visitor.js:641:30)
    at PluginPass.exit (D:\CODE\Projects\Jottivity-v2\node_modules\@jest\reporters\node_modules\babel-plugin-istanbul\lib\index.js:158:38)
    at newFn (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\visitors.js:179:21)
    at NodePath._call (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\path\context.js:55:20)
    at NodePath.call (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\path\context.js:42:17)
    at NodePath.visit (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\path\context.js:99:8)
    at TraversalContext.visitQueue (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\context.js:112:16)
    at TraversalContext.visitSingle (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\context.js:84:19)
    at TraversalContext.visit (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\context.js:140:19)
    at Function.traverse.node (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\index.js:84:17)
    at traverse (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\traverse\lib\index.js:66:12)
    at transformFile (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\core\lib\transformation\index.js:107:29)
    at transformFile.next (<anonymous>)
    at run (D:\CODE\Projects\Jottivity-v2\node_modules\@babel\core\lib\transformation\index.js:35:12)

Cause
unknown

Workaround
Set collectCoverage is set to false

Deleting Journal should delete child posts in Firestore

Setup Storybook

https://storybook.js.org/

Notify user when app has been update

• make better use of Nuxt PWA module
• hook into PWA life cycle like this - https://pwa.nuxtjs.org/workbox#hooking-on-service-worker-registration-life-cycle

Same tags appear on all journals

Each journal should have its own set of tags.

Tags store should clean and filter only tags which are associate to the current journal which is open

Changes to names of properties to be less confusing

• References to uid should be updated to userid so that it is not confused to be a db unique identifier
• References to id should be updated to journalid or postid to make it clearer it is a firebase document id

Delete tags

user should be able to delete tags and they wont to appear in any new posts

Vetur Error when trying to use Vue methods with parameters

A Vetur errorVetur(2551 is thrown when trying to use Vue methods with parameters in the template. Looks like its related to this issue vuejs/vetur#1435

Configure Theming

• https://github.com/nuxt-community/color-mode-module

Spinners

loading spinners when journal or posts are loading