course/pr_1150/en/_app/immutable/nodes/101.fd4dfd86.js

import{s as V,n as X,o as Y}from"../chunks/scheduler.893fe8c9.js";import{S as Z,i as ee,e as r,s as o,c as _,h as te,a as s,d as a,b as i,f as J,g as y,j as C,k as K,l as ae,m as n,n as b,t as k,o as H,p as T}from"../chunks/index.b1df2166.js";import{C as ne,H as Q,E as oe}from"../chunks/MermaidChart.svelte_svelte_type_style_lang.7902b581.js";import{C as ie}from"../chunks/CourseFloatingBanner.c1c08878.js";function le(j){let l,G,x,L,p,P,m,M,u,S,f,B="This wraps up the chapter on building cool ML demos with Gradio - we hope you enjoyed it! To recap, in this chapter we learned:",E,h,W='<li>How to create Gradio demos with the high-level <code>Interface</code> API, and how to configure different input and output modalities.</li> <li>Different ways to share Gradio demos, through temporary links and hosting on <a href="https://huggingface.co/spaces" rel="nofollow">Hugging Face Spaces</a>.</li> <li>How to integrate Gradio demos with models and Spaces on the Hugging Face Hub.</li> <li>Advanced features like storing state in a demo or providing authentication.</li> <li>How to have full control of the data flow and layout of your demo with Gradio Blocks.</li>',z,c,N="If you’d like to test your understanding of the concepts covered in this chapter, check out the quiz in the next section!",I,d,q,g,O="If you want to learn more about Gradio you can",A,$,R='<li>Take a look at <a href="https://github.com/gradio-app/gradio/tree/main/demo" rel="nofollow">Demos</a> in the repo, there are quite a lot of examples there.</li> <li>See the <a href="https://gradio.app/guides/" rel="nofollow">Guides</a> page, where you can find guides about cool and advanced features.</li> <li>Check the <a href="https://gradio.app/docs/" rel="nofollow">Docs</a> page to learn the details.</li>',D,w,F,v,U;return p=new ne({props:{containerStyle:"float: right; margin-left: 10px; display: inline-flex; position: relative; z-index: 10;"}}),m=new Q({props:{title:"Gradio, check!",local:"gradio-check",headingTag:"h1"}}),u=new ie({props:{chapter:9,classNames:"absolute z-10 right-0 top-0"}}),d=new Q({props:{title:"Where to next?",local:"where-to-next",headingTag:"h2"}}),w=new oe({props:{source:"https://github.com/huggingface/course/blob/main/chapters/en/chapter9/8.mdx"}}),{c(){l=r("meta"),G=o(),x=r("p"),L=o(),_(p.$$.fragment),P=o(),_(m.$$.fragment),M=o(),_(u.$$.fragment),S=o(),f=r("p"),f.textContent=B,E=o(),h=r("ul"),h.innerHTML=W,z=o(),c=r("p"),c.textContent=N,I=o(),_(d.$$.fragment),q=o(),g=r("p"),g.textContent=O,A=o(),$=r("ul"),$.innerHTML=R,D=o(),_(w.$$.fragment),F=o(),v=r("p"),this.h()},l(e){const t=te("svelte-u9bgzb",document.head);l=s(t,"META",{name:!0,content:!0}),t.forEach(a),G=i(e),x=s(e,"P",{}),J(x).forEach(a),L=i(e),y(p.$$.fragment,e),P=i(e),y(m.$$.fragment,e),M=i(e),y(u.$$.fragment,e),S=i(e),f=s(e,"P",{"data-svelte-h":!0}),C(f)!=="svelte-nywok"&&(f.textContent=B),E=i(e),h=s(e,"UL",{"data-svelte-h":!0}),C(h)!=="svelte-12rviv8"&&(h.innerHTML=W),z=i(e),c=s(e,"P",{"data-svelte-h":!0}),C(c)!=="svelte-oar3hi"&&(c.textContent=N),I=i(e),y(d.$$.fragment,e),q=i(e),g=s(e,"P",{"data-svelte-h":!0}),C(g)!=="svelte-1k99na0"&&(g.textContent=O),A=i(e),$=s(e,"UL",{"data-svelte-h":!0}),C($)!=="svelte-1uo6xmp"&&($.innerHTML=R),D=i(e),y(w.$$.fragment,e),F=i(e),v=s(e,"P",{}),J(v).forEach(a),this.h()},h(){K(l,"name","hf:doc:metadata"),K(l,"content",re)},m(e,t){ae(document.head,l),n(e,G,t),n(e,x,t),n(e,L,t),b(p,e,t),n(e,P,t),b(m,e,t),n(e,M,t),b(u,e,t),n(e,S,t),n(e,f,t),n(e,E,t),n(e,h,t),n(e,z,t),n(e,c,t),n(e,I,t),b(d,e,t),n(e,q,t),n(e,g,t),n(e,A,t),n(e,$,t),n(e,D,t),b(w,e,t),n(e,F,t),n(e,v,t),U=!0},p:X,i(e){U||(k(p.$$.fragment,e),k(m.$$.fragment,e),k(u.$$.fragment,e),k(d.$$.fragment,e),k(w.$$.fragment,e),U=!0)},o(e){H(p.$$.fragment,e),H(m.$$.fragment,e),H(u.$$.fragment,e),H(d.$$.fragment,e),H(w.$$.fragment,e),U=!1},d(e){e&&(a(G),a(x),a(L),a(P),a(M),a(S),a(f),a(E),a(h),a(z),a(c),a(I),a(q),a(g),a(A),a($),a(D),a(F),a(v)),a(l),T(p,e),T(m,e),T(u,e),T(d,e),T(w,e)}}}const re='{"title":"Gradio, check!","local":"gradio-check","sections":[{"title":"Where to next?","local":"where-to-next","sections":[],"depth":2}],"depth":1}';function se(j){return Y(()=>{new URLSearchParams(window.location.search).get("fw")}),[]}class he extends Z{constructor(l){super(),ee(this,l,se,le,V,{})}}export{he as component};