967 lines
33 KiB
PHP
967 lines
33 KiB
PHP
<?php
|
|
/*
|
|
Plugin Name: SiteOrigin CSS
|
|
Description: An advanced CSS editor from SiteOrigin.
|
|
Version: 1.5.11
|
|
Author: SiteOrigin
|
|
Author URI: https://siteorigin.com
|
|
Plugin URI: https://siteorigin.com/css/
|
|
License: GPL3
|
|
License URI: https://www.gnu.org/licenses/gpl-3.0.txt
|
|
Text Domain: so-css
|
|
*/
|
|
|
|
// Handle the legacy CSS editor that came with SiteOrigin themes
|
|
include plugin_dir_path( __FILE__ ) . 'inc/legacy.php';
|
|
|
|
define( 'SOCSS_VERSION', '1.5.11' );
|
|
define( 'SOCSS_JS_SUFFIX', '.min' );
|
|
|
|
/**
|
|
* Class SiteOrigin_CSS The main class for the SiteOrigin CSS Editor
|
|
*/
|
|
class SiteOrigin_CSS {
|
|
|
|
private $theme;
|
|
private $snippet_paths;
|
|
private $css_file;
|
|
|
|
public function __construct() {
|
|
$this->theme = basename( get_template_directory() );
|
|
$this->snippet_paths = array();
|
|
|
|
// Main header actions
|
|
add_action( 'plugins_loaded', array( $this, 'set_plugin_textdomain' ) );
|
|
|
|
global $wp_filesystem;
|
|
|
|
if ( ! class_exists( 'wp_filesystem' ) ) {
|
|
require_once ABSPATH . '/wp-admin/includes/file.php';
|
|
WP_Filesystem();
|
|
}
|
|
|
|
// Priority 20 is necessary to ensure our CSS takes precedence.
|
|
add_action( 'wp_head', array( $this, 'enqueue_css' ), 20 );
|
|
|
|
// All the admin actions
|
|
add_action( 'admin_menu', array( $this, 'action_admin_menu' ) );
|
|
add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_admin_scripts' ), 20 );
|
|
add_action( 'admin_enqueue_scripts', array( $this, 'dequeue_admin_scripts' ), 19 );
|
|
add_action( 'load-appearance_page_so_custom_css', array( $this, 'add_help_tab' ) );
|
|
|
|
// Add the action links.
|
|
add_action( 'plugin_action_links_' . plugin_basename( __FILE__ ), array( $this, 'plugin_action_links' ) );
|
|
|
|
// The request to hide the getting started video
|
|
add_action( 'wp_ajax_socss_hide_getting_started', array( $this, 'admin_action_hide_getting_started' ) );
|
|
|
|
add_action( 'wp_ajax_socss_get_post_css', array( $this, 'admin_action_get_post_css' ) );
|
|
add_action( 'wp_ajax_socss_get_revisions_list', array( $this, 'admin_action_get_revisions_list' ) );
|
|
add_action( 'wp_ajax_socss_save_css', array( $this, 'admin_action_save_css' ) );
|
|
|
|
if ( ! is_admin() ) {
|
|
if ( isset( $_GET['so_css_preview'] ) ) {
|
|
add_action( 'plugins_loaded', array( $this, 'disable_ngg_resource_manager' ) );
|
|
add_filter( 'show_admin_bar', '__return_false' );
|
|
add_filter( 'wp_enqueue_scripts', array( $this, 'enqueue_inspector_scripts' ) );
|
|
add_filter( 'wp_footer', array( $this, 'inspector_templates' ) );
|
|
|
|
// We'll be grabbing all the enqueued scripts and outputting them
|
|
add_action( 'wp_enqueue_scripts', array( $this, 'inline_inspector_scripts' ), 100 );
|
|
}
|
|
} elseif ( ! class_exists( 'SiteOrigin_Installer' ) ) {
|
|
include plugin_dir_path( __FILE__ ) . 'inc/installer/siteorigin-installer.php';
|
|
if (
|
|
! class_exists( 'SiteOrigin_Panels' ) &&
|
|
! class_exists( 'SiteOrigin_Widgets_Bundle' ) &&
|
|
! class_exists( 'SiteOrigin_Premium' )
|
|
) {
|
|
add_filter( 'siteorigin_add_installer', array( $this, 'manage_installer' ) );
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Get a singleton of the SiteOrigin CSS.
|
|
*
|
|
* @return SiteOrigin_CSS
|
|
*/
|
|
public static function single() {
|
|
static $single;
|
|
|
|
if ( empty( $single ) ) {
|
|
$single = new SiteOrigin_CSS();
|
|
}
|
|
|
|
return $single;
|
|
}
|
|
|
|
public function manage_installer( $status ) {
|
|
// If the user hasn't enabled/disabled the installer, disable it by default.
|
|
if ( empty( get_option( 'siteorigin_installer' ) ) ) {
|
|
$status = false;
|
|
}
|
|
return $status;
|
|
}
|
|
|
|
/**
|
|
* Retrieve the current custom CSS for a given theme and post id combination.
|
|
*
|
|
* @param $theme string The name of the theme for which to retrieve custom CSS.
|
|
* @param $post_id int The ID of the specific post for which to retrieve custom CSS.
|
|
*
|
|
* @return string The custom CSS for the theme and post ID combination.
|
|
*/
|
|
public function get_custom_css( $theme, $post_id = null ) {
|
|
$css_key = 'siteorigin_custom_css[' . $theme . ']';
|
|
|
|
if ( empty( $post_id ) && WP_Filesystem() ) {
|
|
$custom_css_file = apply_filters( 'siteorigin_custom_css_file', false );
|
|
|
|
if (
|
|
! empty( $custom_css_file ) &&
|
|
! empty( $custom_css_file['file'] )
|
|
) {
|
|
// Did we previously load the CSS file? If not, load it.
|
|
if ( empty( $this->css_file ) || isset( $_POST['siteorigin_custom_css'] ) ) {
|
|
global $wp_filesystem;
|
|
|
|
// If custom file doesn't exist, create it.
|
|
if ( ! $wp_filesystem->exists( $custom_css_file['file'] ) ) {
|
|
$wp_filesystem->touch( $custom_css_file['file'] );
|
|
}
|
|
|
|
if ( empty( get_option( 'siteorigin_custom_file' ) ) ) {
|
|
update_option( 'siteorigin_custom_file', true, true );
|
|
}
|
|
|
|
if ( $wp_filesystem->is_writable( $custom_css_file['file'] ) ) {
|
|
$this->css_file = $wp_filesystem->get_contents( $custom_css_file['file'] );
|
|
}
|
|
}
|
|
|
|
return $this->css_file;
|
|
} elseif ( ! empty( get_option( 'siteorigin_custom_file' ) ) ) {
|
|
// If the custom file filter was previously active we need to
|
|
// generate the global CSS file to avoid no CSS outputting
|
|
// without modification.
|
|
delete_option( 'siteorigin_custom_file', true );
|
|
$css_file_path = $this->get_css_file_name( $theme );
|
|
|
|
global $wp_filesystem;
|
|
$wp_filesystem->put_contents(
|
|
$css_file_path,
|
|
get_option( $css_key, '' )
|
|
);
|
|
}
|
|
}
|
|
|
|
if ( ! empty( $post_id ) ) {
|
|
return get_post_meta( $post_id, $css_key, true );
|
|
}
|
|
|
|
return get_option( $css_key, '' );
|
|
}
|
|
|
|
/**
|
|
* Save custom CSS for a given theme and post id combination.
|
|
*
|
|
* @param $custom_css string The custom CSS to save.
|
|
* @param $theme string The name of the theme for which to save custom CSS.
|
|
* @param $post_id int The ID of the specific post for which to save custom CSS.
|
|
*
|
|
* @return bool Whether or not saving the custom CSS was successful.
|
|
*/
|
|
public function save_custom_css( $custom_css, $theme, $post_id = null ) {
|
|
$css_key = 'siteorigin_custom_css[' . $theme . ']';
|
|
|
|
if ( empty( $post_id ) ) {
|
|
$current = get_option( $css_key );
|
|
|
|
if ( $current === false ) {
|
|
return add_option( $css_key, $custom_css, '', 'no' );
|
|
} else {
|
|
return update_option( $css_key, $custom_css );
|
|
}
|
|
}
|
|
|
|
if ( metadata_exists( 'post', $post_id, $css_key ) ) {
|
|
return update_post_meta( $post_id, $css_key, $custom_css );
|
|
}
|
|
|
|
return add_post_meta( $post_id, $css_key, $custom_css );
|
|
}
|
|
|
|
/**
|
|
* Returns the file name of the CSS file we're editing.
|
|
*
|
|
* @param null $post_id
|
|
*/
|
|
public function get_css_file_name( $theme, $post_id = null ) {
|
|
global $wp_filesystem;
|
|
$upload_dir = wp_upload_dir();
|
|
$upload_dir_path = $upload_dir['basedir'] . '/so-css/';
|
|
|
|
if ( ! $wp_filesystem->is_dir( $upload_dir_path ) ) {
|
|
$wp_filesystem->mkdir( $upload_dir_path );
|
|
}
|
|
|
|
$css_file_name = 'so-css-' . $theme . ( ! empty( $post_id ) ? '_' . $post_id : '' );
|
|
|
|
return $upload_dir_path . $css_file_name . '.css';
|
|
}
|
|
|
|
/**
|
|
* Save custom CSS for a given theme and post id combination to a file in the uploads directory to allow for caching.
|
|
*
|
|
* @param null $post_id
|
|
*/
|
|
public function save_custom_css_file( $custom_css, $theme, $post_id = null ) {
|
|
if ( WP_Filesystem() ) {
|
|
global $wp_filesystem;
|
|
$css_file_path = apply_filters( 'siteorigin_custom_css_file', false );
|
|
|
|
if (
|
|
empty( $css_file_path ) ||
|
|
empty( $css_file_path['file'] ) ||
|
|
! $wp_filesystem->is_writable( $css_file_path['file'] )
|
|
) {
|
|
$css_file_path = $this->get_css_file_name( $theme, $post_id );
|
|
|
|
if ( file_exists( $css_file_path ) ) {
|
|
$wp_filesystem->delete( $css_file_path );
|
|
}
|
|
} else {
|
|
$css_file_path = $css_file_path['file'];
|
|
$this->css_file = $custom_css;
|
|
}
|
|
|
|
$wp_filesystem->put_contents(
|
|
$css_file_path,
|
|
$custom_css
|
|
);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Retrieve the previous revisions of custom CSS for a given theme and post id combination.
|
|
*
|
|
* @param $theme string The name of the theme for which to retrieve custom CSS revisions.
|
|
* @param $post_id int The ID of the specific post for which to retrieve custom CSS revisions.
|
|
*
|
|
* @return array The custom CSS revisions for the theme and post ID combination.
|
|
*/
|
|
public function get_custom_css_revisions( $theme, $post_id = null ) {
|
|
$css_key = 'siteorigin_custom_css_revisions[' . $theme . ']';
|
|
|
|
if ( empty( $post_id ) ) {
|
|
return get_option( $css_key, '' );
|
|
}
|
|
|
|
return get_post_meta( $post_id, $css_key, true );
|
|
}
|
|
|
|
/**
|
|
* Adds a custom CSS revision for a given theme and post id combination.
|
|
*
|
|
* @param $custom_css string The custom CSS to add as a revision.
|
|
* @param $theme string The name of the theme for which to save custom CSS.
|
|
* @param $post_id int The ID of the specific post for which to save custom CSS.
|
|
*
|
|
* @return bool Whether or not adding the custom CSS revision was successful.
|
|
*/
|
|
public function add_custom_css_revision( $custom_css, $theme, $post_id = null ) {
|
|
$revisions = $this->get_custom_css_revisions( $this->theme, $post_id );
|
|
|
|
$css_key = 'siteorigin_custom_css_revisions[' . $theme . ']';
|
|
|
|
if ( empty( $revisions ) ) {
|
|
$revisions = array();
|
|
|
|
if ( empty( $post_id ) ) {
|
|
add_option( $css_key, $revisions, '', 'no' );
|
|
} else {
|
|
add_post_meta( $post_id, $css_key, $revisions );
|
|
}
|
|
}
|
|
$revisions[ time() ] = $custom_css;
|
|
|
|
// Sort the revisions and cut off any old ones.
|
|
krsort( $revisions );
|
|
$revisions = array_slice( $revisions, 0, 15, true );
|
|
|
|
if ( empty( $post_id ) ) {
|
|
return update_option( $css_key, $revisions );
|
|
}
|
|
|
|
return update_post_meta( $post_id, $css_key, $revisions );
|
|
}
|
|
|
|
/**
|
|
* Enqueue or print inline CSS.
|
|
*/
|
|
public function enqueue_css() {
|
|
$this->enqueue_custom_css( $this->theme );
|
|
|
|
if ( is_singular() ) {
|
|
$this->enqueue_custom_css( $this->theme, get_the_ID() );
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Enqueue the custom CSS for the given theme and post id combination.
|
|
*
|
|
* @param $theme string The name of the theme for which to enqueue custom CSS.
|
|
* @param $post_id int The ID of the specific post for which to enqueue custom CSS.
|
|
*/
|
|
public function enqueue_custom_css( $theme, $post_id = null ) {
|
|
$css_id = $theme . ( ! empty( $post_id ) ? '_' . $post_id : '' );
|
|
|
|
if (
|
|
empty( $_GET['so_css_preview'] ) &&
|
|
! is_admin() &&
|
|
apply_filters( 'siteorigin_css_enqueue_css', true )
|
|
) {
|
|
$custom_css_file = apply_filters( 'siteorigin_custom_css_file', array() );
|
|
|
|
if ( ! empty( $post_id ) || empty( $custom_css_file ) ) {
|
|
$upload_dir = wp_upload_dir();
|
|
$upload_dir_path = $upload_dir['basedir'] . '/so-css/';
|
|
$css_file_name = 'so-css-' . $css_id;
|
|
$css_file_path = $upload_dir_path . $css_file_name . '.css';
|
|
$css_file_url = $upload_dir['baseurl'] . '/so-css/' . $css_file_name . '.css';
|
|
} elseif ( isset( $custom_css_file['url'] ) ) {
|
|
$css_file_path = $custom_css_file['file'];
|
|
$css_file_url = $custom_css_file['url'];
|
|
}
|
|
|
|
if ( ! empty( $css_file_path ) && file_exists( $css_file_path ) ) {
|
|
wp_enqueue_style(
|
|
'so-css-' . $css_id,
|
|
set_url_scheme( $css_file_url ),
|
|
array(),
|
|
$this->get_latest_revision_timestamp()
|
|
);
|
|
}
|
|
} else {
|
|
$custom_css = $this->get_custom_css( $theme, $post_id );
|
|
// We just need to enqueue a dummy style
|
|
if ( ! empty( $custom_css ) ) {
|
|
echo "<style id='" . sanitize_html_class( $css_id ) . "-custom-css' class='siteorigin-custom-css' type='text/css'>\n";
|
|
echo self::sanitize_css( $custom_css ) . "\n";
|
|
echo "</style>\n";
|
|
}
|
|
}
|
|
}
|
|
|
|
public function set_plugin_textdomain() {
|
|
load_plugin_textdomain( 'so-css', false, plugin_dir_path( __FILE__ ) . 'lang/' );
|
|
}
|
|
|
|
/**
|
|
* Action to run on the admin action.
|
|
*/
|
|
public function action_admin_menu() {
|
|
add_theme_page( esc_html__( 'Custom CSS', 'so-css' ), esc_html__( 'Custom CSS', 'so-css' ), 'edit_theme_options', 'so_custom_css', array(
|
|
$this,
|
|
'display_admin_page',
|
|
) );
|
|
|
|
if ( current_user_can( 'edit_theme_options' ) && isset( $_POST['siteorigin_custom_css'] ) ) {
|
|
check_admin_referer( 'custom_css', '_sononce' );
|
|
|
|
// Sanitize CSS input. Should keep most tags, apart from script and style tags.
|
|
$custom_css = self::sanitize_css( filter_input( INPUT_POST, 'siteorigin_custom_css' ) );
|
|
$socss_post_id = filter_input( INPUT_GET, 'socss_post_id', FILTER_VALIDATE_INT );
|
|
|
|
if ( empty( $this->css_file ) ) {
|
|
$current = $this->get_custom_css( $this->theme, $socss_post_id );
|
|
$this->save_custom_css( $custom_css, $this->theme, $socss_post_id );
|
|
} else {
|
|
$current = $this->css_file;
|
|
}
|
|
|
|
// If this has changed, then add a revision.
|
|
if ( $current != $custom_css ) {
|
|
$this->add_custom_css_revision( $custom_css, $this->theme, $socss_post_id );
|
|
|
|
$this->save_custom_css_file( $custom_css, $this->theme, $socss_post_id );
|
|
}
|
|
|
|
// Update Editor Theme.
|
|
if (
|
|
$_POST['so_css_editor_theme'] == 'neat' ||
|
|
$_POST['so_css_editor_theme'] == 'ambiance'
|
|
) {
|
|
update_option( 'so_css_editor_theme', $_POST['so_css_editor_theme'] );
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Display the help tab
|
|
*/
|
|
public function add_help_tab() {
|
|
$screen = get_current_screen();
|
|
$screen->add_help_tab( array(
|
|
'id' => 'custom-css',
|
|
'title' => esc_html__( 'Custom CSS', 'so-css' ),
|
|
'content' => '<p>'
|
|
. sprintf( esc_html__( "SiteOrigin CSS adds any custom CSS you enter here into your site's header. ", 'so-css' ) )
|
|
. esc_html__( "These changes will persist across updates so it's best to make all your changes here. ", 'so-css' )
|
|
. '</p>',
|
|
) );
|
|
}
|
|
|
|
public function enqueue_admin_scripts( $page ) {
|
|
if ( $page != 'appearance_page_so_custom_css' ) {
|
|
return;
|
|
}
|
|
|
|
// Core WordPress stuff that we use
|
|
wp_enqueue_media();
|
|
|
|
global $wp_version;
|
|
|
|
if ( version_compare( $wp_version, '4.9', '>=' ) && wp_get_current_user()->syntax_highlighting ) {
|
|
wp_enqueue_code_editor(
|
|
array(
|
|
'type' => 'css',
|
|
'codemirror' => array(
|
|
'lint' => true,
|
|
),
|
|
)
|
|
);
|
|
} else {
|
|
$this->enqueue_fallback_codemirror();
|
|
}
|
|
wp_enqueue_style( 'socss-codemirror-theme-neat', plugin_dir_url( __FILE__ ) . 'lib/codemirror/theme/neat.css', array(), SOCSS_VERSION );
|
|
wp_enqueue_style( 'socss-codemirror-theme-ambiance', plugin_dir_url( __FILE__ ) . 'lib/codemirror/theme/ambiance.css', array(), SOCSS_VERSION );
|
|
|
|
// Enqueue the scripts for theme CSS processing
|
|
wp_enqueue_script( 'siteorigin-css-parser-lib', plugin_dir_url( __FILE__ ) . 'js/css' . SOCSS_JS_SUFFIX . '.js', array( 'jquery' ), SOCSS_VERSION );
|
|
|
|
// There are conflicts between CSS linting and the built in WordPress color picker, so use something else
|
|
wp_enqueue_style( 'siteorigin-custom-css-minicolors', plugin_dir_url( __FILE__ ) . 'lib/minicolors/jquery.minicolors.css', array(), '2.1.7' );
|
|
wp_enqueue_script( 'siteorigin-custom-css-minicolors', plugin_dir_url( __FILE__ ) . 'lib/minicolors/jquery.minicolors' . SOCSS_JS_SUFFIX . '.js', array( 'jquery' ), '2.1.7' );
|
|
|
|
// URI parsing for preview navigation
|
|
wp_enqueue_script( 'siteorigin-uri', plugin_dir_url( __FILE__ ) . 'js/URI' . SOCSS_JS_SUFFIX . '.js', array(), SOCSS_VERSION, true );
|
|
|
|
// All the custom SiteOrigin CSS stuff
|
|
wp_enqueue_script( 'siteorigin-custom-css', plugin_dir_url( __FILE__ ) . 'js/editor' . SOCSS_JS_SUFFIX . '.js', array( 'jquery', 'underscore', 'backbone' ), SOCSS_VERSION, true );
|
|
wp_enqueue_style( 'siteorigin-custom-css', plugin_dir_url( __FILE__ ) . 'css/admin.css', array( ), SOCSS_VERSION );
|
|
|
|
// Pretty confusing, but it seems we should be using `home_url` and NOT `site_url`
|
|
// as described here => https://wordpress.stackexchange.com/a/50605
|
|
$init_url = home_url();
|
|
|
|
if ( ! empty( $socss_post_id ) && is_int( $socss_post_id ) ) {
|
|
$init_url = set_url_scheme( get_permalink( $socss_post_id ) );
|
|
}
|
|
|
|
$open_visual_editor = ! empty( $_REQUEST['open_visual_editor'] );
|
|
|
|
$home_url = add_query_arg( 'so_css_preview', '1', $init_url );
|
|
|
|
wp_localize_script( 'siteorigin-custom-css', 'socssOptions', array(
|
|
'homeURL' => $home_url,
|
|
'postCssUrlRoot' => wp_nonce_url( admin_url( 'admin-ajax.php?action=socss_get_post_css' ), 'get_post_css' ),
|
|
'getRevisionsListAjaxUrl' => wp_nonce_url( admin_url( 'admin-ajax.php?action=socss_get_revisions_list' ), 'get_revisions_list' ),
|
|
'ajaxurl' => wp_nonce_url( admin_url( 'admin-ajax.php' ), 'so-css-ajax' ),
|
|
'openVisualEditor' => $open_visual_editor,
|
|
|
|
'propertyControllers' => apply_filters( 'siteorigin_css_property_controllers', $this->get_property_controllers() ),
|
|
|
|
'loc' => array(
|
|
'unchanged' => esc_html__( 'Unchanged', 'so-css' ),
|
|
'select' => esc_html__( 'Select', 'so-css' ),
|
|
'select_image' => esc_html__( 'Select Image', 'so-css' ),
|
|
'leave' => esc_html__( 'Are you sure you want to leave without saving?', 'so-css' ),
|
|
),
|
|
) );
|
|
|
|
// This is for the templates required by the CSS editor. Ideally this would be out in the footer, but we need
|
|
// it earlier for dependent scripts.
|
|
include plugin_dir_path( __FILE__ ) . 'tpl/js-templates.php';
|
|
}
|
|
|
|
// Handles loading the fallback version of CodeMirror.
|
|
public function enqueue_fallback_codemirror() {
|
|
// Enqueue the codemirror scripts. Call Underscore and Backbone dependencies so they're enqueued first to prevent conflicts.
|
|
wp_enqueue_script( 'socss-codemirror', plugin_dir_url( __FILE__ ) . 'lib/codemirror/lib/codemirror' . SOCSS_JS_SUFFIX . '.js', array( 'underscore', 'backbone' ), '5.2.0' );
|
|
wp_enqueue_script( 'socss-codemirror-mode-css', plugin_dir_url( __FILE__ ) . 'lib/codemirror/mode/css/css' . SOCSS_JS_SUFFIX . '.js', array(), '5.2.0' );
|
|
|
|
// Add in all the linting libs
|
|
wp_enqueue_script( 'socss-codemirror-lint', plugin_dir_url( __FILE__ ) . 'lib/codemirror/addon/lint/lint' . SOCSS_JS_SUFFIX . '.js', array( 'socss-codemirror' ), '5.2.0' );
|
|
wp_enqueue_script( 'socss-codemirror-lint-css', plugin_dir_url( __FILE__ ) . 'lib/codemirror/addon/lint/css-lint' . SOCSS_JS_SUFFIX . '.js', array(
|
|
'socss-codemirror',
|
|
'socss-codemirror-lint-css-lib',
|
|
), '5.2.0' );
|
|
wp_enqueue_script( 'socss-codemirror-lint-css-lib', plugin_dir_url( __FILE__ ) . 'js/csslint' . SOCSS_JS_SUFFIX . '.js', array(), '0.10.0' );
|
|
|
|
// The CodeMirror autocomplete library
|
|
wp_enqueue_script( 'socss-codemirror-show-hint', plugin_dir_url( __FILE__ ) . 'lib/codemirror/addon/hint/show-hint' . SOCSS_JS_SUFFIX . '.js', array( 'socss-codemirror' ), '5.2.0' );
|
|
|
|
// CodeMirror search and dialog addons
|
|
wp_enqueue_script( 'socss-codemirror-dialog', plugin_dir_url( __FILE__ ) . 'lib/codemirror/addon/dialog/dialog' . SOCSS_JS_SUFFIX . '.js', array( 'socss-codemirror' ), '5.2.0' );
|
|
|
|
wp_enqueue_script( 'socss-codemirror-search', plugin_dir_url( __FILE__ ) . 'lib/codemirror/addon/search/search' . SOCSS_JS_SUFFIX . '.js', array( 'socss-codemirror' ), '5.37.0' );
|
|
wp_enqueue_script( 'socss-codemirror-search-searchcursor', plugin_dir_url( __FILE__ ) . 'lib/codemirror/addon/search/searchcursor' . SOCSS_JS_SUFFIX . '.js', array( 'socss-codemirror', 'socss-codemirror-search' ), '5.37.0' );
|
|
wp_enqueue_script( 'socss-codemirror-search-match-cursor', plugin_dir_url( __FILE__ ) . 'lib/codemirror/addon/search/match-highlighter' . SOCSS_JS_SUFFIX . '.js', array( 'socss-codemirror', 'socss-codemirror-search' ), '5.37.0' );
|
|
wp_enqueue_script( 'socss-codemirror-search-matchesonscrollbar', plugin_dir_url( __FILE__ ) . 'lib/codemirror/addon/search/matchesonscrollbar' . SOCSS_JS_SUFFIX . '.js', array( 'socss-codemirror', 'socss-codemirror-search' ), '5.37.0' );
|
|
wp_enqueue_script( 'socss-codemirror-scroll-annotatescrollbar', plugin_dir_url( __FILE__ ) . 'lib/codemirror/addon/scroll/annotatescrollbar' . SOCSS_JS_SUFFIX . '.js', array( 'socss-codemirror', 'socss-codemirror-search', 'socss-codemirror-search-matchesonscrollbar' ), '5.37.0' );
|
|
wp_enqueue_script( 'socss-codemirror-jump-to-line', plugin_dir_url( __FILE__ ) . 'lib/codemirror/addon/search/jump-to-line' . SOCSS_JS_SUFFIX . '.js', array( 'socss-codemirror', 'socss-codemirror-search' ), '5.37.0' );
|
|
|
|
// All the CodeMirror styles
|
|
wp_enqueue_style( 'socss-codemirror', plugin_dir_url( __FILE__ ) . 'lib/codemirror/lib/codemirror.css', array(), '5.2.0' );
|
|
wp_enqueue_style( 'socss-codemirror-lint-css', plugin_dir_url( __FILE__ ) . 'lib/codemirror/addon/lint/lint.css', array(), '5.2.0' );
|
|
wp_enqueue_style( 'socss-codemirror-show-hint', plugin_dir_url( __FILE__ ) . 'lib/codemirror/addon/hint/show-hint.css', array(), '5.2.0' );
|
|
wp_enqueue_style( 'socss-codemirror-dialog', plugin_dir_url( __FILE__ ) . 'lib/codemirror/addon/dialog/dialog.css', '5.2.0' );
|
|
wp_enqueue_style( 'socss-codemirror-search-matchesonscrollbar', plugin_dir_url( __FILE__ ) . 'lib/codemirror/addon/search/matchesonscrollbar.css', array(), '5.37.0' );
|
|
}
|
|
|
|
public function dequeue_admin_scripts( $page ) {
|
|
if ( $page != 'appearance_page_so_custom_css' ) {
|
|
return;
|
|
}
|
|
|
|
// Dequeue the core WordPress color picker on the custom CSS page.
|
|
// This script causes conflicts and other plugins seem to be enqueueing it on the SO CSS admin page.
|
|
wp_dequeue_script( 'wp-color-picker' );
|
|
wp_dequeue_style( 'wp-color-picker' );
|
|
}
|
|
|
|
/**
|
|
* Get all the available property controllers
|
|
*/
|
|
public function get_property_controllers() {
|
|
return include plugin_dir_path( __FILE__ ) . 'inc/controller-config.php';
|
|
}
|
|
|
|
public function plugin_action_links( $links ) {
|
|
if ( isset( $links['edit'] ) ) {
|
|
unset( $links['edit'] );
|
|
}
|
|
$links['css_editor'] = '<a href="' . admin_url( 'themes.php?page=so_custom_css' ) . '">' . esc_html__( 'CSS Editor', 'so-css' ) . '</a>';
|
|
$links['support'] = '<a href="https://siteorigin.com/thread/" target="_blank">' . esc_html__( 'Support', 'so-css' ) . '</a>';
|
|
|
|
if ( apply_filters( 'siteorigin_premium_upgrade_teaser', true ) && ! defined( 'SITEORIGIN_PREMIUM_VERSION' ) ) {
|
|
$links['addons'] = '<a href="https://siteorigin.com/downloads/premium/?featured_addon=plugin/web-font-selector" style="color: #3db634" target="_blank" rel="noopener noreferrer">' . esc_html__( 'Addons', 'so-css' ) . '</a>';
|
|
}
|
|
|
|
return $links;
|
|
}
|
|
|
|
public function display_admin_page() {
|
|
$socss_post_id = filter_input( INPUT_GET, 'socss_post_id', FILTER_VALIDATE_INT );
|
|
$theme = filter_input( INPUT_GET, 'theme' );
|
|
$time = filter_input( INPUT_GET, 'time', FILTER_VALIDATE_INT );
|
|
|
|
$page_title = esc_html__( 'SiteOrigin CSS', 'so-css' );
|
|
$theme_obj = wp_get_theme();
|
|
$theme_name = $theme_obj->get( 'Name' );
|
|
$editor_description = sprintf( esc_html__( 'Changes apply to %s and its child themes', 'so-css' ), $theme_name );
|
|
$save_button_label = esc_html__( 'Save CSS', 'so-css' );
|
|
$form_save_url = admin_url( 'themes.php?page=so_custom_css' );
|
|
|
|
if ( ! empty( $socss_post_id ) ) {
|
|
$selected_post = get_post( $socss_post_id );
|
|
|
|
$page_title = sprintf(
|
|
esc_html__( 'Editing CSS for: %s', 'so-css' ),
|
|
$selected_post->post_title
|
|
);
|
|
|
|
$editor_description = sprintf(
|
|
esc_html__( 'Changes apply to the %s %s when the current theme is %s or its child themes', 'so-css' ),
|
|
$selected_post->post_type,
|
|
$selected_post->post_title,
|
|
$theme_name
|
|
);
|
|
$post_type_obj = get_post_type_object( $selected_post->post_type );
|
|
$post_type_labels = $post_type_obj->labels;
|
|
$save_button_label = sprintf( esc_html__( 'Save %s CSS', 'so-css' ), $post_type_labels->singular_name );
|
|
$form_save_url = add_query_arg( 'socss_post_id', urlencode( $socss_post_id ), $form_save_url );
|
|
}
|
|
$custom_css = $this->get_custom_css( $this->theme, $socss_post_id );
|
|
$custom_css_revisions = $this->get_custom_css_revisions( $this->theme, $socss_post_id );
|
|
$current_revision = 0;
|
|
|
|
if ( ! empty( $theme ) && $theme == $this->theme && ! empty( $time ) && ! empty( $custom_css_revisions[ $time ] ) ) {
|
|
$current_revision = $time;
|
|
$custom_css = $custom_css_revisions[ $time ];
|
|
}
|
|
|
|
if ( ! empty( $current_revision ) ) {
|
|
$save_button_label = esc_html__( 'Revert to this revision', 'so-css' );
|
|
}
|
|
|
|
if ( ! empty( $custom_css_revisions ) ) {
|
|
krsort( $custom_css_revisions );
|
|
}
|
|
|
|
$theme = basename( get_template_directory() );
|
|
|
|
$editor_theme = get_option( 'so_css_editor_theme', 'neat' );
|
|
|
|
include plugin_dir_path( __FILE__ ) . 'tpl/page.php';
|
|
}
|
|
|
|
public function display_teaser() {
|
|
return apply_filters( 'siteorigin_premium_upgrade_teaser', true ) &&
|
|
! defined( 'SITEORIGIN_PREMIUM_VERSION' );
|
|
}
|
|
|
|
/**
|
|
* Generates the url to edit the custom CSS for a post.
|
|
*/
|
|
public function get_edit_css_link( $post ) {
|
|
$url = admin_url( 'themes.php?page=so_custom_css' );
|
|
|
|
if ( ! is_int( $post ) ) {
|
|
$post = get_post( $post );
|
|
$post = $post->ID;
|
|
}
|
|
|
|
return empty( $post ) ? $url : add_query_arg( array(
|
|
'socss_post_id' => urlencode( $post ),
|
|
'open_visual_editor' => 1,
|
|
), $url );
|
|
}
|
|
|
|
public function admin_action_hide_getting_started() {
|
|
if ( ! isset( $_GET['_wpnonce'] ) || ! wp_verify_nonce( $_GET['_wpnonce'], 'hide' ) ) {
|
|
return;
|
|
}
|
|
|
|
$user = wp_get_current_user();
|
|
|
|
if ( ! empty( $user ) ) {
|
|
update_user_meta( $user->ID, 'socss_hide_gs', true );
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Retrieves the post specific CSS for the supplied postId.
|
|
*/
|
|
public function admin_action_get_post_css() {
|
|
if ( ! isset( $_GET['_wpnonce'] ) || ! wp_verify_nonce( $_GET['_wpnonce'], 'get_post_css' ) ) {
|
|
wp_die(
|
|
esc_html__( 'The supplied nonce is invalid.', 'so-css' ),
|
|
esc_html__( 'Invalid nonce.', 'so-css' ),
|
|
403
|
|
);
|
|
}
|
|
|
|
$post_id = filter_input( INPUT_GET, 'postId', FILTER_VALIDATE_INT );
|
|
|
|
$current = $this->get_custom_css( $this->theme, $post_id );
|
|
|
|
$url = empty( $post_id ) ? home_url() : set_url_scheme( get_permalink( $post_id ) );
|
|
|
|
wp_send_json( array( 'css' => empty( $current ) ? '' : $current, 'postUrl' => $url ) );
|
|
}
|
|
|
|
/**
|
|
* Retrieves the past revisions of post specific CSS for the supplied postId.
|
|
*/
|
|
public function admin_action_get_revisions_list() {
|
|
if ( ! isset( $_GET['_wpnonce'] ) || ! wp_verify_nonce( $_GET['_wpnonce'], 'get_revisions_list' ) ) {
|
|
wp_die(
|
|
esc_html__( 'The supplied nonce is invalid.', 'so-css' ),
|
|
esc_html__( 'Invalid nonce.', 'so-css' ),
|
|
403
|
|
);
|
|
}
|
|
|
|
$post_id = filter_input( INPUT_GET, 'postId', FILTER_VALIDATE_INT );
|
|
|
|
$this->custom_css_revisions_list( $this->theme, $post_id );
|
|
|
|
wp_die();
|
|
}
|
|
|
|
/**
|
|
* Retrieves the past revisions of post specific CSS for the supplied postId.
|
|
*/
|
|
public function admin_action_save_css() {
|
|
if ( ! isset( $_GET['_wpnonce'] ) || ! wp_verify_nonce( $_GET['_wpnonce'], 'so-css-ajax' ) ) {
|
|
wp_die(
|
|
esc_html__( 'The supplied nonce is invalid.', 'so-css' ),
|
|
esc_html__( 'Invalid nonce.', 'so-css' ),
|
|
403
|
|
);
|
|
}
|
|
|
|
if ( current_user_can( 'edit_theme_options' ) && isset( $_POST['css'] ) ) {
|
|
// Sanitize CSS input. Should keep most tags, apart from script and style tags.
|
|
$custom_css = self::sanitize_css( stripslashes( $_POST['css'] ) );
|
|
|
|
if ( empty( $this->css_file ) ) {
|
|
$current = $this->get_custom_css( $this->theme );
|
|
$this->save_custom_css( $custom_css, $this->theme );
|
|
} else {
|
|
$current = $this->css_file;
|
|
}
|
|
|
|
// If this has changed, then add a revision.
|
|
if ( $current != $custom_css ) {
|
|
$this->add_custom_css_revision( $custom_css, $this->theme );
|
|
$this->save_custom_css_file( $custom_css, $this->theme );
|
|
|
|
// Output the full revisions list.
|
|
$this->custom_css_revisions_list( $this->theme );
|
|
}
|
|
}
|
|
wp_die();
|
|
}
|
|
|
|
public function custom_css_revisions_list( $theme, $post_id = null, $current_revision = null ) {
|
|
$revisions = $this->get_custom_css_revisions( $theme, $post_id );
|
|
|
|
if ( is_array( $revisions ) && ! empty( $revisions ) ) {
|
|
$i = 0;
|
|
|
|
foreach ( $revisions as $time => $css ) {
|
|
$is_current = ( empty( $current_revision ) && $i == 0 ) || ( ! empty( $current_revision ) && $time == $current_revision );
|
|
$query_args = array( 'theme' => $theme, 'time' => $time, 'open_visual_editor' => false );
|
|
|
|
if ( ! empty( $post_id ) ) {
|
|
$query_args['socss_post_id'] = $post_id;
|
|
}
|
|
?>
|
|
<li>
|
|
<?php if ( ! $is_current ) { ?>
|
|
<a href="<?php echo esc_url( add_query_arg( $query_args, admin_url( 'themes.php?page=so_custom_css' ) ) ); ?>"
|
|
class="load-css-revision">
|
|
<?php } ?>
|
|
<?php echo date( 'j F Y @ H:i:s', $time + get_option( 'gmt_offset' ) * 60 * 60 ); ?>
|
|
<?php if ( ! $is_current ) { ?>
|
|
</a>
|
|
<?php } ?>
|
|
(<?php printf( esc_html__( '%d chars', 'so-css' ), strlen( $css ) ); ?>)<?php if ( $i == 0 ) { ?> (<?php esc_html_e( 'Latest', 'so-css' ); ?>)<?php } ?>
|
|
</li>
|
|
<?php
|
|
$i++;
|
|
}
|
|
} else {
|
|
printf( '<em>%s</em>', esc_html__( 'No revisions yet.', 'so-css' ) );
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Add one or more paths to the registered snippet paths
|
|
*
|
|
* @param string|array $path
|
|
*/
|
|
public function register_snippet_path( $path ) {
|
|
$this->snippet_paths = array_merge( $this->snippet_paths, (array) $path );
|
|
}
|
|
|
|
/**
|
|
* Get all the available snippets
|
|
*
|
|
* @return array|bool
|
|
*/
|
|
public function get_snippets() {
|
|
// Get the snippet paths
|
|
$snippet_paths = apply_filters( 'siteorigin_css_snippet_paths', $this->snippet_paths );
|
|
|
|
if ( empty( $snippet_paths ) ) {
|
|
return array();
|
|
}
|
|
|
|
static $snippets = array();
|
|
|
|
if ( ! empty( $snippets ) ) {
|
|
return $snippets;
|
|
}
|
|
|
|
if ( ! WP_Filesystem() ) {
|
|
return false;
|
|
}
|
|
global $wp_filesystem;
|
|
|
|
foreach ( $snippet_paths as $path ) {
|
|
foreach ( glob( $path . '/*.css' ) as $css_file ) {
|
|
$data = get_file_data( $css_file, array(
|
|
'Name' => 'Name',
|
|
'Description' => 'Description',
|
|
) );
|
|
|
|
// Get the CSS and strip out the first header
|
|
$css = $wp_filesystem->get_contents( $css_file );
|
|
$css = preg_replace( '!/\*.*?\*/!s', '', $css, 1 );
|
|
|
|
$snippets[] = wp_parse_args( $data, array(
|
|
'css' => str_replace( "\t", ' ', trim( $css ) ),
|
|
) );
|
|
}
|
|
}
|
|
|
|
usort( $snippets, array( $this, 'sort_snippet_callback' ) );
|
|
|
|
return $snippets;
|
|
}
|
|
|
|
/**
|
|
* Sort snippets by name.
|
|
*
|
|
* @return int
|
|
*/
|
|
public static function sort_snippet_callback( $a, $b ) {
|
|
return $a['Name'] > $b['Name'] ? 1 : - 1;
|
|
}
|
|
|
|
/**
|
|
* A very simple CSS sanitization function.
|
|
*
|
|
* @return string
|
|
*/
|
|
public static function sanitize_css( $css ) {
|
|
return trim( strip_tags( $css ) );
|
|
}
|
|
|
|
/**
|
|
* Get all the available theme CSS
|
|
*/
|
|
public function get_theme_css() {
|
|
$css = '';
|
|
|
|
if ( file_exists( get_template_directory() . '/style.css' ) ) {
|
|
$css .= file_get_contents( get_template_directory() . '/style.css' );
|
|
}
|
|
|
|
if ( is_child_theme() ) {
|
|
$css .= file_get_contents( get_stylesheet_directory() . '/style.css' );
|
|
}
|
|
|
|
// Remove all CSS comments
|
|
$regex = array(
|
|
"`^([\t\s]+)`ism" => '',
|
|
"`^\/\*(.+?)\*\/`ism" => '',
|
|
"`(\A|[\n;]+)/\*[^*]*\*+(?:[^/*][^*]*\*+)*/`" => '$1',
|
|
"`(^[\r\n]*|[\r\n]+)[\s\t]*[\r\n]+`ism" => "\n",
|
|
);
|
|
$css = preg_replace( array_keys( $regex ), $regex, $css );
|
|
$css = preg_replace( '/\s+/', ' ', $css );
|
|
|
|
return $css;
|
|
}
|
|
|
|
public function enqueue_inspector_scripts() {
|
|
if ( ! current_user_can( 'edit_theme_options' ) ) {
|
|
return;
|
|
}
|
|
|
|
wp_enqueue_style( 'dashicons' );
|
|
|
|
wp_enqueue_script( 'siteorigin-css-parser-lib', plugin_dir_url( __FILE__ ) . 'js/css' . SOCSS_JS_SUFFIX . '.js', array( 'jquery' ), SOCSS_VERSION );
|
|
|
|
wp_enqueue_script( 'siteorigin-css-sizes', plugin_dir_url( __FILE__ ) . 'js/jquery.sizes' . SOCSS_JS_SUFFIX . '.js', array( 'jquery' ), '0.33' );
|
|
wp_enqueue_script( 'siteorigin-css-specificity', plugin_dir_url( __FILE__ ) . 'js/specificity' . SOCSS_JS_SUFFIX . '.js', array() );
|
|
wp_enqueue_script( 'siteorigin-css-inspector', plugin_dir_url( __FILE__ ) . 'js/inspector' . SOCSS_JS_SUFFIX . '.js', array(
|
|
'jquery',
|
|
'underscore',
|
|
'backbone',
|
|
), SOCSS_VERSION, true );
|
|
wp_enqueue_style( 'siteorigin-css-inspector', plugin_dir_url( __FILE__ ) . 'css/inspector.css', array(), SOCSS_VERSION );
|
|
|
|
wp_localize_script( 'siteorigin-css-inspector', 'socssOptions', array() );
|
|
}
|
|
|
|
public function inspector_templates() {
|
|
if ( ! current_user_can( 'edit_theme_options' ) ) {
|
|
return;
|
|
}
|
|
|
|
include plugin_dir_path( __FILE__ ) . 'tpl/inspector-templates.php';
|
|
}
|
|
|
|
/**
|
|
* Change the stylesheets to all be inline
|
|
*/
|
|
public function inline_inspector_scripts() {
|
|
if ( ! current_user_can( 'edit_theme_options' ) ) {
|
|
return;
|
|
}
|
|
|
|
$regex = array(
|
|
"`^([\t\s]+)`ism" => '',
|
|
"`^\/\*(.+?)\*\/`ism" => '',
|
|
"`(\A|[\n;]+)/\*[^*]*\*+(?:[^/*][^*]*\*+)*/`" => '$1',
|
|
"`(^[\r\n]*|[\r\n]+)[\s\t]*[\r\n]+`ism" => "\n",
|
|
);
|
|
|
|
global $wp_styles;
|
|
|
|
if ( empty( $wp_styles->queue ) ) {
|
|
return;
|
|
}
|
|
|
|
// Certain themes serve their main CSS from a file that's different to
|
|
// what's initially set.
|
|
$theme_src_compatibility = array(
|
|
'divi-style' => get_template_directory_uri() . '/style.min.css',
|
|
);
|
|
|
|
// Make each of the scripts inline
|
|
foreach ( $wp_styles->queue as $handle ) {
|
|
if ( $handle === 'siteorigin-css-inspector' || $handle === 'dashicons' ) {
|
|
continue;
|
|
}
|
|
$style = $wp_styles->registered[ $handle ];
|
|
|
|
if ( empty( $style->src ) || substr( $style->src, 0, 4 ) !== 'http' ) {
|
|
continue;
|
|
}
|
|
|
|
if ( isset( $theme_src_compatibility[ $handle ] ) ) {
|
|
$style->src = $theme_src_compatibility[ $handle ];
|
|
}
|
|
|
|
$response = wp_remote_get( $style->src );
|
|
|
|
if ( is_wp_error( $response ) || $response['response']['code'] !== 200 || empty( $response['body'] ) ) {
|
|
continue;
|
|
}
|
|
|
|
$css = $response['body'];
|
|
|
|
$css = preg_replace( array_keys( $regex ), $regex, $css );
|
|
|
|
?>
|
|
<script type="text/css" class="socss-theme-styles"
|
|
id="socss-inlined-style-<?php echo sanitize_html_class( $handle ); ?>">
|
|
<?php echo strip_tags( $css ); ?>
|
|
</script>
|
|
<?php
|
|
}
|
|
}
|
|
|
|
public function disable_ngg_resource_manager() {
|
|
if ( ! current_user_can( 'edit_theme_options' ) ) {
|
|
return;
|
|
}
|
|
|
|
//The NextGen Gallery plugin does some weird interfering with the output buffer.
|
|
define( 'NGG_DISABLE_RESOURCE_MANAGER', true );
|
|
}
|
|
|
|
private function get_latest_revision_timestamp() {
|
|
$revisions = $this->get_custom_css_revisions( $this->theme );
|
|
|
|
if ( empty( $revisions ) ) {
|
|
return false;
|
|
}
|
|
krsort( $revisions );
|
|
$revision_times = array_keys( $revisions );
|
|
|
|
return $revision_times[0];
|
|
}
|
|
}
|
|
|
|
// Initialize the single
|
|
SiteOrigin_CSS::single();
|