Changeset 2973591

Timestamp:

10/01/2023 07:59:48 PM (18 months ago)

Author:

firmcatalyst

Message:

Version 1.6 ready

Location:

fcp-first-screen-css/trunk

Files:

• README.md (modified) (2 diffs)
• assets/style.css (modified) (3 diffs)
• changelog.txt (modified) (1 diff)
• first-screen.php (modified) (2 diffs)
• inc (added)
• inc/admin (added)
• inc/admin/fields.php (added)
• inc/admin/main.php (added)
• inc/admin/meta-decor.php (added)
• inc/admin/meta-print.php (added)
• inc/admin/meta-save.php (added)
• inc/apply (added)
• inc/apply/add-first-screen.php (added)
• inc/apply/add-rest-screen.php (added)
• inc/apply/deregister.php (added)
• inc/apply/functions.php (added)
• inc/apply/inline-and-defer.php (added)
• inc/apply/main.php (added)
• inc/functions.php (added)
• readme.txt (modified) (3 diffs)

fcp-first-screen-css/trunk/README.md

@@ -1 @@
-# FCP First Screen CSS
+# First Screen CSS & Settings
 
-Insert the inline CSS to the head tag of a website, disable existing styles and scripts, defer loading of not-first-screen style, apply to a single post or bulk.
+Insert the inline CSS into your website's head tag. You can choose to inline, defer, or de-register existing styles and scripts. Additionally, you can add custom non-inline styles. Apply everything individually, by post-type, or for archives.
 
 ## Features
 
-* Apply to any single post / page / custom post-type
-* Apply to all posts of a particular post-type
-* Apply to the blog or any post-type archive
-* It minifies the CSS before printing
-* Deregister styles and scripts: all or by name
-* Apply the not-first-screen CSS separately
-* Defer the not-first-screen CSS loading
+* Full control over your website's CSS
+* Apply changes to individual posts/pages/custom post types
+* Apply changes to all posts of a specific type
+* Apply changes to the blog or any post-type archive
+* Inline, defer, or de-register Styles or JS
+* Automatic CSS minification
+* Edit CSS easily with the CodeMirror visual editor
 
 ## Demo
@@ -19 +19 @@
 ## Usage
 
-* Install and activate the plugin
-* Go to the "First Screen CSS" menu item in the left sidebar of your wp-admin
-* Add New, insert your CSS
-* Pick where to apply and other options
+* Install and activate the plugin.
+* Navigate to "First Screen CSS" in the left sidebar of your wp-admin.
+* Click "Add New."
+* Input your CSS or adjust the settings.
+* Choose where to apply the changes and publish.

fcp-first-screen-css/trunk/assets/style.css

@@ -27 +27 @@
     color: #888;
 }
+[id^="first-screen-css"] input[type=text]::placeholder {
+    color: #999;
+}
 
 button[name=format], button[name=linewrap], button[name=infinity] {
@@ -32 +35 @@
     z-index: 1;
     top: 0;
-    left: -15px;
+    left: -20px;
     font-family: monospace;
+    transform: scale(0.85);
 }
 button[name=linewrap] {
@@ -41 +45 @@
     top: 52px;
 }
+
+#first-screen-css-inline {
+    border-left: 5px solid #B2DFDB;
+}
+#first-screen-css-defer {
+    border-left: 5px solid #C5CAE9;
+}
+#first-screen-css-deregister {
+    border-left: 5px solid #E1BEE7;
+}
+#first-screen-css-inline:not(.closed),
+#first-screen-css-defer:not(.closed),
+#first-screen-css-deregister:not(.closed) {
+    padding-bottom: 25px;
+}

fcp-first-screen-css/trunk/changelog.txt

@@ +1 @@
+= 1.6 =
+
+* Added the options to inline, defer and de-register CSS and JS
+* Enhanced the CodeMirror editor for CSS manipulation
+* Improved performance handling heavy CSS
+* Enhanced descriptions and added simplified instructions
+
 = 1.5 =
 

fcp-first-screen-css/trunk/first-screen.php

@@ -1 +1 @@
 <?php
 /*
-Plugin Name: FCP First Screen CSS
-Description: Insert inline CSS to the head of the website, so the first screen renders with no jumps, which might improve the CLS web vital. Or for any other reason.
-Version: 1.5.02
+Plugin Name: First Screen CSS & Settings
+Description: Insert the inline CSS into your website's head tag. You can choose to inline, defer, or de-register existing styles and scripts. Additionally, you can add custom non-inline styles. Apply everything individually, by post-type, or for archives.
+Version: 1.6
 Requires at least: 5.8
-Tested up to: 6.1
+Tested up to: 6.3
 Requires PHP: 7.4
-Author: Firmcatalyst, Vadim Volkov
+Author: Vadim Volkov, Firmcatalyst
 Author URI: https://firmcatalyst.com
 License: GPL v3 or later
@@ -16 +16 @@
 defined( 'ABSPATH' ) || exit;
 
-define( 'FCPFSC_DEV', false );
+define( 'FCPFSC_DEV', true );
 define( 'FCPFSC_VER', get_file_data( __FILE__, [ 'ver' => 'Version' ] )[ 'ver' ] . ( FCPFSC_DEV ? time() : '' ) );
 
 define( 'FCPFSC_SLUG', 'fcpfsc' );
 define( 'FCPFSC_PREF', FCPFSC_SLUG.'-' );
-define( 'FCPFSC_FRONT_PREF', 'first-screen' );
+define( 'FCPFSC_FRONT_NAME', 'first-screen' );
 
-define( 'FCPFSC_CM_VER', '5.65.13' );
+define( 'FCPFSC_URL', plugin_dir_url( __FILE__ ) );
+define( 'FCPFSC_DIR', plugin_dir_path( __FILE__ ) );
 
-// print the styles
-add_action( 'wp_enqueue_scripts', function() {
+define( 'FCPFSC_REST_URL', wp_upload_dir()['baseurl'] . '/' . basename( FCPFSC_DIR ) );
+define( 'FCPFSC_REST_DIR', wp_upload_dir()['basedir'] . '/' . basename( FCPFSC_DIR ) );
 
-    // collect css-s to print on the post
-    $csss = [];
+define( 'FCPFSC_CM_VER', '5.65.13' ); // codemirror version
 
-    // get the post type
-    $qo = get_queried_object();
-    $post_type = '';
-    if ( is_object( $qo ) ) {
-        if ( get_class( $qo ) === 'WP_Post_Type' ) {
-            $post_type = $qo->name;
-        }
-        if ( get_class( $qo ) === 'WP_Post' ) {
-            $post_type = $qo->post_type;
-        }
+
+require FCPFSC_DIR . 'inc/functions.php';
+require FCPFSC_DIR . 'inc/apply/main.php';
+require FCPFSC_DIR . 'inc/admin/main.php';
+
+
+// install / uninstall the plugin
+register_activation_hook( __FILE__, function() use ($meta_close_by_default) {
+     // store the non-first-screen css (rest-css)
+    wp_mkdir_p( FCPFSC_REST_DIR );
+
+    // close secondary meta boxes by default
+    $admins = get_users(['role' => 'administrator']);
+    foreach ($admins as $admin) {
+        // set the default state for the specified metaboxes
+        update_user_meta($admin->ID, 'closedpostboxes_'.FCPFSC_SLUG, $meta_close_by_default);
     }
 
-    if ( is_singular( $post_type ) ) {
-        // get css by post id 
-        if ( $css_id = get_post_meta( $qo->ID, FCPFSC_PREF.'id' )[0] ?? null ) {
-            $csss[] = $css_id;
-        }
-
-        // get css by post-type
-        //if ( (int) get_option('page_on_front') !== (int) $qo->ID ) { // exclude the front-page, as they stand out, mostly
-        $csss = array_merge( $csss, get_css_ids( FCPFSC_PREF.'post-types', $post_type ) );
-        //}
-    }
-    if ( is_home() || is_archive() && ( !$post_type || $post_type === 'page' ) ) {
-        // get css for blog
-        $csss = array_merge( $csss, get_css_ids( FCPFSC_PREF.'post-archives', 'blog' ) );
-    }
-    if ( is_post_type_archive( $post_type ) ) {
-        // get css for custom post type archive
-        $csss = array_merge( $csss, get_css_ids( FCPFSC_PREF.'post-archives', $post_type ) );
-    }
-
-    if ( empty( $csss ) ) { return; }
-
-    // filter by post_status, post_type, development-mode
-    $csss = filter_csss( $csss );
-
-    // filter by exclude
-    if ( $css_exclude = get_post_meta( $qo->ID, FCPFSC_PREF.'id-exclude' )[0] ?? null ) {
-        $csss = array_values( array_diff( $csss, [ $css_exclude ] ) );
-    }
-
-    if ( empty( $csss ) ) { return; }
-
-    // print styles
-    wp_register_style( FCPFSC_FRONT_PREF, false );
-    wp_enqueue_style( FCPFSC_FRONT_PREF );
-    wp_add_inline_style( FCPFSC_FRONT_PREF, get_css_contents_filtered( $csss ) );
-
-
-    // deregister existing styles
-    $deregister = function() use ( $csss ) {
-        list( $styles, $scripts ) = get_to_deregister( $csss );
-
-        $deregister = function($list, $ss) {
-            if ( empty( $list ) ) { return; }
-
-            if ( in_array( '*', $list ) ) { // get all registered
-                $global = 'wp_'.$ss.'s';
-                global $$global;
-
-                $list = array_map( function( $el ) {
-                    $name = $el->handle;
-                    if ( strpos( $name, FCPFSC_FRONT_PREF ) === 0 ) { return ''; }
-                    return $name ?? '';
-                }, (array) $$global->registered ?? [] );
-            }
-
-            $func = 'wp_deregister_'.$ss;
-            foreach ( $list as $v ) {
-                $func( $v );
-            }
-        };
-
-        $deregister( $styles, 'style' );
-        $deregister( $scripts, 'script' );
-    };
-    add_action( 'wp_enqueue_scripts', $deregister, 100000 );
-    add_action( 'wp_footer', $deregister, 1 );
-    add_action( 'wp_footer', $deregister, 11 );
-
-
-    // enqueue the rest-screen styles
-    add_action( 'wp_enqueue_scripts', function() use ( $csss ) {
-        foreach ( $csss as $id ) {
-            $path = '/' . basename( __DIR__ ) . '/style-'.$id.'.css';
-            if ( !is_file( wp_upload_dir()['basedir'] . $path ) ) { continue; }
-            wp_enqueue_style(
-                FCPFSC_FRONT_PREF.'-css-rest-' . $id,
-                wp_upload_dir()['baseurl'] . $path,
-                [],
-                filemtime( wp_upload_dir()['basedir'] . $path ),
-                'all'
-            );
-        }
-
-        // defer loading
-        $defer_csss = get_to_defer( $csss );
-        add_filter( 'style_loader_tag', function ($tag, $handle) use ($defer_csss) {
-            if ( strpos( $handle, FCPFSC_FRONT_PREF.'-css-rest-' ) === false || !in_array( str_replace( FCPFSC_FRONT_PREF.'-css-rest-', '', $handle ), $defer_csss ) ) {
-                return $tag;
-            }
-            return
-                str_replace( [ 'rel="stylesheet"', "rel='stylesheet'" ], [
-                    'rel="preload" as="style" onload="this.onload=null;this.rel=\'stylesheet\'"',
-                    "rel='preload' as='style' onload='this.onload=null;this.rel=\"stylesheet\"'"
-                ], $tag ).
-                '<noscript>'.str_replace( // remove doubling id
-                    [ ' id="'.$handle.'-css"', " id='".$handle."-css'" ],
-                    [ '', '' ],
-                    substr( $tag, 0, -1 )
-                ).'</noscript>' . "\n"
-            ;
-        }, 10, 2);
-    }, 10 );
-
-}, 7 );
-
-register_activation_hook( __FILE__, function() {
-    wp_mkdir_p( wp_upload_dir()['basedir'] . '/' . basename( __DIR__ ) );
+    //
     register_uninstall_hook( __FILE__, 'FCP\FirstScreenCSS\delete_the_plugin' );
 } );
 
-// admin post type for css-s
-add_action( 'init', function() {
-    $shorter = [
-        'name' => 'First Screen CSS',
-        'plural' => 'First Screen CSS',
-        'public' => false,
-    ];
-    $labels = [
-        'name'                => $shorter['plural'],
-        'singular_name'       => $shorter['name'],
-        'menu_name'           => $shorter['plural'],
-        'all_items'           => 'View All ' . $shorter['plural'],
-        'archives'            => 'All ' . $shorter['plural'],
-        'view_item'           => 'View ' . $shorter['name'],
-        'add_new'             => 'Add New',
-        'add_new_item'        => 'Add New ' . $shorter['name'],
-        'edit_item'           => 'Edit ' . $shorter['name'],
-        'update_item'         => 'Update ' . $shorter['name'],
-        'search_items'        => 'Search ' . $shorter['name'],
-        'not_found'           => $shorter['name'] . ' Not Found',
-        'not_found_in_trash'  => $shorter['name'] . ' Not found in Trash',
-    ];
-    $args = [
-        'label'               => $shorter['name'],
-        'description'         => 'CSS to print before everything',
-        'labels'              => $labels,
-        'supports'            => ['title', 'editor'],
-        'hierarchical'        => false,
-        'public'              => $shorter['public'],
-        'show_in_rest'        => false,
-        'show_ui'             => true,
-        'show_in_menu'        => true,
-        'show_in_nav_menus'   => false,
-        'show_in_admin_bar'   => true,
-        'menu_position'       => 29,
-        'menu_icon'           => 'dashicons-money-alt',
-        'can_export'          => true,
-        'has_archive'         => false,
-        'exclude_from_search' => !$shorter['public'],
-        'publicly_queryable'  => $shorter['public'],
-        'capabilities'        => [ // only admins
-            'edit_post'          => 'switch_themes',
-            'read_post'          => 'switch_themes',
-            'delete_post'        => 'switch_themes',
-            'edit_posts'         => 'switch_themes',
-            'edit_others_posts'  => 'switch_themes',
-            'delete_posts'       => 'switch_themes',
-            'publish_posts'      => 'switch_themes',
-            'read_private_posts' => 'switch_themes'
-        ]
-    ];
-    register_post_type( FCPFSC_SLUG, $args );
-});
-
-// admin controls
-add_action( 'add_meta_boxes', function() {
-    if ( !current_user_can( 'administrator' ) ) { return; }
-
-    add_meta_box(
-        FCPFSC_FRONT_PREF.'-css-bulk',
-        'Bulk apply',
-        'FCP\FirstScreenCSS\fcpfsc_meta_bulk_apply',
-        FCPFSC_SLUG,
-        'normal',
-        'high'
-    );
-    add_meta_box(
-        FCPFSC_FRONT_PREF.'-css-disable',
-        'Disable enqueued',
-        'FCP\FirstScreenCSS\fcpfsc_meta_disable_styles',
-        FCPFSC_SLUG,
-        'normal',
-        'low'
-    );
-    add_meta_box(
-        FCPFSC_FRONT_PREF.'-css-rest',
-        'The rest of CSS, which is a not-first-screen',
-        'FCP\FirstScreenCSS\fcpfsc_meta_rest_css',
-        FCPFSC_SLUG,
-        'normal',
-        'low'
-    );
-
-    list( 'public' => $public_post_types ) = get_all_post_types();
-    add_meta_box(
-        FCPFSC_FRONT_PREF.'-css',
-        'Select First Screen CSS',
-        'FCP\FirstScreenCSS\anypost_meta_select_fsc',
-        array_keys( $public_post_types ),
-        'side',
-        'low'
-    );
-});
-
-// disable timymce to textarea
-add_filter( 'wp_editor_settings', function($settings, $editor_id) {
-
-    if ( $editor_id !== 'content' ) { return $settings; }
-    
-    $screen = get_current_screen();
-    if ( !isset( $screen ) || !is_object( $screen ) || $screen->post_type !== FCPFSC_SLUG ) { return $settings; }
-
-    $settings['tinymce']   = false;
-    $settings['quicktags'] = false;
-    $settings['media_buttons'] = false;
-
-    return $settings;
-}, 10, 2 );
-
-// apply codemirror to the fields for CSS
-add_action( 'admin_enqueue_scripts', function( $hook ) {
-
-    if ( !in_array( $hook, ['post.php', 'post-new.php'] ) ) { return; }
-
-    $screen = get_current_screen();
-    if ( !isset( $screen ) || !is_object( $screen ) || $screen->post_type !== FCPFSC_SLUG ) { return; }
-
-    // remove wp-native codemirror
-    wp_deregister_script( 'code-editor' );
-    wp_deregister_style( 'wp-codemirror' );
-
-    global $wp_scripts; // remove cm_settings // priority 11 is for this part mostly - default is fine for the rest
-    $jquery_extra_core_data = $wp_scripts->get_data( 'jquery-core', 'data' );
-    $jquery_extra_core_data = preg_replace( '/var cm_settings(?:.*?);/', '', $jquery_extra_core_data );
-    $wp_scripts->add_data( 'jquery-core', 'data', $jquery_extra_core_data );
-    //echo '***'; print_r( $wp_scripts ); exit;
-
-    // codemirror core
-    wp_enqueue_script( 'codemirror', plugin_dir_url(__FILE__) . 'assets/codemirror/codemirror.js', ['jquery'], FCPFSC_CM_VER );
-    wp_enqueue_style( 'codemirror', plugin_dir_url(__FILE__) . 'assets/codemirror/codemirror.css', [], FCPFSC_CM_VER );
-
-    // codemirror addons
-    wp_enqueue_script( 'codemirror-mode-css', plugin_dir_url(__FILE__) . 'assets/codemirror/mode/css/css.js', ['codemirror'], FCPFSC_CM_VER );
-    wp_enqueue_script( 'codemirror-addon-active-line', plugin_dir_url(__FILE__) . 'assets/codemirror/addon/selection/active-line.js', ['codemirror'], FCPFSC_CM_VER );
-    wp_enqueue_script( 'codemirror-addon-placeholder', plugin_dir_url(__FILE__) . 'assets/codemirror/addon/display/placeholder.js', ['codemirror'], FCPFSC_CM_VER );
-    wp_enqueue_script( 'codemirror-formatting', plugin_dir_url(__FILE__) . 'assets/codemirror/util/formatting.js', ['codemirror'], '2.38+' );
-
-    // codemirror init
-    wp_enqueue_script( 'codemirror-init', plugin_dir_url(__FILE__) . '/assets/codemirror/init.js', ['codemirror'], FCPFSC_VER  );
-
-    // overall styling
-    wp_enqueue_style( 'codemirror-style', plugin_dir_url(__FILE__) . 'assets/style.css', ['codemirror'], FCPFSC_VER );
-}, 11 );
-
-// save meta data
-add_action( 'save_post', function( $postID ) {
-
-    if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) { return; }
-    if ( empty( $_POST[ FCPFSC_PREF.'nonce' ] ) || !wp_verify_nonce( $_POST[ FCPFSC_PREF.'nonce' ], FCPFSC_PREF.'nonce' ) ) { return; }
-    if ( !current_user_can( 'administrator' ) ) { return; }
-
-    $post = get_post( $postID );
-    if ( $post->post_type === 'revision' ) { return; } // update_post_meta fixes the id to the parent, but id can be used before
+function delete_the_plugin() {
+    return true;
+    // delete the rest-storage // deprecated as it doesn't restore after re-install the plugin
+    /*
+    $dir = FCPFSC_REST_DIR;
+    array_map( 'unlink', glob( FCPFSC_REST_DIR . '/*' ) );
+    rmdir( FCPFSC_REST_DIR );
+    //*/
+    // ++ add the setting to delete all the plugin's leftovers
+}
 
 
-    if ( $post->post_type === FCPFSC_SLUG ) {
-        $fields = [ 'post-types', 'post-archives', 'development-mode', 'deregister-style-names', 'deregister-script-names', 'rest-css', 'rest-css-defer' ];
-    } else {
-        $fields = [ 'id', 'id-exclude' ];
-    }
-
-    // exception for the rest-css ++ improve when having different function for processing values
-    $file = wp_upload_dir()['basedir'] . '/' . basename( __DIR__ ) . '/style-'.$postID.'.css';
-    @unlink( $file );
-
-    foreach ( $fields as $f ) {
-        $f = FCPFSC_PREF . $f;
-        if ( empty( $_POST[ $f ] ) || empty( $new_value = sanitize_meta( $_POST[ $f ], $f, $postID ) ) ) {
-            delete_post_meta( $postID, $f );
-            continue;
-        }
-        update_post_meta( $postID, $f, $new_value );
-    }
-});
-
-// filter css
-add_filter( 'wp_insert_post_data', function($data, $postarr) {
-    // ++ if can admin?
-    if ( $data['post_type'] !== FCPFSC_SLUG ) { return $data; }
-    clear_errors( $postarr['ID'] );
-
-    // empty is not an error
-    if ( trim( $data['post_content'] ) === '' ) {
-        $data['post_content_filtered'] = '';
-        return $data;
-    }
-
-    $errors = [];
-
-    list( $errors, $filtered ) = sanitize_css( wp_unslash( $data['post_content'] ) );
-
-    // right
-    if ( empty( $errors ) ) {
-        $data['post_content_filtered'] = wp_slash( css_minify( $filtered ) ); // slashes are stripped again right after
-        return $data;
-    }
-
-    // wrong
-    $data['post_content_filtered'] = '';
-    save_errors( $errors, $postarr['ID'], '#postdivrich' ); // ++set to draft on any error?
-    return $data;
-
-}, 10, 2 );
-
-// message on errors in css
-add_action( 'admin_notices', function () {
-
-    $screen = get_current_screen();
-    if ( !isset( $screen ) || !is_object( $screen ) || $screen->post_type !== FCPFSC_SLUG || $screen->base !== 'post' ) { return; }
-
-    global $post;
-    if ( empty( $errors = get_post_meta( $post->ID, FCPFSC_PREF.'_post_errors' )[0] ?? '' ) ) { return; }
-
-    array_unshift( $errors['errors'], '<strong>This CSS-post can not be published due to the following errors:</strong>' );
-    ?>
-
-    <div class="notice notice-error"><ul>
-    <?php array_walk( $errors['errors'], function($a) {
-        ?>
-        <li><?php echo wp_kses( $a, ['strong' => [], 'em' => []] ) ?></li>
-    <?php }) ?>
-    </ul></div>
-
-    <style type="text/css"><?php echo implode( ', ', $errors['selectors']) ?>{box-shadow:-3px 0px 0px 0px #d63638}</style>
-
-    <?php
-});
-
-
-// functions -------------------------------------
-
-function sanitize_meta( $value, $field, $postID ) {
-
-    $field = ( strpos( $field, FCPFSC_PREF ) === 0 ) ? substr( $field, strlen( FCPFSC_PREF ) ) : $field;
-
-    $onoff = function($value) {
-        return $value[0] === 'on' ? ['on'] : [];
-    };
-
-    switch( $field ) {
-        case ( 'post-types' ):
-            return array_intersect( $value, array_keys( get_all_post_types()['public'] ) );
-        break;
-        case ( 'post-archives' ):
-            return array_intersect( $value, array_keys( get_all_post_types()['archive'] ) );
-        break;
-        case ( 'development-mode' ):
-            return $onoff( $value );
-        break;
-        case ( 'deregister-style-names' ):
-            return $value; // ++preg_replace not letters ,space-_, lowercase?, 
-        break;
-        case ( 'deregister-script-names' ):
-            return $value; // ++preg_replace not letters ,space-_, lowercase?, 
-        break;
-        case ( 'rest-css' ):
-
-            list( $errors, $filtered ) = sanitize_css( wp_unslash( $value ) ); //++ move it all to a separate filter / actions, organize better with errors!!
-            $file = wp_upload_dir()['basedir'] . '/' . basename( __DIR__ ) . '/style-'.$postID.'.css';
-
-            // correct
-            if ( empty( $errors ) ) {
-                file_put_contents( $file, css_minify( $filtered ) ); //++ add the permission error
-                return $value;
-            }
-            // wrong
-            unlink( $file );
-            save_errors( $errors, $postID, '#first-screen-css-rest > .inside' );
-            return $value;
-        break;
-        case ( 'rest-css-defer' ):
-            return $onoff( $value );
-        break;
-        case ( 'id' ):
-            if ( !is_numeric( $value ) ) { return ''; } // ++to a function
-            if ( !( $post = get_post( $value ) ) || $post->post_type !== FCPFSC_SLUG ) { return ''; }
-            return $value;
-        break;
-        case ( 'id-exclude' ):
-            if ( !is_numeric( $value ) ) { return ''; }
-            if ( !( $post = get_post( $value ) ) || $post->post_type !== FCPFSC_SLUG ) { return ''; }
-            return $value;
-        break;
-    }
-
-    return '';
-}
-
-function sanitize_css($css) {
-
-    $errors = [];
-
-    // try to escape tags inside svg with url-encoding
-    if ( strpos( $css, '<' ) !== false && preg_match( '/<\/?\w+/', $css ) ) {
-        // the idea is taken from https://github.com/yoksel/url-encoder/
-        $svg_sanitized = preg_replace_callback( '/url\(\s*(["\']*)\s*data:\s*image\/svg\+xml(.*)\\1\s*\)/', function($m) {
-            return 'url('.$m[1].'data:image/svg+xml'
-                .preg_replace_callback( '/[\r\n%#\(\)<>\?\[\]\\\\^\`\{\}\|]+/', function($m) {
-                    return urlencode( $m[0] );
-                }, urldecode( $m[2] ) )
-                .$m[1].')';
-        }, $css );
-
-        if ( $svg_sanitized !== null ) {
-            $css = $svg_sanitized;
-        }
-    }
-    // if tags still exist, forbid that
-    // the idea is taken from WP_Customize_Custom_CSS_Setting::validate as well as the translation
-    if ( strpos( $css, '<' ) !== false && preg_match( '/<\/?\w+/', $css ) ) {
-        $errors['tags'] = 'HTML ' . __( 'Markup is not allowed in CSS.' );
-    }
-
-    // ++strip <?php, <!--??
-    // ++maybe add parser sometime later
-    // ++safecss_filter_attr($css)??
-
-    return [$errors, $css];
-}
-
-function save_errors($errors, $postID, $selector = '') {
-    static $errors_list = [ 'errors' => [], 'selectors' => [] ];    
-
-    $errors = (array) $errors;
-
-    $errors_list['errors'] = array_merge( $errors_list['errors'], $errors );
-    $errors_list['selectors'][] = $selector; // errors override by associative key, numeric add, but selectors only add for now
-    update_post_meta( $postID, FCPFSC_PREF.'_post_errors', $errors_list );
-}
-function clear_errors($postID) {
-    delete_post_meta( $postID, FCPFSC_PREF.'_post_errors' );
-}
-
-function checkboxes($a) {
-    ?>
-<fieldset
-    id="<?php echo esc_attr( FCPFSC_PREF . $a->name ) ?>"
-    class="<?php echo isset( $a->className ) ? esc_attr( $a->className ) : '' ?>"><?php
-
-    foreach ( (array) $a->options as $k => $v ) {
-        $checked = is_array( $a->value ) && in_array( $k, $a->value );
-    ?><label>
-        <input type="checkbox"
-            name="<?php echo esc_attr( FCPFSC_PREF . $a->name ) ?>[]"
-            value="<?php echo esc_attr( $k ) ?>"
-            <?php echo $checked ? 'checked' : '' ?>
-        >
-        <span><?php echo esc_html( $v ) ?></span>
-    </label><?php } ?>
-</fieldset>
-    <?php
-}
-
-function select($a) {
-    ?>
-    <select
-        name="<?php echo esc_attr( FCPFSC_PREF . $a->name ) ?>"
-        id="<?php echo esc_attr( FCPFSC_PREF . $a->name ) ?>"
-        class="<?php echo isset( $a->className ) ? esc_attr( $a->className ) : '' ?>"><?php
-
-        if ( isset( $a->placeholder ) ) { ?>
-            <option value=""><?php echo esc_html( $a->placeholder ) ?></option>
-        <?php } ?>
-
-        <?php foreach ( $a->options as $k => $v ) { ?>
-            <option
-                value="<?php echo esc_attr( $k ) ?>"
-                <?php echo isset( $a->value ) && $a->value == $k ? 'selected' : '' ?>
-            ><?php echo esc_html( $v ) ?></option>
-        <?php } ?>
-    </select>
-    <?php
-}
-
-function input($a) {
-    ?>
-    <input type="text"
-        name="<?php echo esc_attr( FCPFSC_PREF . $a->name ) ?>"
-        id="<?php echo esc_attr( FCPFSC_PREF . $a->name ) ?>"
-        placeholder="<?php echo isset( $a->placeholder ) ? esc_attr( $a->placeholder )  : '' ?>"
-        value="<?php echo isset( $a->value ) ? esc_attr( $a->value ) : '' ?>"
-        class="<?php echo isset( $a->className ) ? esc_attr( $a->className ) : '' ?>"
-    />
-    <?php
-}
-
-function textarea($a) {
-    ?>
-    <textarea
-        name="<?php echo esc_attr( FCPFSC_PREF . $a->name ) ?>"
-        id="<?php echo esc_attr( FCPFSC_PREF . $a->name ) ?>"
-        rows="<?php echo isset( $a->rows ) ? esc_attr( $a->rows ) : '10' ?>" cols="<?php echo isset( $a->cols ) ? esc_attr( $a->cols ) : '50' ?>"
-        placeholder="<?php echo isset( $a->placeholder ) ? esc_attr( $a->placeholder ) : '' ?>"
-        class="<?php echo isset( $a->className ) ? esc_attr( $a->className ) : '' ?>"
-        style="<?php echo isset( $a->style ) ? esc_attr( $a->style ) : '' ?>"
-    ><?php
-        echo esc_textarea( isset( $a->value ) ? $a->value : '' )
-    ?></textarea>
-    <?php
-}
-
-function filter_csss( $ids ) {
-
-    if ( empty( $ids ) ) { return []; }
-
-    global $wpdb;
-
-    // filter by post_status & post_type
-    $filtered_ids = $wpdb->get_col( $wpdb->prepare('
-
-        SELECT `ID`
-        FROM `'.$wpdb->posts.'`
-        WHERE `post_status` = %s AND `post_type` = %s AND `ID` IN ( '.implode( ',', array_fill( 0, count( $ids ), '%s' ), ).' )
-
-    ', array_merge( [ 'publish', FCPFSC_SLUG ], $ids ) ) );
-
-    // filter by development mode
-    if ( current_user_can( 'administrator' ) ) { return $filtered_ids; }
-
-    $dev_mode = $wpdb->get_col( $wpdb->remove_placeholder_escape( $wpdb->prepare('
-
-        SELECT `post_id`
-        FROM `'.$wpdb->postmeta.'`
-        WHERE `meta_key` = %s AND `meta_value` = %s AND `post_id` IN ( '.implode( ',', array_fill( 0, count( $ids ), '%s' ), ).' )
-
-    ', array_merge( [ FCPFSC_PREF.'development-mode', serialize(['on']) ], $ids ) ) ) );
-
-
-    return array_values( array_diff( $filtered_ids, $dev_mode ) );
-}
-
-function get_css_ids( $key, $type = 'post' ) {
-
-    global $wpdb;
-
-    $ids = $wpdb->get_col( $wpdb->remove_placeholder_escape( $wpdb->prepare('
-
-        SELECT `post_id`
-        FROM `'.$wpdb->postmeta.'`
-        WHERE `meta_key` = %s AND `meta_value` LIKE %s
-
-    ', $key, $wpdb->add_placeholder_escape( '%"'.$type.'"%' ) ) ) );
-
-    return $ids;
-}
-
-function get_to_defer( $ids ) {
-
-    global $wpdb;
-
-    $defer_ids = $wpdb->get_col( $wpdb->remove_placeholder_escape( $wpdb->prepare('
-
-        SELECT `post_id`
-        FROM `'.$wpdb->postmeta.'`
-        WHERE `meta_key` = %s AND `meta_value` = %s AND `post_id` IN ( '.implode( ',', array_fill( 0, count( $ids ), '%s' ), ).' )
-
-    ', array_merge( [ FCPFSC_PREF.'rest-css-defer', serialize(['on']) ], $ids ) ) ) );
-
-
-    return $defer_ids;
-}
-
-function get_css_contents_filtered( $ids ) { // ++add proper ordering
-
-    if ( empty( $ids ) ) { return; }
-
-    global $wpdb;
-
-    $metas = $wpdb->get_col( $wpdb->prepare('
-
-        SELECT `post_content_filtered`
-        FROM `'.$wpdb->posts.'`
-        WHERE `ID` IN ( '.implode( ',', array_fill( 0, count( $ids ), '%s' ), ).' )
-
-    ', $ids ) );
-
-    return implode( '', $metas );
-}
-
-function get_to_deregister( $ids ) {
-
-    if ( empty( $ids ) ) { return []; }
-
-    global $wpdb;
-
-    $wpdb->query( $wpdb->remove_placeholder_escape( $wpdb->prepare('
-
-        SELECT
-            IF ( STRCMP( `meta_key`, %s ) = 0, `meta_value`, "" ) AS "styles",
-            IF ( STRCMP( `meta_key`, %s ) = 0, `meta_value`, "" ) AS "scripts"
-        FROM `'.$wpdb->postmeta.'`
-        WHERE ( `meta_key` = %s OR `meta_key` = %s ) AND `post_id` IN ( '.implode( ',', array_fill( 0, count( $ids ), '%s' ), ).' )
-
-    ', array_merge(
-        [ FCPFSC_PREF.'deregister-style-names', FCPFSC_PREF.'deregister-script-names', FCPFSC_PREF.'deregister-style-names', FCPFSC_PREF.'deregister-script-names' ],
-        $ids
-    ) ) ) );
-
-    $clear = function($a) { return array_values( array_unique( array_filter( array_map( 'trim', explode( ',', implode( ', ', $a ) ) ) ) ) ); };
-    
-    $styles = $clear( $wpdb->get_col( null, 0 ) );
-    $scripts = $clear( $wpdb->get_col( null, 1 ) );
-
-    return [ $styles, $scripts ];
-}
-
-function get_all_post_types() {
-    static $all = [], $public = [], $archive = [];
-
-    if ( !empty( $public ) ) { return [ 'all' => $all, 'public' => $public, 'archive' => $archive ]; }
-
-    $all = get_post_types( [], 'objects' );
-    $public = [];
-    $archive = [];
-    $archive[ 'blog' ] = 'Blog';
-    usort( $all, function($a,$b) { return strcasecmp( $a->label, $b->label ); });
-    foreach ( $all as $type ) {
-        $type->name = isset( $type->rewrite->slug ) ? $type->rewrite->slug : $type->name;
-        if ( $type->has_archive ) {
-            $archive[ $type->name ] = $type->label;
-        }
-        if ( $type->public ) {
-            //if ( $type->name === 'page' ) { $type->label .= ' (except Front Page)'; }
-            $public[ $type->name ] = $type->label;
-        }
-    }
-
-    return [ 'all' => $all, 'public' => $public, 'archive' => $archive ];
-
-}
-
-function css_minify($css) {
-    $preg_replace = function($regexp, $replace, $string) { // avoid null result so that css still works even though not fully minified
-        return preg_replace( $regexp, $replace, $string ) ?: $string . '/* --- failed '.$regexp.', '.$replace.' */';
-    };
-    $css = $preg_replace( '/\s+/', ' ', $css ); // one-line & only single speces
-    $css = $preg_replace( '/ ?\/\*(?:.*?)\*\/ ?/', '', $css ); // remove comments
-    $css = $preg_replace( '/ ?([\{\};:\>\~\+]) ?/', '$1', $css ); // remove spaces
-    $css = $preg_replace( '/\+(\d)/', ' + $1', $css ); // restore spaces in functions
-    $css = $preg_replace( '/(?:[^\}]*)\{\}/', '', $css ); // remove empty properties
-    $css = str_replace( [';}', '( ', ' )'], ['}', '(', ')'], $css ); // remove last ; and spaces
-    // ++ should also remove 0 from 0.5, but not from svg-s?
-    // ++ try replacing ', ' with ','
-    // ++ remove space between %3E %3C and before %3E and /%3E
-    return trim( $css );
-};
-
-// meta boxes
-function fcpfsc_meta_bulk_apply() {
-    global $post;
-
-    // get post types to print options
-    list( 'public' => $public_post_types, 'archive' => $archives_post_types ) = get_all_post_types();
-
-    ?><p><strong>Apply to the following post types</strong></p><?php
-
-    checkboxes( (object) [
-        'name' => 'post-types',
-        'options' => $public_post_types,
-        'value' => get_post_meta( $post->ID, FCPFSC_PREF.'post-types' )[0] ?? '',
-    ]);
-
-    ?><p><strong>Apply to the Archive pages of the following post types</strong></p><?php
-
-    checkboxes( (object) [
-        'name' => 'post-archives',
-        'options' => $archives_post_types,
-        'value' => get_post_meta( $post->ID, FCPFSC_PREF.'post-archives' )[0] ?? '',
-    ]);
-
-    ?>
-    <p>You can apply this styling to a separate post. Every public post type has a special select box in the right sidebar to pick this or any other first-screen-css.</p>
-    <p>You can grab the first screen css of a page with the script: <a href="https://github.com/VVolkov833/first-screen-css-grabber" target="_blank" rel="noopener">github.com/VVolkov833/first-screen-css-grabber</a></p>
-    <?php
-
-    checkboxes( (object) [
-        'name' => 'development-mode',
-        'options' => ['on' => 'Development mode (apply only if the post is visited as the admin)'],
-        'value' => get_post_meta( $post->ID, FCPFSC_PREF.'development-mode' )[0] ?? '',
-    ]);
-
-    ?>
-    <input type="hidden" name="<?php echo esc_attr( FCPFSC_PREF ) ?>nonce" value="<?= esc_attr( wp_create_nonce( FCPFSC_PREF.'nonce' ) ) ?>">
-    <?php
-}
-
-function fcpfsc_meta_disable_styles() {
-    global $post;
-
-    ?><p><strong>List the names of STYLES to deregister</strong></p><?php
-
-    input( (object) [
-        'name' => 'deregister-style-names',
-        'placeholder' => 'my-theme-style, some-plugin-style',
-        'value' => get_post_meta( $post->ID, FCPFSC_PREF.'deregister-style-names' )[0] ?? '',
-    ]);
-    ?>Separate names by comma. To deregister all styles set *<?php
-
-    ?><p><strong>List the names of SCRIPTS to deregister</strong></p><?php
-
-    input( (object) [
-        'name' => 'deregister-script-names',
-        'placeholder' => 'my-theme-script, some-plugin-script',
-        'value' => get_post_meta( $post->ID, FCPFSC_PREF.'deregister-script-names' )[0] ?? '',
-    ]);
-    ?>Separate names by comma. To deregister all scripts set *<?php
-
-}
-
-function fcpfsc_meta_rest_css() {
-    global $post;
-
-    textarea( (object) [
-        'name' => 'rest-css',
-        'value' => get_post_meta( $post->ID, FCPFSC_PREF.'rest-css' )[0] ?? '',
-        'style' => 'height:300px',
-    ]);
-
-    checkboxes( (object) [
-        'name' => 'rest-css-defer',
-        'options' => ['on' => 'Defer the not-first-screen CSS (avoid render-blicking)'],
-        'value' => get_post_meta( $post->ID, FCPFSC_PREF.'rest-css-defer' )[0] ?? '',
-    ]);
-}
-
-function anypost_meta_select_fsc() {
-    global $post;
-
-    // get css post types
-    $css_posts0 = get_posts([
-        'post_type' => FCPFSC_SLUG,
-        'orderby' => 'post_title',
-        'order'   => 'ASC',
-        'post_status' => ['any', 'active'],
-        'posts_per_page' => -1,
-    ]);
-    $css_posts = [];
-    foreach( $css_posts0 as $v ){
-        $css_posts[ $v->ID ] = $v->post_title ? $v->post_title : __( '(no title)' );
-    }
-
-    select( (object) [
-        'name' => 'id',
-        'placeholder' => '------',
-        'options' => $css_posts,
-        'value' => get_post_meta( $post->ID, FCPFSC_PREF.'id' )[0] ?? '',
-    ]);
-
-    ?><p>&nbsp;</p><p><strong>Exclude CSS</strong></p><?php
-    select( (object) [
-        'name' => 'id-exclude',
-        'placeholder' => '------',
-        'options' => $css_posts,
-        'value' => get_post_meta( $post->ID, FCPFSC_PREF.'id-exclude' )[0] ?? '',
-    ]);
-
-    ?>
-    <input type="hidden" name="<?php echo esc_attr( FCPFSC_PREF ) ?>nonce" value="<?= esc_attr( wp_create_nonce( FCPFSC_PREF.'nonce' ) ) ?>">
-    <?php
-}
-
-function delete_the_plugin() {
-    $dir = wp_upload_dir()['basedir'] . '/' . basename( __DIR__ );
-    array_map( 'unlink', glob( $dir . '/*' ) );
-    rmdir( $dir );
-}
-
-// new version set
-// svn upload
-
-// ++refactor - split in files
-// ++add the @bigger height@ button and save new height in local storage
+// ++add the option to switch to inline
+// ++add the option to defer loading
+// ++autopick the names by url or the instruction how to
+// ++add the @bigger height@ button and save new height in local storage or user settings?
 // ++switch selects to checkboxes or multiples
 // ++maybe limit the id-exclude to the fitting post types

fcp-first-screen-css/trunk/readme.txt

@@ -3 +3 @@
 Tags: inline, css, firstscreen, style, web vitals, cls, fcp, defer, dequeue, deregister
 Requires at least: 5.8
-Tested up to: 6.2
+Tested up to: 6.3
 Requires PHP: 7.4
-Stable tag: 1.5.02
-Author: Firmcatalyst, Vadim Volkov
+Stable tag: 1.6
+Author: Vadim Volkov, Firmcatalyst
 Author URI: https://firmcatalyst.com
 License: GPL v3 or later
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
 
-FCP First Screen CSS inline
+First Screen CSS & Settings
 
 == Description ==
 
-Insert the inline CSS to the head tag of a website, disable existing styles and scripts, defer loading of not-first-screen style, apply to a single post or bulk.
+Insert the inline CSS into your website's head tag. You can choose to inline, defer, or de-register existing styles and scripts. Additionally, you can add custom non-inline styles. Apply everything individually, by post-type, or for archives.
 
 = Features =
 
-* Apply to any single post / page / custom post-type
-* Apply to all posts of a particular post-type
-* Apply to the blog or any post-type archive
-* It minifies the CSS before printing
-* Deregister styles and scripts: all or by name
-* Apply the not-first-screen CSS separately
-* Defer the not-first-screen CSS loading
+* Full control over your website's CSS
+* Apply changes to individual posts/pages/custom post types
+* Apply changes to all posts of a specific type
+* Apply changes to the blog or any post-type archive
+* Inline, defer, or de-register Styles or JS
+* Automatic CSS minification
+* Edit CSS easily with the CodeMirror visual editor
 
 = Demo =
@@ -33 +33 @@
 = Usage =
 
-* Install and activate the plugin
-* Go to the "First Screen CSS" menu item in the left sidebar of your wp-admin
-* Add New, insert your CSS
-* Pick where to apply and other options
+* Install and activate the plugin.
+* Navigate to "First Screen CSS" in the left sidebar of your wp-admin.
+* Click "Add New."
+* Input your CSS or adjust the settings.
+* Choose where to apply the changes and publish.
 
 == Installation ==
@@ -45 +46 @@
 == Development ==
 
-You can modify the code for your needs, or suggest improvemens on [GitHub](https://github.com/VVolkov833/first-screen-css). It is pretty transparent and well-commented.
+You can customize the code to suit your requirements or suggest improvements on [GitHub](https://github.com/VVolkov833/first-screen-css). The code is transparent and easy to understand.
 
 == Frequently Asked Questions ==
 
-Waiting for your questions, which you can ask [here](https://firmcatalyst.com/contact/) or via GitHub.
+Feel free to ask your questions [here](https://firmcatalyst.com/contact/) or through GitHub..
 
 == Upgrade Notice ==
+
+= 1.6 =
+
+* Added the options to inline, defer and de-register CSS and JS
+* Enhanced the CodeMirror editor for CSS manipulation
+* Improved performance handling heavy CSS
+* Enhanced descriptions and added simplified instructions
 
 = 1.5 =