fix: string translation for PHP and JS

Codeinwp · Oct 9, 2024 · 7d84a72 · 7d84a72
1 parent 03f4d8f
commit 7d84a72
Show file tree

Hide file tree

Showing 41 changed files with 7,228 additions and 5,392 deletions.
diff --git a/.babelrc.json b/.babelrc.json
diff --git a/.browserslistrc b/.browserslistrc
@@ -1,6 +1,5 @@
 # Browsers that we support
 
-last 1 version
-> 1%
-maintained node versions
-not dead
+last 4 Chrome versions
+last 4 Safari versions
+last 4 Firefox versions
diff --git a/.eslintrc b/.eslintrc
@@ -5,11 +5,9 @@
         "ecmaFeatures": {
             "jsx": true
         },
-        "ecmaVersion": 2018,
         "sourceType": "module"
     },
     "rules": {
-        "indent": ["error", "tab", { "SwitchCase": 1 }],
         "linebreak-style": [
             "error",
             "unix"
@@ -23,7 +21,7 @@
             "always"
         ],
         "no-unused-vars": [
-            "error", {
+            "warn", {
                 "vars": "all",
                 "args": "after-used",
                 "ignoreRestSiblings": false
@@ -32,7 +30,10 @@
         "react/jsx-uses-react": "error",
         "react/jsx-uses-vars": "error",
         "no-alert": 0,
-        "no-nested-ternary": 0
+        "no-nested-ternary": 0,
+        "prettier/prettier": "off",
+        "no-shadow": "warn",
+        "camelcase": "warn"
     },
 	"ignorePatterns": ["**/vendor/**"]
 }
diff --git a/.github/workflows/build-dev-artifact.yml b/.github/workflows/build-dev-artifact.yml
@@ -8,7 +8,7 @@ on:
   pull_request:
     types: [opened, synchronize, ready_for_review]
     branches-ignore:
-      - 'update_dependencies'
+      - "update_dependencies"
 jobs:
   dev-zip:
     name: Build ZIP and upload to s3
@@ -19,32 +19,11 @@ jobs:
       git-sha-8: ${{ steps.retrieve-git-sha-8.outputs.sha8 }}
     steps:
       - name: Check out source files
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
       - name: Setup Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: lts/gallium # 16.x
-      - name: Get yarn cache directory path
-        id: yarn-cache-dir-path
-        run: echo "::set-output name=dir::$(yarn cache dir)"
-      - uses: actions/cache@v2
-        id: yarn-cache
-        with:
-          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-yarn-
-      - name: Get Composer Cache Directory
-        id: composer-cache
-        run: |
-          echo "::set-output name=dir::$(composer config cache-files-dir)"
-      - name: Configure Composer cache
-        uses: actions/cache@v1
-        with:
-          path: ${{ steps.composer-cache.outputs.dir }}
-          key: ${{ runner.os }}-composer-${{ hashFiles('**/composer.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-composer-
+          node-version: lts/hydrogen # 18.x
       - name: Install composer deps
         run: composer install --no-dev --prefer-dist --no-progress --no-suggest
       - name: Install yarn deps

diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -12,7 +12,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: lts/gallium # 16.x
+          node-version: lts/hydrogen # 18.x
       - name: Build
         run: |
           yarn install --frozen-lockfile

diff --git a/.github/workflows/e2e.yml b/.github/workflows/e2e.yml
@@ -14,16 +14,20 @@ jobs:
     name: E2E Test
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v4
       - name: Setup Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: lts/gallium # 16.x
+          node-version: lts/hydrogen # 18.x
       - name: Build
         run: |
           yarn install --frozen-lockfile
           composer install --no-dev --prefer-dist --no-progress --no-suggest
           yarn run build
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 16
       - name: Install testing env
         run: bash ./bin/e2e-env.sh
       - name: Run Cypress tests

diff --git a/.github/workflows/test-php.yml b/.github/workflows/test-php.yml
@@ -3,7 +3,7 @@ name: PHP Tests
 on:
   push:
     branches-ignore:
-      - 'master'
+      - "master"
 # Cancel previous workflow run groups that have not completed.
 concurrency:
   group: ${{ github.workflow }}-${{ github.event_name == 'pull_request' && github.head_ref || github.ref }}
@@ -16,30 +16,19 @@ jobs:
       - name: Setup PHP version
         uses: shivammathur/setup-php@v1
         with:
-          php-version: '7.4'
+          php-version: "7.4"
           extensions: simplexml
           tools: composer:v2.1
       - name: Checkout source code
-        uses: actions/checkout@v2
-      - name: Get Composer Cache Directory
-        id: composer-cache
-        run: |
-          echo "::set-output name=dir::$(composer config cache-files-dir)"
-      - name: Setup Composer cache
-        uses: actions/cache@v1
-        with:
-          path: ${{ steps.composer-cache.outputs.dir }}
-          key: ${{ runner.os }}-composer-${{ hashFiles('**/composer.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-composer-
+        uses: actions/checkout@v4
       - name: Install composer
         run: composer install --prefer-dist --no-progress --no-suggest
       - name: Run PHPCS
         run: composer run lint
 
   phpunit:
     name: PHPUnit
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
     services:
       mysql:
         image: mysql:5.7
@@ -52,25 +41,14 @@ jobs:
       - name: Setup PHP version
         uses: shivammathur/setup-php@v2
         with:
-          php-version: '7.4'
+          php-version: "7.4"
           extensions: simplexml, mysql
           tools: phpunit-polyfills
       - name: Checkout source code
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
       - name: Install WordPress Test Suite
         run: |
           bash bin/install-wp-tests.sh wordpress_test root root 127.0.0.1:${{ job.services.mysql.ports['3306'] }}
-      - name: Get Composer Cache Directory
-        id: composer-cache
-        run: |
-          echo "::set-output name=dir::$(composer config cache-files-dir)"
-      - name: Setup Composer cache
-        uses: actions/cache@v1
-        with:
-          path: ${{ steps.composer-cache.outputs.dir }}
-          key: ${{ runner.os }}-composer-${{ hashFiles('**/composer.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-composer-
       - name: Install composer
         run: composer install --prefer-dist --no-progress --no-suggest --no-dev
       - name: Run phpunit
@@ -84,10 +62,10 @@ jobs:
       - name: Setup PHP version
         uses: shivammathur/setup-php@v2
         with:
-          php-version: '7.4'
+          php-version: "7.4"
           extensions: simplexml, mysql
       - name: Checkout source code
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
       - name: Get Composer Cache Directory
         id: composer-cache
         run: |
@@ -103,4 +81,3 @@ jobs:
         run: composer install --prefer-dist --no-progress --no-suggest
       - name: PHPStan Static Analysis
         run: composer phpstan
-
diff --git a/beaver/src/components/header.js b/beaver/src/components/header.js
@@ -89,14 +89,14 @@ const Header = ( { closeModal, getOrder, getSearchQuery } ) => {
 							window.tiTpc.postType
 						) &&
 							parseInt( window.tiTpc.tier ) === 3 && (
-							<Button
-								label={ window.tiTpc.library.actions.save }
-								icon={ cloudUpload }
-								onClick={ () =>
-									updateCurrentTab( 'export' )
-								}
-							/>
-						) }
+								<Button
+									label={ window.tiTpc.library.actions.save }
+									icon={ cloudUpload }
+									onClick={ () =>
+										updateCurrentTab( 'export' )
+									}
+								/>
+							) }
 					</ButtonGroup>
 				) }
 

diff --git a/beaver/src/export.js b/beaver/src/export.js
@@ -51,9 +51,9 @@ if ( parseInt( window.tiTpc.tier ) === 3 ) {
 		const text = contextMenu.textContent;
 		contextMenu.textContent = text.replace(
 			// eslint-disable-next-line prettier/prettier
-			'<li><a class=\"fl-block-row-reset\" href=\"javascript:void(0);\">Reset Row Width</a></li>',
+			'<li><a class="fl-block-row-reset" href="javascript:void(0);">Reset Row Width</a></li>',
 			// eslint-disable-next-line prettier/prettier
-			'<li><a class=\"fl-block-row-reset\" href=\"javascript:void(0);\">Reset Row Width</a></li><li><a class=\"fl-block-row-tpc-export\" onclick="window.tiTpc.tpcExport(this)" href=\"javascript:void(0);\">Save to Templates Cloud</a></li>'
+			'<li><a class="fl-block-row-reset" href="javascript:void(0);">Reset Row Width</a></li><li><a class="fl-block-row-tpc-export" onclick="window.tiTpc.tpcExport(this)" href="javascript:void(0);">Save to Templates Cloud</a></li>'
 		);
 	}
 

diff --git a/e2e-tests/package.json b/e2e-tests/package.json
@@ -44,12 +44,5 @@
     "cypress:open": "cypress open",
     "cypress:run": "cypress run",
     "visual:test": "percy exec -- cypress run --config baseUrl=https://qa-neve.themeisle.com,video=false --spec 'cypress/integration/visual-regression/**/*.spec.js' --headless"
-  },
-  "browserslist": [
-    "> 0.5%",
-    "last 2 versions",
-    "Firefox ESR",
-    "not dead",
-    "not IE 9-11"
-  ]
+  }
 }
diff --git a/editor/src/components/content.js b/editor/src/components/content.js
@@ -44,9 +44,8 @@ const Content = ( {
 };
 
 export default withSelect( ( select ) => {
-	const { isPreview, isFetching, getCurrentTab } = select(
-		'tpc/block-editor'
-	);
+	const { isPreview, isFetching, getCurrentTab } =
+		select( 'tpc/block-editor' );
 	return {
 		isPreview: isPreview(),
 		isFetching: isFetching(),

diff --git a/editor/src/components/header.js b/editor/src/components/header.js
@@ -41,13 +41,17 @@ const Header = ( { closeModal, getOrder, getSearchQuery } ) => {
 		await fetchTemplates( {
 			search: getSearchQuery(),
 			...order,
-			showFSE: tiTpc.isFSETheme ? window?.localStorage?.tpcShowFse === 'true' : false,
+			showFSE: tiTpc.isFSETheme
+				? window?.localStorage?.tpcShowFse === 'true'
+				: false,
 		} );
 
 		await fetchLibrary( {
 			search: getSearchQuery(),
 			...order,
-			showFSE: tiTpc.isFSETheme ? window?.localStorage?.tpcShowFse === 'true' : false,
+			showFSE: tiTpc.isFSETheme
+				? window?.localStorage?.tpcShowFse === 'true'
+				: false,
 		} );
 
 		setFetching( false );

diff --git a/editor/src/components/import-modal.js b/editor/src/components/import-modal.js
@@ -15,7 +15,7 @@ import { importTemplate } from '../data/templates-cloud';
 const ImportModal = ( {
 	clientId,
 	autoLoad = true,
-    isFse = false,
+	isFse = false,
 	modalOpen,
 	setModalOpen,
 } ) => {
@@ -25,12 +25,8 @@ const ImportModal = ( {
 		previewData: select( 'tpc/block-editor' ).getPreview(),
 	} ) );
 
-	const {
-        removeBlock,
-        replaceBlocks,
-        insertBlocks,
-        resetBlocks,
-    } = useDispatch( 'core/block-editor' );
+	const { removeBlock, replaceBlocks, insertBlocks, resetBlocks } =
+		useDispatch( 'core/block-editor' );
 
 	const { togglePreview } = useDispatch( 'tpc/block-editor' );
 
@@ -44,9 +40,8 @@ const ImportModal = ( {
 
 	const { editPost } = useDispatch( 'core/editor' );
 
-	const { updateLibrary, updateTemplates } = useDispatch(
-		'tpc/block-editor'
-	);
+	const { updateLibrary, updateTemplates } =
+		useDispatch( 'tpc/block-editor' );
 
 	const [ importing, setImporting ] = useState( false );
 

diff --git a/editor/src/data/templates-cloud/index.js b/editor/src/data/templates-cloud/index.js
@@ -33,10 +33,13 @@ export const fetchTemplates = async ( additionalParams = {} ) => {
 		params.type = [ 'gutenberg', 'fse' ];
 	}
 
-	const url = stringifyUrl( {
-		url: tiTpc.endpoint + 'page-templates',
-		query: params,
-	}, { arrayFormat: 'bracket' } );
+	const url = stringifyUrl(
+		{
+			url: tiTpc.endpoint + 'page-templates',
+			query: params,
+		},
+		{ arrayFormat: 'bracket' }
+	);
 
 	try {
 		const response = await apiFetch( {
@@ -73,14 +76,17 @@ export const fetchLibrary = async ( additionalParams = {} ) => {
 		params.type = [ 'gutenberg', 'fse' ];
 	}
 
-	const url = stringifyUrl( {
-		url: tiTpc.endpoint + 'templates',
-		query: {
-			cache: localStorage.getItem( 'tpcCacheBuster' ),
-			...filteredParams,
-			...params,
+	const url = stringifyUrl(
+		{
+			url: tiTpc.endpoint + 'templates',
+			query: {
+				cache: localStorage.getItem( 'tpcCacheBuster' ),
+				...filteredParams,
+				...params,
+			},
 		},
-	}, { arrayFormat: 'bracket' } );
+		{ arrayFormat: 'bracket' }
+	);
 
 	try {
 		const response = await apiFetch( {

diff --git a/editor/src/icon.js b/editor/src/icon.js
@@ -30,15 +30,15 @@ const icon = () => {
 	);
 };
 
-export const iconBlack = ({className}) => {
+export const iconBlack = ( { className } ) => {
 	return (
 		<SVG
 			width="24"
 			height="24"
 			viewBox="0 0 24 24"
 			fill="none"
 			xmlns="http://www.w3.org/2000/svg"
-			className={classnames(['tpc-icon', className])}
+			className={ classnames( [ 'tpc-icon', className ] ) }
 		>
 			<Path
 				d="M22.8063 24H1.19365C0.534714 24 0 23.4653 0 22.8063V1.19365C0 0.534714 0.534714 0 1.19365 0H22.8063C23.4653 0 24 0.534714 24 1.19365V22.8063C24 23.4653 23.4653 24 22.8063 24Z"