Coder Social home page Coder Social logo

new.blishhud.com's People

Contributors

dlamkins avatar

Watchers

 avatar

new.blishhud.com's Issues

Redirect old pathing documentation

The existing pathing documentation found at https://blishhud.com/docs/markers/ will be moved to its own site. It doesn't make sense that one random module has its entire documentation showcased on the main site (even if it is the largest module). We'll be moving that documentation to its own site and then need to add redirects for the old URLs to point to it so that users don't end up completely lost.

URLs will need to also be updated:

  • In YouTube video descriptions (Blish HUD + Null's).
  • GitHub pages (Blish HUD pathing + Null's).
  • In Blish HUD shortlinks.

The new wiki site needs to go live first before we can begin pointing things over.

  • Domain purchased (gw2pathing.wiki).
  • New wiki hosted.
  • New wiki populated.

Add image models for images in troubleshooting guides and the module pages.

Currently clicking an image in the troubleshooting guides does not do anything. On some pages, like the module pages, clicking on an image can result in opening the direct link to the image which is seldom, if ever, the desired behavior.

For module pages, at a minimum, we should be showing larger versions of the image to allow users to inspect the images that does not redirect away from the page and instead show it in a model window.

Module pages instead of routing with query string

Currently module pages are loaded via querystring by namespace. Currently:

/modules/?namespace=module.namespace

Would be nicer if they got their own page:

/modules/module.namespace

I'm not sure how easy this is to do with Docusaurus' routing.

Make author and module info sticky

Consider making the side cards for module and author info "sticky" so that they move as you scroll down the module's profile details.

DateTime formats are nasty.

Example:
image
image

Dates should be shown in a nice localized shortdate format. Only showing the time where applicable (or likely just in a tooltip).

json requests are made multiple times

Currently requests to /modules/ appear to spawn multiple requests to our external json blobs. The state information is triggering the useEffect when I do not expect it to. I currently am retriggering it because there were issues with loading the page when navigating between /modules/ and /modules/?namespace= since the page itself wasn't actually reloading.

Simply a lack of React experience on my part here to determine the best path forward.

Partially auto-generate module docs

Module docs for controls could be auto-generated in part by the source itself.

It would be good to have it exported in some kind of json blob or otherwise that we can then load in with a react component that helps to standardize the majority of the content and auto-populate details while leaving some room for manual descriptions, remarks, tips, etc.

Review module display format on mobile

While not a priority, some mobile devices become too skinny to properly show the module tiles.

image

We should display the module icons a different way when the tile becomes skinny enough to warrant it. Likely including it in the header of the tile and then transitioning to tile to be shown more vertical.

Show contributors

Consider showing contributors to modules.

This will require some effort on the SSRD side to pull those users, and since they are semi-free-form in the manifest, we may not be able to easily pull avatar graphics for them.

Enable sort dropdown

In modules.js there is a dropdown that is currently hidden. When porting from blazor to React I was unsure of the best way to implement the sort feature. It should be added back as the default sort is arbitrary and based on the order generated by SSRD.

Revise react loading screens

When loading external content for /modules/ etc. we currently show a big hero "Loading..." and also a "Wait..." with no formatting around it.

We should not jump the page layout like this and instead show the full layout with either:

  1. A centered gw2 loading spinner and message.
  2. A blank space

The latter will cause the page to jump less.

Metadata and title info is static

Site metadata and title info isn't updated for module pages like it probably should. We need to determine how well we want those pages indexed. If well, we likely need to have something return additional metadata so that it displays nicely in Google and in previews in Discord, etc.

Additionally, title bar just shows "Blish HUD" instead of perhaps the module name or something.

Show additional download data

Currently, we only show the download count of the very latest release. This is not always representative as recent releases can make this number very small.

We should likely include a "total" downloads indicator or some sort of an average number of downloads per release to better convey the download count in addition to the per-release download count.

We may also wish to embed charts from dashboards.blishud.com onto the page.

Allow for multiple authors to show

Modules can list multiple contributors. We currently credit the author as being the owner of the module in SSRD, but this is not always the case when there are multiple major contributors.

Consider sourcing multiple contributors in a different way.

Improve download stats embed

It would look nicer if the redash embeds went all the way to the edge of the card and if we somehow used a dark mode. The hight is also kind of a random guess.

Perhaps Redash has an API that we can query this data from to give us better control in displaying it.

image

Example embed URL:
https://dashboards.blishhud.com/embed/query/21/visualization/32?api_key=WgbLIl20YAQQvaGy8khDWnCQSJ3dRt3loEJ1boip&p_$module_namespaces=${namespace}&p_RelativeDaysSince=15&hide_parameters=true&hide_header=true&hide_link=true

Outdated home page download button

The home page displays a download button with the current version number.

image

This button should dynamically show the current version and link directly to the release file. Right now it requires manual updates anytime there is a new release.

Website starts in light mode.

For a brief moment, before the js runs, it appears that the site is shown in light mode before suddenly switching the dark mode. We want it to be in dark mode at all times.

Currently we are forcing dark mode in the docusaurus.config.js:

colorMode: {
        defaultMode: "dark",
        disableSwitch: true,
        respectPrefersColorScheme: false
      },

Indicate when module release is a prerelease.

Currently, we don't show module prereleases for a module unless the module only has a prerelease available. We might want to reconsider how / when this is shown, but if we have a prerelease version, we need to indicate that it is a prerelease version regardless of why we are showing it.

Consider smaller module images

If module images remain too abstract, it may be best to make them show smaller.

Current repo references are:
https://ficsit.app/mods?p=1 (4 are visible at 1080p with good big image and semi-short description)
https://www.curseforge.com/minecraft/mc-mods (4 are visible at 1080p but with small icons and very short descriptions)
https://www.nexusmods.com/mods/trending/ (3 are visible at 1080p)

Need to decide on the relationship between image space, space for details, and number of modules visible on screen.

Download numbers don't update

Module download counts are currently populated by the json blob that SSRD generates when a module is updated in SSRD. That means that the download count is immediately outdated. We need a different source to pull the live download count from.

Module page needs support for paging

Currently, we are pulling module details from a staticly hosted blob generated by SSRD.

As more modules are added to the repo, we need to transition to not storing it all in a single blob to allow for paging. This will require changes on the SSRD side as well.

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.