Merge pull request #355 from KevinBatdorf/fix-rtl-update

add rtl fix

Author: KevinBatdorf

code-block-pro.php

@@ -7,7 +7,7 @@
  * Author URI:        https://code-block-pro.com/?utm_campaign=plugin&utm_source=author-uri
  * Requires at least: 6.0
  * Requires PHP:      7.0
- * Version:           1.26.7
+ * Version:           1.26.8
  * License:           GPL-2.0-or-later
  * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
  * Text Domain:       code-block-pro

cypress/e2e/rtl.cy.js

@@ -0,0 +1,38 @@
+beforeEach(() => {
+    cy.resetDatabase();
+    cy.clearBrowserStorage();
+    cy.loginUser();
+    cy.visitNewPageEditor();
+    cy.addBlock('kevinbatdorf/code-block-pro');
+    cy.findBlock('code-block-pro').should('exist');
+
+    cy.focusBlock('code-block-pro', 'textarea');
+    cy.findBlock('code-block-pro', 'textarea').should('have.focus');
+});
+afterEach(() => {
+    cy.saveDraft(); // so we can leave without an alert
+    cy.logoutUser();
+});
+context('RTL', () => {
+    it('Renders code LTR', () => {
+        cy.addCode('const foo = "bar";');
+        // check ltr
+        cy.findBlock('code-block-pro').should('have.css', 'direction', 'ltr');
+
+        // update language
+        cy.saveDraft();
+        cy.switchWpLang('fa_AF');
+        cy.reload();
+
+        // assert code is still ltr
+        cy.findBlock('code-block-pro').should('have.css', 'direction', 'ltr');
+
+        // preview page and assert code is ltr
+        cy.previewCurrentPage();
+        cy.get('.wp-block-kevinbatdorf-code-block-pro').should(
+            'have.css',
+            'direction',
+            'ltr',
+        );
+    });
+});

cypress/support/commands.js

@@ -25,7 +25,7 @@ import {
     visitToLoginPage,
 } from './navigate-pages';
 import { installPlugin, uninstallPlugin } from './plugins';
-import { resetDatabase } from './wp-cli';
+import { resetDatabase, switchWpLanguage } from './wp-cli';
 
 // Port more commands from WP here:
 // https://github.com/WordPress/gutenberg/tree/trunk/packages/e2e-test-utils/src
@@ -66,8 +66,8 @@ Cypress.Commands.add('wpDataSelect', (store, selector, ...parameters) =>
 Cypress.Commands.add('previewCurrentPage', () => previewCurrentPage());
 
 // Server
-Cypress.Commands.add('resetDatabase', () => resetDatabase());
-
+Cypress.Commands.add('resetDatabase', resetDatabase);
+Cypress.Commands.add('switchWpLang', switchWpLanguage);
 // Manage plugins
 Cypress.Commands.add('installPlugin', (slug) => installPlugin(slug));
 Cypress.Commands.add('uninstallPlugin', (slug) => uninstallPlugin(slug));

cypress/support/e2e.js

@@ -1,4 +1,3 @@
 import 'cypress-real-events';
-import 'cypress-wait-until';
 import './commands';
 import './helpers';

cypress/support/wp-cli.js

@@ -4,3 +4,9 @@ export const resetDatabase = () => {
         'wp-env run cli wp user meta add 1 wp_persisted_preferences \'{"core/edit-post":{"welcomeGuide":false,"core/edit-post/pattern-modal":false,"pattern-modal":false,"edit-post/pattern-modal":false,"patternModal":false},"core":{"enableChoosePatternModal":false},"_modified":"2025-03-23T02:16:33.561Z"}\' --format=json',
     );
 };
+
+export const switchWpLanguage = (language) => {
+    // install first
+    cy.exec(`wp-env run cli wp language core install ${language}`);
+    cy.exec(`wp-env run cli wp site switch-language ${language}`);
+};

package.json

@@ -33,7 +33,6 @@
         "copy-webpack-plugin": "13.0.0",
         "cypress": "14.2.0",
         "cypress-real-events": "^1.14.0",
-        "cypress-wait-until": "3.0.2",
         "eslint": "9.22.0",
         "eslint-config-prettier": "10.1.1",
         "eslint-plugin-cypress": "4.2.0",

readme.txt

@@ -2,7 +2,7 @@
 Contributors:      kbat82, dcooney
 Tags:              block, code, syntax, highlighter, php
 Tested up to:      6.7
-Stable tag:        1.26.7
+Stable tag:        1.26.8
 License:           GPL-2.0-or-later
 License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 
@@ -313,6 +313,9 @@ Themes are rendered inside the editor as you type or make changes, so the code b
 
 == Changelog ==
 
+= 1.26.8 - 2025-03-24 =
+- Fix Rtl bug
+
 = 1.26.7 - 2025-03-23 =
 - Removes .gitignore from the plugin distribution
 - Updates tests

webpack.config.js

@@ -9,13 +9,13 @@ const RtlCssPlugin = require('rtlcss-webpack-plugin');
 // eslint-disable-next-line no-undef
 module.exports = {
     ...defaultConfig,
-    devServer: {
-        ...defaultConfig.devServer,
-        host: 'wordpress.test',
-    },
+    devServer: { ...defaultConfig.devServer, host: 'wordpress.test' },
     plugins: [
         ...defaultConfig.plugins.filter(
-            (filter) => !(filter instanceof RtlCssPlugin),
+            (filter) =>
+                // Remove the rtl plugin
+                !(filter instanceof RtlCssPlugin) &&
+                filter.constructor.name !== 'RtlCssPlugin',
         ),
         new CopyPlugin({
             patterns: [
@@ -24,7 +24,5 @@ module.exports = {
             ],
         }),
     ],
-    experiments: {
-        asyncWebAssembly: true,
-    },
+    experiments: { asyncWebAssembly: true },
 };