generator-chisel 1.0.0 → 2.0.0-alpha.1

package/lib/commands/create/creators/app/chisel-starter-theme/classes/Theme.php

@@ -0,0 +1,277 @@
+<?php
+
+namespace Chisel;
+
+/**
+ * WordPress Theme setup related functionality.
+ *
+ * @package Chisel
+ */
+class Theme implements Instance {
+
+	/**
+	 * Post types that support post thumbnails.
+	 *
+	 * @var array
+	 */
+	protected $post_thumbnails_post_types = array( 'post' );
+
+	/**
+	 * Navigation menus.
+	 *
+	 * @var array
+	 */
+	protected $nav_menus = array();
+
+	/**
+	 * Class constructor.
+	 */
+	private function __construct() {
+		$this->set_properties();
+		$this->action_hooks();
+		$this->filter_hooks();
+	}
+
+	/**
+	 * Set properties.
+	 */
+	public function set_properties() {
+		// Set nav menus to register.
+		$this->nav_menus = apply_filters(
+			'chisel_nav_menus',
+			array(
+				'chisel_main_nav'   => __( 'Main Navigation', 'chisel' ),
+				'chisel_footer_nav' => __( 'Footer Navigation', 'chisel' ),
+			)
+		);
+	}
+
+	/**
+	 * Register action hooks.
+	 */
+	public function action_hooks() {
+		add_action( 'after_setup_theme', array( $this, 'theme_supports' ) );
+		add_action( 'after_setup_theme', array( $this, 'remove_post_supports' ), 99 );
+		add_action( 'init', array( $this, 'register_nav_menus' ) );
+		add_action( 'after_setup_theme', array( $this, 'i18n' ) );
+		add_action( 'wp_head', array( $this, 'set_scrollbar_width_for_css' ) );
+	}
+
+	/**
+	 * Register filter hooks.
+	 */
+	public function filter_hooks() {
+		add_filter( 'body_class', array( $this, 'body_classes' ) );
+		add_filter( 'tiny_mce_before_init', array( $this, 'mce_custom_colors' ) );
+		add_filter( 'login_headertext', array( $this, 'login_headertext' ) );
+		add_filter( 'login_headerurl', array( $this, 'login_headerurl' ) );
+	}
+
+	/**
+	 * Add theme supports.
+	 */
+	public function theme_supports() {
+		$this->post_thumbnails_post_types = apply_filters( 'chisel_post_thumbnails_post_types', $this->post_thumbnails_post_types );
+
+		add_theme_support( 'post-formats', array() );
+		add_theme_support( 'post-thumbnails', $this->post_thumbnails_post_types );
+		add_theme_support( 'menus' );
+		add_theme_support( 'widgets' );
+
+		add_theme_support(
+			'custom-logo',
+			array(
+				'height'               => 100,
+				'width'                => 400,
+				'flex-height'          => true,
+				'flex-width'           => true,
+				'header-text'          => array( 'site-title', 'site-description' ),
+				'unlink-homepage-logo' => false,
+			)
+		);
+
+		add_theme_support(
+			'html5',
+			array(
+				'search-form',
+				'comment-form',
+				'comment-list',
+				'gallery',
+				'caption',
+			)
+		);
+
+		add_theme_support( 'responsive-embeds' ); // adds ratio class and styles to embeds.
+	}
+
+	/**
+	 * Remove post supports.
+	 */
+	public function remove_post_supports() {
+		remove_post_type_support( 'page', 'comments' );
+		remove_post_type_support( 'page', 'trackbacks' );
+		remove_post_type_support( 'page', 'excerpt' );
+		remove_post_type_support( 'attachment', 'comments' );
+	}
+
+	/**
+	 * Register navigation menus.
+	 */
+	public function register_nav_menus() {
+		register_nav_menus( $this->nav_menus );
+	}
+
+	/**
+	 * Load theme internationalization files.
+	 */
+	public function i18n() {
+		// Load user's custom translations from wp-content/languages/ folder.
+		load_textdomain(
+			'chisel',
+			sprintf(
+				'%s/%s-%s.mo',
+				WP_LANG_DIR,
+				get_template(),
+				get_locale()
+			),
+		);
+
+		// Load theme's available translations.
+		load_theme_textdomain(
+			'chisel',
+			sprintf(
+				'%s/languages',
+				get_template_directory()
+			)
+		);
+	}
+
+	/**
+	 * Calculate scrollbar width and set it as a CSS variable.
+	 */
+	public function set_scrollbar_width_for_css() {
+		?>
+		<script>
+			function getScrollbarWidth() {
+				return window.innerWidth - document.documentElement.clientWidth;
+			}
+
+			setTimeout(() => {
+				const scrollbarWidth = getScrollbarWidth();
+				document.documentElement.style.setProperty('--scrollbar-width', `${scrollbarWidth}px`);
+			}, 10);
+		</script>
+		<?php
+	}
+
+	/**
+	 * Add custom classes to the body tag.
+	 *
+	 * @param array $classes
+	 *
+	 * @return array
+	 */
+	public function body_classes( $classes ) {
+		$classes[] = 'chisel-theme';
+
+		return $classes;
+	}
+
+	/**
+	 * This function will add custom colors pallette to tinymce editor
+	 *
+	 * @param array $settings
+	 *
+	 * @return array
+	 */
+	public function mce_custom_colors( $settings ) {
+		$default_colors = '
+			"000000", "Black",
+			"993300", "Burnt orange",
+			"333300", "Dark olive",
+			"003300", "Dark green",
+			"003366", "Dark azure",
+			"000080", "Navy Blue",
+			"333399", "Indigo",
+			"333333", "Very dark gray",
+			"800000", "Maroon",
+			"FF6600", "Orange",
+			"808000", "Olive",
+			"008000", "Green",
+			"008080", "Teal",
+			"0000FF", "Blue",
+			"666699", "Grayish blue",
+			"808080", "Gray",
+			"FF0000", "Red",
+			"FF9900", "Amber",
+			"99CC00", "Yellow green",
+			"339966", "Sea green",
+			"33CCCC", "Turquoise",
+			"3366FF", "Royal blue",
+			"800080", "Purple",
+			"999999", "Medium gray",
+			"FF00FF", "Magenta",
+			"FFCC00", "Gold",
+			"FFFF00", "Yellow",
+			"00FF00", "Lime",
+			"00FFFF", "Aqua",
+			"00CCFF", "Sky blue",
+			"993366", "Brown",
+			"C0C0C0", "Silver",
+			"FF99CC", "Pink",
+			"FFCC99", "Peach",
+			"FFFF99", "Light yellow",
+			"CCFFCC", "Pale green",
+			"CCFFFF", "Pale cyan",
+			"99CCFF", "Light sky blue",
+			"CC99FF", "Plum",
+			"FFFFFF", "White"
+		';
+
+		$custom_colors = Helpers::get_colors_palette( 'tinymce' );
+
+		$settings['textcolor_map']  = '[' . $default_colors . ',' . $custom_colors . ']';
+		$settings['textcolor_rows'] = 7; // expand colour grid to 7 rows.
+
+		return $settings;
+	}
+
+	/**
+	 * Add custom login page logo text.
+	 *
+	 * @param string $text
+	 *
+	 * @return string
+	 */
+	public function login_headertext( $text ) {
+		$text = esc_attr( get_bloginfo( 'name' ) );
+
+		return $text;
+	}
+
+	/**
+	 * Add custom login page logo url.
+	 *
+	 * @param string $url
+	 *
+	 * @return string
+	 */
+	public function login_headerurl( $url ) {
+		$url = esc_url( get_bloginfo( 'url' ) );
+
+		return $url;
+	}
+
+	/**
+	 * Get the instance of the class.
+	 */
+	public static function get_instance() {
+		static $instance = null;
+
+		if ( null === $instance ) {
+			$instance = new self();
+		}
+
+		return $instance;
+	}
+}

package/lib/commands/create/creators/app/chisel-starter-theme/classes/Twig.php

@@ -0,0 +1,241 @@
+<?php
+
+namespace Chisel;
+
+use Timber\Timber;
+
+/**
+ * Class used to extend Timber functionality.
+ *
+ * @package Chisel
+ */
+class Twig implements Instance {
+
+	/**
+	 * Class constructor.
+	 */
+	private function __construct() {
+		$this->set_properties();
+		$this->action_hooks();
+		$this->filter_hooks();
+	}
+
+	/**
+	 * Set properties.
+	 */
+	public function set_properties() {}
+
+	/**
+	 * Register action hooks.
+	 */
+	public function action_hooks() {
+	}
+
+	/**
+	 * Register filter hooks.
+	 */
+	public function filter_hooks() {
+		add_filter( 'timber/twig', array( $this, 'extend_twig' ) );
+	}
+
+	/**
+	 * Extend Twig functionality.
+	 *
+	 * @param \Twig_Environment $twig The Twig environment.
+	 * @return \Twig_Environment
+	 */
+	public function extend_twig( $twig ) {
+		$twig = $this->register_functions( $twig );
+		$twig = $this->register_filters( $twig );
+		$twig = $this->register_tests( $twig );
+
+		return $twig;
+	}
+
+	/**
+	 * Register custom Twig functions.
+	 *
+	 * @param \Twig_Environment $twig The Twig environment.
+	 * @return \Twig_Environment
+	 */
+	public function register_functions( $twig ) {
+		$this->register_function( $twig, 'get_nav_menu', array( $this, 'get_nav_menu' ) );
+		$this->register_function( $twig, 'timber_set_product', array( $this, 'timber_set_product' ) );
+		$this->register_function( $twig, 'post_classes', array( $this, 'post_classes' ) );
+		$this->register_function( $twig, 'slider_prepare_params', array( $this, 'slider_prepare_params' ) );
+		$this->register_function( $twig, 'get_responsive_image', array( $this, 'get_responsive_image' ) );
+
+		return $twig;
+	}
+
+	/**
+	 * Register custom Twig filters.
+	 *
+	 * @param \Twig_Environment $twig The Twig environment.
+	 * @return \Twig_Environment
+	 */
+	public function register_filters( $twig ) {
+
+		return $twig;
+	}
+
+	/**
+	 * Register custom Twig tests.
+	 *
+	 * @param \Twig_Environment $twig The Twig environment.
+	 * @return \Twig_Environment
+	 */
+	public function register_tests( $twig ) {
+
+		return $twig;
+	}
+
+	/**
+	 * Register a Twig function.
+	 *
+	 * @param   \Twig_Environment $twig The Twig environment.
+	 * @param   string            $name The name of the function.
+	 * @param   callable          $callback The callback function.
+	 *
+	 * @return \Twig_Environment
+	 */
+	protected function register_function( $twig, $name, $callback ) {
+		$twig->addFunction( new \Twig\TwigFunction( $name, $callback ) );
+
+		return $twig;
+	}
+
+	/**
+	 * Get the navigation menu.
+	 *
+	 * @param string $menu_name The menu name.
+	 * @return string
+	 */
+	public function get_nav_menu( $menu_name ) {
+		$context = Timber::context();
+
+		return $context['menus'][$menu_name];
+	}
+
+	/**
+	 * Set the product object.
+	 *
+	 * @param object $post The post object.
+	 */
+	public function timber_set_product( $post ) {
+		return Woocommerce::timber_set_product( $post );
+	}
+
+	/**
+	 * Prepare post classnames to follow ITCSS structure.
+	 *
+	 * @param string $classes The post classes.
+	 * @param string $prefix The prefix e.g. c-post--.
+	 *
+	 * @return string
+	 */
+	public function post_classes( $classes, $prefix = 'c-post--' ) {
+		$classnames = explode( ' ', $classes );
+		$classnames = array_map(
+			function ( $classname ) use ( $prefix ) {
+				return $prefix . $classname;
+			},
+			$classnames
+		);
+
+		return implode( ' ', $classnames );
+	}
+
+	/**
+	 * Prepare slider params for data attributes
+	 *
+	 * @param array $params
+	 *
+	 * @return array
+	 */
+	public function slider_prepare_params( $params ) {
+		$defaults        = array(
+			'type' => 'default',
+		);
+		$prepared_params = array(
+			'data'  => array(),
+			'attrs' => array(),
+		);
+
+		if ( isset( $params['block_settings'] ) ) {
+			$block_settings  = $params['block_settings'];
+			$slider_settings = $block_settings['slider_settings'];
+			unset( $params['block_settings'] );
+
+			if ( in_array( 'arrows', $slider_settings, true ) ) {
+				$params['arrows'] = 'yes';
+			}
+
+			if ( in_array( 'dots', $slider_settings, true ) ) {
+				$params['dots'] = 'yes';
+				$dynamic_dots   = isset( $block_settings['slider_settings_dynamic_dots'] ) ? esc_attr( $block_settings['slider_settings_dynamic_dots'] ) : 'no';
+
+				if ( $dynamic_dots === 'yes' ) {
+					$params['dots-dynamic'] = 1;
+				}
+			}
+
+			if ( in_array( 'loop', $slider_settings, true ) ) {
+				$params['loop'] = 'yes';
+			}
+
+			if ( in_array( 'autoplay', $slider_settings, true ) ) {
+				$autoplay_timeout           = isset( $block_settings['slider_settings_autoplay_timeout'] ) ? absint( $block_settings['slider_settings_autoplay_timeout'] ) : 5000;
+				$params['autoplay']         = 'yes';
+				$params['autoplay-timeout'] = $autoplay_timeout;
+			}
+
+			if ( in_array( 'thumbnails', $slider_settings, true ) ) {
+				$thumbnails_no        = isset( $block_settings['slider_settings_thumbnails_no'] ) ? absint( $block_settings['slider_settings_thumbnails_no'] ) : 8;
+				$params['thumbnails'] = $thumbnails_no;
+			}
+		}
+
+		if ( $params ) {
+			$params = wp_parse_args( $params, $defaults );
+
+			foreach ( $params as $param_name => $param_value ) {
+				if ( is_array( $param_value ) || is_object( $param_value ) ) {
+					$value = Helpers::json_encode_for_data_attribute( $param_value );
+				} else {
+					$value = sanitize_text_field( $param_value );
+				}
+
+				$prepared_params['data'][$param_name]  = $value;
+				$prepared_params['attrs'][$param_name] = sprintf( 'data-%s="%s"', $param_name, $value );
+			}
+		}
+
+		return $prepared_params;
+	}
+
+	/**
+	 * Get responsive image html
+	 *
+	 * @param int    $image_id Image ID.
+	 * @param string $image_size Image size.
+	 *
+	 * @return string
+	 */
+	public function get_responsive_image( $image_id, $image_size ) {
+		return Timber::get_image( $image_id )->responsive( $image_size );
+	}
+
+	/**
+	 * Get the instance of the class.
+	 */
+	public static function get_instance() {
+		static $instance = null;
+
+		if ( null === $instance ) {
+			$instance = new self();
+		}
+
+		return $instance;
+	}
+}

package/lib/commands/create/creators/app/chisel-starter-theme/classes/Woocommerce.php

@@ -0,0 +1,183 @@
+<?php
+//phpcs:disable
+namespace Chisel;
+
+/**
+ * Class used to extend Timber functionality.
+ *
+ * @package Chisel
+ */
+class Woocommerce implements Instance {
+
+	protected $sidebars = array();
+
+	/**
+	 * Class constructor.
+	 */
+	private function __construct() {
+		if ( ! self::is_woocommerce_active() ) {
+			return;
+		}
+
+		$this->set_properties();
+		$this->action_hooks();
+		$this->filter_hooks();
+	}
+
+	/**
+	 * Set properties.
+	 */
+	public function set_properties() {
+		$this->sidebars = array(
+			'woocommerce' => array(
+					'name'        => __( 'Woocommerce', 'chisel' ),
+					'description' => __( 'Sidebar for shop pages', 'chisel' ),
+				),
+		);
+	}
+
+	/**
+	 * Register action hooks.
+	 */
+	public function action_hooks() {
+		$this->remove_actions();
+
+		add_action( 'after_setup_theme', array( $this, 'add_woocommerce_support' ) );
+
+		add_action( 'woocommerce_before_shop_loop', array( $this, 'before_shop_loop_div_open' ), 19 );
+		add_action( 'woocommerce_before_shop_loop', array( $this, 'before_shop_loop_div_close' ), 31 );
+	}
+
+	/**
+	 * Register filter hooks.
+	 */
+	public function filter_hooks() {
+		add_filter( 'chisel_sidebars', array( $this, 'register_sidebars' ) );
+		add_filter( 'woocommerce_enqueue_styles', array( $this, 'enqueue_styles' ) );
+	}
+
+	/**
+	 * Remove WooCommerce actions.
+	 */
+	public function remove_actions() {
+		// Remove loop product link open and close, so we can use our own.
+		remove_action( 'woocommerce_before_shop_loop_item', 'woocommerce_template_loop_product_link_open', 10 );
+		remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_product_link_close', 5 );
+
+		remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10 );
+		remove_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10 );
+		remove_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20 );
+
+		// Remove product default thumbnail.
+		remove_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail' );
+
+		remove_action( 'woocommerce_after_shop_loop', 'woocommerce_pagination', 10 );
+
+		remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_upsell_display', 15 );
+		remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );
+
+	}
+
+	/**
+	 * Add WooCommerce support.
+	 */
+	public function add_woocommerce_support() {
+		add_theme_support( 'woocommerce' );
+		add_theme_support( 'wc-product-gallery-zoom' );
+		add_theme_support( 'wc-product-gallery-lightbox' );
+		add_theme_support( 'wc-product-gallery-slider' );
+	}
+
+	public function before_shop_loop_div_open() {
+		echo '<div class="c-shop__sort"> ';
+	}
+
+	public function before_shop_loop_div_close() {
+		echo ' </div> ';
+	}
+
+	public function register_sidebars( $sidebars ) {
+		$sidebars = array_merge( $sidebars, $this->sidebars );
+
+		return $sidebars;
+	}
+
+	/**
+	 * Modify woocommerce enqueued styles.
+	 *
+	 * @param array $enqueue_styles
+	 *
+	 * @return array
+	*/
+	public function enqueue_styles( $enqueue_styles ) {
+		unset( $enqueue_styles['woocommerce-layout'] );
+
+		return $enqueue_styles;
+	}
+
+	/**
+	 * Set the product object. For some reason, products in the loop don’t get the right context by default. Without this, some elements of the listed products would show the same information as the first product in the loop. This function fixes that.
+	 *
+	 * @param object $post The post object.
+	 */
+	public static function timber_set_product( $post ) {
+		global $product;
+
+		if ( is_woocommerce() ) {
+			$product = wc_get_product( $post->ID );
+		}
+	}
+
+	/**
+	 * Check if WooCommerce is active.
+	 *
+	 * @return bool
+	 */
+	public static function is_woocommerce_active() {
+		return class_exists( '\Woocommerce' );
+	}
+
+	public static function get_products_grid_classnames( $products, $has_sidebar ) {
+		$loop_columns = wc_get_loop_prop( 'columns' );
+
+		// Set max columns to 4.
+		if ( $loop_columns > 4 ) {
+			$loop_columns = 4;
+		}
+
+		$columns_data = array(
+			'medium' => $loop_columns,
+			'small'  => $loop_columns > 2 ? $loop_columns - 1 : $loop_columns,
+		);
+
+		$grid_classnames = array(
+			'o-grid',
+			'o-grid--cols-1',
+		);
+
+		if ( $products ) {
+			$grid_classnames[] = 'o-grid--cols-' . $columns_data['small'] . '-small';
+
+			if ( $has_sidebar ) {
+				$grid_classnames[] = 'o-grid--cols-' . $columns_data['small'] . '-medium';
+			} else {
+				$grid_classnames[] = 'o-grid--cols-' . $columns_data['medium'] . '-medium';
+			}
+		}
+
+		return implode( ' ', $grid_classnames );
+	}
+
+	/**
+	 * Get the instance of the class.
+	 */
+	public static function get_instance() {
+		static $instance = null;
+
+		if ( null === $instance ) {
+			$instance = new self();
+		}
+
+		return $instance;
+	}
+}