Skip to content

Latest commit

 

History

History

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

JavaScript

Packages

Isolated JavaScript packages used within Yoast.

This monorepo includes reusable packages:

  • @yoast/analysis-report
    • React components that can be used to visualise the outcome of the Yoast content analysis provided by the yoastseo package.
  • @yoast/components
    • All-purpose React components.
  • @yoast/feature-flag
    • A utility that keeps track of enabled and disabled features.
  • @yoast/helpers
    • A set of helper functions that can be used across multiple projects.
  • @yoast/replacement-variable-editor
    • The replacement variable editor currently used in the Search Metadata previews. In the future, this component will also be used in the Social Metadata previews.
  • @yoast/search-metadata-previews
    • React components that can be used to generate a preview of what a page will look like in Google's search results.
  • @yoast/social-metadata-forms
    • React components that can be used to render forms for controlling the social preview settings. This includes the redux store.
  • @yoast/social-metadata-previews
    • React components that can be used to generate a preview of what a page will look like when shared trough Facebook or Twitter.
  • @yoast/style-guide
    • A combination of style constants and functions that can be used to conform to the Yoast corporate identity.
  • eslint-config-yoast
    • ESLint configuration for Yoast projects.
  • yoastseo [Replaces YoastSEO.js]
    • Text analysis and assessment library in JavaScript. This library can generate interesting metrics about a text and assess these metrics to give you an assessment which can be used to improve the text.

All new package should be scoped with @yoast/ , so they can be published as part of the Yoast organisation. When creating a new package with translations, please mind that they need to be added to the pipeline (for context see this issue).

General file structure of a package

  • /src. Source files
  • /tests. Unit tests.
  • /tools. Tooling necessary to build or test.
  • /package.json

Useful commands

The following commands can be executed from the javascript project root:

  • yarn install, will install all dependencies for all packages.
  • yarn lint, will run linting for all packages.
  • yarn test, will run tests for all packages.