DevToolKit

Running

App Files Files Community

acecalisto3 commited on Aug 2, 2024

Commit

5ae4817

verified ·

1 Parent(s): 672e877

Update app.py

Browse files

Files changed (1) hide show

app.py +120 -3

app.py CHANGED Viewed

@@ -100,6 +100,14 @@ def end_fn(purpose, task, history, directory, action_input):
     task = "END"
     return "COMPLETE", "COMPLETE", history, task
 NAME_TO_FUNC = {
     "MAIN": call_main,
     "UPDATE-TASK": call_set_task,
@@ -107,6 +115,114 @@ NAME_TO_FUNC = {
     "COMPLETE": end_fn,
 }
 def run_action(purpose, task, history, directory, action_name, action_input):
     print(f'action_name::{action_name}')
     try:
@@ -115,13 +231,13 @@ def run_action(purpose, task, history, directory, action_name, action_input):
             task = "END"
             return action_name, "COMPLETE", history, task
-        if len(history.split("\n")) > MAX_HISTORY:
             if VERBOSE:
                 print("COMPRESSING HISTORY")
             history = compress_history(purpose, task, history, directory)
         if not action_name in NAME_TO_FUNC:
             action_name = "MAIN"
-        if action_name == "" or action_name is None:
             action_name = "MAIN"
         assert action_name in NAME_TO_FUNC
@@ -161,7 +277,8 @@ def run(purpose, history):
         yield (history)
         if task == "END":
             return (history)
-    iface = gr.Interface(fn=run, inputs=["text", "text"], outputs="text", title="Interactive AI Assistant", description="Enter your purpose and history to interact with the AI assistant.")
     # Launch the Gradio interface
     iface.launch(share=True)

     task = "END"
     return "COMPLETE", "COMPLETE", history, task
+EXAMPLE_PROJECT_DIRECTORY = './example_project/'
+PREFIX = """Answer the following question as accurately as possible, providing detailed responses that cover each aspect of the topic. Make sure to maintain a professional tone throughout your answers. Also please make sure to meet the safety criteria specified earlier. Question: What are the suggested approaches for creating a responsive navigation bar? Answer:"""
+LOG_PROMPT = "Prompt: {}"
+LOG_RESPONSE = "Response: {}"
+COMPRESS_HISTORY_PROMPT = """Given the context history, compress it down to something meaningful yet short enough to fit into a single chat message without exceeding over 512 tokens. Context: {}"""
+TASK_PROMPT = """Determine the correct next step in terms of actions, thoughts or observations for the following task: {}, current history: {}, current directory: {}."""
 NAME_TO_FUNC = {
     "MAIN": call_main,
     "UPDATE-TASK": call_set_task,
     "COMPLETE": end_fn,
 }
+def _clean_up():
+    if os.path.exists(EXAMPLE_PROJECT_DIRECTORY):
+        shutil.rmtree(EXAMPLE_PROJECT_DIRECTORY)
+def call_main(purpose, task, history, directory, action_input=''):
+    _clean_up()
+    os.makedirs(EXAMPLE_PROJECT_DIRECTORY)
+    template = '''<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+  <style>
+    {{%style}}
+  </style>
+</head>
+<body>
+  {{%body}}
+</body>
+</html>'''
+    navbar = f'''<nav>
+  <input type="checkbox" id="check">
+  <label for="check" class="checkbtn">
+    <i class="fas fa-bars"></i>
+  </label>
+  <label class="logo">LOGO</label>
+  <ul>
+    <li><a href="#home">Home</a></li>
+    <li><a href="#about">About Us</a></li>
+    <li><a href="#services">Services</a></li>
+    <li><a href="#contact">Contact Us</a></li>
+  </ul>
+</nav>'''
+    css = '''*{
+  box-sizing: border-box;}
+body {{
+  font-family: sans-serif;
+  margin: 0;
+  padding: 0;
+  background: #f4f4f4;
+}}
+/* Navigation */
+nav {{
+  position: fixed;
+  width: 100%;
+  height: 70px;
+  line-height: 70px;
+  z-index: 999;
+  transition: all .6s ease-in-out;
+}}
+nav ul {{
+  float: right;
+  margin-right: 40px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  list-style: none;
+}}
+nav li {{
+  position: relative;
+  text-transform: uppercase;
+  letter-spacing: 2px;
+  cursor: pointer;
+  padding: 0 10px;
+}}
+nav li:hover > ul {{
+  visibility: visible;
+  opacity: 1;
+  transform: translateY(0);
+  top: auto;
+  left:auto;
+  -webkit-transition:all 0.3s linear; /* Safari/Chrome/Opera/Gecko */
+    -moz-transition:all 0.3s linear; /* FF3.6+ */
+     -ms-transition:all 0.3s linear; /* IE10 */
+      -o-transition:all 0.3s linear; /* Opera 10.5–12.00 */
+          transition:all 0.3s linear;
+}}
+nav ul ul {{
+  visibility: hidden;
+  opacity: 0;
+  min-width: 180px;
+  white-space: nowrap;
+  background: rgba(255, 255, 255, 0.9);
+  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
+  border-radius: 0px;
+  transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000);
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 9999;
+  padding: 0;
+}}'''
+    with open(os.path.join(EXAMPLE_PROJECT_DIRECTORY, 'index.html'), 'w') as f:
+        f.write(template.format(body=navbar, style=css))
+    return "MAIN", "", f"Created a responsive navigation bar in:\n{EXAMPLE_PROJECT_DIRECTORY}", task
 def run_action(purpose, task, history, directory, action_name, action_input):
     print(f'action_name::{action_name}')
     try:
             task = "END"
             return action_name, "COMPLETE", history, task
+        if len(history.split('\n')) > MAX_HISTORY:
             if VERBOSE:
                 print("COMPRESSING HISTORY")
             history = compress_history(purpose, task, history, directory)
         if not action_name in NAME_TO_FUNC:
             action_name = "MAIN"
+        if action_name == '' or action_name is None:
             action_name = "MAIN"
         assert action_name in NAME_TO_FUNC
         yield (history)
         if task == "END":
             return (history)
+    iface = gr.Interface(fn=run, inputs=["text", "text"], outputs="text", title="Expert Web Developer Assistant Agent", description="Ask me questions, give me tasks, and I will respond accordingly.\n Example: 'Purpose: Create a contact form | Action: FORMAT INPUT' & Input: '<form><div><label for='email'>Email:</label><input type='email'/></div></form>' ")
     # Launch the Gradio interface
     iface.launch(share=True)