Initial commit

Author: Askupa Software

bootstrap.php

@@ -0,0 +1,40 @@
+<?php
+/**
+ * WordPress Dynamic CSS
+ *
+ * Render CSS using dynamic data from WordPress
+ *
+ * @package   wp-dynamic-css
+ * @author    Askupa Software <[email protected]>
+ * @link      https://github.com/askupasoftware/wp-dynamic-css
+ * @copyright 2016 Askupa Software
+ *
+ * @wordpress-plugin
+ * Plugin Name:     WordPress Dynamic CSS
+ * Plugin URI:      https://github.com/askupasoftware/wp-dynamic-css
+ * Description:     Render CSS using dynamic data from WordPress
+ * Version:         1.0.0
+ * Author:          Askupa Software
+ * Author URI:      http://www.askupasoftware.com
+ * Text Domain:     wp-dynamic-css
+ * Domain Path:     /languages
+ */
+
+require_once 'renderer.php';
+
+if( !function_exists('wp_dynamic_css_enqueue') )
+{
+    function wp_dynamic_css_enqueue( $path )
+    {
+        $dcss = DynamicCSSRenderer::get_instance();
+        $dcss->enqueue_style( $path );
+    }
+}
+
+if( !function_exists('wp_dynamic_css_set_callback') )
+{
+    function wp_dynamic_css_set_callback( $callback )
+    {
+        add_filter( 'wp_dynamic_css_get_variable_value', $callback );
+    }
+}

composer.json

@@ -0,0 +1,14 @@
+{
+    "name": "askupa-software/wp-dynamic-css",
+    "description": "Render CSS using dynamic data from WordPress",
+    "type": "wordpress-plugin",
+    "keywords": ["wordpress","plugin","dynamic css","dynamic style"],
+    "homepage": "https://github.com/askupasoftware/wp-dynamic-css",
+    "authors": [
+        {
+            "name": "Askupa Software",
+            "email": "[email protected]"
+        }
+    ],
+    "require": {}
+}

renderer.php

@@ -0,0 +1,102 @@
+<?php
+/**
+ * @package   WordPress Dynamic CSS
+ * @version   1.0.0
+ * @author    Askupa Software <[email protected]>
+ * @link      https://github.com/askupasoftware/wp-dynamic-css
+ * @copyright 2016 Askupa Software
+ */
+
+/**
+ * Dynamic CSS Renderer Utility Class
+ * 
+ * 
+ * Dynamic CSS Syntax
+ * ------------------
+ * <pre>
+ * body {color: $body_color;} 
+ * </pre>
+ * In the above example, the variable $body_color is replaced by a value 
+ * that is retrieved by the filter wp_dynamic_css_get_variable_value. The filter 
+ * is passed the variable name without the dollar sign, which can be used with
+ * get_option() or get_theme_mod() etc.
+ */
+class DynamicCSSRenderer
+{
+    /**
+     * @var Singleton The reference to *Singleton* instance of this class
+     */
+    private static $instance;
+    
+    /**
+     * @var array The list of dynamic styles paths to render
+     */
+    private $styles = array();
+    
+    /**
+     * Returns the *Singleton* instance of this class.
+     *
+     * @return Singleton The *Singleton* instance.
+     */
+    public static function get_instance()
+    {
+        if (null === static::$instance) 
+        {
+            static::$instance = new static();
+            static::$instance->init();
+        }
+        
+        return static::$instance;
+    }
+    
+    /**
+     * Initiate the renderer by hooking to wp_print_styles
+     */
+    public function init()
+    {
+        add_action( 'wp_print_styles', array( $this, 'print_rendered_style' ) );
+    }
+    
+    /**
+     * Add a style path to the pool of styles to be rendered
+     * 
+     * @param type $path The absolute path to the dynamic style
+     */
+    public function enqueue_style( $path )
+    {
+        $this->styles[] = $path;
+    }
+    
+    /**
+     * Parse all styles in $this->styles and print them
+     */
+    public function print_rendered_style()
+    {
+        ob_start();
+        foreach( $this->styles as $style ) 
+        {
+            include $style;
+            echo "\n";
+        }
+        $css = $this->parse_css( ob_get_clean() );
+        include 'style.phtml';
+    }
+    
+    /**
+     * Parse the given CSS string by converting the variables to their 
+     * corresponding values retrieved by applying the filter 
+     * wp_dynamic_css_get_variable_value.
+     * 
+     * @param string $css A string containing dynamic CSS (pre-rendered CSS with 
+     * variables)
+     * @uses wp_dynamic_css_get_variable_value filter
+     * @return string The rendered CSS after converting the variables to their 
+     * corresponding values
+     */
+    public function parse_css( $css )
+    {   
+        return preg_replace_callback('#\$([\w]+)#', function($matches) {
+            return apply_filters( 'wp_dynamic_css_get_variable_value', $matches[1]);
+        }, $css);
+    }
+}

style.phtml

@@ -0,0 +1,7 @@
+<style id="wp-dynamic-css">
+/**
+ * Rendered using wp-dynamic-css
+ * https://github.com/askupasoftware/wp-dynamic-css
+ */
+<?php echo $css; ?>
+</style>