add semicolons to example block

Author: batchu5

packages/components/docs/API.md

@@ -134,13 +134,13 @@ Renders a WebSocket close connection method with optional pre- and post-executio
 ### Example
 
 ```js
-const language = "java"
-const framework = "quarkus"
-const methodName = "terminateConnection"
-const methodParams = ["self"]
-const preExecutionCode = "// About to terminate connection"
-const postExecutionCode = "// Connection terminated"
-const indent = 2
+const language = "java";
+const framework = "quarkus";
+const methodName = "terminateConnection";
+const methodParams = ["self"];
+const preExecutionCode = "// About to terminate connection";
+const postExecutionCode = "// Connection terminated";
+const indent = 2;
 
 return (
   <CloseConnection 
@@ -176,8 +176,8 @@ Component that renders WebSocket connection method for the specified programming
 ### Example
 
 ```js
-const language = "python"
-const title = "HoppscotchEchoWebSocketClient"
+const language = "python";
+const title = "HoppscotchEchoWebSocketClient";
 
 return(
  <Connect 
@@ -215,10 +215,10 @@ Renders the top-of-file dependency statements for the selected programming langu
 ### Example
 
 ```js
-const language = "java"
-const framework = "quarkus"
-const role = "client"
-const additionalDependencies = ["import java.util.concurrent.CompletableFuture;", "import java.time.Duration;"]
+const language = "java";
+const framework = "quarkus";
+const role = "client";
+const additionalDependencies = ["import java.util.concurrent.CompletableFuture;", "import java.time.Duration;"];
 
 return (
   <DependencyProvider 
@@ -259,11 +259,12 @@ Renders a file header with metadata information such as title, version, protocol
 ```js
 import path from "path";
 import { Parser, fromFile } from "@asyncapi/parser";
+import { FileHeaderInfo } from "@asyncapi/generator-components";
 
 async function renderFileHeader() {
   const parser = new Parser();
   const asyncapi_websocket_query = path.resolve(__dirname, "../../../helpers/test/__fixtures__/asyncapi-websocket-query.yml");
-  const language = "javascript"
+  const language = "javascript";
 
   // Parse the AsyncAPI document 
   const parseResult = await fromFile(parser, asyncapi_websocket_query).parse();
@@ -309,11 +310,11 @@ Renders a WebSocket message handler method with optional pre- and post-execution
 ### Example
 
 ```js
-const language = "javascript"
-const methodName = "handleMessage"
-const methodParams = ["self", "message"]
-const preExecutionCode = "// Pass the incoming message to all registered message handlers."
-const postExecutionCode = "// Passed the incoming message to all registered message handlers."
+const language = "javascript";
+const methodName = "handleMessage";
+const methodParams = ["self", "message"];
+const preExecutionCode = "// Pass the incoming message to all registered message handlers.";
+const postExecutionCode = "// Passed the incoming message to all registered message handlers.";
 const customMethodConfig = {
   javascript: {
     methodDocs: "// Method to handle message with callback",
@@ -363,16 +364,16 @@ Generic Method rendering component.
 ### Example
 
 ```js
-const language = "java"
-const methodName = "registerHandler"
-const methodParams = ["self", "handler"]
-const methodDocs = "// Process the input data."
-const methodLogic = "// TODO: implement"
-const preExecutionCode = "// Before handler registration"
-const postExecutionCode = "// After handler registration"
-const customMethodConfig={ openingTag: "{", closingTag: "}", indentSize: 6 }
-const methodConfig = {"java" : {methodDocs : methodDocs, methodLogic: methodLogic }}
-const framework = "quarkus"
+const language = "java";
+const methodName = "registerHandler";
+const methodParams = ["self", "handler"];
+const methodDocs = "// Process the input data.";
+const methodLogic = "// TODO: implement";
+const preExecutionCode = "// Before handler registration";
+const postExecutionCode = "// After handler registration";
+const customMethodConfig={ openingTag: "{", closingTag: "}", indentSize: 6 };
+const methodConfig = {"java" : {methodDocs : methodDocs, methodLogic: methodLogic }};
+const framework = "quarkus";
 
 return (
   <MethodGenerator 
@@ -421,7 +422,7 @@ Generates and returns an array of model files based on the AsyncAPI document.
 ```js
 import path from "path";
 import { Parser, fromFile } from "@asyncapi/parser";
-
+import { Models } from "@asyncapi/generator-components";
 
 async function renderModel() {
    const parser = new Parser();
@@ -431,7 +432,7 @@ async function renderModel() {
    const parseResult = await fromFile(parser, asyncapi_v3_path).parse();
    const parsedAsyncAPIDocument = parseResult.document;
 
-   const language = "java"
+   const language = "java";
 
    return (
      <Models 
@@ -469,9 +470,9 @@ Component that renders WebSocket onClose event handler for the specified program
 ### Example
 
 ```js
-const language = "java"
-const framework = "quarkus"
-const title = "HoppscotchEchoWebSocketClient"
+const language = "java";
+const framework = "quarkus";
+const title = "HoppscotchEchoWebSocketClient";
 
 return (
   <OnClose 
@@ -502,7 +503,7 @@ Component that renders WebSocket onError event handler for the specified program
 ### Example
 
 ```js
-const language = "javascript"
+const language = "javascript";
 return (
   <OnError language={language} />
 )
@@ -528,7 +529,7 @@ Component that renders WebSocket onMessage event handler for the specified progr
 ### Example
 
 ```js
-const language = "javascript"
+const language = "javascript";
 return (
   <OnMessage language={language} />
 )
@@ -556,9 +557,9 @@ Component that renders WebSocket onOpen event handler for the specified programm
 ### Example
 
 ```js
-const language = "java"
-const framework = "quarkus"
-const title = "HoppscotchEchoWebSocketClient"
+const language = "java";
+const framework = "quarkus";
+const title = "HoppscotchEchoWebSocketClient";
 
 return (
   <OnOpen 
@@ -596,9 +597,10 @@ Component for rendering query parameter variables code.
 ### Example
 
 ```js
-import path from "path"
+import path from "path";
 import { Parser, fromFile } from "@asyncapi/parser";
 import { getQueryParams } from "@asyncapi/generator-helpers";
+import { QueryParamsVariables } from "@asyncapi/generator-components";
 
 
 async function renderQueryParamsVariable(){
@@ -613,8 +615,8 @@ async function renderQueryParamsVariable(){
    const queryParamsObject = getQueryParams(channels);
    const queryParamsArray = queryParamsObject ? Array.from(queryParamsObject.entries()) : [];
 
-   const language = "java"
-   const framework = "quarkus"
+   const language = "java";
+   const framework = "quarkus";
 
    return (
      <QueryParamsVariables 
@@ -656,11 +658,11 @@ Renders a WebSocket error handler registration method with optional pre- and pos
 ### Example
 
 ```js
-const language = "python"
-const methodName = "registerErrorHandler"
-const methodParams = ["self", "handler"]
-const preExecutionCode = "# Pre-register operations"
-const postExecutionCode = "# Post-register operations"
+const language = "python";
+const methodName = "registerErrorHandler";
+const methodParams = ["self", "handler"];
+const preExecutionCode = "# Pre-register operations";
+const postExecutionCode = "# Post-register operations";
 const customMethodConfig = { returnType: "int", openingTag: "{", closingTag: "}", indentSize: 2};
 
 return (
@@ -704,11 +706,11 @@ Renders a WebSocket message handler registration method with optional pre- and p
 ### Example
 
 ```js
-const language = "python"
-const methodName = "registerMessageHandler"
-const methodParams = ["self", "handler"]
-const preExecutionCode = "# Pre-register operations"
-const postExecutionCode = "# Post-register operations"
+const language = "python";
+const methodName = "registerMessageHandler";
+const methodParams = ["self", "handler"];
+const preExecutionCode = "# Pre-register operations";
+const postExecutionCode = "# Post-register operations";
 
 return (
    <RegisterMessageHandler 
@@ -746,6 +748,7 @@ Generates both static and instance methods for sending messages through WebSocke
 ```js
 import path from "path";
 import { Parser, fromFile } from "@asyncapi/parser";
+import { SendOperations } from "@asyncapi/generator-components";
 
 async function renderSendOperations(){
    const parser = new Parser();
@@ -755,9 +758,9 @@ async function renderSendOperations(){
    const parseResult = await fromFile(parser, asyncapi_v3_path).parse();
    const parsedAsyncAPIDocument = parseResult.document;
 
-   const language = "javascript"
-   const clientName = "AccountServiceAPI"
-   const sendOperations = parsedAsyncAPIDocument.operations().filterBySend()
+   const language = "javascript";
+   const clientName = "AccountServiceAPI";
+   const sendOperations = parsedAsyncAPIDocument.operations().filterBySend();
 
    return (
       <SendOperations 

packages/components/jsdoc2md-handlebars/api.hbs

@@ -6,7 +6,7 @@
   <dt>
     <a href="#{{name}}">{{name}}</a>
     {{#if returns.length}}
-      ⇒ <code>{{returns.[0].type.names.[0]}}</code>
+      ⇒ <code>{{{escapeType returns.[0].type.names.[0]}}}</code>
     {{/if}}
   </dt>
   <dd>

packages/components/src/components/CloseConnection.js

@@ -71,13 +71,13 @@ print('WebSocket connection closed.');`
  * @returns {JSX.Element} Rendered method block with appropriate formatting.
  * 
  * @example
- * const language = "java"
- * const framework = "quarkus"
- * const methodName = "terminateConnection"
- * const methodParams = ["self"]
- * const preExecutionCode = "// About to terminate connection"
- * const postExecutionCode = "// Connection terminated"
- * const indent = 2
+ * const language = "java";
+ * const framework = "quarkus";
+ * const methodName = "terminateConnection";
+ * const methodParams = ["self"];
+ * const preExecutionCode = "// About to terminate connection";
+ * const postExecutionCode = "// Connection terminated";
+ * const indent = 2;
  *
  * return (
  *   <CloseConnection 

packages/components/src/components/Connect.js

@@ -99,8 +99,8 @@ Future<void> connect() async {
  * @param {string} props.title - The title of the WebSocket server.
  * 
  * @example
- * const language = "python"
- * const title = "HoppscotchEchoWebSocketClient"
+ * const language = "python";
+ * const title = "HoppscotchEchoWebSocketClient";
  * 
  * return(
  *  <Connect 

packages/components/src/components/DependencyProvider.js

@@ -105,10 +105,10 @@ function resolveDependencies(language, framework = '', role = '') {
  * @returns {JSX.Element} Rendered list of import/require statements.
  * 
  * @example
- * const language = "java"
- * const framework = "quarkus"
- * const role = "client"
- * const additionalDependencies = ["import java.util.concurrent.CompletableFuture;", "import java.time.Duration;"]
+ * const language = "java";
+ * const framework = "quarkus";
+ * const role = "client";
+ * const additionalDependencies = ["import java.util.concurrent.CompletableFuture;", "import java.time.Duration;"];
  * 
  * return (
  *   <DependencyProvider 

packages/components/src/components/FileHeaderInfo.js

@@ -31,11 +31,12 @@ const commentConfig = {
  * @example
  * import path from "path";
  * import { Parser, fromFile } from "@asyncapi/parser";
+ * import { FileHeaderInfo } from "@asyncapi/generator-components";
  * 
  * async function renderFileHeader() {
  *   const parser = new Parser();
  *   const asyncapi_websocket_query = path.resolve(__dirname, "../../../helpers/test/__fixtures__/asyncapi-websocket-query.yml");
- *   const language = "javascript"
+ *   const language = "javascript";
  *   
  *   // Parse the AsyncAPI document 
  *   const parseResult = await fromFile(parser, asyncapi_websocket_query).parse();

packages/components/src/components/HandleMessage.js

@@ -40,11 +40,11 @@ else:
  * @returns {JSX.Element} Rendered method block with appropriate formatting.
  * 
  * @example
- * const language = "javascript"
- * const methodName = "handleMessage"
- * const methodParams = ["self", "message"]
- * const preExecutionCode = "// Pass the incoming message to all registered message handlers."
- * const postExecutionCode = "// Passed the incoming message to all registered message handlers."
+ * const language = "javascript";
+ * const methodName = "handleMessage";
+ * const methodParams = ["self", "message"];
+ * const preExecutionCode = "// Pass the incoming message to all registered message handlers.";
+ * const postExecutionCode = "// Passed the incoming message to all registered message handlers.";
  * const customMethodConfig = {
  *   javascript: {
  *     methodDocs: "// Method to handle message with callback",

packages/components/src/components/MethodGenerator.js

@@ -76,16 +76,16 @@ const buildIndentedLogic = (logic, preExecutionCode, postExecutionCode, indentSi
  * @param {string} [props.framework] - Framework name for nested configurations (e.g., 'quarkus' for Java).
  * 
  * @example
- * const language = "java"
- * const methodName = "registerHandler"
- * const methodParams = ["self", "handler"]
- * const methodDocs = "// Process the input data."
- * const methodLogic = "// TODO: implement"
- * const preExecutionCode = "// Before handler registration"
- * const postExecutionCode = "// After handler registration"
- * const customMethodConfig={ openingTag: "{", closingTag: "}", indentSize: 6 }
- * const methodConfig = {"java" : {methodDocs : methodDocs, methodLogic: methodLogic }}
- * const framework = "quarkus"
+ * const language = "java";
+ * const methodName = "registerHandler";
+ * const methodParams = ["self", "handler"];
+ * const methodDocs = "// Process the input data.";
+ * const methodLogic = "// TODO: implement";
+ * const preExecutionCode = "// Before handler registration";
+ * const postExecutionCode = "// After handler registration";
+ * const customMethodConfig={ openingTag: "{", closingTag: "}", indentSize: 6 };
+ * const methodConfig = {"java" : {methodDocs : methodDocs, methodLogic: methodLogic }};
+ * const framework = "quarkus";
  * 
  * return (
  *   <MethodGenerator 

packages/components/src/components/Models.js

@@ -63,8 +63,7 @@ const formatHelpers = {
  * @example
  * import path from "path";
  * import { Parser, fromFile } from "@asyncapi/parser";
- * 
-
+ * import { Models } from "@asyncapi/generator-components";
  * 
  * async function renderModel() {
  *    const parser = new Parser();
@@ -74,7 +73,7 @@ const formatHelpers = {
  *    const parseResult = await fromFile(parser, asyncapi_v3_path).parse();
  *    const parsedAsyncAPIDocument = parseResult.document;
  *    
- *    const language = "java"
+ *    const language = "java";
  *    
  *    return (
  *      <Models 

packages/components/src/components/OnClose.js

@@ -8,7 +8,7 @@ import { Text } from '@asyncapi/generator-react-sdk';
 /**
  * Mapping of supported programming languages to their WebSocket onClose event handler implementations.
  * 
- * @type {Object.<Language, Function>}
+ * @type {Object.<Language, Function|Object.<string, Function>>}
  */
 const websocketOnCloseMethod = {
   javascript: (title) => {
@@ -68,9 +68,9 @@ const resolveCloseConfig = (language, framework = '') => {
  * @returns {JSX.Element} A Text component containing the onClose handler code for the specified language.
  * 
  * @example
- * const language = "java"
- * const framework = "quarkus"
- * const title = "HoppscotchEchoWebSocketClient"
+ * const language = "java";
+ * const framework = "quarkus";
+ * const title = "HoppscotchEchoWebSocketClient";
  * 
  * return (
  *   <OnClose