Spaces:
Running
Running
Revert changes
Browse files
app.py
CHANGED
|
@@ -1,100 +1,81 @@
|
|
|
|
|
| 1 |
import json
|
|
|
|
| 2 |
import os
|
| 3 |
import pprint
|
| 4 |
import re
|
|
|
|
| 5 |
|
| 6 |
-
import requests
|
| 7 |
import streamlit as st
|
| 8 |
import streamlit.components.v1 as components
|
|
|
|
|
|
|
| 9 |
|
| 10 |
pp = pprint.PrettyPrinter(indent=2)
|
| 11 |
st.set_page_config(page_title="Gaia Search", layout="wide")
|
| 12 |
|
| 13 |
-
os.makedirs(os.path.join(os.getcwd(),
|
| 14 |
-
with open(os.path.join(os.getcwd(),
|
| 15 |
-
file.write(
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 16 |
|
| 17 |
-
LANG_MAPPING = {
|
| 18 |
-
"Arabic": "ar",
|
| 19 |
-
"Catalan": "ca",
|
| 20 |
-
"Code": "code",
|
| 21 |
-
"English": "en",
|
| 22 |
-
"Spanish": "es",
|
| 23 |
-
"French": "fr",
|
| 24 |
-
"Indonesian": "id",
|
| 25 |
-
"Indic": "indic",
|
| 26 |
-
"Niger-Congo": "nigercongo",
|
| 27 |
-
"Portuguese": "pt",
|
| 28 |
-
"Vietnamese": "vi",
|
| 29 |
-
"Chinese": "zh",
|
| 30 |
-
"Detect Language": "detect_language",
|
| 31 |
-
"All": "all",
|
| 32 |
-
}
|
| 33 |
|
| 34 |
|
| 35 |
st.sidebar.markdown(
|
| 36 |
-
|
| 37 |
-
|
| 38 |
-
|
| 39 |
-
|
| 40 |
-
|
| 41 |
-
|
| 42 |
-
|
| 43 |
-
|
| 44 |
-
|
| 45 |
-
|
| 46 |
-
|
| 47 |
-
|
| 48 |
)
|
| 49 |
|
| 50 |
st.sidebar.markdown(
|
| 51 |
-
|
| 52 |
-
|
| 53 |
-
|
| 54 |
-
|
| 55 |
-
|
| 56 |
-
|
| 57 |
-
|
| 58 |
-
|
| 59 |
-
|
| 60 |
-
|
| 61 |
-
|
| 62 |
-
|
| 63 |
-
|
| 64 |
-
|
| 65 |
-
|
| 66 |
-
|
| 67 |
)
|
| 68 |
|
| 69 |
-
|
| 70 |
-
"Corpus",
|
| 71 |
-
(
|
| 72 |
-
"LAION",
|
| 73 |
-
"C4",
|
| 74 |
-
),
|
| 75 |
-
index=3,
|
| 76 |
-
)
|
| 77 |
-
query = st.sidebar.text_input(label="Search query", value="")
|
| 78 |
language = st.sidebar.selectbox(
|
| 79 |
-
|
| 80 |
-
(
|
| 81 |
-
|
| 82 |
-
"Catalan",
|
| 83 |
-
"Code",
|
| 84 |
-
"English",
|
| 85 |
-
"Spanish",
|
| 86 |
-
"French",
|
| 87 |
-
"Indonesian",
|
| 88 |
-
"Indic",
|
| 89 |
-
"Niger-Congo",
|
| 90 |
-
"Portuguese",
|
| 91 |
-
"Vietnamese",
|
| 92 |
-
"Chinese",
|
| 93 |
-
"Detect Language",
|
| 94 |
-
"All",
|
| 95 |
-
),
|
| 96 |
-
index=3,
|
| 97 |
-
)
|
| 98 |
max_results = st.sidebar.slider(
|
| 99 |
"Maximum Number of Results",
|
| 100 |
min_value=1,
|
|
@@ -103,41 +84,36 @@ max_results = st.sidebar.slider(
|
|
| 103 |
value=10,
|
| 104 |
help="Maximum Number of Documents to return",
|
| 105 |
)
|
| 106 |
-
footer
|
| 107 |
-
|
| 108 |
-
|
| 109 |
-
|
| 110 |
-
|
| 111 |
-
|
| 112 |
-
|
| 113 |
-
|
| 114 |
-
|
| 115 |
-
|
| 116 |
-
|
| 117 |
-
|
| 118 |
-
|
| 119 |
-
|
| 120 |
-
Powered by <a href="https://huggingface.co/" >HuggingFace 🤗</a> and <a href="https://github.com/castorini/pyserini" >Pyserini 🦆</a>
|
| 121 |
-
</p>
|
| 122 |
-
</div>
|
| 123 |
"""
|
| 124 |
-
st.sidebar.markdown(footer,
|
| 125 |
|
| 126 |
|
| 127 |
-
def scisearch(query,
|
| 128 |
try:
|
| 129 |
query = query.strip()
|
| 130 |
if query == "" or query is None:
|
| 131 |
return
|
| 132 |
|
| 133 |
-
corpus = corpus.strip()
|
| 134 |
-
address = os.environ.get("address") if corpus == "LAION" else os.environ.get("address")
|
| 135 |
post_data = {"query": query, "k": num_results}
|
| 136 |
if language != "detect_language":
|
| 137 |
post_data["lang"] = language
|
| 138 |
|
| 139 |
output = requests.post(
|
| 140 |
-
|
| 141 |
headers={"Content-type": "application/json"},
|
| 142 |
data=json.dumps(post_data),
|
| 143 |
timeout=60,
|
|
@@ -153,6 +129,7 @@ def scisearch(query, corpus, language, num_results=10):
|
|
| 153 |
Detected language <b>{detected_lang}</b> is not supported.<br>
|
| 154 |
Please choose a language from the dropdown or type another query.
|
| 155 |
</p><br><hr><br>"""
|
|
|
|
| 156 |
results = payload["results"]
|
| 157 |
highlight_terms = payload["highlight_terms"]
|
| 158 |
except Exception as e:
|
|
@@ -167,29 +144,23 @@ def scisearch(query, corpus, language, num_results=10):
|
|
| 167 |
|
| 168 |
return results, highlight_terms
|
| 169 |
|
| 170 |
-
|
| 171 |
PII_TAGS = {"KEY", "EMAIL", "USER", "IP_ADDRESS", "ID", "IPv4", "IPv6"}
|
| 172 |
PII_PREFIX = "PI:"
|
| 173 |
|
| 174 |
-
|
| 175 |
def process_pii(text):
|
| 176 |
for tag in PII_TAGS:
|
| 177 |
text = text.replace(
|
| 178 |
PII_PREFIX + tag,
|
| 179 |
-
"""<b><mark style="background: Fuchsia; color: Lime;">REDACTED {}</mark></b>""".format(
|
| 180 |
-
|
| 181 |
-
),
|
| 182 |
-
)
|
| 183 |
return text
|
| 184 |
|
| 185 |
-
|
| 186 |
def highlight_string(paragraph: str, highlight_terms: list) -> str:
|
| 187 |
for term in highlight_terms:
|
| 188 |
paragraph = re.sub(f"\\b{term}\\b", f"<b>{term}</b>", paragraph, flags=re.I)
|
| 189 |
paragraph = process_pii(paragraph)
|
| 190 |
return paragraph
|
| 191 |
|
| 192 |
-
|
| 193 |
def process_results(hits: list, highlight_terms: list) -> str:
|
| 194 |
hit_list = []
|
| 195 |
for i, hit in enumerate(hits):
|
|
@@ -198,7 +169,7 @@ def process_results(hits: list, highlight_terms: list) -> str:
|
|
| 198 |
<h2>{i+1}. Document ID: {hit['docid']}</h2>
|
| 199 |
<p>Language: <string>{hit['lang']}</string>, Score: {round(hit['score'], 2)}</p>
|
| 200 |
"""
|
| 201 |
-
for subhit in hit[
|
| 202 |
res_head += f"""
|
| 203 |
<button onclick="load_image({subhit['_id']})">Load Image</button><br>
|
| 204 |
<p><img id='{subhit['_id']}' src='{subhit['URL']}' style="width:400px;height:auto;display:none;"></p>
|
|
@@ -215,28 +186,25 @@ def process_results(hits: list, highlight_terms: list) -> str:
|
|
| 215 |
|
| 216 |
|
| 217 |
if st.sidebar.button("Search"):
|
| 218 |
-
hits, highlight_terms = scisearch(query,
|
| 219 |
html_results = process_results(hits, highlight_terms)
|
| 220 |
rendered_results = f"""
|
| 221 |
-
|
| 222 |
-
|
| 223 |
-
|
| 224 |
-
|
| 225 |
-
|
| 226 |
-
|
| 227 |
-
st.markdown(
|
| 228 |
-
|
| 229 |
-
|
| 230 |
-
|
| 231 |
-
|
| 232 |
-
unsafe_allow_html=True,
|
| 233 |
-
)
|
| 234 |
st.markdown(
|
| 235 |
"""
|
| 236 |
-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
| 237 |
""",
|
| 238 |
-
unsafe_allow_html=True
|
| 239 |
-
)
|
| 240 |
st.markdown(
|
| 241 |
f"""
|
| 242 |
<div class="row no-gutters mt-3 align-items-center">
|
|
@@ -251,35 +219,38 @@ if st.sidebar.button("Search"):
|
|
| 251 |
</div>
|
| 252 |
</div>
|
| 253 |
""",
|
| 254 |
-
unsafe_allow_html=True
|
| 255 |
-
)
|
| 256 |
components.html(
|
| 257 |
"""
|
| 258 |
<style>
|
| 259 |
-
|
| 260 |
-
|
| 261 |
-
|
| 262 |
-
|
| 263 |
-
|
| 264 |
-
|
| 265 |
-
|
| 266 |
-
|
| 267 |
-
|
| 268 |
-
|
| 269 |
-
|
| 270 |
-
|
| 271 |
-
|
| 272 |
-
|
| 273 |
-
|
| 274 |
-
|
| 275 |
-
|
| 276 |
-
|
| 277 |
-
|
| 278 |
-
|
| 279 |
-
|
| 280 |
-
|
| 281 |
-
|
| 282 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 283 |
</style>
|
| 284 |
<script>
|
| 285 |
function load_image(id){
|
|
@@ -298,8 +269,5 @@ if st.sidebar.button("Search"):
|
|
| 298 |
}
|
| 299 |
</script>
|
| 300 |
<button onclick="myFunction()">Toggle dark mode</button>
|
| 301 |
-
"""
|
| 302 |
-
|
| 303 |
-
height=800,
|
| 304 |
-
scrolling=True,
|
| 305 |
-
)
|
|
|
|
| 1 |
+
import http.client as http_client
|
| 2 |
import json
|
| 3 |
+
import logging
|
| 4 |
import os
|
| 5 |
import pprint
|
| 6 |
import re
|
| 7 |
+
import string
|
| 8 |
|
|
|
|
| 9 |
import streamlit as st
|
| 10 |
import streamlit.components.v1 as components
|
| 11 |
+
import requests
|
| 12 |
+
|
| 13 |
|
| 14 |
pp = pprint.PrettyPrinter(indent=2)
|
| 15 |
st.set_page_config(page_title="Gaia Search", layout="wide")
|
| 16 |
|
| 17 |
+
os.makedirs(os.path.join(os.getcwd(),".streamlit"), exist_ok = True)
|
| 18 |
+
with open(os.path.join(os.getcwd(),".streamlit/config.toml"), "w") as file:
|
| 19 |
+
file.write(
|
| 20 |
+
'[theme]\nbase="light"'
|
| 21 |
+
)
|
| 22 |
+
|
| 23 |
+
LANG_MAPPING = {'Arabic':'ar',
|
| 24 |
+
'Catalan':'ca',
|
| 25 |
+
'Code':'code',
|
| 26 |
+
'English':'en',
|
| 27 |
+
'Spanish':'es',
|
| 28 |
+
'French':'fr',
|
| 29 |
+
'Indonesian':'id',
|
| 30 |
+
'Indic':'indic',
|
| 31 |
+
'Niger-Congo':'nigercongo',
|
| 32 |
+
'Portuguese': 'pt',
|
| 33 |
+
'Vietnamese': 'vi',
|
| 34 |
+
'Chinese': 'zh',
|
| 35 |
+
'Detect Language':'detect_language',
|
| 36 |
+
'All':'all'}
|
| 37 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 38 |
|
| 39 |
|
| 40 |
st.sidebar.markdown(
|
| 41 |
+
"""
|
| 42 |
+
<style>
|
| 43 |
+
.aligncenter {
|
| 44 |
+
text-align: center;
|
| 45 |
+
font-weight: bold;
|
| 46 |
+
font-size: 50px;
|
| 47 |
+
}
|
| 48 |
+
</style>
|
| 49 |
+
<p class="aligncenter">Gaia Search 🌖🌏</p>
|
| 50 |
+
<p style="text-align: center;"> A search engine for the LAION large scale image caption corpora</p>
|
| 51 |
+
""",
|
| 52 |
+
unsafe_allow_html=True,
|
| 53 |
)
|
| 54 |
|
| 55 |
st.sidebar.markdown(
|
| 56 |
+
"""
|
| 57 |
+
<style>
|
| 58 |
+
.aligncenter {
|
| 59 |
+
text-align: center;
|
| 60 |
+
}
|
| 61 |
+
</style>
|
| 62 |
+
<p style='text-align: center'>
|
| 63 |
+
<a href="" >GitHub</a> | <a href="" >Project Report</a>
|
| 64 |
+
</p>
|
| 65 |
+
<p class="aligncenter">
|
| 66 |
+
<a href="" target="_blank">
|
| 67 |
+
<img src="https://colab.research.google.com/assets/colab-badge.svg"/>
|
| 68 |
+
</a>
|
| 69 |
+
</p>
|
| 70 |
+
""",
|
| 71 |
+
unsafe_allow_html=True,
|
| 72 |
)
|
| 73 |
|
| 74 |
+
query = st.sidebar.text_input(label='Search query', value='')
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 75 |
language = st.sidebar.selectbox(
|
| 76 |
+
'Language',
|
| 77 |
+
('Arabic', 'Catalan', 'Code', 'English', 'Spanish', 'French', 'Indonesian', 'Indic', 'Niger-Congo', 'Portuguese', 'Vietnamese', 'Chinese', 'Detect Language', 'All'),
|
| 78 |
+
index=3)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 79 |
max_results = st.sidebar.slider(
|
| 80 |
"Maximum Number of Results",
|
| 81 |
min_value=1,
|
|
|
|
| 84 |
value=10,
|
| 85 |
help="Maximum Number of Documents to return",
|
| 86 |
)
|
| 87 |
+
footer="""<style>
|
| 88 |
+
.footer {
|
| 89 |
+
position: fixed;
|
| 90 |
+
left: 0;
|
| 91 |
+
bottom: 0;
|
| 92 |
+
width: 100%;
|
| 93 |
+
background-color: white;
|
| 94 |
+
color: black;
|
| 95 |
+
text-align: center;
|
| 96 |
+
}
|
| 97 |
+
</style>
|
| 98 |
+
<div class="footer">
|
| 99 |
+
<p>Powered by <a href="https://huggingface.co/" >HuggingFace 🤗</a> and <a href="https://github.com/castorini/pyserini" >Pyserini 🦆</a></p>
|
| 100 |
+
</div>
|
|
|
|
|
|
|
|
|
|
| 101 |
"""
|
| 102 |
+
st.sidebar.markdown(footer,unsafe_allow_html=True)
|
| 103 |
|
| 104 |
|
| 105 |
+
def scisearch(query, language, num_results=10):
|
| 106 |
try:
|
| 107 |
query = query.strip()
|
| 108 |
if query == "" or query is None:
|
| 109 |
return
|
| 110 |
|
|
|
|
|
|
|
| 111 |
post_data = {"query": query, "k": num_results}
|
| 112 |
if language != "detect_language":
|
| 113 |
post_data["lang"] = language
|
| 114 |
|
| 115 |
output = requests.post(
|
| 116 |
+
os.environ.get("address"),
|
| 117 |
headers={"Content-type": "application/json"},
|
| 118 |
data=json.dumps(post_data),
|
| 119 |
timeout=60,
|
|
|
|
| 129 |
Detected language <b>{detected_lang}</b> is not supported.<br>
|
| 130 |
Please choose a language from the dropdown or type another query.
|
| 131 |
</p><br><hr><br>"""
|
| 132 |
+
|
| 133 |
results = payload["results"]
|
| 134 |
highlight_terms = payload["highlight_terms"]
|
| 135 |
except Exception as e:
|
|
|
|
| 144 |
|
| 145 |
return results, highlight_terms
|
| 146 |
|
|
|
|
| 147 |
PII_TAGS = {"KEY", "EMAIL", "USER", "IP_ADDRESS", "ID", "IPv4", "IPv6"}
|
| 148 |
PII_PREFIX = "PI:"
|
| 149 |
|
|
|
|
| 150 |
def process_pii(text):
|
| 151 |
for tag in PII_TAGS:
|
| 152 |
text = text.replace(
|
| 153 |
PII_PREFIX + tag,
|
| 154 |
+
"""<b><mark style="background: Fuchsia; color: Lime;">REDACTED {}</mark></b>""".format(tag),
|
| 155 |
+
)
|
|
|
|
|
|
|
| 156 |
return text
|
| 157 |
|
|
|
|
| 158 |
def highlight_string(paragraph: str, highlight_terms: list) -> str:
|
| 159 |
for term in highlight_terms:
|
| 160 |
paragraph = re.sub(f"\\b{term}\\b", f"<b>{term}</b>", paragraph, flags=re.I)
|
| 161 |
paragraph = process_pii(paragraph)
|
| 162 |
return paragraph
|
| 163 |
|
|
|
|
| 164 |
def process_results(hits: list, highlight_terms: list) -> str:
|
| 165 |
hit_list = []
|
| 166 |
for i, hit in enumerate(hits):
|
|
|
|
| 169 |
<h2>{i+1}. Document ID: {hit['docid']}</h2>
|
| 170 |
<p>Language: <string>{hit['lang']}</string>, Score: {round(hit['score'], 2)}</p>
|
| 171 |
"""
|
| 172 |
+
for subhit in hit['meta']['docs']:
|
| 173 |
res_head += f"""
|
| 174 |
<button onclick="load_image({subhit['_id']})">Load Image</button><br>
|
| 175 |
<p><img id='{subhit['_id']}' src='{subhit['URL']}' style="width:400px;height:auto;display:none;"></p>
|
|
|
|
| 186 |
|
| 187 |
|
| 188 |
if st.sidebar.button("Search"):
|
| 189 |
+
hits, highlight_terms = scisearch(query, LANG_MAPPING[language], max_results)
|
| 190 |
html_results = process_results(hits, highlight_terms)
|
| 191 |
rendered_results = f"""
|
| 192 |
+
<div id="searchresultsarea">
|
| 193 |
+
<br>
|
| 194 |
+
<p id="searchresultsnumber">About {max_results} results</p>
|
| 195 |
+
{html_results}
|
| 196 |
+
</div>
|
| 197 |
+
"""
|
| 198 |
+
st.markdown("""
|
| 199 |
+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
|
| 200 |
+
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
|
| 201 |
+
""",
|
| 202 |
+
unsafe_allow_html=True)
|
|
|
|
|
|
|
| 203 |
st.markdown(
|
| 204 |
"""
|
| 205 |
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
| 206 |
""",
|
| 207 |
+
unsafe_allow_html=True)
|
|
|
|
| 208 |
st.markdown(
|
| 209 |
f"""
|
| 210 |
<div class="row no-gutters mt-3 align-items-center">
|
|
|
|
| 219 |
</div>
|
| 220 |
</div>
|
| 221 |
""",
|
| 222 |
+
unsafe_allow_html=True)
|
|
|
|
| 223 |
components.html(
|
| 224 |
"""
|
| 225 |
<style>
|
| 226 |
+
#searchresultsarea {
|
| 227 |
+
font-family: 'Arial';
|
| 228 |
+
}
|
| 229 |
+
|
| 230 |
+
#searchresultsnumber {
|
| 231 |
+
font-size: 0.8rem;
|
| 232 |
+
color: gray;
|
| 233 |
+
}
|
| 234 |
+
|
| 235 |
+
.searchresult h2 {
|
| 236 |
+
font-size: 19px;
|
| 237 |
+
line-height: 18px;
|
| 238 |
+
font-weight: normal;
|
| 239 |
+
color: rgb(7, 111, 222);
|
| 240 |
+
margin-bottom: 0px;
|
| 241 |
+
margin-top: 25px;
|
| 242 |
+
}
|
| 243 |
+
|
| 244 |
+
.searchresult a {
|
| 245 |
+
font-size: 12px;
|
| 246 |
+
line-height: 12px;
|
| 247 |
+
color: green;
|
| 248 |
+
margin-bottom: 0px;
|
| 249 |
+
}
|
| 250 |
+
|
| 251 |
+
.dark-mode {
|
| 252 |
+
color: white;
|
| 253 |
+
}
|
| 254 |
</style>
|
| 255 |
<script>
|
| 256 |
function load_image(id){
|
|
|
|
| 269 |
}
|
| 270 |
</script>
|
| 271 |
<button onclick="myFunction()">Toggle dark mode</button>
|
| 272 |
+
""" + rendered_results, height=800, scrolling=True
|
| 273 |
+
)
|
|
|
|
|
|
|
|
|