Merge pull request #227 from KManolov3/fix/uepr-222-debug-modal-strings-in-transifex

fix: rename file with debug modal messages to .js

Author: KManolov3

packages/scratch-gui/src/components/debug-modal/sections/messages.ts renamed to packages/scratch-gui/src/components/debug-modal/sections/messages.js

@@ -1,5 +1,8 @@
 import {defineMessages} from 'react-intl';
 
+// TODO: These are not detected by the `i18n:src` script if the file is with `.ts` extension.
+// This issue might be affecting other .ts files as well.
+// https://scratchfoundation.atlassian.net/browse/UEPR-221
 export const messages = defineMessages({
     readAloudTitle: {
         id: 'gui.debugModal.readAloud.title',

packages/scratch-gui/src/components/debug-modal/sections/sections.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import {FormattedMessage} from 'react-intl';
-import {messages} from './messages.ts';
+import {messages} from './messages.js';
 
 import addSoundCheckpoints from '../icons/icon--add-sound-checkpoints.svg';
 import askForHelp from '../icons/icon--ask-for-help.svg';

packages/scratch-gui/src/lib/default-project/messages.js

@@ -0,0 +1,16 @@
+import {defineMessages} from 'react-intl';
+
+const messages = defineMessages({
+    meow: {
+        defaultMessage: 'Meow',
+        description: 'Name for the meow sound',
+        id: 'gui.defaultProject.meow'
+    },
+    variable: {
+        defaultMessage: 'my variable',
+        description: 'Name for the default variable',
+        id: 'gui.defaultProject.variable'
+    }
+});
+
+export default messages;

packages/scratch-gui/src/lib/default-project/project-data.ts

@@ -1,21 +1,8 @@
-import {defineMessages} from 'react-intl';
+import projectDataMessages from './messages';
 import sharedMessages from '../shared-messages';
 import {MessageObject, TranslatorFunction} from '../../gui-config';
 
-let messages = defineMessages({
-    meow: {
-        defaultMessage: 'Meow',
-        description: 'Name for the meow sound',
-        id: 'gui.defaultProject.meow'
-    },
-    variable: {
-        defaultMessage: 'my variable',
-        description: 'Name for the default variable',
-        id: 'gui.defaultProject.variable'
-    }
-});
-
-messages = {...messages, ...sharedMessages};
+const messages = {...projectDataMessages, ...sharedMessages};
 
 // use the default message if a translation function is not passed
 const defaultTranslator = (msgObj: MessageObject) => msgObj.defaultMessage;