[FEATURE] Implemented latest yoast packages, currently (temporary) by…

… using the wordpress-seo repository as submodule

.gitignore

@@ -6,7 +6,7 @@ grunt/node_modules
 vendor
 composer.lock
 .php_cs.cache
-yarn.lock
+*.LICENSE.txt
 .Build/*
 !.Build/ExcludeFromPackaging.php
 !.Build/.php-cs-fixer.php

.gitmodules

@@ -0,0 +1,4 @@
+[submodule "grunt/submodules/wordpress-seo"]
+	path = grunt/submodules/wordpress-seo
+	url = https://github.com/Yoast/wordpress-seo.git
+	branch = releasing-yoastseo

Resources/Public/JavaScript/Components/Analysis.js

@@ -1,7 +1,7 @@
 import React, {useEffect, useState} from 'react';
 import {connect} from 'react-redux';
 import LoadingIndicator from './LoadingIndicator';
-import YoastContentAnalysis from 'yoast-components/composites/Plugin/ContentAnalysis/components/ContentAnalysis';
+import YoastContentAnalysis from '@yoast/analysis-report/ContentAnalysis';
 import {mapResults} from "../helpers/mapResults";
 import getResult from '../helpers/getResult';
 

Resources/Public/JavaScript/Components/DescriptionProgressBar.js

@@ -2,7 +2,7 @@ import React, {useEffect, useState} from 'react';
 import {connect} from 'react-redux';
 import ProgressBar from '@yoast/components/ProgressBar';
 import getProgressColor from '../helpers/progressColor';
-import MetaDescriptionLengthAssessment from 'yoastseo/src/assessments/seo/MetaDescriptionLengthAssessment';
+import MetaDescriptionLengthAssessment from 'yoastseo/scoring/assessments/seo/MetaDescriptionLengthAssessment';
 
 /**
  * Gets the description progress.

Resources/Public/JavaScript/Components/SnippetPreview.js

@@ -15,7 +15,8 @@ const SnippetPreview = ({isFetching, title, url, faviconSrc, wordsToHighlight, d
         }
         return <>
             <ModeSwitcher onChange={(newMode) => setMode(newMode)} active={mode}/>
-            <YoastSnippetPreview title={title} url={url} description={description} faviconSrc={faviconSrc} wordsToHighlight={wordsToHighlight} locale={locale} mode={mode} onMouseUp={() => {}} />
+            {/* TODO: set correct siteName and check functionality of the property */}
+            <YoastSnippetPreview siteName="" title={title} url={url} description={description} faviconSrc={faviconSrc} wordsToHighlight={wordsToHighlight} locale={locale} mode={mode} onMouseUp={() => {}} />
         </>
     }
     return <LoadingIndicator />

Resources/Public/JavaScript/Components/StatusIcon.js

@@ -4,11 +4,11 @@ import { connect } from 'react-redux';
 import SvgIcon from '@yoast/components/SvgIcon'
 
 import { getIconForScore, getTextForScore } from "../helpers/mapResults";
-import { helpers } from "yoastseo";
+import { interpreters } from "yoastseo";
 import getResult from "../helpers/getResult";
 
 const StatusIcon = ({content, analysis, resultType, resultSubtype, text}) => {
-    const { scoreToRating } = helpers;
+    const { scoreToRating } = interpreters;
 
     if (content.isFetching === false && analysis.isAnalyzing === false && getResult(analysis, resultType, resultSubtype)) {
         let score = getResult(analysis, resultType, resultSubtype).score / 10;

Resources/Public/JavaScript/Components/TitleProgressBar.js

@@ -3,7 +3,7 @@ import {connect} from 'react-redux';
 import ProgressBar from '@yoast/components/ProgressBar';
 import getProgressColor from '../helpers/progressColor';
 import measureTextWidth from '../helpers/measureTextWidth';
-import PageTitleWidthAssessment from 'yoastseo/src/assessments/seo/PageTitleWidthAssessment';
+import PageTitleWidthAssessment from 'yoastseo/scoring/assessments/seo/PageTitleWidthAssessment';
 
 const getTitleProgress = (title) => {
     const titleWidth = measureTextWidth(title);

Resources/Public/JavaScript/helpers/mapResults.js

@@ -1,7 +1,7 @@
-import { helpers } from "yoastseo";
+import { interpreters } from "yoastseo";
 import { default as colors } from "../colors.json";
 
-const { scoreToRating } = helpers;
+const { scoreToRating } = interpreters;
 
 /**
  * Mapped result definition.

Resources/Public/JavaScript/helpers/measureTextWidth.js

@@ -34,6 +34,6 @@ export default function measureTextWidth( text ) {
     if ( ! element ) {
         element = createMeasurementElement();
     }
-    element.innerHTML = text;
+    element.innerText = text;
     return element.offsetWidth;
 }

Resources/Public/JavaScript/redux/actions/analysis.js

@@ -1,10 +1,10 @@
-import {helpers} from 'yoastseo';
+import {interpreters} from 'yoastseo';
 
 export const ANALYZE_DATA_REQUEST = 'ANALYZE_DATA_REQUEST';
 export const ANALYZE_DATA_SUCCESS = 'ANALYZE_DATA_SUCCESS';
 
 const saveScores = (results) => {
-    const {scoreToRating} = helpers;
+    const {scoreToRating} = interpreters;
 
     if (typeof YoastConfig.data !== "undefined" && typeof YoastConfig.urls.saveScores !== "undefined") {
         fetch(YoastConfig.urls.saveScores, {

Resources/Public/JavaScript/redux/actions/content.js

@@ -1,4 +1,4 @@
-import {stripFullTags} from 'yoastseo/src/stringProcessing/stripHTMLTags';
+import {stripHTMLTags} from '@yoast/helpers/strings';
 
 export const GET_CONTENT_REQUEST = 'GET_CONTENT_REQUEST';
 export const GET_CONTENT_SUCCESS = 'GET_CONTENT_SUCCESS';
@@ -24,10 +24,10 @@ export function getContent() {
 
 export function updateContent(content) {
     if (typeof content.title !== "undefined") {
-        content.title = stripFullTags(content.title);
+        content.title = stripHTMLTags(content.title);
     }
     if (typeof content.description !== "undefined") {
-        content.description = stripFullTags(content.description);
+        content.description = stripHTMLTags(content.description);
     }
     return {
         type: UPDATE_CONTENT,