ben-miles / nomansguide Goto Github PK

The new Translator works like I'd originally planned, but it might be a bit better to have a set of buttons to allow for filtering by language (eg, only show translations from Gek, or only from Korvax, or from All) -- Similar to the category buttons on the Items view.

I started building this, but commented it out so I could get 3.0 released without additional delays. The problem that's holding me up right now is finding a way to conditionally filter by language -- my JSON data files for this are already split up by language, so the entries don't contain the name of the language itself... Probably just need to pass a second param to the filter that contains a string of the language, then I can compare that against the currently selected language from the buttons.

Bonus points for breaking these buttons out into their own SFC, so I can re-use them in the Items view.

Few TO-DOs here:

• Move GULP and all related plugins out of dependencies and into devDependencies
• Make some better GULP tasks -- EG, watch the CSS file for changes and then auto-prefix and minify it, minify JS too, etc
• Maybe consider switching the existing script tags out for their NPM counterparts

The site is broken on Safari for iOS and for MacOS. Everything seems to be loading, except for the items JSON data, which is presently being loaded into custom.js via Import.

The 'category' property for each item in items.json is based on the Fandom Wiki, except for in some cases where it's "type" or some other metric... I'd like to sync these up with what's shown in the game's own Guide menu. This will mean making use of additional categories that I don't presently have showing. I've got the icons already made for these, but I'm not 100% sure of how this will impact the overall layout or UI for filtering by item. To get everything to fit in a reasonable space, I might need to scale them down for mobile at the very least, or use only the icons and not the text labels.

Would be nice to have a button for clearing the text inputs on Items and Translator views, instead of having to manually backspace/delete any text that has been entered. A simple "X" aligned to the right of the input should work, but see if there are any UI conventions for this mechanic in the game.

Every item's detail view shows Sources (where to find, how to craft, refine or cook), but not Uses (eg, which recipes make use of the given item). Don't need to list the full recipes (unless they can be retrieved from the existing item data programmatically), but should at least show which items make use of the currently displayed item, allowing the user to click those items and see the recipes listed under Sources there.

I owe a lot to the No Man's Sky Wiki, and I'd like to be able to link to them as often as possible -- Namely, from each Item. Toward that end, I'd like to be able to programmatically generate these links, instead of adding an additional key:value pair to every Item in my JSON data. This will entail that the IDs I use for each item match up with the IDs that they use.

Thus, this will be a two part operation:

• Ensure all Items' IDs are matched to those on the Wiki, and
• Add a programmatically-created link to the Wiki into the Item template

There've been a couple cosmetic changes since I took the current screenshot, need to get that updated -- Maybe after taking care of a couple other open issues, in case I end up making further changes.

I'd like to learn to use GitHub Actions to make use of a CI/CD development process, instead of deploying manually like I am now.

It might be a good first step to get a current version of NoMan'sGuide on GitHub Pages to ensure compatibility and performance, or at least research more.

Would be nice to access data for items directly -- EG, nomansguide.dev/copper loads item data for Copper.

I'm considering looking into a plugin like https://vue-meta.nuxtjs.org/ or https://github.com/ktquez/vue-head to handle updating the meta tags for different views.

Would be nice to be able to use the browser's "back" button to navigate back through previous states/views.

On my local dev environment, I can enter a full URL in the address bar and be routed directly to the corresponding view -- EG, opening a new tab and entering nomansguide.test/items/activated_indium takes me directly to the Activated Indium item view. But this is not the case for my deployment on GitHub Pages. The same url as above (using nomansguide.dev instead of .test) gets me a GitHub-branded 404 page.

After updating the Items JSON data to match ID's to the Fandom Wiki, several Item images won't load due to a slightly different name.

It would probably be wise to update the casing on these filenames, but at least for now, it doesn't matter.

What does matter is the inclusion of hyphens and apostrophes in these filenames, which is new.

These are the items whose filenames need to be updated most urgently:

• Cyto-Phosphate
• Dawn's_End
• Di-hydrogen
• Di-hydrogen_Jelly
• Frigate_Fuel_(50_Tonnes)
• Frigate_Fuel_(100_Tonnes)
• Frigate_Fuel_(200_Tonnes)
• Magno-Gold
• Vy'keen_Effigy
• Vy'keen_Dagger
• Vy'keen_Tablet

Several items are missing from the data, and probably more not listed here:

• amino chamber
• ammonia
• anomaly detector
• chloride lattice (obsolete/removed)
• chlorine
• remembrance
• nanite cluster
• rusted metal
• salvaged data
• starshield battery
• starship launch fuel
• storm crystal
• tritium hypercluster
• gelatinous membrane
• vile spawn
• flesh rope
• radiant shard
• inverted mirror
• hyaline brain
• everything in the buildable tech category
• any other titan worm items
• other sentinel tech items
• other cooking/ingredients items

Right now, I'm using the "Standalone Script" implementation of Vue 2. Instead, I'd like to be using Vue 3 and Single File Components (SFCs). This will give me an opportunity to learn more about the current version of Vue, as well as the SFC dev process.

Might be helpful to new players to have a (closable?) note, explaining that all of NMS' alien languages have completely different words based on capitalization.

Would be nice to spruce up the README, especially now that I've joined the NMSCD group.

Some CSS fails to display properly on Safari for iOS and MacOS -- Namely, the drawer element does not blur the elements beneath it as it does on Chrome, and also the currently loaded item displays above/in front of the drawer.

In addition to fixing these two specific issues, it would be a good idea to find a viable long-term solution to automatically including all necessary vendor prefixes for Safari (and probably for other older/non-Chrome browsers, too).

Would be nice to have a little more info about the app, accessible from somewhere within. Could be its own discrete section, or maybe just a tiny notice in the footer. Include new info about CC license.

Would also like a way for users to give feedback, like some sort of contact form. At the very least, a link to this GitHub repo.

When going to the Items or Translator view, it would be nice if the text input field was automatically focused, so the user can just begin typing the name of the item they're looking for.

When scrolled to the bottom, the last row of items in the item drawer are partially cut off, or unable to be fully scrolled into the viewport. Seen on Chrome for Android and Safari for iOS. Maybe add some padding-bottom to the drawer to compensate for mobile UI limiting the ability.

A useful feature to add would be language translation. Essentially, this would be a single text input that filters a list of all known words. The user would enter a word in any of the alien languages, and the list would filter to only those words that match the pattern, including (perhaps with extra visual emphasis on) the English translation of that word.

Something is a bit off about the browser history, or maybe the page titles that are getting saved in those browser history items... Clicking 'back', or long-pressing on 'back' and choosing a specific history item, seems to take you to the correct view -- But they have the wrong page title. For example:

1. User goes directly to home view via root URL -- Long-press on back button shows only "new tab"
2. User navigates to Items view -- Long-press on back button shows "Items", then "new tab" -- but the "Items" entry takes you back to home
3. User navigates to "Activated Indium" -- Long-press on back button shows "Activated Indium", "Items", "new tab". Again, clicking any of these takes you back the appropriate number of steps, but the page titles shown seems to be getting overwritten each time a view loads.

Didn't catch it till after the last PR; but small item buttons on the Item View aren't displaying properly. Under "Uses," if they are singular, they span the full width of the column, and if they are 2+, they will not wrap to a second line.

At first glance, this can be fixed by replacing the flex-grow: 1; rule with flex-basis: content;, but I want to investigate that a bit further, as well as possibly restyling these to look more like the current state of the game, if possible.