Changeset 3790680

Timestamp:

11/08/2026 08:24:08 AM (5 hours ago)

Author:

kishollo001

Message:

Release 0.6.5: Visual editor opens pages with the SEO panel, back to Clearyvo SEO, Image ALT scan filter, one button style

Location:

clearyvo-seo

Files:

• tags/0.6.5 (copied) (copied from clearyvo-seo/trunk )
• tags/0.6.5/assets/style.css (modified) (1 diff)
• tags/0.6.5/clearyvo-seo.php (modified) (1 diff)
• tags/0.6.5/includes/class-wpsc-admin.php (modified) (6 diffs)
• tags/0.6.5/includes/class-wpsc-audit.php (modified) (1 diff)
• tags/0.6.5/includes/class-wpsc-views.php (modified) (9 diffs)
• tags/0.6.5/readme.txt (modified) (3 diffs)
• tags/0.6.5/seo/admin/class-cvseo-sidebar.php (modified) (4 diffs)
• tags/0.6.5/seo/admin/class-cvseo-visual.php (added)
• tags/0.6.5/seo/assets/css/sidebar.css (modified) (1 diff)
• tags/0.6.5/seo/assets/css/snippet.css (added)
• tags/0.6.5/seo/assets/css/visual.css (added)
• tags/0.6.5/seo/assets/js/admin-snippet.js (added)
• tags/0.6.5/seo/assets/js/sidebar.js (modified) (6 diffs)
• tags/0.6.5/seo/assets/js/snippet-core.js (added)
• tags/0.6.5/seo/boot.php (modified) (3 diffs)
• tags/0.6.5/seo/includes/class-cvseo-rest.php (modified) (2 diffs)
• trunk/assets/style.css (modified) (1 diff)
• trunk/clearyvo-seo.php (modified) (1 diff)
• trunk/includes/class-wpsc-admin.php (modified) (6 diffs)
• trunk/includes/class-wpsc-audit.php (modified) (1 diff)
• trunk/includes/class-wpsc-views.php (modified) (9 diffs)
• trunk/readme.txt (modified) (3 diffs)
• trunk/seo/admin/class-cvseo-sidebar.php (modified) (4 diffs)
• trunk/seo/admin/class-cvseo-visual.php (added)
• trunk/seo/assets/css/sidebar.css (modified) (1 diff)
• trunk/seo/assets/css/snippet.css (added)
• trunk/seo/assets/css/visual.css (added)
• trunk/seo/assets/js/admin-snippet.js (added)
• trunk/seo/assets/js/sidebar.js (modified) (6 diffs)
• trunk/seo/assets/js/snippet-core.js (added)
• trunk/seo/boot.php (modified) (3 diffs)
• trunk/seo/includes/class-cvseo-rest.php (modified) (2 diffs)

clearyvo-seo/tags/0.6.5/assets/style.css

@@ -76 +76 @@
 .wpsc-table td{vertical-align:top}
 @media (max-width:782px){.wpsc-explain{grid-template-columns:1fr}}
+
+/* 0.6.3: what the last scan found on this page (Image ALT view). */
+.wpsc-scanflag { margin: 6px 0 2px; font-size: 13px; color: #8a4b00; }
+.wpsc-scanflag-badge { display: inline-block; padding: 1px 8px; margin-right: 4px; border-radius: 10px; background: #fcf0e3; border: 1px solid #f0c48a; color: #8a4b00; font-size: 11.5px; font-weight: 600; }

clearyvo-seo/tags/0.6.5/clearyvo-seo.php

@@ -4 +4 @@
  * Plugin URI:        https://wp-sitechecker.com/
  * Description:       SEO without keyword stuffing: real image ALT text from page context, not filenames. Titles, meta, schema, sitemap, redirects, 404 log, a full site audit and one-click import from Yoast SEO and Rank Math.
- * Version:           0.5.3
+ * Version:           0.6.5
  * Requires at least: 6.2
  * Requires PHP:      7.4

clearyvo-seo/tags/0.6.5/includes/class-wpsc-admin.php

@@ -37 +37 @@
             'alt_part' => $part($gap, $img), 'h_part' => $part($hp, $np), 'm_part' => $part($mp, $np),
             'site_h1' => count($h['site']), 'conflicts' => count($k['conflicts']), 'orphans' => count($l['orphans']), 'menu_only' => count($l['menuOnly']),
+            'alt_rows' => count(WPSC_Audit::alt_problems()),
             'headings_rows' => $hrows + count($h['site']), 'keywords_rows' => $krows, 'meta_rows' => $mrows, 'links_rows' => count($l['orphans']) + count($l['menuOnly']),
         ];
@@ -283 +284 @@
         $type = WPSiteChecker_UI::filter_value('type', array_keys($types));
         $s = WPSiteChecker_UI::filter_value('s');
+        // Pages where the last scan found images without ALT (the Overview card and "Show and fix" open this filter).
+        $probs = WPSC_Audit::state() && !empty(WPSC_Audit::state()['finished']) ? WPSC_Audit::alt_problems() : [];
+        $scan = WPSiteChecker_UI::filter_value('scan', ['noalt']);
         $paged = WPSiteChecker_UI::current_page_num();
-        $q = new WP_Query(['post_type' => $type !== '' ? $type : array_keys($types), 'post_status' => 'publish', 'posts_per_page' => self::PER_PAGE, 'paged' => $paged,
-            's' => $s, 'orderby' => ['menu_order' => 'ASC', 'title' => 'ASC'], 'ignore_sticky_posts' => true, 'has_password' => false, 'no_found_rows' => false]);
+        $args = ['post_type' => $type !== '' ? $type : array_keys($types), 'post_status' => 'publish', 'posts_per_page' => self::PER_PAGE, 'paged' => $paged,
+            's' => $s, 'orderby' => ['menu_order' => 'ASC', 'title' => 'ASC'], 'ignore_sticky_posts' => true, 'has_password' => false, 'no_found_rows' => false];
+        if ($scan === 'noalt') $args['post__in'] = $probs ? array_keys($probs) : [0];
+        $q = new WP_Query($args);
 
         WPSC_Views::explain(__('Checks every published page as visitors and Google see it: which images have no ALT text, whether an image ALT contains the page\'s focus keyword, and which ALT texts repeat. Nothing changes until you save an ALT yourself.', 'clearyvo-seo'),
@@ -307 +313 @@
         WPSiteChecker_UI::filter_bar([
             'label'   => __('Filter pages', 'clearyvo-seo'),
-            'filters' => [['name' => 'type', 'label' => __('Content type', 'clearyvo-seo'), 'options' => $topts, 'value' => $type]],
+            'filters' => [['name' => 'type', 'label' => __('Content type', 'clearyvo-seo'), 'options' => $topts, 'value' => $type],
+                /* translators: %s: number of pages */
+                ['name' => 'scan', 'label' => __('Last scan', 'clearyvo-seo'), 'options' => ['' => __('All pages', 'clearyvo-seo'), 'noalt' => sprintf(__('Missing ALT in the last scan (%s)', 'clearyvo-seo'), WPSiteChecker_Family::num(count($probs)))], 'value' => $scan]],
             // Checked in the browser by app.js (the results of each page are computed there): a local checkbox.
             'checks'  => [['id' => 'wpsc-only-problems', 'label' => __('Show only pages with problems', 'clearyvo-seo'), 'local' => true]],
@@ -314 +322 @@
         echo '<p id="wpsc-summary" class="wpsc-summary" role="status" aria-live="polite"></p><div id="wpsc-sitewide"></div>';
         if (!$q->have_posts()) {
-            if ($type !== '' || $s !== '') WPSiteChecker_UI::empty_filtered(WPSiteChecker_UI::clear_filters_url(['type', 's']));
+            if ($type !== '' || $s !== '' || $scan !== '') WPSiteChecker_UI::empty_filtered(WPSiteChecker_UI::clear_filters_url(['type', 's', 'scan']));
             else WPSiteChecker_UI::empty_state(['title' => __('No published pages', 'clearyvo-seo'), 'text' => __('Publish a page or post: its images are checked here.', 'clearyvo-seo')]);
             return;
@@ -330 +338 @@
                 . '<div class="wpsc-pagehead"><div><h2>' . esc_html($title) . ' <span class="wpsc-type">' . esc_html($type_obj ? $type_obj->labels->singular_name : $post->post_type) . '</span></h2>'
                 . '<div class="wpsc-meta"><strong>' . esc_html__('Focus keyword:', 'clearyvo-seo') . '</strong> ' . ($kw ? esc_html(implode(' · ', $kw)) : '<em>' . esc_html__('not set', 'clearyvo-seo') . '</em>') . '</div>'
+                . (isset($probs[$post->ID]) ? '<div class="wpsc-scanflag"><span class="wpsc-scanflag-badge">' . esc_html__('Last scan', 'clearyvo-seo') . '</span> ' . esc_html(self::alt_flag($probs[$post->ID])) . '</div>' : '')
                 . '<div class="wpsc-checks"></div></div>'
                 . '<div class="wpsc-headlinks"><a class="button" target="_blank" rel="noopener" href="' . esc_url(get_permalink($post)) . '">' . esc_html__('View page', 'clearyvo-seo') . $nt . '</a>'
@@ -337 +346 @@
         wp_reset_postdata();
         WPSiteChecker_UI::pagination($pager + ['which' => 'bottom']);
+    }
+
+    /** "1 image without ALT, 2 with empty ALT" for one page of the last scan. */
+    private static function alt_flag(array $p) {
+        $parts = [];
+        /* translators: %s: number of images */
+        if ($p[0]) $parts[] = sprintf(_n('%s image without ALT', '%s images without ALT', $p[0], 'clearyvo-seo'), WPSiteChecker_Family::num($p[0]));
+        /* translators: %s: number of images */
+        if ($p[1]) $parts[] = sprintf(_n('%s image with empty ALT', '%s images with empty ALT', $p[1], 'clearyvo-seo'), WPSiteChecker_Family::num($p[1]));
+        return implode(', ', $parts) . ' ' . __('(as the page is shown; the ALT written in the page or by the theme counts, not the Media Library)', 'clearyvo-seo');
     }
 

clearyvo-seo/tags/0.6.5/includes/class-wpsc-audit.php

@@ -71 +71 @@
     static function flush() { self::$cache = null; }
 
+    /** Pages where the last scan found content images without ALT or with an empty ALT: id => [no ALT, empty ALT]. */
+    static function alt_problems() {
+        $out = [];
+        foreach (self::pages() as $id => $d) {
+            $im = (array) ($d['imgs'] ?? []);
+            $no = (int) ($im[1] ?? 0); $empty = (int) ($im[2] ?? 0);
+            if ($no + $empty) $out[(int) $id] = [$no, $empty];
+        }
+        return $out;
+    }
+
     static function lc($s) { return function_exists('mb_strtolower') ? mb_strtolower((string) $s, 'UTF-8') : strtolower((string) $s); }
     /** Lower case, accents removed, single spaces: "Generálkivitelezés  Budapest" == "generalkivitelezes budapest". */

clearyvo-seo/tags/0.6.5/includes/class-wpsc-views.php

@@ -4 +4 @@
 /**
  * Overview and the views that read the site scan (family UI kit). Hooks for add-ons (Clearyvo SEO Pro):
- * wpsc_overview_cards, wpsc_keywords_before_table, wpsc_orphan_actions, wpsc_links_after_orphans, wpsc_schema_section.
+ * wpsc_overview_cards, wpsc_keywords_before_table, wpsc_meta_before_table, wpsc_orphan_actions, wpsc_links_after_orphans,
+ * wpsc_schema_section.
  */
 final class WPSC_Views {
@@ -15 +16 @@
         $h = '<a href="' . esc_url(self::page_url($id)) . '" target="_blank" rel="noopener">' . esc_html(self::title($id)) . '<span class="screen-reader-text"> ' . esc_html__('(opens in a new tab)', 'clearyvo-seo') . '</span></a>';
         if (current_user_can('edit_post', $id)) $h .= ' <a class="wpsc-edit" href="' . esc_url(get_edit_post_link($id, 'raw')) . '">' . esc_html__('Edit', 'clearyvo-seo') . '<span class="screen-reader-text"> ' . esc_html(self::title($id)) . '</span></a>';
+        if (class_exists('CVSEO_Visual')) $h .= CVSEO_Visual::button((int) $id);   // Clearyvo SEO snippet editor right here
         return $h;
     }
@@ -67 +69 @@
         if (!$can) $note .= ' ' . __('An editor or administrator can scan the site.', 'clearyvo-seo');
         WPSiteChecker_UI::action_bar([
-            'buttons'   => $can ? [['label' => __('Scan site', 'clearyvo-seo'), 'primary' => true, 'id' => 'wpsc-audit-run']] : [],
+            'buttons'   => array_merge($can ? [['label' => __('Scan site', 'clearyvo-seo'), 'primary' => true, 'id' => 'wpsc-audit-run']] : [],
+                class_exists('CVSEO_Visual') && CVSEO_Visual::available() ? [['label' => __('Visual editor', 'clearyvo-seo'), 'primary' => true, 'class' => 'cvseo-vis-btn', 'attrs' => ['data-cvseo-visual' => '0'], 'title' => __('Choose a page and open it in the page editor with the Clearyvo SEO panel', 'clearyvo-seo')]] : []),
             'status'    => WPSiteChecker_UI::last_run_text($ts, 'scan'),
             'status_id' => 'wpsc-audit-status',
@@ -114 +117 @@
         $cards = [
             ['alt', __('Image ALT texts', 'clearyvo-seo'), [
-                [$s['noalt'] + $s['emptyalt'], __('images without ALT text', 'clearyvo-seo'), 'warning'],
+                [$s['noalt'] + $s['emptyalt'], __('images without ALT text', 'clearyvo-seo'), 'warning', ['scan' => 'noalt']],
                 [$nokwAlt, __('pages where no image ALT contains the focus keyword', 'clearyvo-seo'), 'notice']]],
             ['headings', __('Headings', 'clearyvo-seo'), [
@@ -148 +151 @@
                 $n = (int) $line[0];
                 $sev = isset($line[2]) && in_array($line[2], ['critical', 'warning', 'notice'], true) ? $line[2] : 'warning';
-                $out[] = ['severity' => $n ? $sev : 'ok', 'count' => $n, 'text' => WPSiteChecker_Family::num($n) . ' ' . (string) $line[1], 'area' => (string) $c[1], 'tab' => sanitize_key((string) $c[0])];
+                $out[] = ['severity' => $n ? $sev : 'ok', 'count' => $n, 'text' => WPSiteChecker_Family::num($n) . ' ' . (string) $line[1], 'area' => (string) $c[1], 'tab' => sanitize_key((string) $c[0]),
+                    'args' => isset($line[3]) && is_array($line[3]) ? array_map('sanitize_key', $line[3]) : []];
             }
         }
@@ -233 +237 @@
         WPSiteChecker_UI::cards([
             ['label' => __('Score', 'clearyvo-seo'), 'value' => $s ? $s['score'] : null, 'tone' => 'score'],
-            ['label' => __('Images without ALT text', 'clearyvo-seo'), 'value' => $s ? $s['noalt'] + $s['emptyalt'] : null, 'tone' => 'warning', 'url' => $s && $s['noalt'] + $s['emptyalt'] ? WPSC_Admin::url('alt') : ''],
+            ['label' => __('Images without ALT text', 'clearyvo-seo'), 'value' => $s ? $s['noalt'] + $s['emptyalt'] : null, 'tone' => 'warning', 'url' => $s && $s['noalt'] + $s['emptyalt'] ? WPSC_Admin::url('alt', ['scan' => 'noalt']) : ''],
             ['label' => __('Pages with heading problems', 'clearyvo-seo'), 'value' => $s ? $s['hp'] : null, 'tone' => 'warning', 'url' => $s && $s['hp'] ? WPSC_Admin::url('headings') : ''],
             ['label' => __('Shared focus keywords', 'clearyvo-seo'), 'value' => $s ? $s['conflicts'] : null, 'tone' => 'warning', 'url' => $s && $s['conflicts'] ? WPSC_Admin::url('keywords') : ''],
@@ -263 +267 @@
                     $h .= '<tr data-severity="' . esc_attr($r['severity']) . '" data-area="' . esc_attr($r['tab']) . '"><td class="column-severity">' . WPSiteChecker_UI::severity_badge_html($r['severity']) . '</td>'
                         . '<td class="column-item">' . esc_html($r['text']) . '</td><td class="column-area">' . esc_html($r['area']) . '</td>'
-                        . '<td class="column-actions"><a href="' . esc_url(WPSC_Admin::url($r['tab'])) . '">' . esc_html__('Show and fix', 'clearyvo-seo') . '<span class="screen-reader-text">: ' . esc_html($r['text']) . '</span></a></td></tr>';
+                        . '<td class="column-actions"><a href="' . esc_url(WPSC_Admin::url($r['tab'], $r['args'] ?? [])) . '">' . esc_html__('Show and fix', 'clearyvo-seo') . '<span class="screen-reader-text">: ' . esc_html($r['text']) . '</span></a></td></tr>';
                 }
                 WPSiteChecker_UI::html($h . '</tbody>');
@@ -304 +308 @@
         if (!array_filter(array_column($rows, 'issues'))) { if (!$h['site']) WPSiteChecker_UI::empty_clean(WPSC_Admin::stats()['ts'], 'scan'); return; }
         uasort($rows, function ($a, $b) { return count($b['issues']) <=> count($a['issues']); });
+        do_action('wpsc_meta_before_table', $rows, $plugin);   // Clearyvo SEO Pro: AI description drafts for many pages
         $popts = ['' => __('All problems', 'clearyvo-seo')];
         foreach ($labels as $k => $l) $popts[$k] = $l[0];
@@ -414 +419 @@
         $rows = WPSC_Audit::meta();
         uasort($rows, function ($a, $b) { return count($b['issues']) <=> count($a['issues']); });
+        do_action('wpsc_meta_before_table', $rows, $plugin);   // Clearyvo SEO Pro: AI description drafts for many pages
         $popts = ['' => __('All problems', 'clearyvo-seo')];
         foreach ($labels as $k => $l) $popts[$k] = $l[0];

clearyvo-seo/tags/0.6.5/readme.txt

@@ -5 +5 @@
 Tested up to: 7.1
 Requires PHP: 7.4
-Stable tag: 0.5.3
+Stable tag: 0.6.5
 License: GPLv2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
@@ -125 +125 @@
 
 == Changelog ==
+
+= 0.6.5 =
+* Fix: back button of the page editor, opened from a Clearyvo SEO screen: replaced through the editor's own dashboard-button slot, so it returns to Clearyvo SEO whatever the button looks like; the earlier click handling stays as a fallback.
+
+= 0.6.4 =
+* Fix: the page editor's back button now returns to the Clearyvo SEO screen the page was opened from on every WordPress version (the button is found by where it links to, not by its class name, which changed in newer versions).
+
+= 0.6.3 =
+* Fix: the Image ALT tab now shows how many pages the last scan found with images without ALT (or with an empty ALT), like the other tabs.
+* New: "Last scan" filter on the Image ALT tab: "Missing ALT in the last scan" lists only those pages. The Overview card and "Show and fix" open the tab with this filter.
+* New: each of those pages is marked with what the scan found ("1 image without ALT"). The scan reads the page as it is shown, so an ALT that exists in the Media Library but not in the page (or is dropped by the theme) is still reported; the mark makes that visible.
+* Opened from a Clearyvo SEO screen with "Visual editor", the page editor's back button returns to that screen instead of the list of pages.
+
+= 0.6.2 =
+* Changed: the "Visual editor" button next to "Scan site" asks for the page, then opens it in the page editor with the Clearyvo SEO panel already open (checks, Google preview, snippet editor). The "Visual editor" buttons in the scan lists go there directly.
+* Look: the "Edit SEO" button of the page editor is a filled button in the admin colour, open or closed. Scan site, Visual editor and Export CSV are the same blue button on the Clearyvo SEO screens.
+
+= 0.6.1 =
+* New: Visual editor on the Clearyvo SEO screens. The "Visual editor" button next to "Scan site" lets you pick any page and edit its Google and social snippet right there; every page in the scan lists has its own "Visual editor" button too. Saved with one click, the list row shows the new snippet at once.
+* Changed: in the page editor the "Edit SEO" button now opens the whole Clearyvo SEO panel (checks, snippet, settings); the small magnifier icon on the toolbar is gone. The snippet editor opens from the panel (the Google preview or "Open the snippet editor").
+* Fix: the snippet editor window had its tabs and score drawn over its title on some WordPress versions. It now has its own header (page name, score, close), the tabs and the desktop / mobile switch on one line, and a fixed footer.
+* For developers: "clearyvo-seo.snippet.field" JavaScript filter (a slot under the title, description and social fields of the snippet editor) and the "wpsc_meta_before_table" action.
+
+= 0.6.0 =
+* New: visual snippet editor in the block editor. A big "Edit SEO" button with the live score sits next to Save / Publish and opens it; clicking the Google preview in the side panel opens it too.
+* Google preview for desktop and mobile with favicon, site name, breadcrumb address and date; title and description are measured in pixels against the width Google shows on each device; the focus phrase is bold, as in the search results.
+* Variables (post title, separator, site title, category, excerpt, date, year…) insert at the cursor with one click.
+* Address (slug) can be edited in the same window.
+* Social sharing tab: Facebook / LinkedIn and X card previews, social image chosen from the Media Library.
 
 = 0.5.3 =
@@ -248 +277 @@
 == Upgrade Notice ==
 
+= 0.6.5 =
+Back button of the page editor returns to Clearyvo SEO when opened from there.
+
+= 0.6.4 =
+Back button of the page editor returns to Clearyvo SEO when opened from there.
+
+= 0.6.3 =
+Image ALT tab: count, "Missing ALT in the last scan" filter and per-page marks. Settings and data are unchanged.
+
+= 0.6.2 =
+Visual editor opens the page in the page editor with the SEO panel; one button style. Settings and data are unchanged.
+
+= 0.6.1 =
+Visual editor on the Clearyvo SEO screens, one "Edit SEO" button in the page editor, tidier snippet editor window. Settings and data are unchanged.
+
+= 0.6.0 =
+New visual snippet editor: "Edit SEO" button next to Publish, desktop / mobile Google preview, variable chips, social card previews. Settings and data are unchanged.
+
 = 0.5.0 =
 Unified Clearyvo interface: sub-navigation, summary cards, filterable findings with Export CSV, one Settings form. Settings and data are unchanged.

clearyvo-seo/tags/0.6.5/seo/admin/class-cvseo-sidebar.php

@@ -1 +1 @@
 <?php
 /**
- * Block editor sidebar: live checks by topic, fields, Google preview and a status light.
+ * Block editor sidebar: live checks by topic, fields, Google preview, a status light and the snippet editor
+ * (modal with desktop / mobile Google preview and social cards), opened from a big button in the editor header.
  *
  * @package ClearyvoSEO
@@ -29 +30 @@
 
         /**
+         * The shared snippet core (helpers, analysis, snippet editor window) and its styles, for the block editor and the
+         * admin "Visual editor".
+         */
+        public static function register_core() {
+                $deps = array( 'wp-element', 'wp-components', 'wp-hooks' );
+                foreach ( array( 'wp-block-editor', 'wp-media-utils' ) as $opt ) {
+                        if ( wp_script_is( $opt, 'registered' ) ) {
+                                $deps[] = $opt;
+                        }
+                }
+                wp_register_script( 'cvseo-snippet-core', CVSEO_URL . 'assets/js/snippet-core.js', $deps, CVSEO_VERSION, true );
+                wp_register_style( 'cvseo-snippet', CVSEO_URL . 'assets/css/snippet.css', array( 'wp-components' ), CVSEO_VERSION );
+        }
+
+        /**
+         * Settings every snippet editor needs, whatever page it edits.
+         *
+         * @return array
+         */
+        public static function base_config() {
+                return array(
+                        'sitename'   => get_bloginfo( 'name' ),
+                        'tagline'    => get_bloginfo( 'description' ),
+                        'sep'        => CVSEO_Settings::get( 'separator' ),
+                        'autoDesc'   => (bool) CVSEO_Settings::get( 'auto_description' ),
+                        'home'       => home_url( '/' ),
+                        'homeHost'   => wp_parse_url( home_url(), PHP_URL_HOST ),
+                        'favicon'    => get_site_icon_url( 32 ),
+                        'blogPublic' => (bool) get_option( 'blog_public' ),
+                        'maxDensity' => CVSEO_Analysis::MAX_DENSITY,
+                        'pro'        => defined( 'WPSCP_VERSION' ),
+                        'proUrl'     => class_exists( 'WPSiteChecker_Family' ) ? WPSiteChecker_Family::shop_url() : 'https://wp-sitechecker.com/pro/',
+                        'auditUrl'   => admin_url( 'admin.php?page=wp-seochecker&tab=alt&s=' ),
+                        'schema'     => CVSEO_Meta::schema_types(),
+                        'logo'       => class_exists( 'WPSiteChecker_Family' ) ? WPSiteChecker_Family::logo_url( 'seochecker' ) : plugins_url( 'family/logos/seochecker.svg', CVSEO_FILE ),
+                        'conflict'   => ! CVSEO_Settings::output_enabled() ? implode( ', ', CVSEO_Settings::conflicts() ) : '',
+                        'backUrl'    => admin_url( 'admin.php?page=wp-seochecker' ),
+                );
+        }
+
+        /**
          * Script and data.
          */
@@ -43 +85 @@
                 $template = $ctx && $ctx->is_front ? CVSEO_Settings::get( 'title_home' ) : CVSEO_Settings::title_template_pt( $post->post_type );
                 $deps     = array( 'wp-plugins', 'wp-element', 'wp-components', 'wp-data', 'wp-api-fetch', 'wp-url', 'wp-hooks', 'wp-edit-post' );
-                if ( wp_script_is( 'wp-editor', 'registered' ) ) {
-                        $deps[] = 'wp-editor';
+                foreach ( array( 'wp-editor', 'wp-block-editor', 'wp-date' ) as $opt ) {
+                        if ( wp_script_is( $opt, 'registered' ) ) {
+                                $deps[] = $opt;
+                        }
                 }
+                self::register_core();
+                $deps[] = 'cvseo-snippet-core';
                 wp_enqueue_script( 'cvseo-sidebar', CVSEO_URL . 'assets/js/sidebar.js', $deps, CVSEO_VERSION, true );
-                wp_enqueue_style( 'cvseo-sidebar', CVSEO_URL . 'assets/css/sidebar.css', array(), CVSEO_VERSION );
+                wp_enqueue_style( 'cvseo-sidebar', CVSEO_URL . 'assets/css/sidebar.css', array( 'cvseo-snippet' ), CVSEO_VERSION );
 
                 $cats = array();
@@ -58 +104 @@
                         'cvseo-sidebar',
                         'cvseoSidebar',
-                        array(
-                                'template'   => $template,
-                                'sitename'   => get_bloginfo( 'name' ),
-                                'tagline'    => get_bloginfo( 'description' ),
-                                'sep'        => CVSEO_Settings::get( 'separator' ),
-                                'autoDesc'   => (bool) CVSEO_Settings::get( 'auto_description' ),
-                                'home'       => home_url( '/' ),
-                                'homeHost'   => wp_parse_url( home_url(), PHP_URL_HOST ),
-                                'blogPublic' => (bool) get_option( 'blog_public' ),
-                                'ptNoindex'  => CVSEO_Settings::pt_noindex( $post->post_type ),
-                                'isPage'     => 'page' === $post->post_type,
-                                'maxDensity' => CVSEO_Analysis::MAX_DENSITY,
-                                'pro'        => defined( 'WPSCP_VERSION' ),
-                                'proUrl'     => class_exists( 'WPSiteChecker_Family' ) ? WPSiteChecker_Family::shop_url() : 'https://wp-sitechecker.com/pro/',
-                                'auditUrl'   => admin_url( 'admin.php?page=wp-seochecker&tab=alt&s=' ),
-                                'schema'     => CVSEO_Meta::schema_types(),
-                                'cats'       => (object) $cats,
-                                'logo'       => class_exists( 'WPSiteChecker_Family' ) ? WPSiteChecker_Family::logo_url( 'seochecker' ) : plugins_url( 'family/logos/seochecker.svg', CVSEO_FILE ),
-                                'conflict'   => ! CVSEO_Settings::output_enabled() ? implode( ', ', CVSEO_Settings::conflicts() ) : '',
+                        array_merge(
+                                self::base_config(),
+                                array(
+                                        'template'  => $template,
+                                        'ptNoindex' => CVSEO_Settings::pt_noindex( $post->post_type ),
+                                        'isPage'    => 'page' === $post->post_type,
+                                        'cats'      => (object) $cats,
+                                )
                         )
                 );

clearyvo-seo/tags/0.6.5/seo/assets/css/sidebar.css

@@ -66 +66 @@
 .cvseo-sb .components-base-control { margin-bottom: 16px; }
 .cvseo-sb .components-base-control:last-child { margin-bottom: 0; }
+
+/* ---------------------------------------------------------------- 0.6.0: header button + snippet editor */
+
+/* Big "Edit SEO" button in the editor header: filled, in the admin colour like the editor's own buttons. */
+.cvseo-hb-slot { display: flex; align-items: center; margin-right: 4px; }
+.cvseo-hb { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 5px 0 8px; border: 0; border-radius: 2px; cursor: pointer;
+        background: var(--wp-admin-theme-color, #3858e9); color: #fff; font: 500 13px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+        white-space: nowrap; transition: background .15s; }
+.cvseo-hb:hover { background: var(--wp-admin-theme-color-darker-10, #2145e6); color: #fff; }
+.cvseo-hb:focus-visible { outline: 2px solid var(--wp-admin-theme-color, #3858e9); outline-offset: 2px; }
+.cvseo-hb.is-open { background: var(--wp-admin-theme-color-darker-20, #183ad6); box-shadow: inset 0 -3px 0 rgba(255, 255, 255, .7); }
+.cvseo-hb .cvseo-sb-logo { background: #fff; border-radius: 4px; }
+.cvseo-hb-score { min-width: 26px; padding: 5px 7px; border-radius: 12px; font-size: 12px; font-weight: 600; text-align: center; color: #fff; }
+.cvseo-hb-score.is-good { background: #00a32a; } .cvseo-hb-score.is-warn { background: #dba617; color: #1e1e1e; } .cvseo-hb-score.is-bad { background: #d63638; }
+@media (max-width: 900px) { .cvseo-hb-label { display: none; } }
+
+/* Clickable preview + button in the side panel. */
+.cvseo-sb-previewbtn { display: block; width: 100%; padding: 0; margin: 0; border: 0; background: none; text-align: left; cursor: pointer; }
+.cvseo-sb-previewbtn .cvseo-sb-preview { margin-bottom: 8px; transition: border-color .15s, box-shadow .15s; }
+.cvseo-sb-previewbtn:hover .cvseo-sb-preview, .cvseo-sb-previewbtn:focus-visible .cvseo-sb-preview { border-color: var(--wp-admin-theme-color, #3858e9); box-shadow: 0 0 0 1px var(--wp-admin-theme-color, #3858e9); }
+.cvseo-sb .cvseo-sb-editbtn { width: 100%; justify-content: center; margin: 0 0 16px; }

clearyvo-seo/tags/0.6.5/seo/assets/js/sidebar.js

@@ -1 +1 @@
 /**
- * Clearyvo SEO – block editor sidebar.
+ * Clearyvo SEO – block editor panel.
  * Live checks on the unsaved content, grouped by topic: what is good gets a tick, what is not good enough a warning.
- * No 0–100 score: keyword stuffing turns the light red instead of green.
+ * The big "Edit SEO" button in the header opens this panel; the snippet editor opens from inside it.
+ * Helpers and the snippet editor live in snippet-core.js (window.cvseoSnippet).
  */
-( function ( wp, cfg ) {
+( function ( wp, cfg, S ) {
         'use strict';
-        if ( ! wp || ! wp.plugins || ! cfg ) {
+        if ( ! wp || ! wp.plugins || ! cfg || ! S ) {
                 return;
         }
+        S.configure( cfg );
         var el = wp.element.createElement;
         var Fragment = wp.element.Fragment;
@@ -22 +24 @@
 
         var SIDEBAR = 'clearyvo-seo-sidebar';
-        var TITLE_PX = 580;
-        var DESC_MAX = 160;
-
-        // ---------------------------------------------------------------- helpers
-
-        var canvas = document.createElement( 'canvas' ).getContext( '2d' );
-        function px( text, font ) {
-                canvas.font = font;
-                return Math.round( canvas.measureText( text ).width );
-        }
-        function esc( s ) {
-                return String( s ).replace( /[.*+?^${}()|[\]\\]/g, '\\$&' );
-        }
-        // Word forms: every word of the phrase may take a suffix ("alkatrész" also matches "alkatrészek", "alkatrészt"),
-        // which matters for Hungarian and most other European languages.
-        function phraseRe( phrase ) {
-                return phrase.trim().split( /\s+/ ).map( function ( w ) {
-                        return esc( w ) + '\\p{L}{0,6}';
-                } ).join( '[\\s\\u00a0-]+' );
-        }
-        function countPhrase( phrase, text ) {
-                phrase = ( phrase || '' ).trim();
-                if ( ! phrase || ! text ) {
-                        return 0;
-                }
-                try {
-                        return ( text.match( new RegExp( '(?<![\\p{L}\\p{N}])' + phraseRe( phrase ) + '(?![\\p{L}\\p{N}])', 'giu' ) ) || [] ).length;
-                } catch ( e ) {
-                        return text.toLowerCase().split( phrase.toLowerCase() ).length - 1;
-                }
-        }
-        function words( text ) {
-                try {
-                        return ( text.match( /[\p{L}\p{N}]+(?:['’-][\p{L}\p{N}]+)*/gu ) || [] ).length;
-                } catch ( e ) {
-                        return text.split( /\s+/ ).filter( Boolean ).length;
-                }
-        }
-        function slugify( s ) {
-                return String( s ).toLowerCase().normalize( 'NFD' ).replace( /[̀-ͯ]/g, '' ).replace( /[^a-z0-9]+/g, '-' ).replace( /^-|-$/g, '' );
-        }
-        function render( tpl, title ) {
-                var vars = {
-                        '%title%': title || '',
-                        '%sitename%': cfg.sitename || '',
-                        '%tagline%': cfg.tagline || '',
-                        '%sep%': cfg.sep || '–',
-                        '%year%': String( new Date().getFullYear() )
-                };
-                var out = String( tpl || '' ).replace( /%[a-z_]+%/gi, function ( m ) {
-                        return Object.prototype.hasOwnProperty.call( vars, m ) ? vars[ m ] : '';
-                } ).replace( /\s+/g, ' ' );
-                var sep = esc( cfg.sep || '' );
-                if ( sep ) {
-                        out = out.replace( new RegExp( '(\\s*' + sep + '\\s*){2,}', 'g' ), ' ' + cfg.sep + ' ' );
-                        out = out.replace( new RegExp( '^\\s*' + sep + '\\s*|\\s*' + sep + '\\s*$', 'g' ), '' );
-                }
-                return out.trim();
-        }
-        function excerptOf( text ) {
-                text = text.replace( /\s+/g, ' ' ).trim();
-                if ( text.length <= 155 ) {
-                        return text;
-                }
-                var cut = text.slice( 0, 156 );
-                var sp = cut.lastIndexOf( ' ' );
-                return cut.slice( 0, sp > 0 ? sp : 155 ).replace( /[\s,;:–-]+$/, '' ) + '…';
-        }
-
-        // ---------------------------------------------------------------- analysis
-
-        function parse( html ) {
-                var doc = new DOMParser().parseFromString( '<body>' + ( html || '' ) + '</body>', 'text/html' );
-                var body = doc.body;
-                Array.prototype.forEach.call( body.querySelectorAll( 'script, style' ), function ( n ) {
-                        n.remove();
-                } );
-                var blocks = [];
-                Array.prototype.forEach.call( body.querySelectorAll( 'p, li, blockquote, h1, h2, h3, h4, h5, h6, td, figcaption' ), function ( n ) {
-                        blocks.push( n );
-                } );
-                var text = ( body.textContent || '' ).replace( /\s+/g, ' ' ).trim();
-                return {
-                        body: body,
-                        text: text,
-                        paragraphs: Array.prototype.map.call( body.querySelectorAll( 'p' ), function ( p ) {
-                                return ( p.textContent || '' ).trim();
-                        } ).filter( Boolean ),
-                        headings: Array.prototype.map.call( body.querySelectorAll( 'h1, h2, h3, h4, h5, h6' ), function ( h ) {
-                                return { level: parseInt( h.tagName.slice( 1 ), 10 ), text: ( h.textContent || '' ).trim() };
-                        } ),
-                        images: Array.prototype.map.call( body.querySelectorAll( 'img' ), function ( i ) {
-                                return { alt: i.hasAttribute( 'alt' ) ? i.getAttribute( 'alt' ).trim() : null, src: i.getAttribute( 'src' ) || '' };
-                        } ),
-                        links: Array.prototype.map.call( body.querySelectorAll( 'a[href]' ), function ( a ) {
-                                return { href: a.getAttribute( 'href' ), text: ( a.textContent || '' ).trim(), hasImg: !! a.querySelector( 'img' ) };
-                        } ),
-                        blocks: blocks.length
-                };
-        }
-
-        function analyse( d ) {
-                var sections = [];
-                var c = d.content;
-                var kw = ( d.kw || '' ).trim();
-                var wc = words( c.text );
-
-                // Title & description.
-                var s1 = [];
-                var tpx = px( d.title, '20px Arial' );
-                if ( ! d.title ) {
-                        s1.push( [ 'bad', 'The page has no title.' ] );
-                } else if ( tpx > TITLE_PX ) {
-                        s1.push( [ 'warn', 'The title is ' + tpx + ' px wide; Google cuts it after about ' + TITLE_PX + ' px. Shorten it or move the important words to the front.' ] );
-                } else if ( d.title.length < 25 ) {
-                        s1.push( [ 'warn', 'The title is only ' + d.title.length + ' characters. Describe the page a little more.' ] );
-                } else {
-                        s1.push( [ 'good', 'Title length is good (' + d.title.length + ' characters, ' + tpx + ' px).' ] );
-                }
-                if ( ! d.descRaw ) {
-                        s1.push( [ d.desc ? 'info' : 'warn', d.desc ? 'No description written: Google gets the start of the text. A written one usually gets more clicks.' : 'No description, and there is no text to take one from.' ] );
-                } else if ( d.desc.length > DESC_MAX ) {
-                        s1.push( [ 'warn', 'The description is ' + d.desc.length + ' characters; aim for 120–160, Google cuts the rest.' ] );
-                } else if ( d.desc.length < 70 ) {
-                        s1.push( [ 'warn', 'The description is only ' + d.desc.length + ' characters; 120–160 uses the space Google gives.' ] );
-                } else {
-                        s1.push( [ 'good', 'Description length is good (' + d.desc.length + ' characters).' ] );
-                }
-                sections.push( { id: 'meta', title: 'Title & description', checks: s1 } );
-
-                // Focus phrase.
-                var s2 = [];
-                if ( ! kw ) {
-                        s2.push( [ 'info', 'No focus phrase. It is optional: add one if this page should be found for a specific search.' ] );
-                } else {
-                        var inT = countPhrase( kw, d.title );
-                        s2.push( inT === 0 ? [ 'warn', 'The focus phrase is not in the SEO title.' ] : ( inT > 1 ? [ 'bad', 'The focus phrase is in the title ' + inT + ' times. Once is enough; repeating it looks spammy.' ] : [ 'good', 'The focus phrase is in the title, once.' ] ) );
-                        var inD = countPhrase( kw, d.desc );
-                        s2.push( inD === 0 ? [ 'info', 'The focus phrase is not in the description (fine if it reads better without).' ] : ( inD > 1 ? [ 'warn', 'The focus phrase is repeated in the description.' ] : [ 'good', 'The focus phrase is in the description.' ] ) );
-                        var ks = slugify( kw );
-                        s2.push( ks && ( d.slug || '' ).indexOf( ks ) !== -1 ? [ 'good', 'The focus phrase is in the address (URL).' ] : [ 'info', 'The focus phrase is not in the address. Change the address only on new pages, or add a redirect.' ] );
-                        var n = countPhrase( kw, c.text );
-                        if ( wc === 0 ) {
-                                s2.push( [ 'warn', 'There is no text yet to check the focus phrase in.' ] );
-                        } else if ( n === 0 ) {
-                                s2.push( [ 'warn', 'The focus phrase does not appear in the text.' ] );
-                        } else {
-                                var start = c.text.split( /\s+/ ).slice( 0, Math.max( 60, Math.round( wc * 0.1 ) ) ).join( ' ' );
-                                s2.push( countPhrase( kw, start ) ? [ 'good', 'The focus phrase appears near the start of the text.' ] : [ 'warn', 'The focus phrase does not appear in the first part of the text.' ] );
-                                var density = n * words( kw ) / wc * 100;
-                                if ( wc < 100 && ! ( n >= 3 && density > cfg.maxDensity ) ) {
-                                        s2.push( [ 'info', 'Used ' + n + ( n === 1 ? ' time' : ' times' ) + '. The text is still too short to judge whether the phrase is used naturally.' ] );
-                                } else if ( n >= 3 && density > cfg.maxDensity ) {
-                                        s2.push( [ 'bad', 'Over-optimised: the focus phrase is ' + density.toFixed( 1 ) + '% of the text (' + n + ' times). Write naturally and use other words for the same thing.' ] );
-                                } else {
-                                        s2.push( [ 'good', 'Natural use: ' + n + ( n === 1 ? ' time' : ' times' ) + ' in ' + wc + ' words (' + density.toFixed( 1 ) + '%).' ] );
-                                }
-                        }
-                        var subs = c.headings.filter( function ( h ) {
-                                return h.level >= 2 && h.level <= 4;
-                        } );
-                        if ( subs.length ) {
-                                s2.push( subs.some( function ( h ) {
-                                        return countPhrase( kw, h.text );
-                                } ) ? [ 'good', 'The focus phrase is in a subheading.' ] : [ 'info', 'The focus phrase is in no subheading (H2–H4). One is enough, where it fits.' ] );
-                        }
-                        if ( c.images.length ) {
-                                var withKw = c.images.filter( function ( i ) {
-                                        return i.alt && countPhrase( kw, i.alt );
-                                } ).length;
-                                if ( withKw === 0 ) {
-                                        s2.push( [ 'info', 'No image ALT text contains the focus phrase. Use it on one image where it describes the picture.' ] );
-                                } else if ( withKw >= 3 && withKw > c.images.length / 2 ) {
-                                        s2.push( [ 'warn', 'The focus phrase is in ' + withKw + ' image ALT texts. On every image it counts as keyword stuffing; describe the pictures instead.' ] );
-                                } else {
-                                        s2.push( [ 'good', 'The focus phrase is in an image ALT text.' ] );
-                                }
-                        }
-                        if ( d.others === null ) {
-                                s2.push( [ 'info', 'Checking whether other pages use the same focus phrase…' ] );
-                        } else if ( d.others.length ) {
-                                s2.push( [ 'warn', 'Other pages use the same focus phrase (' + d.others.map( function ( o ) {
-                                        return '“' + o.title + '”';
-                                } ).join( ', ' ) + '). They compete with each other in Google: give each page its own phrase.' ] );
-                        } else {
-                                s2.push( [ 'good', 'No other page targets this focus phrase.' ] );
-                        }
-                }
-                sections.push( { id: 'kw', title: 'Focus phrase', checks: s2 } );
-
-                // Content.
-                var s3 = [];
-                var minWords = cfg.isPage ? 150 : 300;
-                s3.push( wc >= minWords ? [ 'good', wc + ' words of text.' ] : [ cfg.isPage ? 'info' : 'warn', 'Only ' + wc + ' words. Pages that answer a question fully tend to rank better; aim for ' + minWords + '+ if the topic needs it.' ] );
-                var h1 = c.headings.filter( function ( h ) {
-                        return h.level === 1;
-                } ).length;
-                if ( h1 > 1 ) {
-                        s3.push( [ 'warn', 'The text contains ' + h1 + ' H1 headings. A page should have one H1; make the others H2.' ] );
-                } else if ( h1 === 1 ) {
-                        s3.push( [ 'info', 'The text contains an H1. That is right if your theme does not show the page title as a heading (full-width templates, page builders); if it does, make this one H2. The site audit checks the real page.' ] );
-                } else {
-                        s3.push( [ 'good', 'No extra H1 in the text: the page title is the H1.' ] );
-                }
-                var skipped = false;
-                var prev = 1;
-                c.headings.forEach( function ( h ) {
-                        if ( h.level > prev + 1 ) {
-                                skipped = true;
-                        }
-                        prev = h.level;
-                } );
-                if ( c.headings.length ) {
-                        s3.push( skipped ? [ 'warn', 'A heading level is skipped (for example H2 → H4). Screen readers and Google read the levels as the outline of the page.' ] : [ 'good', 'Heading levels follow each other in order.' ] );
-                } else if ( wc > 300 ) {
-                        s3.push( [ 'warn', 'No subheadings in ' + wc + ' words. Split the text with H2 headings.' ] );
-                }
-                var longP = c.paragraphs.filter( function ( p ) {
-                        return words( p ) > 150;
-                } ).length;
-                if ( c.paragraphs.length ) {
-                        s3.push( longP ? [ 'warn', longP + ( longP === 1 ? ' paragraph is' : ' paragraphs are' ) + ' longer than 150 words. Shorter paragraphs are easier to read on a phone.' ] : [ 'good', 'Paragraphs are a readable length.' ] );
-                }
-                var sentences = c.text.split( /(?<=[.!?…])\s+/ ).filter( function ( x ) {
-                        return words( x ) > 0;
-                } );
-                if ( sentences.length >= 5 ) {
-                        var longS = sentences.filter( function ( x ) {
-                                return words( x ) > 25;
-                        } ).length;
-                        var share = Math.round( longS / sentences.length * 100 );
-                        s3.push( share > 25 ? [ 'warn', share + '% of the sentences are longer than 25 words. Break some of them up.' ] : [ 'good', 'Sentence length is easy to read.' ] );
-                }
-                sections.push( { id: 'content', title: 'Content', checks: s3 } );
-
-                // Images.
-                var s4 = [];
-                if ( ! c.images.length ) {
-                        s4.push( [ 'info', 'No images in the text. A photo of your work or a diagram helps readers and can bring visitors from Google Images.' ] );
-                } else {
-                        var missing = c.images.filter( function ( i ) {
-                                return ! i.alt;
-                        } ).length;
-                        if ( missing ) {
-                                s4.push( [ 'warn', missing + ' of ' + c.images.length + ( c.images.length === 1 ? ' image has' : ' images have' ) + ' no ALT text. The Image ALT tab writes a draft for each from this page.', 'alt' ] );
-                                if ( ! cfg.pro ) {
-                                        s4.push( [ 'pro', 'Clearyvo SEO Pro writes all missing ALT texts with AI (your own Claude or OpenAI key), and every new upload gets one.' ] );
-                                }
-                        } else {
-                                s4.push( [ 'good', 'All ' + c.images.length + ( c.images.length === 1 ? ' image has' : ' images have' ) + ' ALT text.' ] );
-                        }
-                        var alts = c.images.map( function ( i ) {
-                                return ( i.alt || '' ).toLowerCase();
-                        } ).filter( Boolean );
-                        var dupes = alts.length - alts.filter( function ( a, i ) {
-                                return alts.indexOf( a ) === i;
-                        } ).length;
-                        if ( alts.length > 1 ) {
-                                s4.push( dupes ? [ 'warn', dupes + ' image ALT ' + ( dupes === 1 ? 'text repeats' : 'texts repeat' ) + ' another one. Each ALT should describe its own picture.' ] : [ 'good', 'Every image has its own ALT text.' ] );
-                        }
-                }
-                sections.push( { id: 'images', title: 'Images', checks: s4, extra: 'images' } );
-
-                // Links.
-                var s5 = [];
-                var internal = 0;
-                var external = 0;
-                var empty = 0;
-                c.links.forEach( function ( l ) {
-                        if ( ! l.text && ! l.hasImg ) {
-                                empty++;
-                        }
-                        if ( /^(mailto|tel|#)/.test( l.href ) ) {
-                                return;
-                        }
-                        try {
-                                var u = new URL( l.href, cfg.home );
-                                if ( u.host === cfg.homeHost ) {
-                                        internal++;
-                                } else {
-                                        external++;
-                                }
-                        } catch ( e ) {}
-                } );
-                s5.push( internal ? [ 'good', internal + ' link' + ( internal === 1 ? '' : 's' ) + ' to other pages of the site.' ] : [ wc >= 300 ? 'warn' : 'info', 'No links to other pages of the site. Link to related pages: it helps visitors and Google find them.' ] );
-                s5.push( external ? [ 'good', external + ' link' + ( external === 1 ? '' : 's' ) + ' to other websites.' ] : [ 'info', 'No links to other websites. Link to a source or standard where it helps the reader.' ] );
-                if ( empty ) {
-                        s5.push( [ 'warn', empty + ' link' + ( empty === 1 ? ' has' : 's have' ) + ' no text. Screen readers and Google cannot tell where ' + ( empty === 1 ? 'it leads' : 'they lead' ) + '.' ] );
-                }
-                sections.push( { id: 'links', title: 'Links', checks: s5 } );
-
-                // Indexing.
-                var s6 = [];
-                if ( ! cfg.blogPublic ) {
-                        s6.push( [ 'bad', 'The whole site is hidden from search engines (Settings → Reading).' ] );
-                }
-                var noindex = d.noindex === '1' || ( d.noindex === '' && cfg.ptNoindex );
-                s6.push( noindex ? [ 'warn', 'This page is set to noindex: it will not appear in Google.' ] : [ 'good', 'Search engines may show this page.' ] );
-                if ( d.canonical && d.link && d.canonical.replace( /\/$/, '' ) !== d.link.replace( /\/$/, '' ) ) {
-                        s6.push( [ 'info', 'The canonical URL points to another address, so Google shows that one instead of this page.' ] );
-                }
-                if ( d.nofollow ) {
-                        s6.push( [ 'info', 'nofollow is on: Google does not follow the links of this page.' ] );
-                }
-                if ( cfg.conflict ) {
-                        s6.push( [ 'info', cfg.conflict + ' is still active, so it prints the SEO tags. Import its data in SEO → Import, then deactivate it.' ] );
-                }
-                sections.push( { id: 'index', title: 'Indexing', checks: s6 } );
-
-                // Score 0–100: every check that is not just a tip counts, weighted by its topic. A red problem (stuffing,
-                // phrase repeated in the title, hidden site) caps the score at 49, so over-optimising never shows green.
-                var weight = { meta: 3, kw: 2, content: 1.5, images: 2, links: 1, index: 2 };
-                var got = 0;
-                var max = 0;
-                sections.forEach( function ( s ) {
-                        s.checks.forEach( function ( k ) {
-                                var w = weight[ s.id ] || 1;
-                                if ( k[ 0 ] === 'good' || k[ 0 ] === 'warn' || k[ 0 ] === 'bad' ) {
-                                        max += w;
-                                        got += k[ 0 ] === 'good' ? w : ( k[ 0 ] === 'warn' ? w * 0.4 : 0 );
-                                }
-                        } );
-                } );
-                var count = { bad: 0, warn: 0, good: 0 };
-                sections.forEach( function ( s ) {
-                        s.checks.forEach( function ( k ) {
-                                if ( count[ k[ 0 ] ] !== undefined ) {
-                                        count[ k[ 0 ] ]++;
-                                }
-                        } );
-                } );
-                var score = max ? Math.round( got / max * 100 ) : 0;
-                if ( count.bad ) {
-                        score = Math.min( score, 49 );
-                }
-                return { sections: sections, count: count, score: score, status: score >= 80 ? 'good' : ( score >= 50 ? 'warn' : 'bad' ) };
-        }
-
-        // ---------------------------------------------------------------- UI
-
-        var COLORS = { good: '#00a32a', warn: '#dba617', bad: '#d63638' };
-
-        function Logo( props ) {
-                return el( 'img', { src: cfg.logo, width: props.size || 20, height: props.size || 20, alt: '', className: 'cvseo-sb-logo' } );
-        }
-
-        /** Toolbar button: Clearyvo SEO logo and the score in a coloured pill. */
-        function ToolbarIcon( props ) {
-                var ref = wp.element.useRef( null );
-                // The editor sizes toolbar icon buttons as fixed squares (width, max-width or flex-basis, depending on the
-                // WordPress version). Inline styles with !important on the button itself win over every stylesheet.
-                useEffect( function () {
-                        var btn = ref.current && ref.current.closest( 'button' );
-                        if ( ! btn ) {
-                                return;
-                        }
-                        [ [ 'width', 'auto' ], [ 'min-width', '0' ], [ 'max-width', 'none' ], [ 'flex', '0 0 auto' ], [ 'padding', '0 6px' ], [ 'overflow', 'visible' ] ].forEach( function ( r ) {
-                                btn.style.setProperty( r[ 0 ], r[ 1 ], 'important' );
-                        } );
-                } );
-                return el( 'span', { className: 'cvseo-tb', ref: ref },
-                        el( Logo, { size: 20 } ),
-                        el( 'span', { className: 'cvseo-tb-score is-' + props.status }, 'SEO ' + props.score )
-                );
-        }
-
-        /** Score ring at the top of the sidebar. */
-        function Ring( props ) {
-                var r = 26;
-                var len = 2 * Math.PI * r;
-                return el( 'svg', { width: 64, height: 64, viewBox: '0 0 64 64', className: 'cvseo-sb-ring', 'aria-hidden': true },
-                        el( 'circle', { cx: 32, cy: 32, r: r, fill: 'none', stroke: '#e0e0e0', strokeWidth: 6 } ),
-                        el( 'circle', { cx: 32, cy: 32, r: r, fill: 'none', stroke: COLORS[ props.status ], strokeWidth: 6, strokeLinecap: 'round',
-                                strokeDasharray: len, strokeDashoffset: len * ( 1 - props.score / 100 ), transform: 'rotate(-90 32 32)' } ),
-                        el( 'text', { x: 32, y: 37, textAnchor: 'middle', fontSize: 17, fontWeight: 700, fill: '#1e1e1e' }, String( props.score ) )
-                );
-        }
-
-        function Check( props ) {
-                var k = props.check;
-                var mark = { good: '✓', warn: '!', bad: '✕', info: 'i', pro: 'Pro' }[ k[ 0 ] ];
-                var extra = null;
-                if ( k[ 2 ] === 'alt' && props.title ) {
-                        extra = el( 'a', { href: cfg.auditUrl + encodeURIComponent( props.title ), target: '_blank', rel: 'noopener noreferrer', className: 'cvseo-sb-link' }, 'Open the ALT drafts ↗' );
-                }
-                if ( k[ 0 ] === 'pro' ) {
-                        extra = el( 'a', { href: cfg.proUrl, target: '_blank', rel: 'noopener noreferrer', className: 'cvseo-sb-link' }, 'See Pro ↗' );
-                }
-                return el( 'li', { className: 'cvseo-sb-check is-' + k[ 0 ] },
-                        el( 'span', { className: 'cvseo-sb-mark', 'aria-label': k[ 0 ] }, mark ),
-                        el( 'span', { className: 'cvseo-sb-text' }, k[ 1 ], extra ? ' ' : null, extra )
-                );
-        }
-
-        function sectionBadge( checks ) {
-                var bad = checks.filter( function ( k ) {
-                        return k[ 0 ] === 'bad';
-                } ).length;
-                var warn = checks.filter( function ( k ) {
-                        return k[ 0 ] === 'warn';
-                } ).length;
-                var good = checks.filter( function ( k ) {
-                        return k[ 0 ] === 'good';
-                } ).length;
-                if ( bad ) {
-                        return { cls: 'bad', text: bad + ' problem' + ( bad > 1 ? 's' : '' ) };
-                }
-                if ( warn ) {
-                        return { cls: 'warn', text: warn + ' to improve' };
-                }
-                return { cls: good ? 'good' : 'info', text: good ? 'All good' : 'Tips' };
-        }
-
-        function Preview( props ) {
-                var title = props.title;
-                if ( px( title, '20px Arial' ) > TITLE_PX ) {
-                        while ( title.length && px( title + ' …', '20px Arial' ) > TITLE_PX ) {
-                                title = title.slice( 0, -1 );
-                        }
-                        title = title.trim() + ' …';
-                }
-                var desc = props.desc.length > 158 ? props.desc.slice( 0, 155 ).trim() + ' …' : props.desc;
-                var url = String( props.link || cfg.home ).replace( /^https?:\/\//, '' ).replace( /\/$/, '' ).split( '/' ).join( ' › ' );
-                return el( 'div', { className: 'cvseo-sb-preview', 'aria-label': 'Google preview' },
-                        el( 'div', { className: 'cvseo-sb-p-url' }, url ),
-                        el( 'div', { className: 'cvseo-sb-p-title' }, title || '(no title)' ),
-                        el( 'div', { className: 'cvseo-sb-p-desc' }, desc )
-                );
-        }
-
-        function Meter( props ) {
-                var r = props.value / props.max;
-                var cls = r > 1 ? 'bad' : ( r < props.low ? 'warn' : 'good' );
-                return el( 'div', { className: 'cvseo-sb-meter' }, el( 'span', { className: 'is-' + cls, style: { width: Math.min( 100, r * 100 ) + '%' } } ) );
-        }
-
-        function useDebounced( value, ms ) {
-                var st = useState( value );
-                useEffect( function () {
-                        var t = setTimeout( function () {
-                                st[ 1 ]( value );
-                        }, ms );
-                        return function () {
-                                clearTimeout( t );
-                        };
-                }, [ value ] );
-                return st[ 0 ];
-        }
+        var TITLE_PX = S.TITLE_PX;
+        var DESC_MAX = S.DESC_MAX;
+        var px = S.px, render = S.render, excerptOf = S.excerptOf, parse = S.parse, analyse = S.analyse, useDebounced = S.useDebounced;
+        var Logo = S.Logo, ToolbarIcon = S.ToolbarIcon, Ring = S.Ring, Check = S.Check, sectionBadge = S.sectionBadge, Preview = S.Preview, Meter = S.Meter;
+        var SnippetEditor = S.SnippetEditor, useHeaderSlot = S.useHeaderSlot, HeaderButton = S.HeaderButton;
 
         function Sidebar() {
@@ -482 +41 @@
                                 link: ed.getPermalink ? ed.getPermalink() : '',
                                 meta: ed.getEditedPostAttribute( 'meta' ) || {},
-                                cats: ed.getEditedPostAttribute( 'categories' ) || []
+                                cats: ed.getEditedPostAttribute( 'categories' ) || [],
+                                date: ed.getEditedPostAttribute( 'date' ) || '',
+                                author: ed.getEditedPostAttribute( 'author' ) || 0,
+                                featured: ed.getEditedPostAttribute( 'featured_media' ) || 0
                         };
+                }, [] );
+                var extra = useSelect( function ( select ) {
+                        var core = select( 'core' );
+                        var media = data.featured && core && core.getMedia ? core.getMedia( data.featured ) : null;
+                        var user = data.author && core && core.getUser ? core.getUser( data.author ) : null;
+                        return { featured: media && media.source_url ? media.source_url : '', author: user && user.name ? user.name : '' };
+                }, [ data.featured, data.author ] );
+                var modalSt = useState( false );
+                var slot = useHeaderSlot();
+                var panel = usePanel();
+                // Opened from a Clearyvo SEO view (?cvseo_from=tab): the editor's back button returns to that view, not to the
+                // list of pages. The parameter stays in the address, so a reload keeps it.
+                useEffect( function () {
+                        var m = window.location.search.match( /[?&]cvseo_from=([a-z_]+)/ );
+                        if ( ! m || ! cfg.backUrl ) {
+                                return;
+                        }
+                        var back = cfg.backUrl + '&tab=' + m[ 1 ];
+                        // The back button differs between WordPress versions (W logo, site icon, "<" arrow, its class names), but it
+                        // is always a link in the editor header to the list of posts or pages (edit.php). Catch that link, plus
+                        // the known class names in case a version renders it as a button.
+                        var HEADER = '.editor-header, .edit-post-header, .interface-interface-skeleton__header';
+                        var CLOSE = '.editor-fullscreen-mode-close, .edit-post-fullscreen-mode-close, [class*="fullscreen-mode-close"], [class*="header__back"]';
+                        function isBack( node ) {
+                                if ( ! node || ! node.closest || ! node.closest( HEADER ) ) {
+                                        return false;
+                                }
+                                if ( node.matches( CLOSE ) ) {
+                                        return true;
+                                }
+                                // A back button without a link (rendered as a button): known labels, in English and Hungarian.
+                                var label = ( node.getAttribute( 'aria-label' ) || node.getAttribute( 'title' ) || '' ).toLowerCase();
+                                if ( node.tagName === 'BUTTON' && /^(back|go back|vissza|view (posts|pages)|(all )?(posts|pages)|dashboard|bejegyzések|oldalak|vezérlőpult)/.test( label ) ) {
+                                        return true;
+                                }
+                                var href = node.getAttribute( 'href' ) || '';
+                                return node.tagName === 'A' && /(^|\/)edit\.php(\?|$)/.test( href.replace( /^https?:\/\/[^/]+/, '' ).replace( /^.*\/wp-admin\//, '' ) );
+                        }
+                        function backNode( target ) {
+                                var n = target && target.closest ? target.closest( 'a, button' ) : null;
+                                return isBack( n ) ? n : null;
+                        }
+                        function onClick( e ) {
+                                if ( backNode( e.target ) ) {
+                                        e.preventDefault();
+                                        e.stopPropagation();
+                                        window.location.href = back;
+                                }
+                        }
+                        function relabel() {
+                                document.querySelectorAll( HEADER ).forEach( function ( h ) {
+                                        h.querySelectorAll( 'a, button' ).forEach( function ( a ) {
+                                                if ( isBack( a ) && a.tagName === 'A' && a.getAttribute( 'href' ) !== back ) {
+                                                        a.setAttribute( 'href', back );
+                                                        a.setAttribute( 'aria-label', 'Back to Clearyvo SEO' );
+                                                }
+                                        } );
+                                } );
+                        }
+                        document.addEventListener( 'click', onClick, true );
+                        relabel();
+                        var t = setInterval( relabel, 1500 );
+                        return function () {
+                                document.removeEventListener( 'click', onClick, true );
+                                clearInterval( t );
+                        };
+                }, [] );
+                // Opened from the "Visual editor" buttons of the Clearyvo SEO screens (?cvseo=panel): show the panel once.
+                useEffect( function () {
+                        if ( /[?&]cvseo=panel(&|$)/.test( window.location.search ) ) {
+                                setTimeout( function () {
+                                        if ( ! panel.open ) {
+                                                panel.toggle();
+                                        }
+                                }, 300 );
+                                try {
+                                        window.history.replaceState( null, '', window.location.href.replace( /([?&])cvseo=panel(&|$)/, function ( m, a, b ) {
+                                                return b ? a : '';
+                                        } ) );
+                                } catch ( e ) {}
+                        }
                 }, [] );
                 var editPost = useDispatch( 'core/editor' ).editPost;
@@ -519 +162 @@
                         return parse( debContent );
                 }, [ debContent ] );
+
+                var primary = parseInt( get( 'primary_cat' ), 10 ) || 0;
+                var catId = primary && data.cats.indexOf( primary ) !== -1 ? primary : data.cats[ 0 ];
+                var dateText = '';
+                if ( data.date && wp.date && wp.date.dateI18n ) {
+                        try {
+                                dateText = wp.date.dateI18n( wp.date.getSettings().formats.date, data.date );
+                        } catch ( e ) {
+                                dateText = '';
+                        }
+                }
+                S.setLiveVars( {
+                        excerpt: excerptOf( data.excerpt ? data.excerpt.replace( /<[^>]+>/g, '' ) : parsed.text ),
+                        category: catId && cfg.cats[ catId ] ? cfg.cats[ catId ] : '',
+                        author: extra.author,
+                        date: dateText
+                } );
 
                 var title = render( get( 'title' ) || cfg.template || '%title%', data.postTitle );
@@ -546 +206 @@
 
                 var fields = el( C.PanelBody, { title: 'Search appearance', initialOpen: true },
-                        el( Preview, { title: title, desc: desc, link: data.link } ),
+                        el( 'button', { type: 'button', className: 'cvseo-sb-previewbtn', title: 'Open the snippet editor', onClick: function () {
+                                modalSt[ 1 ]( true );
+                        } }, el( Preview, { title: title, desc: desc, link: data.link } ) ),
+                        el( C.Button, { variant: 'primary', className: 'cvseo-sb-editbtn', onClick: function () {
+                                modalSt[ 1 ]( true );
+                        } }, 'Open the snippet editor' ),
                         el( 'div', { className: 'cvseo-sb-kwhead' },
                                 el( 'label', { htmlFor: 'cvseo-sb-kw' }, 'Focus phrase' ),
@@ -639 +304 @@
                 return el( Fragment, null,
                         el( PluginSidebarMoreMenuItem, { target: SIDEBAR, icon: el( Logo, { size: 20 } ) }, 'Clearyvo SEO' ),
-                        el( PluginSidebar, { name: SIDEBAR, title: 'Clearyvo SEO', icon: el( ToolbarIcon, { status: result.status, score: result.score } ), className: 'cvseo-sb' },
+                        // The big "Edit SEO" header button opens this panel, so no second (pinned) icon on the toolbar. Only if the
+                        // header button cannot be placed (unknown editor layout) the panel keeps its pin as the way in.
+                        el( PluginSidebar, { name: SIDEBAR, title: 'Clearyvo SEO', icon: el( ToolbarIcon, { status: result.status, score: result.score } ), className: 'cvseo-sb', isPinnable: ! slot },
                                 summary, fields, panels, social, advanced
-                        )
+                        ),
+                        slot && wp.element.createPortal ? wp.element.createPortal( el( HeaderButton, { status: result.status, score: result.score, open: panel.open, onClick: panel.toggle } ), slot ) : null,
+                        modalSt[ 0 ] ? el( SnippetEditor, {
+                                mode: 'editor',
+                                close: function () {
+                                        modalSt[ 1 ]( false );
+                                },
+                                get: get, set: set, title: title, desc: desc, link: data.link, slug: data.slug,
+                                setSlug: function ( v ) {
+                                        editPost( { slug: v } );
+                                },
+                                postId: data.id, postTitle: data.postTitle, featured: extra.featured, score: result.score, status: result.status,
+                                date: cfg.isPage ? '' : dateText, content: parsed
+                        } ) : null
                 );
         }
 
+        /** Open / close state of the Clearyvo SEO panel (interface store; scope "core" since WordPress 6.6). */
+        function usePanel() {
+                var id = 'clearyvo-seo/' + SIDEBAR;
+                var scope = wp.editor && wp.editor.PluginSidebar ? 'core' : 'core/edit-post';
+                var active = useSelect( function ( select ) {
+                        var s = select( 'core/interface' );
+                        return s && s.getActiveComplementaryArea ? s.getActiveComplementaryArea( scope ) : null;
+                }, [] );
+                var open = active === id;
+                return {
+                        open: open,
+                        toggle: function () {
+                                var d = wp.data.dispatch( 'core/interface' );
+                                var ep = wp.data.dispatch( 'core/edit-post' );
+                                if ( open ) {
+                                        if ( d && d.disableComplementaryArea ) {
+                                                d.disableComplementaryArea( scope );
+                                        } else if ( ep && ep.closeGeneralSidebar ) {
+                                                ep.closeGeneralSidebar();
+                                        }
+                                } else if ( d && d.enableComplementaryArea ) {
+                                        d.enableComplementaryArea( scope, id );
+                                } else if ( ep && ep.openGeneralSidebar ) {
+                                        ep.openGeneralSidebar( id );
+                                }
+                        }
+                };
+        }
+
+        /**
+         * Opened from a Clearyvo SEO view (?cvseo_from=tab): the editor's own back button is replaced, through the
+         * MainDashboardButton slot of the editor, with one that goes back to that view. Older and newer editors without
+         * the slot are covered by the click handler in Sidebar.
+         */
+        ( function () {
+                var m = window.location.search.match( /[?&]cvseo_from=([a-z_]+)/ );
+                var ns = [ wp.editor, wp.editPost ].filter( function ( n ) {
+                        return n && n.__experimentalMainDashboardButton;
+                } )[ 0 ];
+                if ( ! m || ! cfg.backUrl || ! ns ) {
+                        return;
+                }
+                var back = cfg.backUrl + '&tab=' + m[ 1 ];
+                var Close = ( wp.editor && wp.editor.__experimentalFullscreenModeClose ) || ( wp.editPost && wp.editPost.__experimentalFullscreenModeClose );
+                wp.plugins.registerPlugin( 'clearyvo-seo-back', {
+                        render: function () {
+                                return el( ns.__experimentalMainDashboardButton, null,
+                                        Close ? el( Close, { href: back, showTooltip: true } ) :
+                                                el( C.Button, { href: back, icon: 'arrow-left-alt2', label: 'Back to Clearyvo SEO', className: 'cvseo-back' } )
+                                );
+                        }
+                } );
+        }() );
+
         wp.plugins.registerPlugin( 'clearyvo-seo', { render: Sidebar } );
-}( window.wp, window.cvseoSidebar ) );
+}( window.wp, window.cvseoSidebar, window.cvseoSnippet ) );

clearyvo-seo/tags/0.6.5/seo/boot.php

@@ -21 +21 @@
                         return;
                 }
-                define( 'CVSEO_VERSION', '0.5.3' );
+                define( 'CVSEO_VERSION', '0.6.5' );
                 define( 'CVSEO_DB_VERSION', '1' );
                 define( 'CVSEO_FILE', $base_file );
@@ -40 +40 @@
                         require_once CVSEO_DIR . 'admin/class-cvseo-metabox.php';
                         require_once CVSEO_DIR . 'admin/class-cvseo-sidebar.php';
+                        require_once CVSEO_DIR . 'admin/class-cvseo-visual.php';
                 }
 
@@ -59 +60 @@
                                 CVSEO_Metabox::init();
                                 CVSEO_Sidebar::init();
+                                CVSEO_Visual::init();
                         }
                 };

clearyvo-seo/tags/0.6.5/seo/includes/class-cvseo-rest.php

@@ -83 +83 @@
                                                 return current_user_can( 'edit_post', (int) $req['id'] );
                                         },
+                                ),
+                        )
+                );
+                // Admin "Visual editor": page picker; the chosen page opens in the page editor with the Clearyvo SEO panel.
+                register_rest_route(
+                        self::NS,
+                        '/snippet-search',
+                        array(
+                                'methods'             => 'GET',
+                                'callback'            => array( __CLASS__, 'search_snippets' ),
+                                'permission_callback' => static function () {
+                                        return current_user_can( 'edit_posts' );
+                                },
+                                'args'                => array(
+                                        's' => array(
+                                                'type'    => 'string',
+                                                'default' => '',
+                                        ),
                                 ),
                         )
@@ -277 +295 @@
 
         /**
+         * GET /snippet-search?s=: pages the user can edit, newest change first.
+         *
+         * @param WP_REST_Request $req Request.
+         * @return WP_REST_Response
+         */
+        public static function search_snippets( WP_REST_Request $req ) {
+                $q   = new WP_Query(
+                        array(
+                                'post_type'              => CVSEO_Settings::post_types(),
+                                'post_status'            => array( 'publish', 'future', 'draft', 'pending', 'private' ),
+                                's'                      => sanitize_text_field( (string) $req['s'] ),
+                                'posts_per_page'         => 30,
+                                'orderby'                => '' === (string) $req['s'] ? 'modified' : 'relevance',
+                                'order'                  => 'DESC',
+                                'no_found_rows'          => true,
+                                'update_post_meta_cache' => false,
+                                'update_post_term_cache' => false,
+                        )
+                );
+                $out = array();
+                foreach ( $q->posts as $p ) {
+                        if ( ! current_user_can( 'edit_post', $p->ID ) ) {
+                                continue;
+                        }
+                        $pto   = get_post_type_object( $p->post_type );
+                        $out[] = array(
+                                'id'     => $p->ID,
+                                'title'  => '' !== $p->post_title ? $p->post_title : __( '(no title)', 'clearyvo-seo' ),
+                                'type'   => $pto ? $pto->labels->singular_name : $p->post_type,
+                                'status' => 'publish' === $p->post_status ? '' : $p->post_status,
+                                'edit'   => add_query_arg( 'cvseo', 'panel', get_edit_post_link( $p->ID, 'raw' ) ),
+                        );
+                }
+                return rest_ensure_response( array( 'items' => $out ) );
+        }
+
+        /**
          * GET /post/{id}.
          *

clearyvo-seo/trunk/assets/style.css

@@ -76 +76 @@
 .wpsc-table td{vertical-align:top}
 @media (max-width:782px){.wpsc-explain{grid-template-columns:1fr}}
+
+/* 0.6.3: what the last scan found on this page (Image ALT view). */
+.wpsc-scanflag { margin: 6px 0 2px; font-size: 13px; color: #8a4b00; }
+.wpsc-scanflag-badge { display: inline-block; padding: 1px 8px; margin-right: 4px; border-radius: 10px; background: #fcf0e3; border: 1px solid #f0c48a; color: #8a4b00; font-size: 11.5px; font-weight: 600; }

clearyvo-seo/trunk/clearyvo-seo.php

@@ -4 +4 @@
  * Plugin URI:        https://wp-sitechecker.com/
  * Description:       SEO without keyword stuffing: real image ALT text from page context, not filenames. Titles, meta, schema, sitemap, redirects, 404 log, a full site audit and one-click import from Yoast SEO and Rank Math.
- * Version:           0.5.3
+ * Version:           0.6.5
  * Requires at least: 6.2
  * Requires PHP:      7.4

clearyvo-seo/trunk/includes/class-wpsc-admin.php

@@ -37 +37 @@
             'alt_part' => $part($gap, $img), 'h_part' => $part($hp, $np), 'm_part' => $part($mp, $np),
             'site_h1' => count($h['site']), 'conflicts' => count($k['conflicts']), 'orphans' => count($l['orphans']), 'menu_only' => count($l['menuOnly']),
+            'alt_rows' => count(WPSC_Audit::alt_problems()),
             'headings_rows' => $hrows + count($h['site']), 'keywords_rows' => $krows, 'meta_rows' => $mrows, 'links_rows' => count($l['orphans']) + count($l['menuOnly']),
         ];
@@ -283 +284 @@
         $type = WPSiteChecker_UI::filter_value('type', array_keys($types));
         $s = WPSiteChecker_UI::filter_value('s');
+        // Pages where the last scan found images without ALT (the Overview card and "Show and fix" open this filter).
+        $probs = WPSC_Audit::state() && !empty(WPSC_Audit::state()['finished']) ? WPSC_Audit::alt_problems() : [];
+        $scan = WPSiteChecker_UI::filter_value('scan', ['noalt']);
         $paged = WPSiteChecker_UI::current_page_num();
-        $q = new WP_Query(['post_type' => $type !== '' ? $type : array_keys($types), 'post_status' => 'publish', 'posts_per_page' => self::PER_PAGE, 'paged' => $paged,
-            's' => $s, 'orderby' => ['menu_order' => 'ASC', 'title' => 'ASC'], 'ignore_sticky_posts' => true, 'has_password' => false, 'no_found_rows' => false]);
+        $args = ['post_type' => $type !== '' ? $type : array_keys($types), 'post_status' => 'publish', 'posts_per_page' => self::PER_PAGE, 'paged' => $paged,
+            's' => $s, 'orderby' => ['menu_order' => 'ASC', 'title' => 'ASC'], 'ignore_sticky_posts' => true, 'has_password' => false, 'no_found_rows' => false];
+        if ($scan === 'noalt') $args['post__in'] = $probs ? array_keys($probs) : [0];
+        $q = new WP_Query($args);
 
         WPSC_Views::explain(__('Checks every published page as visitors and Google see it: which images have no ALT text, whether an image ALT contains the page\'s focus keyword, and which ALT texts repeat. Nothing changes until you save an ALT yourself.', 'clearyvo-seo'),
@@ -307 +313 @@
         WPSiteChecker_UI::filter_bar([
             'label'   => __('Filter pages', 'clearyvo-seo'),
-            'filters' => [['name' => 'type', 'label' => __('Content type', 'clearyvo-seo'), 'options' => $topts, 'value' => $type]],
+            'filters' => [['name' => 'type', 'label' => __('Content type', 'clearyvo-seo'), 'options' => $topts, 'value' => $type],
+                /* translators: %s: number of pages */
+                ['name' => 'scan', 'label' => __('Last scan', 'clearyvo-seo'), 'options' => ['' => __('All pages', 'clearyvo-seo'), 'noalt' => sprintf(__('Missing ALT in the last scan (%s)', 'clearyvo-seo'), WPSiteChecker_Family::num(count($probs)))], 'value' => $scan]],
             // Checked in the browser by app.js (the results of each page are computed there): a local checkbox.
             'checks'  => [['id' => 'wpsc-only-problems', 'label' => __('Show only pages with problems', 'clearyvo-seo'), 'local' => true]],
@@ -314 +322 @@
         echo '<p id="wpsc-summary" class="wpsc-summary" role="status" aria-live="polite"></p><div id="wpsc-sitewide"></div>';
         if (!$q->have_posts()) {
-            if ($type !== '' || $s !== '') WPSiteChecker_UI::empty_filtered(WPSiteChecker_UI::clear_filters_url(['type', 's']));
+            if ($type !== '' || $s !== '' || $scan !== '') WPSiteChecker_UI::empty_filtered(WPSiteChecker_UI::clear_filters_url(['type', 's', 'scan']));
             else WPSiteChecker_UI::empty_state(['title' => __('No published pages', 'clearyvo-seo'), 'text' => __('Publish a page or post: its images are checked here.', 'clearyvo-seo')]);
             return;
@@ -330 +338 @@
                 . '<div class="wpsc-pagehead"><div><h2>' . esc_html($title) . ' <span class="wpsc-type">' . esc_html($type_obj ? $type_obj->labels->singular_name : $post->post_type) . '</span></h2>'
                 . '<div class="wpsc-meta"><strong>' . esc_html__('Focus keyword:', 'clearyvo-seo') . '</strong> ' . ($kw ? esc_html(implode(' · ', $kw)) : '<em>' . esc_html__('not set', 'clearyvo-seo') . '</em>') . '</div>'
+                . (isset($probs[$post->ID]) ? '<div class="wpsc-scanflag"><span class="wpsc-scanflag-badge">' . esc_html__('Last scan', 'clearyvo-seo') . '</span> ' . esc_html(self::alt_flag($probs[$post->ID])) . '</div>' : '')
                 . '<div class="wpsc-checks"></div></div>'
                 . '<div class="wpsc-headlinks"><a class="button" target="_blank" rel="noopener" href="' . esc_url(get_permalink($post)) . '">' . esc_html__('View page', 'clearyvo-seo') . $nt . '</a>'
@@ -337 +346 @@
         wp_reset_postdata();
         WPSiteChecker_UI::pagination($pager + ['which' => 'bottom']);
+    }
+
+    /** "1 image without ALT, 2 with empty ALT" for one page of the last scan. */
+    private static function alt_flag(array $p) {
+        $parts = [];
+        /* translators: %s: number of images */
+        if ($p[0]) $parts[] = sprintf(_n('%s image without ALT', '%s images without ALT', $p[0], 'clearyvo-seo'), WPSiteChecker_Family::num($p[0]));
+        /* translators: %s: number of images */
+        if ($p[1]) $parts[] = sprintf(_n('%s image with empty ALT', '%s images with empty ALT', $p[1], 'clearyvo-seo'), WPSiteChecker_Family::num($p[1]));
+        return implode(', ', $parts) . ' ' . __('(as the page is shown; the ALT written in the page or by the theme counts, not the Media Library)', 'clearyvo-seo');
     }
 

clearyvo-seo/trunk/includes/class-wpsc-audit.php

@@ -71 +71 @@
     static function flush() { self::$cache = null; }
 
+    /** Pages where the last scan found content images without ALT or with an empty ALT: id => [no ALT, empty ALT]. */
+    static function alt_problems() {
+        $out = [];
+        foreach (self::pages() as $id => $d) {
+            $im = (array) ($d['imgs'] ?? []);
+            $no = (int) ($im[1] ?? 0); $empty = (int) ($im[2] ?? 0);
+            if ($no + $empty) $out[(int) $id] = [$no, $empty];
+        }
+        return $out;
+    }
+
     static function lc($s) { return function_exists('mb_strtolower') ? mb_strtolower((string) $s, 'UTF-8') : strtolower((string) $s); }
     /** Lower case, accents removed, single spaces: "Generálkivitelezés  Budapest" == "generalkivitelezes budapest". */

clearyvo-seo/trunk/includes/class-wpsc-views.php

@@ -4 +4 @@
 /**
  * Overview and the views that read the site scan (family UI kit). Hooks for add-ons (Clearyvo SEO Pro):
- * wpsc_overview_cards, wpsc_keywords_before_table, wpsc_orphan_actions, wpsc_links_after_orphans, wpsc_schema_section.
+ * wpsc_overview_cards, wpsc_keywords_before_table, wpsc_meta_before_table, wpsc_orphan_actions, wpsc_links_after_orphans,
+ * wpsc_schema_section.
  */
 final class WPSC_Views {
@@ -15 +16 @@
         $h = '<a href="' . esc_url(self::page_url($id)) . '" target="_blank" rel="noopener">' . esc_html(self::title($id)) . '<span class="screen-reader-text"> ' . esc_html__('(opens in a new tab)', 'clearyvo-seo') . '</span></a>';
         if (current_user_can('edit_post', $id)) $h .= ' <a class="wpsc-edit" href="' . esc_url(get_edit_post_link($id, 'raw')) . '">' . esc_html__('Edit', 'clearyvo-seo') . '<span class="screen-reader-text"> ' . esc_html(self::title($id)) . '</span></a>';
+        if (class_exists('CVSEO_Visual')) $h .= CVSEO_Visual::button((int) $id);   // Clearyvo SEO snippet editor right here
         return $h;
     }
@@ -67 +69 @@
         if (!$can) $note .= ' ' . __('An editor or administrator can scan the site.', 'clearyvo-seo');
         WPSiteChecker_UI::action_bar([
-            'buttons'   => $can ? [['label' => __('Scan site', 'clearyvo-seo'), 'primary' => true, 'id' => 'wpsc-audit-run']] : [],
+            'buttons'   => array_merge($can ? [['label' => __('Scan site', 'clearyvo-seo'), 'primary' => true, 'id' => 'wpsc-audit-run']] : [],
+                class_exists('CVSEO_Visual') && CVSEO_Visual::available() ? [['label' => __('Visual editor', 'clearyvo-seo'), 'primary' => true, 'class' => 'cvseo-vis-btn', 'attrs' => ['data-cvseo-visual' => '0'], 'title' => __('Choose a page and open it in the page editor with the Clearyvo SEO panel', 'clearyvo-seo')]] : []),
             'status'    => WPSiteChecker_UI::last_run_text($ts, 'scan'),
             'status_id' => 'wpsc-audit-status',
@@ -114 +117 @@
         $cards = [
             ['alt', __('Image ALT texts', 'clearyvo-seo'), [
-                [$s['noalt'] + $s['emptyalt'], __('images without ALT text', 'clearyvo-seo'), 'warning'],
+                [$s['noalt'] + $s['emptyalt'], __('images without ALT text', 'clearyvo-seo'), 'warning', ['scan' => 'noalt']],
                 [$nokwAlt, __('pages where no image ALT contains the focus keyword', 'clearyvo-seo'), 'notice']]],
             ['headings', __('Headings', 'clearyvo-seo'), [
@@ -148 +151 @@
                 $n = (int) $line[0];
                 $sev = isset($line[2]) && in_array($line[2], ['critical', 'warning', 'notice'], true) ? $line[2] : 'warning';
-                $out[] = ['severity' => $n ? $sev : 'ok', 'count' => $n, 'text' => WPSiteChecker_Family::num($n) . ' ' . (string) $line[1], 'area' => (string) $c[1], 'tab' => sanitize_key((string) $c[0])];
+                $out[] = ['severity' => $n ? $sev : 'ok', 'count' => $n, 'text' => WPSiteChecker_Family::num($n) . ' ' . (string) $line[1], 'area' => (string) $c[1], 'tab' => sanitize_key((string) $c[0]),
+                    'args' => isset($line[3]) && is_array($line[3]) ? array_map('sanitize_key', $line[3]) : []];
             }
         }
@@ -233 +237 @@
         WPSiteChecker_UI::cards([
             ['label' => __('Score', 'clearyvo-seo'), 'value' => $s ? $s['score'] : null, 'tone' => 'score'],
-            ['label' => __('Images without ALT text', 'clearyvo-seo'), 'value' => $s ? $s['noalt'] + $s['emptyalt'] : null, 'tone' => 'warning', 'url' => $s && $s['noalt'] + $s['emptyalt'] ? WPSC_Admin::url('alt') : ''],
+            ['label' => __('Images without ALT text', 'clearyvo-seo'), 'value' => $s ? $s['noalt'] + $s['emptyalt'] : null, 'tone' => 'warning', 'url' => $s && $s['noalt'] + $s['emptyalt'] ? WPSC_Admin::url('alt', ['scan' => 'noalt']) : ''],
             ['label' => __('Pages with heading problems', 'clearyvo-seo'), 'value' => $s ? $s['hp'] : null, 'tone' => 'warning', 'url' => $s && $s['hp'] ? WPSC_Admin::url('headings') : ''],
             ['label' => __('Shared focus keywords', 'clearyvo-seo'), 'value' => $s ? $s['conflicts'] : null, 'tone' => 'warning', 'url' => $s && $s['conflicts'] ? WPSC_Admin::url('keywords') : ''],
@@ -263 +267 @@
                     $h .= '<tr data-severity="' . esc_attr($r['severity']) . '" data-area="' . esc_attr($r['tab']) . '"><td class="column-severity">' . WPSiteChecker_UI::severity_badge_html($r['severity']) . '</td>'
                         . '<td class="column-item">' . esc_html($r['text']) . '</td><td class="column-area">' . esc_html($r['area']) . '</td>'
-                        . '<td class="column-actions"><a href="' . esc_url(WPSC_Admin::url($r['tab'])) . '">' . esc_html__('Show and fix', 'clearyvo-seo') . '<span class="screen-reader-text">: ' . esc_html($r['text']) . '</span></a></td></tr>';
+                        . '<td class="column-actions"><a href="' . esc_url(WPSC_Admin::url($r['tab'], $r['args'] ?? [])) . '">' . esc_html__('Show and fix', 'clearyvo-seo') . '<span class="screen-reader-text">: ' . esc_html($r['text']) . '</span></a></td></tr>';
                 }
                 WPSiteChecker_UI::html($h . '</tbody>');
@@ -304 +308 @@
         if (!array_filter(array_column($rows, 'issues'))) { if (!$h['site']) WPSiteChecker_UI::empty_clean(WPSC_Admin::stats()['ts'], 'scan'); return; }
         uasort($rows, function ($a, $b) { return count($b['issues']) <=> count($a['issues']); });
+        do_action('wpsc_meta_before_table', $rows, $plugin);   // Clearyvo SEO Pro: AI description drafts for many pages
         $popts = ['' => __('All problems', 'clearyvo-seo')];
         foreach ($labels as $k => $l) $popts[$k] = $l[0];
@@ -414 +419 @@
         $rows = WPSC_Audit::meta();
         uasort($rows, function ($a, $b) { return count($b['issues']) <=> count($a['issues']); });
+        do_action('wpsc_meta_before_table', $rows, $plugin);   // Clearyvo SEO Pro: AI description drafts for many pages
         $popts = ['' => __('All problems', 'clearyvo-seo')];
         foreach ($labels as $k => $l) $popts[$k] = $l[0];

clearyvo-seo/trunk/readme.txt

@@ -5 +5 @@
 Tested up to: 7.1
 Requires PHP: 7.4
-Stable tag: 0.5.3
+Stable tag: 0.6.5
 License: GPLv2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
@@ -125 +125 @@
 
 == Changelog ==
+
+= 0.6.5 =
+* Fix: back button of the page editor, opened from a Clearyvo SEO screen: replaced through the editor's own dashboard-button slot, so it returns to Clearyvo SEO whatever the button looks like; the earlier click handling stays as a fallback.
+
+= 0.6.4 =
+* Fix: the page editor's back button now returns to the Clearyvo SEO screen the page was opened from on every WordPress version (the button is found by where it links to, not by its class name, which changed in newer versions).
+
+= 0.6.3 =
+* Fix: the Image ALT tab now shows how many pages the last scan found with images without ALT (or with an empty ALT), like the other tabs.
+* New: "Last scan" filter on the Image ALT tab: "Missing ALT in the last scan" lists only those pages. The Overview card and "Show and fix" open the tab with this filter.
+* New: each of those pages is marked with what the scan found ("1 image without ALT"). The scan reads the page as it is shown, so an ALT that exists in the Media Library but not in the page (or is dropped by the theme) is still reported; the mark makes that visible.
+* Opened from a Clearyvo SEO screen with "Visual editor", the page editor's back button returns to that screen instead of the list of pages.
+
+= 0.6.2 =
+* Changed: the "Visual editor" button next to "Scan site" asks for the page, then opens it in the page editor with the Clearyvo SEO panel already open (checks, Google preview, snippet editor). The "Visual editor" buttons in the scan lists go there directly.
+* Look: the "Edit SEO" button of the page editor is a filled button in the admin colour, open or closed. Scan site, Visual editor and Export CSV are the same blue button on the Clearyvo SEO screens.
+
+= 0.6.1 =
+* New: Visual editor on the Clearyvo SEO screens. The "Visual editor" button next to "Scan site" lets you pick any page and edit its Google and social snippet right there; every page in the scan lists has its own "Visual editor" button too. Saved with one click, the list row shows the new snippet at once.
+* Changed: in the page editor the "Edit SEO" button now opens the whole Clearyvo SEO panel (checks, snippet, settings); the small magnifier icon on the toolbar is gone. The snippet editor opens from the panel (the Google preview or "Open the snippet editor").
+* Fix: the snippet editor window had its tabs and score drawn over its title on some WordPress versions. It now has its own header (page name, score, close), the tabs and the desktop / mobile switch on one line, and a fixed footer.
+* For developers: "clearyvo-seo.snippet.field" JavaScript filter (a slot under the title, description and social fields of the snippet editor) and the "wpsc_meta_before_table" action.
+
+= 0.6.0 =
+* New: visual snippet editor in the block editor. A big "Edit SEO" button with the live score sits next to Save / Publish and opens it; clicking the Google preview in the side panel opens it too.
+* Google preview for desktop and mobile with favicon, site name, breadcrumb address and date; title and description are measured in pixels against the width Google shows on each device; the focus phrase is bold, as in the search results.
+* Variables (post title, separator, site title, category, excerpt, date, year…) insert at the cursor with one click.
+* Address (slug) can be edited in the same window.
+* Social sharing tab: Facebook / LinkedIn and X card previews, social image chosen from the Media Library.
 
 = 0.5.3 =
@@ -248 +277 @@
 == Upgrade Notice ==
 
+= 0.6.5 =
+Back button of the page editor returns to Clearyvo SEO when opened from there.
+
+= 0.6.4 =
+Back button of the page editor returns to Clearyvo SEO when opened from there.
+
+= 0.6.3 =
+Image ALT tab: count, "Missing ALT in the last scan" filter and per-page marks. Settings and data are unchanged.
+
+= 0.6.2 =
+Visual editor opens the page in the page editor with the SEO panel; one button style. Settings and data are unchanged.
+
+= 0.6.1 =
+Visual editor on the Clearyvo SEO screens, one "Edit SEO" button in the page editor, tidier snippet editor window. Settings and data are unchanged.
+
+= 0.6.0 =
+New visual snippet editor: "Edit SEO" button next to Publish, desktop / mobile Google preview, variable chips, social card previews. Settings and data are unchanged.
+
 = 0.5.0 =
 Unified Clearyvo interface: sub-navigation, summary cards, filterable findings with Export CSV, one Settings form. Settings and data are unchanged.

clearyvo-seo/trunk/seo/admin/class-cvseo-sidebar.php

@@ -1 +1 @@
 <?php
 /**
- * Block editor sidebar: live checks by topic, fields, Google preview and a status light.
+ * Block editor sidebar: live checks by topic, fields, Google preview, a status light and the snippet editor
+ * (modal with desktop / mobile Google preview and social cards), opened from a big button in the editor header.
  *
  * @package ClearyvoSEO
@@ -29 +30 @@
 
         /**
+         * The shared snippet core (helpers, analysis, snippet editor window) and its styles, for the block editor and the
+         * admin "Visual editor".
+         */
+        public static function register_core() {
+                $deps = array( 'wp-element', 'wp-components', 'wp-hooks' );
+                foreach ( array( 'wp-block-editor', 'wp-media-utils' ) as $opt ) {
+                        if ( wp_script_is( $opt, 'registered' ) ) {
+                                $deps[] = $opt;
+                        }
+                }
+                wp_register_script( 'cvseo-snippet-core', CVSEO_URL . 'assets/js/snippet-core.js', $deps, CVSEO_VERSION, true );
+                wp_register_style( 'cvseo-snippet', CVSEO_URL . 'assets/css/snippet.css', array( 'wp-components' ), CVSEO_VERSION );
+        }
+
+        /**
+         * Settings every snippet editor needs, whatever page it edits.
+         *
+         * @return array
+         */
+        public static function base_config() {
+                return array(
+                        'sitename'   => get_bloginfo( 'name' ),
+                        'tagline'    => get_bloginfo( 'description' ),
+                        'sep'        => CVSEO_Settings::get( 'separator' ),
+                        'autoDesc'   => (bool) CVSEO_Settings::get( 'auto_description' ),
+                        'home'       => home_url( '/' ),
+                        'homeHost'   => wp_parse_url( home_url(), PHP_URL_HOST ),
+                        'favicon'    => get_site_icon_url( 32 ),
+                        'blogPublic' => (bool) get_option( 'blog_public' ),
+                        'maxDensity' => CVSEO_Analysis::MAX_DENSITY,
+                        'pro'        => defined( 'WPSCP_VERSION' ),
+                        'proUrl'     => class_exists( 'WPSiteChecker_Family' ) ? WPSiteChecker_Family::shop_url() : 'https://wp-sitechecker.com/pro/',
+                        'auditUrl'   => admin_url( 'admin.php?page=wp-seochecker&tab=alt&s=' ),
+                        'schema'     => CVSEO_Meta::schema_types(),
+                        'logo'       => class_exists( 'WPSiteChecker_Family' ) ? WPSiteChecker_Family::logo_url( 'seochecker' ) : plugins_url( 'family/logos/seochecker.svg', CVSEO_FILE ),
+                        'conflict'   => ! CVSEO_Settings::output_enabled() ? implode( ', ', CVSEO_Settings::conflicts() ) : '',
+                        'backUrl'    => admin_url( 'admin.php?page=wp-seochecker' ),
+                );
+        }
+
+        /**
          * Script and data.
          */
@@ -43 +85 @@
                 $template = $ctx && $ctx->is_front ? CVSEO_Settings::get( 'title_home' ) : CVSEO_Settings::title_template_pt( $post->post_type );
                 $deps     = array( 'wp-plugins', 'wp-element', 'wp-components', 'wp-data', 'wp-api-fetch', 'wp-url', 'wp-hooks', 'wp-edit-post' );
-                if ( wp_script_is( 'wp-editor', 'registered' ) ) {
-                        $deps[] = 'wp-editor';
+                foreach ( array( 'wp-editor', 'wp-block-editor', 'wp-date' ) as $opt ) {
+                        if ( wp_script_is( $opt, 'registered' ) ) {
+                                $deps[] = $opt;
+                        }
                 }
+                self::register_core();
+                $deps[] = 'cvseo-snippet-core';
                 wp_enqueue_script( 'cvseo-sidebar', CVSEO_URL . 'assets/js/sidebar.js', $deps, CVSEO_VERSION, true );
-                wp_enqueue_style( 'cvseo-sidebar', CVSEO_URL . 'assets/css/sidebar.css', array(), CVSEO_VERSION );
+                wp_enqueue_style( 'cvseo-sidebar', CVSEO_URL . 'assets/css/sidebar.css', array( 'cvseo-snippet' ), CVSEO_VERSION );
 
                 $cats = array();
@@ -58 +104 @@
                         'cvseo-sidebar',
                         'cvseoSidebar',
-                        array(
-                                'template'   => $template,
-                                'sitename'   => get_bloginfo( 'name' ),
-                                'tagline'    => get_bloginfo( 'description' ),
-                                'sep'        => CVSEO_Settings::get( 'separator' ),
-                                'autoDesc'   => (bool) CVSEO_Settings::get( 'auto_description' ),
-                                'home'       => home_url( '/' ),
-                                'homeHost'   => wp_parse_url( home_url(), PHP_URL_HOST ),
-                                'blogPublic' => (bool) get_option( 'blog_public' ),
-                                'ptNoindex'  => CVSEO_Settings::pt_noindex( $post->post_type ),
-                                'isPage'     => 'page' === $post->post_type,
-                                'maxDensity' => CVSEO_Analysis::MAX_DENSITY,
-                                'pro'        => defined( 'WPSCP_VERSION' ),
-                                'proUrl'     => class_exists( 'WPSiteChecker_Family' ) ? WPSiteChecker_Family::shop_url() : 'https://wp-sitechecker.com/pro/',
-                                'auditUrl'   => admin_url( 'admin.php?page=wp-seochecker&tab=alt&s=' ),
-                                'schema'     => CVSEO_Meta::schema_types(),
-                                'cats'       => (object) $cats,
-                                'logo'       => class_exists( 'WPSiteChecker_Family' ) ? WPSiteChecker_Family::logo_url( 'seochecker' ) : plugins_url( 'family/logos/seochecker.svg', CVSEO_FILE ),
-                                'conflict'   => ! CVSEO_Settings::output_enabled() ? implode( ', ', CVSEO_Settings::conflicts() ) : '',
+                        array_merge(
+                                self::base_config(),
+                                array(
+                                        'template'  => $template,
+                                        'ptNoindex' => CVSEO_Settings::pt_noindex( $post->post_type ),
+                                        'isPage'    => 'page' === $post->post_type,
+                                        'cats'      => (object) $cats,
+                                )
                         )
                 );

clearyvo-seo/trunk/seo/assets/css/sidebar.css

@@ -66 +66 @@
 .cvseo-sb .components-base-control { margin-bottom: 16px; }
 .cvseo-sb .components-base-control:last-child { margin-bottom: 0; }
+
+/* ---------------------------------------------------------------- 0.6.0: header button + snippet editor */
+
+/* Big "Edit SEO" button in the editor header: filled, in the admin colour like the editor's own buttons. */
+.cvseo-hb-slot { display: flex; align-items: center; margin-right: 4px; }
+.cvseo-hb { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 5px 0 8px; border: 0; border-radius: 2px; cursor: pointer;
+        background: var(--wp-admin-theme-color, #3858e9); color: #fff; font: 500 13px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+        white-space: nowrap; transition: background .15s; }
+.cvseo-hb:hover { background: var(--wp-admin-theme-color-darker-10, #2145e6); color: #fff; }
+.cvseo-hb:focus-visible { outline: 2px solid var(--wp-admin-theme-color, #3858e9); outline-offset: 2px; }
+.cvseo-hb.is-open { background: var(--wp-admin-theme-color-darker-20, #183ad6); box-shadow: inset 0 -3px 0 rgba(255, 255, 255, .7); }
+.cvseo-hb .cvseo-sb-logo { background: #fff; border-radius: 4px; }
+.cvseo-hb-score { min-width: 26px; padding: 5px 7px; border-radius: 12px; font-size: 12px; font-weight: 600; text-align: center; color: #fff; }
+.cvseo-hb-score.is-good { background: #00a32a; } .cvseo-hb-score.is-warn { background: #dba617; color: #1e1e1e; } .cvseo-hb-score.is-bad { background: #d63638; }
+@media (max-width: 900px) { .cvseo-hb-label { display: none; } }
+
+/* Clickable preview + button in the side panel. */
+.cvseo-sb-previewbtn { display: block; width: 100%; padding: 0; margin: 0; border: 0; background: none; text-align: left; cursor: pointer; }
+.cvseo-sb-previewbtn .cvseo-sb-preview { margin-bottom: 8px; transition: border-color .15s, box-shadow .15s; }
+.cvseo-sb-previewbtn:hover .cvseo-sb-preview, .cvseo-sb-previewbtn:focus-visible .cvseo-sb-preview { border-color: var(--wp-admin-theme-color, #3858e9); box-shadow: 0 0 0 1px var(--wp-admin-theme-color, #3858e9); }
+.cvseo-sb .cvseo-sb-editbtn { width: 100%; justify-content: center; margin: 0 0 16px; }

clearyvo-seo/trunk/seo/assets/js/sidebar.js

@@ -1 +1 @@
 /**
- * Clearyvo SEO – block editor sidebar.
+ * Clearyvo SEO – block editor panel.
  * Live checks on the unsaved content, grouped by topic: what is good gets a tick, what is not good enough a warning.
- * No 0–100 score: keyword stuffing turns the light red instead of green.
+ * The big "Edit SEO" button in the header opens this panel; the snippet editor opens from inside it.
+ * Helpers and the snippet editor live in snippet-core.js (window.cvseoSnippet).
  */
-( function ( wp, cfg ) {
+( function ( wp, cfg, S ) {
         'use strict';
-        if ( ! wp || ! wp.plugins || ! cfg ) {
+        if ( ! wp || ! wp.plugins || ! cfg || ! S ) {
                 return;
         }
+        S.configure( cfg );
         var el = wp.element.createElement;
         var Fragment = wp.element.Fragment;
@@ -22 +24 @@
 
         var SIDEBAR = 'clearyvo-seo-sidebar';
-        var TITLE_PX = 580;
-        var DESC_MAX = 160;
-
-        // ---------------------------------------------------------------- helpers
-
-        var canvas = document.createElement( 'canvas' ).getContext( '2d' );
-        function px( text, font ) {
-                canvas.font = font;
-                return Math.round( canvas.measureText( text ).width );
-        }
-        function esc( s ) {
-                return String( s ).replace( /[.*+?^${}()|[\]\\]/g, '\\$&' );
-        }
-        // Word forms: every word of the phrase may take a suffix ("alkatrész" also matches "alkatrészek", "alkatrészt"),
-        // which matters for Hungarian and most other European languages.
-        function phraseRe( phrase ) {
-                return phrase.trim().split( /\s+/ ).map( function ( w ) {
-                        return esc( w ) + '\\p{L}{0,6}';
-                } ).join( '[\\s\\u00a0-]+' );
-        }
-        function countPhrase( phrase, text ) {
-                phrase = ( phrase || '' ).trim();
-                if ( ! phrase || ! text ) {
-                        return 0;
-                }
-                try {
-                        return ( text.match( new RegExp( '(?<![\\p{L}\\p{N}])' + phraseRe( phrase ) + '(?![\\p{L}\\p{N}])', 'giu' ) ) || [] ).length;
-                } catch ( e ) {
-                        return text.toLowerCase().split( phrase.toLowerCase() ).length - 1;
-                }
-        }
-        function words( text ) {
-                try {
-                        return ( text.match( /[\p{L}\p{N}]+(?:['’-][\p{L}\p{N}]+)*/gu ) || [] ).length;
-                } catch ( e ) {
-                        return text.split( /\s+/ ).filter( Boolean ).length;
-                }
-        }
-        function slugify( s ) {
-                return String( s ).toLowerCase().normalize( 'NFD' ).replace( /[̀-ͯ]/g, '' ).replace( /[^a-z0-9]+/g, '-' ).replace( /^-|-$/g, '' );
-        }
-        function render( tpl, title ) {
-                var vars = {
-                        '%title%': title || '',
-                        '%sitename%': cfg.sitename || '',
-                        '%tagline%': cfg.tagline || '',
-                        '%sep%': cfg.sep || '–',
-                        '%year%': String( new Date().getFullYear() )
-                };
-                var out = String( tpl || '' ).replace( /%[a-z_]+%/gi, function ( m ) {
-                        return Object.prototype.hasOwnProperty.call( vars, m ) ? vars[ m ] : '';
-                } ).replace( /\s+/g, ' ' );
-                var sep = esc( cfg.sep || '' );
-                if ( sep ) {
-                        out = out.replace( new RegExp( '(\\s*' + sep + '\\s*){2,}', 'g' ), ' ' + cfg.sep + ' ' );
-                        out = out.replace( new RegExp( '^\\s*' + sep + '\\s*|\\s*' + sep + '\\s*$', 'g' ), '' );
-                }
-                return out.trim();
-        }
-        function excerptOf( text ) {
-                text = text.replace( /\s+/g, ' ' ).trim();
-                if ( text.length <= 155 ) {
-                        return text;
-                }
-                var cut = text.slice( 0, 156 );
-                var sp = cut.lastIndexOf( ' ' );
-                return cut.slice( 0, sp > 0 ? sp : 155 ).replace( /[\s,;:–-]+$/, '' ) + '…';
-        }
-
-        // ---------------------------------------------------------------- analysis
-
-        function parse( html ) {
-                var doc = new DOMParser().parseFromString( '<body>' + ( html || '' ) + '</body>', 'text/html' );
-                var body = doc.body;
-                Array.prototype.forEach.call( body.querySelectorAll( 'script, style' ), function ( n ) {
-                        n.remove();
-                } );
-                var blocks = [];
-                Array.prototype.forEach.call( body.querySelectorAll( 'p, li, blockquote, h1, h2, h3, h4, h5, h6, td, figcaption' ), function ( n ) {
-                        blocks.push( n );
-                } );
-                var text = ( body.textContent || '' ).replace( /\s+/g, ' ' ).trim();
-                return {
-                        body: body,
-                        text: text,
-                        paragraphs: Array.prototype.map.call( body.querySelectorAll( 'p' ), function ( p ) {
-                                return ( p.textContent || '' ).trim();
-                        } ).filter( Boolean ),
-                        headings: Array.prototype.map.call( body.querySelectorAll( 'h1, h2, h3, h4, h5, h6' ), function ( h ) {
-                                return { level: parseInt( h.tagName.slice( 1 ), 10 ), text: ( h.textContent || '' ).trim() };
-                        } ),
-                        images: Array.prototype.map.call( body.querySelectorAll( 'img' ), function ( i ) {
-                                return { alt: i.hasAttribute( 'alt' ) ? i.getAttribute( 'alt' ).trim() : null, src: i.getAttribute( 'src' ) || '' };
-                        } ),
-                        links: Array.prototype.map.call( body.querySelectorAll( 'a[href]' ), function ( a ) {
-                                return { href: a.getAttribute( 'href' ), text: ( a.textContent || '' ).trim(), hasImg: !! a.querySelector( 'img' ) };
-                        } ),
-                        blocks: blocks.length
-                };
-        }
-
-        function analyse( d ) {
-                var sections = [];
-                var c = d.content;
-                var kw = ( d.kw || '' ).trim();
-                var wc = words( c.text );
-
-                // Title & description.
-                var s1 = [];
-                var tpx = px( d.title, '20px Arial' );
-                if ( ! d.title ) {
-                        s1.push( [ 'bad', 'The page has no title.' ] );
-                } else if ( tpx > TITLE_PX ) {
-                        s1.push( [ 'warn', 'The title is ' + tpx + ' px wide; Google cuts it after about ' + TITLE_PX + ' px. Shorten it or move the important words to the front.' ] );
-                } else if ( d.title.length < 25 ) {
-                        s1.push( [ 'warn', 'The title is only ' + d.title.length + ' characters. Describe the page a little more.' ] );
-                } else {
-                        s1.push( [ 'good', 'Title length is good (' + d.title.length + ' characters, ' + tpx + ' px).' ] );
-                }
-                if ( ! d.descRaw ) {
-                        s1.push( [ d.desc ? 'info' : 'warn', d.desc ? 'No description written: Google gets the start of the text. A written one usually gets more clicks.' : 'No description, and there is no text to take one from.' ] );
-                } else if ( d.desc.length > DESC_MAX ) {
-                        s1.push( [ 'warn', 'The description is ' + d.desc.length + ' characters; aim for 120–160, Google cuts the rest.' ] );
-                } else if ( d.desc.length < 70 ) {
-                        s1.push( [ 'warn', 'The description is only ' + d.desc.length + ' characters; 120–160 uses the space Google gives.' ] );
-                } else {
-                        s1.push( [ 'good', 'Description length is good (' + d.desc.length + ' characters).' ] );
-                }
-                sections.push( { id: 'meta', title: 'Title & description', checks: s1 } );
-
-                // Focus phrase.
-                var s2 = [];
-                if ( ! kw ) {
-                        s2.push( [ 'info', 'No focus phrase. It is optional: add one if this page should be found for a specific search.' ] );
-                } else {
-                        var inT = countPhrase( kw, d.title );
-                        s2.push( inT === 0 ? [ 'warn', 'The focus phrase is not in the SEO title.' ] : ( inT > 1 ? [ 'bad', 'The focus phrase is in the title ' + inT + ' times. Once is enough; repeating it looks spammy.' ] : [ 'good', 'The focus phrase is in the title, once.' ] ) );
-                        var inD = countPhrase( kw, d.desc );
-                        s2.push( inD === 0 ? [ 'info', 'The focus phrase is not in the description (fine if it reads better without).' ] : ( inD > 1 ? [ 'warn', 'The focus phrase is repeated in the description.' ] : [ 'good', 'The focus phrase is in the description.' ] ) );
-                        var ks = slugify( kw );
-                        s2.push( ks && ( d.slug || '' ).indexOf( ks ) !== -1 ? [ 'good', 'The focus phrase is in the address (URL).' ] : [ 'info', 'The focus phrase is not in the address. Change the address only on new pages, or add a redirect.' ] );
-                        var n = countPhrase( kw, c.text );
-                        if ( wc === 0 ) {
-                                s2.push( [ 'warn', 'There is no text yet to check the focus phrase in.' ] );
-                        } else if ( n === 0 ) {
-                                s2.push( [ 'warn', 'The focus phrase does not appear in the text.' ] );
-                        } else {
-                                var start = c.text.split( /\s+/ ).slice( 0, Math.max( 60, Math.round( wc * 0.1 ) ) ).join( ' ' );
-                                s2.push( countPhrase( kw, start ) ? [ 'good', 'The focus phrase appears near the start of the text.' ] : [ 'warn', 'The focus phrase does not appear in the first part of the text.' ] );
-                                var density = n * words( kw ) / wc * 100;
-                                if ( wc < 100 && ! ( n >= 3 && density > cfg.maxDensity ) ) {
-                                        s2.push( [ 'info', 'Used ' + n + ( n === 1 ? ' time' : ' times' ) + '. The text is still too short to judge whether the phrase is used naturally.' ] );
-                                } else if ( n >= 3 && density > cfg.maxDensity ) {
-                                        s2.push( [ 'bad', 'Over-optimised: the focus phrase is ' + density.toFixed( 1 ) + '% of the text (' + n + ' times). Write naturally and use other words for the same thing.' ] );
-                                } else {
-                                        s2.push( [ 'good', 'Natural use: ' + n + ( n === 1 ? ' time' : ' times' ) + ' in ' + wc + ' words (' + density.toFixed( 1 ) + '%).' ] );
-                                }
-                        }
-                        var subs = c.headings.filter( function ( h ) {
-                                return h.level >= 2 && h.level <= 4;
-                        } );
-                        if ( subs.length ) {
-                                s2.push( subs.some( function ( h ) {
-                                        return countPhrase( kw, h.text );
-                                } ) ? [ 'good', 'The focus phrase is in a subheading.' ] : [ 'info', 'The focus phrase is in no subheading (H2–H4). One is enough, where it fits.' ] );
-                        }
-                        if ( c.images.length ) {
-                                var withKw = c.images.filter( function ( i ) {
-                                        return i.alt && countPhrase( kw, i.alt );
-                                } ).length;
-                                if ( withKw === 0 ) {
-                                        s2.push( [ 'info', 'No image ALT text contains the focus phrase. Use it on one image where it describes the picture.' ] );
-                                } else if ( withKw >= 3 && withKw > c.images.length / 2 ) {
-                                        s2.push( [ 'warn', 'The focus phrase is in ' + withKw + ' image ALT texts. On every image it counts as keyword stuffing; describe the pictures instead.' ] );
-                                } else {
-                                        s2.push( [ 'good', 'The focus phrase is in an image ALT text.' ] );
-                                }
-                        }
-                        if ( d.others === null ) {
-                                s2.push( [ 'info', 'Checking whether other pages use the same focus phrase…' ] );
-                        } else if ( d.others.length ) {
-                                s2.push( [ 'warn', 'Other pages use the same focus phrase (' + d.others.map( function ( o ) {
-                                        return '“' + o.title + '”';
-                                } ).join( ', ' ) + '). They compete with each other in Google: give each page its own phrase.' ] );
-                        } else {
-                                s2.push( [ 'good', 'No other page targets this focus phrase.' ] );
-                        }
-                }
-                sections.push( { id: 'kw', title: 'Focus phrase', checks: s2 } );
-
-                // Content.
-                var s3 = [];
-                var minWords = cfg.isPage ? 150 : 300;
-                s3.push( wc >= minWords ? [ 'good', wc + ' words of text.' ] : [ cfg.isPage ? 'info' : 'warn', 'Only ' + wc + ' words. Pages that answer a question fully tend to rank better; aim for ' + minWords + '+ if the topic needs it.' ] );
-                var h1 = c.headings.filter( function ( h ) {
-                        return h.level === 1;
-                } ).length;
-                if ( h1 > 1 ) {
-                        s3.push( [ 'warn', 'The text contains ' + h1 + ' H1 headings. A page should have one H1; make the others H2.' ] );
-                } else if ( h1 === 1 ) {
-                        s3.push( [ 'info', 'The text contains an H1. That is right if your theme does not show the page title as a heading (full-width templates, page builders); if it does, make this one H2. The site audit checks the real page.' ] );
-                } else {
-                        s3.push( [ 'good', 'No extra H1 in the text: the page title is the H1.' ] );
-                }
-                var skipped = false;
-                var prev = 1;
-                c.headings.forEach( function ( h ) {
-                        if ( h.level > prev + 1 ) {
-                                skipped = true;
-                        }
-                        prev = h.level;
-                } );
-                if ( c.headings.length ) {
-                        s3.push( skipped ? [ 'warn', 'A heading level is skipped (for example H2 → H4). Screen readers and Google read the levels as the outline of the page.' ] : [ 'good', 'Heading levels follow each other in order.' ] );
-                } else if ( wc > 300 ) {
-                        s3.push( [ 'warn', 'No subheadings in ' + wc + ' words. Split the text with H2 headings.' ] );
-                }
-                var longP = c.paragraphs.filter( function ( p ) {
-                        return words( p ) > 150;
-                } ).length;
-                if ( c.paragraphs.length ) {
-                        s3.push( longP ? [ 'warn', longP + ( longP === 1 ? ' paragraph is' : ' paragraphs are' ) + ' longer than 150 words. Shorter paragraphs are easier to read on a phone.' ] : [ 'good', 'Paragraphs are a readable length.' ] );
-                }
-                var sentences = c.text.split( /(?<=[.!?…])\s+/ ).filter( function ( x ) {
-                        return words( x ) > 0;
-                } );
-                if ( sentences.length >= 5 ) {
-                        var longS = sentences.filter( function ( x ) {
-                                return words( x ) > 25;
-                        } ).length;
-                        var share = Math.round( longS / sentences.length * 100 );
-                        s3.push( share > 25 ? [ 'warn', share + '% of the sentences are longer than 25 words. Break some of them up.' ] : [ 'good', 'Sentence length is easy to read.' ] );
-                }
-                sections.push( { id: 'content', title: 'Content', checks: s3 } );
-
-                // Images.
-                var s4 = [];
-                if ( ! c.images.length ) {
-                        s4.push( [ 'info', 'No images in the text. A photo of your work or a diagram helps readers and can bring visitors from Google Images.' ] );
-                } else {
-                        var missing = c.images.filter( function ( i ) {
-                                return ! i.alt;
-                        } ).length;
-                        if ( missing ) {
-                                s4.push( [ 'warn', missing + ' of ' + c.images.length + ( c.images.length === 1 ? ' image has' : ' images have' ) + ' no ALT text. The Image ALT tab writes a draft for each from this page.', 'alt' ] );
-                                if ( ! cfg.pro ) {
-                                        s4.push( [ 'pro', 'Clearyvo SEO Pro writes all missing ALT texts with AI (your own Claude or OpenAI key), and every new upload gets one.' ] );
-                                }
-                        } else {
-                                s4.push( [ 'good', 'All ' + c.images.length + ( c.images.length === 1 ? ' image has' : ' images have' ) + ' ALT text.' ] );
-                        }
-                        var alts = c.images.map( function ( i ) {
-                                return ( i.alt || '' ).toLowerCase();
-                        } ).filter( Boolean );
-                        var dupes = alts.length - alts.filter( function ( a, i ) {
-                                return alts.indexOf( a ) === i;
-                        } ).length;
-                        if ( alts.length > 1 ) {
-                                s4.push( dupes ? [ 'warn', dupes + ' image ALT ' + ( dupes === 1 ? 'text repeats' : 'texts repeat' ) + ' another one. Each ALT should describe its own picture.' ] : [ 'good', 'Every image has its own ALT text.' ] );
-                        }
-                }
-                sections.push( { id: 'images', title: 'Images', checks: s4, extra: 'images' } );
-
-                // Links.
-                var s5 = [];
-                var internal = 0;
-                var external = 0;
-                var empty = 0;
-                c.links.forEach( function ( l ) {
-                        if ( ! l.text && ! l.hasImg ) {
-                                empty++;
-                        }
-                        if ( /^(mailto|tel|#)/.test( l.href ) ) {
-                                return;
-                        }
-                        try {
-                                var u = new URL( l.href, cfg.home );
-                                if ( u.host === cfg.homeHost ) {
-                                        internal++;
-                                } else {
-                                        external++;
-                                }
-                        } catch ( e ) {}
-                } );
-                s5.push( internal ? [ 'good', internal + ' link' + ( internal === 1 ? '' : 's' ) + ' to other pages of the site.' ] : [ wc >= 300 ? 'warn' : 'info', 'No links to other pages of the site. Link to related pages: it helps visitors and Google find them.' ] );
-                s5.push( external ? [ 'good', external + ' link' + ( external === 1 ? '' : 's' ) + ' to other websites.' ] : [ 'info', 'No links to other websites. Link to a source or standard where it helps the reader.' ] );
-                if ( empty ) {
-                        s5.push( [ 'warn', empty + ' link' + ( empty === 1 ? ' has' : 's have' ) + ' no text. Screen readers and Google cannot tell where ' + ( empty === 1 ? 'it leads' : 'they lead' ) + '.' ] );
-                }
-                sections.push( { id: 'links', title: 'Links', checks: s5 } );
-
-                // Indexing.
-                var s6 = [];
-                if ( ! cfg.blogPublic ) {
-                        s6.push( [ 'bad', 'The whole site is hidden from search engines (Settings → Reading).' ] );
-                }
-                var noindex = d.noindex === '1' || ( d.noindex === '' && cfg.ptNoindex );
-                s6.push( noindex ? [ 'warn', 'This page is set to noindex: it will not appear in Google.' ] : [ 'good', 'Search engines may show this page.' ] );
-                if ( d.canonical && d.link && d.canonical.replace( /\/$/, '' ) !== d.link.replace( /\/$/, '' ) ) {
-                        s6.push( [ 'info', 'The canonical URL points to another address, so Google shows that one instead of this page.' ] );
-                }
-                if ( d.nofollow ) {
-                        s6.push( [ 'info', 'nofollow is on: Google does not follow the links of this page.' ] );
-                }
-                if ( cfg.conflict ) {
-                        s6.push( [ 'info', cfg.conflict + ' is still active, so it prints the SEO tags. Import its data in SEO → Import, then deactivate it.' ] );
-                }
-                sections.push( { id: 'index', title: 'Indexing', checks: s6 } );
-
-                // Score 0–100: every check that is not just a tip counts, weighted by its topic. A red problem (stuffing,
-                // phrase repeated in the title, hidden site) caps the score at 49, so over-optimising never shows green.
-                var weight = { meta: 3, kw: 2, content: 1.5, images: 2, links: 1, index: 2 };
-                var got = 0;
-                var max = 0;
-                sections.forEach( function ( s ) {
-                        s.checks.forEach( function ( k ) {
-                                var w = weight[ s.id ] || 1;
-                                if ( k[ 0 ] === 'good' || k[ 0 ] === 'warn' || k[ 0 ] === 'bad' ) {
-                                        max += w;
-                                        got += k[ 0 ] === 'good' ? w : ( k[ 0 ] === 'warn' ? w * 0.4 : 0 );
-                                }
-                        } );
-                } );
-                var count = { bad: 0, warn: 0, good: 0 };
-                sections.forEach( function ( s ) {
-                        s.checks.forEach( function ( k ) {
-                                if ( count[ k[ 0 ] ] !== undefined ) {
-                                        count[ k[ 0 ] ]++;
-                                }
-                        } );
-                } );
-                var score = max ? Math.round( got / max * 100 ) : 0;
-                if ( count.bad ) {
-                        score = Math.min( score, 49 );
-                }
-                return { sections: sections, count: count, score: score, status: score >= 80 ? 'good' : ( score >= 50 ? 'warn' : 'bad' ) };
-        }
-
-        // ---------------------------------------------------------------- UI
-
-        var COLORS = { good: '#00a32a', warn: '#dba617', bad: '#d63638' };
-
-        function Logo( props ) {
-                return el( 'img', { src: cfg.logo, width: props.size || 20, height: props.size || 20, alt: '', className: 'cvseo-sb-logo' } );
-        }
-
-        /** Toolbar button: Clearyvo SEO logo and the score in a coloured pill. */
-        function ToolbarIcon( props ) {
-                var ref = wp.element.useRef( null );
-                // The editor sizes toolbar icon buttons as fixed squares (width, max-width or flex-basis, depending on the
-                // WordPress version). Inline styles with !important on the button itself win over every stylesheet.
-                useEffect( function () {
-                        var btn = ref.current && ref.current.closest( 'button' );
-                        if ( ! btn ) {
-                                return;
-                        }
-                        [ [ 'width', 'auto' ], [ 'min-width', '0' ], [ 'max-width', 'none' ], [ 'flex', '0 0 auto' ], [ 'padding', '0 6px' ], [ 'overflow', 'visible' ] ].forEach( function ( r ) {
-                                btn.style.setProperty( r[ 0 ], r[ 1 ], 'important' );
-                        } );
-                } );
-                return el( 'span', { className: 'cvseo-tb', ref: ref },
-                        el( Logo, { size: 20 } ),
-                        el( 'span', { className: 'cvseo-tb-score is-' + props.status }, 'SEO ' + props.score )
-                );
-        }
-
-        /** Score ring at the top of the sidebar. */
-        function Ring( props ) {
-                var r = 26;
-                var len = 2 * Math.PI * r;
-                return el( 'svg', { width: 64, height: 64, viewBox: '0 0 64 64', className: 'cvseo-sb-ring', 'aria-hidden': true },
-                        el( 'circle', { cx: 32, cy: 32, r: r, fill: 'none', stroke: '#e0e0e0', strokeWidth: 6 } ),
-                        el( 'circle', { cx: 32, cy: 32, r: r, fill: 'none', stroke: COLORS[ props.status ], strokeWidth: 6, strokeLinecap: 'round',
-                                strokeDasharray: len, strokeDashoffset: len * ( 1 - props.score / 100 ), transform: 'rotate(-90 32 32)' } ),
-                        el( 'text', { x: 32, y: 37, textAnchor: 'middle', fontSize: 17, fontWeight: 700, fill: '#1e1e1e' }, String( props.score ) )
-                );
-        }
-
-        function Check( props ) {
-                var k = props.check;
-                var mark = { good: '✓', warn: '!', bad: '✕', info: 'i', pro: 'Pro' }[ k[ 0 ] ];
-                var extra = null;
-                if ( k[ 2 ] === 'alt' && props.title ) {
-                        extra = el( 'a', { href: cfg.auditUrl + encodeURIComponent( props.title ), target: '_blank', rel: 'noopener noreferrer', className: 'cvseo-sb-link' }, 'Open the ALT drafts ↗' );
-                }
-                if ( k[ 0 ] === 'pro' ) {
-                        extra = el( 'a', { href: cfg.proUrl, target: '_blank', rel: 'noopener noreferrer', className: 'cvseo-sb-link' }, 'See Pro ↗' );
-                }
-                return el( 'li', { className: 'cvseo-sb-check is-' + k[ 0 ] },
-                        el( 'span', { className: 'cvseo-sb-mark', 'aria-label': k[ 0 ] }, mark ),
-                        el( 'span', { className: 'cvseo-sb-text' }, k[ 1 ], extra ? ' ' : null, extra )
-                );
-        }
-
-        function sectionBadge( checks ) {
-                var bad = checks.filter( function ( k ) {
-                        return k[ 0 ] === 'bad';
-                } ).length;
-                var warn = checks.filter( function ( k ) {
-                        return k[ 0 ] === 'warn';
-                } ).length;
-                var good = checks.filter( function ( k ) {
-                        return k[ 0 ] === 'good';
-                } ).length;
-                if ( bad ) {
-                        return { cls: 'bad', text: bad + ' problem' + ( bad > 1 ? 's' : '' ) };
-                }
-                if ( warn ) {
-                        return { cls: 'warn', text: warn + ' to improve' };
-                }
-                return { cls: good ? 'good' : 'info', text: good ? 'All good' : 'Tips' };
-        }
-
-        function Preview( props ) {
-                var title = props.title;
-                if ( px( title, '20px Arial' ) > TITLE_PX ) {
-                        while ( title.length && px( title + ' …', '20px Arial' ) > TITLE_PX ) {
-                                title = title.slice( 0, -1 );
-                        }
-                        title = title.trim() + ' …';
-                }
-                var desc = props.desc.length > 158 ? props.desc.slice( 0, 155 ).trim() + ' …' : props.desc;
-                var url = String( props.link || cfg.home ).replace( /^https?:\/\//, '' ).replace( /\/$/, '' ).split( '/' ).join( ' › ' );
-                return el( 'div', { className: 'cvseo-sb-preview', 'aria-label': 'Google preview' },
-                        el( 'div', { className: 'cvseo-sb-p-url' }, url ),
-                        el( 'div', { className: 'cvseo-sb-p-title' }, title || '(no title)' ),
-                        el( 'div', { className: 'cvseo-sb-p-desc' }, desc )
-                );
-        }
-
-        function Meter( props ) {
-                var r = props.value / props.max;
-                var cls = r > 1 ? 'bad' : ( r < props.low ? 'warn' : 'good' );
-                return el( 'div', { className: 'cvseo-sb-meter' }, el( 'span', { className: 'is-' + cls, style: { width: Math.min( 100, r * 100 ) + '%' } } ) );
-        }
-
-        function useDebounced( value, ms ) {
-                var st = useState( value );
-                useEffect( function () {
-                        var t = setTimeout( function () {
-                                st[ 1 ]( value );
-                        }, ms );
-                        return function () {
-                                clearTimeout( t );
-                        };
-                }, [ value ] );
-                return st[ 0 ];
-        }
+        var TITLE_PX = S.TITLE_PX;
+        var DESC_MAX = S.DESC_MAX;
+        var px = S.px, render = S.render, excerptOf = S.excerptOf, parse = S.parse, analyse = S.analyse, useDebounced = S.useDebounced;
+        var Logo = S.Logo, ToolbarIcon = S.ToolbarIcon, Ring = S.Ring, Check = S.Check, sectionBadge = S.sectionBadge, Preview = S.Preview, Meter = S.Meter;
+        var SnippetEditor = S.SnippetEditor, useHeaderSlot = S.useHeaderSlot, HeaderButton = S.HeaderButton;
 
         function Sidebar() {
@@ -482 +41 @@
                                 link: ed.getPermalink ? ed.getPermalink() : '',
                                 meta: ed.getEditedPostAttribute( 'meta' ) || {},
-                                cats: ed.getEditedPostAttribute( 'categories' ) || []
+                                cats: ed.getEditedPostAttribute( 'categories' ) || [],
+                                date: ed.getEditedPostAttribute( 'date' ) || '',
+                                author: ed.getEditedPostAttribute( 'author' ) || 0,
+                                featured: ed.getEditedPostAttribute( 'featured_media' ) || 0
                         };
+                }, [] );
+                var extra = useSelect( function ( select ) {
+                        var core = select( 'core' );
+                        var media = data.featured && core && core.getMedia ? core.getMedia( data.featured ) : null;
+                        var user = data.author && core && core.getUser ? core.getUser( data.author ) : null;
+                        return { featured: media && media.source_url ? media.source_url : '', author: user && user.name ? user.name : '' };
+                }, [ data.featured, data.author ] );
+                var modalSt = useState( false );
+                var slot = useHeaderSlot();
+                var panel = usePanel();
+                // Opened from a Clearyvo SEO view (?cvseo_from=tab): the editor's back button returns to that view, not to the
+                // list of pages. The parameter stays in the address, so a reload keeps it.
+                useEffect( function () {
+                        var m = window.location.search.match( /[?&]cvseo_from=([a-z_]+)/ );
+                        if ( ! m || ! cfg.backUrl ) {
+                                return;
+                        }
+                        var back = cfg.backUrl + '&tab=' + m[ 1 ];
+                        // The back button differs between WordPress versions (W logo, site icon, "<" arrow, its class names), but it
+                        // is always a link in the editor header to the list of posts or pages (edit.php). Catch that link, plus
+                        // the known class names in case a version renders it as a button.
+                        var HEADER = '.editor-header, .edit-post-header, .interface-interface-skeleton__header';
+                        var CLOSE = '.editor-fullscreen-mode-close, .edit-post-fullscreen-mode-close, [class*="fullscreen-mode-close"], [class*="header__back"]';
+                        function isBack( node ) {
+                                if ( ! node || ! node.closest || ! node.closest( HEADER ) ) {
+                                        return false;
+                                }
+                                if ( node.matches( CLOSE ) ) {
+                                        return true;
+                                }
+                                // A back button without a link (rendered as a button): known labels, in English and Hungarian.
+                                var label = ( node.getAttribute( 'aria-label' ) || node.getAttribute( 'title' ) || '' ).toLowerCase();
+                                if ( node.tagName === 'BUTTON' && /^(back|go back|vissza|view (posts|pages)|(all )?(posts|pages)|dashboard|bejegyzések|oldalak|vezérlőpult)/.test( label ) ) {
+                                        return true;
+                                }
+                                var href = node.getAttribute( 'href' ) || '';
+                                return node.tagName === 'A' && /(^|\/)edit\.php(\?|$)/.test( href.replace( /^https?:\/\/[^/]+/, '' ).replace( /^.*\/wp-admin\//, '' ) );
+                        }
+                        function backNode( target ) {
+                                var n = target && target.closest ? target.closest( 'a, button' ) : null;
+                                return isBack( n ) ? n : null;
+                        }
+                        function onClick( e ) {
+                                if ( backNode( e.target ) ) {
+                                        e.preventDefault();
+                                        e.stopPropagation();
+                                        window.location.href = back;
+                                }
+                        }
+                        function relabel() {
+                                document.querySelectorAll( HEADER ).forEach( function ( h ) {
+                                        h.querySelectorAll( 'a, button' ).forEach( function ( a ) {
+                                                if ( isBack( a ) && a.tagName === 'A' && a.getAttribute( 'href' ) !== back ) {
+                                                        a.setAttribute( 'href', back );
+                                                        a.setAttribute( 'aria-label', 'Back to Clearyvo SEO' );
+                                                }
+                                        } );
+                                } );
+                        }
+                        document.addEventListener( 'click', onClick, true );
+                        relabel();
+                        var t = setInterval( relabel, 1500 );
+                        return function () {
+                                document.removeEventListener( 'click', onClick, true );
+                                clearInterval( t );
+                        };
+                }, [] );
+                // Opened from the "Visual editor" buttons of the Clearyvo SEO screens (?cvseo=panel): show the panel once.
+                useEffect( function () {
+                        if ( /[?&]cvseo=panel(&|$)/.test( window.location.search ) ) {
+                                setTimeout( function () {
+                                        if ( ! panel.open ) {
+                                                panel.toggle();
+                                        }
+                                }, 300 );
+                                try {
+                                        window.history.replaceState( null, '', window.location.href.replace( /([?&])cvseo=panel(&|$)/, function ( m, a, b ) {
+                                                return b ? a : '';
+                                        } ) );
+                                } catch ( e ) {}
+                        }
                 }, [] );
                 var editPost = useDispatch( 'core/editor' ).editPost;
@@ -519 +162 @@
                         return parse( debContent );
                 }, [ debContent ] );
+
+                var primary = parseInt( get( 'primary_cat' ), 10 ) || 0;
+                var catId = primary && data.cats.indexOf( primary ) !== -1 ? primary : data.cats[ 0 ];
+                var dateText = '';
+                if ( data.date && wp.date && wp.date.dateI18n ) {
+                        try {
+                                dateText = wp.date.dateI18n( wp.date.getSettings().formats.date, data.date );
+                        } catch ( e ) {
+                                dateText = '';
+                        }
+                }
+                S.setLiveVars( {
+                        excerpt: excerptOf( data.excerpt ? data.excerpt.replace( /<[^>]+>/g, '' ) : parsed.text ),
+                        category: catId && cfg.cats[ catId ] ? cfg.cats[ catId ] : '',
+                        author: extra.author,
+                        date: dateText
+                } );
 
                 var title = render( get( 'title' ) || cfg.template || '%title%', data.postTitle );
@@ -546 +206 @@
 
                 var fields = el( C.PanelBody, { title: 'Search appearance', initialOpen: true },
-                        el( Preview, { title: title, desc: desc, link: data.link } ),
+                        el( 'button', { type: 'button', className: 'cvseo-sb-previewbtn', title: 'Open the snippet editor', onClick: function () {
+                                modalSt[ 1 ]( true );
+                        } }, el( Preview, { title: title, desc: desc, link: data.link } ) ),
+                        el( C.Button, { variant: 'primary', className: 'cvseo-sb-editbtn', onClick: function () {
+                                modalSt[ 1 ]( true );
+                        } }, 'Open the snippet editor' ),
                         el( 'div', { className: 'cvseo-sb-kwhead' },
                                 el( 'label', { htmlFor: 'cvseo-sb-kw' }, 'Focus phrase' ),
@@ -639 +304 @@
                 return el( Fragment, null,
                         el( PluginSidebarMoreMenuItem, { target: SIDEBAR, icon: el( Logo, { size: 20 } ) }, 'Clearyvo SEO' ),
-                        el( PluginSidebar, { name: SIDEBAR, title: 'Clearyvo SEO', icon: el( ToolbarIcon, { status: result.status, score: result.score } ), className: 'cvseo-sb' },
+                        // The big "Edit SEO" header button opens this panel, so no second (pinned) icon on the toolbar. Only if the
+                        // header button cannot be placed (unknown editor layout) the panel keeps its pin as the way in.
+                        el( PluginSidebar, { name: SIDEBAR, title: 'Clearyvo SEO', icon: el( ToolbarIcon, { status: result.status, score: result.score } ), className: 'cvseo-sb', isPinnable: ! slot },
                                 summary, fields, panels, social, advanced
-                        )
+                        ),
+                        slot && wp.element.createPortal ? wp.element.createPortal( el( HeaderButton, { status: result.status, score: result.score, open: panel.open, onClick: panel.toggle } ), slot ) : null,
+                        modalSt[ 0 ] ? el( SnippetEditor, {
+                                mode: 'editor',
+                                close: function () {
+                                        modalSt[ 1 ]( false );
+                                },
+                                get: get, set: set, title: title, desc: desc, link: data.link, slug: data.slug,
+                                setSlug: function ( v ) {
+                                        editPost( { slug: v } );
+                                },
+                                postId: data.id, postTitle: data.postTitle, featured: extra.featured, score: result.score, status: result.status,
+                                date: cfg.isPage ? '' : dateText, content: parsed
+                        } ) : null
                 );
         }
 
+        /** Open / close state of the Clearyvo SEO panel (interface store; scope "core" since WordPress 6.6). */
+        function usePanel() {
+                var id = 'clearyvo-seo/' + SIDEBAR;
+                var scope = wp.editor && wp.editor.PluginSidebar ? 'core' : 'core/edit-post';
+                var active = useSelect( function ( select ) {
+                        var s = select( 'core/interface' );
+                        return s && s.getActiveComplementaryArea ? s.getActiveComplementaryArea( scope ) : null;
+                }, [] );
+                var open = active === id;
+                return {
+                        open: open,
+                        toggle: function () {
+                                var d = wp.data.dispatch( 'core/interface' );
+                                var ep = wp.data.dispatch( 'core/edit-post' );
+                                if ( open ) {
+                                        if ( d && d.disableComplementaryArea ) {
+                                                d.disableComplementaryArea( scope );
+                                        } else if ( ep && ep.closeGeneralSidebar ) {
+                                                ep.closeGeneralSidebar();
+                                        }
+                                } else if ( d && d.enableComplementaryArea ) {
+                                        d.enableComplementaryArea( scope, id );
+                                } else if ( ep && ep.openGeneralSidebar ) {
+                                        ep.openGeneralSidebar( id );
+                                }
+                        }
+                };
+        }
+
+        /**
+         * Opened from a Clearyvo SEO view (?cvseo_from=tab): the editor's own back button is replaced, through the
+         * MainDashboardButton slot of the editor, with one that goes back to that view. Older and newer editors without
+         * the slot are covered by the click handler in Sidebar.
+         */
+        ( function () {
+                var m = window.location.search.match( /[?&]cvseo_from=([a-z_]+)/ );
+                var ns = [ wp.editor, wp.editPost ].filter( function ( n ) {
+                        return n && n.__experimentalMainDashboardButton;
+                } )[ 0 ];
+                if ( ! m || ! cfg.backUrl || ! ns ) {
+                        return;
+                }
+                var back = cfg.backUrl + '&tab=' + m[ 1 ];
+                var Close = ( wp.editor && wp.editor.__experimentalFullscreenModeClose ) || ( wp.editPost && wp.editPost.__experimentalFullscreenModeClose );
+                wp.plugins.registerPlugin( 'clearyvo-seo-back', {
+                        render: function () {
+                                return el( ns.__experimentalMainDashboardButton, null,
+                                        Close ? el( Close, { href: back, showTooltip: true } ) :
+                                                el( C.Button, { href: back, icon: 'arrow-left-alt2', label: 'Back to Clearyvo SEO', className: 'cvseo-back' } )
+                                );
+                        }
+                } );
+        }() );
+
         wp.plugins.registerPlugin( 'clearyvo-seo', { render: Sidebar } );
-}( window.wp, window.cvseoSidebar ) );
+}( window.wp, window.cvseoSidebar, window.cvseoSnippet ) );

clearyvo-seo/trunk/seo/boot.php

@@ -21 +21 @@
                         return;
                 }
-                define( 'CVSEO_VERSION', '0.5.3' );
+                define( 'CVSEO_VERSION', '0.6.5' );
                 define( 'CVSEO_DB_VERSION', '1' );
                 define( 'CVSEO_FILE', $base_file );
@@ -40 +40 @@
                         require_once CVSEO_DIR . 'admin/class-cvseo-metabox.php';
                         require_once CVSEO_DIR . 'admin/class-cvseo-sidebar.php';
+                        require_once CVSEO_DIR . 'admin/class-cvseo-visual.php';
                 }
 
@@ -59 +60 @@
                                 CVSEO_Metabox::init();
                                 CVSEO_Sidebar::init();
+                                CVSEO_Visual::init();
                         }
                 };

clearyvo-seo/trunk/seo/includes/class-cvseo-rest.php

@@ -83 +83 @@
                                                 return current_user_can( 'edit_post', (int) $req['id'] );
                                         },
+                                ),
+                        )
+                );
+                // Admin "Visual editor": page picker; the chosen page opens in the page editor with the Clearyvo SEO panel.
+                register_rest_route(
+                        self::NS,
+                        '/snippet-search',
+                        array(
+                                'methods'             => 'GET',
+                                'callback'            => array( __CLASS__, 'search_snippets' ),
+                                'permission_callback' => static function () {
+                                        return current_user_can( 'edit_posts' );
+                                },
+                                'args'                => array(
+                                        's' => array(
+                                                'type'    => 'string',
+                                                'default' => '',
+                                        ),
                                 ),
                         )
@@ -277 +295 @@
 
         /**
+         * GET /snippet-search?s=: pages the user can edit, newest change first.
+         *
+         * @param WP_REST_Request $req Request.
+         * @return WP_REST_Response
+         */
+        public static function search_snippets( WP_REST_Request $req ) {
+                $q   = new WP_Query(
+                        array(
+                                'post_type'              => CVSEO_Settings::post_types(),
+                                'post_status'            => array( 'publish', 'future', 'draft', 'pending', 'private' ),
+                                's'                      => sanitize_text_field( (string) $req['s'] ),
+                                'posts_per_page'         => 30,
+                                'orderby'                => '' === (string) $req['s'] ? 'modified' : 'relevance',
+                                'order'                  => 'DESC',
+                                'no_found_rows'          => true,
+                                'update_post_meta_cache' => false,
+                                'update_post_term_cache' => false,
+                        )
+                );
+                $out = array();
+                foreach ( $q->posts as $p ) {
+                        if ( ! current_user_can( 'edit_post', $p->ID ) ) {
+                                continue;
+                        }
+                        $pto   = get_post_type_object( $p->post_type );
+                        $out[] = array(
+                                'id'     => $p->ID,
+                                'title'  => '' !== $p->post_title ? $p->post_title : __( '(no title)', 'clearyvo-seo' ),
+                                'type'   => $pto ? $pto->labels->singular_name : $p->post_type,
+                                'status' => 'publish' === $p->post_status ? '' : $p->post_status,
+                                'edit'   => add_query_arg( 'cvseo', 'panel', get_edit_post_link( $p->ID, 'raw' ) ),
+                        );
+                }
+                return rest_ensure_response( array( 'items' => $out ) );
+        }
+
+        /**
          * GET /post/{id}.
          *