App 2068 bugfix code snippet (#256)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viamrobotics/prime",
-  "version": "0.2.13",
+  "version": "0.2.14",
   "license": "Apache-2.0",
   "type": "module",
   "files": [

playground/src/tabs-test.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import example from '../../src/stories/assets/json-code-example';
+import example from '../../src/stories/assets/cpp-code-example';
 
 let selectedTab = $ref('Tab 2');
 let jsonCodeExampleSrc = $ref(example);
@@ -9,7 +9,7 @@ setTimeout(() => {
     null,
     2
   );
-  }, 2000);
+  }, 4000);
 const handleTabSelect = (event: CustomEvent<{ value: string }>) => {
   selectedTab = event.detail.value;
 };

src/elements/code-snippet.svelte

@@ -76,13 +76,29 @@ const highlight = async () => {
     'font-family: Menlo, Monaco, "Courier New", monospace'
   );
 };
+
+const formatCode = (input: string): string => {
+  const htmlEntities: Record<string, string> = {
+    '<': '&lt;',
+    '>': '&gt',
+    '/': '&#47;',
+  };
+
+  let formattedCode = input;
+  for (const [key, value] of Object.entries(htmlEntities)) {
+    formattedCode = formattedCode.replaceAll(key, value);
+  }
+
+  return formattedCode;
+};
+
 onMount(async () => {
   await highlight();
 });
 
 $: {
   if (element) {
-    element.innerHTML = code;
+    element.innerHTML = formatCode(code);
     // eslint-disable-next-line no-void
     void highlight();
   }

src/stories/assets/cpp-code-example.js

@@ -0,0 +1,35 @@
+export default `
+#include <string>
+#include <vector>
+
+#include <boost/optional.hpp>
+
+#include <viam/api/common/v1/common.pb.h>
+#include <viam/api/robot/v1/robot.grpc.pb.h>
+
+#include <viam/sdk/robot/client.hpp>
+
+
+using namespace viam::sdk;
+
+int main() {
+  std::string host("modal-main.f5cyhk55u2.viam.cloud");
+  DialOptions dial_opts;
+  // Replace "<SECRET>" (including brackets) with your robot's secret
+  Credentials credentials("<SECRET>");
+  dial_opts.set_credentials(credentials);
+  boost::optional<DialOptions> opts(dial_opts);
+  Options options(0, opts);
+
+  auto robot = RobotClient::at_address(host, options);
+
+  std::cout << "Resources:\n";
+  for (const ResourceName& resource: *robot->resource_names()) {
+    std::cout << resource.namespace_() << ":" << resource.type() << ":"
+              << resource.subtype() << ":" << resource.name() << "\n";
+  }
+  
+
+  return 0;
+}
+`;