Spaces:

ai-maker-space
/

CohoChatAssistant

Paused

App Files Files Community

CSAle commited on Sep 14, 2023

Commit

d2f126b

1 Parent(s): e27a3fb

Releasing RubiChat App

Browse files

Files changed (6) hide show

.gitignore +4 -0
Dockerfile +11 -0
app.py +89 -0
chainlit.md +11 -0
data/Rubilabs.html +435 -0
requirements.txt +7 -0

.gitignore ADDED Viewed

	@@ -0,0 +1,4 @@

+.env
+__pycache__
+cache
+.chainlit

Dockerfile ADDED Viewed

	@@ -0,0 +1,11 @@

+FROM python:3.9
+RUN useradd -m -u 1000 user
+USER user
+ENV HOME=/home/user \
+    PATH=/home/user/.local/bin:$PATH
+WORKDIR $HOME/app
+COPY --chown=user . $HOME/app
+COPY ./requirements.txt ~/app/requirements.txt
+RUN pip install -r requirements.txt
+COPY . .
+CMD ["chainlit", "run", "app.py", "--port", "7860"]

app.py ADDED Viewed

	@@ -0,0 +1,89 @@

+import chainlit as cl
+from langchain.embeddings.openai import OpenAIEmbeddings
+from langchain.document_loaders import BSHTMLLoader
+from langchain.embeddings import CacheBackedEmbeddings
+from langchain.text_splitter import RecursiveCharacterTextSplitter
+from langchain.vectorstores import FAISS
+from langchain.chains import RetrievalQA
+from langchain.chat_models import ChatOpenAI
+from langchain.storage import LocalFileStore
+from langchain.prompts.chat import (
+    ChatPromptTemplate,
+    SystemMessagePromptTemplate,
+    HumanMessagePromptTemplate,
+)
+import chainlit as cl
+text_splitter = RecursiveCharacterTextSplitter(chunk_size=1000, chunk_overlap=100)
+system_template = """
+Use the following pieces of context to answer the users question.
+If you don't know the answer, just say that you don't know, don't try to make up an answer.
+ALWAYS return a "SOURCES" part in your answer.
+The "SOURCES" part should be a reference to the source of the document from which you got your answer.
+Example of your response should be:
+```
+The answer is foo
+SOURCES: xyz
+```
+Begin!
+----------------
+{context}"""
+messages = [
+    SystemMessagePromptTemplate.from_template(system_template),
+    HumanMessagePromptTemplate.from_template("{question}"),
+]
+prompt = ChatPromptTemplate(messages=messages)
+chain_type_kwargs = {"prompt": prompt}
+@cl.on_chat_start
+async def init():
+    msg = cl.Message(content=f"Building Index...")
+    await msg.send()
+    # build FAISS index from csv
+    loader = BSHTMLLoader(file_path="./data/Rubilabs.html")
+    data = loader.load()
+    documents = text_splitter.transform_documents(data)
+    store = LocalFileStore("./cache/")
+    core_embeddings_model = OpenAIEmbeddings()
+    embedder = CacheBackedEmbeddings.from_bytes_store(
+        core_embeddings_model, store, namespace=core_embeddings_model.model
+    )
+    # make async docsearch
+    docsearch = await cl.make_async(FAISS.from_documents)(documents, embedder)
+    chain = RetrievalQA.from_chain_type(
+        ChatOpenAI(model="gpt-3.5-turbo", temperature=0, streaming=True),
+        chain_type="stuff",
+        return_source_documents=True,
+        retriever=docsearch.as_retriever(),
+        chain_type_kwargs=chain_type_kwargs,
+    )
+    msg.content = f"Index built!"
+    await msg.send()
+    cl.user_session.set("chain", chain)
+@cl.on_message
+async def main(message):
+    chain = cl.user_session.get("chain")
+    cb = cl.AsyncLangchainCallbackHandler(
+        stream_final_answer=True, answer_prefix_tokens=["FINAL", "ANSWER"]
+    )
+    cb.answer_reached = True
+    res = await chain.acall(message, callbacks=[cb])
+    answer = res["result"]
+    if cb.has_streamed_final_answer:
+        await cb.final_stream.update()
+    else:
+        await cl.Message(content=answer).send()

chainlit.md ADDED Viewed

	@@ -0,0 +1,11 @@

+# Assignment Part 2: Deploying Your Model to a Hugging Face Space
+Now that you've done the hard work of setting up the RetrievalQA chain and sourcing your documents - let's tie it together in a ChainLit application.
+### Duplicating the Space
+Since this is our first assignment, all you'll need to do is duplicate this space and add your own `OPENAI_API_KEY` as a secret in the space.
+### Conclusion
+Now that you've shipped an LLM-powered application, it's time to share! 🚀

data/Rubilabs.html ADDED Viewed

	@@ -0,0 +1,435 @@

+<!DOCTYPE html>
+<!-- saved from url=(0021)https://rubilabs.com/ -->
+<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <style>
+        .chat-widget {
+            position: fixed;
+            bottom: 30px;
+            right: 30px;
+            width: 60px;
+            height: 60px;
+            border-radius: 50%;
+            background-color: #145e5a;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            cursor: pointer;
+            box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
+            z-index: 1000
+        }
+        .chat-widget img {
+            width: 32px;
+            height: 32px;
+            padding: 4px
+        }
+        .chat-iframe-container {
+            position: fixed;
+            bottom: 100px;
+            right: 30px;
+            width: 400px;
+            height: 500px;
+            border: 1px solid #ccc;
+            border-radius: 10px;
+            padding: 10px;
+            box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
+            z-index: 1000;
+            display: none
+        }
+        .chat-iframe-container iframe {
+            width: 100%;
+            height: 100%;
+            border: none
+        }
+        .close-button {
+            position: absolute;
+            top: -12px;
+            right: -12px;
+            width: 24px;
+            height: 24px;
+            border-radius: 50%;
+            background-color: #145e5a;
+            color: #fff;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            cursor: pointer;
+            font-size: 18px;
+            font-weight: bold;
+            box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
+        }
+        @media (max-width:767px) {
+            .chat-iframe-container {
+                width: 90%;
+                height: 80%;
+                bottom: 10px;
+                right: 5%;
+                padding: 5px
+            }
+        }
+    </style>
+    <script>
+        document.addEventListener("DOMContentLoaded", function () {
+            var chatWidget = document.createElement("div");
+            chatWidget.id = "chatWidget";
+            chatWidget.className = "chat-widget";
+            chatWidget.innerHTML = '<img src="//s3.amazonaws.com/appforest_uf/f1680870188261x782123797109605800/bubble2.png" alt="Chat">';
+            var chatIframeContainer = document.createElement("div");
+            chatIframeContainer.id = "chatIframeContainer";
+            chatIframeContainer.className = "chat-iframe-container";
+            chatIframeContainer.innerHTML = '<div class="close-button" id="closeButton">×</div><iframe src="https://app.chatiq.ai/chatbot3d/mikesmart/English" name="myiFrame" scrolling="yes"></iframe>';
+            document.body.appendChild(chatWidget);
+            document.body.appendChild(chatIframeContainer);
+            document.getElementById('chatWidget').addEventListener('click', function () {
+                document.getElementById('chatIframeContainer').style.display = 'block';
+            });
+            document.getElementById('closeButton').addEventListener('click', function () {
+                document.getElementById('chatIframeContainer').style.display = 'none';
+            });
+        });
+    </script>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Rubilabs</title>
+    <link rel="icon" type="image/x-icon" href="https://rubilabs.com/favi.jpeg">
+    <link rel="stylesheet" href="./Rubilabs_files/style.css">
+    <link href="./Rubilabs_files/bootstrap.min.css" rel="stylesheet">
+    <!-- Latest compiled JavaScript -->
+    <script src="./Rubilabs_files/bootstrap.bundle.min.js.download"></script>
+    <!-- <link rel="stylesheet" href="./CSS/button.css"> -->
+<script src="chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/prompt.js"></script></head>
+<body data-new-gr-c-s-check-loaded="14.1123.0" data-gr-ext-installed="" data-new-gr-c-s-loaded="14.1125.0">
+    <!--Nav + Hero Section-->
+    <header>
+        <nav class="nav-bar">
+            <ul class="nav-parent">
+                <li>
+                    <a class="logo-link" href="https://rubilabs.com/"><img src="./Rubilabs_files/newlogo.png" alt="BirdPreneur Logo" class="logo-image"></a>
+                </li>
+                <li class="extreme position-el"><a href="https://rubilabs.com/#mission" class="nav-el">Our Mission</a></li>
+                <li class="extreme"><a href="https://rubilabs.com/#products" class="nav-el">Our Products</a></li>
+                <li class="extreme"><a href="https://rubilabs.com/#benefits" class="nav-el">Benefits</a></li>
+                <li class="extreme"><a href="https://rubilabs.com/#order" class="nav-el">Place Order</a></li>
+                <li class="extreme"><a href="https://rubilabs.com/#delivery" class="nav-el">Delivery</a></li>
+                <li class="extreme"><a href="https://rubilabs.com/#FAQs" class="nav-el">FAQs</a></li>
+                <li class="extreme"><a href="https://rubilabs.com/#contact" class="nav-el">Contact Us</a></li>
+                <li class="extreme"><button type="button" class="btn nav-el"><a id="get" href="https://shop.rubilabs.com/">Order Now</a></button></li>
+            </ul>
+        </nav>
+    </header>
+  <!--section 1-->
+    <section>
+       <div class="container-fluid" style="--bs-gutter-x: 0">
+        <div class="hero-image">
+                <h1 class="text"><b>RubilabsVet: Delivering Animal Vaccines and Farm Inputs Directly to You</b></h1>
+                <p class="text">RubilabsVet offers a wide range of high-quality and affordable animal vaccines, medications, and
+                    other <br> farm
+                    inputs, all
+                    delivered straight to your door. Trust RubilabsVet to keep your livestock healthy and happy.</p>
+                <button type="button" class="btn nav-el"><a id="hero-btn" href="https://shop.rubilabs.com/" style="text-decoration: none; font-size: 20px;">Order Now</a></button>
+        </div>
+       </div>
+    </section>
+    <!--section 2-->
+    <section id="mission">
+      <div class="container-fluid" style="background-color:  #d8f2f5;">
+        <div class="rubi">
+            <h1 style=" padding: 50px;"><b>RubilabsVet Overview and Mission</b></h1>
+        </div>
+        <div class="row">
+            <div class="col-sm-4">
+                <div class="card">
+                    <h3><b>Affordables</b></h3>
+                    <p>RubilabsVet is committed to providing high-quality products at competitive prices.</p>
+            </div>
+            </div>
+       <div class="col-sm-4">
+        <div class="card">
+                <h3><b>Quality Guaranteed</b></h3>
+                <p>All products are tested and approved, ensuring effective results and happy animals</p>
+        </div>
+        </div>
+        <!--row 2-->
+            <div class="col-sm-4">
+                <div class="card">
+                <h3><b>Convenient Delivery</b></h3>
+                <p>Get exactly what you need, when you need it, delivered directly to your doorstep.</p>
+            </div>
+            </div>
+            <div class="col-sm-4">
+                <div class="card">
+                    <h4><b>Exceptional Customer Service</b></h4>
+                    <p>The RubilabsVet team is always ready to give expert advice and quick support.</p>
+                </div>
+            </div>
+        </div>
+      </div>
+    </section>
+    <!--section 3-->
+    <section id="products">
+        <div class="container-fluid" style="background-color: #3e4a95;">
+        <div class="rubi">
+            <h1 id="products-h1"><b>Products Available for Delivery</b></h1>
+        </div>
+        <div class="row" id="product">
+            <div class="col-sm-3">
+                    <h3 style="margin-left: 60px;"><b>Vaccines</b></h3>
+                    <ol>
+                        <li>Avian Influenza</li>
+                        <li>Bovine Viral Diarrhea</li>
+                        <li>Pseudrabies (Aujeszky's Disease)</li>
+                    </ol>
+                </div>
+            <div class="col-sm-3">
+                    <!-- <img src="./img5.jpeg" alt=""> -->
+                    <!-- <div class="card-body"> -->
+                    <h3 style="margin-left: 60px;"><b>Medications</b></h3>
+                    <ol>
+                        <li>Flunixin Meglumine Injection</li>
+                        <li>Penicillin G Procaine Injection</li>
+                        <li>Oxytetracycline Injection</li>
+                    </ol>
+            </div>
+            <!--row 2-->
+            <div class="col-sm-3">
+                    <h3><b>Other Farm Inputs</b></h3>
+                    <ol>
+                        <li>Iron Dextran Injection</li>
+                        <li>B Complex Vitamins Injection</li>
+                        <li>Disinfectants</li>
+                    </ol>
+            </div>
+        </div>
+        </div>
+    </section>
+    <!--section 4-->
+    <div class="container-fluid" id="benefits">
+        <h1 id="benefits-h1"><b>Benefits of Using RubilabsVet</b></h1>
+        <div class="row">
+            <div class="col-sm-3">
+                <div class="card" id="new">
+                    <img src="./Rubilabs_files/img5.jpeg" alt="">
+                    <div class="card-body">
+                        <h4 style="margin-top: 30px;">Delivery Time</h4>
+                        <p>RubilabsVet products ensure your animals stay healthy, reducing the risk of diseases.</p>
+                    </div>
+                </div>
+        </div>
+        <div class="col-sm-3">
+            <div class="card" id="new">
+                <img src="./Rubilabs_files/img3.jpeg" alt="">
+                <div class="card-body">
+                    <h4 style="margin-top: 30px;">Increased Productivity</h4>
+                    <p>Our products enhance growth and productivity of animals, improving farm yields.</p>
+                </div>
+            </div>
+        </div>
+        <div class="col-sm-3">
+            <div class="card" id="new">
+                <img src="./Rubilabs_files/img2.jpeg" alt="">
+                <div class="card-body">
+                    <h4 style="margin-top: 30px;">Sustainable Agriculture</h4>
+                    <p>Our products ensure the welfare and sustainability of your farm.</p>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--section 5-->
+    <section id="order" style="margin-top: 200px;">
+        <div class="container-fluid" id="orders-top" style="padding-right: calc(var(--bs-gutter-x) * .0); padding-left: calc(var(--bs-gutter-x) * .0); --bs-gutter-x: 0;">
+            <div class="rubi" style="--bs-gutter-x: 0;">
+                <h3 id="rubi-h1"><b>How to Place an Order</b></h3>
+            </div>
+            <div class="row">
+                <div class="col-sm-3">
+                    <h4 style="margin-left: 90px;" id="orders"><b>Step 1:</b></h4>
+                    <h4 style="margin-left: 10px;" id="orders"><b>Select Your Products</b></h4>
+                    <p id="order">View our range of products online, and add them to your cart.</p>
+                </div>
+                <!--row 2-->
+                <div class="col-sm-3">
+                    <h4 style="margin-left: 80px;" id="orders"><b>Step 2:</b></h4>
+                    <h4 style="margin-left: 10px;" id="orders"><b>Choose Delivery Time</b></h4>
+                    <p id="order">Select a suitable delivery date and time that works for you.</p>
+                </div>
+                <!--row 3-->
+                <div class="col-sm-3">
+                    <h4 style="margin-left: 80px;" id="orders"><b>Step 3:</b></h4>
+                    <h4 id="orders"><b>Complete Your Order</b></h4>
+                    <p id="order">Enter your personal and payment information to complete your purchase.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!--section 6-->
+    <div class="container-fluid" id="delivery">
+        <h1 id="benefits-h1"><b>Delivery Process and Timelines</b></h1>
+        <div class="row">
+            <div class="col-sm-3" id="deliverys">
+                <div class="card" id="news">
+                    <div class="card-body">
+                        <h4 style="margin-top: 30px;">Delivery Time</h4>
+                        <p>Expect delivery within 3 hours from the time of purchase.</p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-sm-3" id="deliverys">
+                <div class="card" id="news">
+                    <div class="card-body">
+                        <h4 style="margin-top: 30px;">Delivery Fees</h4>
+                        <p>Delivery is free for all orders worth #30k and above.</p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-sm-3" id="deliverys">
+                <div class="card" id="news">
+                    <div class="card-body">
+                        <h4 style="margin-top: 30px;">Delivery Locations</h4>
+                        <p>We deliver to all locations within the Nigeria.</p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-sm-3" id="deliverys">
+                <div class="card" id="news" style="height: 250px;">
+                    <div class="card-body">
+                        <h4 style="margin-top: 30px;">Delivery Tracking</h4>
+                        <p>Track your order’s progress, right from dispatch to your doorstep.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+<!--section 7-->
+<section id="FAQs" style="--bs-gutter-x: 0">
+    <div class="container-fluid">
+        <div class="rubi">
+            <h1 id="fqa-h1"><b>FAQs</b></h1>
+        </div>
+        <div class="row" id="fqa">
+            <div class="col-sm-4">
+                <div class="card">
+                    <h4 class="fqa-h3"><b>What Payment Methods Are Accepted?</b></h4>
+                    <p>We accept all major credit and debit cards, including Visa, MasterCard, and American Express.</p>
+                </div>
+            </div>
+            <div class="col-sm-4">
+                <div class="card">
+                    <h4 class="fqa-h3"><b>How Do I Know If My Order Has Been Processed?</b></h4>
+                   <p>You will receive an email confirming receipt of your order, and another email when your order has been dispatched.</p>
+                </div>
+            </div>
+            <!--row 3-->
+            <div class="col-sm-4">
+                <div class="card">
+                    <h4 class="fqa-h3"><b>What Happens If I Am Not Satisfied With My Order?</b></h4>
+                  <p>In the unlikely event that you are not fully satisfied with your order, contact our customer service team to make
+                arrangements for returns or exchanges.</p>
+                </div>
+            </div>
+            <div class="col-sm-4">
+                <div class="card" id="fourth" style="height: 260px;">
+                    <h4 class="fqa-h3"><b>Are There Any Discounts Available?</b></h4>
+                    <p>Yes! Check out our website to see our current promotions and discounts available.</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+<!--section 8-->
+<section id="contact" style="--bs-gutter-x: 0;">
+    <div class="container-fluid" style="--bs-gutter-x: 0; --bs-gutter-y: 0;">
+        <div class="footer" style="--bs-gutter-x: 0;">
+        <div class="row" id="conatct-col">
+            <!--col 1-->
+            <div class="col-sm-5">
+                <div class="card">
+                    <img src="./Rubilabs_files/newlogo.png" alt="">
+                </div>
+            </div>
+            <!--col 2-->
+            <div class="col-sm-5">
+                <div class="card" id="faqs">
+                    <h4 class="fqa-h3"><b>Contact RubilabsVet for More Information</b></h4>
+                    <p>Looking for more information or have a question? Contact our friendly customer service team at <b>+2347016772509</b> or send an
+                    email to <b>[email protected].</b></p>
+                </div>
+            </div>
+        </div>
+        </div>
+        </div>
+     </section>
+    </div><div id="chatWidget" class="chat-widget"><img src="./Rubilabs_files/bubble2.png" alt="Chat"></div><div id="chatIframeContainer" class="chat-iframe-container" style="display: none;"><div class="close-button" id="closeButton">×</div><iframe src="./Rubilabs_files/English.html" name="myiFrame" scrolling="yes"></iframe></div></body><grammarly-desktop-integration data-grammarly-shadow-root="true"><template shadowrootmode="open"><style>
+      div.grammarly-desktop-integration {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        margin: -1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        white-space: nowrap;
+        border: 0;
+        -moz-user-select: none;
+        -webkit-user-select: none;
+        -ms-user-select:none;
+        user-select:none;
+      }
+      div.grammarly-desktop-integration:before {
+        content: attr(data-content);
+      }
+    </style><div aria-label="grammarly-integration" role="group" tabindex="-1" class="grammarly-desktop-integration" data-content="{&quot;mode&quot;:&quot;full&quot;,&quot;isActive&quot;:true,&quot;isUserDisabled&quot;:false}"></div></template></grammarly-desktop-integration></html>

requirements.txt ADDED Viewed

	@@ -0,0 +1,7 @@

+chainlit==0.6.2
+langchain==0.0.265
+tiktoken==0.4.0
+openai==0.27.8
+faiss-cpu==1.7.4
+beautifulsoup4
+lxml