Changeset 3798980

Timestamp:

11/12/2026 05:52:52 PM (less than one hour ago)

Author:

axialar

Message:

Release 1.3.10 - Add compact audio summary player to news cards, positioned before the post title. Improve Elementor and custom card compatibility.

Location:

axial-audio-post-narration/trunk

Files:

• assets/front.css (modified) (1 diff)
• axial-audio-post-narration.php (modified) (3 diffs)
• includes/class-nasc-admin.php (modified) (2 diffs)
• includes/class-nasc-frontend.php (modified) (2 diffs)
• readme.txt (modified) (3 diffs)

axial-audio-post-narration/trunk/assets/front.css

@@ -97 +97 @@
 /* 1.3.4: mode choice remains visible in the shared single-frame toolbar. */
 .axial-components-media-bar .nasc-modern-modes,.axial-components-media-bar .nasc-modern-single-mode{display:inline-flex!important;visibility:visible!important;flex-shrink:0!important}
+
+/* Card-only audio summary controls (opt-in). */
+.nasc-card-audio{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:9px;max-width:100%;margin:12px 0 4px;padding:8px 10px;border-radius:8px;background:#f3f6f9;color:#24313b;min-height:44px;box-sizing:border-box;z-index:2;}
+.nasc-card-audio .nasc-audio-button{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;min-height:34px;border:0;border-radius:50%;background:var(--nasc-button-color,#10bce8);color:#fff;cursor:pointer;padding:0;}
+.nasc-card-audio .nasc-card-audio-label{font-size:12px;font-weight:600;line-height:1.35;}
+.nasc-card-audio .nasc-card-audio-duration{font-size:11px;opacity:.72;margin-left:auto;}
+.nasc-card-audio .nasc-audio-element{display:none;}
+.nasc-card-audio button:focus-visible{outline:2px solid #1976d2;outline-offset:3px;}
+
+
+/* 1.3.9 - Compact and restrained audio controls exclusively in news cards.
+   Overrides the generic narration bar (which intentionally has !important rules). */
+.nasc-audio-summary.nasc-card-audio {
+  display: inline-flex !important;
+  vertical-align: middle !important;
+  align-items: center !important;
+  justify-content: center !important;
+  gap: 7px !important;
+  width: auto !important;
+  max-width: calc(100% - 16px) !important;
+  min-height: 34px !important;
+  margin: 8px auto 4px !important;
+  padding: 3px 10px 3px 4px !important;
+  border: 1px solid #e0e4e9 !important;
+  border-radius: 999px !important;
+  background: #fff !important;
+  color: #596471 !important;
+  box-shadow: none !important;
+  font: 500 11px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
+  text-decoration: none !important;
+  isolation: isolate;
+}
+.nasc-card-audio .nasc-audio-button {
+  display: inline-flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  width: 26px !important;
+  height: 26px !important;
+  min-width: 26px !important;
+  min-height: 26px !important;
+  flex: 0 0 26px !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  background: transparent !important;
+  color: var(--nasc-button-color, #687781) !important;
+  border: 1px solid currentColor !important;
+  border-radius: 50% !important;
+  box-shadow: none !important;
+  transition: background .15s ease,color .15s ease !important;
+}
+.nasc-card-audio .nasc-audio-button:hover {
+  background: var(--nasc-button-color, #687781) !important;
+  color: #fff !important;
+}
+.nasc-card-audio .nasc-audio-button:focus-visible {
+  outline: 2px solid var(--nasc-button-color, #687781) !important;
+  outline-offset: 2px !important;
+}
+.nasc-card-audio .nasc-audio-play-icon {
+  display: block !important;
+  font-size: 10px !important;
+  line-height: 1 !important;
+  transform: translateX(1px);
+}
+.nasc-card-audio .nasc-audio-button[aria-pressed="true"] .nasc-audio-play-icon {
+  font-size: 0 !important;
+  transform: none !important;
+}
+.nasc-card-audio .nasc-audio-button[aria-pressed="true"] .nasc-audio-play-icon::before {
+  content: "Ⅱ";
+  font-size: 11px !important;
+  font-weight: 800;
+}
+.nasc-card-audio .nasc-card-audio-label {
+  font-size: 11px !important;
+  font-weight: 500 !important;
+  line-height: 1.3 !important;
+  white-space: nowrap;
+  color: inherit !important;
+}
+.nasc-card-audio .nasc-card-audio-duration {
+  margin-left: 0 !important;
+  padding-left: 7px !important;
+  border-left: 1px solid #e0e4e9;
+  font-size: 10px !important;
+  font-variant-numeric: tabular-nums;
+  color: #7d8994 !important;
+  opacity: 1 !important;
+}
+.nasc-card-audio .nasc-audio-element { display: none !important; }
+@media (max-width: 420px) {
+ .nasc-audio-summary.nasc-card-audio { margin-top: 7px !important; }
+}
+
+/* 1.3.10: place the compact summary player in its own centered row before the card title. */
+.nasc-card-audio-slot {
+  display: flex !important;
+  justify-content: center !important;
+  align-items: center !important;
+  width: 100% !important;
+  margin: 10px 0 8px !important;
+  box-sizing: border-box;
+  position: relative;
+  z-index: 3;
+}
+.nasc-card-audio-slot .nasc-audio-summary.nasc-card-audio {
+  margin: 0 !important;
+}

axial-audio-post-narration/trunk/axial-audio-post-narration.php

@@ -3 +3 @@
  * Plugin Name: AXIAL Audio Post Narration
  * Description: Adds AI-generated audio summaries or full-read narration to published WordPress posts using the Nebula Audio service.
- * Version: 1.3.5
+ * Version: 1.3.10
  * Requires at least: 6.0
  * Requires PHP: 7.4
@@ -146 +146 @@
 
 
-define('NASC_VERSION', '1.3.5');
+define('NASC_VERSION', '1.3.10');
 define('NASC_FILE', __FILE__);
 define('NASC_DIR', plugin_dir_path(__FILE__));
@@ -191 +191 @@
         'dual_full_placement' => 'before',
         'show_in_excerpts' => 0,
+        'show_in_cards' => 0,
         'auto_generate' => 0,
         'post_types' => ['post'],

axial-audio-post-narration/trunk/includes/class-nasc-admin.php

@@ -131 +131 @@
         }
         $out['show_in_excerpts'] = !empty($input['show_in_excerpts']) ? 1 : 0;
+        $out['show_in_cards'] = !empty($input['show_in_cards']) ? 1 : 0;
         $out['auto_generate'] = !empty($input['auto_generate']) ? 1 : 0;
         $out['download_local'] = !empty($input['download_local']) ? 1 : 0;
@@ -256 +257 @@
                     </td></tr>
                     <tr><th>Listados / extractos</th><td><label><input type="checkbox" name="<?php echo esc_attr(NASC_OPTION); ?>[show_in_excerpts]" value="1" <?php checked(!empty($s['show_in_excerpts'])); ?>> Agregar el botón también después del extracto cuando el tema usa <code>the_excerpt()</code></label></td></tr>
+                    <tr><th>Tarjetas de noticias</th><td>
+                        <label><input type="checkbox" name="<?php echo esc_attr(NASC_OPTION); ?>[show_in_cards]" value="1" <?php checked(!empty($s['show_in_cards'])); ?>> Mostrar Play de audio resumen en tarjetas de noticias</label>
+                        <p class="description">Sólo aparece si el post publicado tiene un audio resumen disponible. Compatible con tarjetas estándar y Elementor Posts / Loop Grid. No reproduce audios de lectura completa. Desactivado por defecto.</p>
+                    </td></tr>
                     <tr><th>Consulta de jobs</th><td>Cada <input class="small-text" type="number" min="10" max="120" name="<?php echo esc_attr(NASC_OPTION); ?>[poll_delay]" value="<?php echo esc_attr($s['poll_delay']); ?>"> segundos, hasta <input class="small-text" type="number" min="5" max="120" name="<?php echo esc_attr(NASC_OPTION); ?>[max_polls]" value="<?php echo esc_attr($s['max_polls']); ?>"> intentos.</td></tr>
                 </table>

axial-audio-post-narration/trunk/includes/class-nasc-frontend.php

@@ -12 +12 @@
         add_action('wp_enqueue_scripts', [__CLASS__, 'enqueue_assets'], 5);
         add_action('wp_footer', [__CLASS__, 'render_floating_player'], 99);
+        add_action('wp_ajax_nasc_card_audio', [__CLASS__, 'ajax_card_audio']);
+        add_action('wp_ajax_nopriv_nasc_card_audio', [__CLASS__, 'ajax_card_audio']);
     }
 
@@ -23 +25 @@
         if (!self::is_amp_request()) {
             wp_enqueue_script('nasc-front', NASC_URL . 'assets/front.js', [], NASC_VERSION, true);
-        }
+            $settings = nasc_get_settings();
+            // News grids also appear inside regular WordPress pages (is_singular() is true there).
+            // Exclude only individual blog posts; include pages containing Elementor grids.
+            if (!empty($settings['show_in_cards']) && !is_singular('post')) {
+                wp_enqueue_script('nasc-cards', NASC_URL . 'assets/cards.js', ['nasc-front'], NASC_VERSION, true);
+                wp_add_inline_script('nasc-cards', 'window.nascCardAudio=' . wp_json_encode([
+                    'endpoint' => admin_url('admin-ajax.php'),
+                    'nonce' => wp_create_nonce('nasc_card_audio'),
+                    'label' => 'Escuchar resumen',
+                    'color' => sanitize_hex_color($settings['button_color'] ?? '') ?: '#10bce8',
+                ]) . ';', 'before');
+            }
+
+        }
+    }
+
+    /** Public, read-only: exposes audio URLs only for published posts with a summary. */
+    public static function ajax_card_audio() {
+        if (!check_ajax_referer('nasc_card_audio', 'nonce', false)) {
+            wp_send_json_error(['message' => 'Invalid request'], 403);
+        }
+        $settings = nasc_get_settings();
+        if (empty($settings['show_in_cards'])) {
+            wp_send_json_success(['items' => []]);
+        }
+        $raw_ids = isset($_POST['ids']) ? (array) wp_unslash($_POST['ids']) : [];
+        $ids = array_slice(array_unique(array_filter(array_map('absint', $raw_ids))), 0, 40);
+        $raw_urls = isset($_POST['urls']) ? (array) wp_unslash($_POST['urls']) : [];
+        $urls = array_slice(array_unique(array_filter(array_map('esc_url_raw', $raw_urls))), 0, 40);
+        $site_host = strtolower((string) wp_parse_url(home_url('/'), PHP_URL_HOST));
+        $url_ids = [];
+        foreach ($urls as $permalink) {
+            $host = strtolower((string) wp_parse_url($permalink, PHP_URL_HOST));
+            $scheme = strtolower((string) wp_parse_url($permalink, PHP_URL_SCHEME));
+            if (!$host || $host !== $site_host || !in_array($scheme, ['http', 'https'], true)) { continue; }
+            $id = absint(url_to_postid($permalink));
+            if ($id) {
+                $url_ids[$permalink] = $id;
+                $ids[] = $id;
+            }
+        }
+        $ids = array_slice(array_unique($ids), 0, 80);
+        $items = [];
+        foreach ($ids as $id) {
+            $post = get_post($id);
+            if (!$post || $post->post_status !== 'publish' || !nasc_post_is_supported($post)) { continue; }
+            $url = '';
+            $duration = 0;
+            if (NASC_Dual::enabled()) {
+                $url = NASC_Dual::url($id, 'summary');
+                $duration = NASC_Dual::duration($id, 'summary');
+            }
+            if (!$url && NASC_Worker::stored_mode($id) === 'summary') {
+                $url = NASC_Worker::audio_url($id);
+                $duration = absint(get_post_meta($id, NASC_Worker::META_DURATION, true));
+            }
+            if (!$url) { continue; }
+            $items[(string) $id] = [
+                'url' => esc_url_raw($url),
+                'duration' => $duration,
+            ];
+        }
+        $url_items = [];
+        foreach ($url_ids as $permalink => $id) {
+            if (isset($items[(string) $id])) { $url_items[$permalink] = $items[(string) $id]; }
+        }
+        wp_send_json_success(['items' => $items, 'urls' => $url_items]);
     }
 

axial-audio-post-narration/trunk/readme.txt

@@ -5 +5 @@
 Tested up to: 7.1
 Requires PHP: 7.4
-Stable tag: 1.3.5
+Stable tag: 1.3.10
 License: GPLv2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
@@ -35 +35 @@
 
 Features include:
+
+* Optional compact audio-summary Play control positioned before the title in news cards and compatible Elementor listings; displayed only when an audio summary is available.
 
 * Optional dual playback: separate summary and full-article MP3s for the same post.
@@ -180 +182 @@
 == Changelog ==
 
+= 1.3.10 =
+* Add an optional compact audio-summary Play control in news cards, positioned before the card title.
+* Support Elementor Posts, Loop Grid, WordPress query listings, and compatible custom news cards.
+* Resolve custom card posts through their permalink when the post ID is not present in the markup.
+* Load card playback on WordPress pages that contain post listings.
+* Show the control only for published posts with an available audio summary; do not substitute full-article narration.
+* Keep card playback independent of navigation links and synchronize play/pause with other audio.
+* Preserve existing single-post audio players, narration generation, API settings, and audio metadata.
+
 = 1.3.5 =
-* Restore the independent floating player when the summary and full-audio modes use different placements.
-* Keep floating audio outside the shared inline translation toolbar.
-
-
-= 1.3.5 =
-* Isolate playback controls from translation navigation in the shared AXIAL toolbar.
-
+* Restore the independent floating player when summary and full-audio modes use different placements.
+* Keep floating narration controls separate from the shared inline translation toolbar.
 
 = 1.3.2 =
-* Keep playback mode visible and narration controls separated from language navigation.
-
+* Keep playback modes visible and narration controls separate from language navigation.
 
 = 1.3.1 =
-* Redesigned compact audio bar with playback progress, time display and speed control.
-* When both audio variants appear together, a single player offers Summary and Full controls.
-* Preserved individual players and existing audio processing.
-
+* Redesign the audio bar with progress, time display, and speed selection.
+* Support a unified player with Summary and Full controls when both narrations are present.
 
 = 1.2.9 =
-* Align WordPress.org release metadata with the plugin version.
-* Include Axial Components shared administration, configurable AXIAL endpoint, API connection tests, and documentation links from the 1.2.8 candidate.
-* Retain multiple audio APIs, dual narration modes, and existing post-level settings.
-
+* Align release metadata with the plugin version and include AXIAL Components administration.
+* Preserve multiple audio API connections and independent narration modes.
+
+= 1.2.6 =
+* Move administration to Axial Components > Post Narration.
+* Add setup guides, FAQ links, and configurable trusted HTTPS service endpoint.
 
 = 1.2.3 =
-* Add optional dual-player mode with separate summary and full-text APIs, generation jobs, and MP3 records per post.
-* Add independent player placement settings: before content, after content, floating bottom bar, or shortcode.
+* Add optional dual playback with independent summary and full-text APIs.
 * Add `[nebula_audio_resumen]` and `[nebula_audio_completo]` shortcodes.
-* Support playback speeds 1x, 1.2x (default), and 1.5x in inline and floating players.
-* Preserve previously generated audio when enabling dual mode.
-* Hide legacy Audio · Nebula editor panel in dual mode; retain the original interface when dual mode is disabled.
-
+* Add independently configurable player placement and playback speed controls.
 
 = 1.1.2 =
-* Added on-demand per-post credit estimation for the selected Audio API using the AXIAL estimate command.
-* Playback defaults to 1.2x for visitors without a saved preference; 1x and 1.5x remain available.
+* Add per-post credit estimation.
 
 = 1.1.1 =
-* Added the ability to upload or select an existing MP3 and associate it with a post.
-* Added a direct Download MP3 button in the post editor.
-* Manually associated audio is tracked separately from Nebula-generated audio and prevents stale polling from overwriting it.
+* Allow editors to upload/select an existing MP3 and download associated audio.
 
 = 1.1.0 =
-* Added support for multiple Nebula Audio APIs on the same WordPress site.
-* Added an identifiable name for each API connection.
-* Added per-post API selection before generating or regenerating audio.
-* The selected API is stored with the post/job so status polling uses the same credentials.
-* Added a default API for automatic generation, bulk actions, and batch generation.
-* Existing single-API settings are migrated automatically to an "API principal" connection.
+* Add multiple audio APIs, default API selection, and per-post API assignment.
 
 = 1.0.1 =
-* Added AMP-compatible audio playback using `amp-audio` and native AMP Play/Pause actions.
-* Custom frontend JavaScript is no longer enqueued on AMP requests.
-* Standard pages keep the existing player and 1x / 1.2x / 1.5x speed controls.
+* Add AMP-compatible audio playback using native amp-audio actions.
 
 = 1.0.0 =
-* Initial WordPress.org submission candidate under the AXIAL Audio Post Narration name.
-* Audio summary and Full reading support.
-* Accessible floating player with configurable colors and playback speed.
-* Manual generation sends the initial request to Nebula immediately.
-* Background polling and batch generation support.
-* Existing Nebula Audio Client settings and post metadata remain compatible.
-* Added external-service and privacy disclosures.
-
-== Changelog ==
-
-= 1.3.5 =
-* Restore the independent floating player when the summary and full-audio modes use different placements.
-* Keep floating audio outside the shared inline translation toolbar.
-
-
-= 1.3.5 =
-* Isolate playback controls from translation navigation in the shared AXIAL toolbar.
-
-
-= 1.3.2 =
-* Keep playback mode visible and narration controls separated from language navigation.
-
-
-= 1.3.1 =
-* Redesigned compact audio bar with playback progress, time display and speed control.
-* When both audio variants appear together, a single player offers Summary and Full controls.
-* Preserved individual players and existing audio processing.
-
-
-= 1.2.9 =
-* Align WordPress.org release metadata with the plugin version.
-* Include Axial Components shared administration, configurable AXIAL endpoint, API connection tests, and documentation links from the 1.2.8 candidate.
-* Retain multiple audio APIs, dual narration modes, and existing post-level settings.
-
-
-= 1.2.6 =
-* Move administration under Axial Components > Post Narration.
-* Add AXIAL setup guide and platform FAQ links.
-* Make the preconfigured HTTPS audio endpoint editable.
-* Preserve dual audio mode and existing API configurations.
+* Initial release of AXIAL Audio Post Narration.