@asyncapi/generator 2.7.1 → 2.8.2

package/lib/templates/bakedInTemplates/core-template-client-websocket-javascript/__transpiled/template/client.js.js

@@ -0,0 +1,216 @@
+'use strict';
+
+require('source-map-support/register');
+var generatorReactSdk = require('@asyncapi/generator-react-sdk');
+var generatorHelpers = require('@asyncapi/generator-helpers');
+var generatorComponents = require('@asyncapi/generator-components');
+var jsxRuntime = require('/home/runner/work/generator/generator/node_modules/react/cjs/react-jsx-runtime.production.min.js');
+
+function Constructor({
+  serverUrl
+}) {
+  return /*#__PURE__*/jsxRuntime.jsx(generatorReactSdk.Text, {
+    indent: 2,
+    children: `/*
+  * Constructor to initialize the WebSocket client
+  * @param {string} url - The WebSocket server URL. Use it if the server URL is different from the default one taken from the AsyncAPI document.
+*/
+constructor(url) {
+  this.url = url || '${serverUrl}';
+  this.websocket = null;
+  this.messageHandlers = [];
+  this.errorHandlers = [];
+}
+`
+  });
+}
+
+function Connect({
+  title
+}) {
+  return /*#__PURE__*/jsxRuntime.jsx(generatorReactSdk.Text, {
+    newLines: 2,
+    indent: 2,
+    children: `// Method to establish a WebSocket connection
+connect() {
+  return new Promise((resolve, reject) => {
+    this.websocket = new WebSocket(this.url);
+
+    // On successful connection
+    this.websocket.onopen = () => {
+      console.log('Connected to ${title} server');
+      resolve();
+    };
+
+    // On receiving a message
+    this.websocket.onmessage = (event) => {
+      if (this.messageHandlers.length > 0) {
+        // Call custom message handlers
+        this.messageHandlers.forEach(handler => {
+          if (typeof handler === 'function') {
+            this.handleMessage(event.data, handler);
+          }
+        });
+      } else {
+        // Default message logging
+        console.log('Message received:', event.data);
+      }
+    };
+
+    // On error first call custom error handlers, then default error behavior
+    this.websocket.onerror = (error) => {
+      if (this.errorHandlers.length > 0) {
+        // Call custom error handlers
+        this.errorHandlers.forEach(handler => handler(error));
+      } else {
+        // Default error behavior
+        console.error('WebSocket Error:', error);
+      }
+      reject(error);
+    };
+
+    // On connection close
+    this.websocket.onclose = () => {
+      console.log('Disconnected from ${title} server');
+    };
+  });
+}`
+  });
+}
+
+function RegisterErrorHandler() {
+  return /*#__PURE__*/jsxRuntime.jsx(generatorReactSdk.Text, {
+    newLines: 2,
+    indent: 2,
+    children: `// Method to register custom error handlers
+registerErrorHandler(handler) {
+  if (typeof handler === 'function') {
+    this.errorHandlers.push(handler);
+  } else {
+    console.warn('Error handler must be a function');
+  }
+}`
+  });
+}
+
+function HandleMessage() {
+  return /*#__PURE__*/jsxRuntime.jsx(generatorReactSdk.Text, {
+    newLines: 2,
+    indent: 2,
+    children: `// Method to handle message with callback
+handleMessage(message, cb) {
+  if (cb) cb(message);
+}`
+  });
+}
+
+function SendOperation({
+  sendOperations,
+  clientName
+}) {
+  if (!sendOperations || sendOperations.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: sendOperations.map(operation => /*#__PURE__*/jsxRuntime.jsx(generatorReactSdk.Text, {
+      newLines: 2,
+      indent: 2,
+      children: `
+/**
+ * Sends a ${operation.id()} message over the WebSocket connection.
+ * 
+ * @param {Object} message - The message payload to send. Should match the schema defined in the AsyncAPI document.
+ * @param {WebSocket} [socket] - The WebSocket connection to use. If not provided, the client's own connection will be used.
+ * @throws {TypeError} If message cannot be stringified to JSON
+ * @throws {Error} If WebSocket connection is not in OPEN state
+ */
+static ${operation.id()}(message, socket) {
+  try {
+    socket.send(JSON.stringify(message));
+  } catch (error) {
+    console.error('Error sending ${operation.id()} message:', error);
+  }
+}
+/**
+ * Instance method version of ${operation.id()} that uses the client's own WebSocket connection.
+ * @param {Object} message - The message payload to send
+ * @throws {Error} If WebSocket connection is not established
+ */
+${operation.id()}(message){
+  if(!this.websocket){
+    throw new Error('WebSocket connection not established. Call connect() first.');
+  }
+  ${clientName}.${operation.id()}(message, this.websocket);
+}
+  `
+    }))
+  });
+}
+
+function ModuleExport({
+  clientName
+}) {
+  return /*#__PURE__*/jsxRuntime.jsx(generatorReactSdk.Text, {
+    children: `module.exports = ${clientName};`
+  });
+}
+
+function ClientClass({
+  clientName,
+  serverUrl,
+  title,
+  sendOperations
+}) {
+  return /*#__PURE__*/jsxRuntime.jsxs(generatorReactSdk.Text, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(generatorReactSdk.Text, {
+      newLines: 2,
+      children: `class ${clientName} {`
+    }), /*#__PURE__*/jsxRuntime.jsx(Constructor, {
+      serverUrl: serverUrl
+    }), /*#__PURE__*/jsxRuntime.jsx(Connect, {
+      title: title
+    }), /*#__PURE__*/jsxRuntime.jsx(generatorComponents.RegisterMessageHandler, {
+      language: "javascript",
+      methodParams: ['handler']
+    }), /*#__PURE__*/jsxRuntime.jsx(RegisterErrorHandler, {}), /*#__PURE__*/jsxRuntime.jsx(HandleMessage, {}), /*#__PURE__*/jsxRuntime.jsx(SendOperation, {
+      sendOperations: sendOperations,
+      clientName: clientName
+    }), /*#__PURE__*/jsxRuntime.jsx(generatorComponents.CloseConnection, {
+      language: "javascript"
+    }), /*#__PURE__*/jsxRuntime.jsx(generatorReactSdk.Text, {
+      children: '}'
+    }), /*#__PURE__*/jsxRuntime.jsx(ModuleExport, {
+      clientName: clientName
+    })]
+  });
+}
+
+function client_js ({
+  asyncapi,
+  params
+}) {
+  const server = generatorHelpers.getServer(asyncapi.servers(), params.server);
+  const info = generatorHelpers.getInfo(asyncapi);
+  const title = generatorHelpers.getTitle(asyncapi);
+  const clientName = generatorHelpers.getClientName(asyncapi, params.appendClientSuffix, params.customClientName);
+  const serverUrl = generatorHelpers.getServerUrl(server);
+  const sendOperations = asyncapi.operations().filterBySend();
+  return /*#__PURE__*/jsxRuntime.jsxs(generatorReactSdk.File, {
+    name: params.clientFileName,
+    children: [/*#__PURE__*/jsxRuntime.jsx(generatorComponents.FileHeaderInfo, {
+      info: info,
+      server: server,
+      language: "javascript"
+    }), /*#__PURE__*/jsxRuntime.jsx(generatorComponents.DependencyProvider, {
+      language: "javascript"
+    }), /*#__PURE__*/jsxRuntime.jsx(ClientClass, {
+      clientName: clientName,
+      serverUrl: serverUrl,
+      title: title,
+      sendOperations: sendOperations
+    })]
+  });
+}
+
+module.exports = client_js;
+//# sourceMappingURL=client.js.js.map

package/lib/templates/bakedInTemplates/core-template-client-websocket-javascript/__transpiled/template/client.js.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.js.js","sources":["../../../../../../../../packages/templates/clients/websocket/javascript/components/Constructor.js","../../../../../../../../packages/templates/clients/websocket/javascript/components/Connect.js","../../../../../../../../packages/templates/clients/websocket/javascript/components/RegisterErrorHandler.js","../../../../../../../../packages/templates/clients/websocket/javascript/components/HandleMessage.js","../../../../../../../../packages/templates/clients/websocket/javascript/components/SendOperation.js","../../../../../../../../packages/templates/clients/websocket/javascript/components/ModuleExport.js","../../../../../../../../packages/templates/clients/websocket/javascript/components/ClientClass.js","../../../../../../../../packages/templates/clients/websocket/javascript/template/client.js.js"],"sourcesContent":["import { Text } from '@asyncapi/generator-react-sdk';\n\nexport function Constructor({ serverUrl }) {\n  return (\n    <Text indent={2}>\n      {\n        `/*\n  * Constructor to initialize the WebSocket client\n  * @param {string} url - The WebSocket server URL. Use it if the server URL is different from the default one taken from the AsyncAPI document.\n*/\nconstructor(url) {\n  this.url = url || '${serverUrl}';\n  this.websocket = null;\n  this.messageHandlers = [];\n  this.errorHandlers = [];\n}\n`\n      }\n    </Text>\n  );\n}\n","import { Text } from '@asyncapi/generator-react-sdk';\n\nexport function Connect({ title }) {\n  return (\n    <Text newLines={2} indent={2}>\n      {\n        `// Method to establish a WebSocket connection\nconnect() {\n  return new Promise((resolve, reject) => {\n    this.websocket = new WebSocket(this.url);\n\n    // On successful connection\n    this.websocket.onopen = () => {\n      console.log('Connected to ${title} server');\n      resolve();\n    };\n\n    // On receiving a message\n    this.websocket.onmessage = (event) => {\n      if (this.messageHandlers.length > 0) {\n        // Call custom message handlers\n        this.messageHandlers.forEach(handler => {\n          if (typeof handler === 'function') {\n            this.handleMessage(event.data, handler);\n          }\n        });\n      } else {\n        // Default message logging\n        console.log('Message received:', event.data);\n      }\n    };\n\n    // On error first call custom error handlers, then default error behavior\n    this.websocket.onerror = (error) => {\n      if (this.errorHandlers.length > 0) {\n        // Call custom error handlers\n        this.errorHandlers.forEach(handler => handler(error));\n      } else {\n        // Default error behavior\n        console.error('WebSocket Error:', error);\n      }\n      reject(error);\n    };\n\n    // On connection close\n    this.websocket.onclose = () => {\n      console.log('Disconnected from ${title} server');\n    };\n  });\n}`\n      }\n    </Text>\n  );\n}\n","import { Text } from '@asyncapi/generator-react-sdk';\n\nexport function RegisterErrorHandler() {\n  return (\n    <Text newLines={2} indent={2}>\n      {\n        `// Method to register custom error handlers\nregisterErrorHandler(handler) {\n  if (typeof handler === 'function') {\n    this.errorHandlers.push(handler);\n  } else {\n    console.warn('Error handler must be a function');\n  }\n}`\n      }\n    </Text>\n  );\n}\n","import { Text } from '@asyncapi/generator-react-sdk';\n\nexport function HandleMessage() {\n  return (\n    <Text newLines={2} indent={2}>\n      {\n        `// Method to handle message with callback\nhandleMessage(message, cb) {\n  if (cb) cb(message);\n}`\n      }\n    </Text>\n  );\n}\n","import { Text } from '@asyncapi/generator-react-sdk';\n\nexport function SendOperation({ sendOperations, clientName }) {\n  if (!sendOperations || sendOperations.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      {sendOperations.map((operation) => (\n        <Text newLines={2} indent={2}>\n          {`\n/**\n * Sends a ${operation.id()} message over the WebSocket connection.\n * \n * @param {Object} message - The message payload to send. Should match the schema defined in the AsyncAPI document.\n * @param {WebSocket} [socket] - The WebSocket connection to use. If not provided, the client's own connection will be used.\n * @throws {TypeError} If message cannot be stringified to JSON\n * @throws {Error} If WebSocket connection is not in OPEN state\n */\nstatic ${operation.id()}(message, socket) {\n  try {\n    socket.send(JSON.stringify(message));\n  } catch (error) {\n    console.error('Error sending ${operation.id()} message:', error);\n  }\n}\n/**\n * Instance method version of ${operation.id()} that uses the client's own WebSocket connection.\n * @param {Object} message - The message payload to send\n * @throws {Error} If WebSocket connection is not established\n */\n${operation.id()}(message){\n  if(!this.websocket){\n    throw new Error('WebSocket connection not established. Call connect() first.');\n  }\n  ${clientName}.${operation.id()}(message, this.websocket);\n}\n  `}\n        </Text>\n      ))}\n    </>\n  );\n}\n","import { Text } from '@asyncapi/generator-react-sdk';\n\nexport function ModuleExport({ clientName }) {\n  return (\n    <Text>\n      {\n        `module.exports = ${clientName};`\n      }\n    </Text>\n  );\n}\n","import { Text } from '@asyncapi/generator-react-sdk';\nimport { Constructor } from './Constructor';\nimport { Connect } from './Connect';\nimport { RegisterErrorHandler } from './RegisterErrorHandler';\nimport { HandleMessage } from './HandleMessage';\nimport { SendOperation } from './SendOperation';\nimport { CloseConnection, RegisterMessageHandler } from '@asyncapi/generator-components';\nimport { ModuleExport } from './ModuleExport';\n\nexport function ClientClass({ clientName, serverUrl, title, sendOperations}) {\n  return (\n    <Text>\n      <Text newLines={2}>\n        {`class ${clientName} {`}\n      </Text>\n      <Constructor serverUrl={serverUrl} />\n      <Connect title={title} />\n      <RegisterMessageHandler \n        language=\"javascript\" \n        methodParams={['handler']}\n      />\n      <RegisterErrorHandler />\n      <HandleMessage />\n      <SendOperation sendOperations={sendOperations} clientName={clientName} />\n      <CloseConnection language=\"javascript\" />\n      <Text>\n        {'}'}\n      </Text>\n      <ModuleExport clientName={clientName} />\n    </Text>\n  );\n}\n","import { File } from '@asyncapi/generator-react-sdk';\nimport { getClientName, getServerUrl, getServer, getInfo, getTitle } from '@asyncapi/generator-helpers';\nimport { FileHeaderInfo, DependencyProvider } from '@asyncapi/generator-components';\nimport { ClientClass } from '../components/ClientClass';\n\nexport default function ({ asyncapi, params }) {\n  const server = getServer(asyncapi.servers(), params.server);\n  const info = getInfo(asyncapi);\n  const title = getTitle(asyncapi);\n  const clientName = getClientName(asyncapi, params.appendClientSuffix, params.customClientName);\n  const serverUrl = getServerUrl(server);\n  const sendOperations = asyncapi.operations().filterBySend();\n  return (\n    <File name={params.clientFileName}>\n      <FileHeaderInfo\n        info={info}\n        server={server}\n        language=\"javascript\"\n      />\n      <DependencyProvider language=\"javascript\"/>\n      <ClientClass clientName={clientName} serverUrl={serverUrl} title={title} sendOperations={sendOperations} />\n    </File>\n  );\n}\n"],"names":["Constructor","serverUrl","_jsx","Text","indent","children","Connect","title","newLines","RegisterErrorHandler","HandleMessage","SendOperation","sendOperations","clientName","length","_Fragment","map","operation","id","ModuleExport","ClientClass","_jsxs","RegisterMessageHandler","language","methodParams","CloseConnection","asyncapi","params","server","getServer","servers","info","getInfo","getTitle","getClientName","appendClientSuffix","customClientName","getServerUrl","operations","filterBySend","File","name","clientFileName","FileHeaderInfo","DependencyProvider"],"mappings":"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"}

package/lib/templates/bakedInTemplates/core-template-client-websocket-javascript/components/AvailableOperations.js

@@ -0,0 +1,20 @@
+import { Text } from '@asyncapi/generator-react-sdk';
+import OperationHeader from './OperationHeader';
+import MessageExamples from './MessageExamples';
+
+export function AvailableOperations({ operations }) {
+  if (!operations || operations.length === 0) {
+    return null;
+  }
+  return (
+    <>
+      <Text newLines={2}>### Available Operations</Text>
+      {operations.map((operation) => (
+        <Text newLines={2}>
+          <OperationHeader operation={operation} />
+          <MessageExamples operation={operation} />
+        </Text>
+      ))}
+    </>
+  );
+}

package/lib/templates/bakedInTemplates/core-template-client-websocket-javascript/components/ClientClass.js

@@ -0,0 +1,32 @@
+import { Text } from '@asyncapi/generator-react-sdk';
+import { Constructor } from './Constructor';
+import { Connect } from './Connect';
+import { RegisterErrorHandler } from './RegisterErrorHandler';
+import { HandleMessage } from './HandleMessage';
+import { SendOperation } from './SendOperation';
+import { CloseConnection, RegisterMessageHandler } from '@asyncapi/generator-components';
+import { ModuleExport } from './ModuleExport';
+
+export function ClientClass({ clientName, serverUrl, title, sendOperations}) {
+  return (
+    <Text>
+      <Text newLines={2}>
+        {`class ${clientName} {`}
+      </Text>
+      <Constructor serverUrl={serverUrl} />
+      <Connect title={title} />
+      <RegisterMessageHandler 
+        language="javascript" 
+        methodParams={['handler']}
+      />
+      <RegisterErrorHandler />
+      <HandleMessage />
+      <SendOperation sendOperations={sendOperations} clientName={clientName} />
+      <CloseConnection language="javascript" />
+      <Text>
+        {'}'}
+      </Text>
+      <ModuleExport clientName={clientName} />
+    </Text>
+  );
+}

package/lib/templates/bakedInTemplates/core-template-client-websocket-javascript/components/Connect.js

@@ -0,0 +1,54 @@
+import { Text } from '@asyncapi/generator-react-sdk';
+
+export function Connect({ title }) {
+  return (
+    <Text newLines={2} indent={2}>
+      {
+        `// Method to establish a WebSocket connection
+connect() {
+  return new Promise((resolve, reject) => {
+    this.websocket = new WebSocket(this.url);
+
+    // On successful connection
+    this.websocket.onopen = () => {
+      console.log('Connected to ${title} server');
+      resolve();
+    };
+
+    // On receiving a message
+    this.websocket.onmessage = (event) => {
+      if (this.messageHandlers.length > 0) {
+        // Call custom message handlers
+        this.messageHandlers.forEach(handler => {
+          if (typeof handler === 'function') {
+            this.handleMessage(event.data, handler);
+          }
+        });
+      } else {
+        // Default message logging
+        console.log('Message received:', event.data);
+      }
+    };
+
+    // On error first call custom error handlers, then default error behavior
+    this.websocket.onerror = (error) => {
+      if (this.errorHandlers.length > 0) {
+        // Call custom error handlers
+        this.errorHandlers.forEach(handler => handler(error));
+      } else {
+        // Default error behavior
+        console.error('WebSocket Error:', error);
+      }
+      reject(error);
+    };
+
+    // On connection close
+    this.websocket.onclose = () => {
+      console.log('Disconnected from ${title} server');
+    };
+  });
+}`
+      }
+    </Text>
+  );
+}

package/lib/templates/bakedInTemplates/core-template-client-websocket-javascript/components/Constructor.js

@@ -0,0 +1,21 @@
+import { Text } from '@asyncapi/generator-react-sdk';
+
+export function Constructor({ serverUrl }) {
+  return (
+    <Text indent={2}>
+      {
+        `/*
+  * Constructor to initialize the WebSocket client
+  * @param {string} url - The WebSocket server URL. Use it if the server URL is different from the default one taken from the AsyncAPI document.
+*/
+constructor(url) {
+  this.url = url || '${serverUrl}';
+  this.websocket = null;
+  this.messageHandlers = [];
+  this.errorHandlers = [];
+}
+`
+      }
+    </Text>
+  );
+}

package/lib/templates/bakedInTemplates/core-template-client-websocket-javascript/components/HandleMessage.js

@@ -0,0 +1,14 @@
+import { Text } from '@asyncapi/generator-react-sdk';
+
+export function HandleMessage() {
+  return (
+    <Text newLines={2} indent={2}>
+      {
+        `// Method to handle message with callback
+handleMessage(message, cb) {
+  if (cb) cb(message);
+}`
+      }
+    </Text>
+  );
+}

package/lib/templates/bakedInTemplates/core-template-client-websocket-javascript/components/MessageExamples.js

@@ -0,0 +1,25 @@
+import { getMessageExamples, getOperationMessages } from '@asyncapi/generator-helpers';
+import { Text } from '@asyncapi/generator-react-sdk';
+
+export default function MessageExamples({operation}) {
+  const operationId = operation.id();
+  const messageExamples = [];
+  const messages = getOperationMessages(operation) || [];
+
+  messages.forEach((message) => {
+    const examples = getMessageExamples(message) || [];
+    examples.forEach((example) => {
+      const payload = example.payload();
+      messageExamples.push(`\n\n**Example:**\n\`\`\`javascript\nclient.${operationId}(${JSON.stringify(payload, null, 2)});\n\`\`\``);
+    });
+  });
+  return (
+    <Text>
+      {messageExamples.map(example => (
+        <Text>
+          {example}
+        </Text>
+      ))}
+    </Text>
+  );
+}

package/lib/templates/bakedInTemplates/core-template-client-websocket-javascript/components/ModuleExport.js

@@ -0,0 +1,11 @@
+import { Text } from '@asyncapi/generator-react-sdk';
+
+export function ModuleExport({ clientName }) {
+  return (
+    <Text>
+      {
+        `module.exports = ${clientName};`
+      }
+    </Text>
+  );
+}

package/lib/templates/bakedInTemplates/core-template-client-websocket-javascript/components/OperationHeader.js

@@ -0,0 +1,12 @@
+import { Text } from '@asyncapi/generator-react-sdk';
+
+export default function OperationHeader({operation}) {
+  const operationId = operation.id();
+  return (
+    <Text>
+      {`#### \`${operationId}(payload)\`
+${operation.hasSummary() ?  operation.summary() : ''}
+${operation.hasDescription() ? `\n${operation.description()}` : ''}`}
+    </Text>
+  );
+}

package/lib/templates/bakedInTemplates/core-template-client-websocket-javascript/components/RegisterErrorHandler.js

@@ -0,0 +1,18 @@
+import { Text } from '@asyncapi/generator-react-sdk';
+
+export function RegisterErrorHandler() {
+  return (
+    <Text newLines={2} indent={2}>
+      {
+        `// Method to register custom error handlers
+registerErrorHandler(handler) {
+  if (typeof handler === 'function') {
+    this.errorHandlers.push(handler);
+  } else {
+    console.warn('Error handler must be a function');
+  }
+}`
+      }
+    </Text>
+  );
+}

package/lib/templates/bakedInTemplates/core-template-client-websocket-javascript/components/SendOperation.js

@@ -0,0 +1,44 @@
+import { Text } from '@asyncapi/generator-react-sdk';
+
+export function SendOperation({ sendOperations, clientName }) {
+  if (!sendOperations || sendOperations.length === 0) {
+    return null;
+  }
+
+  return (
+    <>
+      {sendOperations.map((operation) => (
+        <Text newLines={2} indent={2}>
+          {`
+/**
+ * Sends a ${operation.id()} message over the WebSocket connection.
+ * 
+ * @param {Object} message - The message payload to send. Should match the schema defined in the AsyncAPI document.
+ * @param {WebSocket} [socket] - The WebSocket connection to use. If not provided, the client's own connection will be used.
+ * @throws {TypeError} If message cannot be stringified to JSON
+ * @throws {Error} If WebSocket connection is not in OPEN state
+ */
+static ${operation.id()}(message, socket) {
+  try {
+    socket.send(JSON.stringify(message));
+  } catch (error) {
+    console.error('Error sending ${operation.id()} message:', error);
+  }
+}
+/**
+ * Instance method version of ${operation.id()} that uses the client's own WebSocket connection.
+ * @param {Object} message - The message payload to send
+ * @throws {Error} If WebSocket connection is not established
+ */
+${operation.id()}(message){
+  if(!this.websocket){
+    throw new Error('WebSocket connection not established. Call connect() first.');
+  }
+  ${clientName}.${operation.id()}(message, this.websocket);
+}
+  `}
+        </Text>
+      ))}
+    </>
+  );
+}

package/lib/templates/bakedInTemplates/core-template-client-websocket-javascript/example.js

@@ -0,0 +1,42 @@
+const WSClient = require('./test/temp/snapshotTestResult/custom_client_hoppscotch/client.js');
+// Example usage
+const wsClient = new WSClient();
+
+// Example of how custom message handler that operates on incoming messages can look like
+function myHandler(message) {
+  console.log('====================');
+  console.log('Just proving I got the message in myHandler:', message);
+  console.log('====================');
+}
+
+// Example of custom error handler
+function myErrorHandler(error) {
+  console.error('Errors from Websocket:', error.message);
+}
+
+async function main() {
+  wsClient.registerMessageHandler(myHandler);
+  wsClient.registerErrorHandler(myErrorHandler);
+
+  try {
+    await wsClient.connect();
+
+    // Loop to send messages every 5 seconds
+    const interval = 5000; // 5 seconds
+    const message = 'Hello, Echo!';
+
+    while (true) {
+      try {
+        await wsClient.sendEchoMessage(message);
+      } catch (error) {
+        console.error('Error while sending message:', error);
+      }
+      // Wait for the interval before sending the next message
+      await new Promise(resolve => setTimeout(resolve, interval));
+    }
+  } catch (error) {
+    console.error('Failed to connect to WebSocket:', error.message);
+  }
+}
+
+main();

package/lib/templates/bakedInTemplates/core-template-client-websocket-javascript/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "core-template-client-websocket-javascript",
+  "private": true,
+  "description": "This is a template generating JavaScript websocket client",
+  "scripts": {
+    "test": "jest --coverage",
+    "test:update": "npm run test -- -u",
+    "lint": "eslint --max-warnings 0 --config ../../../../../.eslintrc --ignore-path ../../../../../.eslintignore .",
+    "lint:fix": "eslint --fix --max-warnings 0 --config ../../../../../.eslintrc --ignore-path ../../../../../.eslintignore ."
+  },
+  "author": "Lukasz Gornicki <lpgornicki@gmail.com>",
+  "license": "Apache-2.0",
+  "dependencies": {
+    "@asyncapi/generator-react-sdk": "*",
+    "@asyncapi/generator-helpers": "1.0.0"
+  },
+  "devDependencies": {
+    "@asyncapi/parser": "^3.0.14",
+    "@babel/cli": "^7.25.9",
+    "@babel/core": "^7.26.0",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-react": "^7.25.9",
+    "jest-esm-transformer": "^1.0.0",
+    "eslint": "^6.8.0",
+    "eslint-plugin-jest": "^23.8.2",
+    "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-sonarjs": "^0.5.0"
+  },
+  "jest": {
+    "moduleFileExtensions": [
+      "js",
+      "json",
+      "jsx"
+    ],
+    "transform": {
+      "^.+\\.jsx?$": "babel-jest"
+    },
+    "moduleNameMapper": {
+      "^nimma/legacy$": "<rootDir>/../../../../../node_modules/nimma/dist/legacy/cjs/index.js",
+      "^nimma/(.*)": "<rootDir>/../../../../../node_modules/nimma/dist/cjs/$1"
+    }
+  },
+  "babel": {
+    "presets": [
+      "@babel/preset-env",
+      [
+        "@babel/preset-react",
+        {
+          "runtime": "automatic"
+        }
+      ]
+    ]
+  }
+}