4/10

Dockerfile

@@ -1,21 +1,27 @@
-# read the doc: https://huggingface.co/docs/hub/spaces-sdks-docker
-# you will also find guides on how best to write your Dockerfile
-
+# Use the official Python 3.9 image
 FROM python:3.9
 
-# The two following lines are requirements for the Dev Mode to be functional
-# Learn more about the Dev Mode at https://huggingface.co/dev-mode-explorers
-RUN useradd -m -u 1000 user
-WORKDIR /app
+# Set the working directory to /code
+WORKDIR /code
 
-COPY --chown=user ./requirements.txt requirements.txt
-RUN pip install --no-cache-dir --upgrade -r requirements.txt
+# Copy the current directory contents into the container at /code
+COPY ./requirements.txt /code/requirements.txt
 
-COPY --chown=user . /app
+# Install requirements.txt 
+RUN pip install --no-cache-dir --upgrade -r /code/requirements.txt
 
+# Set up a new user named "user" with user ID 1000
+RUN useradd -m -u 1000 user
+# Switch to the "user" user
 USER user
-
+# Set home to the user's home directory
 ENV HOME=/home/user \
 	PATH=/home/user/.local/bin:$PATH
 
+# Set the working directory to the user's home directory
+WORKDIR $HOME/app
+
+# Copy the current directory contents into the container at $HOME/app setting the owner to the user
+COPY --chown=user . $HOME/app
+
 CMD ["uvicorn", "app:app", "--host", "0.0.0.0", "--port", "7860"]

app.py

@@ -1,28 +1,20 @@
 from fastapi import FastAPI
-
-app = FastAPI()
-
-@app.get("/")
-def greet_json():
-    return {"Hello": "World!"}
-
-from fastapi.responses import FileResponse
 from fastapi.staticfiles import StaticFiles
-from transformers import pipeline
+from fastapi.responses import FileResponse
 
+from transformers import pipeline
 
+app = FastAPI()
 
 pipe_flan = pipeline("text2text-generation", model="google/flan-t5-small")
 
-
 @app.get("/infer_t5")
 def t5(input):
     output = pipe_flan(input)
     return {"output": output[0]["generated_text"]}
 
-
 app.mount("/", StaticFiles(directory="static", html=True), name="static")
 
 @app.get("/")
 def index() -> FileResponse:
-    return FileResponse(path="/app/static/index.html", media_type="text/html")
+    return FileResponse(path="/app/static/index.html", media_type="text/html")

static/style.css

@@ -0,0 +1,45 @@
+body {
+    --text: hsl(0 0% 15%);
+    padding: 2.5rem;
+    font-family: sans-serif;
+    color: var(--text);
+  }
+  
+  body.dark-theme {
+    --text: hsl(0 0% 90%);
+    background-color: hsl(223 39% 7%);
+  }
+  
+  main {
+    max-width: 80rem;
+    text-align: center;
+  }
+  
+  section {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+  
+  a {
+    color: var(--text);
+  }
+  
+  form {
+    width: 30rem;
+    margin: 0 auto;
+  }
+  
+  input {
+    width: 100%;
+  }
+  
+  button {
+    cursor: pointer;
+  }
+  
+  .text-gen-output {
+    min-height: 1.2rem;
+    margin: 1rem;
+    border: 0.5px solid grey;
+  }