GUC Desktop: Notes taking app for creating development updates seamlessly

Repository

<p dir="auto"><span><a href="https://github.com/g-u-c/guc-desktop" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://github.com/g-u-c/guc-desktop <p dir="auto"><em>This is a following post for <a href="https://steemit.com/utopian-io/@utopian-io/utopian-weekly-the-utopian-hackathon-winners" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">utopian hackathon <h4>About <p dir="auto">GUC-Desktop is a notes taking app which store your notes as a <a href="https://git-scm.com/book/en/v2/Git-Internals-Git-Objects" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Git Objects using <a href="https://git-scm.com/docs/git-notes" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">git notes<a href="https://steemit.com/utopian-io/@nothingismagick/git-utopian-contributor" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">post<span>. Later on the user can combine those notes and post it to Steem, especially for creating a post in the development or tutorials category in <a href="/@utopian-io">@utopian-io. For more info, you can read this <span> created by <a href="/@nothingismagick">@nothingismagick. <h4>Story <p dir="auto"><a href="https://quasar-framework.org/" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Quasar Framework with the option to build it as an electron app. Currently we don't have test script yet (because <a href="https://github.com/g-u-c/guc-desktop/issues/20" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">issue#20) but we plan to use <a href="https://jestjs.io/" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Jest for our test framework of choice. This post is more like the development log that I do during the hackathon since I found many strange things happen to me 😂.<span>In short we actually plan to to build a CLI app but somehow we decide to create a desktop app because there is no way to force Golang devs to install node.js (that's why this <a href="https://github.com/g-u-c/cli" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://github.com/g-u-c/cli exist 😆). The technology stack we use is <h5><a href="https://github.com/g-u-c/guc-desktop/pull/6" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">PR#6 <p dir="auto">In this PR, I start to create a button to add, remove, and show notes stored as Git Object. The button are base on <a href="https://quasar-framework.org/components/button.html" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">QBtn so that all props in <a href="https://quasar-framework.org/components/button.html" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">QBtn is compatible and it feel naturall when used in quasar-framework environment. I also solve the <a href="https://github.com/g-u-c/guc-desktop/issues/2" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">build issue in my machine by <a href="https://github.com/g-u-c/guc-desktop/pull/6/files#diff-b9cfc7f2cdf78a7f4b91a753d10865a2" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">removing yarn requirement in engines section (quite strange, probably because I use <a href="https://fishshell.com/" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">fish shell) <h5><a href="https://github.com/g-u-c/guc-desktop/pull/12" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">PR#12 <p dir="auto">This is the PR when I try to move post to Steem button into sperate component to make it easier to maintain. This is also where I found something strange in one of dsteem dependency for decoding the key (<a href="https://github.com/g-u-c/guc-desktop/issues/14" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">issue#14). I also add buttons to push and fetch notes from git remote repo (e.g Github, Gitlab, etc) and dsteem client instance <sup>[<a href="https://github.com/g-u-c/guc-desktop/pull/12/commits/7504fb128624d59d7c424799805c97139af0e38e#diff-dbb6da2b75975ce0a1e04bdea998a6ae" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">7504fb1]<span> for posting the notes into <a href="https://testnet.steem.vc" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://testnet.steem.vc. <h5><a href="https://github.com/g-u-c/guc-desktop/pull/15" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">PR#15 <p dir="auto">This is where I began to integrate all dedicated button into the main dashboard (and you can see how bad my design skill is 😂). I also add small indicator which commit-id the user want to add the notes. In the future that indicator will act as a button to select which commit-id that you want to add the notes (plus <code>git checkout if possible). <p dir="auto"><center><img src="https://images.hive.blog/768x0/https://ipfs.busy.org/ipfs/QmTqPsudNMbWpYpqEY9nkYBF2qxpJWG6Y8tN3JpUD42S4P" srcset="https://images.hive.blog/768x0/https://ipfs.busy.org/ipfs/QmTqPsudNMbWpYpqEY9nkYBF2qxpJWG6Y8tN3JpUD42S4P 1x, https://images.hive.blog/1536x0/https://ipfs.busy.org/ipfs/QmTqPsudNMbWpYpqEY9nkYBF2qxpJWG6Y8tN3JpUD42S4P 2x" /><sup><span>Left: original post-to-steem by <a href="/@nothingismagick">@nothingismagick. Right: bunch of button that I added in this PR <p dir="auto">Because of the <a href="https://github.com/g-u-c/guc-desktop/issues/14" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">issue#14 and since using <code>PrivateKey.fromLogin doesn't give me an error, I decide to make workaround by using password instead of posting key. However, the user can still use posting key in case it works in their machine. <p dir="auto"><center><img src="https://images.hive.blog/768x0/https://media.discordapp.net/attachments/489016448401014794/492513292925927424/unknown.png?width=1440&height=139" srcset="https://images.hive.blog/768x0/https://media.discordapp.net/attachments/489016448401014794/492513292925927424/unknown.png?width=1440&height=139 1x, https://images.hive.blog/1536x0/https://media.discordapp.net/attachments/489016448401014794/492513292925927424/unknown.png?width=1440&height=139 2x" /><sup>error when executing <code>PrivateKey.fromString <p dir="auto"><center><img src="https://images.hive.blog/0x0/https://user-images.githubusercontent.com/4953069/45891490-eadd3880-bdef-11e8-8f66-e0f230dced8e.gif" /><sup>one of my strategy for user to experiment something that are still buggy <h5><a href="https://github.com/g-u-c/guc-desktop/pull/19" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">PR#19 <p dir="auto">This is the final PR when I creating this <a href="https://youtu.be/BsXfw-nluDE" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">video. In this PR I remove <code>--max_old_space_size because I do hot-reload (while spawning electron instance) many times when in development and it really exhaust my RAM 😂. I also make fetch-notes button to <em>force-pull all notes instead of fast-forward <em>fetch to avoid merge conflict. Remember, the notes is just a Git Objects so it's possible to have merge conflict like we have in regular commit. <h4>Parting words <p dir="auto">Currently I'm working on a <a href="https://github.com/DrSensor/fluent-git" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">library<span> to make using git easier yet powerfull in JS/TS environment. It also serve as a playground for me to experiment some combination of git command. Thanks to <a href="/@utopian-io">@utopian-io for bringing this hackathon events, it give me a lot of opportunity and reasons to learn about Steem API. Also thanks to the team that developing GUC in the short amount of time during the hackathon, including people and aftermath contributors that excited with this project. <h4>GitHub Account <p dir="auto"><span><a href="https://github.com/DrSensor" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://github.com/DrSensor