apply formatting for code block names, reduce variations

Author: Simek

docs/debugging-native-code.md

@@ -50,7 +50,7 @@ adb logcat "*:S" ReactNative:V ReactNativeJS:V YourModuleName:D
 
 In your native module, use `NSLog` for custom logs:
 
-```objective-c
+```objectivec
 NSLog(@"YourModuleName: %@", message);
 ```
 

plugins/remark-codeblock-language-as-title/src/index.ts

@@ -7,18 +7,44 @@
 
 import {Root} from 'mdast';
 
+const LANGUAGES_MAP: Record<string, string> = {
+  js: 'JavaScript',
+  javascript: 'JavaScript',
+  ts: 'TypeScript',
+  typescript: 'TypeScript',
+  jsx: 'React JSX',
+  tsx: 'React TSX',
+  json: 'JSON',
+  objc: 'Objective-C',
+  objectivec: 'Objective-C',
+  xml: 'XML',
+  css: 'CSS',
+  cpp: 'C++',
+};
+
+const HIDDEN_TITLES = ['zsh', 'sh', 'shell', 'bash', 'powershell'];
+
+function capitalizeFirstLetter(str: string | null) {
+  if (!str) {
+    return str;
+  }
+  return str[0].toUpperCase() + str.slice(1);
+}
+
 export default function codeblockLanguageAsTitleRemarkPlugin() {
   return async (root: Root) => {
     const {visit} = await import('unist-util-visit');
     visit(root, 'code', node => {
-      if (node.lang && !['shell', 'bash'].includes(node.lang)) {
+      if (node.lang && !HIDDEN_TITLES.includes(node.lang)) {
+        const formattedTitle =
+          LANGUAGES_MAP[node.lang] ?? capitalizeFirstLetter(node.lang);
         if (node.meta) {
           if (node.meta.includes('title=')) {
             return;
           }
-          node.meta = `title="${node.lang}" ${node.meta}`;
+          node.meta = `title="${formattedTitle}" ${node.meta}`;
         } else {
-          node.meta = `title="${node.lang}"`;
+          node.meta = `title="${formattedTitle}"`;
         }
       }
     });

website/versioned_docs/version-0.77/debugging-native-code.md

@@ -50,7 +50,7 @@ adb logcat "*:S" ReactNative:V ReactNativeJS:V YourModuleName:D
 
 In your native module, use `NSLog` for custom logs:
 
-```objective-c
+```objectivec
 NSLog(@"YourModuleName: %@", message);
 ```
 

website/versioned_docs/version-0.77/the-new-architecture/custom-cxx-types.md

@@ -336,7 +336,7 @@ Now, we need to implement the `validateAddress` function in C++. First, we need
 
 2. Open the `shared/NativeSampleModule.cpp` file and add the function implementation
 
-```c++ title="NativeSampleModule.cpp (validateAddress implementation)"
+```cpp title="NativeSampleModule.cpp (validateAddress implementation)"
 bool NativeSampleModule::validateAddress(jsi::Runtime &rt, jsi::Object input) {
   std::string street = input.getProperty(rt, "street").asString(rt).utf8(rt);
   int32_t number = input.getProperty(rt, "num").asNumber();

website/versioned_docs/version-0.78/debugging-native-code.md

@@ -50,7 +50,7 @@ adb logcat "*:S" ReactNative:V ReactNativeJS:V YourModuleName:D
 
 In your native module, use `NSLog` for custom logs:
 
-```objective-c
+```objectivec
 NSLog(@"YourModuleName: %@", message);
 ```
 

website/versioned_docs/version-0.78/the-new-architecture/custom-cxx-types.md

@@ -336,7 +336,7 @@ Now, we need to implement the `validateAddress` function in C++. First, we need
 
 2. Open the `shared/NativeSampleModule.cpp` file and add the function implementation
 
-```c++ title="NativeSampleModule.cpp (validateAddress implementation)"
+```cpp title="NativeSampleModule.cpp (validateAddress implementation)"
 bool NativeSampleModule::validateAddress(jsi::Runtime &rt, jsi::Object input) {
   std::string street = input.getProperty(rt, "street").asString(rt).utf8(rt);
   int32_t number = input.getProperty(rt, "num").asNumber();

website/versioned_docs/version-0.79/debugging-native-code.md

@@ -50,7 +50,7 @@ adb logcat "*:S" ReactNative:V ReactNativeJS:V YourModuleName:D
 
 In your native module, use `NSLog` for custom logs:
 
-```objective-c
+```objectivec
 NSLog(@"YourModuleName: %@", message);
 ```
 

website/versioned_docs/version-0.79/the-new-architecture/custom-cxx-types.md

@@ -336,7 +336,7 @@ Now, we need to implement the `validateAddress` function in C++. First, we need
 
 2. Open the `shared/NativeSampleModule.cpp` file and add the function implementation
 
-```c++ title="NativeSampleModule.cpp (validateAddress implementation)"
+```cpp title="NativeSampleModule.cpp (validateAddress implementation)"
 bool NativeSampleModule::validateAddress(jsi::Runtime &rt, jsi::Object input) {
   std::string street = input.getProperty(rt, "street").asString(rt).utf8(rt);
   int32_t number = input.getProperty(rt, "num").asNumber();

website/versioned_docs/version-0.80/debugging-native-code.md

@@ -50,7 +50,7 @@ adb logcat "*:S" ReactNative:V ReactNativeJS:V YourModuleName:D
 
 In your native module, use `NSLog` for custom logs:
 
-```objective-c
+```objectivec
 NSLog(@"YourModuleName: %@", message);
 ```
 

website/versioned_docs/version-0.80/the-new-architecture/custom-cxx-types.md

@@ -336,7 +336,7 @@ Now, we need to implement the `validateAddress` function in C++. First, we need
 
 2. Open the `shared/NativeSampleModule.cpp` file and add the function implementation
 
-```c++ title="NativeSampleModule.cpp (validateAddress implementation)"
+```cpp title="NativeSampleModule.cpp (validateAddress implementation)"
 bool NativeSampleModule::validateAddress(jsi::Runtime &rt, jsi::Object input) {
   std::string street = input.getProperty(rt, "street").asString(rt).utf8(rt);
   int32_t number = input.getProperty(rt, "num").asNumber();