Changeset 12624

Timestamp:

06/06/2023 09:10:32 AM (2 years ago)

Author:

spiraltee

Message:

Translate: Update from remote repo (add ChatGPT auto-review)

Location:

sites/trunk/wordpress.org/public_html/wp-content/plugins/gp-translation-helpers

Files:

• css/discussion.css (modified) (1 diff)
• gp-translation-helpers.php (modified) (1 diff)
• includes/class-gp-openai-review.php (added)
• includes/class-gp-translation-helpers.php (modified) (1 diff)
• includes/class-wporg-customizations.php (modified) (1 diff)
• js/editor.js (modified) (3 diffs)
• templates/translation-row-editor-meta-feedback.php (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/plugins/gp-translation-helpers/css/discussion.css

@@ -326 +326 @@
     text-decoration: none;
 }
+.openai-review {
+    background: #eee;
+    border-radius: 3px;
+    padding: 1em;
+    color: #4b4c4c;
+    font-size: .9em;
+    margin-top: 1em;
+}
+.openai-review h4 {
+    margin-top: 0.2em;
+    margin-bottom: 0.3em;
+    font-size: 1em;
+}

sites/trunk/wordpress.org/public_html/wp-content/plugins/gp-translation-helpers/gp-translation-helpers.php

@@ -38 +38 @@
 require_once __DIR__ . '/includes/class-wporg-customizations.php';
 require_once __DIR__ . '/includes/class-gp-custom-locale-reasons.php';
+require_once __DIR__ . '/includes/class-gp-openai-review.php';
 
-add_action( 'gp_init', array( 'GP_Translation_Helpers', 'init' ) ); // todo: remove this when this plugin will be merged in the GlotPress core.
-add_action( 'gp_init', array( 'GP_Sidebar', 'init' ) );    // todo: remove this when this plugin will be merged in the GlotPress core.
-add_action( 'gp_init', array( 'WPorg_GlotPress_Notifications', 'init' ) );    // todo: include this class in a different plugin.
+if ( ! wp_doing_ajax() ) {
+    add_action( 'gp_init', array( 'GP_Translation_Helpers', 'init' ) ); // todo: remove this when this plugin will be merged in the GlotPress core.
+    add_action( 'gp_init', array( 'GP_Sidebar', 'init' ) );    // todo: remove this when this plugin will be merged in the GlotPress core.
+    add_action( 'gp_init', array( 'WPorg_GlotPress_Notifications', 'init' ) );    // todo: include this class in a different plugin.
+    add_filter( 'gp_enable_changesrequested_status', '__return_true' ); // todo: remove this filter when this plugin will be merged in the GlotPress core.
+}
+
 add_action( 'gp_init', array( 'WPorg_GlotPress_Customizations', 'init' ) );    // todo: include this class in a different plugin.
-add_filter( 'gp_enable_changesrequested_status', '__return_true' ); // todo: remove this filter when this plugin will be merged in the GlotPress core.
+add_action( 'wp_ajax_fetch_openai_review', array( 'GP_Translation_Helpers', 'fetch_openai_review' ) );

sites/trunk/wordpress.org/public_html/wp-content/plugins/gp-translation-helpers/includes/class-gp-translation-helpers.php

@@ -435 +435 @@
             )
         );
+    }
+
+    /**
+     * Is called from the AJAX request in reject-feedback.js to use ChatGPT to review a translation.
+     *
+     * @since 0.0.2
+     *
+     * @return void
+     */
+    public static function fetch_openai_review() {
+        check_ajax_referer( 'gp_comment_feedback', 'nonce' );
+        $translation_id = sanitize_text_field( $_POST['data']['translation_id'] );
+        $locale_slug    = sanitize_text_field( $_POST['data']['locale_slug'] );
+        $glossary_query = sanitize_text_field( $_POST['data']['glossary_query'] );
+        $is_retry       = filter_var( $_POST['data']['is_retry'], FILTER_VALIDATE_BOOLEAN );
+
+        $translation = GP::$translation->get( $translation_id );
+        $original    = GP::$original->get( $translation->original_id );
+
+        $openai_response = GP_OpenAI_Review::get_openai_review( $original->singular, $translation->translation_0, $locale_slug, $glossary_query, $is_retry );
+
+        wp_send_json_success( $openai_response['openai'] );
     }
 

sites/trunk/wordpress.org/public_html/wp-content/plugins/gp-translation-helpers/includes/class-wporg-customizations.php

@@ -82 +82 @@
                 }
             );
+            add_filter(
+                'gp_get_openai_key',
+                function () {
+                    $default_sort = get_user_option( 'gp_default_sort' );
+                    if ( is_array( $default_sort ) && ! empty( $default_sort['openai_api_key'] ) ) {
+                        $gp_openai_key = $default_sort['openai_api_key'];
+                        return $gp_openai_key;
+                    }
+                    return;
+                }
+            );
         }
     }

sites/trunk/wordpress.org/public_html/wp-content/plugins/gp-translation-helpers/js/editor.js

@@ -1 @@
-/* global $gp, $gp_translation_helpers_editor, wpApiSettings  */
+/* global $gp, $gp_translation_helpers_editor, wpApiSettings, $gp_comment_feedback_settings, console, $gp_editor_options  */
 /* eslint camelcase: "off" */
 jQuery( function( $ ) {
+    var focusedRowId = '';
     // When a user clicks on a sidebar tab, the visible tab and div changes.
     $gp.editor.table.on( 'click', '.sidebar-tabs li', function() {
@@ -15 +16 @@
     // or with the hotkeys), the translation textarea is focused, so the tabs (header tabs and
     // divs with the content) for the right sidebar are updated.
-    $gp.editor.table.on( 'focus input', 'tr.editor textarea.foreign-text', function() {
+    $gp.editor.table.on( 'focus', 'tr.editor textarea.foreign-text', function() {
         var tr = $( this ).closest( 'tr.editor' );
+        var rowId = tr.attr( 'row' );
+        var translation_status = tr.find( '.panel-header' ).find( 'span' ).html();
+
+        if ( focusedRowId === rowId ) {
+            return;
+        }
+        focusedRowId = rowId;
         loadTabsAndDivs( tr );
+        if ( $gp_editor_options.can_approve && ( 'waiting' === translation_status || 'fuzzy' === translation_status ) ) {
+            fetchOpenAIReviewResponse( rowId, tr, false );
+        }
+    } );
+
+    $gp.editor.table.on( 'click', 'a.retry-auto-review', function( event ) {
+        var tr = $( this ).closest( 'tr.editor' );
+        var rowId = tr.attr( 'row' );
+        event.preventDefault();
+        tr.find( '.openai-review .auto-review-result' ).html( '' );
+        tr.find( '.openai-review .suggestions__loading-indicator' ).show();
+        fetchOpenAIReviewResponse( rowId, tr, true );
     } );
 
@@ -211 +231 @@
         } );
     }
+
+    /**
+     * Fetch translation review from OpenAI.
+     *
+     * @param {string}  rowId      The row-id attribute of the current row.
+     * @param {string}  currentRow The current row.
+     * @param {boolean} isRetry    The current row.
+     */
+    function fetchOpenAIReviewResponse( rowId, currentRow, isRetry ) {
+        var payload = {};
+        var data = {};
+        var original_str = currentRow.find( '.original' );
+        var glossary_prompt = '';
+        var translationId = $gp.editor.translation_id_from_row_id( rowId );
+
+        $.each( $( original_str ).find( '.glossary-word' ), function( k, word ) {
+            $.each( $( word ).data( 'translations' ), function( i, e ) {
+                glossary_prompt += 'where "' + word.textContent + '" is translated as "' + e.translation + '" when it is a ' + e.pos;
+                if ( e.comment ) {
+                    glossary_prompt += ' (' + e.comment + ')';
+                }
+                glossary_prompt += ', ';
+            } );
+        } );
+
+        if ( '' !== glossary_prompt ) {
+            glossary_prompt = 'You are required to follow these rules, ' + glossary_prompt + 'for words found in the English text you are translating.';
+        }
+        payload.locale_slug = $gp_comment_feedback_settings.locale_slug;
+        payload.translation_id = translationId;
+        payload.glossary_query = glossary_prompt;
+        payload.is_retry = isRetry;
+
+        data = {
+            action: 'fetch_openai_review',
+            data: payload,
+            _ajax_nonce: $gp_comment_feedback_settings.nonce,
+        };
+
+        $.ajax(
+            {
+                type: 'POST',
+                url: $gp_comment_feedback_settings.url,
+                data: data,
+            }
+        ).done(
+            function( response ) {
+                currentRow.find( '.openai-review .suggestions__loading-indicator' ).hide();
+                if ( 200 === response.data.status ) {
+                    currentRow.find( '.openai-review .auto-review-result' ).html( '<h4>Auto-review by ChatGPT' ).append( $( '<span/>' ).text( response.data.review + ' (' + response.data.time_taken.toFixed( 2 ) + 's)' ) );
+                } else {
+                    currentRow.find( '.openai-review .auto-review-result' ).text( 'Error ' + response.data.status + ' : ' + response.data.error );
+                }
+                currentRow.find( '.openai-review .auto-review-result' ).append( ' <a href="#" class="retry-auto-review">Retry</a>' );
+            }
+        ).fail(
+            function( xhr, msg ) {
+                /* eslint no-console: ["error", { allow: ["error"] }] */
+                console.error( data );
+                msg = 'An error has occurred';
+                if ( xhr.responseText ) {
+                    msg += ': ' + xhr.responseText;
+                }
+                msg += '. Please, take a screenshot of the output in the browser console, send it to the developers, and reload the page to see if it works.';
+                $gp.notices.error( msg );
+            }
+        );
+    }
 } );

sites/trunk/wordpress.org/public_html/wp-content/plugins/gp-translation-helpers/templates/translation-row-editor-meta-feedback.php

@@ -1 +1 @@
 <?php if ( ! $can_approve_translation || ! $translation->translation_status ) {
     return;
-}  ?>
+}
+
+if ( 'waiting' === $translation->translation_status || 'fuzzy' === $translation->translation_status ) :
+    ?>
+<div>
+    <div class="openai-review">
+        <p class="suggestions__loading-indicator">ChatGPT review in progress <span aria-hidden="true" class="suggestions__loading-indicator__icon"><span></span><span></span><span></span></span></p>
+        <div class="auto-review-result"></div>
+    </div>
+</div>
+<?php endif; ?>
 <details open>
     <summary class="feedback-summary"><?php esc_html_e( 'Give feedback', 'glotpress' ); ?></summary>