Update app.py

app.py

@@ -18,6 +18,35 @@ FIM_SUFFIX = "<fim_suffix>"
 
 FIM_INDICATOR = "<FILL_HERE>"
 
+FORMATS = """## Model formats
+
+### Prefixes
+Any combination of the three:
+
+```
+<reponame>REPONAME<filename>FILENAME<gh_stars>STARS\nCode<eos>
+```
+Stars be: 0, 1-10, 10-100, 100-1000, 1000+
+
+### Commits
+
+```
+<commit_before>code<commit_msg>text<commit_after>code<|endoftext|>
+```
+
+### Jupyter structure
+
+```
+<start_jupyter><jupyter_text>text<jupyter_code>code<jupyter_output>output<jupyter_text>
+```
+
+### Fill-in-the-middle
+
+```
+code before<FILL_HERE>code after
+```
+"""
+
 theme = gr.themes.Monochrome(
     primary_hue="indigo",
     secondary_hue="blue",
@@ -93,44 +122,20 @@ with gr.Blocks(theme=theme, analytics_enabled=False, css=css) as demo:
             """\
 # BigCode - Playground
 
-_Note:_ this is an internal playground - please do not share. The deployment can also change and thus the space not work as we continue development.
-
-## Model formats
+_Note:_ this is an internal playground - please do not share. The deployment can also change and thus the space not work as we continue development.\
+"""
 
-### Prefixes
-Any combination of the three:
-
-```
-<reponame>REPONAME<filename>FILENAME<gh_stars>STARS\nCode<eos>
-```
-Stars be: 0, 1-10, 10-100, 100-1000, 1000+
-
-### Commits
-
-```
-<commit_before>code<commit_msg>text<commit_after>code<|endoftext|>
-```
-
-### Jupyter structure
-
-```
-<start_jupyter><jupyter_text>text<jupyter_code>code<jupyter_output>output<jupyter_text>
-```
-
-### Fill-in-the-middle
-
-```
-code before<FILL_HERE>code after
-```
-            """
         )
         with gr.Row():
             with gr.Column(scale=3):
                 instruction = gr.Textbox(placeholder="Enter your prompt here", label="Prompt", elem_id="q-input")
-
+                submit = gr.Button("Generate", variant="primary")
                 with gr.Box():
                     output = gr.Code(elem_id="q-output")
-                submit = gr.Button("Generate", variant="primary")
+                with gr.Group(elem_id="share-btn-container"):
+                    community_icon = gr.HTML(community_icon_html, visible=True)
+                    loading_icon = gr.HTML(loading_icon_html, visible=True)
+                    share_button = gr.Button("Share to community", elem_id="share-btn", visible=True)
                 gr.Examples(
                     examples=examples,
                     inputs=[instruction],
@@ -180,5 +185,5 @@ code before<FILL_HERE>code after
 
     submit.click(generate, inputs=[instruction, temperature, max_new_tokens, top_p, repetition_penalty], outputs=[output])
     instruction.submit(generate, inputs=[instruction, temperature, max_new_tokens, top_p, repetition_penalty], outputs=[output])
-
+    share_button.click(None, [], [], _js=share_js)
 demo.queue(concurrency_count=16).launch(debug=True)