chore: test case

Author: Aaaaash

packages/ai-native/__test__/browser/chat/chat-agent.service.test.ts

@@ -14,10 +14,6 @@ describe('ChatAgentService', () => {
     injector = createBrowserInjector(
       [],
       new MockInjector([
-        {
-          token: IChatAgentService,
-          useClass: ChatAgentService,
-        },
         {
           token: IChatManagerService,
           useValue: {
@@ -32,7 +28,7 @@ describe('ChatAgentService', () => {
         },
       ]),
     );
-    chatAgentService = injector.get(IChatAgentService);
+    chatAgentService = new ChatAgentService();
   });
 
   it('should register an agent', () => {

packages/ai-native/src/browser/components/ShikiHighlight.tsx

@@ -0,0 +1,36 @@
+import type { JSX } from 'react';
+import type { BundledLanguage } from 'shiki';
+import { toJsxRuntime } from 'hast-util-to-jsx-runtime';
+import { Fragment } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { codeToHast, codeToHtml } from 'shiki';
+
+export default function Page() {
+  return (
+    <main>
+      <CodeBlock lang='ts'>{['console.log("Hello")', 'console.log("World")'].join('\n')}</CodeBlock>
+    </main>
+  );
+}
+
+interface Props {
+  children: string;
+  lang: BundledLanguage;
+}
+
+async function CodeBlock(props: Props) {
+  const out = await codeToHtml(props.children, {
+    lang: props.lang,
+    theme: 'github-dark',
+  });
+
+  return toJsxRuntime(out, {
+    Fragment,
+    jsx,
+    jsxs,
+    components: {
+      // your custom `pre` element
+      pre: (props) => <pre data-custom-codeblock {...props} />,
+    },
+  }) as JSX.Element;
+}