* Updated the updates page with a combination of feature releases from
the past 6 months, combined into version 1.2.0.
* Also added new items from 2023-08 Legfest
Bad CSS made it so that scrollbars always showed up in descriptions and
the editor. I didn't see it because I am usually working on a Mac with
display scrollbars off. Anyway, it's fixed now.
https://github.com/jedmund/hensei-web/assets/383021/d18f68f4-a14a-45a8-81b1-1addb5bd6ed1
This adds an experimental GridRep feature for testing. There are
indicator bars underneath the grid preview on desktop that when hovered
over, shows the user a peek into the other views of the team.
I have qualms about this but I'm pushing it to production so that myself
and others can play with it more.
This PR implements:
* Fade-in transitions when cells load in, making navigation and loading
appear less janky.
* When scrolling, skeleton reps show up before the actual ones load in.
* Resetting filters will also reset any set inclusions or exclusions
This PR adds support for including/excluding specific items from team
filtering. Users can use the filter modal to only show teams that
include specific items, only show teams that _don't_ include specific
items, or combine the two to create a very powerful filter.
* Rich text editor and support for tagging objects (#340)
* Preliminary work around making an Element type
* Disabled Youtube code for now
* Clean description with DOMPurify
* Update GranblueElement with slug
* Add new api endpoint for searching all resources
* Add new variables and themes
* Remove fixed height on html tag for now
* Update README.md
We renamed the folders for character images from `chara-` to `character-`
* Add no results string
* Add tiptap and associated packages
* Update .gitignore
* Update components that use character images
* Add Editor component
This commit adds the bulk of the code for our new rich-text editor. The Editor component will be used to edit and display rich text via Tiptap.
* Add mention components
This adds the code required for us to mention objects in rich text fields like team descriptions.
The mentionSuggestion util fetches data from the server and serves it to MentionList for the user to select, then inserts it into the Editor as a token.
* Implements Editor in edit team and team footer
This implements the Editor component in EditPartyModal and PartyFooter. In PartyFooter, it is read-only.
* Remove min-width on tokens
* Add rudimentary conversion for old descriptions
Old descriptions just translate as a blob of text, so we try to insert some paragraphs and newlines to keep things presentable and lessen the load if users decide to update
* Add support for displaying jobs in MentionList
* Handle numbers and value=0 better
* Keep description reactive
This shouldn't work? The snapshot should be the reactive one? I don't fucking know
* Send locale to api with search query
* Delete getLocale.tsx
We didn't actually use this
* Fix build errors
* Override peer dependencies for tiptap mentions
They haven't fixed the suggestion plugin, so we have to use a beta version
* Fix background-color on CharacterRep
* Tiptap updates (#343)
* Reinstantiate editor on changes
We can't dynamically update the content, so we have to recreate the Editor whenever something changes (page loads and updates)
* Fix import
@tiptap/core is different than @tiptap/react, who knew
* Added several Tiptap components
* Added a Remix icon that isn't in remixicon-react
* Add colors for highlights
* Add ToolbarButton component
This is to standardize adding Toolbar icons so it wasn't a miserable mess in the Editor file
* Add extensions and implement ToolbarButton
* Remove unused code
* Use party prop and add keys
We always want to use the party in props until the transformer work is done and our source of truth is more reliable.
Also, we are using keys to ensure that the component reloads on new page.
* Component cleanup
* Always use props.party
* Ensure content gets reset when edits are committed
Here, we do some tactical bandaid fixes to ensure that when the user saves data to the server, the editor will show the freshest data in both editable and read-only mode.
In the Editor, its as easy as calling the setContent command in a useEffect hook when the content changes.
In the party, we are saving party in a state and passing it down to the components via props. This is because the party prop we get from pages is only from the first time the server loaded data, so any edits are not reflected. The app state should have the latest updates, but due to reasons I don't completely understand, it is showing the old state first and then the one we want, causing the Editor to get stuck on old data.
By storing the party in a state, we can populate the state from the server when the component mounts, then update it whenever the user saves data since all party data is saved in that component.
* Fix build errors
* Fix icon path
* Remove duplicate binding
* Fix styles
* Update transcendence components to work with CSS modules (#350)
* Update transcendence components to use CSS modules
* Fix summon transcendence
Summon transcendence was doing something wonky. This adapts the updateUncap endpoint method to make it a little bit clearer whats going on.
* Add toolbar localizations
* Allow translation of Heading icons
* Show localized placeholder for team name
* Add placeholder extension
* Add placeholder to party description
* Ensure name modification works right
Needed a null check? for some reason?
* Small fix for some modals on mobile
This fixes the slide up animation and the end point so that modals are actually visible on mobile. Ones that scroll still don't work great.
* Fix TableField components on mobile
* Put viewport meta tag in _app
* Some fixes for scrollable dialogs on mobile
This is 100% not going to scale to devices that are not my iPhone 14 Pro Max, but I can't get env variables working in CSS and something is better than nothing for right now.
* Disable tab pages
* Update with items from July 2023 Flash Gala
### Weapons
- Beach Grynoth
- Splash Howl
### Characters
- Vaseraga (Summer)
- Enyo (Summer)
* Correct version
* Add uncap event
* Add units from the July 2023 Legfest
Characters:
* Fediel (Summer)
* Aliza (Summer)
* Claudia and Dorothy (Summer)
* Yurius (Summer)
Weapons
* Fediel Float
* Sunset Blaze
* Shine and Silence
* Tentacular Javelin
* King's Thruster
* Konbu Dashi
Summons:
* Cerberus (Summer)
* Rich text editor and support for tagging objects (#340)
* Preliminary work around making an Element type
* Disabled Youtube code for now
* Clean description with DOMPurify
* Update GranblueElement with slug
* Add new api endpoint for searching all resources
* Add new variables and themes
* Remove fixed height on html tag for now
* Update README.md
We renamed the folders for character images from `chara-` to `character-`
* Add no results string
* Add tiptap and associated packages
* Update .gitignore
* Update components that use character images
* Add Editor component
This commit adds the bulk of the code for our new rich-text editor. The Editor component will be used to edit and display rich text via Tiptap.
* Add mention components
This adds the code required for us to mention objects in rich text fields like team descriptions.
The mentionSuggestion util fetches data from the server and serves it to MentionList for the user to select, then inserts it into the Editor as a token.
* Implements Editor in edit team and team footer
This implements the Editor component in EditPartyModal and PartyFooter. In PartyFooter, it is read-only.
* Remove min-width on tokens
* Add rudimentary conversion for old descriptions
Old descriptions just translate as a blob of text, so we try to insert some paragraphs and newlines to keep things presentable and lessen the load if users decide to update
* Add support for displaying jobs in MentionList
* Handle numbers and value=0 better
* Keep description reactive
This shouldn't work? The snapshot should be the reactive one? I don't fucking know
* Send locale to api with search query
* Delete getLocale.tsx
We didn't actually use this
* Fix build errors
* Override peer dependencies for tiptap mentions
They haven't fixed the suggestion plugin, so we have to use a beta version
* Fix background-color on CharacterRep
* Tiptap updates (#343)
* Reinstantiate editor on changes
We can't dynamically update the content, so we have to recreate the Editor whenever something changes (page loads and updates)
* Fix import
@tiptap/core is different than @tiptap/react, who knew
* Added several Tiptap components
* Added a Remix icon that isn't in remixicon-react
* Add colors for highlights
* Add ToolbarButton component
This is to standardize adding Toolbar icons so it wasn't a miserable mess in the Editor file
* Add extensions and implement ToolbarButton
* Remove unused code
* Use party prop and add keys
We always want to use the party in props until the transformer work is done and our source of truth is more reliable.
Also, we are using keys to ensure that the component reloads on new page.
* Component cleanup
* Always use props.party
* Ensure content gets reset when edits are committed
Here, we do some tactical bandaid fixes to ensure that when the user saves data to the server, the editor will show the freshest data in both editable and read-only mode.
In the Editor, its as easy as calling the setContent command in a useEffect hook when the content changes.
In the party, we are saving party in a state and passing it down to the components via props. This is because the party prop we get from pages is only from the first time the server loaded data, so any edits are not reflected. The app state should have the latest updates, but due to reasons I don't completely understand, it is showing the old state first and then the one we want, causing the Editor to get stuck on old data.
By storing the party in a state, we can populate the state from the server when the component mounts, then update it whenever the user saves data since all party data is saved in that component.
* Fix build errors
* Fix icon path
* Remove duplicate binding
* Fix styles
* Update transcendence components to work with CSS modules (#350)
* Update transcendence components to use CSS modules
* Fix summon transcendence
Summon transcendence was doing something wonky. This adapts the updateUncap endpoint method to make it a little bit clearer whats going on.
* Add toolbar localizations
* Allow translation of Heading icons
* Show localized placeholder for team name
* Add placeholder extension
* Add placeholder to party description
* Ensure name modification works right
Needed a null check? for some reason?
* Small fix for some modals on mobile
This fixes the slide up animation and the end point so that modals are actually visible on mobile. Ones that scroll still don't work great.
* Fix TableField components on mobile
* Put viewport meta tag in _app
* Some fixes for scrollable dialogs on mobile
This is 100% not going to scale to devices that are not my iPhone 14 Pro Max, but I can't get env variables working in CSS and something is better than nothing for right now.
* Disable tab pages
* Update with items from July 2023 Flash Gala
### Weapons
- Beach Grynoth
- Splash Howl
### Characters
- Vaseraga (Summer)
- Enyo (Summer)
* Correct version
* Add uncap event
* Rich text editor and support for tagging objects (#340)
* Preliminary work around making an Element type
* Disabled Youtube code for now
* Clean description with DOMPurify
* Update GranblueElement with slug
* Add new api endpoint for searching all resources
* Add new variables and themes
* Remove fixed height on html tag for now
* Update README.md
We renamed the folders for character images from `chara-` to `character-`
* Add no results string
* Add tiptap and associated packages
* Update .gitignore
* Update components that use character images
* Add Editor component
This commit adds the bulk of the code for our new rich-text editor. The Editor component will be used to edit and display rich text via Tiptap.
* Add mention components
This adds the code required for us to mention objects in rich text fields like team descriptions.
The mentionSuggestion util fetches data from the server and serves it to MentionList for the user to select, then inserts it into the Editor as a token.
* Implements Editor in edit team and team footer
This implements the Editor component in EditPartyModal and PartyFooter. In PartyFooter, it is read-only.
* Remove min-width on tokens
* Add rudimentary conversion for old descriptions
Old descriptions just translate as a blob of text, so we try to insert some paragraphs and newlines to keep things presentable and lessen the load if users decide to update
* Add support for displaying jobs in MentionList
* Handle numbers and value=0 better
* Keep description reactive
This shouldn't work? The snapshot should be the reactive one? I don't fucking know
* Send locale to api with search query
* Delete getLocale.tsx
We didn't actually use this
* Fix build errors
* Override peer dependencies for tiptap mentions
They haven't fixed the suggestion plugin, so we have to use a beta version
* Fix background-color on CharacterRep
* Tiptap updates (#343)
* Reinstantiate editor on changes
We can't dynamically update the content, so we have to recreate the Editor whenever something changes (page loads and updates)
* Fix import
@tiptap/core is different than @tiptap/react, who knew
* Added several Tiptap components
* Added a Remix icon that isn't in remixicon-react
* Add colors for highlights
* Add ToolbarButton component
This is to standardize adding Toolbar icons so it wasn't a miserable mess in the Editor file
* Add extensions and implement ToolbarButton
* Remove unused code
* Use party prop and add keys
We always want to use the party in props until the transformer work is done and our source of truth is more reliable.
Also, we are using keys to ensure that the component reloads on new page.
* Component cleanup
* Always use props.party
* Ensure content gets reset when edits are committed
Here, we do some tactical bandaid fixes to ensure that when the user saves data to the server, the editor will show the freshest data in both editable and read-only mode.
In the Editor, its as easy as calling the setContent command in a useEffect hook when the content changes.
In the party, we are saving party in a state and passing it down to the components via props. This is because the party prop we get from pages is only from the first time the server loaded data, so any edits are not reflected. The app state should have the latest updates, but due to reasons I don't completely understand, it is showing the old state first and then the one we want, causing the Editor to get stuck on old data.
By storing the party in a state, we can populate the state from the server when the component mounts, then update it whenever the user saves data since all party data is saved in that component.
* Fix build errors
* Fix icon path
* Remove duplicate binding
* Fix styles
* Update transcendence components to work with CSS modules (#350)
* Update transcendence components to use CSS modules
* Fix summon transcendence
Summon transcendence was doing something wonky. This adapts the updateUncap endpoint method to make it a little bit clearer whats going on.
* Add toolbar localizations
* Allow translation of Heading icons
* Show localized placeholder for team name
* Add placeholder extension
* Add placeholder to party description
* Ensure name modification works right
Needed a null check? for some reason?
* Small fix for some modals on mobile
This fixes the slide up animation and the end point so that modals are actually visible on mobile. Ones that scroll still don't work great.
* Fix TableField components on mobile
* Put viewport meta tag in _app
* Some fixes for scrollable dialogs on mobile
This is 100% not going to scale to devices that are not my iPhone 14 Pro Max, but I can't get env variables working in CSS and something is better than nothing for right now.
* Disable tab pages
* Rich text editor and support for tagging objects (#340)
* Preliminary work around making an Element type
* Disabled Youtube code for now
* Clean description with DOMPurify
* Update GranblueElement with slug
* Add new api endpoint for searching all resources
* Add new variables and themes
* Remove fixed height on html tag for now
* Update README.md
We renamed the folders for character images from `chara-` to `character-`
* Add no results string
* Add tiptap and associated packages
* Update .gitignore
* Update components that use character images
* Add Editor component
This commit adds the bulk of the code for our new rich-text editor. The Editor component will be used to edit and display rich text via Tiptap.
* Add mention components
This adds the code required for us to mention objects in rich text fields like team descriptions.
The mentionSuggestion util fetches data from the server and serves it to MentionList for the user to select, then inserts it into the Editor as a token.
* Implements Editor in edit team and team footer
This implements the Editor component in EditPartyModal and PartyFooter. In PartyFooter, it is read-only.
* Remove min-width on tokens
* Add rudimentary conversion for old descriptions
Old descriptions just translate as a blob of text, so we try to insert some paragraphs and newlines to keep things presentable and lessen the load if users decide to update
* Add support for displaying jobs in MentionList
* Handle numbers and value=0 better
* Keep description reactive
This shouldn't work? The snapshot should be the reactive one? I don't fucking know
* Send locale to api with search query
* Delete getLocale.tsx
We didn't actually use this
* Fix build errors
* Override peer dependencies for tiptap mentions
They haven't fixed the suggestion plugin, so we have to use a beta version
* Fix background-color on CharacterRep
* Tiptap updates (#343)
* Reinstantiate editor on changes
We can't dynamically update the content, so we have to recreate the Editor whenever something changes (page loads and updates)
* Fix import
@tiptap/core is different than @tiptap/react, who knew
* Added several Tiptap components
* Added a Remix icon that isn't in remixicon-react
* Add colors for highlights
* Add ToolbarButton component
This is to standardize adding Toolbar icons so it wasn't a miserable mess in the Editor file
* Add extensions and implement ToolbarButton
* Remove unused code
* Use party prop and add keys
We always want to use the party in props until the transformer work is done and our source of truth is more reliable.
Also, we are using keys to ensure that the component reloads on new page.
* Component cleanup
* Always use props.party
* Ensure content gets reset when edits are committed
Here, we do some tactical bandaid fixes to ensure that when the user saves data to the server, the editor will show the freshest data in both editable and read-only mode.
In the Editor, its as easy as calling the setContent command in a useEffect hook when the content changes.
In the party, we are saving party in a state and passing it down to the components via props. This is because the party prop we get from pages is only from the first time the server loaded data, so any edits are not reflected. The app state should have the latest updates, but due to reasons I don't completely understand, it is showing the old state first and then the one we want, causing the Editor to get stuck on old data.
By storing the party in a state, we can populate the state from the server when the component mounts, then update it whenever the user saves data since all party data is saved in that component.
* Fix build errors
* Fix icon path
* Remove duplicate binding
* Fix styles
* Update transcendence components to work with CSS modules (#350)
* Update transcendence components to use CSS modules
* Fix summon transcendence
Summon transcendence was doing something wonky. This adapts the updateUncap endpoint method to make it a little bit clearer whats going on.
* Add toolbar localizations
* Allow translation of Heading icons
* Show localized placeholder for team name
* Add placeholder extension
* Add placeholder to party description
* Ensure name modification works right
Needed a null check? for some reason?
* Small fix for some modals on mobile
This fixes the slide up animation and the end point so that modals are actually visible on mobile. Ones that scroll still don't work great.
* Fix TableField components on mobile
* Put viewport meta tag in _app
* Some fixes for scrollable dialogs on mobile
This is 100% not going to scale to devices that are not my iPhone 14 Pro Max, but I can't get env variables working in CSS and something is better than nothing for right now.
* Rich text editor and support for tagging objects (#340)
* Preliminary work around making an Element type
* Disabled Youtube code for now
* Clean description with DOMPurify
* Update GranblueElement with slug
* Add new api endpoint for searching all resources
* Add new variables and themes
* Remove fixed height on html tag for now
* Update README.md
We renamed the folders for character images from `chara-` to `character-`
* Add no results string
* Add tiptap and associated packages
* Update .gitignore
* Update components that use character images
* Add Editor component
This commit adds the bulk of the code for our new rich-text editor. The Editor component will be used to edit and display rich text via Tiptap.
* Add mention components
This adds the code required for us to mention objects in rich text fields like team descriptions.
The mentionSuggestion util fetches data from the server and serves it to MentionList for the user to select, then inserts it into the Editor as a token.
* Implements Editor in edit team and team footer
This implements the Editor component in EditPartyModal and PartyFooter. In PartyFooter, it is read-only.
* Remove min-width on tokens
* Add rudimentary conversion for old descriptions
Old descriptions just translate as a blob of text, so we try to insert some paragraphs and newlines to keep things presentable and lessen the load if users decide to update
* Add support for displaying jobs in MentionList
* Handle numbers and value=0 better
* Keep description reactive
This shouldn't work? The snapshot should be the reactive one? I don't fucking know
* Send locale to api with search query
* Delete getLocale.tsx
We didn't actually use this
* Fix build errors
* Override peer dependencies for tiptap mentions
They haven't fixed the suggestion plugin, so we have to use a beta version
* Fix background-color on CharacterRep
* Tiptap updates (#343)
* Reinstantiate editor on changes
We can't dynamically update the content, so we have to recreate the Editor whenever something changes (page loads and updates)
* Fix import
@tiptap/core is different than @tiptap/react, who knew
* Added several Tiptap components
* Added a Remix icon that isn't in remixicon-react
* Add colors for highlights
* Add ToolbarButton component
This is to standardize adding Toolbar icons so it wasn't a miserable mess in the Editor file
* Add extensions and implement ToolbarButton
* Remove unused code
* Use party prop and add keys
We always want to use the party in props until the transformer work is done and our source of truth is more reliable.
Also, we are using keys to ensure that the component reloads on new page.
* Component cleanup
* Always use props.party
* Ensure content gets reset when edits are committed
Here, we do some tactical bandaid fixes to ensure that when the user saves data to the server, the editor will show the freshest data in both editable and read-only mode.
In the Editor, its as easy as calling the setContent command in a useEffect hook when the content changes.
In the party, we are saving party in a state and passing it down to the components via props. This is because the party prop we get from pages is only from the first time the server loaded data, so any edits are not reflected. The app state should have the latest updates, but due to reasons I don't completely understand, it is showing the old state first and then the one we want, causing the Editor to get stuck on old data.
By storing the party in a state, we can populate the state from the server when the component mounts, then update it whenever the user saves data since all party data is saved in that component.
* Fix build errors
* Fix icon path
* Remove duplicate binding
* Fix styles
* Update transcendence components to work with CSS modules (#350)
* Update transcendence components to use CSS modules
* Fix summon transcendence
Summon transcendence was doing something wonky. This adapts the updateUncap endpoint method to make it a little bit clearer whats going on.
* Add toolbar localizations
* Allow translation of Heading icons
* Show localized placeholder for team name
* Add placeholder extension
* Add placeholder to party description
* Ensure name modification works right
Needed a null check? for some reason?
* Rich text editor and support for tagging objects (#340)
* Preliminary work around making an Element type
* Disabled Youtube code for now
* Clean description with DOMPurify
* Update GranblueElement with slug
* Add new api endpoint for searching all resources
* Add new variables and themes
* Remove fixed height on html tag for now
* Update README.md
We renamed the folders for character images from `chara-` to `character-`
* Add no results string
* Add tiptap and associated packages
* Update .gitignore
* Update components that use character images
* Add Editor component
This commit adds the bulk of the code for our new rich-text editor. The Editor component will be used to edit and display rich text via Tiptap.
* Add mention components
This adds the code required for us to mention objects in rich text fields like team descriptions.
The mentionSuggestion util fetches data from the server and serves it to MentionList for the user to select, then inserts it into the Editor as a token.
* Implements Editor in edit team and team footer
This implements the Editor component in EditPartyModal and PartyFooter. In PartyFooter, it is read-only.
* Remove min-width on tokens
* Add rudimentary conversion for old descriptions
Old descriptions just translate as a blob of text, so we try to insert some paragraphs and newlines to keep things presentable and lessen the load if users decide to update
* Add support for displaying jobs in MentionList
* Handle numbers and value=0 better
* Keep description reactive
This shouldn't work? The snapshot should be the reactive one? I don't fucking know
* Send locale to api with search query
* Delete getLocale.tsx
We didn't actually use this
* Fix build errors
* Override peer dependencies for tiptap mentions
They haven't fixed the suggestion plugin, so we have to use a beta version
* Fix background-color on CharacterRep
* Tiptap updates (#343)
* Reinstantiate editor on changes
We can't dynamically update the content, so we have to recreate the Editor whenever something changes (page loads and updates)
* Fix import
@tiptap/core is different than @tiptap/react, who knew
* Added several Tiptap components
* Added a Remix icon that isn't in remixicon-react
* Add colors for highlights
* Add ToolbarButton component
This is to standardize adding Toolbar icons so it wasn't a miserable mess in the Editor file
* Add extensions and implement ToolbarButton
* Remove unused code
* Use party prop and add keys
We always want to use the party in props until the transformer work is done and our source of truth is more reliable.
Also, we are using keys to ensure that the component reloads on new page.
* Component cleanup
* Always use props.party
* Ensure content gets reset when edits are committed
Here, we do some tactical bandaid fixes to ensure that when the user saves data to the server, the editor will show the freshest data in both editable and read-only mode.
In the Editor, its as easy as calling the setContent command in a useEffect hook when the content changes.
In the party, we are saving party in a state and passing it down to the components via props. This is because the party prop we get from pages is only from the first time the server loaded data, so any edits are not reflected. The app state should have the latest updates, but due to reasons I don't completely understand, it is showing the old state first and then the one we want, causing the Editor to get stuck on old data.
By storing the party in a state, we can populate the state from the server when the component mounts, then update it whenever the user saves data since all party data is saved in that component.
* Fix build errors
* Fix icon path
* Remove duplicate binding
* Fix styles
* Rich text editor and support for tagging objects (#340)
* Preliminary work around making an Element type
* Disabled Youtube code for now
* Clean description with DOMPurify
* Update GranblueElement with slug
* Add new api endpoint for searching all resources
* Add new variables and themes
* Remove fixed height on html tag for now
* Update README.md
We renamed the folders for character images from `chara-` to `character-`
* Add no results string
* Add tiptap and associated packages
* Update .gitignore
* Update components that use character images
* Add Editor component
This commit adds the bulk of the code for our new rich-text editor. The Editor component will be used to edit and display rich text via Tiptap.
* Add mention components
This adds the code required for us to mention objects in rich text fields like team descriptions.
The mentionSuggestion util fetches data from the server and serves it to MentionList for the user to select, then inserts it into the Editor as a token.
* Implements Editor in edit team and team footer
This implements the Editor component in EditPartyModal and PartyFooter. In PartyFooter, it is read-only.
* Remove min-width on tokens
* Add rudimentary conversion for old descriptions
Old descriptions just translate as a blob of text, so we try to insert some paragraphs and newlines to keep things presentable and lessen the load if users decide to update
* Add support for displaying jobs in MentionList
* Handle numbers and value=0 better
* Keep description reactive
This shouldn't work? The snapshot should be the reactive one? I don't fucking know
* Send locale to api with search query
* Delete getLocale.tsx
We didn't actually use this
* Fix build errors
* Override peer dependencies for tiptap mentions
They haven't fixed the suggestion plugin, so we have to use a beta version
* Fix background-color on CharacterRep
* Tiptap updates (#343)
* Reinstantiate editor on changes
We can't dynamically update the content, so we have to recreate the Editor whenever something changes (page loads and updates)
* Fix import
@tiptap/core is different than @tiptap/react, who knew
* Added several Tiptap components
* Added a Remix icon that isn't in remixicon-react
* Add colors for highlights
* Add ToolbarButton component
This is to standardize adding Toolbar icons so it wasn't a miserable mess in the Editor file
* Add extensions and implement ToolbarButton
* Remove unused code
* Use party prop and add keys
We always want to use the party in props until the transformer work is done and our source of truth is more reliable.
Also, we are using keys to ensure that the component reloads on new page.
* Component cleanup
* Always use props.party
* Ensure content gets reset when edits are committed
Here, we do some tactical bandaid fixes to ensure that when the user saves data to the server, the editor will show the freshest data in both editable and read-only mode.
In the Editor, its as easy as calling the setContent command in a useEffect hook when the content changes.
In the party, we are saving party in a state and passing it down to the components via props. This is because the party prop we get from pages is only from the first time the server loaded data, so any edits are not reflected. The app state should have the latest updates, but due to reasons I don't completely understand, it is showing the old state first and then the one we want, causing the Editor to get stuck on old data.
By storing the party in a state, we can populate the state from the server when the component mounts, then update it whenever the user saves data since all party data is saved in that component.
* Fix build errors
* Fix icon path
* Remove duplicate binding
* Rich text editor and support for tagging objects (#340)
* Preliminary work around making an Element type
* Disabled Youtube code for now
* Clean description with DOMPurify
* Update GranblueElement with slug
* Add new api endpoint for searching all resources
* Add new variables and themes
* Remove fixed height on html tag for now
* Update README.md
We renamed the folders for character images from `chara-` to `character-`
* Add no results string
* Add tiptap and associated packages
* Update .gitignore
* Update components that use character images
* Add Editor component
This commit adds the bulk of the code for our new rich-text editor. The Editor component will be used to edit and display rich text via Tiptap.
* Add mention components
This adds the code required for us to mention objects in rich text fields like team descriptions.
The mentionSuggestion util fetches data from the server and serves it to MentionList for the user to select, then inserts it into the Editor as a token.
* Implements Editor in edit team and team footer
This implements the Editor component in EditPartyModal and PartyFooter. In PartyFooter, it is read-only.
* Remove min-width on tokens
* Add rudimentary conversion for old descriptions
Old descriptions just translate as a blob of text, so we try to insert some paragraphs and newlines to keep things presentable and lessen the load if users decide to update
* Add support for displaying jobs in MentionList
* Handle numbers and value=0 better
* Keep description reactive
This shouldn't work? The snapshot should be the reactive one? I don't fucking know
* Send locale to api with search query
* Delete getLocale.tsx
We didn't actually use this
* Fix build errors
* Override peer dependencies for tiptap mentions
They haven't fixed the suggestion plugin, so we have to use a beta version
* Fix background-color on CharacterRep
* Tiptap updates (#343)
* Reinstantiate editor on changes
We can't dynamically update the content, so we have to recreate the Editor whenever something changes (page loads and updates)
* Fix import
@tiptap/core is different than @tiptap/react, who knew
* Added several Tiptap components
* Added a Remix icon that isn't in remixicon-react
* Add colors for highlights
* Add ToolbarButton component
This is to standardize adding Toolbar icons so it wasn't a miserable mess in the Editor file
* Add extensions and implement ToolbarButton
* Remove unused code
* Use party prop and add keys
We always want to use the party in props until the transformer work is done and our source of truth is more reliable.
Also, we are using keys to ensure that the component reloads on new page.
* Component cleanup
* Always use props.party
* Ensure content gets reset when edits are committed
Here, we do some tactical bandaid fixes to ensure that when the user saves data to the server, the editor will show the freshest data in both editable and read-only mode.
In the Editor, its as easy as calling the setContent command in a useEffect hook when the content changes.
In the party, we are saving party in a state and passing it down to the components via props. This is because the party prop we get from pages is only from the first time the server loaded data, so any edits are not reflected. The app state should have the latest updates, but due to reasons I don't completely understand, it is showing the old state first and then the one we want, causing the Editor to get stuck on old data.
By storing the party in a state, we can populate the state from the server when the component mounts, then update it whenever the user saves data since all party data is saved in that component.
* Fix build errors
* Fix icon path
* Rich text editor and support for tagging objects (#340)
* Preliminary work around making an Element type
* Disabled Youtube code for now
* Clean description with DOMPurify
* Update GranblueElement with slug
* Add new api endpoint for searching all resources
* Add new variables and themes
* Remove fixed height on html tag for now
* Update README.md
We renamed the folders for character images from `chara-` to `character-`
* Add no results string
* Add tiptap and associated packages
* Update .gitignore
* Update components that use character images
* Add Editor component
This commit adds the bulk of the code for our new rich-text editor. The Editor component will be used to edit and display rich text via Tiptap.
* Add mention components
This adds the code required for us to mention objects in rich text fields like team descriptions.
The mentionSuggestion util fetches data from the server and serves it to MentionList for the user to select, then inserts it into the Editor as a token.
* Implements Editor in edit team and team footer
This implements the Editor component in EditPartyModal and PartyFooter. In PartyFooter, it is read-only.
* Remove min-width on tokens
* Add rudimentary conversion for old descriptions
Old descriptions just translate as a blob of text, so we try to insert some paragraphs and newlines to keep things presentable and lessen the load if users decide to update
* Add support for displaying jobs in MentionList
* Handle numbers and value=0 better
* Keep description reactive
This shouldn't work? The snapshot should be the reactive one? I don't fucking know
* Send locale to api with search query
* Delete getLocale.tsx
We didn't actually use this
* Fix build errors
* Override peer dependencies for tiptap mentions
They haven't fixed the suggestion plugin, so we have to use a beta version
* Fix background-color on CharacterRep
* Tiptap updates (#343)
* Reinstantiate editor on changes
We can't dynamically update the content, so we have to recreate the Editor whenever something changes (page loads and updates)
* Fix import
@tiptap/core is different than @tiptap/react, who knew
* Added several Tiptap components
* Added a Remix icon that isn't in remixicon-react
* Add colors for highlights
* Add ToolbarButton component
This is to standardize adding Toolbar icons so it wasn't a miserable mess in the Editor file
* Add extensions and implement ToolbarButton
* Remove unused code
* Use party prop and add keys
We always want to use the party in props until the transformer work is done and our source of truth is more reliable.
Also, we are using keys to ensure that the component reloads on new page.
* Component cleanup
* Always use props.party
* Ensure content gets reset when edits are committed
Here, we do some tactical bandaid fixes to ensure that when the user saves data to the server, the editor will show the freshest data in both editable and read-only mode.
In the Editor, its as easy as calling the setContent command in a useEffect hook when the content changes.
In the party, we are saving party in a state and passing it down to the components via props. This is because the party prop we get from pages is only from the first time the server loaded data, so any edits are not reflected. The app state should have the latest updates, but due to reasons I don't completely understand, it is showing the old state first and then the one we want, causing the Editor to get stuck on old data.
By storing the party in a state, we can populate the state from the server when the component mounts, then update it whenever the user saves data since all party data is saved in that component.
* Fix build errors
* Preliminary work around making an Element type
* Disabled Youtube code for now
* Clean description with DOMPurify
* Update GranblueElement with slug
* Add new api endpoint for searching all resources
* Add new variables and themes
* Remove fixed height on html tag for now
* Update README.md
We renamed the folders for character images from `chara-` to `character-`
* Add no results string
* Add tiptap and associated packages
* Update .gitignore
* Update components that use character images
* Add Editor component
This commit adds the bulk of the code for our new rich-text editor. The Editor component will be used to edit and display rich text via Tiptap.
* Add mention components
This adds the code required for us to mention objects in rich text fields like team descriptions.
The mentionSuggestion util fetches data from the server and serves it to MentionList for the user to select, then inserts it into the Editor as a token.
* Implements Editor in edit team and team footer
This implements the Editor component in EditPartyModal and PartyFooter. In PartyFooter, it is read-only.
* Remove min-width on tokens
* Add rudimentary conversion for old descriptions
Old descriptions just translate as a blob of text, so we try to insert some paragraphs and newlines to keep things presentable and lessen the load if users decide to update
* Add support for displaying jobs in MentionList
* Handle numbers and value=0 better
* Keep description reactive
This shouldn't work? The snapshot should be the reactive one? I don't fucking know
* Send locale to api with search query
* Delete getLocale.tsx
We didn't actually use this
* Fix build errors
* Another attempt to fix RaidCombobox loading
* Final nuclear option of getting raids to populate
No matter what I do, raids won't populate from state specifically in production. I will have to investigate this more, but for now we are going with the nuclear option of passing raids down from the context object we get from SSR through all components into RaidCombobox
* Properly set and call raidGroups from state
Does this fix our bug? We'll find out!
* Fix EditPartyModal confirmation on new teams
EditPartyModal was popping a confirmation alert on teams that had no data in them when exiting details
* Add themed placeholder colors for raids
We don't have images for a lot of the new raid images. Here, we create themed placeholder colors and use those instead of images. The images can't react to the users theme as easily, so this is a better solution for now.
* Fix RaidCombobox not switching to raid's section
The RaidCombobox should always open to the section that contains the current raid, or the middle section if there is no raid selected. There was some spaghetti code, but this should fix it.
* Modify next.js to re-enable CSS modules
* Rename all files and fix imports
* Renaming index.scss files to index.module.scss
* Changing `import from` to `import styles from`
* Fix dialog styles
* Fix button styles
* Fix dropdown styles
* Fix overlay styles
* Fix segmented control styles
* Fix auth modals
* Fix input styles
* Fix grid rep styles
* Extract language switch component
* Fix party header styles
* Fix header styles
* Fix filter bar styles
* Fix token styles
* Remove tag style from globals
This moved to DropdownMenuItem as thats the only place it's currently used
* Add some shades of purple
* Fix tooltip styles
* Fix star styles
* Fix unit styles
* Fix grid styles
* Fix job styles
* Combine Input and CharLimitedFieldset
We fixed the input component and added a character counter to it, so we don't need a separate CharLimitedFieldSet anymore.
The input component has been simplified to *just* be an input component, so it no longer displays an error. We will make a new component for error handling and labeling. It will probably be an improvement on our custom Fieldset somehow.
* (WIP) Update auth modals for new Input
These rely on error handling and so will need to be fixed more in the future
* Clean up button component some more
Here we add a floating prop for displaying buttons on top of things, like in units. We also renamed contained to bound to match other components and added an icon size.
* Fix styles for perpetuity icon overlay
* Update units for floating button display
* Fix weapon skill overlay
* Add a specific variable for the save UI red
* Fix save button states
* Update raid combobox triggers
* Fix segmented controls
* Fix popover triggers
This is mostly a duplicate of SelectTrigger but CSS modules are deeply stupid, so we have to duplicate the code.
* Fix select classes
* Fix select item classes
* Fix context menus
* Remove console.log
* Update filter bar button
* Updated Select and SelectItem
Part of this was combining PictureSelectItem and SelectItem, so the former has been removed.
* Updated TableField and SelectTableField
* Updated toasts
* Updated AccountModal
* Added new themes and variables
* Fix hovercards
* Extracted header into HovercardHeader component
* Button improvements
* Allow for passing className to left and right accessory
* Rename contained to bound
* Rename buttonSize to size
* Add custom button styles
* Fix search filters
* Update styles for all search filters
* Make search filters function better on mobile
* Small refactor on individual filter bar files to extract individual search filter rendering into variables
* Update search modal styles
* Update input
Make a consistent height with select triggers and fix props
* Fix ExtraSummons and rename to ExtraSummonsGrid
* Fix search result item styles
* Update party footer
* Add segmented control to swap between remixes and description
* Fix styles
* Add local transition to overlay
* Pass down class name to Popover
* Other style changes for raid combobox
* Local keyframe animation
* Fix slider and switch components
* Update table field components
The structure of TableField's image props have changed
* Update PartyHeader and DropdownMenuItem
* Remove extraneous states and hooks from PartyHeader
* Only show PartyDropdown if we are looking at an existing party
* Add destructive prop for DropdownMenuItem
* Remove extraneous classes from PartyDropdown
* Localize dropdown contents
* Fix alert styles and overlays
* Update alert styles
* Fix Overlay component to take onClick event handler as a prop
* Add local animation to Tooltip
* Update GridRep
* Update job-related components
* Update select component
* Align the popover
* Pass down classes from props
* Adds local animation
* Remove modal style
* Add full width style
* Update RaidCombobox and RaidItem
Also removes RaidSelect, which has been removed
* Update object reps for mobile
* Update static pages
* Update extra weapons section
* ExtraContainer split into ExtraContainerItem
* Updated Guidebook result item, grid and unit
* Updated extra weapons grid and weapon grid
* Add missing animations to Toast
* Moved components to a new filters folder
* Fix Youtube and empty state in PartyFooter
* Fixed Youtube embed styles
* Added empty state for description tab
* Extracted filter bar user info into a new component
* Removed LabelledInput
* Added new Textarea component
This is a content editable div to prepare for when we add tagging and formatting
* Fix placeholders in SummonUnit
* Add extra colors to WeaponUnit
* Updated WeaponLabelIcon styles
* Update button prop labels
* Update auth components
Just moving import order and changing an unused class name
* Increase visibility of segmented control on static page
* Update FilterBar location and more
* Updates FilterBar import location
* Extracts user info into UserInfo component
* Update localizations
* Update button prop labels
* Update UncapIndicator display styles
* Update ExtraSummons to ExtraSummonsGrid
* Use small-tablet breakpoint for party reps
* Update Input and InputTableField
* Added error and label to input, in a fieldset
* Updated prop labels in InputTableField
* Center text on triggers on small screen sizes
* Update SelectGroup styles
* Update GridRep
* Remove link to user's profile—it was very distracting
* Increase mainhand max height so it doesn't appear too small when reps are larger
* Update SegmentedControl
* Forward refs to SegmentedControl
* Allow passing of className via props
* Specific styles for RaidCombobox and something else
* Use small-tablet breakpoint
* Update Segment styles
Notably, there's a nice transition now
* Remove unused style import
* Add custom Button styles
* Update proficiency typing
* Update PartyHeader and fix behavior
* Send true to editable prop is party is editable
* Fix turn count token display
* Fix party name style
* Add custom classes to various Buttons
* Only show PartyDropdown if a party is new
* Determine which buttons to show based on editable prop, not snapshot
* Remove unused code from Header
* Make new button route shallowly
* Add small-tablet breakpoint
* Update themes and variables
* Update globals.scss
* Don't show <img> when there is no icon
* Add prop for destructive dropdown menu items
* Update localizations
* Remove unused code
Dependencies and components that were no longer used
* Add lodash.isequal
We didn't end up using it but it might come in handy in the future
* Add custom styles for remixed pill
This pill displays when a party is a remix. We shrunk it so it wasn't quite the size of a normal small button, and then added disabled states for if the original party was deleted
* Use CSS modules with Command
We don't really use all of these exports, but we made it so that className gets passed properly to `styles` when we do
* Update DialogContent
* Shrunk max-height to 60vh, and remove it for search
* Added an explicit width, as using min/max-width interferes with the contentEditable div in EditPartyModal
* Added custom styles for EditPartyModal
* Removed unused styles
* Revert Command changes
This seems to rely on these specific styles and it works, so we'll leave it alone for now.
* Give visual focus state to close button
* Update DurationInput and remove old classes
* Update Input
* Add fieldsetClasses prop
* Fallback to an empty string if value is undefined
* Fix focus ring to be consistent with our other custom focus rings
* Fix placeholder color
* Hide text overflow in trigger
The Popover trigger (specifically for RaidCombobox) would stretch or break lines when given a long value. This makes it so that the text will always stay on one line and hide its overflow with an ellipsis if necessary
* Passes along the autoFocus prop to Select
This passes along the autoFocus prop to the root Select component, and exposes it in SelectTableField
* Fixes bug with SliderTablefield control
This fixes a bug where the SliderTableField's slider was not changing the input's value.
We essentially let the parent component control the value so the component is only ever reading from props, instead of using its stored state as a display.
* Fix placeholder text and formatting
This fixes Textarea's placeholder text to be consistent with Input, as well as allows us to use new lines in the placeholder
* Update ErrorSection styles
* Update FilterModal
* Fixes spacing of interactive elements in FilterBar so they don't stretch according to content anymore
* Adds new `persistFilters` prop that determines whether the FilterBar should persist any filters to the user's cookies
* Uses defaultFilterset prop to populate the default filter set instead of importing the actual "default filter set" and using it directly
* Update FilterModal
* Adds a notice alerting users that filters on profiles and the saved page do not persist
* Exposes `persistFilters` prop that will be passed to FilterBar and used to determine if the notice should be displayed
* Autofocuses the first select on the page
* Fix visual bugs in GridRep
* Fixes the mainhand height not always being full height when the container was being responsively resized
* Adjusts the color of empty grid rectangles for dark and light mode and when being hovered over
* Remove unused code
* Update EditPartyModal
* Directly adds shadow code from DialogHeader since this dialog behaves slightly differently. In the future, we'd like to reconcile this so that the code only appears once
* Changes rendering functions to be properties
* Add DialogHeader and DialogFooter
* Implement Textarea component instead of raw textarea
* Removed unused code
* Update Party component
* Moves tab state management to the parent to prevent flickering and re-rendering
* Fixes local ID saving so that unauth users can make parties again
* Fixes the saving and display of numeric values (button count, chain count, turn count)
* Add functionality to PartyFooter buttons
The "Edit info" and "Remix" buttons now have their proper functionality in PartyFooter, matching how they behave in PartyHeader
* Update PartyHeader
* Fixes the display of numeric properties (button count, turn count, chain count)
* Refactors remixed pill/button so that it displays a message if the original party was deleted
* Add missing localization
* Fix raid keyboard navigation
* We added a plain "raid" style that our keyboard navigation code can hook onto, so that you can navigate the RaidCombobox raid list with the up and down arrow keys
* Fixed the raid item background color when hovering or focused
* Removed unused code
* Add class to fieldset instead of input
* Don't show quick summon icon on subaura summons
* Update styles for extra weapon units
* Implement filter changes
User profiles and saved teams won't use a user's filter cookies or persist filters anymore
* Add missing localization for "Loading..."
* Add tab management to pages
Tab management was previously handled by `Party` but things are smoother and less flicker-y if we handle them on the pages themselves
* Update localizations
* Extract createLocalId into a util
We extracted createLocalId into a method outside of the new page. Now, it can be used as a fallback when fetching the local ID if that local ID doesn't exist yet
* Add permissive filter set
This is the default filter set on user profiles and the saved teams page
* Add a bunch of new colors and theme variables
* Notice variables for FilterModal
* Unit background variables for GridRep
* An array of accent yellow colors
* Modified disabled button values in dark theme
* Modified extra purple text color in dark theme
* Change NotFound to be a class instead of ID
* Move slideRight animation into Toast component
* Remove keyframes.scss
Unfortunately, CSS modules makes it unreasonably difficult to have a central repository of CSS animations and reuse them, so we have copied these into the stylesheets of components that use them.
* Remove keyframes.scss from globals
* Update styles for conflict modals
* The actual styles for these were in DialogContent and had been deleted, so we fetched them from a previous commit
* Conflict modals get added to the exception that gives them a taller max height
* We can probably combine the meat of these into a ConflictDiagram component
* Add keys to conflict buttons
* Fix conflict CSS
Was accidentally adding it to a declaration that was setting min-height instead of max-height
* Fix character conflict modal only appearing once
We weren't changing the modal open state to false
* Alert overlays should display over modals
We were using the same Overlay with no changes, so alerts would display over modals without an overlay behind them
* Add missing localization for earring errors
* Normalize over mastery object
The over mastery object was sometimes 0-index, sometimes 1-index. This normalizes it to be 1-indexed, even though that is a little silly. I think this is the lesser amount of work though, since normalizing against 0-index might require API changes
* Fix ExtendedMasterySelect styles
* Fix RingSelect styles and functionality
* Updates styles for CSS modules
* Updates for normalized 1-index object
* Properly falls back to 0 value if value is not set
* Normalize 1-index for over mastery
* Fix AwakeningSelectWithInput styles and functionality
* Adapts styles for CSS modules
* Properly sends validity
* Reordered errors
* Fix SelectWithInput styles and functionality
* Adapts styles for CSS modules
* Add name to errors
* Properly sends validity
* Add extra modifier styles to Input/Select
* Update CharacterModal
* Adapts styles for CSS modules
* Adds an alert if the user tries to close a dialog with changes without saving
* Uses constants instead of functions for rendering helpers
* Fixes validation
* Reset values when the dialog is closed
The way we handle state means that we will keep old, unsaved values around if we don't do this
* Move GridWeaponObject to types
* Add unsaved changes localizations
* Localize unsaved changes alert
* Increase spacing of range mod style
* Update ElementToggle to use CSS modules
* Refactor WeaponKeySelect
No longer makes an API call for each instantiation—instead we use the weapon keys downloaded on the server
* Update AxSelect for CSS modules
* Update weapon should happen in WeaponUnit
Previously, this happened in WeaponModal. It happens in CharacterUnit on that end, so this change brings us in line with how we're doing things elsewhere
* Update WeaponModal to incorporate latest changes
* Adds unsaved changes alert
* Updates to use refactored WeaponKeySelect
* Moves api code to parent via a updateWeapon prop
* Updates to use DialogHeader and DialogFooter
* Makes rendering functions into constants
* Set grid weapon element when downloaded
* Make things that should be bound, bound
* Update elemental colors
This makes elemental accent colors themed more consistently
* Add confirmation alert to Edit Party modal
* Fix how description is tested for changes
* Fix footer shadow in EditPartyModal
* Fix footer shadows for all other modals
Also removes default box-shadow and border-top
* Fix awakening modification check
Awakening wasn't being set when the modal loaded, so it was testing the gridWeapon value against undefined
* Use new element variables
* h5 in globals
* Buttons
* Don't show icon for balanced character awakening
Also, remove old CSS
* Small cleanup of parseInt
* Fix weapon element logic
We had broken null weapons changing sprites when the element was changed, and the change detection was also broken. Some more stringent logic checks fixed both.
* Fix more raid color stuff
This should be it for real this time
* Show AX section in WeaponHovercard
Was testing truthy/falsy which meant id 0 made it not display
* Fix padding so focus ring isn't cut off
* Refactor Header and add logout confirmation
* Fix page navigation when filtering collections
There was a bug that kept page navigation from working properly when filtering. Things would load multiple times, or load the wrong thing, or not navigate properly. That should all be fixed now.
* Fix styles for when a collection has no teams
* Fix Nextjs build errors
* Revert server availability code
Not ready for primetime
* Fix some global styles
* Add extra padding
* Re-add server availability code
* Fix some global styles
* Add extra padding
* Re-add server availability code
* Fix server unavailable message
Booleans are hard
* Remove a log
* Add characters from 2023-06 Flash Gala
* Add "all battles" string
* Fix placeholder for RaidCombobox in FilterBar
* Fix select trigger styles
* Update the updates page with new items (#306)
* Add Nier and Estarriola uncaps (#308)
* Update the updates page with new items (#306) (#307)
* Update .gitignore
* Add Nier and Estarriola uncaps
* Fix uncaps treated as new characters
* Redesigned team navigation (#310)
* Add ellipsis icon
* Reduce size of tokens
* Move UpdateToast to toasts folder
* Update variables.scss
* Add reps for grid objects
These reps act like the existing PartyRep except for Characters and Summons, as well as a new component just for Weapons.
They only render the grid of objects and nothing else.
Eventually PartyRep will use WeaponRep
* Added RepSegment
This is a Character, Weapon or Summon rep wrapped with an input and label for use in a SegmentedControl
* Modify PartySegmentedControl to use RepSegments
This will not work on mobile yet, where it should gracefully degrade to a normal SegmentedControl with only text
* Extract URL copied and Remixed toasts into files
* Extract delete team alert into a file
Also, to support this:
* Added `Destructive` class to Button
* Added `primaryActionClassName` prop to Alert
* Added an alert for when remixing teams
* Began refactoring PartyDetails into several files
* PartyHeader will live at the top, above the new segmented control
* PartyDetails stays below, only showing remixed teams and the description
* PartyDropdown handles the new ... menu
* Remove duplicated code
This is description and remix code that is still in `PartyDetails`
* Small fixes for weapon grid
* Add placeholder image for guidebooks
* Add localizations
* Add Guidebook type and update other types
* Update gitignore
Don't commit guidebook images
* Indicate if a dialog is scrollable
We had broken paging in the infinite scroll component. Turning off "scrolling" at the dialog levels fixes it without adding scrollbars in environments that persistently show them
* Add ExtraContainer
This is the purple container that will contain additional weapons and sephira guidebooks
* Move ExtraWeapons to ExtraWeaponsGrid
And put it in ExtraContainer
* Added GuidebooksGrid and GuidebookUnit
These are the display components for Guidebooks in the WeaponGrid
* Visual adjustments to summon grid
* Add Empty class to weapons when unit is unfilled
* Implement GuidebooksGrid in WeaponGrid
* Remove extra switch
* Remove old dependencies and props
* Implement searching for/adding guidebooks to party
* Update styles
* Fix dependency
* Properly determine when extra container should display
* Change to 1-indexing for guidebooks
* Add support for removing guidebooks
* Display guidebook validation error
* Move read only buttons to PartyHeader
Also broke up tokens and made them easier to render
* Add guidebooks to DetailsObject
* Remove preview when on mobile sizes
* Implement raid combobox (#311)
* Add ellipsis icon
* Reduce size of tokens
* Move UpdateToast to toasts folder
* Update variables.scss
* Add reps for grid objects
These reps act like the existing PartyRep except for Characters and Summons, as well as a new component just for Weapons.
They only render the grid of objects and nothing else.
Eventually PartyRep will use WeaponRep
* Added RepSegment
This is a Character, Weapon or Summon rep wrapped with an input and label for use in a SegmentedControl
* Modify PartySegmentedControl to use RepSegments
This will not work on mobile yet, where it should gracefully degrade to a normal SegmentedControl with only text
* Extract URL copied and Remixed toasts into files
* Extract delete team alert into a file
Also, to support this:
* Added `Destructive` class to Button
* Added `primaryActionClassName` prop to Alert
* Added an alert for when remixing teams
* Began refactoring PartyDetails into several files
* PartyHeader will live at the top, above the new segmented control
* PartyDetails stays below, only showing remixed teams and the description
* PartyDropdown handles the new ... menu
* Remove duplicated code
This is description and remix code that is still in `PartyDetails`
* Small fixes for weapon grid
* Add placeholder image for guidebooks
* Add localizations
* Add Guidebook type and update other types
* Update gitignore
Don't commit guidebook images
* Indicate if a dialog is scrollable
We had broken paging in the infinite scroll component. Turning off "scrolling" at the dialog levels fixes it without adding scrollbars in environments that persistently show them
* Add ExtraContainer
This is the purple container that will contain additional weapons and sephira guidebooks
* Move ExtraWeapons to ExtraWeaponsGrid
And put it in ExtraContainer
* Added GuidebooksGrid and GuidebookUnit
These are the display components for Guidebooks in the WeaponGrid
* Visual adjustments to summon grid
* Add Empty class to weapons when unit is unfilled
* Implement GuidebooksGrid in WeaponGrid
* Remove extra switch
* Remove old dependencies and props
* Implement searching for/adding guidebooks to party
* Update styles
* Fix dependency
* Properly determine when extra container should display
* Change to 1-indexing for guidebooks
* Add support for removing guidebooks
* Display guidebook validation error
* Move read only buttons to PartyHeader
Also broke up tokens and made them easier to render
* Add guidebooks to DetailsObject
* Add raid placeholder string to locale
* Update .gitignore
* Update and reorganize localization files
* Update types
Added RaidGroup and updated Raid, then updated dependent types and objects
* Update dependencies
* Update react and react-dom to at least 18.0.0
* Install cmdk
* Rename Arrow.svg to Chevron.svg
Also added a new Arrow.svg with a stem
* Add api call for raidGroups and update pages
Pages fetch raids and store them in the app state. We needed to update this to pull raid groups instead
* Update SegmentedControl component
* Add className and blended properties
* Segment gets flex-grow
* Update Select component
* data-placeholder style should match only if true
* Adjust corner radius to match cards instead of inputs
* Fix classNames call in SelectItem
* Remove raid prop from Party
* Add Popover component
* Popover is a wrapper of Radix's Popover component that we will use to wrap the combobox.
* Move styles that were in PopoverContent.scss to Popover.scss
* Add Command component
The Command component is a wrapper over CMDK's Command component. Pretty much every object in that library is wrapped here. We will use this for the guts of our combobox.
* Add RaidCombobox and RaidItem components
* RaidCombobox combines Popover and Command to create an experience where users can browse through raids by section, search them and sort them.
* RaidItem is effectively a copy-paste of SelectItem using CommandItem, adding some raid-specific styles and elements
* Updates themes and variables
* Replace RaidDropdown with RaidCombobox
* Add small shadow to Tooltip
* Update side offset for Popover
* Update CharLimitedFieldset class name
* Add clear button to Combobox input
* It only shows up when there is text in the input
* Clicking it clears the text in the input
* It uses CharLimitedFieldset's classes
* ChatGPT helped me refactor RaidCombobox
* Further refactoring of RaidCombobox
* Deploy content update (#309)
* Update the updates page with new items (#306)
* Add Nier and Estarriola uncaps (#308)
* Update the updates page with new items (#306) (#307)
* Update .gitignore
* Add Nier and Estarriola uncaps
* Fix uncaps treated as new characters
* Make combobox keyboard accessible
* Style updates
* Refactor accessibility code
* Add translation for "Selected" text
* Change selects to be poppers for consistency
We can't make the new Raid combobox appear over the input like the macOS behavior, so we change all selects to be normal popper behavior
* Set raid groups on teams page
* Implement in FilterBar
* Fix styles for combobox input
* Remove RaidDropdown component
* Update index.scss
* Remove preview when on mobile sizes
* Fix some mobile styles
* Add farming raid option
* Increase height slightly
* Small refactor
* Implement Edit team modal (#312)
* Small refactor to CharLimitedFieldset
Some methods were renamed for clarity. <input> props are actually put on the input properly.
* Add tabindex to Popover trigger
* Add tabindex to Switch and SwitchTableField
* Add tabindex to DurationInput
* Add new properties
* Added guidebooks to RaidGroup
* Added auto_summon to Party
* Conditionally render description in TableField
* Improve SwitchTableField
* Add support for passing in classes
* Add support for passing a disabled prop
* Pass description to TableField
* Right-align switch
* Add support for Extra color switch
* Align SliderTableField input to right
* Align SelectTableField input to right
* Update placeholder styles
* Fix empty state on DurationInput
* Remove tabindex from DurationInput
* Update InputTableField
Allow for passing down input properties and remove fixed width
* Fix dialog footer styles
* Update dialog and overlay z-index
* Add styles to TableField
Added styles for numeric inputs, disabled inputs, and generally cleaning things up
* Add guidebooks to RaidCombobox + styles
* Added guidebooks to the dummy raid group
* Fix background color
* Make less tall
* Implement EditPartyModal
EditPartyModal takes functionality that was in PartyHeader and puts it in a modal dialog. This lets us add fields and reduces the complexity of other components. Translations were also added.
* Remove edit functionality
* Add darker shadow to Select
* Properly send raid ID to server
* Show Extra grids based on selected raid
* Fix EX badge colors
* Use child as value in normal textarea
* Remove toggle ability from Extra grids
* Remove edit functionality from PartyDetails
* Fix type error
* Add quick summons (#313)
* Delete yarn.lock
* Add quick summon endpoint
* Add quick summon to GridSummon type
* Add icons
* Add quick summon to SummonUnit
* Quick summon icon is displayed on hover
* Updates the server when clicked
* Fix spacing on WeaponGrid
* Fixes for reactivity and performance (#314)
* Remove editable styles
* Use snapshot for segment reps
Using snapshots lets that data be reactive.
Also removed extra dependencies and fixed a bug in how SummonRep displayed sub-summons
* Don't display QuickSummon on friends, subaura
* Hotfix refreshing when switching tabs
* Another hotfix for tab switching
* Update awakening (#315)
* Add Awakening type and remove old defs
We remove the flat list of awakening data, as we will be pulling data from the database
* Update types to use new Awakening type
* Update WeaponUnit for Grand weapon awakenings
* Update object modals
We needed to update CharacterModal and WeaponModal to display awakenings from the new data format. However, the component used (`SelectWithInput`) was tied to AX Skills in a way that would take exponentially more time to resolve.
Instead, we forked `SelectWithInput` into `AwakeningSelectWithInput` and did our work there.
`AwakeningSelect` was found to be redundant, so it was removed.
* Update hovercards
* Add order to NO_AWAKENING
* Add ability to remove job skills (#317)
* Add Awakening type and remove old defs
We remove the flat list of awakening data, as we will be pulling data from the database
* Update types to use new Awakening type
* Update WeaponUnit for Grand weapon awakenings
* Update object modals
We needed to update CharacterModal and WeaponModal to display awakenings from the new data format. However, the component used (`SelectWithInput`) was tied to AX Skills in a way that would take exponentially more time to resolve.
Instead, we forked `SelectWithInput` into `AwakeningSelectWithInput` and did our work there.
`AwakeningSelect` was found to be redundant, so it was removed.
* Update hovercards
* Add max-height to Select
* Allow styling of Select modal with className prop
* Add Job class to Job select
* Add localizations for removing job skills
* Add endpoint for removing job skills
* Implement removing job skills
We added a (...) button next to each editable job skill that opens a context menu that will allow the user to remove the job skill. An alert is presented to make sure the user is sure before proceeding.
As part of this change, some minor restyling of JobSkillItem was necessary
* Update README.md
Update with new static asset directories
* Quality pass (#326)
* Move min-width to RaidCombobox, not Popover
This fixes#318
* Use snapshots to make tokens reactive
This fixes#319
* Revert ChatGPT refactor of this method
Oops. This code was nice, but it didn't actually assign `false` to keys to be sent to the server. We will revisit this, but it needs to be fixed right now.
This fixes#325
* Ignore gacha directory
We will probably scrape these images soon.
* Add translation for Auto Summon token
* Add auto summon token to app state
* Set battle settings in state on update
Also renames PartyDetails to PartyFooter and makes description reactive
* Stop 1password icon from appearing in name field
* Use snapshot for reactive Edit party modal
* Fix Edit modal placeholder colors
* Fix bug with RaidCombobox and Farming
Selecting farming then opening the raid combobox *twice* consecutively would put you in no segment, so no raids appeared
Fixes#323
* Fix values staying in Edit team even if not saved
The values a user entered in the Edit team modal would persist even if the user hit cancel to close the modal. They wouldn't save to the server, but very confusing nonetheless. Now fixed.
* Fix unreadable colors in ElementToggle
* Fix button alignment in weapon modal
* Add text to filters button on small screens
The FilterBar showed a left aligned filter icon on mobile for months and it was driving me insane
* Remove extraneous code from Header
Including the party name, since it's at the top now
* Fix Alert at small sizes
* Make copy link toast work again
* Remove stylesheet links
* Fix remix toasts and alerts from both locations
The remix toast and alert was barely hooked up and not showing up when invoked from PartyHeader.
It now shows up whether you remix your own team (from PartyDropdown) or if you remix another person's team (from PartyHeader).
* Add a message if the server goes down
Right now the app fails silently if the server becomes unreachable. Now, we use the version check to determine if we have a connection to the server, and if not we display an error message.
* Update the updates page with new items (#306)
* Add Nier and Estarriola uncaps (#308)
* Update the updates page with new items (#306) (#307)
* Update .gitignore
* Add Nier and Estarriola uncaps
* Fix uncaps treated as new characters
* Redesigned team navigation (#310)
* Add ellipsis icon
* Reduce size of tokens
* Move UpdateToast to toasts folder
* Update variables.scss
* Add reps for grid objects
These reps act like the existing PartyRep except for Characters and Summons, as well as a new component just for Weapons.
They only render the grid of objects and nothing else.
Eventually PartyRep will use WeaponRep
* Added RepSegment
This is a Character, Weapon or Summon rep wrapped with an input and label for use in a SegmentedControl
* Modify PartySegmentedControl to use RepSegments
This will not work on mobile yet, where it should gracefully degrade to a normal SegmentedControl with only text
* Extract URL copied and Remixed toasts into files
* Extract delete team alert into a file
Also, to support this:
* Added `Destructive` class to Button
* Added `primaryActionClassName` prop to Alert
* Added an alert for when remixing teams
* Began refactoring PartyDetails into several files
* PartyHeader will live at the top, above the new segmented control
* PartyDetails stays below, only showing remixed teams and the description
* PartyDropdown handles the new ... menu
* Remove duplicated code
This is description and remix code that is still in `PartyDetails`
* Small fixes for weapon grid
* Add placeholder image for guidebooks
* Add localizations
* Add Guidebook type and update other types
* Update gitignore
Don't commit guidebook images
* Indicate if a dialog is scrollable
We had broken paging in the infinite scroll component. Turning off "scrolling" at the dialog levels fixes it without adding scrollbars in environments that persistently show them
* Add ExtraContainer
This is the purple container that will contain additional weapons and sephira guidebooks
* Move ExtraWeapons to ExtraWeaponsGrid
And put it in ExtraContainer
* Added GuidebooksGrid and GuidebookUnit
These are the display components for Guidebooks in the WeaponGrid
* Visual adjustments to summon grid
* Add Empty class to weapons when unit is unfilled
* Implement GuidebooksGrid in WeaponGrid
* Remove extra switch
* Remove old dependencies and props
* Implement searching for/adding guidebooks to party
* Update styles
* Fix dependency
* Properly determine when extra container should display
* Change to 1-indexing for guidebooks
* Add support for removing guidebooks
* Display guidebook validation error
* Move read only buttons to PartyHeader
Also broke up tokens and made them easier to render
* Add guidebooks to DetailsObject
* Remove preview when on mobile sizes
* Implement raid combobox (#311)
* Add ellipsis icon
* Reduce size of tokens
* Move UpdateToast to toasts folder
* Update variables.scss
* Add reps for grid objects
These reps act like the existing PartyRep except for Characters and Summons, as well as a new component just for Weapons.
They only render the grid of objects and nothing else.
Eventually PartyRep will use WeaponRep
* Added RepSegment
This is a Character, Weapon or Summon rep wrapped with an input and label for use in a SegmentedControl
* Modify PartySegmentedControl to use RepSegments
This will not work on mobile yet, where it should gracefully degrade to a normal SegmentedControl with only text
* Extract URL copied and Remixed toasts into files
* Extract delete team alert into a file
Also, to support this:
* Added `Destructive` class to Button
* Added `primaryActionClassName` prop to Alert
* Added an alert for when remixing teams
* Began refactoring PartyDetails into several files
* PartyHeader will live at the top, above the new segmented control
* PartyDetails stays below, only showing remixed teams and the description
* PartyDropdown handles the new ... menu
* Remove duplicated code
This is description and remix code that is still in `PartyDetails`
* Small fixes for weapon grid
* Add placeholder image for guidebooks
* Add localizations
* Add Guidebook type and update other types
* Update gitignore
Don't commit guidebook images
* Indicate if a dialog is scrollable
We had broken paging in the infinite scroll component. Turning off "scrolling" at the dialog levels fixes it without adding scrollbars in environments that persistently show them
* Add ExtraContainer
This is the purple container that will contain additional weapons and sephira guidebooks
* Move ExtraWeapons to ExtraWeaponsGrid
And put it in ExtraContainer
* Added GuidebooksGrid and GuidebookUnit
These are the display components for Guidebooks in the WeaponGrid
* Visual adjustments to summon grid
* Add Empty class to weapons when unit is unfilled
* Implement GuidebooksGrid in WeaponGrid
* Remove extra switch
* Remove old dependencies and props
* Implement searching for/adding guidebooks to party
* Update styles
* Fix dependency
* Properly determine when extra container should display
* Change to 1-indexing for guidebooks
* Add support for removing guidebooks
* Display guidebook validation error
* Move read only buttons to PartyHeader
Also broke up tokens and made them easier to render
* Add guidebooks to DetailsObject
* Add raid placeholder string to locale
* Update .gitignore
* Update and reorganize localization files
* Update types
Added RaidGroup and updated Raid, then updated dependent types and objects
* Update dependencies
* Update react and react-dom to at least 18.0.0
* Install cmdk
* Rename Arrow.svg to Chevron.svg
Also added a new Arrow.svg with a stem
* Add api call for raidGroups and update pages
Pages fetch raids and store them in the app state. We needed to update this to pull raid groups instead
* Update SegmentedControl component
* Add className and blended properties
* Segment gets flex-grow
* Update Select component
* data-placeholder style should match only if true
* Adjust corner radius to match cards instead of inputs
* Fix classNames call in SelectItem
* Remove raid prop from Party
* Add Popover component
* Popover is a wrapper of Radix's Popover component that we will use to wrap the combobox.
* Move styles that were in PopoverContent.scss to Popover.scss
* Add Command component
The Command component is a wrapper over CMDK's Command component. Pretty much every object in that library is wrapped here. We will use this for the guts of our combobox.
* Add RaidCombobox and RaidItem components
* RaidCombobox combines Popover and Command to create an experience where users can browse through raids by section, search them and sort them.
* RaidItem is effectively a copy-paste of SelectItem using CommandItem, adding some raid-specific styles and elements
* Updates themes and variables
* Replace RaidDropdown with RaidCombobox
* Add small shadow to Tooltip
* Update side offset for Popover
* Update CharLimitedFieldset class name
* Add clear button to Combobox input
* It only shows up when there is text in the input
* Clicking it clears the text in the input
* It uses CharLimitedFieldset's classes
* ChatGPT helped me refactor RaidCombobox
* Further refactoring of RaidCombobox
* Deploy content update (#309)
* Update the updates page with new items (#306)
* Add Nier and Estarriola uncaps (#308)
* Update the updates page with new items (#306) (#307)
* Update .gitignore
* Add Nier and Estarriola uncaps
* Fix uncaps treated as new characters
* Make combobox keyboard accessible
* Style updates
* Refactor accessibility code
* Add translation for "Selected" text
* Change selects to be poppers for consistency
We can't make the new Raid combobox appear over the input like the macOS behavior, so we change all selects to be normal popper behavior
* Set raid groups on teams page
* Implement in FilterBar
* Fix styles for combobox input
* Remove RaidDropdown component
* Update index.scss
* Remove preview when on mobile sizes
* Fix some mobile styles
* Add farming raid option
* Increase height slightly
* Small refactor
* Implement Edit team modal (#312)
* Small refactor to CharLimitedFieldset
Some methods were renamed for clarity. <input> props are actually put on the input properly.
* Add tabindex to Popover trigger
* Add tabindex to Switch and SwitchTableField
* Add tabindex to DurationInput
* Add new properties
* Added guidebooks to RaidGroup
* Added auto_summon to Party
* Conditionally render description in TableField
* Improve SwitchTableField
* Add support for passing in classes
* Add support for passing a disabled prop
* Pass description to TableField
* Right-align switch
* Add support for Extra color switch
* Align SliderTableField input to right
* Align SelectTableField input to right
* Update placeholder styles
* Fix empty state on DurationInput
* Remove tabindex from DurationInput
* Update InputTableField
Allow for passing down input properties and remove fixed width
* Fix dialog footer styles
* Update dialog and overlay z-index
* Add styles to TableField
Added styles for numeric inputs, disabled inputs, and generally cleaning things up
* Add guidebooks to RaidCombobox + styles
* Added guidebooks to the dummy raid group
* Fix background color
* Make less tall
* Implement EditPartyModal
EditPartyModal takes functionality that was in PartyHeader and puts it in a modal dialog. This lets us add fields and reduces the complexity of other components. Translations were also added.
* Remove edit functionality
* Add darker shadow to Select
* Properly send raid ID to server
* Show Extra grids based on selected raid
* Fix EX badge colors
* Use child as value in normal textarea
* Remove toggle ability from Extra grids
* Remove edit functionality from PartyDetails
* Fix type error
* Add quick summons (#313)
* Delete yarn.lock
* Add quick summon endpoint
* Add quick summon to GridSummon type
* Add icons
* Add quick summon to SummonUnit
* Quick summon icon is displayed on hover
* Updates the server when clicked
* Fix spacing on WeaponGrid
* Fixes for reactivity and performance (#314)
* Remove editable styles
* Use snapshot for segment reps
Using snapshots lets that data be reactive.
Also removed extra dependencies and fixed a bug in how SummonRep displayed sub-summons
* Don't display QuickSummon on friends, subaura
* Hotfix refreshing when switching tabs
* Another hotfix for tab switching
* Update awakening (#315)
* Add Awakening type and remove old defs
We remove the flat list of awakening data, as we will be pulling data from the database
* Update types to use new Awakening type
* Update WeaponUnit for Grand weapon awakenings
* Update object modals
We needed to update CharacterModal and WeaponModal to display awakenings from the new data format. However, the component used (`SelectWithInput`) was tied to AX Skills in a way that would take exponentially more time to resolve.
Instead, we forked `SelectWithInput` into `AwakeningSelectWithInput` and did our work there.
`AwakeningSelect` was found to be redundant, so it was removed.
* Update hovercards
* Add order to NO_AWAKENING
* Add ability to remove job skills (#317)
* Add Awakening type and remove old defs
We remove the flat list of awakening data, as we will be pulling data from the database
* Update types to use new Awakening type
* Update WeaponUnit for Grand weapon awakenings
* Update object modals
We needed to update CharacterModal and WeaponModal to display awakenings from the new data format. However, the component used (`SelectWithInput`) was tied to AX Skills in a way that would take exponentially more time to resolve.
Instead, we forked `SelectWithInput` into `AwakeningSelectWithInput` and did our work there.
`AwakeningSelect` was found to be redundant, so it was removed.
* Update hovercards
* Add max-height to Select
* Allow styling of Select modal with className prop
* Add Job class to Job select
* Add localizations for removing job skills
* Add endpoint for removing job skills
* Implement removing job skills
We added a (...) button next to each editable job skill that opens a context menu that will allow the user to remove the job skill. An alert is presented to make sure the user is sure before proceeding.
As part of this change, some minor restyling of JobSkillItem was necessary
* Update README.md
Update with new static asset directories
* Quality pass (#326)
* Move min-width to RaidCombobox, not Popover
This fixes#318
* Use snapshots to make tokens reactive
This fixes#319
* Revert ChatGPT refactor of this method
Oops. This code was nice, but it didn't actually assign `false` to keys to be sent to the server. We will revisit this, but it needs to be fixed right now.
This fixes#325
* Ignore gacha directory
We will probably scrape these images soon.
* Add translation for Auto Summon token
* Add auto summon token to app state
* Set battle settings in state on update
Also renames PartyDetails to PartyFooter and makes description reactive
* Stop 1password icon from appearing in name field
* Use snapshot for reactive Edit party modal
* Fix Edit modal placeholder colors
* Fix bug with RaidCombobox and Farming
Selecting farming then opening the raid combobox *twice* consecutively would put you in no segment, so no raids appeared
Fixes#323
* Fix values staying in Edit team even if not saved
The values a user entered in the Edit team modal would persist even if the user hit cancel to close the modal. They wouldn't save to the server, but very confusing nonetheless. Now fixed.
* Fix unreadable colors in ElementToggle
* Fix button alignment in weapon modal
* Add text to filters button on small screens
The FilterBar showed a left aligned filter icon on mobile for months and it was driving me insane
* Remove extraneous code from Header
Including the party name, since it's at the top now
* Fix Alert at small sizes
* Make copy link toast work again
* Remove stylesheet links
* Fix remix toasts and alerts from both locations
The remix toast and alert was barely hooked up and not showing up when invoked from PartyHeader.
It now shows up whether you remix your own team (from PartyDropdown) or if you remix another person's team (from PartyHeader).
* Update the updates page with new items (#306)
* Add Nier and Estarriola uncaps (#308)
* Update the updates page with new items (#306) (#307)
* Update .gitignore
* Add Nier and Estarriola uncaps
* Fix uncaps treated as new characters
* Redesigned team navigation (#310)
* Add ellipsis icon
* Reduce size of tokens
* Move UpdateToast to toasts folder
* Update variables.scss
* Add reps for grid objects
These reps act like the existing PartyRep except for Characters and Summons, as well as a new component just for Weapons.
They only render the grid of objects and nothing else.
Eventually PartyRep will use WeaponRep
* Added RepSegment
This is a Character, Weapon or Summon rep wrapped with an input and label for use in a SegmentedControl
* Modify PartySegmentedControl to use RepSegments
This will not work on mobile yet, where it should gracefully degrade to a normal SegmentedControl with only text
* Extract URL copied and Remixed toasts into files
* Extract delete team alert into a file
Also, to support this:
* Added `Destructive` class to Button
* Added `primaryActionClassName` prop to Alert
* Added an alert for when remixing teams
* Began refactoring PartyDetails into several files
* PartyHeader will live at the top, above the new segmented control
* PartyDetails stays below, only showing remixed teams and the description
* PartyDropdown handles the new ... menu
* Remove duplicated code
This is description and remix code that is still in `PartyDetails`
* Small fixes for weapon grid
* Add placeholder image for guidebooks
* Add localizations
* Add Guidebook type and update other types
* Update gitignore
Don't commit guidebook images
* Indicate if a dialog is scrollable
We had broken paging in the infinite scroll component. Turning off "scrolling" at the dialog levels fixes it without adding scrollbars in environments that persistently show them
* Add ExtraContainer
This is the purple container that will contain additional weapons and sephira guidebooks
* Move ExtraWeapons to ExtraWeaponsGrid
And put it in ExtraContainer
* Added GuidebooksGrid and GuidebookUnit
These are the display components for Guidebooks in the WeaponGrid
* Visual adjustments to summon grid
* Add Empty class to weapons when unit is unfilled
* Implement GuidebooksGrid in WeaponGrid
* Remove extra switch
* Remove old dependencies and props
* Implement searching for/adding guidebooks to party
* Update styles
* Fix dependency
* Properly determine when extra container should display
* Change to 1-indexing for guidebooks
* Add support for removing guidebooks
* Display guidebook validation error
* Move read only buttons to PartyHeader
Also broke up tokens and made them easier to render
* Add guidebooks to DetailsObject
* Remove preview when on mobile sizes
* Implement raid combobox (#311)
* Add ellipsis icon
* Reduce size of tokens
* Move UpdateToast to toasts folder
* Update variables.scss
* Add reps for grid objects
These reps act like the existing PartyRep except for Characters and Summons, as well as a new component just for Weapons.
They only render the grid of objects and nothing else.
Eventually PartyRep will use WeaponRep
* Added RepSegment
This is a Character, Weapon or Summon rep wrapped with an input and label for use in a SegmentedControl
* Modify PartySegmentedControl to use RepSegments
This will not work on mobile yet, where it should gracefully degrade to a normal SegmentedControl with only text
* Extract URL copied and Remixed toasts into files
* Extract delete team alert into a file
Also, to support this:
* Added `Destructive` class to Button
* Added `primaryActionClassName` prop to Alert
* Added an alert for when remixing teams
* Began refactoring PartyDetails into several files
* PartyHeader will live at the top, above the new segmented control
* PartyDetails stays below, only showing remixed teams and the description
* PartyDropdown handles the new ... menu
* Remove duplicated code
This is description and remix code that is still in `PartyDetails`
* Small fixes for weapon grid
* Add placeholder image for guidebooks
* Add localizations
* Add Guidebook type and update other types
* Update gitignore
Don't commit guidebook images
* Indicate if a dialog is scrollable
We had broken paging in the infinite scroll component. Turning off "scrolling" at the dialog levels fixes it without adding scrollbars in environments that persistently show them
* Add ExtraContainer
This is the purple container that will contain additional weapons and sephira guidebooks
* Move ExtraWeapons to ExtraWeaponsGrid
And put it in ExtraContainer
* Added GuidebooksGrid and GuidebookUnit
These are the display components for Guidebooks in the WeaponGrid
* Visual adjustments to summon grid
* Add Empty class to weapons when unit is unfilled
* Implement GuidebooksGrid in WeaponGrid
* Remove extra switch
* Remove old dependencies and props
* Implement searching for/adding guidebooks to party
* Update styles
* Fix dependency
* Properly determine when extra container should display
* Change to 1-indexing for guidebooks
* Add support for removing guidebooks
* Display guidebook validation error
* Move read only buttons to PartyHeader
Also broke up tokens and made them easier to render
* Add guidebooks to DetailsObject
* Add raid placeholder string to locale
* Update .gitignore
* Update and reorganize localization files
* Update types
Added RaidGroup and updated Raid, then updated dependent types and objects
* Update dependencies
* Update react and react-dom to at least 18.0.0
* Install cmdk
* Rename Arrow.svg to Chevron.svg
Also added a new Arrow.svg with a stem
* Add api call for raidGroups and update pages
Pages fetch raids and store them in the app state. We needed to update this to pull raid groups instead
* Update SegmentedControl component
* Add className and blended properties
* Segment gets flex-grow
* Update Select component
* data-placeholder style should match only if true
* Adjust corner radius to match cards instead of inputs
* Fix classNames call in SelectItem
* Remove raid prop from Party
* Add Popover component
* Popover is a wrapper of Radix's Popover component that we will use to wrap the combobox.
* Move styles that were in PopoverContent.scss to Popover.scss
* Add Command component
The Command component is a wrapper over CMDK's Command component. Pretty much every object in that library is wrapped here. We will use this for the guts of our combobox.
* Add RaidCombobox and RaidItem components
* RaidCombobox combines Popover and Command to create an experience where users can browse through raids by section, search them and sort them.
* RaidItem is effectively a copy-paste of SelectItem using CommandItem, adding some raid-specific styles and elements
* Updates themes and variables
* Replace RaidDropdown with RaidCombobox
* Add small shadow to Tooltip
* Update side offset for Popover
* Update CharLimitedFieldset class name
* Add clear button to Combobox input
* It only shows up when there is text in the input
* Clicking it clears the text in the input
* It uses CharLimitedFieldset's classes
* ChatGPT helped me refactor RaidCombobox
* Further refactoring of RaidCombobox
* Deploy content update (#309)
* Update the updates page with new items (#306)
* Add Nier and Estarriola uncaps (#308)
* Update the updates page with new items (#306) (#307)
* Update .gitignore
* Add Nier and Estarriola uncaps
* Fix uncaps treated as new characters
* Make combobox keyboard accessible
* Style updates
* Refactor accessibility code
* Add translation for "Selected" text
* Change selects to be poppers for consistency
We can't make the new Raid combobox appear over the input like the macOS behavior, so we change all selects to be normal popper behavior
* Set raid groups on teams page
* Implement in FilterBar
* Fix styles for combobox input
* Remove RaidDropdown component
* Update index.scss
* Remove preview when on mobile sizes
* Fix some mobile styles
* Add farming raid option
* Increase height slightly
* Small refactor
* Implement Edit team modal (#312)
* Small refactor to CharLimitedFieldset
Some methods were renamed for clarity. <input> props are actually put on the input properly.
* Add tabindex to Popover trigger
* Add tabindex to Switch and SwitchTableField
* Add tabindex to DurationInput
* Add new properties
* Added guidebooks to RaidGroup
* Added auto_summon to Party
* Conditionally render description in TableField
* Improve SwitchTableField
* Add support for passing in classes
* Add support for passing a disabled prop
* Pass description to TableField
* Right-align switch
* Add support for Extra color switch
* Align SliderTableField input to right
* Align SelectTableField input to right
* Update placeholder styles
* Fix empty state on DurationInput
* Remove tabindex from DurationInput
* Update InputTableField
Allow for passing down input properties and remove fixed width
* Fix dialog footer styles
* Update dialog and overlay z-index
* Add styles to TableField
Added styles for numeric inputs, disabled inputs, and generally cleaning things up
* Add guidebooks to RaidCombobox + styles
* Added guidebooks to the dummy raid group
* Fix background color
* Make less tall
* Implement EditPartyModal
EditPartyModal takes functionality that was in PartyHeader and puts it in a modal dialog. This lets us add fields and reduces the complexity of other components. Translations were also added.
* Remove edit functionality
* Add darker shadow to Select
* Properly send raid ID to server
* Show Extra grids based on selected raid
* Fix EX badge colors
* Use child as value in normal textarea
* Remove toggle ability from Extra grids
* Remove edit functionality from PartyDetails
* Fix type error
* Add quick summons (#313)
* Delete yarn.lock
* Add quick summon endpoint
* Add quick summon to GridSummon type
* Add icons
* Add quick summon to SummonUnit
* Quick summon icon is displayed on hover
* Updates the server when clicked
* Fix spacing on WeaponGrid
* Fixes for reactivity and performance (#314)
* Remove editable styles
* Use snapshot for segment reps
Using snapshots lets that data be reactive.
Also removed extra dependencies and fixed a bug in how SummonRep displayed sub-summons
* Don't display QuickSummon on friends, subaura
* Hotfix refreshing when switching tabs
* Another hotfix for tab switching
* Update awakening (#315)
* Add Awakening type and remove old defs
We remove the flat list of awakening data, as we will be pulling data from the database
* Update types to use new Awakening type
* Update WeaponUnit for Grand weapon awakenings
* Update object modals
We needed to update CharacterModal and WeaponModal to display awakenings from the new data format. However, the component used (`SelectWithInput`) was tied to AX Skills in a way that would take exponentially more time to resolve.
Instead, we forked `SelectWithInput` into `AwakeningSelectWithInput` and did our work there.
`AwakeningSelect` was found to be redundant, so it was removed.
* Update hovercards
* Add order to NO_AWAKENING
* Add ability to remove job skills (#317)
* Add Awakening type and remove old defs
We remove the flat list of awakening data, as we will be pulling data from the database
* Update types to use new Awakening type
* Update WeaponUnit for Grand weapon awakenings
* Update object modals
We needed to update CharacterModal and WeaponModal to display awakenings from the new data format. However, the component used (`SelectWithInput`) was tied to AX Skills in a way that would take exponentially more time to resolve.
Instead, we forked `SelectWithInput` into `AwakeningSelectWithInput` and did our work there.
`AwakeningSelect` was found to be redundant, so it was removed.
* Update hovercards
* Add max-height to Select
* Allow styling of Select modal with className prop
* Add Job class to Job select
* Add localizations for removing job skills
* Add endpoint for removing job skills
* Implement removing job skills
We added a (...) button next to each editable job skill that opens a context menu that will allow the user to remove the job skill. An alert is presented to make sure the user is sure before proceeding.
As part of this change, some minor restyling of JobSkillItem was necessary
* Update the updates page with new items (#306)
* Add Nier and Estarriola uncaps (#308)
* Update the updates page with new items (#306) (#307)
* Update .gitignore
* Add Nier and Estarriola uncaps
* Fix uncaps treated as new characters
