polyglot-edu · tmaog · May 20, 2025 · May 20, 2025
diff --git a/src/components/Properties/Nodes/CodingQuestionNodeProperties.tsx b/src/components/Properties/Nodes/CodingQuestionNodeProperties.tsx
@@ -9,7 +9,7 @@ const CodingQuestionNodeProperties = () => {
   return (
     <>
       <NodeProperties
-        platform={['VSCode']}
+        platform={['CodingWebApp']}
         activityDescription="In this activity learners will have to complete a coding exercise"
       />
       <MarkDownField label="Question" name="data.question" />
@@ -24,8 +24,8 @@ const CodingQuestionNodeProperties = () => {
         constraints={{ onChange: (event) => setLanguage(event.target.value) }}
         options={
           <>
-            <option value="csharp">csharp</option>
-            <option value="sysml">sysml</option>
+            <option value="javascript">javascript</option>
+            <option value="html">html</option>
           </>
         }
       />

diff --git a/src/types/polyglotElements/elementMapping.tsx b/src/types/polyglotElements/elementMapping.tsx
@@ -21,6 +21,7 @@ type ElementToReactFlowComponentMapping<T> = {
 };
 type ElementToNameMapping = { [elementType: string]: string };
 type ElementToIconMapping = { [elementType: string]: string | undefined };
+type ElementToPlatformMapping = { [elementType: string]: string | undefined };
 type ElementToGroupMapping = { [elementType: string]: string | undefined };
 type ElementToDefaultDataMapping<T> = { [elementType: string]: T };
 type ElementToTransformDataMapping<T> = {
@@ -33,6 +34,7 @@ type MappingType<T, U, K extends TypeWithData, V extends TypeWithData> = {
   name: string;
   icon?: string;
   group?: string;
+  platform?: string;
   propertiesComponent: PropertiesComponent<T>;
   elementComponent: ReactFlowComponent<U>;
   defaultData: K['data'] & V['data'];
@@ -44,6 +46,7 @@ class PolyglotComponentMapping<T, U, K extends TypeWithData> {
   private _elementMapping: ElementToReactFlowComponentMapping<U> = {};
   private _nameMapping: ElementToNameMapping = {};
   private _iconMapping: ElementToIconMapping = {};
+  private _defaulPlatformMapping: ElementToPlatformMapping = {};
   private _groupMapping: ElementToGroupMapping = {};
   private _defaultDataMapping: ElementToDefaultDataMapping<K['data']> = {};
   private _transformMapping: ElementToTransformDataMapping<K> = {};
@@ -55,6 +58,7 @@ class PolyglotComponentMapping<T, U, K extends TypeWithData> {
     name,
     icon,
     group,
+    platform,
     propertiesComponent,
     elementComponent,
     defaultData,
@@ -69,6 +73,7 @@ class PolyglotComponentMapping<T, U, K extends TypeWithData> {
     this._elementMapping[elementType] = elementComponent;
     this._nameMapping[elementType] = name;
     this._iconMapping[elementType] = icon;
+    this._defaulPlatformMapping[elementType] = platform;
     this._groupMapping[elementType] = group;
     this._defaultDataMapping[elementType] = defaultData;
     this._transformMapping[elementType] = transformData;
@@ -90,6 +95,10 @@ class PolyglotComponentMapping<T, U, K extends TypeWithData> {
     return this._iconMapping;
   }
 
+  get defaultPlatformMapping(): Readonly<ElementToPlatformMapping> {
+    return this._defaulPlatformMapping;
+  }
+
   get groupMapping(): Readonly<ElementToGroupMapping> {
     return this._groupMapping;
   }

diff --git a/src/types/polyglotElements/nodes/AnalyzingPlottingDataNode.ts b/src/types/polyglotElements/nodes/AnalyzingPlottingDataNode.ts
@@ -18,6 +18,7 @@ polyglotNodeComponentMapping.registerMapping<AnalyzingPlottingDataNode>({
   name: 'Analyzing-Plotting Data',
   icon: icon.src,
   group: 'apply_assessment',
+  platform: 'WebApp',
   propertiesComponent: AnalyzingPlottingDataNodeProperties,
   elementComponent: ReactFlowAnalyzingPlottingDataNode,
   defaultData: {

diff --git a/src/types/polyglotElements/nodes/BrainstormingNode.ts b/src/types/polyglotElements/nodes/BrainstormingNode.ts
@@ -21,6 +21,7 @@ polyglotNodeComponentMapping.registerMapping<BrainstormingNode>({
   name: 'Brainstorming',
   icon: icon.src,
   group: 'create_assessment',
+  platform: 'WebApp',
   propertiesComponent: BrainstormingNodeProperties,
   elementComponent: ReactFlowBrainstormingNode,
   defaultData: {

diff --git a/src/types/polyglotElements/nodes/CalculationNode.ts b/src/types/polyglotElements/nodes/CalculationNode.ts
@@ -19,6 +19,7 @@ polyglotNodeComponentMapping.registerMapping<CalculationNode>({
   name: 'Calculation',
   icon: icon.src,
   group: 'apply_assessment',
+  platform: 'WebApp',
   propertiesComponent: CalculationNodeProperties,
   elementComponent: ReactFlowCalculationNode,
   defaultData: {

diff --git a/src/types/polyglotElements/nodes/CasesEvaluationNode.ts b/src/types/polyglotElements/nodes/CasesEvaluationNode.ts
@@ -21,6 +21,7 @@ polyglotNodeComponentMapping.registerMapping<CasesEvaluationNode>({
   name: 'Cases Evaluation',
   icon: icon.src,
   group: 'understand_assessment',
+  platform: 'WebApp',
   propertiesComponent: CasesEvaluationNodeProperties,
   elementComponent: ReactFlowCasesEvaluationNode,
   defaultData: {

diff --git a/src/types/polyglotElements/nodes/CloseEndedQuestionNode.ts b/src/types/polyglotElements/nodes/CloseEndedQuestionNode.ts
@@ -21,6 +21,7 @@ polyglotNodeComponentMapping.registerMapping<CloseEndedQuestionNode>({
   name: 'Close Ended Question',
   icon: icon.src,
   group: 'remember_assessment',
+  platform: 'WebApp',
   propertiesComponent: CloseEndedQuestionNodeProperties,
   elementComponent: ReactFlowCloseEndedQuestionNode,
   defaultData: {

diff --git a/src/types/polyglotElements/nodes/CodingQuestionNode.ts b/src/types/polyglotElements/nodes/CodingQuestionNode.ts
@@ -20,6 +20,7 @@ polyglotNodeComponentMapping.registerMapping<CodingQuestionNode>({
   name: 'Coding Question',
   icon: icon.src,
   group: 'create_assessment',
+  platform: 'CodingWebApp',
   propertiesComponent: CodingQuestionNodeProperties,
   elementComponent: ReactFlowCodingQuestionNode,
   defaultData: {
@@ -30,7 +31,7 @@ int main() {
     Console.WriteLine("Hello World!");
     return 0;
 }`,
-    language: 'csharp',
+    language: 'javascript',
     ...defaultPolyglotNodeData,
   },
 });
diff --git a/src/types/polyglotElements/nodes/CollaborativeModelingNode.ts b/src/types/polyglotElements/nodes/CollaborativeModelingNode.ts
@@ -19,6 +19,7 @@ polyglotNodeComponentMapping.registerMapping<CollaborativeModelingNode>({
   name: 'Collaborative Modeling',
   icon: icon.src,
   group: 'understand_assessment',
+  platform: 'WebApp',
   propertiesComponent: CollaborativeModelingNodeProperties,
   elementComponent: ReactFlowCollaborativeModelingNode,
   defaultData: {

diff --git a/src/types/polyglotElements/nodes/CreateKeywordsListNode.ts b/src/types/polyglotElements/nodes/CreateKeywordsListNode.ts
@@ -24,6 +24,7 @@ polyglotNodeComponentMapping.registerMapping<CreateKeywordsListNode>({
   name: 'Create keywords list',
   icon: icon.src,
   group: 'remember_learning',
+  platform: 'WebApp',
   propertiesComponent: CreateKeywordsListNodeProperties,
   elementComponent: ReactFlowCreateKeywordsListNode,
   defaultData: {

diff --git a/src/types/polyglotElements/nodes/FindSolutionNode.ts b/src/types/polyglotElements/nodes/FindSolutionNode.ts
@@ -26,6 +26,7 @@ polyglotNodeComponentMapping.registerMapping<FindSolutionNode>({
   name: 'Find Solution',
   icon: icon.src,
   group: 'create_learning',
+  platform: 'WebApp',
   propertiesComponent: FindSolutionNodeProperties,
   elementComponent: ReactFlowFindSolutionNode,
   defaultData: {

diff --git a/src/types/polyglotElements/nodes/FlowChartNode.ts b/src/types/polyglotElements/nodes/FlowChartNode.ts
@@ -19,6 +19,7 @@ polyglotNodeComponentMapping.registerMapping<FlowChartNode>({
   name: 'Flow Chart',
   icon: icon.src,
   group: 'understand_assessment',
+  platform: 'WebApp',
   propertiesComponent: FlowChartNodeProperties,
   elementComponent: ReactFlowFlowChartNode,
   defaultData: {

diff --git a/src/types/polyglotElements/nodes/ImageEvaluationNode.ts b/src/types/polyglotElements/nodes/ImageEvaluationNode.ts
@@ -22,6 +22,7 @@ polyglotNodeComponentMapping.registerMapping<ImageEvaluationNode>({
   name: 'Image Evaluation',
   icon: icon.src,
   group: 'apply_assessment',
+  platform: 'WebApp',
   propertiesComponent: ImageEvaluationNodeProperties,
   elementComponent: ReactFlowImageEvaluationNode,
   defaultData: {

diff --git a/src/types/polyglotElements/nodes/InnovationPitchNode.ts b/src/types/polyglotElements/nodes/InnovationPitchNode.ts
@@ -21,6 +21,7 @@ polyglotNodeComponentMapping.registerMapping<InnovationPitchNode>({
   name: 'Innovation Pitch',
   icon: icon.src,
   group: 'create_assessment',
+  platform: 'WebApp',
   propertiesComponent: InnovationPitchNodeProperties,
   elementComponent: ReactFlowInnovationPitchNode,
   defaultData: {

diff --git a/src/types/polyglotElements/nodes/LessonTextNode.ts b/src/types/polyglotElements/nodes/LessonTextNode.ts
@@ -18,6 +18,7 @@ polyglotNodeComponentMapping.registerMapping<LessonTextNode>({
   name: 'Lesson (Text)',
   icon: icon.src,
   group: ' ',
+  platform: 'WebApp',
   propertiesComponent: LessonTextNodeProperties,
   elementComponent: ReactFlowLessonNode,
   defaultData: {

diff --git a/src/types/polyglotElements/nodes/MemoriseKeywordsListNode.ts b/src/types/polyglotElements/nodes/MemoriseKeywordsListNode.ts
@@ -25,6 +25,7 @@ polyglotNodeComponentMapping.registerMapping<MemoriseKeywordsListNode>({
   name: 'Memorise keywords list',
   icon: icon.src,
   group: 'remember_learning',
+  platform: 'WebApp',
   propertiesComponent: MemoriseKeywordsListNodeProperties,
   elementComponent: ReactFlowMemoriseKeywordsListNode,
   defaultData: {

diff --git a/src/types/polyglotElements/nodes/MindMapNode.ts b/src/types/polyglotElements/nodes/MindMapNode.ts
@@ -26,6 +26,7 @@ polyglotNodeComponentMapping.registerMapping<MindMapNode>({
   name: 'MindMap',
   icon: icon.src,
   group: 'understand_learning',
+  platform: 'WebApp',
   propertiesComponent: MindMapNodeProperties,
   elementComponent: ReactFlowMindMapNode,
   defaultData: {

diff --git a/src/types/polyglotElements/nodes/MultipleChoiceQuestionNode.ts b/src/types/polyglotElements/nodes/MultipleChoiceQuestionNode.ts
@@ -20,6 +20,7 @@ polyglotNodeComponentMapping.registerMapping<MultipleChoiceQuestionNode>({
   name: 'Multiple Choice Question',
   icon: icon.src,
   group: 'remember_assessment',
+  platform: 'WebApp',
   propertiesComponent: MultipleChoiceQuestionNodeProperties,
   elementComponent: ReactFlowMultipleChoiceQuestionNode,
   defaultData: {

diff --git a/src/types/polyglotElements/nodes/NewTypeNode.ts b/src/types/polyglotElements/nodes/NewTypeNode.ts
@@ -21,6 +21,7 @@ polyglotNodeComponentMapping.registerMapping<NewTypeNode>({
   name: 'New Type xText',
   icon: icon.src,
   group: '',
+  platform: 'WebApp',
   propertiesComponent: NewTypeNodeProperties,
   elementComponent: ReactFlowNewTypeNode,
   defaultData: {

diff --git a/src/types/polyglotElements/nodes/OpenQuestionNode.ts b/src/types/polyglotElements/nodes/OpenQuestionNode.ts
@@ -20,6 +20,7 @@ polyglotNodeComponentMapping.registerMapping<OpenQuestionNode>({
   name: 'Open Question',
   icon: icon.src,
   group: 'remember_assessment',
+  platform: 'WebApp',
   propertiesComponent: OpenQuestionNodeProperties,
   elementComponent: ReactFlowOpenQuestionNode,
   defaultData: {

diff --git a/src/types/polyglotElements/nodes/ProblemSolvingNode.ts b/src/types/polyglotElements/nodes/ProblemSolvingNode.ts
@@ -26,6 +26,7 @@ polyglotNodeComponentMapping.registerMapping<ProblemSolvingNode>({
   name: 'Problem Solving',
   icon: icon.src,
   group: 'apply_learning',
+  platform: 'WebApp',
   propertiesComponent: ProblemSolvingNodeProperties,
   elementComponent: ReactFlowProblemSolvingNode,
   defaultData: {

diff --git a/src/types/polyglotElements/nodes/PromptEngineeringNode.ts b/src/types/polyglotElements/nodes/PromptEngineeringNode.ts
@@ -26,6 +26,7 @@ polyglotNodeComponentMapping.registerMapping<PromptEngineeringNode>({
   name: 'Prompt Engineering',
   icon: icon.src,
   group: 'apply_learning',
+  platform: 'WebApp',
   propertiesComponent: PromptEngineeringNodeProperties,
   elementComponent: ReactFlowPromptEngineeringNode,
   defaultData: {

diff --git a/src/types/polyglotElements/nodes/ReadMaterialNode.ts b/src/types/polyglotElements/nodes/ReadMaterialNode.ts
@@ -19,6 +19,7 @@ polyglotNodeComponentMapping.registerMapping<ReadMaterialNode>({
   name: 'Read material',
   icon: icon.src,
   group: 'remember_learning',
+  platform: 'WebApp',
   propertiesComponent: ReadMaterialNodeProperties,
   elementComponent: ReactFlowReadMaterialNode,
   defaultData: {

diff --git a/src/types/polyglotElements/nodes/ScanningNode.ts b/src/types/polyglotElements/nodes/ScanningNode.ts
@@ -18,6 +18,7 @@ polyglotNodeComponentMapping.registerMapping<ScanningNode>({
   name: 'AR Scan',
   icon: icon.src,
   group: 'understand_learning',
+  platform: 'MuNDAR',
   propertiesComponent: ScanningNodeProperties,
   elementComponent: ReactFlowScanningNode,
   defaultData: {

diff --git a/src/types/polyglotElements/nodes/SimulationNode.ts b/src/types/polyglotElements/nodes/SimulationNode.ts
@@ -19,6 +19,7 @@ polyglotNodeComponentMapping.registerMapping<SimulationNode>({
   name: 'Simulation',
   icon: icon.src,
   group: 'create_assessment',
+  platform: 'WebApp',
   propertiesComponent: SimulationNodeProperties,
   elementComponent: ReactFlowSimulationNode,
   defaultData: {

diff --git a/src/types/polyglotElements/nodes/SummaryNode.ts b/src/types/polyglotElements/nodes/SummaryNode.ts
@@ -20,6 +20,7 @@ polyglotNodeComponentMapping.registerMapping<SummaryNode>({
   name: 'Summary',
   icon: icon.src,
   group: 'understand_learning',
+  platform: 'WebApp',
   propertiesComponent: SummaryNodeProperties,
   elementComponent: ReactFlowSummaryNode,
   defaultData: {

diff --git a/src/types/polyglotElements/nodes/TrueFalseNode.ts b/src/types/polyglotElements/nodes/TrueFalseNode.ts
@@ -22,6 +22,7 @@ polyglotNodeComponentMapping.registerMapping<TrueFalseNodeNode>({
   name: 'True False',
   icon: icon.src,
   group: 'remember_assessment',
+  platform: 'WebApp',
   propertiesComponent: TrueFalseNodeProperties,
   elementComponent: ReactFlowTrueFalseNode,
   defaultData: {

diff --git a/src/types/polyglotElements/nodes/UMLModelingNode.ts b/src/types/polyglotElements/nodes/UMLModelingNode.ts
@@ -24,6 +24,7 @@ polyglotNodeComponentMapping.registerMapping<UMLModelingNode>({
   name: 'UML Modeling',
   icon: icon.src,
   group: 'understand_assessment',
+  platform: 'PapyrusWeb',
   propertiesComponent: UMLModelingNodeProperties,
   elementComponent: ReactFlowUMLModelingNode,
   defaultData: {

diff --git a/src/types/polyglotElements/nodes/WatchVideoNode.ts b/src/types/polyglotElements/nodes/WatchVideoNode.ts
@@ -18,6 +18,7 @@ polyglotNodeComponentMapping.registerMapping<WatchVideoNode>({
   name: 'Watch Video',
   icon: icon.src,
   group: 'remember_learning',
+  platform: 'WebApp',
   propertiesComponent: WatchVideoNodeProperties,
   elementComponent: ReactFlowWatchVideoNode,
   defaultData: {

diff --git a/src/utils/utils.ts b/src/utils/utils.ts
@@ -79,6 +79,7 @@ export const createNewDefaultPolyglotNode: (
     title: 'New Node',
     description: '',
     difficulty: 1,
+    platform: polyglotNodeComponentMapping.defaultPlatformMapping[nodeType],
     data: polyglotNodeComponentMapping.defaultDataMapping[nodeType],
     reactFlow: {
       id: id,
@@ -101,6 +102,7 @@ const configUnconditionalEdge = [
   'MemoriseKeywordsListNode',
   'PromptEngineeringNode',
   'ProblemSolvingNode',
+  'CodingQuestionNode',
 ];
 
 export const createNewDefaultPolyglotEdge = (