feat: React Skeleton

base-tailwind.config.js

@@ -0,0 +1,66 @@
+import {
+    scopedPreflightStyles,
+    isolateInsideOfContainer,
+} from 'tailwindcss-scoped-preflight';
+
+const rootClass = '.dokan-layout'; //We will use this class to scope the styles.
+
+/** @type {import('tailwindcss').Config} */
+const baseConfig = {
+    important: rootClass,
+    content: [ './src/**/*.{js,jsx,ts,tsx}', '!./**/*.asset.php' ],
+    theme: {
+        extend: {
+            backgroundColor: {
+                dokan: {
+                    sidebar: {
+                        DEFAULT:
+                            'var(--dokan-sidebar-background-color, #F05025)',
+                        hover: 'var(--dokan-sidebar-hover-background-color, #F05025)',
+                    },
+                    btn: {
+                        DEFAULT:
+                            'var(--dokan-button-background-color, #F05025)',
+                        hover: 'var(--dokan-button-hover-background-color, #F05025)',
+                    },
+                },
+            },
+            textColor: {
+                dokan: {
+                    sidebar: {
+                        DEFAULT: 'var(--dokan-sidebar-text-color, #CFCFCF)',
+                        hover: 'var(--dokan-sidebar-hover-text-color, #ffffff)',
+                    },
+                    btn: {
+                        DEFAULT: 'var(--dokan-button-text-color, #ffffff)',
+                        hover: 'var(--dokan-button-hover-text-color, #ffffff)',
+                    },
+                },
+            },
+            borderColor: {
+                dokan: {
+                    btn: {
+                        DEFAULT: 'var(--dokan-button-border-color, #F05025)',
+                        hover: 'var(--dokan-button-hover-border-color, #F05025)',
+                    },
+                },
+            },
+            colors: {
+                primary: 'var(--dokan-button-background-color, #F05025)',
+                dokan: {
+                    sidebar: 'var(--dokan-button-background-color, #1B233B)',
+                    btn: 'var(--dokan-button-background-color, #F05025)',
+                },
+            },
+        },
+    },
+    plugins: [
+        scopedPreflightStyles( {
+            isolationStrategy: isolateInsideOfContainer( rootClass, {} ),
+        } ),
+        require( '@tailwindcss/typography' ),
+        require( '@tailwindcss/forms' ),
+    ],
+};
+
+module.exports = baseConfig;

includes/Assets.php

@@ -352,6 +352,10 @@ public function get_styles() {
                 'src'       => DOKAN_PLUGIN_ASSEST . '/css/dokan-tailwind.css',
                 'version'   => filemtime( DOKAN_DIR . '/assets/css/dokan-tailwind.css' ),
             ],
+            'dokan-react-frontend' => [
+                'src'       => DOKAN_PLUGIN_ASSEST . '/css/frontend.css',
+                'version'   => filemtime( DOKAN_DIR . '/assets/css/frontend.css' ),
+            ],
         ];
 
         return $styles;
@@ -365,6 +369,7 @@ public function get_styles() {
     public function get_scripts() {
         global $wp_version;
 
+        $frontend_shipping_asset = require DOKAN_DIR . '/assets/js/frontend.asset.php';
         $suffix         = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min';
         $asset_url      = DOKAN_PLUGIN_ASSEST;
         $asset_path     = DOKAN_DIR . '/assets/';
@@ -554,6 +559,11 @@ public function get_scripts() {
                 'deps'    => [ 'jquery' ],
                 'version' => filemtime( $asset_path . 'js/dokan-frontend.js' ),
             ],
+            'dokan-react-frontend'           => [
+                'src'     => $asset_url . '/js/frontend.js',
+                'deps'    => $frontend_shipping_asset['dependencies'],
+                'version' => $frontend_shipping_asset['version'],
+            ],
         ];
 
         return $scripts;
@@ -856,6 +866,8 @@ public function dokan_dashboard_scripts() {
             self::load_form_validate_script();
             $this->load_gmap_script();
 
+            wp_enqueue_script( 'dokan-react-frontend' );
+            wp_enqueue_style( 'dokan-react-frontend' );
             wp_enqueue_script( 'jquery' );
             wp_enqueue_script( 'jquery-ui' );
             wp_enqueue_script( 'jquery-ui-autocomplete' );

includes/REST/DokanDataContinentsController.php

@@ -0,0 +1,123 @@
+<?php
+
+namespace WeDevs\Dokan\REST;
+
+use WC_REST_Data_Continents_Controller;
+use WP_Error;
+use WP_REST_Request;
+use WP_REST_Response;
+
+class DokanDataContinentsController extends WC_REST_Data_Continents_Controller {
+
+    /**
+     * Endpoint namespace.
+     *
+     * @var string
+     */
+    protected $namespace = 'dokan/v1';
+
+    /**
+     * Route base.
+     *
+     * @var string
+     */
+    protected $rest_base = 'data/continents';
+
+    /**
+     * Register routes.
+     *
+     * @since 3.5.0
+     */
+    public function register_routes() {
+        parent::register_routes();
+    }
+
+    /**
+     * Return the list of states for all countries.
+     *
+     * @since  3.5.0
+     * @param  WP_REST_Request $request Request data.
+     * @return WP_Error|WP_REST_Response
+     */
+    public function get_items( $request ) {
+        $this->set_woocommerce_rest_check_permissions();
+
+        return parent::get_items( $request );
+    }
+
+    /**
+     * Return the list of states for a given country.
+     *
+     * @since  3.5.0
+     * @param  WP_REST_Request $request Request data.
+     * @return WP_Error|WP_REST_Response
+     */
+    public function get_item( $request ) {
+        $this->set_woocommerce_rest_check_permissions();
+        return parent::get_item( $request );
+    }
+
+    /**
+     * Check if a given request has access to read an item.
+     *
+     * @param  WP_REST_Request $request Full details about the request.
+     * @return WP_Error|boolean
+     */
+    public function get_item_permissions_check( $request ) {
+        $this->set_woocommerce_rest_check_permissions();
+        $item_permission = $this->get_items_permissions_check( $request );
+
+        if ( is_wp_error( $item_permission ) ) {
+            return $item_permission;
+        }
+
+        return parent::get_item_permissions_check( $request );
+    }
+
+    /**
+     * Check if a given request has access to read items.
+     *
+     * @since DOKAN_SINCE
+     *
+     * @param  WP_REST_Request $request Full details about the request.
+     * @return WP_Error|boolean
+     */
+    public function get_items_permissions_check( $request ) {
+        // phpcs:ignore WordPress.WP.Capabilities.Unknown
+        if ( current_user_can( dokan_admin_menu_capability() ) || current_user_can( 'dokandar' ) ) {
+            return true;
+        }
+
+        return new WP_Error(
+            'dokan_pro_permission_failure',
+            __( 'You are not allowed to do this action.', 'dokan-lite' ),
+            [
+                'status' => rest_authorization_required_code(),
+			]
+        );
+    }
+
+    private function set_woocommerce_rest_check_permissions() {
+        add_filter( 'woocommerce_rest_check_permissions', [ $this, 'add_subscriptions_read_permission_to_vendors' ], 10, 4 );
+    }
+
+    /**
+     * Add permissions.
+     *
+     * @since DOKAN_PRO_SINCE
+     *
+     * @param $permission
+     * @param $context
+     * @param $object_id
+     * @param $obj
+     *
+     * @return true
+     */
+    public function add_subscriptions_read_permission_to_vendors( $permission, $context, $object_id, $obj ) {
+        if ( 'read' === $context ) {
+            return true;
+        }
+
+        return $permission;
+    }
+}

includes/REST/DokanDataCountriesController.php

@@ -0,0 +1,123 @@
+<?php
+
+namespace WeDevs\Dokan\REST;
+
+use WC_REST_Data_Countries_Controller;
+use WP_Error;
+use WP_REST_Request;
+use WP_REST_Response;
+
+class DokanDataCountriesController extends WC_REST_Data_Countries_Controller {
+
+    /**
+     * Endpoint namespace.
+     *
+     * @var string
+     */
+    protected $namespace = 'dokan/v1';
+
+    /**
+     * Route base.
+     *
+     * @var string
+     */
+    protected $rest_base = 'data/countries';
+
+    /**
+     * Register routes.
+     *
+     * @since 3.5.0
+     */
+    public function register_routes() {
+        parent::register_routes();
+    }
+
+    /**
+     * Return the list of states for all countries.
+     *
+     * @since  3.5.0
+     * @param  WP_REST_Request $request Request data.
+     * @return WP_Error|WP_REST_Response
+     */
+    public function get_items( $request ) {
+        $this->set_woocommerce_rest_check_permissions();
+
+        return parent::get_items( $request );
+    }
+
+    /**
+     * Return the list of states for a given country.
+     *
+     * @since  3.5.0
+     * @param  WP_REST_Request $request Request data.
+     * @return WP_Error|WP_REST_Response
+     */
+    public function get_item( $request ) {
+        $this->set_woocommerce_rest_check_permissions();
+        return parent::get_item( $request );
+    }
+
+    /**
+     * Check if a given request has access to read an item.
+     *
+     * @param  WP_REST_Request $request Full details about the request.
+     * @return WP_Error|boolean
+     */
+    public function get_item_permissions_check( $request ) {
+        $this->set_woocommerce_rest_check_permissions();
+        $item_permission = $this->get_items_permissions_check( $request );
+
+        if ( is_wp_error( $item_permission ) ) {
+            return $item_permission;
+        }
+
+        return parent::get_item_permissions_check( $request );
+    }
+
+    /**
+     * Check if a given request has access to read items.
+     *
+     * @since DOKAN_SINCE
+     *
+     * @param  WP_REST_Request $request Full details about the request.
+     * @return WP_Error|boolean
+     */
+    public function get_items_permissions_check( $request ) {
+        // phpcs:ignore WordPress.WP.Capabilities.Unknown
+        if ( current_user_can( dokan_admin_menu_capability() ) || current_user_can( 'dokandar' ) ) {
+            return true;
+        }
+
+        return new WP_Error(
+            'dokan_pro_permission_failure',
+            __( 'You are not allowed to do this action.', 'dokan-lite' ),
+            [
+                'status' => rest_authorization_required_code(),
+			]
+        );
+    }
+
+    private function set_woocommerce_rest_check_permissions() {
+        add_filter( 'woocommerce_rest_check_permissions', [ $this, 'add_subscriptions_read_permission_to_vendors' ], 10, 4 );
+    }
+
+    /**
+     * Add permissions.
+     *
+     * @since DOKAN_PRO_SINCE
+     *
+     * @param $permission
+     * @param $context
+     * @param $object_id
+     * @param $obj
+     *
+     * @return true
+     */
+    public function add_subscriptions_read_permission_to_vendors( $permission, $context, $object_id, $obj ) {
+        if ( 'read' === $context ) {
+            return true;
+        }
+
+        return $permission;
+    }
+}

includes/REST/Manager.php

@@ -77,7 +77,7 @@
      *
      * @return void
      */
     public function prepeare_product_response( $response, $object, $request ) {
         $data = $response->get_data();
         $author_id = get_post_field( 'post_author', $data['id'] );
 
@@ -170,7 +170,7 @@
      *
      * @return void
      */
     public function on_dokan_rest_insert_product( $object, $request, $creating ) {
         // if not creating, meaning product is updating. So return early
         if ( ! $creating ) {
             return;
@@ -234,6 +234,8 @@
                 DOKAN_DIR . '/includes/REST/StoreSettingControllerV2.php'        => '\WeDevs\Dokan\REST\StoreSettingControllerV2',
                 DOKAN_DIR . '/includes/REST/VendorDashboardController.php'       => '\WeDevs\Dokan\REST\VendorDashboardController',
                 DOKAN_DIR . '/includes/REST/ProductBlockController.php'          => '\WeDevs\Dokan\REST\ProductBlockController',
+                DOKAN_DIR . '/includes/REST/DokanDataCountriesController.php'    => '\WeDevs\Dokan\REST\DokanDataCountriesController',
+                DOKAN_DIR . '/includes/REST/DokanDataContinentsController.php'   => '\WeDevs\Dokan\REST\DokanDataContinentsController',
             )
         );
     }

package.json

@@ -22,6 +22,8 @@
     "release:dev": "npm install && npm run build && npm run clean-files && npm run makepot && npm run zip"
   },
   "devDependencies": {
+    "@tailwindcss/forms": "^0.5.9",
+    "@tailwindcss/typography": "^0.5.15",
     "@wordpress/scripts": "^27.9.0",
     "chartjs-adapter-moment": "^1.0.1",
     "debounce": "^1.2.1",
@@ -34,6 +36,7 @@
     "papaparse": "^5.4.1",
     "replace-in-file": "^6.3.5",
     "tailwindcss": "^3.3.3",
+    "tailwindcss-scoped-preflight": "^3.4.5",
     "vue": "^2.7.14",
     "vue-chartjs": "^3.5.1",
     "vue-color": "^2.8.1",
@@ -50,6 +53,14 @@
     "wp-readme-to-markdown": "^1.0.1"
   },
   "dependencies": {
-    "@wordpress/i18n": "^5.8.0"
+    "@getdokan/dokan-ui": "^1.0.14",
+    "@wordpress/components": "^28.9.0",
+    "@wordpress/data": "^10.9.0",
+    "@wordpress/dom-ready": "^4.9.0",
+    "@wordpress/element": "^6.9.0",
+    "@wordpress/hooks": "^4.9.0",
+    "@wordpress/i18n": "^5.8.0",
+    "@wordpress/plugins": "^7.10.0",
+    "react-router-dom": "^6.27.0"
   }
 }