refactor(readme): remove language-specific hardcoding from README generation

packages/components/src/components/readme/AvailableOperations.js

@@ -10,7 +10,7 @@ export function AvailableOperations({ operations }) {
     <>
       <Text newLines={2}>### Available Operations</Text>
       {operations.map((operation) => (
-        <Text newLines={2}>
+        <Text key={operation.id()} newLines={2}>
           <OperationHeader operation={operation} />
           <MessageExamples operation={operation} />
         </Text>

packages/components/src/components/readme/Installation.js

@@ -1,14 +1,20 @@
 import { Text } from '@asyncapi/generator-react-sdk';
 
-export function Installation() {
+const installCommands = {
+  python: 'pip install -r requirements.txt',
+  javascript: 'npm install',
+};
+
+export function Installation({ language }) {
+  const command = installCommands[language] || installCommands['python']; // default to python command
   return (
     <Text newLines={2}>
       {`## Installation
 
 Install dependencies:
 
 \`\`\`bash
-pip install -r requirements.txt
+${command}
 \`\`\`
 `}
     </Text>

packages/components/src/components/readme/Readme.js

@@ -13,22 +13,20 @@ export function Readme({ asyncapi, params, language }) {
   const title = getTitle(asyncapi);
   const serverUrl = getServerUrl(server);
 
-  const includeInstallation = language === 'python';
-  const includeAvailableOps = language === 'javascript';
-  const operations = includeAvailableOps ? asyncapi.operations().all() : [];
+  const operations = asyncapi.operations().all();
 
   return (
     <File name="README.md">
       <Text newLines={2}>{`# ${title}`}</Text>
       <Overview info={info} title={title} serverUrl={serverUrl} />
-      {includeInstallation && <Installation />}
+      <Installation language={language}/>
       <Usage
         clientName={clientName}
         clientFileName={params.clientFileName}
         language={language}
       />
       <CoreMethods language={language} />
-      {includeAvailableOps && <AvailableOperations operations={operations} />}
+      {operations.length > 0 && <AvailableOperations operations={operations} />}
     </File>
   );
 }