add @returns descriptions to generator components

Author: batchu5

packages/components/docs/API.md

@@ -11,6 +11,7 @@
   </dd> 
   <dt>
     <a href="#Connect">Connect</a>
+      ⇒ <code>JSX.Element</code>
   </dt>
   <dd>
     <p>Component that renders WebSocket connection method for the specified programming language.</p>
@@ -38,6 +39,7 @@
   </dd> 
   <dt>
     <a href="#MethodGenerator">MethodGenerator</a>
+      ⇒ <code>JSX.Element</code>
   </dt>
   <dd>
     <p>Generic Method rendering component.</p>
@@ -58,18 +60,21 @@
   </dd> 
   <dt>
     <a href="#OnError">OnError</a>
+      ⇒ <code>JSX.Element</code>
   </dt>
   <dd>
     <p>Component that renders WebSocket onError event handler for the specified programming language.</p>
   </dd> 
   <dt>
     <a href="#OnMessage">OnMessage</a>
+      ⇒ <code>JSX.Element</code>
   </dt>
   <dd>
     <p>Component that renders WebSocket onMessage event handler for the specified programming language.</p>
   </dd> 
   <dt>
     <a href="#OnOpen">OnOpen</a>
+      ⇒ <code>JSX.Element</code>
   </dt>
   <dd>
     <p>Component that renders WebSocket onOpen event handler for the specified programming language.</p>
@@ -97,6 +102,7 @@
   </dd> 
   <dt>
     <a href="#SendOperations">SendOperations</a>
+      ⇒ <code>Array.&lt;React.ReactNode&gt;</code>
   </dt>
   <dd>
     <p>Component for rendering WebSocket send operation methods.
@@ -172,6 +178,11 @@ Component that renders WebSocket connection method for the specified programming
 
 
 
+### Returns
+
+- **JSX.Element** - A Text component containing the generated WebSocket connection code for the specified language.
+
+
 
 ### Example
 
@@ -360,6 +371,11 @@ Generic Method rendering component.
 
 
 
+### Returns
+
+- **JSX.Element** - Rendered method block with appropriate formatting.
+
+
 
 ### Example
 
@@ -375,6 +391,7 @@ const customMethodConfig={ openingTag: "{", closingTag: "}", indentSize: 6 };
 const methodConfig = {"java" : {methodDocs : methodDocs, methodLogic: methodLogic }};
 const framework = "quarkus";
 
+
 return (
   <MethodGenerator 
      language={language}
@@ -499,6 +516,11 @@ Component that renders WebSocket onError event handler for the specified program
 
 
 
+### Returns
+
+- **JSX.Element** - A Text component containing the onError handler code for the specified language.
+
+
 
 ### Example
 
@@ -525,6 +547,11 @@ Component that renders WebSocket onMessage event handler for the specified progr
 
 
 
+### Returns
+
+- **JSX.Element** - A Text component containing the onMessage handler code for the specified language.
+
+
 
 ### Example
 
@@ -553,6 +580,11 @@ Component that renders WebSocket onOpen event handler for the specified programm
 
 
 
+### Returns
+
+- **JSX.Element** - A Text component containing the onOpen handler code for the specified language.
+
+
 
 ### Example
 
@@ -742,6 +774,11 @@ Generates both static and instance methods for sending messages through WebSocke
 
 
 
+### Returns
+
+- **Array.&lt;React.ReactNode&gt;** - Array of Text components for static and non-static WebSocket send operation methods, or null if no send operations are provided.
+
+
 
 ### Example
 

packages/components/src/components/Connect.js

@@ -97,6 +97,7 @@ Future<void> connect() async {
  * @param {Object} props - Component properties.
  * @param {Language} props.language - The programming language for which to generate connection code.
  * @param {string} props.title - The title of the WebSocket server.
+ * @return {JSX.Element} A Text component containing the generated WebSocket connection code for the specified language.
  * 
  * @example
  * const language = "python";

packages/components/src/components/MethodGenerator.js

@@ -74,6 +74,7 @@ const buildIndentedLogic = (logic, preExecutionCode, postExecutionCode, indentSi
  * @param {{ returnType: string | undefined, openingTag: string | undefined, closingTag: string | undefined, indentSize: number | undefined, parameterWrap: boolean | undefined }} [props.customMethodConfig]  - Optional custom syntax configuration for the current language.
  * @param {Record<Language, { methodDocs: string | undefined, methodLogic: string | undefined } | Record<string, { methodDocs: string | undefined, methodLogic: string | undefined }>>} [props.methodConfig] - Language-level or framework-level configuration.
  * @param {string} [props.framework] - Framework name for nested configurations (e.g., 'quarkus' for Java).
+ * @returns {JSX.Element} Rendered method block with appropriate formatting.
  * 
  * @example
  * const language = "java";

packages/components/src/components/OnError.js

@@ -53,6 +53,7 @@ const websocketOnErrorMethod = {
  * 
  * @param {Object} props - Component properties.
  * @param {Language} props.language - The programming language for which to generate onError handler code.
+ * @returns {JSX.Element} A Text component containing the onError handler code for the specified language.
  * 
  * @example
  * const language = "javascript";

packages/components/src/components/OnMessage.js

@@ -81,6 +81,7 @@ const websocketOnMessageMethod = {
  * 
  * @param {Object} props - Component properties.
  * @param {Language} props.language - The programming language for which to generate onMessage handler code.
+ * @returns {JSX.Element} A Text component containing the onMessage handler code for the specified language.
  * 
  * @example
  * const language = "javascript";

packages/components/src/components/OnOpen.js

@@ -56,6 +56,7 @@ const resolveOpenConfig = (language, framework = '') => {
  * @param {Language} props.language - The programming language for which to generate onOpen handler code.
  * @param {string} [props.framework=''] - Optional framework variant (e.g., 'quarkus' for java).
  * @param {string} props.title - The title of the WebSocket server.
+ * @returns {JSX.Element} A Text component containing the onOpen handler code for the specified language.
  * 
  * @example
  * const language = "java";

packages/components/src/components/SendOperations.js

@@ -123,6 +123,7 @@ static ${methodName}(message, socket, schemas) {
  * @param {Language} props.language - The target programming language.
  * @param {Array<Object>} props.sendOperations - Array of send operations from AsyncAPI document.
  * @param {string} props.clientName - The name of the client class.
+ * @returns {React.ReactNode[]|null} Array of Text components for static and non-static WebSocket send operation methods, or null if no send operations are provided.
  * 
  * @example
  * import path from "path";