Clone wp post

.github/workflows/clone-post.yml

@@ -50,9 +50,9 @@ jobs:
 
       - name: Run PurgeCSS
         run: npm run purgecss
-
-      - name: Mix HTML and CSS in a single file
-        run: npm run grunt
+      
+      - name: Run Juice
+        run: npm run juice
 
       - name: Run cloning css script
         run: python wordpress-cloning-img-script.py ${{ inputs.environment }} ${{ secrets.WORDPRESS_USERNAME }} ${{ secrets.WORDPRESS_PASSWORD }}

inline-css.js

@@ -0,0 +1,42 @@
+const juice = require('juice');
+const fs = require('fs');
+
+// List of HTML files to be updated
+const htmlFiles = [
+  'dist/index.html',
+  // 'dist/index-ar.html',
+  // 'dist/index-cs.html',
+  // 'dist/index-de.html',
+  // 'dist/index-es.html',
+  // 'dist/index-fr.html',
+  // 'dist/index-it.html',
+  // 'dist/index-ja.html',
+  // 'dist/index-ko.html',
+  // 'dist/index-pl.html',
+  // 'dist/index-pt.html',
+  // 'dist/index-ru.html',
+  // 'dist/index-tr.html',
+  // 'dist/index-zh-CN.html',
+  // 'dist/index-zh-TW.html'
+];
+
+// Inline CSS for each HTML file
+htmlFiles.forEach(htmlFile => {
+
+    juice.juiceFile(htmlFile, {}, (err, inlinedHtml) => {
+      if (err) {
+        console.error(`Error inlining CSS for file ${htmlFile}: ${err}`);
+        return;
+      }
+
+
+      fs.writeFile(htmlFile, inlinedHtml, 'utf8', err => {
+        if (err) {
+          console.error(`Error writing file ${htmlFile}: ${err}`);
+          return;
+        }
+        console.log(`CSS inlined successfully for file ${htmlFile}`);
+      });
+    });
+
+});