4 yıl önce · 980f084c08
--- a/app.py
+++ b/app.py
@@ -0,0 +1,24 @@
 
				+from fastapi import FastAPI
			
 
				+from fastapi.staticfiles import StaticFiles
			
 
				+from starlette.responses import FileResponse, RedirectResponse
			
 
				+
			
 
				+app = FastAPI()
			
 
				+
			
 
				+
			
 
				+@app.get("/search")
			
 
				+def search(s: str):
			
 
				+    return RedirectResponse(f'https://www.google.com/search?q={s}')
			
 
				+
			
 
				+
			
 
				+@app.get("/complete")
			
 
				+def complete(q: str):
			
 
				+    all_titles = ['some', 'nice results', 'here']
			
 
				+    return [q, all_titles]
			
 
				+
			
 
				+
			
 
				+@app.get('/')
			
 
				+def index():
			
 
				+    return FileResponse('static/index.html')
			
 
				+
			
 
				+
			
 
				+app.mount('/', StaticFiles(directory="static"), name="static")
			
--- a/static/index.html
+++ b/static/index.html
@@ -0,0 +1,16 @@
 
				+<html>
			
 
				+<head>
			
 
				+<title>Stoatally Different</title>
			
 
				+<link rel="search"
			
 
				+      type="application/opensearchdescription+xml"
			
 
				+      title="Stoatally Different"
			
 
				+      href="http://localhost:8000/plugin.xml">
			
 
				+</head>
			
 
				+<body>
			
 
				+Stoatally different.
			
 
				+
			
 
				+<form action="/search">
			
 
				+  <input type="search" name="s" />
			
 
				+</form>
			
 
				+</body>
			
 
				+</html>
			
--- a/static/landing.html
+++ b/static/landing.html
@@ -0,0 +1,48 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+  <title>%s</title>
			
 
				+  <link rel="search"
			
 
				+      type="application/opensearchdescription+xml"
			
 
				+      title="Stoatally Different"
			
 
				+      href="https://stoatally-different.appspot.com/plugin.xml">
			
 
				+  <!--BOOTSTRAP-->
			
 
				+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
			
 
				+  <link href="typeaheadjs.css" rel="stylesheet">
			
 
				+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
			
 
				+</head>
			
 
				+<body>
			
 
				+%s
			
 
				+
			
 
				+<div id="remote">
			
 
				+  <form action="/search">
			
 
				+    <input class="typeahead" type="search" placeholder="Search" name="s">
			
 
				+    <!--<input type="search" name="s" />-->
			
 
				+  </form>
			
 
				+</div>
			
 
				+
			
 
				+<!--BOOTSTRAP-->
			
 
				+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
			
 
				+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
			
 
				+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
			
 
				+<script src="typeahead.js"></script>
			
 
				+<script>
			
 
				+var bestPictures = new Bloodhound({
			
 
				+  datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
			
 
				+  queryTokenizer: Bloodhound.tokenizers.whitespace,
			
 
				+  remote: {
			
 
				+    url: '/complete?q=%%QUERY',
			
 
				+    wildcard: '%%QUERY'
			
 
				+  }
			
 
				+});
			
 
				+
			
 
				+$('#remote .typeahead').typeahead(null, {
			
 
				+  name: 'best-pictures',
			
 
				+  display: 'value',
			
 
				+  source: bestPictures
			
 
				+});
			
 
				+
			
 
				+</script>
			
 
				+
			
 
				+</body>
			
 
				+</html>
			
--- a/static/plugin.xml
+++ b/static/plugin.xml
--- a/static/typeahead.css
+++ b/static/typeahead.css
@@ -0,0 +1,58 @@
 
				+span.twitter-typeahead .tt-menu {
			
 
				+  cursor: pointer;
			
 
				+}
			
 
				+
			
 
				+.dropdown-menu, span.twitter-typeahead .tt-menu {
			
 
				+  position: absolute;
			
 
				+  top: 100%;
			
 
				+  left: 0;
			
 
				+  z-index: 1000;
			
 
				+  display: none;
			
 
				+  float: left;
			
 
				+  min-width: 160px;
			
 
				+  padding: 5px 0;
			
 
				+  margin: 2px 0 0;
			
 
				+  font-size: 1rem;
			
 
				+  color: #373a3c;
			
 
				+  text-align: left;
			
 
				+  list-style: none;
			
 
				+  background-color: #fff;
			
 
				+  background-clip: padding-box;
			
 
				+  border: 1px solid rgba(0, 0, 0, 0.15);
			
 
				+  border-radius: 0.25rem; }
			
 
				+
			
 
				+span.twitter-typeahead .tt-suggestion {
			
 
				+  display: block;
			
 
				+  width: 100%;
			
 
				+  padding: 3px 20px;
			
 
				+  clear: both;
			
 
				+  font-weight: normal;
			
 
				+  line-height: 1.5;
			
 
				+  color: #373a3c;
			
 
				+  text-align: inherit;
			
 
				+  white-space: nowrap;
			
 
				+  background: none;
			
 
				+  border: 0; }
			
 
				+span.twitter-typeahead .tt-suggestion:focus, .dropdown-item:hover, span.twitter-typeahead .tt-suggestion:hover {
			
 
				+    color: #2b2d2f;
			
 
				+    text-decoration: none;
			
 
				+    background-color: #f5f5f5; }
			
 
				+span.twitter-typeahead .active.tt-suggestion, span.twitter-typeahead .tt-suggestion.tt-cursor, span.twitter-typeahead .active.tt-suggestion:focus, span.twitter-typeahead .tt-suggestion.tt-cursor:focus, span.twitter-typeahead .active.tt-suggestion:hover, span.twitter-typeahead .tt-suggestion.tt-cursor:hover {
			
 
				+    color: #fff;
			
 
				+    text-decoration: none;
			
 
				+    background-color: #0275d8;
			
 
				+    outline: 0; }
			
 
				+span.twitter-typeahead .disabled.tt-suggestion, span.twitter-typeahead .disabled.tt-suggestion:focus, span.twitter-typeahead .disabled.tt-suggestion:hover {
			
 
				+    color: #818a91; }
			
 
				+span.twitter-typeahead .disabled.tt-suggestion:focus, span.twitter-typeahead .disabled.tt-suggestion:hover {
			
 
				+    text-decoration: none;
			
 
				+    cursor: not-allowed;
			
 
				+    background-color: transparent;
			
 
				+    background-image: none;
			
 
				+    filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; }
			
 
				+span.twitter-typeahead {
			
 
				+  width: 100%; }
			
 
				+  .input-group span.twitter-typeahead {
			
 
				+    display: block !important; }
			
 
				+    .input-group span.twitter-typeahead .tt-menu {
			
 
				+      top: 2.375rem !important; }
			
--- a/static/typeahead.js
+++ b/static/typeahead.js