Feat/account page redesign

Gruntfile.js

@@ -4,6 +4,7 @@ module.exports = function( grunt) {
         'admin/form-builder/views/form-builder-v4.1.php': 'admin/form-builder.css',
         'admin/form-builder/views/post-form-settings.php': 'admin/form-builder.css',
         'assets/js/forms-list.js': 'admin/form-builder.css',
+        'templates/account.php': 'frontend/account.css',
         'ai-form-builder': 'ai-form-builder.css'
     }
 
@@ -140,10 +141,11 @@ module.exports = function( grunt) {
                     'admin/form-builder/assets/js/**/*.php',
                     'admin/form-builder/assets/js/**/*.js',
                     'includes/Admin/**/*.php',
+                    'templates/**/*.php',
                     'wpuf-functions.php',
                     'assets/js/forms-list.js',
                 ],
-                tasks: ['shell:tailwind:src/css/admin/form-builder.css:assets/css/admin/form-builder.css'],
+                tasks: ['tailwind'],
                 options: {
                     spawn: false
                 }
@@ -277,7 +279,7 @@ module.exports = function( grunt) {
             },
             tailwind: {
                 command: function ( input, output ) {
-                    return `npx tailwindcss -i ${input} -o ${output}`;
+                    return `npx tailwindcss -i ${input} -o ${output} --minify`;
                 }
             },
             tailwind_minify: {

assets/js/account.js

@@ -0,0 +1,2 @@
+// Account page CSS entry point
+import '../css/frontend/account.css';

includes/Fields/Form_Field_Image.php

@@ -78,7 +78,7 @@ public function render( $field_settings, $form_id, $type = 'post', $post_id = nu
             <script type="text/javascript">
                 (function($) {
                     $(document).ready( function(){
-                        var uploader = new WPUF_Uploader('wpuf-<?php echo esc_attr( $unique_id ); ?>-pickfiles', 'wpuf-<?php echo esc_attr( $unique_id ); ?>-upload-container', <?php echo esc_attr( $field_settings['count'] ); ?>, '<?php echo esc_attr( $field_settings['name'] ); ?>', 'jpg,jpeg,gif,png,bmp,webp', <?php echo esc_attr( $field_settings['max_size'] ); ?>);
+                        var uploader = new WPUF_Uploader('wpuf-<?php echo esc_attr( $unique_id ); ?>-pickfiles', 'wpuf-<?php echo esc_attr( $unique_id ); ?>-upload-container', <?php echo esc_attr( isset( $field_settings['count'] ) ? $field_settings['count'] : 1 ); ?>, '<?php echo esc_attr( $field_settings['name'] ); ?>', 'jpg,jpeg,gif,png,bmp,webp', <?php echo esc_attr( isset( $field_settings['max_size'] ) ? $field_settings['max_size'] : 1024 ); ?>);
                         wpuf_plupload_items.push(uploader);
                     });
                 })(jQuery);

includes/Frontend.php

@@ -179,6 +179,11 @@ public function enqueue_scripts() {
                 ]
             );
         }
+
+        // Enqueue account page Tailwind CSS
+        if ( wpuf_has_shortcode( 'wpuf_account' ) || wpuf_has_shortcode( 'wpuf_editprofile' ) ) {
+            wp_enqueue_style( 'wpuf-account', WPUF_ASSET_URI . '/css/frontend/account.css', [], WPUF_VERSION );
+        }
     }
 
     /**

package.json

@@ -7,12 +7,13 @@
   "private": true,
   "scripts": {
     "release": "grunt release",
-    "build": "npm run build:forms-list && npm run build:subscriptions && npm run build:frontend-subscriptions && npm run build:ai-form-builder && npm run build:css",
+    "build": "npm run build:forms-list && npm run build:subscriptions && npm run build:frontend-subscriptions && npm run build:ai-form-builder && npm run build:account && npm run build:css",
     "build:forms-list": "ENTRY=forms-list vite build",
     "build:subscriptions": "ENTRY=subscriptions vite build",
     "build:frontend-subscriptions": "ENTRY=frontend-subscriptions vite build",
     "build:ai-form-builder": "ENTRY=ai-form-builder vite build",
-    "build:css": "grunt tailwind-minify"
+    "build:css": "grunt tailwind-minify",
+    "build:account": "ENTRY=account vite build"
   },
   "devDependencies": {
     "@tailwindcss/forms": "^0.5.7",