feat: syntax highlighting on example snippet (#795)

* feat: syntax highlighting on example snippet * chore: small stylistic change
readmeio · Oct 26, 2023 · 16a402b · 16a402b
1 parent f93f152
commit 16a402b
Show file tree

Hide file tree

Showing 3 changed files with 54 additions and 7 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/api/package.json b/packages/api/package.json
@@ -47,6 +47,7 @@
     "@readme/openapi-parser": "^2.4.0",
     "chalk": "^5.3.0",
     "commander": "^11.1.0",
+    "emphasize": "^6.0.0",
     "execa": "^8.0.1",
     "figures": "^5.0.0",
     "httpsnippet-client-api": "file:../httpsnippet-client-api",

diff --git a/packages/api/src/commands/install.ts b/packages/api/src/commands/install.ts
@@ -2,6 +2,7 @@ import type { SupportedLanguage } from '../codegen/factory.js';
 
 import chalk from 'chalk';
 import { Command, Option } from 'commander';
+import { emphasize } from 'emphasize';
 import figures from 'figures';
 import Oas from 'oas';
 import ora from 'ora';
@@ -222,10 +223,11 @@ cmd
     const exampleSnippet = await getExampleCodeSnippet(oas, identifier);
     if (exampleSnippet) {
       logger('');
-      logger("Here's an example code snippet you can try out:");
+      logger(chalk.bold("👇 Here's an example code snippet you can try out 👇"));
       logger('');
-      logger(chalk.green(exampleSnippet));
+      logger(emphasize.highlight(language, exampleSnippet).value);
     }
+    logger('');
   })
   .addHelpText(
     'after',