huggingface · seonglae · Jan 23, 2025
diff --git a/chat-streaming-minimal/.gitignore b/chat-streaming-minimal/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/chat-streaming-minimal/README.md b/chat-streaming-minimal/README.md
@@ -0,0 +1,47 @@
+# Chat Streaming (Minimal)
+
+Lightweight streaming chat application powered by Transformers.js, Vite, and Tailwind CSS.
+
+## Getting Started
+
+Follow the steps below to set up and run the application locally.
+
+### 1. Clone the Repository
+
+Clone the project repository from GitHub:
+
+```sh
+git clone https://github.com/huggingface/transformers.js-examples.git
+```
+
+### 2. Navigate to the Project Directory
+
+Change your working directory to the `chat-stream-minimal` folder:
+
+```sh
+cd transformers.js-examples/chat-stream-minimal
+```
+
+### 3. Install Dependencies
+
+Install all required dependencies using npm:
+
+```sh
+npm install
+```
+
+### 4. Run the Development Server
+
+Start the development server to launch the application:
+
+```sh
+npm run dev
+```
+
+The application should now be running. Open your browser and go to `http://localhost:5173` to access it.
+
+## Features
+
+- **Streaming Chat**: Real-time message updates with minimal latency.
+- **Web Workers**: Leverages Web Workers for parallel inference streaming.
+- **Lightweight Setup**: Built with Vite and Tailwind CSS for a simple and minimal development experience.
diff --git a/chat-streaming-minimal/index.html b/chat-streaming-minimal/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/robot.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link href="/dist/styles.css" rel="stylesheet">
+    <title>Chat Streaming</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/chat-streaming-minimal/package.json b/chat-streaming-minimal/package.json
@@ -0,0 +1,22 @@
+{
+  "name": "chat-streaming",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "devDependencies": {
+    "autoprefixer": "^10.4.20",
+    "postcss": "^8.5.1",
+    "typescript": "~5.6.2",
+    "vite": "^6.0.5"
+  },
+  "dependencies": {
+    "@huggingface/transformers": "^3.3.2",
+    "@tailwindcss/vite": "^4.0.0",
+    "tailwindcss": "^4.0.0"
+  }
+}