Giter Club home page Giter Club logo

satisfactorymodding / smr-frontend Goto Github PK

View Code? Open in Web Editor NEW
5.0 5.0 19.0 101.6 MB

Next generation Satisfactory Modding Repository (SMR) frontend

Home Page: https://satisfactorymodding.github.io/smr-frontend/main/

License: GNU General Public License v3.0

JavaScript 2.08% Shell 0.83% HTML 0.15% TypeScript 15.28% Svelte 79.31% CSS 1.70% Dockerfile 0.30% SCSS 0.14% Nix 0.23%
satisfactory modding smr ficsit svelte hacktoberfest satisfactory-game

smr-frontend's People

Contributors

aaomidi avatar ap-hunt avatar borketh avatar budak7273 avatar crowhoptech avatar feyko avatar hweeks avatar mircearoata avatar mrhid6 avatar panakotta00 avatar porisius avatar vilsol avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

smr-frontend's Issues

Production Equivalence

All tasks to do to be up to speed with current production site.

Pages

  • Admin
    • SML Version Management
    • Unapproved Mods
    • Unapproved Versions
  • API Docs
  • Guides
    • Listing
    • Creating
    • Viewing
    • Editing
    • Deletion
  • Help
    • Markdown
    • UPlugin
  • Homepage
  • Mod
    • Listing
    • Creating
    • Viewing
    • Editing
    • Deletion
  • Privacy Policy
  • Settings
  • SML Versions
  • Tools
  • Terms of Service
  • User
  • Version
    • Listing
    • Creating
    • Viewing
    • Editing
    • Deletion

Mod cards don't support ctrl-click or open in new tab

Clicking RMB on mod's icon and then clicking "Open in new tab" results in image being opened in new tab instead mod's page (see picture).
I think it should open mod page as it does when we RMB outside the icon. It's very frustrating when collecting interesting mods for further research.
image

[Feature Request] Tags for mods and search for them

I would love tags for the listed mods. My initial idea was to especially tag those mods that are safe to use because they dont add new assets to the safefile / spoils the safefile (for example SMART, it just changes the ingame behavior using the vanilla functions and assets).
That means that you could search for mods that solely change the ingame behavior for QoL but keeps the safefiles clean.

Latest version download arrow should download via the manager

if you don't support manual installation or downloading from the site then putting it in the modloader then you really need to put install button on the webbpages for the mods themselvs not just out in the search and in the version page as the only button in that page is the little download one.
Button
the one shown here. it should go to download via the modloader. right now it downloads a .smod

Compatibility graphic does not refresh when changing sort order

Based on this conversation on the discord started by DarthPorisius
https://discord.com/channels/555424930502541343/830842478956642354/1070133483042766929

To reproduce (I tested on Firefox)

  1. Go to this page: https://ficsit.app/mods?p=1
  2. Change 'Order By' to 'Last Version' or 'Creation Date' (probably doesn't have to be one of these two, but it makes the bug more visible)
  3. Flip 'Order' between 'Descending' and 'Ascending'
  4. You end up with definitely working mods showing the Incompatible overlay

image

Redesign mod/guide cards

Current cards defeat the purpose of short descriptions: an always visible piece of text. Also the fact that they slide out is unexpected and obscure other mods in the process.

[Feature Request] User-facing mod dependency list

A common feature in other mod repositories is a hyperlinked list of mod dependencies that the currently-viewed mod requires. Mod libraries, for example. I like and use this feature.

Another good, but less common feature is a list of mods the author has expressly flagged as incompatible or compatible with their own.

I have also wanted go the opposite direction: View mods which depend on this one, and view mods which are expressly compatible or incompatible with this one. However, I have not actually seen any mod repositories implement such a feature.

Explain which html tags/attrs are supported in body text

on the guide preview, I can use a combination of double enter to add new lines (2) or
for single new line.

Should add text to describe that html and markdown are both supported and specify what html tags / attrs are not supported.

Scroll position is frustrating when navigating between results page and mod detail

One thing I was hoping would be fixed when I saw the announcement of the update (but persists) is that the page scroll doesn't work like you would expect. If I am scrolled down a page, the mod detail page is scrolled down as well, requiring me to scroll up. Then I go back, and I've lost my place on the results page.

It's a classic symptom of using a SPA. At the very least, I believe the detail page should reset scroll to the top.

There is a setting under window.history.scrollRestoration which you can set to auto which may help on the results back behavior, but it just depends on how the libraries are implemented.

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.