From 8f0f1997c10986128e3ebbd0bfe8ef61d1926397 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maur=C3=ADcio=20Meneghini=20Fauth?= <mauricio@fauth.dev>
Date: Tue, 22 Dec 2020 00:09:19 -0300
Subject: [PATCH] Add rtlcss script command
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

yarn run css-rtl

Signed-off-by: Maurício Meneghini Fauth <mauricio@fauth.dev>
---
 .rtlcssrc.json        | 3 +++
 package.json          | 3 ++-
 templates/header.twig | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)
 create mode 100644 .rtlcssrc.json

diff --git a/.rtlcssrc.json b/.rtlcssrc.json
new file mode 100644
index 0000000000..e5fe60fbca
--- /dev/null
+++ b/.rtlcssrc.json
@@ -0,0 +1,3 @@
+{
+    "map": true
+}
diff --git a/package.json b/package.json
index 7962fb1f9c..cdd9347c35 100644
--- a/package.json
+++ b/package.json
@@ -57,9 +57,10 @@
   },
   "scripts": {
     "postinstall": "yarn run build",
-    "build": "yarn run css-compile --style=compressed && yarn run js-compile",
+    "build": "yarn run css-compile --style=compressed && yarn run css-rtl && yarn run js-compile",
     "css-compile": "sass themes/pmahomme/scss:themes/pmahomme/css themes/original/scss:themes/original/css themes/metro/scss:themes/metro/css themes/bootstrap/scss:themes/bootstrap/css",
     "css-lint": "stylelint --syntax scss \"themes/**/scss/*.scss\"",
+    "css-rtl": "find themes/*/css/*theme.css -exec yarn run rtlcss -c .rtlcssrc.json {} \\;",
     "js-lint": "eslint js/src",
     "js-compile": "babel js/src -d js/dist"
   }
diff --git a/templates/header.twig b/templates/header.twig
index e372066d9b..2a31ee75fd 100644
--- a/templates/header.twig
+++ b/templates/header.twig
@@ -19,7 +19,7 @@
     <link rel="stylesheet" type="text/css" href="{{ base_dir }}js/vendor/codemirror/lib/codemirror.css?{{ version }}">
     <link rel="stylesheet" type="text/css" href="{{ base_dir }}js/vendor/codemirror/addon/hint/show-hint.css?{{ version }}">
     <link rel="stylesheet" type="text/css" href="{{ base_dir }}js/vendor/codemirror/addon/lint/lint.css?{{ version }}">
-    <link rel="stylesheet" type="text/css" href="{{ theme_path }}/css/theme{{ text_dir == 'rtl' ? '-rtl' }}.css?{{ version }}&nocache=
+    <link rel="stylesheet" type="text/css" href="{{ theme_path }}/css/theme{{ text_dir == 'rtl' ? '.rtl' }}.css?{{ version }}&nocache=
       {{- unique_value }}{{ text_dir }}{% if server is not empty %}&server={{ server }}{% endif %}">
     <link rel="stylesheet" type="text/css" href="{{ theme_path }}/css/printview.css?{{ version }}" media="print" id="printcss">
   {% endif %}