customized side by side (#1329)

* add customized side by side project into ITREX

Signed-off-by: Yue, Wenjiao <wenjiao.yue@intel.com>

intel_extension_for_transformers/neural_chat/ui/customized/side_by_side/.editorconfig

@@ -0,0 +1,10 @@
+[*]
+indent_style = tab
+
+[package.json]
+indent_style = space
+indent_size = 2
+
+[*.md]
+indent_style = space
+indent_size = 2

intel_extension_for_transformers/neural_chat/ui/customized/side_by_side/.env

@@ -0,0 +1,4 @@
+CHAT_A100_URL = ''
+CHAT_GAUDI2_URL = ''
+KNOWLEDGE_A100_URL = ''
+KNOWLEDGE_GAUDI2_URL = ''

intel_extension_for_transformers/neural_chat/ui/customized/side_by_side/.eslintignore

@@ -0,0 +1,13 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock

intel_extension_for_transformers/neural_chat/ui/customized/side_by_side/.eslintrc.cjs

@@ -0,0 +1,24 @@
+module.exports = {
+	root: true,
+	parser: "@typescript-eslint/parser",
+	extends: [
+		"eslint:recommended",
+		"plugin:@typescript-eslint/recommended",
+		"prettier",
+	],
+	plugins: ["svelte3", "@typescript-eslint", "neverthrow"],
+	ignorePatterns: ["*.cjs"],
+	overrides: [{ files: ["*.svelte"], processor: "svelte3/svelte3" }],
+	settings: {
+		"svelte3/typescript": () => require("typescript"),
+	},
+	parserOptions: {
+		sourceType: "module",
+		ecmaVersion: 2020,
+	},
+	env: {
+		browser: true,
+		es2017: true,
+		node: true,
+	},
+};

intel_extension_for_transformers/neural_chat/ui/customized/side_by_side/.prettierignore

@@ -0,0 +1,13 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock

intel_extension_for_transformers/neural_chat/ui/customized/side_by_side/.prettierrc

@@ -0,0 +1,13 @@
+{
+	"pluginSearchDirs": [
+		"."
+	],
+	"overrides": [
+		{
+			"files": "*.svelte",
+			"options": {
+				"parser": "svelte"
+			}
+		}
+	]
+}

intel_extension_for_transformers/neural_chat/ui/customized/side_by_side/README.md

@@ -0,0 +1,34 @@
+<h1 align="center" id="title"><img align="center" src="./static/favicon.png" alt="project-image" width="50" height="50">
+Side By Side</h1>
+
+### 📸 Project Screenshots
+
+![project-screenshot](https://imgur.com/6mf33rM.png)
+![project-screenshot](https://imgur.com/DJCXwNL.png)
+![project-screenshot](https://imgur.com/1XhrYdA.png)
+
+
+<h2>🧐 Features</h2>
+
+Here're some of the project's features:
+
+- Start a Text Chat：Compare the performance in output quality and response time between Gaudi2 and A100 using textual conversations.
+- Compare Concurrency Across Machines：One machine concurrently processes multiple requests and compares the time taken for each chat processing.
+- Upload File: The choice between uploading locally or copying a remote link. Chat according to uploaded knowledge base.
+
+<h2>🛠️ Get it Running:</h2>
+
+1. Clone the repo.
+
+2. cd command to the current folder.
+
+3. Modify the required .env variables.
+    ```
+    CHAT_A100_URL = ''
+    CHAT_GAUDI2_URL = ''
+    KNOWLEDGE_A100_URL = ''
+    KNOWLEDGE_GAUDI2_URL = ''
+    ```
+4. Execute `npm install` to install the corresponding dependencies.
+
+5. Execute `npm run dev` in both environments