Move side content to separate namespace

Author: RichDom2185

src/commons/sideContent/content/SideContentSubstVisualizer.tsx

@@ -45,7 +45,7 @@ import { beginAlertSideContent } from '../SideContentActions';
 import { SideContentLocation, SideContentType } from '../SideContentTypes';
 
 const SubstDefaultText = () => {
-  const { t } = useTranslation('translation', { keyPrefix: 'substVisualizer' });
+  const { t } = useTranslation('sideContent', { keyPrefix: 'substVisualizer' });
   return (
     <div>
       <div id="substituter-default-text" className={Classes.RUNNING_TEXT}>

src/i18n/locales/en/index.ts

@@ -3,10 +3,10 @@ import grading from './grading.json';
 import login from './login.json';
 import sessionManagement from './sessionManagement.json';
 import sicp from './sicp.json';
+import substVisualizer from './sideContent/substVisualizer.json';
 import sourcecast from './sourcecast.json';
 import sourceRecorder from './sourceRecorder.json';
 import stories from './stories.json';
-import substVisualizer from './substVisualizer.json';
 import welcome from './welcome.json';
 
 export default {
@@ -19,7 +19,9 @@ export default {
     ...sourcecast,
     ...sourceRecorder,
     ...stories,
-    ...substVisualizer,
     ...welcome
+  },
+  sideContent: {
+    substVisualizer
   }
 };

src/i18n/locales/en/sideContent/substVisualizer.json

@@ -0,0 +1,13 @@
+{
+  "welcome": "Welcome to the Stepper!",
+  "instructions": "On this tab, the REPL will be hidden from view, so do check that your code has no errors before running the stepper. You may use this tool by writing your program on the left, then dragging the slider above to see its evaluation.",
+  "evaluationSteps": "On even-numbered steps, the part of the program that will be evaluated next is highlighted in yellow. On odd-numbered steps, the result of the evaluation is highlighted in green. You can change the maximum steps limit (500-5000, default 1000) in the control bar.",
+  "shortcutsTitle": "Some useful keyboard shortcuts:",
+  "shortcuts": {
+    "a": "a: Move to the first step",
+    "e": "e: Move to the last step",
+    "f": "f: Move to the next step",
+    "b": "b: Move to the previous step"
+  },
+  "shortcutsNote": "Note that these shortcuts are only active when the browser focus is on this tab (click on or above the explanation text)."
+}

src/i18n/locales/en/substVisualizer.json

@@ -3,10 +3,10 @@ import grading from './grading.json';
 import login from './login.json';
 import sessionManagement from './sessionManagement.json';
 import sicp from './sicp.json';
+import substVisualizer from './sideContent/substVisualizer.json';
 import sourcecast from './sourcecast.json';
 import sourceRecorder from './sourceRecorder.json';
 import stories from './stories.json';
-import substVisualizer from './substVisualizer.json';
 import welcome from './welcome.json';
 
 export default {
@@ -19,7 +19,9 @@ export default {
     ...sourcecast,
     ...sourceRecorder,
     ...stories,
-    ...substVisualizer,
     ...welcome
+  },
+  sideContent: {
+    substVisualizer
   }
 };

src/i18n/locales/zh-SG/index.ts

@@ -0,0 +1,13 @@
+{
+  "welcome": "欢迎来到步骤器！",
+  "instructions": "在此标签页中，REPL 将被隐藏，因此请确保您的代码在运行步骤器之前没有错误。您可以通过在左侧编写程序，然后拖动上方的滑块来查看其评估过程。",
+  "evaluationSteps": "在偶数步骤中，将要评估的程序部分会以黄色突出显示。在奇数步骤中，评估结果会以绿色突出显示。您可以在控制栏中更改最大步骤限制（500-5000，默认值为1000）。",
+  "shortcutsTitle": "一些有用的键盘快捷键：",
+  "shortcuts": {
+    "a": "a: 跳到第一步",
+    "e": "e: 跳到最后一步",
+    "f": "f: 跳到下一步",
+    "b": "b: 跳到上一步"
+  },
+  "shortcutsNote": "请注意，这些快捷键仅在浏览器焦点位于此标签页时有效（点击说明文字或其上方区域）。"
+}