Merge pull request #35 from CMU-17313Q/feat/llm-translation

Translation Feature Integration Final. No issues between the microservicebackend and the front end..

Author: skkuwari-alt

build/.gitignore

@@ -37,6 +37,7 @@
   },
   "dependencies": {
     "@adactive/bootstrap-tagsinput": "0.8.2",
+    "@fontsource-utils/scss": "^0.2.2",
     "@fontsource/inter": "5.2.5",
     "@fontsource/poppins": "5.2.6",
     "@fortawesome/fontawesome-free": "6.7.2",
@@ -105,6 +106,7 @@
     "mousetrap": "1.6.5",
     "multiparty": "4.2.3",
     "nconf": "0.13.0",
+    "node-fetch": "^3.3.2",
     "nodebb-plugin-2factor": "7.5.10",
     "nodebb-plugin-anonymous-button": "file:nodebb-plugin-anonymous-button",
     "nodebb-plugin-composer-default": "10.2.51",

build/export/.gitignore

@@ -18,6 +18,10 @@ PostObject:
         For posts received via ActivityPub, it is the url of the original piece of content.
     content:
       type: string
+    isEnglish:
+      type: boolean
+    translatedContent:
+      type: string
     sourceContent:
       type: string
       nullable: true
@@ -170,6 +174,10 @@ PostDataObject:
           description: A topic identifier
         content:
           type: string
+        isEnglish:
+          type: boolean
+        translatedContent:
+          type: string
         timestamp:
           type: number
         votes:

build/export/README

@@ -82,6 +82,10 @@ get:
                                               type: number
                                             content:
                                               type: string
+                                            isEnglish:
+                                              type: boolean
+                                            translatedContent:
+                                              type: string
                                             timestampISO:
                                               type: string
                                               description: An ISO 8601 formatted date string (complementing `timestamp`)
@@ -142,6 +146,10 @@ get:
                                     type: number
                                   content:
                                     type: string
+                                  isEnglish:
+                                    type: boolean
+                                  translatedContent:
+                                    type: string 
                                   sourceContent:
                                     type: string
                                     nullable: true

package.json

@@ -77,6 +77,10 @@ get:
                                               type: number
                                             content:
                                               type: string
+                                            isEnglish:
+                                              type: boolean
+                                            translatedContent:
+                                              type: string
                                             timestampISO:
                                               type: string
                                               description: An ISO 8601 formatted date string (complementing `timestamp`)
@@ -144,6 +148,10 @@ get:
                                     type: number
                                   content:
                                     type: string
+                                  isEnglish:
+                                    type: boolean
+                                  translatedContent:
+                                    type: string 
                                   sourceContent:
                                     type: string
                                     nullable: true

public/openapi/components/schemas/PostObject.yaml

@@ -35,6 +35,10 @@ get:
                         description: A topic identifier
                       content:
                         type: string
+                      isEnglish:
+                        type: boolean
+                      translatedContent:
+                        type: string
                       timestamp:
                         type: number
                       flagId:

public/openapi/read/categories.yaml

@@ -5,18 +5,19 @@ $weights: $font-weight-light, $font-weight-normal, $font-weight-semibold, $font-
 $subsets: (latin, latin-ext);
 
 @include Inter.faces(
-	$weights: $weights,
-	$subsets: $subsets,
-	$display: fallback,
-	$directory: "./plugins/core/inter"
+    $weights: $weights,
+    $subsets: $subsets,
+    $display: fallback,
+    $directory: "./plugins/core/inter"
 );
+
 @include Poppins.faces(
-	$weights: $weights,
-	$subsets: $subsets,
-	$display: fallback,
-	$directory: "./plugins/core/poppins"
+    $weights: $weights,
+    $subsets: $subsets,
+    $display: fallback,
+    $directory: "./plugins/core/poppins"
 );
 
 .ff-base { font-family: $font-family-base !important; }
 .ff-sans { font-family: $font-family-sans-serif !important; }
-.ff-secondary {	font-family: $font-family-secondary; }
+.ff-secondary { font-family: $font-family-secondary; }

public/openapi/read/index.yaml

@@ -72,11 +72,28 @@ define('forum/topic', [
 
 		$(window).on('scroll', utils.debounce(updateTopicTitle, 250));
 
+		configurePostToggle();
+
 		handleTopicSearch();
 
 		hooks.fire('action:topic.loaded', ajaxify.data);
 	};
 
+	function configurePostToggle() {
+		$('.topic').on('click', '.view-translated-btn', function () {
+			// Toggle the visibility of the next .translated-content div
+			$(this).closest('.sensitive-content-message').next('.translated-content').toggle();
+			// Optionally, change the button text based on visibility
+			var isVisible = $(this).closest('.sensitive-content-message').next('.translated-content').is(':visible');
+			if (isVisible) {
+				$(this).text('Hide the translated message.');
+			} else {
+				$(this).text('Click here to view the translated message.');
+			}
+		});
+	}
+
+
 	function handleTopicSearch() {
 		require(['mousetrap'], (mousetrap) => {
 			if (config.topicSearchEnabled) {