Skip to content

Conversation

RileyAbr
Copy link
Member

@RileyAbr RileyAbr commented Nov 5, 2021

This PR updates the Wally registry website to upgrade how packages can be searched. This update features a new search bar (powered by react-select) that enables users to search through packages without leaving whatever page they are on. It consists of a search box, drop-down menu of options, and removes the necessity to navigate to a separate search results page.

This update also fixes the search bar's sizing issues on mobile devices.

Closes #51

@RileyAbr RileyAbr added the registry website This issue is related to the registry website label Nov 5, 2021
@RileyAbr RileyAbr self-assigned this Nov 5, 2021
@RileyAbr RileyAbr merged commit e5e4e57 into test Nov 5, 2021
@RileyAbr RileyAbr deleted the wall-frontend-search-updates branch November 5, 2021 21:22
RileyAbr added a commit that referenced this pull request Nov 5, 2021
* First iteration of wally registry front-end (#31)

* Remove static from dockerignore

* Add attribution transparency to Footer

* Add package-metadata endpoint

* Add search endpoint and command

* Add rest of search endpoint changes (oops)

* Add CORS response header

* Translate tantivy doc result into a more normal format

* Return sorted versions and handle package index more cleanly

* Integrate Wally backend Api (#47)

* Delete glyph.svg

* Update packages

* Add copy icon

* Route Search and Package pages

* Update theme.css

* Update packageMocks data

* Make Code component easier to read

* Reimplement Package oriented pages

* Generate icon font files

* Update Package copy button to support longer names

* Update PackageTag to support modular options across pages

* Add Realm tag to Package Metadata

* Modify PackageTag display name

* Style links to exterior sites on Package page

* Add capitalize string manipulation function

* Shift homepage to new hand-picked popular packages

* Rewrite PackageTag to support indivisible spacer elements

* Add a few more popular packages

* Integrate Wally backend repo API

* Update Package page to use Wally api

* Update Search page to use Wally api

* Clean up testing functions

* Clean out redundant code snippets

* Shift frequently used Wally interfaces to central file

* Create utils folder for one-off helper functions

* Add doc comments to Wally Api functions

* Remove metadata field that isn't implemented in the Api yet

* Fill out better mock-ups of popular Wally packages

* Visual tweaks on the PackageTag presentation

* Wall frontend search updates (#50)

* Add Wally Api error handling across Package and Search pages

* De-chonk several pages for mobile responsiveness

* Wally frontend search updates (#53)

* Add Wally Api error handling across Package and Search pages

* De-chonk several pages for mobile responsiveness

* Update Header search bar to adapt to small screen sizes

* Improve sizing across spectrum of mobile-tablet in-between sizes

* Integrate react-select powered nav search bar with previews

* Update Package page to refresh with new search mechanism

* Remove old-style Search components

* Remove testing timeout

* Fix media queries for the navbar with the new search

* Add custom theming to match Wally aesthetic

* Update CopyCode.tsx

Co-authored-by: magnalite <jonny@uplift.games>
magnalite added a commit that referenced this pull request Nov 10, 2021
* First iteration of wally registry front-end (#31)

* Remove static from dockerignore

* Add attribution transparency to Footer

* Add package-metadata endpoint

* Add search endpoint and command

* Add rest of search endpoint changes (oops)

* Add CORS response header

* Translate tantivy doc result into a more normal format

* Return sorted versions and handle package index more cleanly

* Optionally update index and send search query as a url query

* Integrate Wally backend Api (#47)

* Delete glyph.svg

* Update packages

* Add copy icon

* Route Search and Package pages

* Update theme.css

* Update packageMocks data

* Make Code component easier to read

* Reimplement Package oriented pages

* Generate icon font files

* Update Package copy button to support longer names

* Update PackageTag to support modular options across pages

* Add Realm tag to Package Metadata

* Modify PackageTag display name

* Style links to exterior sites on Package page

* Add capitalize string manipulation function

* Shift homepage to new hand-picked popular packages

* Rewrite PackageTag to support indivisible spacer elements

* Add a few more popular packages

* Integrate Wally backend repo API

* Update Package page to use Wally api

* Update Search page to use Wally api

* Clean up testing functions

* Clean out redundant code snippets

* Shift frequently used Wally interfaces to central file

* Create utils folder for one-off helper functions

* Add doc comments to Wally Api functions

* Remove metadata field that isn't implemented in the Api yet

* Fill out better mock-ups of popular Wally packages

* Visual tweaks on the PackageTag presentation

* Add Wally Api error handling across Package and Search pages

* De-chonk several pages for mobile responsiveness

* Wall frontend search updates (#50)

* Add Wally Api error handling across Package and Search pages

* De-chonk several pages for mobile responsiveness

* Update Header search bar to adapt to small screen sizes

* Improve sizing across spectrum of mobile-tablet in-between sizes

* Integrate react-select powered nav search bar with previews

* Update Package page to refresh with new search mechanism

* Remove old-style Search components

* Remove testing timeout

* Fix media queries for the navbar with the new search

* Add custom theming to match Wally aesthetic

* Wally frontend search updates (#53)

* Add Wally Api error handling across Package and Search pages

* De-chonk several pages for mobile responsiveness

* Update Header search bar to adapt to small screen sizes

* Improve sizing across spectrum of mobile-tablet in-between sizes

* Integrate react-select powered nav search bar with previews

* Update Package page to refresh with new search mechanism

* Remove old-style Search components

* Remove testing timeout

* Fix media queries for the navbar with the new search

* Add custom theming to match Wally aesthetic

* Update CopyCode.tsx

* Recrawl packages when a new package is published

* Update wallyApi service to pull from environment variable

* Update env variable usage

* Reapply changes from previous pr

* Apply Rust formatting oops

Co-authored-by: magnalite <jonny@uplift.games>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
registry website This issue is related to the registry website
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant