Changeset 2934071

Timestamp:

07/04/2023 06:36:54 PM (21 months ago)

Author:

firmcatalyst

Message:

version 1.5

Location:

fcp-first-screen-css/trunk

Files:

• assets/codemirror/init.js (modified) (1 diff)
• assets/codemirror/style.css (deleted)
• assets/style.css (added)
• changelog.txt (modified) (1 diff)
• first-screen.php (modified) (7 diffs)
• readme.txt (modified) (2 diffs)

fcp-first-screen-css/trunk/assets/codemirror/init.js

@@ -24 +24 @@
         })
         $editor.after( $format_button );
+
+        const $linewrap_button = $( '<button name="linewrap" class="button button-small" type="button" title="Visually Break / Unbreak the long lines in the editor">&nbsp;&#8626;&nbsp;</button>' );
+        $linewrap_button.click( () => {
+            const lineWrapping = editor.getOption( 'lineWrapping' );
+            editor.setOption( 'lineWrapping', !lineWrapping );
+        })
+        $editor.after( $linewrap_button );
+
+        const $infinity_button = $( '<button name="infinity" class="button button-small" type="button" title="Fit the editor to the content height">&nbsp;&#8597;&nbsp;</button>' );
+        const editor_height = editor.getOption( 'viewportMargin' ); // 10
+        const textarea_height = $editor.css( 'height' ); // 300px
+        $infinity_button.click( () => {
+            const viewportMargin = editor.getOption( 'viewportMargin' );
+            const infinity_on = viewportMargin === Infinity;
+            editor.setOption( 'viewportMargin', infinity_on ? editor_height : Infinity );
+            editor.display.wrapper.style.height = infinity_on ? textarea_height : 'auto';
+        })
+        $editor.after( $infinity_button );
+
+        return editor;
     };
 

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

@@ +1 @@
+= 1.5 =
+
+* Added the Wrap button to softly break / unbreak long lines
+* Added the Infinity button to fit the editor's height to the content
+
 = 1.4 =
 

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

@@ -3 +3 @@
 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.4.01
+Version: 1.5
 Requires at least: 5.8
 Tested up to: 6.1
@@ -248 +248 @@
 });
 
-// style meta boxes
-add_action( 'admin_footer', function() {
-
-    $screen = get_current_screen();
-    if ( !isset( $screen ) || !is_object( $screen ) || !in_array( $screen->base, [ 'post' ] ) ) { return; } // ++to inline css & include ++if can admin
-
-    ?>
-    <style type="text/css">
-    [id^=first-screen-css] select {
-        width:100%;
-        box-sizing:border-box;
-    }
-    [id^=first-screen-css] fieldset label {
-        display:inline-block;
-        min-width:90px;
-        margin-right:16px;
-        white-space:nowrap;
-    }
-    [id^=first-screen-css] input[type=text],
-    [id^=first-screen-css] textarea {
-        width:100%;
-    }
-    [id^=first-screen-css] p {
-        margin:30px 0 10px;
-    }
-    [id^=first-screen-css] p + p {
-        margin-top:10px;
-    }
-    </style>
-    <?php
-});
-
 // disable timymce to textarea
 add_filter( 'wp_editor_settings', function($settings, $editor_id) {
@@ -303 +271 @@
     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_script( 'codemirror-init', plugin_dir_url(__FILE__) . '/assets/codemirror/init.js', ['jquery'], FCPFSC_VER  );
-
     wp_enqueue_style( 'codemirror', plugin_dir_url(__FILE__) . 'assets/codemirror/codemirror.css', [], FCPFSC_CM_VER );
-    wp_enqueue_style( 'codemirror-style', plugin_dir_url(__FILE__) . 'assets/codemirror/style.css', ['codemirror'], FCPFSC_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
@@ -319 +302 @@
 
     if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) { return; }
-    if ( !wp_verify_nonce( $_POST[ FCPFSC_PREF.'nounce-name' ], FCPFSC_PREF.'nounce-action' ) ) { return; }
+    if ( empty( $_POST[ FCPPBK_PREF.'nounce-name' ] ) || !wp_verify_nonce( $_POST[ FCPFSC_PREF.'nounce-name' ], FCPFSC_PREF.'nounce-action' ) ) { return; }
     //if ( !current_user_can( 'edit_post', $postID ) ) { return; }
     if ( !current_user_can( 'administrator' ) ) { return; }
@@ -566 +549 @@
         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 : '' )
@@ -784 +768 @@
         'name' => 'rest-css',
         'value' => get_post_meta( $post->ID, FCPFSC_PREF.'rest-css' )[0] ?? '',
+        'style' => 'height:300px',
     ]);
 
@@ -837 +822 @@
 
 // ++refactor - split in files
-// ++add the bigger height button and save it
+// ++add the @bigger height@ button and save new height in local storage
 // ++switch selects to checkboxes or multiples
 // ++maybe limit the id-exclude to the fitting post types

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

@@ -5 +5 @@
 Tested up to: 6.2
 Requires PHP: 7.4
-Stable tag: 1.4.01
+Stable tag: 1.5
 Author: Firmcatalyst, Vadim Volkov
 Author URI: https://firmcatalyst.com
@@ -53 +53 @@
 == Upgrade Notice ==
 
+= 1.5 =
+
+* Added the Wrap button to softly break / unbreak long lines
+* Added the Infinity button to fit the editor's height to the content
+
 = 1.4 =