This changelog is according to Keep a Changelog.
All notable changes to this project will be documented in this file. We follow Semantic Versioning.
- Changed the AnalysisList pressed status check to listen to
result.markerId
instead ofresult.id
. - Upgrades webpack-dev-server to 3.1.14.
- Bumps YoastSEO.js version to 1.48.0.
- Changed the default icon for the
Collapsible
component to chevrons. - Bumps YoastSEO.js version to 1.47.0.
- Adds a card component.
- Removes autocomplete functionality from the Keyphrase and Synonyms input fields.
- Bumps YoastSEO.js version to 1.46.0.
- Change eslint config to make sure tag build passes.
- Bumps YoastSEO.js version to 1.45.0.
- Adds onBlur and onFocus prop to SynonymsInput component.
- Adds buildStructuredUrl function.
- Adds an exclamation triangle to the SvgIcon component.
- Adds a YoastWarning component that consists of an exclamation triangle followed by a message on a yellow background.
- Adds an Id prop to the Collapsible and ButtonSection component.
- Removes logic that remembers what marker button is active from the
ContentAnalysis
components.
- Adds a fieldId prop in the
ReplacementVariableEditorStandalone
component, that gets added as an id attribute to the DraftJS editor element with the contenteditable attribute.
- Changes
$palette_grey_text
from #646464 to #616161 to have a sufficient color contrast ratio on #dddddd backgrounds.
- Bumps YoastSEO.js to 1.41.1.
- Adds an
UpsellButton
component. - Adds an
UpsellLinkButton
component. - Adds
label
andariaLabel
props to theKeywordInput
component. - Adds an id to the
ReplacementVariableEditorStandalone
component.
- Replaces the help text in the
SynonymsInput
by a help link icon.
- Compatibility with Yoast SEO 8.4.
- Compatibility with Yoast SEO 8.3.
- Compatibility with Yoast SEO 8.3.
- Fixes a bug where the placeholder "Modify your meta description by editing it right here" wasn't translatable.
- Exposes
AnalysisList
to render a plain list of content analysis results. - Exposes
renderRatingToColor
which renders a rating received from YoastSEO.js to a color that can be used in CSS.
- Fixes an incorrect import of
YoastButton
inindex.js
.
- Adds a
ButtonSection
component. - Adds a
loadingSpinner
svg icon.
- Fixes a bug where an invalid icon warning was thrown because no icon was provided to the
IconsButton
. - Fixes a bug where only the header of the
ButtonSection
component was clickable, instead of the entire component.
- Improves the keyword input field focus style and contrast ratio.
- Adds a standalone
LanguageNotice
component. Before, this component was part of theContentAnalysis
component. - Adds a
HelpText
component. - Adds a label to the
KeywordInput
component. - Adds an
onBlur
event to theKeywordInput
component. - Adds a button to the
KeywordInput
component that allows removal of that keyword section. - Adds a
ContentOptimizationContainer
component. - Adds a
SynonymsInput
component. - Adds a
CornerstoneToggle
component. - Adds a demo page for the SVG icons rendered by the SvgIcon component to the App.
- Adds a subtitle to the
CollapsibleHeader
component.
- Removes the
helpTextButton
from theSnippetPreview
component as it has been replaced by a description that is always present.
- Fixes the styling of the
Collapsible
component for right-to-left languages. - Fixes a bug where the
Collapsible
component would show scrollbars in Internet Explorer 11.
- Increases the font size of the synonyms help text and changes its color.
- Makes it possible to render multi-shape SVG icons.
- Adds clipboard and a11y-speak to the package.json.
- Add setOverallSeoScore and setOverallReadabilityScore reducer.
- Add help text to the content analysis in the standalone.
- Add a IconLabelledButton component to render a button with visible textual label.
- Fix alignment of video in help center when no ads are present.
- Adds synonyms components.
- Fixes the CSS media query to target IE11 used for the buttons min-height.
- Removes the unused replaceKeyword action.
- Fixes a bug where console errors would be thrown because
ref
instead ofinnerRef
was used in theReplacementVariableEditor
.
- Adds Styled Component's
withTheme
to theReplacementVariableEditorStandalone
component in order to set thetextDirectionality
of theEditor
based on the language direction that is passed to the theme.
- Fixes the styling of the
ModeSwitcher
,SnippetEditor
,HelpTextWrapper
,SnippetPreview
andStyledSection
for right-to-left languages. #629 - Fixes a bug where the snippet variable suggestions would disappear behind the admin menu bar when using a right-to-left language. #628
- Fixes the 'insert snippet variable' button alignment by using only CSS and removing the JS widths calculations. #618
ReplacementVariableEditor
adds a space after replacement variable when there is no space yet. #616- Entities in
ReplacementVariableEditor
can no longer be partially selected. #607
- Improved change detection of replacement variables in
SnippetEditor
. #610
- Added
ErrorBoundary
component to be used in theSnippetEditor
. #605
- Let the padding on the
StyledSection
depend on the title. #606 - Implements an option for the paper style in the styled section component. #612
- Moves the margin bottom from the FormSections to the CloseSnippetEditor button. #615
- Clicking the entire meta description field in
SnippetEditor
will now focus the input. #600 - Improved snippet editor placeholder contrast. #603
- Fixes an issue where in cases with a lot of snippet variables it would sometimes be partially hidden behind the WordPress toolbar. #604
- Handle cut and paste behaviour in the
ReplacementVariableEditor
. #611
- Implements the draft-js-single-line-plugin in order to keep the Draft-js Editor from creating new blocks on enter presses and pasting newlines.
- Adds a meta description placeholder text.
- Adds a SettingsSnippetEditor component.
- Adds a button to the snippet editor to improve discoverability of the snippet variables.
- Removes logic for decoding separators. This logic has been moved to wordpress-seo.
- Fixes a bug where the snippet editor fields would stay in an isActive state when blurred.
- Fixes a bug where the progress bars for the snippet title and description wouldn't respond correctly to the content of the input fields.
- Fixes a bug where multiple spaces and spaces at the beginning and end of the snippet description were taken into account for the description length progress calculation.
- Fixes a bug where the snippet variable suggestions would be sometimes positioned outside of the viewport.
- Changes the replacement variable editor to automatically replace snippet variables with entities.
- Improves the Help text accessibility and introduces a SlideToggle component based on react-transition-group.
- Maximum meta description length now retrieved from
yoastseo
. - Improve the Snippet Preview rendering with long text.
- Better encode SVG images used as CSS background.
- Snippet editor no longer manages the slug in local state.
- Entire meta description field can now be clicked to focus the editor.
- Removed
react-intl
remnants, which was removed inv4.0.0
. - Snippet preview now decodes the separator replacement variable before it is passed along to the renderer.
- Added metadescription placeholder to
SnippetEditor
. - Replace the replace vars before measuring the title and description length to get the correct length.
- Fixes a problem with the Snippet Editor where it would crash when receiving new content.
- Fixes progress bars in
SnippetEditor
.
- Changed library used for translation from
react-intl
to@wordpress/i18n
. #494, #469, #497, #498, #500, #505, #506, #507, #508
- Added
HelpText
component. #480 - Added
KeywordInput
component. #482 - Added help text drop down to
SnippetEditor
. #517
- Added trailing slashes to
SnippetPreview
url desktop preview. #526 - Improved
SnippetEditor
mentions suggestions accessibility. #525 - URL safe characters are preserved in the
SnippetPreview
. #520 - Transliterated keywords are highlighted in title and description in
SnippetPreview
. #519, #521, #522 - The
SnippetEditor
slug input field has been changed from aDraftJS
editor to a regular input field. #515 - Dashes and question marks get stripped from the
SnippetEditor
url preview. #495 - Allow optional help text to be passed to the
ContentAnalysis
component. #480 - Upgraded webpack to version
4.7
in the development environment. #501
- Replace vars in description and title are converted to mentions on load. #529
- Implemented various styling fixes for the
SnippetEditor
component. #491, #513, #513
- Removed import reference to a file that no longer exists.
- Added the jsx-a11y ESLint plugin. #468
- [Collapsible] Added an optional ScreenReaderText after the Collapsible title. #450
- Added a SnippetEditor component. Renders the SnippetPreview component with editor fields to change the data. #460
- Added a ReplacementVariable component. Renders a DraftJS editor with replacement variables as entities. #460
- Added a FormattedScreenReaderMessage component Renders a message translated, but also as screen reader text. Ensures that ScreenReaderText can remain pure and only accept a string. #460
- Changed the collapsible panel to use up/down arrows instead of the right/down arrows it used. The direction of the arrow now also matches Gutenberg. #463
- [AnalysisCollapsible] Center SVG angles in AnalysisCollapsible. #462
- Updated all dependencies that only had a minor or patch update. #453
- Added "$color_noindex":"#1e8cbe" to colors.json.
- Added Collapsible and CollapsibleStateless components.
- Added IconsButton component.
- Added YoastModal component based on react-modal to handle all the modal dialogs.
- Refactored AnalysisCollapsible and AnalysisCollapsibleStateless to use the new collapsible.
- Implements
SnippetPreview
component. This component will show a representation of how Google will show a certain page.
- Fixed the PropType to
func
for the dynamically supplied icon.
- Made it possible to dynamically pass an icon to the Onboarding Wizard component.
- Fixed a typo in the readme.
react-intl
is now a peer dependency ofyoast-component
. Updated documentation in regards to to usingreact-intl
.AnalysisHeaderCollapsible
is now open by default. This means all headers inContentAnalysis
are now open by default.
- Changed
SvgIcon
's default propsize
from16
to16px
and correctly implemented default props.
- Adds css styles to
SvgIcon
component to fix irregular sizing inwordpress-seo
.
- Upgraded peer dependency of React to
16.2
. - Removed
.svg
files in favour ofSvgIcon
component, as a resultsvg-react-loader
is no longer required. - Removed
composites/SnippetPreview/components/SnippetPreview.js
that ensured backwards compatability to the newSnippetPreview
component. - Changed
StyledSection
props.
- Added
jest-styled-components
for better testing ofstyled-components
. - Added
SvgIcon
component.
- Upgraded peer dependency of React to
16.2
. - Changed default translation
Good
toGood results
inContent Analysis
. - Refactored
StyledSection
to usestyled-components
. - Removed
.svg
files. UseSvgIcon
instead. - Removed
composites/SnippetPreview/components/SnippetPreview.js
that ensured backwards compatability to the newSnippetPreview
component.
- Adds a
marksButtonStatus
prop to theContentAnalysis
to disable or hide the eye buttons. #409 - Adds a
marksButtonClassName
prop to theContentAnalysis
to use for the tooltips inwordpress-seo
. #409
- Expands the
AnalysisCollapsible
that is currently the most urgent in theContentAnalysis
. #391
- Expands all
AnalysisCollapsibles
in theContentAnalysis
by default. #393
- Made it possible to pass the heading level of the
analysisCollapsible
s as a prop to theContentAnalysis
. #388 - Added a language notice in the content analysis for non-admin users that cannot change the language. #389
- Avoid to fully re-render the
AnalyisisCollapsible
component to improve accessibility #386 - Fixed alignment of icons and text in the
ContentAnalysis
component. #390
- Added flag to run tests sequentially. #376
- Added
type="button"
attribute toIconButtonToggle
. #378
- Changed
StackedProgressBar
height to24px
. #367 - Changed
onMarkButtonClick
callback inContentAnalysis
to return empty string when marker is deselected. #375 - Made Onboarding Wizard's
previousButton
andnextButton
focusable. #369 - Replaced old react string refs with callbacks. #365
- Remove unnecessary whitespace between
AnalysisResult
s and betweenAnalysisCollapsible
s. #382
- Adds a callback to the mark button in the
ContentAnalysis
component. #372
- Removes min height from the
ContentAnalysis
component. #373
- Allows
AnalysisResult
text to be HTML. #366
Notification
component. #348AnalysisResult
component. #352ContentAnalysis
component. #359
- Added callbacks to notify tab switch in
YoastTabs
. #346 setSeoResultsForKeyword
action and reducer implementation. #355- Added default
className
toVideoDescriptionItem
component. #358
IconButtonToggle
component
- Added class names to VideoTutorial component.
- Improved AlgoliaSearcher focus management between search and detail view.
- Help center CSS tweaks.
- Improved the
HelpCenterButton
and theHelpCenterContainer
styling. #337
- Added class names to the
HelpCenterContainer
andHelpCenterButton
. #337
Table
component. #219SearchResultDetail
component. #243SearchResults
component. #243YoastLinkButton
component. #284VideoTutorial
component. #291YouTubeVideo
component. #291YoastTabs
component. #303AllyNotice
component. #306HelpCenter
component. #310HelpCenterButton
component. #318
- Added translatable label to
SearchBar
component. #243 - Added
makeOutboundLink
util function. #308 - Added a prop to the
AlgoliaSearcher
component that can be used to enable live search. #323 - Added a search button and placeholder text to the
SearchBar
component. #323
- Improved styling and accessibility of the
SearchBar
component. #243 - Styling improvements for the Onboarding Wizard. #290
- Fixed two prop warnings that appeared when switching pages in the Onboarding wizard. #293 and #295
- Improved YoastButton hover and active style. #332
- Fixed the loading of AMP articles in the Algolia article iFrame.
- Added trailing slash to knowledge base URL in help center
- Added dashboard widget to development environment.
- Added class names to
WordpressFeed
andSeoAssessment
components, and also to their children.
Icon
component (usingsvg-react-loader
, seeREADME.md
). #218Button
(#173),IconButton
(##232),LinkButton
(#262),YoastButton
(#257) components.InputField
component (usingDraftJS
). #204ListTable
,Row
andCell
component. #219ProgressBar
component. #172IFrame
andArticleContent
components. #242StackedProgressBar
component. #270SeoScoreAssessment(s)
components. #272WordpressFeed
component. #273SeoAssessment
component. #281
- Added
getFeed
RSS reader utility function. #267 - Added
ContentAnalysis
reducer and actions. #224 - Added
striptags
utility library. #276 - Added various documentation. #239
- Improved development environment. (#238, #174 )
- Added max width for content in Onboarding wizard (#250), and
fullWidth
property for full screen support (#269). - Changed Onboarding wizard header. #256
- Added paragraph for additional information to Onboard wizard
Choice component
. #254
- Adds aria-current to the onboarding wizard active step.
- Removes console errors caused by using React.PropTypes and React.createClass.
- Improved README.md to instruct on using yarn instead of npm.
- [AlgoliaSearch] Added Algolia Search as a new component.
- Adds additional colors
- Changes the color blue from #0075b3 to #0066cd.
- [ConfigurationWizard] Adds possibility to disable navigation on a step page
- [ConfigurationWizard] Adds icons to next, previous and close buttons
- [ConfigurationWizard] Pass
nextStep
andpreviousStep
functions to Steps - Adds Colors for use in my.yoast
- [Choice] Adds a radio button option to the Choice components.
- [StyledSection] Removes width from StyledSection to be usable in different contexts.
- Removes width from StyledSection.
- [Loader] Adds Loader component to be used when something is occurring in the background.
- Adds Sass and JSON colors palette.
- Adds
grunt-scss-to-json
package to generate the JSON colors file.
- Splits color schemes in a separate Sass file.
- Splits snippet preview colors in a separate Sass file.
- Removes, updates, and adds colors. See the related issue for a list of colors changes.
- Adds 2.0.0 as a possibility for react-tap-plugin as a peer dependency.
- Changed default server request from a PUT to a POST request.
- [StyledSection] Adds a StyledSection component. This component is used to render a HTML section including a heading with an icon.
- [CSS] Adds the
file-text-o
font awesome icon. - [utils] Exports flat
translate
function in the i18n util.
- [Label] Adds an
aria-label
attribute. - [Choice] Passes the screenReaderText to the label as
aria-label
.
- Implements HTML component. This component is used to render HTML.
- Implements Choice component. This component is used for a choice, like a group of radio buttons or a select box.
- Implements Input component. This component is used to render a text input.
- Implements Wizard component. This component is used to make a wizard from steps that include fields.
- Implements ScreenReaderText component. This component is used to create a text for use with screen readers.
- Implements ScreenReaderShortcut component. This component is used for skipping navigation to screen reader texts.
- Implements Stepper component. This component is used to create step navigation in the wizard.
- Implements StepButton component. This component is used to access a Step in the wizard.