mirror/gradio
2
0
Fork 0
mirror of https://github.com/gradio-app/gradio.git synced 2025-03-31 12:20:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

end to end react to flask

Browse Source
This commit is contained in:
Ali Abid 2021-05-24 10:23:08 -07:00
parent c373b2754b
commit 2915977a8a
10 changed files with 37 additions and 115 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.gitignore vendored
View File

@ -25,4 +25,5 @@ demo/tmp.zip
demo/flagged
test.txt
build/
gradio/launches.json
gradio/launches.json
gradio/frontend/

3
MANIFEST.in
View File

@ -1,2 +1,3 @@
recursive-include gradio/templates *
recursive-include gradio/static *
recursive-include gradio/static *
recursive-include gradio/frontend *

92
frontend/package-lock.json generated
View File

@ -19,7 +19,6 @@
"react-dom": "^17.0.2",
"react-json-tree": "^0.15.0",
"react-scripts": "4.0.3",
"react-sketch": "^0.5.1",
"react-webcam": "^5.2.3",
"sass": "^1.32.8",
"web-vitals": "^1.1.1"
@ -15153,55 +15152,6 @@
"node": ">=0.10.0"
}
},
"node_modules/react-sketch": {
"version": "0.5.1",
"resolved": "https://registry.npmjs.org/react-sketch/-/react-sketch-0.5.1.tgz",
"integrity": "sha512-a0BPc6z/Ec/7KN4KL/HGLfAhDfLyaBN8GDvILfBZVX74PnhWvJocofc/cHSCvtNtEmGSdmJPjrewfAUXKo78pA==",
"dependencies": {
"prop-types": "^15.6.2",
"react": "^16.6.1",
"react-dom": "^16.6.1"
},
"engines": {
"node": ">= 8"
}
},
"node_modules/react-sketch/node_modules/react": {
"version": "16.14.0",
"resolved": "https://registry.npmjs.org/react/-/react-16.14.0.tgz",
"integrity": "sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==",
"dependencies": {
"loose-envify": "^1.1.0",
"object-assign": "^4.1.1",
"prop-types": "^15.6.2"
},
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/react-sketch/node_modules/react-dom": {
"version": "16.14.0",
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.14.0.tgz",
"integrity": "sha512-1gCeQXDLoIqMgqD3IO2Ah9bnf0w9kzhwN5q4FGnHZ67hBm9yePzB5JJAIQCc8x3pFnNlwFq4RidZggNAAkzWWw==",
"dependencies": {
"loose-envify": "^1.1.0",
"object-assign": "^4.1.1",
"prop-types": "^15.6.2",
"scheduler": "^0.19.1"
},
"peerDependencies": {
"react": "^16.14.0"
}
},
"node_modules/react-sketch/node_modules/scheduler": {
"version": "0.19.1",
"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.19.1.tgz",
"integrity": "sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==",
"dependencies": {
"loose-envify": "^1.1.0",
"object-assign": "^4.1.1"
}
},
"node_modules/react-webcam": {
"version": "5.2.3",
"resolved": "https://registry.npmjs.org/react-webcam/-/react-webcam-5.2.3.tgz",
@ -32648,48 +32598,6 @@
}
}
},
"react-sketch": {
"version": "0.5.1",
"resolved": "https://registry.npmjs.org/react-sketch/-/react-sketch-0.5.1.tgz",
"integrity": "sha512-a0BPc6z/Ec/7KN4KL/HGLfAhDfLyaBN8GDvILfBZVX74PnhWvJocofc/cHSCvtNtEmGSdmJPjrewfAUXKo78pA==",
"requires": {
"prop-types": "^15.6.2",
"react": "^16.6.1",
"react-dom": "^16.6.1"
},
"dependencies": {
"react": {
"version": "16.14.0",
"resolved": "https://registry.npmjs.org/react/-/react-16.14.0.tgz",
"integrity": "sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==",
"requires": {
"loose-envify": "^1.1.0",
"object-assign": "^4.1.1",
"prop-types": "^15.6.2"
}
},
"react-dom": {
"version": "16.14.0",
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.14.0.tgz",
"integrity": "sha512-1gCeQXDLoIqMgqD3IO2Ah9bnf0w9kzhwN5q4FGnHZ67hBm9yePzB5JJAIQCc8x3pFnNlwFq4RidZggNAAkzWWw==",
"requires": {
"loose-envify": "^1.1.0",
"object-assign": "^4.1.1",
"prop-types": "^15.6.2",
"scheduler": "^0.19.1"
}
},
"scheduler": {
"version": "0.19.1",
"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.19.1.tgz",
"integrity": "sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==",
"requires": {
"loose-envify": "^1.1.0",
"object-assign": "^4.1.1"
}
}
}
},
"react-webcam": {
"version": "5.2.3",
"resolved": "https://registry.npmjs.org/react-webcam/-/react-webcam-5.2.3.tgz",

5
frontend/package.json
View File

@ -14,14 +14,13 @@
"react-dom": "^17.0.2",
"react-json-tree": "^0.15.0",
"react-scripts": "4.0.3",
"react-sketch": "^0.5.1",
"react-webcam": "^5.2.3",
"sass": "^1.32.8",
"web-vitals": "^1.1.1"
},
"scripts": {
"start": "REACT_APP_BACKEND_URL=http://localhost:7860 craco start",
"build": "craco build",
"start": "REACT_APP_BACKEND_URL='http://localhost:7860' craco start",
"build": "BUILD_PATH='../gradio/frontend' REACT_APP_BACKEND_URL='' craco build",
"test": "craco test",
"eject": "react-scripts eject"
},

8
frontend/src/interfaces/input/image.jsx
View File

@ -1,7 +1,7 @@
import React from 'react';
import { DataURLComponentExample } from '../component_example';
import Webcam from "react-webcam";
import { SketchField, Tools } from 'react-sketch';
// import { SketchField, Tools } from 'react-sketch';
class ImageInput extends React.Component {
constructor(props) {
@ -65,7 +65,7 @@ class ImageInput extends React.Component {
this.sketchKey += 1;
}
return (<div className="input_image">
<div className="image_preview_holder sketch">
{/* <div className="image_preview_holder sketch">
<SketchField
ref={this.sketchRef}
key={this.sketchKey}
@ -76,8 +76,8 @@ class ImageInput extends React.Component {
lineWidth={20}
backgroundColor="white"
onChange={this.getSketch}
/>
</div>
/>
</div>*/}
</div>);
}
}

21
gradio.egg-info/SOURCES.txt
View File

@ -20,6 +20,26 @@ gradio.egg-info/SOURCES.txt
gradio.egg-info/dependency_links.txt
gradio.egg-info/requires.txt
gradio.egg-info/top_level.txt
gradio/frontend/asset-manifest.json
gradio/frontend/index.html
gradio/frontend/static/css/2.c6f1eff9.chunk.css
gradio/frontend/static/css/2.c6f1eff9.chunk.css.map
gradio/frontend/static/css/3.40297d85.chunk.css
gradio/frontend/static/css/3.40297d85.chunk.css.map
gradio/frontend/static/css/4.e3609929.chunk.css
gradio/frontend/static/css/4.e3609929.chunk.css.map
gradio/frontend/static/js/2.62a34f98.chunk.js
gradio/frontend/static/js/2.62a34f98.chunk.js.LICENSE.txt
gradio/frontend/static/js/2.62a34f98.chunk.js.map
gradio/frontend/static/js/3.c9f63f14.chunk.js
gradio/frontend/static/js/3.c9f63f14.chunk.js.map
gradio/frontend/static/js/4.9ae33d51.chunk.js
gradio/frontend/static/js/4.9ae33d51.chunk.js.map
gradio/frontend/static/js/main.aca3848b.chunk.js
gradio/frontend/static/js/main.aca3848b.chunk.js.map
gradio/frontend/static/js/runtime-main.88972b1f.js
gradio/frontend/static/js/runtime-main.88972b1f.js.map
gradio/frontend/static/media/logo_loading.e93acd82.gif
gradio/static/css/gradio.css
gradio/static/css/loading.css
gradio/static/css/style.css
@ -131,7 +151,6 @@ gradio/static/js/vendor/gifcap/gifencoder.js
gradio/static/js/vendor/gifcap/quantizer.js
gradio/static/js/vendor/gifcap/writer.js
gradio/templates/index.html
gradio/templates/index2.html
test/test_demos.py
test/test_inputs.py
test/test_interfaces.py

4
gradio/interface.py
View File

@ -463,8 +463,8 @@ class Interface:
# Embed the remote interface page if on google colab; otherwise, embed the local page.
print(strings.en["INLINE_DISPLAY_BELOW"])
if share:
while not networking.url_ok(share_url):
time.sleep(1)
# while not networking.url_ok(share_url):
# time.sleep(1)
display(IFrame(share_url, width=1000, height=500))
else:
display(IFrame(path_to_local_server, width=1000, height=500))

13
gradio/networking.py
View File

@ -33,8 +33,8 @@ LOCALHOST_NAME = os.getenv(
GRADIO_API_SERVER = "https://api.gradio.app/v1/tunnel-request"
GRADIO_FEATURE_ANALYTICS_URL = "https://api.gradio.app/gradio-feature-analytics/"
STATIC_TEMPLATE_LIB = pkg_resources.resource_filename("gradio", "templates/")
STATIC_PATH_LIB = pkg_resources.resource_filename("gradio", "static/")
STATIC_TEMPLATE_LIB = pkg_resources.resource_filename("gradio", "frontend/")
STATIC_PATH_LIB = pkg_resources.resource_filename("gradio", "frontend/static")
GRADIO_STATIC_ROOT = "https://gradio.app"
app = Flask(__name__,
@ -88,15 +88,10 @@ def home_page(examples=None, path=None):
css=app.interface.css, examples=examples, path=path
)
@app.route("/", methods=["GET"])
def main():
return render_template("index2.html", config=app.interface.config)
# @app.route("/", methods=["GET"])
# def main():
# if isinstance(app.interface.examples, str):
# return redirect("/from_dir/" + app.interface.examples)
# return home_page()
return home_page()
@app.route("/from_dir", methods=["GET"])
def main_from_flagging_dir():

2
gradio/processing_utils.py
View File

@ -5,7 +5,7 @@ import tempfile
import scipy.io.wavfile
from scipy.fftpack import dct
import numpy as np
from gradio import encryptor
# from gradio import encryptor
#########################
# IMAGE PRE-PROCESSING

1
gradio/templates/index2.html
View File

@ -1 +0,0 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta property="og:url" content="https://gradio.app/"/><meta property="og:type" content="website"/><meta property="og:image" content="{{ config['thumbnail'] or '' }}"/><meta property="og:title" content="{{ config['title'] or '' }}"/><meta property="og:description" content="{{ config['description'] or '' }}"/><meta name="twitter:card" content="summary_large_image"><meta name="twitter:creator" content="@teamGradio"><meta name="twitter:title" content="{{ config['title'] or '' }}"><meta name="twitter:description" content="{{ config['description'] or '' }}"><meta name="twitter:image" content="{{ config['thumbnail'] or '' }}"><script async src="https://www.googletagmanager.com/gtag/js?id=UA-156449732-1"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-156449732-1")</script><title>Gradio</title><link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"><link href="/static/react/static/css/main.9d5b29c0.chunk.css" rel="stylesheet"></head><body><div id="root"></div><script>!function(e){function t(t){for(var n,f,l=t[0],a=t[1],i=t[2],p=0,s=[];p<l.length;p++)f=l[p],Object.prototype.hasOwnProperty.call(o,f)&&o[f]&&s.push(o[f][0]),o[f]=0;for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n]);for(c&&c(t);s.length;)s.shift()();return u.push.apply(u,i||[]),r()}function r(){for(var e,t=0;t<u.length;t++){for(var r=u[t],n=!0,l=1;l<r.length;l++){var a=r[l];0!==o[a]&&(n=!1)}n&&(u.splice(t--,1),e=f(f.s=r[0]))}return e}var n={},o={1:0},u=[];function f(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,f),r.l=!0,r.exports}f.m=e,f.c=n,f.d=function(e,t,r){f.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},f.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.t=function(e,t){if(1&t&&(e=f(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(f.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)f.d(r,n,function(t){return e[t]}.bind(null,n));return r},f.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(t,"a",t),t},f.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},f.p="/static/react/";var l=this.webpackJsonpfrontend=this.webpackJsonpfrontend||[],a=l.push.bind(l);l.push=t,l=l.slice();for(var i=0;i<l.length;i++)t(l[i]);var c=a;r()}([])</script><script src="/static/react/static/js/2.3a470ff6.chunk.js"></script><script src="/static/react/static/js/main.8e9be8c6.chunk.js"></script></body></html>