functions.php

<?php
/**
 * WordPress UI
 *
 * A set of UI components for WordPress.
 * This is a component within the Amarkal framework.
 *
 * @package   amarkal-ui
 * @author    Askupa Software <hello@askupasoftware.com>
 * @link      https://github.com/amarkal/amarkal-ui
 * @copyright 2017 Askupa Software
 */

// Prevent direct file access
defined( 'ABSPATH' ) or die( 'No script kiddies please!' );

/**
 * Prevent loading the library more than once
 */
if( defined( 'AMARKAL_UI' ) ) return false;
define( 'AMARKAL_UI', true );

if(!function_exists('amarkal_ui_render'))
{
    /**
     * Render a UI component.
     * 
     * @param string $type The component's type - one of the core component types,
     * or a registered custom component.
     * @param array $props The component's properties
     * @return string The rendered HTML
     */
    function amarkal_ui_render( $type, array $props = array() )
    {
        $component = Amarkal\UI\ComponentFactory::create( $type, $props );
        return $component->render();
    }
}

if(!function_exists('amarkal_ui_register_component'))
{
    /**
     * Register a custom UI component. The registered component's class should
     * inherit from Amarkal\UI\AbstractComponent.
     * 
     * @param string $type The component's type. If the custom type is similar 
     * to one of the core component's type, it will override the core component.
     * @param string $class_name The component's class name.
     */
    function amarkal_ui_register_component( $type, $class_name )
    {
        Amarkal\UI\ComponentFactory::register( $type, $class_name );
    }
}

if(!function_exists('amarkal_ui_register_scripts'))
{
    /**
     * Register Amarkal UI styles & scripts. These scripts are later enqueued by
     * UI components where applicable.
     */
    function amarkal_ui_register_scripts()
    {
        \wp_register_script('amarkal-ui',Amarkal\Core\Utility::path_to_url(__DIR__.'/assets/js/dist/amarkal-ui.min.js'),array('jquery','amarkal-core'),false,true);
        \wp_register_script('ace-editor','https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.9/ace.js',array('jquery'),false,true);
        \wp_register_style('amarkal-ui',Amarkal\Core\Utility::path_to_url(__DIR__.'/assets/css/dist/amarkal-ui.min.css'),array());
    }
    \add_action('admin_init','amarkal_ui_register_scripts');
}