+ }`}
+ >
{/* Sidebar component, swap this element with another sidebar if you like */}
@@ -304,7 +311,8 @@ export const AppContainer = (props: { children: React.ReactNode }) => {
'group flex gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold text-gray-700'
)}
target={item.linkType === 'external' ? '_blank' : undefined}
- rel={item.linkType === 'external' ? 'noreferrer' : undefined}>
+ rel={item.linkType === 'external' ? 'noreferrer' : undefined}
+ >
{
? 'bg-gray-50'
: 'hover:bg-gray-50',
'flex items-center w-full text-left rounded-md p-2 gap-x-3 text-sm leading-6 font-semibold text-gray-700'
- )}>
+ )}
+ >
{
}
rel={
subItem.linkType === 'external' ? 'noreferrer' : undefined
- }>
+ }
+ >
{subItem.name}
@@ -377,7 +387,8 @@ export const AppContainer = (props: { children: React.ReactNode }) => {
!sidebarOpen
? 'lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-8 lg:flex-col justify-end lg:py-2 lg:px-1'
: ''
- }`}>
+ }`}
+ >
diff --git a/telemetry/ui/src/examples/Counter.tsx b/telemetry/ui/src/examples/Counter.tsx
index 518657b70..7dd558ccb 100644
--- a/telemetry/ui/src/examples/Counter.tsx
+++ b/telemetry/ui/src/examples/Counter.tsx
@@ -102,9 +102,7 @@ export const Counter = () => {
projectId={currentProject}
currentApp={currentApp}
setCurrentApp={setCurrentApp}
- createNewApp={
- DefaultService.createNewApplicationApiV0CounterCreateProjectIdAppIdPost
- }
+ createNewApp={DefaultService.createNewApplicationApiV0CounterCreateProjectIdAppIdPost}
/>
}
mode={'third'}
diff --git a/telemetry/ui/src/examples/StreamingChatbot.tsx b/telemetry/ui/src/examples/StreamingChatbot.tsx
index e006ab019..ebb25125a 100644
--- a/telemetry/ui/src/examples/StreamingChatbot.tsx
+++ b/telemetry/ui/src/examples/StreamingChatbot.tsx
@@ -95,7 +95,8 @@ const ChatMessage = (props: { message: ChatItem; id?: string }) => {
a: ({ ...props }) =>
}}
remarkPlugins={[remarkGfm]}
- className={`whitespace-pre-wrap break-lines max-w-full ${props.message.type === ChatItem.type.ERROR ? 'bg-dwred/10' : ''} p-0.5`}>
+ className={`whitespace-pre-wrap break-lines max-w-full ${props.message.type === ChatItem.type.ERROR ? 'bg-dwred/10' : ''} p-0.5`}
+ >
{props.message.content}
) : (
@@ -292,7 +293,8 @@ export const StreamingChatbot = (props: { projectId: string; appId: string | und
disabled={isChatWaiting || props.appId === undefined}
onClick={() => {
submitPrompt();
- }}>
+ }}
+ >
Send
@@ -317,6 +319,7 @@ export const StreamingChatbotWithTelemetry = () => {
}
/>
}
- mode={'third'}>
+ mode={'third'}
+ >
);
};
diff --git a/telemetry/ui/src/index.tsx b/telemetry/ui/src/index.tsx
index 9247a799f..16a3b6e70 100644
--- a/telemetry/ui/src/index.tsx
+++ b/telemetry/ui/src/index.tsx
@@ -21,7 +21,6 @@ import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
-import reportWebVitals from './reportWebVitals';
const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);
root.render(
@@ -29,8 +28,3 @@ root.render(
);
-
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();
diff --git a/telemetry/ui/src/react-app-env.d.ts b/telemetry/ui/src/react-app-env.d.ts
deleted file mode 100644
index 748ef67e3..000000000
--- a/telemetry/ui/src/react-app-env.d.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-///
-
-interface Window {
- __BURR_BASE_PATH__?: string;
-}
diff --git a/telemetry/ui/src/reportWebVitals.ts b/telemetry/ui/src/reportWebVitals.ts
deleted file mode 100644
index dd995d025..000000000
--- a/telemetry/ui/src/reportWebVitals.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import { ReportHandler } from 'web-vitals';
-
-const reportWebVitals = (onPerfEntry?: ReportHandler) => {
- if (onPerfEntry && onPerfEntry instanceof Function) {
- import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
- getCLS(onPerfEntry);
- getFID(onPerfEntry);
- getFCP(onPerfEntry);
- getLCP(onPerfEntry);
- getTTFB(onPerfEntry);
- });
- }
-};
-
-export default reportWebVitals;
diff --git a/telemetry/ui/src/setupTests.ts b/telemetry/ui/src/setupTests.ts
deleted file mode 100644
index 54779bb1a..000000000
--- a/telemetry/ui/src/setupTests.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom';
diff --git a/telemetry/ui/src/test/setup.ts b/telemetry/ui/src/test/setup.ts
new file mode 100644
index 000000000..7b0828bfa
--- /dev/null
+++ b/telemetry/ui/src/test/setup.ts
@@ -0,0 +1 @@
+import '@testing-library/jest-dom';
diff --git a/telemetry/ui/src/vite-env.d.ts b/telemetry/ui/src/vite-env.d.ts
new file mode 100644
index 000000000..b4933e344
--- /dev/null
+++ b/telemetry/ui/src/vite-env.d.ts
@@ -0,0 +1,5 @@
+///
+
+interface Window {
+ __BURR_BASE_PATH__?: string;
+}
diff --git a/telemetry/ui/tsconfig.json b/telemetry/ui/tsconfig.json
index a6e787853..53cf24a88 100644
--- a/telemetry/ui/tsconfig.json
+++ b/telemetry/ui/tsconfig.json
@@ -10,11 +10,13 @@
"forceConsistentCasingInFileNames": true,
"noFallthroughCasesInSwitch": true,
"module": "esnext",
- "moduleResolution": "node",
+ "moduleResolution": "bundler",
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,
- "jsx": "react-jsx"
+ "jsx": "react-jsx",
+ "types": ["vite/client"]
},
- "include": ["src"]
+ "include": ["src"],
+ "references": [{ "path": "./tsconfig.node.json" }]
}
diff --git a/telemetry/ui/tsconfig.node.json b/telemetry/ui/tsconfig.node.json
new file mode 100644
index 000000000..c172b46b9
--- /dev/null
+++ b/telemetry/ui/tsconfig.node.json
@@ -0,0 +1,10 @@
+{
+ "compilerOptions": {
+ "composite": true,
+ "skipLibCheck": true,
+ "module": "esnext",
+ "moduleResolution": "bundler",
+ "allowSyntheticDefaultImports": true
+ },
+ "include": ["vite.config.ts"]
+}
diff --git a/telemetry/ui/vite.config.ts b/telemetry/ui/vite.config.ts
new file mode 100644
index 000000000..58d98ddcf
--- /dev/null
+++ b/telemetry/ui/vite.config.ts
@@ -0,0 +1,15 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig({
+ plugins: [react()],
+ server: {
+ port: 3000,
+ proxy: {
+ '/api': 'http://localhost:7241'
+ }
+ },
+ build: {
+ outDir: 'build'
+ }
+});
diff --git a/telemetry/ui/vitest.config.ts b/telemetry/ui/vitest.config.ts
new file mode 100644
index 000000000..205a33389
--- /dev/null
+++ b/telemetry/ui/vitest.config.ts
@@ -0,0 +1,11 @@
+import { defineConfig } from 'vitest/config';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig({
+ plugins: [react()],
+ test: {
+ environment: 'jsdom',
+ globals: true,
+ setupFiles: ['./src/test/setup.ts']
+ }
+});