automatically fill the other textarea with a translation

[hchiam]

https://github.com/alan-mj-lin/Sporeas/issues/51#issuecomment-584394703

Note: Still WIP as of right now. I had to add code to use delays and avoid getting blocked. I need to retest once I get unblocked.

[alan-mj-lin]

@hchiam how accurate is the auto-translation?

[hchiam]

@alan-mj-lin Google translate isn't perfect, but it's getting better since it started using a different model, especially on the sentence level. (EDIT: here's a link https://www.blog.google/products/chrome/even-better-translations-chrome-one-tap/)

But I'm just thinking of saving on typing. You hit a button to "confirm to use suggestion", and then edit just one or two characters. Might come in handy if you're waiting for a translator.

You can test out sentences here: https://codepen.io/hchiam/pen/eYNgQNV

(EDIT:) Todo:

• [x] retest in sporeas
• [x] remove button
• [x] make suggestion appear automatically, with anti-spamming timer of course
• [x] make auto-filled input text grey until user edits the input
• [x] add label that shows "draft translation automatically added" until user edits the input
• [x] message https://github.com/alan-mj-lin/Sporeas/pull/75 to confirm ready to review/merge

[hchiam]

@alan-mj-lin ready for you to review/merge

[alan-mj-lin]

So I've noticed that it doesn't adjust the translation if I edit the english; you apparently have to fully erase the chinese for it to do an updated translation. Is there a way that can improve?

[hchiam]

So I've noticed that it doesn't adjust the translation if I edit the english; you apparently have to fully erase the chinese for it to do an updated translation. Is there a way that can improve?

Yes! Here's what I think:

(Given that the user is inputting English:)
if user didn't edit Chinese already:
    - Replace Chinese textarea.
else user already edited Chinese (let's avoid frustrating deletions):
    - Show a separate display: "(...new suggestion...)". The user can copy-paste parts they want.
    - Show a new button to let user to completely replace suggestion: "Use suggestion".

And if the user is inputting Chinese, it should work the other way around. The code in translation-helper.js is already designed to work "vice-versa".

[hchiam]

WIP: thinking about the "user can copy-paste parts they want" part of my previous comment.

Feel free to try it out now though.

[hchiam]

@alan-mj-lin ok i think this is ready for you to review and merge. Let me know if you want me to add test cases for this.

• enter English, Chinese blank -> Chinese suggestion (vice-versa)
• enter English, Chinese suggestion -> Chinese suggestion updates
• enter English, Chinese edited, with 1 line -> Chinese suggestion button
• enter English with 2 lines, Chinese edited, with 1 lines -> Chinese suggestion button
• enter English with 2 lines, Chinese edited, with 2 lines -> Chinese suggestion button with line number

[alan-mj-lin]

@hchiam i don't see the suggestion buttons

[hchiam]

You have to be editing both sides to see the buttons. The buttons show up to avoid replacing the entire text, especially when you've already corrected previous lines.

Notice how I type a little in the Chinese (to simulate editing/correcting that line), and the text turned black. This looping gif is about 28 seconds long:

[hchiam]

@alan-mj-lin I've added a test that shows how the announcement translation suggestions work.