feat: add LuzmoAIChatComponent

luzmo-official · Nov 3, 2024 · 45a898b · 45a898b
1 parent 2476ac0
commit 45a898b
Show file tree

Hide file tree

Showing 4 changed files with 194 additions and 10 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -15,6 +15,7 @@
     "@astrojs/netlify": "^5.5.0",
     "@astrojs/react": "^3.6.1",
     "@luzmo/nodejs-sdk": "^1.3.0",
+    "@luzmo/react-embed": "^5.1.2-beta.4",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "astro": "^4.0.6",

diff --git a/src/components/luzmo-client-component.tsx b/src/components/luzmo-client-component.tsx
@@ -1,10 +1,23 @@
+import { LuzmoAIChatComponent } from '@luzmo/react-embed';
+
 interface Props {
   authKey: string;
   authToken: string;
 }
 
 export default function LuzmoClientComponent({ authKey, authToken }: Props) {
-  console.log({ authKey, authToken });
-
-  return <section>Luzmo client component</section>;
+  return (
+    <section>
+      <LuzmoAIChatComponent
+        appServer={import.meta.env.PUBLIC_LUZMO_APP_SERVER}
+        apiHost={import.meta.env.PUBLIC_LUZMO_API_HOST}
+        authKey={authKey}
+        authToken={authToken}
+        options={{
+          showChart: true,
+          showConfiguration: true,
+        }}
+      />
+    </section>
+  );
 }
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -16,7 +16,7 @@ const response = await client.create('authorization', {
   access: {
     datasets: [
       {
-        id: '<dataset_id>',
+        id: '6f18525f-7b4f-4726-bc20-ccc4665d3091',
         rights: 'use',
       },
     ],
@@ -35,6 +35,6 @@ const { id, token } = response;
     <title>Astro</title>
   </head>
   <body>
-    <LuzmoClientComponent authKey={id} authToken={token} client:load />
+    <LuzmoClientComponent authKey={id} authToken={token} client:only='react' />
   </body>
 </html>