Add auto complete symbol feature

blukat29 · blukat29 · commit 94c8b9642105 · 2017-04-27T16:29:49.000Z
diff --git a/.gitignore b/.gitignore
@@ -88,3 +88,5 @@ ENV/
 
 # Rope project settings
 .ropeproject
+
+app/search/static/names.js
diff --git a/Dockerfile b/Dockerfile
@@ -20,6 +20,10 @@ COPY cron.conf /etc/supervisor/conf.d/cron.conf
 COPY app /app
 COPY libc-database /libc-database
 
+# Generate autocomplete symbols list
+COPY gen_names.sh /gen_names.sh
+RUN cd / && /gen_names.sh
+
 # nginx.conf of the base image aliases /static to /app/static.
 RUN ln -s /app/search/static /app/static
 # Enable download link
diff --git a/app/search/static/main.js b/app/search/static/main.js
@@ -72,6 +72,12 @@ function show_offset_diffs($radio) {
     });
 }
 
+function set_autocomplete(names) {
+    $('.query-name').autocomplete({
+        source: names
+    });
+}
+
 $('.symbol-radio').change(function() {
     show_offset_diffs($(this));
 });
diff --git a/app/search/templates/index.html b/app/search/templates/index.html
@@ -6,8 +6,10 @@
     <title>libc database search</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
     <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/start/jquery-ui.css">
     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
     <script type="text/javascript" src="{{ url_for('static', filename='URI.min.js') }}"></script>
   </head>
   <body>
@@ -95,10 +97,14 @@ <h1 class="panel-title panel-title-inline">{{ lib }}</h1>
       </div>
     </div>
     <script type="text/javascript" src="{{ url_for('static', filename='main.js') }}"></script>
-    <script>
+    <script type="text/javascript">
     {% for name, addr in query.items() %}
     add_query("{{ name }}", "{{ addr }}");
     {% endfor %}
     </script>
+    <script type="text/javascript" src="{{ url_for('static', filename='names.js') }}"></script>
+    <script type="text/javascript">
+    set_autocomplete(names);
+    </script>
   </body>
 </html>
diff --git a/gen_names.sh b/gen_names.sh
@@ -0,0 +1,13 @@
+dbdir=libc-database/db
+outfile=app/search/static/names.js
+
+cat $dbdir/*.symbols \
+    | cut -d ' ' -f 1 \
+    | sort \
+    | uniq \
+    | awk ' \
+    BEGIN { print "var names = [" }
+    { printf "\"%s\",\n", $1 }
+    END   { print "];" }' \
+        > $outfile
+wc -l $outfile
