Coder Social home page Coder Social logo

capsulesocial / capsule-vue Goto Github PK

View Code? Open in Web Editor NEW
10.0 10.0 3.0 536.58 MB

Blogchain's web application, decentralised discourse and publishing on web3.

Home Page: https://blogchain.app

License: GNU Affero General Public License v3.0

Vue 80.47% JavaScript 1.08% Shell 0.07% CSS 3.35% TypeScript 14.23% HTML 0.80%
blogchain capsulesocial ipfs near near-protocol web3

capsule-vue's People

Contributors

ashutosh1206 avatar chrispanag avatar dgrisham avatar dxphilo avatar irshadshalu avatar jackdishman avatar ldmweb avatar magservel avatar nadimkobeissi avatar steverogers180 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

capsule-vue's Issues

Logout error on removing key

When logging out, I'm getting this error:

Error: Key 'blogchain-auth-admin' does not exist. Key not found in database [/info/blogchain-auth-admin]
    at Keychain.findKeyByName (index.js?91cd:287)
    at async Keychain.removeKey (index.js?91cd:303)

Source: components/Header.vue logout method

const node = this.$getNode()
// Remove a user's key from keychain when they logout
await node.key.rm(`blogchain-auth-${this.$store.state.session.id}`)
this.endSession()

This may be caused by using the admin bypass when logging in. This issue may become irrelevant with the NEAR branch merge

Remove redundant calls to `/bookmark` in posts feed

In the posts feed, these are the calls being made to the backend:

[1] GET: /content/tags
[1] GET: /content?sort=NEW&offset=0&limit=10&bookmarker=tom
[1] GET: /repost?authorID=tom&sort=NEW
[1] GET: /bookmark/tom/bafyreidb7agoj5f4cii32sbuoyddkc7cpqrt2iyjg6i5po5wam5keoiesy
[1] GET: /bookmark/tom/bafyreiamg4zuxujullh42bptlnfl2ksqohcxls4ozfcu3rntdnnrft3bvq
[1] GET: /bookmark/tom/bafyreibz335w2owf55in5y5ne67q4mhmxdodvf2q6yki5s4mlejfpl2rrq
[1] GET: /bookmark/tom/bafyreia2tgkkk4lg5bfabodgza2zxwi3mggzlbzb2pauyusbeq3dpsfmne
[1] GET: /bookmark/tom/bafyreidhabogixo7e7z4tupc7ikiwnevabwmwyuppo3txxvazlnt6dbx5a
[1] GET: /bookmark/tom/bafyreif6bcollvovwxkjqz2l2ikcs4hyyj3toz7f2e67htetldvkhw5cm4
[1] GET: /bookmark/tom/bafyreieun42zrm332kjo7s5ldz5eu6iuwokyxi64wri4dfizmlzhjhdtzy
[1] GET: /bookmark/tom/bafyreicos6mnd7kl5dxy3phmpzxf7hhr77dc6nti4bh6iypxlubr6a3z2y
[1] GET: /bookmark/tom/bafyreig7zhcdr2p5tceulzzi4da3rdt6z23d7bdyyvu2exadsrwridfkre
[1] GET: /bookmark/tom/bafyreig676dzyksqmssk4moj2hc5syg4uac6zbhcm4jdt2svjc2rjtbypy

Calls to /bookmark/tom/<CID> in the posts feed are not required. When you fetch posts (/content?sort=NEW&offset=0&limit=10&bookmarker=tom), it contains a bookmarked flag (See example response: https://github.com/capsulesocial/capsule-orbit/blob/main/docs/content.md#response-1) which indicates whether or not a the post has been bookmarked by the logged-in user (aka bookmarker in the query parameter).

[Bug] Lengthy tags break the UI

Well it's self describable :)

Screenshot 2021-09-06 at 13 15 05

Screenshot 2021-09-06 at 13 15 39

Screenshot 2021-09-06 at 13 19 04


  1. We should decide on an upper tag character limit
  2. We should also amend the UI so that it doesn't break up to that upper character limit.

Need to wrap the word

Screenshot from 2021-09-23 00-30-06

Screenshot from 2021-09-23 00-45-03

I tried entering a random long word and it seems it is going out of the containing element as you can see in the screenshot above.

[Bug] Default avatars are not showing up

There is an issue with the the new default avatar pictures, they are not in the img folder, (where for example the category pictures are) and as a result they are broken on the test-node.

Screenshot 2021-09-16 at 12 38 02

Add REPOST to frontend

Move repost button from share dropdown to main card

Expected start date: 21.09.2021
Expected Completion date: 22.09.2021

[Feature] Add an "advanced" settings section with the ability to choose a "preferred" node

It would be great to give the ability to the user to choose his own capsule-orbit node. We can do that by adding an "advanced" settings tab, where there will be a text field that can be filled with your preferred node URL. That URL will be stored in the $store, where it will be picked up by the "backend" on load.

  • Changing the preferred node URL should trigger a refresh of the page
  • We should make sure that the node URL is a valid URL.
  • If the $store variable is empty, the backend will automatically use the test-node url

[Bug] Profile isn't updated in store when the profile is updated from another instance

We store profile data in the app's store. In some places we retrieve the profile from the store and in others we retrieve the profile through IPFS.

So when the profile is updated from another instance of the app, there are some places that have the profile kept the same as before and others that the profile is updated.

Possible Solution:

Whenever a profile is needed, retrieve it from the store but also, make an async call to ipfs and update it if there is a change.

Bookmark a post

Implement the bookmarks feature on the frontend. The action on a Post must be implemented and also fetching bookmarks of a user to display on a profile page

Estimated start date: Oct 18
Estimated completion date: Oct 22

Duplicate posts on Profile page

Duplicate posts are shown when you visit someone's profile. This goes away on page-refresh.

Screenshot 2021-10-01 at 6 08 17 PM

To replicate, you can simply try to visit someone's profile from your feed.
Note: This same issue was also found in Categories.

Screen.Recording.2021-10-01.at.6.03.52.PM.mov

@jackdishman Do you mind taking a look?

Duplicate key error while scrolling on home page

Something's wrong with pagination in frontend.

I tried to scroll on home page when I got these errors. Happens only on local deployment (commit 053829c), and not on test-node, so I am guessing some latest un-deployed commits have this issue. I can't seem to figure out what's wrong.

Screenshot 2021-09-23 at 1 22 27 PM

Quill Editor

Remove old Text editor and replace with Quill

Start date: Oct 12
Estimated completion date: Oct 18

Settings dropdown is partially covered in the Profile page

In the profile page, the settings dropdown is sent to the background, unlike other pages, where the settings dropdown is above all screens. I am guessing the z-index needs to be updated?

Screenshot 2021-10-19 at 10 35 19 AM

Settings dropdown in the profile page

Screenshot 2021-10-19 at 10 35 07 AM

Settings dropdown in the home feed

Pagination for infinite scroll

For pagination on feeds to get posts including

  • homepage
  • tag subpages
  • category subpages
  • profile pages (posts, reposts, bookmarks, comments)
  • Lists: followers, following

[Bug] Close button on article view has unexpected behaviour when there is no history stack before

The X button tries to pop the last entry from the history stack to navigate to. When the article is accessed through the app, the X button behaves as expected.

When an article is loaded directly from the link (either through opening it on a new tab or by opening a new tab and pasting the link), things can get unexpected. Either the X button won't lead anywhere (because there is no history to pop) or it will open the new tab page (because that was the last history entry).

Screenshot 2021-09-03 at 20 50 57

Expected behaviour:

Only navigate to a history entry if it is a capsule.social entry. In any other case, if the previous history entry is not capsule.social, navigate to home.

Make connection to NEAR network configurable

Create a config file so that connection to smart contract on NEAR network is easily switch-able, similar to: https://github.com/near/create-near-app/blob/master/templates/vanilla/src/config.js

Prioritised due to recent incidents on testnet due to which it was down on 16th Sept, 2021: https://status.nearprotocol.com/

Dependencies: deploy capsule-near smart contract on desired networks of NEAR

Estimated start date: 22nd September, 2021
Estimated completion date: 22nd September, 2021

Avatar doesn't get automatically updated on Profile page

When I update my avatar in settings page, the avatar on that page and on the home page gets automatically updated once my NEAR profile is successfully set. However, if I go to my profile the avatar doesn't get updated until I hit the refresh button.

I suppose it has got something to do with caching, but I am not too sure.

Do not send keys to / retrieve keys from capsule-server

Presently, we send encrypted content signing key and encrypted NEAR access key to capsule-server on registration. In order to eliminate capsule-server, we must stop sending these keys to capsule-server.

Store NEAR access key in localStorage instead. Do not remove it from localStorage after a user logs out.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.