Enable Syntax highlight to all languages in the documentation

Enable Syntax highlight to all languages in the documentation

Author: rapphil

package-lock.json

@@ -45,6 +45,7 @@
     "node-fetch": "^3.2.6",
     "nouislider": "^13.1.1",
     "npm": "^8.13.2",
+    "prismjs": "^1.28.0",
     "prop-types": "^15.7.2",
     "react": "^16.13.1",
     "react-datetime": "^2.16.3",

package.json

@@ -2,6 +2,18 @@ import React from 'react';
 import { Global, css } from '@emotion/react';
 import { useTheme } from '@emotion/react';
 
+// Add syntax highlight for languages not enabled by default
+// https://github.com/FormidableLabs/prism-react-renderer#faq
+import Prism from "prism-react-renderer/prism";
+
+(typeof global !== "undefined" ? global : window).Prism = Prism;
+
+require("prismjs/components/prism-kotlin");
+require("prismjs/components/prism-java");
+require("prismjs/components/prism-ruby");
+require("prismjs/components/prism-csharp")
+
+
 export default function GlobalStyle() {
   const theme = useTheme();
 
@@ -273,6 +285,22 @@ export default function GlobalStyle() {
           content: 'bash';
         }
 
+        pre[class~='language-java']::before {
+          content: 'Java';
+        }
+
+        pre[class~='language-csharp']::before {
+          content: 'C#';
+        }
+
+        pre[class~='language-ruby']::before {
+          content: 'Ruby';
+        }
+
+        pre[class~='language-kotlin']::before {
+          content: 'Kotlin';
+        }
+
         pre[class~='language-yaml']::before,
         pre[class~='language-yml']::before {
           content: 'yaml';

src/@rocketseat/gatsby-theme-docs/styles/global.js

@@ -88,7 +88,7 @@ version of this artifact can not be newer than the version of the agent. Notably
 artifact, any usage of it will be disabled by the agent.
 
 ##### For Gradle:
-```java lineNumbers=true
+```kotlin lineNumbers=true
 dependencies {
     implementation("io.opentelemetry:opentelemetry-api:1.6.0")
 }

src/docs/getting-started/java-sdk/trace-auto-instr.mdx

@@ -35,7 +35,7 @@ Several components provide the functionality for using OpenTelemetry SDK with X-
 to align dependency versions for non-contrib components.
 
 ##### For Gradle:
-```java lineNumbers=true
+```kotlin lineNumbers=true
 dependencies {
     api(platform("io.opentelemetry:opentelemetry-bom:1.6.0"))
 
@@ -108,7 +108,7 @@ OpenTelemetrySdk.builder()
             ContextPropagators.create(
                 TextMapPropagator.composite(
                     W3CTraceContextPropagator.getInstance(), AwsXrayPropagator.getInstance())))
-        
+
         // This provides basic configuration of a TracerProvider which generates X-Ray compliant IDs
         .setTracerProvider(
             SdkTracerProvider.builder()
@@ -125,7 +125,7 @@ AWS resource detectors for enriching traces with AWS infrastructure information
 artifact.
 
 ##### For Gradle:
-```java lineNumbers=true
+```kotlin lineNumbers=true
 dependencies {
     implementation("io.opentelemetry:opentelemetry-sdk-extension-aws")
 }
@@ -179,7 +179,7 @@ the `io.opentelemetry.instrumentation:opentelemetry-instrumentation-bom-alpha` B
 library instrumentation. When using this, do not include `opentelemetry-bom`.
 
 ##### For Gradle:
-```java lineNumbers=true
+```kotlin lineNumbers=true
 dependencies {
     api(platform("io.opentelemetry.instrumentation:opentelemetry-instrumentation-bom-alpha:1.6.0-alpha"))