This fixes#384
* Hides "Change party visibility" button when a user is viewing an
unlisted team they did not create
* Prevents updating team at all if the `editable` flag is not set (which
might break something else for anonymous teams... we'll see)
* Fix job accessory popover, so shields and manatura can be selected
again
* Don't show AX skill section in weapon hovercard if no AX skill is set
* Center uncap indicator under item image and fix hovercard header
layout
* Fix a bug that prevented all ring bonuses from displaying in hovercard
* Fix transcendence_step being set to 0 when updating a character's
masteries
* Fix weapon modal so you can set AX skills on weapons with rupee or exp
gain
* Ensure job accessory and transcendence popovers open/close properly
* 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
