feat: text2speech extension block

Author: takaokouji

src/lib/ruby-generator/text2speech.js

@@ -6,12 +6,12 @@
 export default function (Generator) {
     Generator.text2speech_speakAndWait = function (block) {
         const words = Generator.valueToCode(block, 'WORDS', Generator.ORDER_NONE) || null;
-        return `text2speech_speak(${words})\n`;
+        return `text2speech.speak(${words})\n`;
     };
 
     Generator.text2speech_setVoice = function (block) {
         const voice = Generator.valueToCode(block, 'VOICE', Generator.ORDER_NONE);
-        return `self.text2speech_voice = ${voice}\n`;
+        return `text2speech.voice = ${voice}\n`;
     };
 
     Generator.text2speech_menu_voices = function (block) {
@@ -21,7 +21,7 @@ export default function (Generator) {
 
     Generator.text2speech_setLanguage = function (block) {
         const language = Generator.valueToCode(block, 'LANGUAGE', Generator.ORDER_NONE);
-        return `self.text2speech_language = ${language}\n`;
+        return `text2speech.language = ${language}\n`;
     };
 
     Generator.text2speech_menu_languages = function (block) {

src/lib/ruby-to-blocks-converter/index.js

@@ -31,6 +31,7 @@ import BoostConverter from './boost';
 import TranslateConverter from './translate';
 import MakeyMakeyConverter from './makeymakey';
 import VideoConverter from './video';
+import Text2SpeechConverter from './text2speech';
 
 const messages = defineMessages({
     couldNotConvertPremitive: {
@@ -110,7 +111,8 @@ class RubyToBlocksConverter {
             EventConverter,
             ControlConverter,
             MicroBitConverter,
-            VideoConverter
+            VideoConverter,
+            Text2SpeechConverter
         ].forEach(x => x.register(this));
     }
 

src/lib/ruby-to-blocks-converter/text2speech.js

@@ -0,0 +1,104 @@
+import Primitive from './primitive';
+
+const Text2Speech = 'text2speech';
+
+const VoiceMenu = [
+    'ALTO',
+    'TENOR',
+    'SQUEAK',
+    'GIANT',
+    'KITTEN'
+];
+
+const LanguageMenu = [
+    'ar',
+    'zh-cn',
+    'da',
+    'nl',
+    'en',
+    'fr',
+    'de',
+    'hi',
+    'is',
+    'it',
+    'ja',
+    'ko',
+    'nb',
+    'pl',
+    'pt-br',
+    'pt',
+    'ro',
+    'ru',
+    'ES',
+    'es-419',
+    'sv',
+    'tr',
+    'cy'
+];
+
+/**
+ * Text to Speech converter
+ */
+const Text2SpeechConverter = {
+    register: function (converter) {
+        converter.registerCallMethod('self', Text2Speech, 0, params => {
+            const {node} = params;
+
+            return converter.createRubyExpressionBlock(Text2Speech, node);
+        });
+
+        converter.registerCallMethod(Text2Speech, 'speak', 1, params => {
+            const {receiver, args} = params;
+
+            if (!converter.isStringOrBlock(args[0])) return null;
+
+            const block = converter.changeRubyExpressionBlock(receiver, 'text2speech_speakAndWait', 'statement');
+            converter.addTextInput(block, 'WORDS', args[0], 'hello');
+            return block;
+        });
+
+        converter.registerCallMethod(Text2Speech, 'voice=', 1, params => {
+            const {receiver, args} = params;
+
+            if (!converter.isStringOrBlock(args[0])) return null;
+            if (converter.isString(args[0])) {
+                const index = VoiceMenu.indexOf(args[0].toString().toUpperCase());
+                if (index < 0) return null;
+
+                args[0] = new Primitive('str', VoiceMenu[index], args[0].node);
+            }
+
+            const block = converter.changeRubyExpressionBlock(receiver, 'text2speech_setVoice', 'statement');
+            converter.addFieldInput(
+                block, 'VOICE', 'text2speech_menu_voices', 'voices', args[0], 'ALTO'
+            );
+            return block;
+        });
+
+        converter.registerCallMethod(Text2Speech, 'language=', 1, params => {
+            const {receiver, args} = params;
+
+            if (!converter.isStringOrBlock(args[0])) return null;
+            if (converter.isString(args[0])) {
+                const index = LanguageMenu.indexOf(args[0].toString().toLowerCase());
+                if (index < 0) return null;
+
+                args[0] = new Primitive('str', LanguageMenu[index], args[0].node);
+            }
+
+            const block = converter.changeRubyExpressionBlock(receiver, 'text2speech_setLanguage', 'statement');
+
+            let defaultLanguage = 'en';
+            const stage = converter.vm.runtime.getTargetForStage();
+            if (stage && stage.textToSpeechLanguage) {
+                defaultLanguage = stage.textToSpeechLanguage;
+            }
+            converter.addFieldInput(
+                block, 'LANGUAGE', 'text2speech_menu_languages', 'languages', args[0], defaultLanguage
+            );
+            return block;
+        });
+    }
+};
+
+export default Text2SpeechConverter;

src/lib/ruby-to-blocks-converter/video.js

@@ -24,7 +24,7 @@ const VideoStateMenu = [
  */
 const VideoConverter = {
     register: function (converter) {
-        converter.registerCallMethod('self', 'video_sensing', 0, params => {
+        converter.registerCallMethod('self', VideoSensing, 0, params => {
             const {node} = params;
 
             return converter.createRubyExpressionBlock(VideoSensing, node);

test/integration/ruby-tab/extension_text2speech.test.js

@@ -0,0 +1,77 @@
+import dedent from 'dedent';
+import SeleniumHelper from '../../helpers/selenium-helper';
+import RubyHelper from '../../helpers/ruby-helper';
+
+const seleniumHelper = new SeleniumHelper();
+const {
+    clickText,
+    clickXpath,
+    getDriver,
+    loadUri,
+    urlFor
+} = seleniumHelper;
+
+const rubyHelper = new RubyHelper(seleniumHelper);
+const {
+    fillInRubyProgram,
+    currentRubyProgram,
+    expectInterconvertBetweenCodeAndRuby
+} = rubyHelper;
+
+let driver;
+
+describe('Ruby Tab: Text to Speech extension blocks', () => {
+    beforeAll(() => {
+        driver = getDriver();
+    });
+
+    afterAll(async () => {
+        await driver.quit();
+    });
+
+    test('Ruby -> Code -> Ruby', async () => {
+        await loadUri(urlFor('/'));
+
+        const code = dedent`
+            text2speech.speak("hello")
+            text2speech.voice = "ALTO"
+            text2speech.voice = "TENOR"
+            text2speech.voice = "SQUEAK"
+            text2speech.voice = "GIANT"
+            text2speech.voice = "KITTEN"
+            text2speech.language = "en"
+            text2speech.language = "ja"
+            text2speech.language = "de"
+        `;
+        await expectInterconvertBetweenCodeAndRuby(code);
+    });
+
+    test('Ruby -> Code -> Ruby (etc) ', async () => {
+        await loadUri(urlFor('/'));
+
+        const beforeRuby = dedent`
+            text2speech.voice = "alto"
+            text2speech.voice = "Alto"
+            text2speech.language = "EN"
+            text2speech.language = "En"
+        `;
+
+        const afterRuby = dedent`
+            text2speech.voice = "ALTO"
+            text2speech.voice = "ALTO"
+            text2speech.language = "en"
+            text2speech.language = "en"
+        `;
+
+        await clickText('Ruby', '*[@role="tab"]');
+        await fillInRubyProgram(beforeRuby);
+        await clickText('Code', '*[@role="tab"]');
+        await clickXpath(
+            '//div[contains(@class, "menu-bar_menu-bar-item") and contains(@class, "menu-bar_hoverable")]' +
+                '/*/span[text()="Edit"]'
+        );
+        await clickText('Generate Ruby from Code');
+        await clickText('Ruby', '*[@role="tab"]');
+        expect(await currentRubyProgram()).toEqual(`${afterRuby}\n`);
+    });
+});