import{S as Tr,i as Jr,s as kr,e as o,k as h,w as S,t as s,N as $r,c as r,d as a,m as f,a as i,x as E,h as l,b as p,P as oo,G as t,g as c,y as M,L as Ur,q as _,o as j,B as T,v as Ir}from"../chunks/vendor-hf-doc-builder.js";import{I as Re}from"../chunks/IconCopyLink-hf-doc-builder.js";import{C as Dt}from"../chunks/CodeBlock-hf-doc-builder.js";function Nr(ro){let A,Ft,R,Y,Oe,pe,za,Le,Ga,Qt,J,Xe,Ca,Da,Ve,Fa,Qa,ce,Ya,Pa,Yt,d,xa,Ke,qa,Ha,he,Oa,La,et,Xa,Va,tt,Ka,es,at,ts,as,st,ss,ls,Pt,v,os,lt,rs,is,P,ot,ns,ps,cs,rt,hs,fs,xt,fe,qt,k,ds,it,ms,us,Be,ws,gs,Ht,x,vs,de,ys,bs,Ot,B,q,nt,me,Ss,pt,Es,Lt,$,Ms,ct,_s,js,ue,Ts,Js,Xt,H,ks,we,$s,Us,Vt,Z,O,ht,ge,Is,ft,Ns,Kt,y,As,ve,Rs,Bs,dt,Zs,Ws,Ze,zs,Gs,ea,W,L,mt,ye,Cs,ut,Ds,ta,b,Fs,wt,Qs,Ys,be,Ps,xs,gt,qs,Hs,aa,Se,sa,We,Os,la,z,X,vt,Ee,Ls,yt,Xs,oa,V,Vs,bt,Ks,el,ra,Me,ia,m,tl,_e,al,sl,je,ll,ol,St,rl,il,Et,nl,pl,Mt,cl,hl,_t,fl,dl,na,G,ze,io,ml,Ge,no,pa,C,K,jt,Te,ul,Tt,wl,ca,U,gl,Jt,vl,yl,kt,bl,Sl,ha,Ce,El,fa,Je,da,g,po,ma,ee,Ml,$t,_l,jl,ua,D,te,Ut,ke,Tl,It,Jl,wa,ae,kl,$e,$l,Ul,ga,se,Il,Ue,Nt,Nl,Al,va,I,le,At,Rl,Bl,Rt,Zl,Wl,zl,F,Gl,Bt,Cl,Dl,Zt,Fl,Ql,Yl,Q,Pl,Wt,xl,ql,zt,Hl,Ol,ya,N,Ll,Gt,Xl,Vl,Ie,Kl,eo,ba,Ne,Sa,oe,to,De,ao,so,Ea;return pe=new Re({}),fe=new Dt({props:{code:"c2RrJTNBJTIwc3RyZWFtbGl0JTBBc2RrX3ZlcnNpb24lM0ElMjAxLjI1LjAlMjAlMjMlMjBUaGUlMjBsYXRlc3QlMjBzdXBwb3J0ZWQlMjB2ZXJzaW9u",highlighted:`<span class="hljs-attr">sdk:</span> <span class="hljs-string">streamlit</span>
<span class="hljs-attr">sdk_version:</span> <span class="hljs-number">1.25</span><span class="hljs-number">.0</span> <span class="hljs-comment"># The latest supported version</span>`}}),me=new Re({}),ge=new Re({}),ye=new Re({}),Se=new Dt({props:{code:"dHJhbnNmb3JtZXJzJTBBdG9yY2g=",highlighted:`<span class="hljs-attribute">transformers
torch</span>`}}),Ee=new Re({}),Me=new Dt({props:{code:"aW1wb3J0JTIwc3RyZWFtbGl0JTIwYXMlMjBzdCUwQWZyb20lMjB0cmFuc2Zvcm1lcnMlMjBpbXBvcnQlMjBwaXBlbGluZSUwQWZyb20lMjBQSUwlMjBpbXBvcnQlMjBJbWFnZSUwQSUwQXBpcGVsaW5lJTIwJTNEJTIwcGlwZWxpbmUodGFzayUzRCUyMmltYWdlLWNsYXNzaWZpY2F0aW9uJTIyJTJDJTIwbW9kZWwlM0QlMjJqdWxpZW4tYyUyRmhvdGRvZy1ub3QtaG90ZG9nJTIyKSUwQSUwQXN0LnRpdGxlKCUyMkhvdCUyMERvZyUzRiUyME9yJTIwTm90JTNGJTIyKSUwQSUwQWZpbGVfbmFtZSUyMCUzRCUyMHN0LmZpbGVfdXBsb2FkZXIoJTIyVXBsb2FkJTIwYSUyMGhvdCUyMGRvZyUyMGNhbmRpZGF0ZSUyMGltYWdlJTIyKSUwQSUwQWlmJTIwZmlsZV9uYW1lJTIwaXMlMjBub3QlMjBOb25lJTNBJTBBJTIwJTIwJTIwJTIwY29sMSUyQyUyMGNvbDIlMjAlM0QlMjBzdC5jb2x1bW5zKDIpJTBBJTBBJTIwJTIwJTIwJTIwaW1hZ2UlMjAlM0QlMjBJbWFnZS5vcGVuKGZpbGVfbmFtZSklMEElMjAlMjAlMjAlMjBjb2wxLmltYWdlKGltYWdlJTJDJTIwdXNlX2NvbHVtbl93aWR0aCUzRFRydWUpJTBBJTIwJTIwJTIwJTIwcHJlZGljdGlvbnMlMjAlM0QlMjBwaXBlbGluZShpbWFnZSklMEElMEElMjAlMjAlMjAlMjBjb2wyLmhlYWRlciglMjJQcm9iYWJpbGl0aWVzJTIyKSUwQSUyMCUyMCUyMCUyMGZvciUyMHAlMjBpbiUyMHByZWRpY3Rpb25zJTNBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwY29sMi5zdWJoZWFkZXIoZiUyMiU3QiUyMHAlNUInbGFiZWwnJTVEJTIwJTdEJTNBJTIwJTdCJTIwcm91bmQocCU1QidzY29yZSclNUQlMjAqJTIwMTAwJTJDJTIwMSklN0QlMjUlMjIp",highlighted:`<span class="hljs-keyword">import</span> streamlit <span class="hljs-keyword">as</span> st
<span class="hljs-keyword">from</span> transformers <span class="hljs-keyword">import</span> pipeline
<span class="hljs-keyword">from</span> PIL <span class="hljs-keyword">import</span> Image

pipeline = pipeline(task=<span class="hljs-string">&quot;image-classification&quot;</span>, model=<span class="hljs-string">&quot;julien-c/hotdog-not-hotdog&quot;</span>)

st.title(<span class="hljs-string">&quot;Hot Dog? Or Not?&quot;</span>)

file_name = st.file_uploader(<span class="hljs-string">&quot;Upload a hot dog candidate image&quot;</span>)

<span class="hljs-keyword">if</span> file_name <span class="hljs-keyword">is</span> <span class="hljs-keyword">not</span> <span class="hljs-literal">None</span>:
    col1, col2 = st.columns(<span class="hljs-number">2</span>)

    image = Image.<span class="hljs-built_in">open</span>(file_name)
    col1.image(image, use_column_width=<span class="hljs-literal">True</span>)
    predictions = pipeline(image)

    col2.header(<span class="hljs-string">&quot;Probabilities&quot;</span>)
    <span class="hljs-keyword">for</span> p <span class="hljs-keyword">in</span> predictions:
        col2.subheader(<span class="hljs-string">f&quot;<span class="hljs-subst">{ p[<span class="hljs-string">&#x27;label&#x27;</span>] }</span>: <span class="hljs-subst">{ <span class="hljs-built_in">round</span>(p[<span class="hljs-string">&#x27;score&#x27;</span>] * <span class="hljs-number">100</span>, <span class="hljs-number">1</span>)}</span>%&quot;</span>)`}}),Te=new Re({}),Je=new Dt({props:{code:"JTNDaWZyYW1lJTBBJTIwJTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZOaW1hQm9zY2FyaW5vLWhvdGRvZy1zdHJlYW1saXQuaGYuc3BhY2UlM0ZlbWJlZCUzRHRydWUlMjIlMEElMjAlMjB0aXRsZSUzRCUyMk15JTIwYXdlc29tZSUyMFN0cmVhbWxpdCUyMFNwYWNlJTIyJTBBJTNFJTNDJTJGaWZyYW1lJTNF",highlighted:`&lt;iframe
  src<span class="hljs-operator">=</span><span class="hljs-string">&quot;https://NimaBoscarino-hotdog-streamlit.hf.space?embed=true&quot;</span>
  title<span class="hljs-operator">=</span><span class="hljs-string">&quot;My awesome Streamlit Space&quot;</span>
&gt;&lt;/iframe&gt;`}}),ke=new Re({}),Ne=new Dt({props:{code:"JTNDaWZyYW1lJTBBJTA5aWQlM0QlMjJ5b3VyLWlmcmFtZS1pZCUyMiUwQSUwOXNyYyUzRCUyMmh0dHBzJTNBJTJGJTJGJTNDc3BhY2Utc3ViZG9tYWluJTNFLmhmLnNwYWNlJTIyJTBBJTA5ZnJhbWVib3JkZXIlM0QlMjIwJTIyJTBBJTA5d2lkdGglM0QlMjI4NTAlMjIlMEElMDloZWlnaHQlM0QlMjI0NTAlMjIlMEElM0UlM0MlMkZpZnJhbWUlM0UlMEElM0NzY3JpcHQlMjBzcmMlM0QlMjJodHRwcyUzQSUyRiUyRmNkbi5qc2RlbGl2ci5uZXQlMkZucG0lMkZpZnJhbWUtcmVzaXplciU0MDQuMy40JTJGanMlMkZpZnJhbWVSZXNpemVyLm1pbi5qcyUyMiUzRSUzQyUyRnNjcmlwdCUzRSUwQSUzQ3NjcmlwdCUzRSUwQSUyMCUyMGlGcmFtZVJlc2l6ZSglN0IlN0QlMkMlMjAlMjIlMjN5b3VyLWlmcmFtZS1pZCUyMiklMEElM0MlMkZzY3JpcHQlM0U=",highlighted:`<span class="hljs-tag">&lt;<span class="hljs-name">iframe</span>
	<span class="hljs-attr">id</span>=<span class="hljs-string">&quot;your-iframe-id&quot;</span>
	<span class="hljs-attr">src</span>=<span class="hljs-string">&quot;https://&lt;space-subdomain&gt;.hf.space&quot;</span>
	<span class="hljs-attr">frameborder</span>=<span class="hljs-string">&quot;0&quot;</span>
	<span class="hljs-attr">width</span>=<span class="hljs-string">&quot;850&quot;</span>
	<span class="hljs-attr">height</span>=<span class="hljs-string">&quot;450&quot;</span>
&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">iframe</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">&quot;https://cdn.jsdelivr.net/npm/iframe-resizer@4.3.4/js/iframeResizer.min.js&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-name">script</span>&gt;</span><span class="language-javascript">
  <span class="hljs-title function_">iFrameResize</span>({}, <span class="hljs-string">&quot;#your-iframe-id&quot;</span>)
</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>`}}),{c(){A=o("meta"),Ft=h(),R=o("h1"),Y=o("a"),Oe=o("span"),S(pe.$$.fragment),za=h(),Le=o("span"),Ga=s("Streamlit Spaces"),Qt=h(),J=o("p"),Xe=o("strong"),Ca=s("Streamlit"),Da=s(" gives users freedom to build a full-featured web app with Python in a "),Ve=o("em"),Fa=s("reactive"),Qa=s(" way. Your code is rerun each time the state of the app changes. Streamlit is also great for data visualization and supports several charting libraries such as Bokeh, Plotly, and Altair. Read this "),ce=o("a"),Ya=s("blog post"),Pa=s(" about building and hosting Streamlit apps in Spaces."),Yt=h(),d=o("p"),xa=s("Selecting "),Ke=o("strong"),qa=s("Streamlit"),Ha=s(" as the SDK when "),he=o("a"),Oa=s("creating a new Space"),La=s(" will initialize your Space with the latest version of Streamlit by setting the "),et=o("code"),Xa=s("sdk"),Va=s(" property to "),tt=o("code"),Ka=s("streamlit"),es=s(" in your "),at=o("code"),ts=s("README.md"),as=s(" file\u2019s YAML block. If you\u2019d like to change the Streamlit version, you can edit the "),st=o("code"),ss=s("sdk_version"),ls=s(" property."),Pt=h(),v=o("p"),os=s("To use Streamlit in a Space, select "),lt=o("strong"),rs=s("Streamlit"),is=s(" as the SDK when you create a Space through the "),P=o("a"),ot=o("strong"),ns=s("New Space"),ps=s(" form"),cs=s(". This will create a repository with a "),rt=o("code"),hs=s("README.md"),fs=s(" that contains the following properties in the YAML configuration block:"),xt=h(),S(fe.$$.fragment),qt=h(),k=o("p"),ds=s("You can edit the "),it=o("code"),ms=s("sdk_version"),us=s(", but note that issues may occur when you use an unsupported Streamlit version. Not all Streamlit versions are supported, so please refer to the "),Be=o("a"),ws=s("reference section"),gs=s(" to see which versions are available."),Ht=h(),x=o("p"),vs=s("For in-depth information about Streamlit, refer to the "),de=o("a"),ys=s("Streamlit documentation"),bs=s("."),Ot=h(),B=o("h2"),q=o("a"),nt=o("span"),S(me.$$.fragment),Ss=h(),pt=o("span"),Es=s("Your First Streamlit Space: Hot Dog Classifier"),Lt=h(),$=o("p"),Ms=s("In the following sections, you\u2019ll learn the basics of creating a Space, configuring it, and deploying your code to it. We\u2019ll create a "),ct=o("strong"),_s=s("Hot Dog Classifier"),js=s(" Space with Streamlit that\u2019ll be used to demo the "),ue=o("a"),Ts=s("julien-c/hotdog-not-hotdog"),Js=s(" model, which can detect whether a given picture contains a hot dog \u{1F32D}"),Xt=h(),H=o("p"),ks=s("You can find a completed version of this hosted at "),we=o("a"),$s=s("NimaBoscarino/hotdog-streamlit"),Us=s("."),Vt=h(),Z=o("h2"),O=o("a"),ht=o("span"),S(ge.$$.fragment),Is=h(),ft=o("span"),Ns=s("Create a new Streamlit Space"),Kt=h(),y=o("p"),As=s("We\u2019ll start by "),ve=o("a"),Rs=s("creating a brand new Space"),Bs=s(" and choosing "),dt=o("strong"),Zs=s("Streamlit"),Ws=s(" as our SDK. Hugging Face Spaces are Git repositories, meaning that you can work on your Space incrementally (and collaboratively) by pushing commits. Take a look at the "),Ze=o("a"),zs=s("Getting Started with Repositories"),Gs=s(" guide to learn about how you can create and edit files before continuing."),ea=h(),W=o("h2"),L=o("a"),mt=o("span"),S(ye.$$.fragment),Cs=h(),ut=o("span"),Ds=s("Add the dependencies"),ta=h(),b=o("p"),Fs=s("For the "),wt=o("strong"),Qs=s("Hot Dog Classifier"),Ys=s(" we\u2019ll be using a "),be=o("a"),Ps=s("\u{1F917} Transformers pipeline"),xs=s(" to use the model, so we need to start by installing a few dependencies. This can be done by creating a "),gt=o("strong"),qs=s("requirements.txt"),Hs=s(" file in our repository, and adding the following dependencies to it:"),aa=h(),S(Se.$$.fragment),sa=h(),We=o("p"),Os=s("The Spaces runtime will handle installing the dependencies!"),la=h(),z=o("h2"),X=o("a"),vt=o("span"),S(Ee.$$.fragment),Ls=h(),yt=o("span"),Xs=s("Create the Streamlit app"),oa=h(),V=o("p"),Vs=s("To create the Streamlit app, make a new file in the repository called "),bt=o("strong"),Ks=s("app.py"),el=s(", and add the following code:"),ra=h(),S(Me.$$.fragment),ia=h(),m=o("p"),tl=s("This Python script uses a "),_e=o("a"),al=s("\u{1F917} Transformers pipeline"),sl=s(" to load the "),je=o("a"),ll=s("julien-c/hotdog-not-hotdog"),ol=s(" model, which is used by the Streamlit interface. The Streamlit app will expect you to upload an image, which it\u2019ll then classify as "),St=o("em"),rl=s("hot dog"),il=s(" or "),Et=o("em"),nl=s("not hot dog"),pl=s(". Once you\u2019ve saved the code to the "),Mt=o("strong"),cl=s("app.py"),hl=s(" file, visit the "),_t=o("strong"),fl=s("App"),dl=s(" tab to see your app in action!"),na=h(),G=o("div"),ze=o("img"),ml=h(),Ge=o("img"),pa=h(),C=o("h2"),K=o("a"),jt=o("span"),S(Te.$$.fragment),ul=h(),Tt=o("span"),wl=s("Embed Streamlit Spaces on other webpages"),ca=h(),U=o("p"),gl=s("You can use the HTML "),Jt=o("code"),vl=s("<iframe>"),yl=s(" tag to embed a Streamlit Space as an inline frame on other webpages. Simply include the URL of your Space, ending with the "),kt=o("code"),bl=s(".hf.space"),Sl=s(" suffix. To find the URL of your Space, you can use the \u201CEmbed this Space\u201D button from the Spaces options."),ha=h(),Ce=o("p"),El=s("For example, the demo above can be embedded in these docs with the following tag:"),fa=h(),S(Je.$$.fragment),da=h(),g=o("iframe"),ma=h(),ee=o("p"),Ml=s("Please note that we have added "),$t=o("code"),_l=s("?embed=true"),jl=s(" to the URL, which activates the embed mode of the Streamlit app, removing some spacers and the footer for slim embeds."),ua=h(),D=o("h2"),te=o("a"),Ut=o("span"),S(ke.$$.fragment),Tl=h(),It=o("span"),Jl=s("Embed Streamlit Spaces with auto-resizing IFrames"),wa=h(),ae=o("p"),kl=s("Streamlit has supported automatic iframe resizing since "),$e=o("a"),$l=s("1.17.0"),Ul=s(" so that the size of the parent iframe is automatically adjusted to fit the content volume of the embedded Streamlit application."),ga=h(),se=o("p"),Il=s("It relies on the "),Ue=o("a"),Nt=o("code"),Nl=s("iFrame Resizer"),Al=s(" library, for which you need to add a few lines of code, as in the following example where"),va=h(),I=o("ul"),le=o("li"),At=o("code"),Rl=s("id"),Bl=s(" is set to "),Rt=o("code"),Zl=s("<iframe />"),Wl=s(" that is used to specify the auto-resize target."),zl=h(),F=o("li"),Gl=s("The "),Bt=o("code"),Cl=s("iFrame Resizer"),Dl=s(" is loaded via the "),Zt=o("code"),Fl=s("script"),Ql=s(" tag."),Yl=h(),Q=o("li"),Pl=s("The "),Wt=o("code"),xl=s("iFrameResize()"),ql=s(" function is called with the ID of the target "),zt=o("code"),Hl=s("iframe"),Ol=s(" element, so that its size changes automatically."),ya=h(),N=o("p"),Ll=s("We can pass options to the first argument of "),Gt=o("code"),Xl=s("iFrameResize()"),Vl=s(". See "),Ie=o("a"),Kl=s("the document"),eo=s(" for the details."),ba=h(),S(Ne.$$.fragment),Sa=h(),oe=o("p"),to=s("Additionally, you can checkout "),De=o("a"),ao=s("our documentation"),so=s("."),this.h()},l(e){const n=$r('[data-svelte="svelte-1phssyn"]',document.head);A=r(n,"META",{name:!0,content:!0}),n.forEach(a),Ft=f(e),R=r(e,"H1",{class:!0});var Ma=i(R);Y=r(Ma,"A",{id:!0,class:!0,href:!0});var co=i(Y);Oe=r(co,"SPAN",{});var ho=i(Oe);E(pe.$$.fragment,ho),ho.forEach(a),co.forEach(a),za=f(Ma),Le=r(Ma,"SPAN",{});var fo=i(Le);Ga=l(fo,"Streamlit Spaces"),fo.forEach(a),Ma.forEach(a),Qt=f(e),J=r(e,"P",{});var Ae=i(J);Xe=r(Ae,"STRONG",{});var mo=i(Xe);Ca=l(mo,"Streamlit"),mo.forEach(a),Da=l(Ae," gives users freedom to build a full-featured web app with Python in a "),Ve=r(Ae,"EM",{});var uo=i(Ve);Fa=l(uo,"reactive"),uo.forEach(a),Qa=l(Ae," way. Your code is rerun each time the state of the app changes. Streamlit is also great for data visualization and supports several charting libraries such as Bokeh, Plotly, and Altair. Read this "),ce=r(Ae,"A",{href:!0,rel:!0});var wo=i(ce);Ya=l(wo,"blog post"),wo.forEach(a),Pa=l(Ae," about building and hosting Streamlit apps in Spaces."),Ae.forEach(a),Yt=f(e),d=r(e,"P",{});var u=i(d);xa=l(u,"Selecting "),Ke=r(u,"STRONG",{});var go=i(Ke);qa=l(go,"Streamlit"),go.forEach(a),Ha=l(u," as the SDK when "),he=r(u,"A",{href:!0,rel:!0});var vo=i(he);Oa=l(vo,"creating a new Space"),vo.forEach(a),La=l(u," will initialize your Space with the latest version of Streamlit by setting the "),et=r(u,"CODE",{});var yo=i(et);Xa=l(yo,"sdk"),yo.forEach(a),Va=l(u," property to "),tt=r(u,"CODE",{});var bo=i(tt);Ka=l(bo,"streamlit"),bo.forEach(a),es=l(u," in your "),at=r(u,"CODE",{});var So=i(at);ts=l(So,"README.md"),So.forEach(a),as=l(u," file\u2019s YAML block. If you\u2019d like to change the Streamlit version, you can edit the "),st=r(u,"CODE",{});var Eo=i(st);ss=l(Eo,"sdk_version"),Eo.forEach(a),ls=l(u," property."),u.forEach(a),Pt=f(e),v=r(e,"P",{});var re=i(v);os=l(re,"To use Streamlit in a Space, select "),lt=r(re,"STRONG",{});var Mo=i(lt);rs=l(Mo,"Streamlit"),Mo.forEach(a),is=l(re," as the SDK when you create a Space through the "),P=r(re,"A",{href:!0,rel:!0});var lo=i(P);ot=r(lo,"STRONG",{});var _o=i(ot);ns=l(_o,"New Space"),_o.forEach(a),ps=l(lo," form"),lo.forEach(a),cs=l(re,". This will create a repository with a "),rt=r(re,"CODE",{});var jo=i(rt);hs=l(jo,"README.md"),jo.forEach(a),fs=l(re," that contains the following properties in the YAML configuration block:"),re.forEach(a),xt=f(e),E(fe.$$.fragment,e),qt=f(e),k=r(e,"P",{});var Fe=i(k);ds=l(Fe,"You can edit the "),it=r(Fe,"CODE",{});var To=i(it);ms=l(To,"sdk_version"),To.forEach(a),us=l(Fe,", but note that issues may occur when you use an unsupported Streamlit version. Not all Streamlit versions are supported, so please refer to the "),Be=r(Fe,"A",{href:!0});var Jo=i(Be);ws=l(Jo,"reference section"),Jo.forEach(a),gs=l(Fe," to see which versions are available."),Fe.forEach(a),Ht=f(e),x=r(e,"P",{});var _a=i(x);vs=l(_a,"For in-depth information about Streamlit, refer to the "),de=r(_a,"A",{href:!0,rel:!0});var ko=i(de);ys=l(ko,"Streamlit documentation"),ko.forEach(a),bs=l(_a,"."),_a.forEach(a),Ot=f(e),B=r(e,"H2",{class:!0});var ja=i(B);q=r(ja,"A",{id:!0,class:!0,href:!0});var $o=i(q);nt=r($o,"SPAN",{});var Uo=i(nt);E(me.$$.fragment,Uo),Uo.forEach(a),$o.forEach(a),Ss=f(ja),pt=r(ja,"SPAN",{});var Io=i(pt);Es=l(Io,"Your First Streamlit Space: Hot Dog Classifier"),Io.forEach(a),ja.forEach(a),Lt=f(e),$=r(e,"P",{});var Qe=i($);Ms=l(Qe,"In the following sections, you\u2019ll learn the basics of creating a Space, configuring it, and deploying your code to it. We\u2019ll create a "),ct=r(Qe,"STRONG",{});var No=i(ct);_s=l(No,"Hot Dog Classifier"),No.forEach(a),js=l(Qe," Space with Streamlit that\u2019ll be used to demo the "),ue=r(Qe,"A",{href:!0,rel:!0});var Ao=i(ue);Ts=l(Ao,"julien-c/hotdog-not-hotdog"),Ao.forEach(a),Js=l(Qe," model, which can detect whether a given picture contains a hot dog \u{1F32D}"),Qe.forEach(a),Xt=f(e),H=r(e,"P",{});var Ta=i(H);ks=l(Ta,"You can find a completed version of this hosted at "),we=r(Ta,"A",{href:!0,rel:!0});var Ro=i(we);$s=l(Ro,"NimaBoscarino/hotdog-streamlit"),Ro.forEach(a),Us=l(Ta,"."),Ta.forEach(a),Vt=f(e),Z=r(e,"H2",{class:!0});var Ja=i(Z);O=r(Ja,"A",{id:!0,class:!0,href:!0});var Bo=i(O);ht=r(Bo,"SPAN",{});var Zo=i(ht);E(ge.$$.fragment,Zo),Zo.forEach(a),Bo.forEach(a),Is=f(Ja),ft=r(Ja,"SPAN",{});var Wo=i(ft);Ns=l(Wo,"Create a new Streamlit Space"),Wo.forEach(a),Ja.forEach(a),Kt=f(e),y=r(e,"P",{});var ie=i(y);As=l(ie,"We\u2019ll start by "),ve=r(ie,"A",{href:!0,rel:!0});var zo=i(ve);Rs=l(zo,"creating a brand new Space"),zo.forEach(a),Bs=l(ie," and choosing "),dt=r(ie,"STRONG",{});var Go=i(dt);Zs=l(Go,"Streamlit"),Go.forEach(a),Ws=l(ie," as our SDK. Hugging Face Spaces are Git repositories, meaning that you can work on your Space incrementally (and collaboratively) by pushing commits. Take a look at the "),Ze=r(ie,"A",{href:!0});var Co=i(Ze);zs=l(Co,"Getting Started with Repositories"),Co.forEach(a),Gs=l(ie," guide to learn about how you can create and edit files before continuing."),ie.forEach(a),ea=f(e),W=r(e,"H2",{class:!0});var ka=i(W);L=r(ka,"A",{id:!0,class:!0,href:!0});var Do=i(L);mt=r(Do,"SPAN",{});var Fo=i(mt);E(ye.$$.fragment,Fo),Fo.forEach(a),Do.forEach(a),Cs=f(ka),ut=r(ka,"SPAN",{});var Qo=i(ut);Ds=l(Qo,"Add the dependencies"),Qo.forEach(a),ka.forEach(a),ta=f(e),b=r(e,"P",{});var ne=i(b);Fs=l(ne,"For the "),wt=r(ne,"STRONG",{});var Yo=i(wt);Qs=l(Yo,"Hot Dog Classifier"),Yo.forEach(a),Ys=l(ne," we\u2019ll be using a "),be=r(ne,"A",{href:!0,rel:!0});var Po=i(be);Ps=l(Po,"\u{1F917} Transformers pipeline"),Po.forEach(a),xs=l(ne," to use the model, so we need to start by installing a few dependencies. This can be done by creating a "),gt=r(ne,"STRONG",{});var xo=i(gt);qs=l(xo,"requirements.txt"),xo.forEach(a),Hs=l(ne," file in our repository, and adding the following dependencies to it:"),ne.forEach(a),aa=f(e),E(Se.$$.fragment,e),sa=f(e),We=r(e,"P",{});var qo=i(We);Os=l(qo,"The Spaces runtime will handle installing the dependencies!"),qo.forEach(a),la=f(e),z=r(e,"H2",{class:!0});var $a=i(z);X=r($a,"A",{id:!0,class:!0,href:!0});var Ho=i(X);vt=r(Ho,"SPAN",{});var Oo=i(vt);E(Ee.$$.fragment,Oo),Oo.forEach(a),Ho.forEach(a),Ls=f($a),yt=r($a,"SPAN",{});var Lo=i(yt);Xs=l(Lo,"Create the Streamlit app"),Lo.forEach(a),$a.forEach(a),oa=f(e),V=r(e,"P",{});var Ua=i(V);Vs=l(Ua,"To create the Streamlit app, make a new file in the repository called "),bt=r(Ua,"STRONG",{});var Xo=i(bt);Ks=l(Xo,"app.py"),Xo.forEach(a),el=l(Ua,", and add the following code:"),Ua.forEach(a),ra=f(e),E(Me.$$.fragment,e),ia=f(e),m=r(e,"P",{});var w=i(m);tl=l(w,"This Python script uses a "),_e=r(w,"A",{href:!0,rel:!0});var Vo=i(_e);al=l(Vo,"\u{1F917} Transformers pipeline"),Vo.forEach(a),sl=l(w," to load the "),je=r(w,"A",{href:!0,rel:!0});var Ko=i(je);ll=l(Ko,"julien-c/hotdog-not-hotdog"),Ko.forEach(a),ol=l(w," model, which is used by the Streamlit interface. The Streamlit app will expect you to upload an image, which it\u2019ll then classify as "),St=r(w,"EM",{});var er=i(St);rl=l(er,"hot dog"),er.forEach(a),il=l(w," or "),Et=r(w,"EM",{});var tr=i(Et);nl=l(tr,"not hot dog"),tr.forEach(a),pl=l(w,". Once you\u2019ve saved the code to the "),Mt=r(w,"STRONG",{});var ar=i(Mt);cl=l(ar,"app.py"),ar.forEach(a),hl=l(w," file, visit the "),_t=r(w,"STRONG",{});var sr=i(_t);fl=l(sr,"App"),sr.forEach(a),dl=l(w," tab to see your app in action!"),w.forEach(a),na=f(e),G=r(e,"DIV",{class:!0});var Ia=i(G);ze=r(Ia,"IMG",{class:!0,src:!0}),ml=f(Ia),Ge=r(Ia,"IMG",{class:!0,src:!0}),Ia.forEach(a),pa=f(e),C=r(e,"H2",{class:!0});var Na=i(C);K=r(Na,"A",{id:!0,class:!0,href:!0});var lr=i(K);jt=r(lr,"SPAN",{});var or=i(jt);E(Te.$$.fragment,or),or.forEach(a),lr.forEach(a),ul=f(Na),Tt=r(Na,"SPAN",{});var rr=i(Tt);wl=l(rr,"Embed Streamlit Spaces on other webpages"),rr.forEach(a),Na.forEach(a),ca=f(e),U=r(e,"P",{});var Ye=i(U);gl=l(Ye,"You can use the HTML "),Jt=r(Ye,"CODE",{});var ir=i(Jt);vl=l(ir,"<iframe>"),ir.forEach(a),yl=l(Ye," tag to embed a Streamlit Space as an inline frame on other webpages. Simply include the URL of your Space, ending with the "),kt=r(Ye,"CODE",{});var nr=i(kt);bl=l(nr,".hf.space"),nr.forEach(a),Sl=l(Ye," suffix. To find the URL of your Space, you can use the \u201CEmbed this Space\u201D button from the Spaces options."),Ye.forEach(a),ha=f(e),Ce=r(e,"P",{});var pr=i(Ce);El=l(pr,"For example, the demo above can be embedded in these docs with the following tag:"),pr.forEach(a),fa=f(e),E(Je.$$.fragment,e),da=f(e),g=r(e,"IFRAME",{src:!0,frameborder:!0,height:!0,title:!0,class:!0,allow:!0,sandbox:!0}),i(g).forEach(a),ma=f(e),ee=r(e,"P",{});var Aa=i(ee);Ml=l(Aa,"Please note that we have added "),$t=r(Aa,"CODE",{});var cr=i($t);_l=l(cr,"?embed=true"),cr.forEach(a),jl=l(Aa," to the URL, which activates the embed mode of the Streamlit app, removing some spacers and the footer for slim embeds."),Aa.forEach(a),ua=f(e),D=r(e,"H2",{class:!0});var Ra=i(D);te=r(Ra,"A",{id:!0,class:!0,href:!0});var hr=i(te);Ut=r(hr,"SPAN",{});var fr=i(Ut);E(ke.$$.fragment,fr),fr.forEach(a),hr.forEach(a),Tl=f(Ra),It=r(Ra,"SPAN",{});var dr=i(It);Jl=l(dr,"Embed Streamlit Spaces with auto-resizing IFrames"),dr.forEach(a),Ra.forEach(a),wa=f(e),ae=r(e,"P",{});var Ba=i(ae);kl=l(Ba,"Streamlit has supported automatic iframe resizing since "),$e=r(Ba,"A",{href:!0,rel:!0});var mr=i($e);$l=l(mr,"1.17.0"),mr.forEach(a),Ul=l(Ba," so that the size of the parent iframe is automatically adjusted to fit the content volume of the embedded Streamlit application."),Ba.forEach(a),ga=f(e),se=r(e,"P",{});var Za=i(se);Il=l(Za,"It relies on the "),Ue=r(Za,"A",{href:!0,rel:!0});var ur=i(Ue);Nt=r(ur,"CODE",{});var wr=i(Nt);Nl=l(wr,"iFrame Resizer"),wr.forEach(a),ur.forEach(a),Al=l(Za," library, for which you need to add a few lines of code, as in the following example where"),Za.forEach(a),va=f(e),I=r(e,"UL",{});var Pe=i(I);le=r(Pe,"LI",{});var Ct=i(le);At=r(Ct,"CODE",{});var gr=i(At);Rl=l(gr,"id"),gr.forEach(a),Bl=l(Ct," is set to "),Rt=r(Ct,"CODE",{});var vr=i(Rt);Zl=l(vr,"<iframe />"),vr.forEach(a),Wl=l(Ct," that is used to specify the auto-resize target."),Ct.forEach(a),zl=f(Pe),F=r(Pe,"LI",{});var xe=i(F);Gl=l(xe,"The "),Bt=r(xe,"CODE",{});var yr=i(Bt);Cl=l(yr,"iFrame Resizer"),yr.forEach(a),Dl=l(xe," is loaded via the "),Zt=r(xe,"CODE",{});var br=i(Zt);Fl=l(br,"script"),br.forEach(a),Ql=l(xe," tag."),xe.forEach(a),Yl=f(Pe),Q=r(Pe,"LI",{});var qe=i(Q);Pl=l(qe,"The "),Wt=r(qe,"CODE",{});var Sr=i(Wt);xl=l(Sr,"iFrameResize()"),Sr.forEach(a),ql=l(qe," function is called with the ID of the target "),zt=r(qe,"CODE",{});var Er=i(zt);Hl=l(Er,"iframe"),Er.forEach(a),Ol=l(qe," element, so that its size changes automatically."),qe.forEach(a),Pe.forEach(a),ya=f(e),N=r(e,"P",{});var He=i(N);Ll=l(He,"We can pass options to the first argument of "),Gt=r(He,"CODE",{});var Mr=i(Gt);Xl=l(Mr,"iFrameResize()"),Mr.forEach(a),Vl=l(He,". See "),Ie=r(He,"A",{href:!0,rel:!0});var _r=i(Ie);Kl=l(_r,"the document"),_r.forEach(a),eo=l(He," for the details."),He.forEach(a),ba=f(e),E(Ne.$$.fragment,e),Sa=f(e),oe=r(e,"P",{});var Wa=i(oe);to=l(Wa,"Additionally, you can checkout "),De=r(Wa,"A",{href:!0});var jr=i(De);ao=l(jr,"our documentation"),jr.forEach(a),so=l(Wa,"."),Wa.forEach(a),this.h()},h(){p(A,"name","hf:doc:metadata"),p(A,"content",JSON.stringify(Ar)),p(Y,"id","streamlit-spaces"),p(Y,"class","header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full"),p(Y,"href","#streamlit-spaces"),p(R,"class","relative group"),p(ce,"href","https://huggingface.co/blog/streamlit-spaces"),p(ce,"rel","nofollow"),p(he,"href","https://huggingface.co/new-space"),p(he,"rel","nofollow"),p(P,"href","https://huggingface.co/new-space"),p(P,"rel","nofollow"),p(Be,"href","./spaces-config-reference"),p(de,"href","https://docs.streamlit.io/"),p(de,"rel","nofollow"),p(q,"id","your-first-streamlit-space-hot-dog-classifier"),p(q,"class","header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full"),p(q,"href","#your-first-streamlit-space-hot-dog-classifier"),p(B,"class","relative group"),p(ue,"href","https://huggingface.co/julien-c/hotdog-not-hotdog"),p(ue,"rel","nofollow"),p(we,"href","https://huggingface.co/spaces/NimaBoscarino/hotdog-streamlit"),p(we,"rel","nofollow"),p(O,"id","create-a-new-streamlit-space"),p(O,"class","header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full"),p(O,"href","#create-a-new-streamlit-space"),p(Z,"class","relative group"),p(ve,"href","https://huggingface.co/new-space"),p(ve,"rel","nofollow"),p(Ze,"href","./repositories-getting-started"),p(L,"id","add-the-dependencies"),p(L,"class","header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full"),p(L,"href","#add-the-dependencies"),p(W,"class","relative group"),p(be,"href","https://huggingface.co/docs/transformers/pipeline_tutorial"),p(be,"rel","nofollow"),p(X,"id","create-the-streamlit-app"),p(X,"class","header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full"),p(X,"href","#create-the-streamlit-app"),p(z,"class","relative group"),p(_e,"href","https://huggingface.co/docs/transformers/pipeline_tutorial"),p(_e,"rel","nofollow"),p(je,"href","https://huggingface.co/julien-c/hotdog-not-hotdog"),p(je,"rel","nofollow"),p(ze,"class","block dark:hidden"),oo(ze.src,io="https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/hub/spaces-hot-dog-streamlit.png")||p(ze,"src",io),p(Ge,"class","hidden dark:block"),oo(Ge.src,no="https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/hub/spaces-hot-dog-streamlit-dark.png")||p(Ge,"src",no),p(G,"class","flex justify-center"),p(K,"id","embed-streamlit-spaces-on-other-webpages"),p(K,"class","header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full"),p(K,"href","#embed-streamlit-spaces-on-other-webpages"),p(C,"class","relative group"),oo(g.src,po="https://NimaBoscarino-hotdog-streamlit.hf.space?embed=true")||p(g,"src",po),p(g,"frameborder","0"),p(g,"height","364"),p(g,"title","Streamlit app"),p(g,"class","container p-0 flex-grow space-iframe"),p(g,"allow","accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking"),p(g,"sandbox","allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"),p(te,"id","embed-streamlit-spaces-with-autoresizing-iframes"),p(te,"class","header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full"),p(te,"href","#embed-streamlit-spaces-with-autoresizing-iframes"),p(D,"class","relative group"),p($e,"href","https://docs.streamlit.io/library/changelog#version-1170"),p($e,"rel","nofollow"),p(Ue,"href","https://github.com/davidjbradshaw/iframe-resizer"),p(Ue,"rel","nofollow"),p(Ie,"href","https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/parent_page/options.md"),p(Ie,"rel","nofollow"),p(De,"href","./spaces-embed")},m(e,n){t(document.head,A),c(e,Ft,n),c(e,R,n),t(R,Y),t(Y,Oe),M(pe,Oe,null),t(R,za),t(R,Le),t(Le,Ga),c(e,Qt,n),c(e,J,n),t(J,Xe),t(Xe,Ca),t(J,Da),t(J,Ve),t(Ve,Fa),t(J,Qa),t(J,ce),t(ce,Ya),t(J,Pa),c(e,Yt,n),c(e,d,n),t(d,xa),t(d,Ke),t(Ke,qa),t(d,Ha),t(d,he),t(he,Oa),t(d,La),t(d,et),t(et,Xa),t(d,Va),t(d,tt),t(tt,Ka),t(d,es),t(d,at),t(at,ts),t(d,as),t(d,st),t(st,ss),t(d,ls),c(e,Pt,n),c(e,v,n),t(v,os),t(v,lt),t(lt,rs),t(v,is),t(v,P),t(P,ot),t(ot,ns),t(P,ps),t(v,cs),t(v,rt),t(rt,hs),t(v,fs),c(e,xt,n),M(fe,e,n),c(e,qt,n),c(e,k,n),t(k,ds),t(k,it),t(it,ms),t(k,us),t(k,Be),t(Be,ws),t(k,gs),c(e,Ht,n),c(e,x,n),t(x,vs),t(x,de),t(de,ys),t(x,bs),c(e,Ot,n),c(e,B,n),t(B,q),t(q,nt),M(me,nt,null),t(B,Ss),t(B,pt),t(pt,Es),c(e,Lt,n),c(e,$,n),t($,Ms),t($,ct),t(ct,_s),t($,js),t($,ue),t(ue,Ts),t($,Js),c(e,Xt,n),c(e,H,n),t(H,ks),t(H,we),t(we,$s),t(H,Us),c(e,Vt,n),c(e,Z,n),t(Z,O),t(O,ht),M(ge,ht,null),t(Z,Is),t(Z,ft),t(ft,Ns),c(e,Kt,n),c(e,y,n),t(y,As),t(y,ve),t(ve,Rs),t(y,Bs),t(y,dt),t(dt,Zs),t(y,Ws),t(y,Ze),t(Ze,zs),t(y,Gs),c(e,ea,n),c(e,W,n),t(W,L),t(L,mt),M(ye,mt,null),t(W,Cs),t(W,ut),t(ut,Ds),c(e,ta,n),c(e,b,n),t(b,Fs),t(b,wt),t(wt,Qs),t(b,Ys),t(b,be),t(be,Ps),t(b,xs),t(b,gt),t(gt,qs),t(b,Hs),c(e,aa,n),M(Se,e,n),c(e,sa,n),c(e,We,n),t(We,Os),c(e,la,n),c(e,z,n),t(z,X),t(X,vt),M(Ee,vt,null),t(z,Ls),t(z,yt),t(yt,Xs),c(e,oa,n),c(e,V,n),t(V,Vs),t(V,bt),t(bt,Ks),t(V,el),c(e,ra,n),M(Me,e,n),c(e,ia,n),c(e,m,n),t(m,tl),t(m,_e),t(_e,al),t(m,sl),t(m,je),t(je,ll),t(m,ol),t(m,St),t(St,rl),t(m,il),t(m,Et),t(Et,nl),t(m,pl),t(m,Mt),t(Mt,cl),t(m,hl),t(m,_t),t(_t,fl),t(m,dl),c(e,na,n),c(e,G,n),t(G,ze),t(G,ml),t(G,Ge),c(e,pa,n),c(e,C,n),t(C,K),t(K,jt),M(Te,jt,null),t(C,ul),t(C,Tt),t(Tt,wl),c(e,ca,n),c(e,U,n),t(U,gl),t(U,Jt),t(Jt,vl),t(U,yl),t(U,kt),t(kt,bl),t(U,Sl),c(e,ha,n),c(e,Ce,n),t(Ce,El),c(e,fa,n),M(Je,e,n),c(e,da,n),c(e,g,n),c(e,ma,n),c(e,ee,n),t(ee,Ml),t(ee,$t),t($t,_l),t(ee,jl),c(e,ua,n),c(e,D,n),t(D,te),t(te,Ut),M(ke,Ut,null),t(D,Tl),t(D,It),t(It,Jl),c(e,wa,n),c(e,ae,n),t(ae,kl),t(ae,$e),t($e,$l),t(ae,Ul),c(e,ga,n),c(e,se,n),t(se,Il),t(se,Ue),t(Ue,Nt),t(Nt,Nl),t(se,Al),c(e,va,n),c(e,I,n),t(I,le),t(le,At),t(At,Rl),t(le,Bl),t(le,Rt),t(Rt,Zl),t(le,Wl),t(I,zl),t(I,F),t(F,Gl),t(F,Bt),t(Bt,Cl),t(F,Dl),t(F,Zt),t(Zt,Fl),t(F,Ql),t(I,Yl),t(I,Q),t(Q,Pl),t(Q,Wt),t(Wt,xl),t(Q,ql),t(Q,zt),t(zt,Hl),t(Q,Ol),c(e,ya,n),c(e,N,n),t(N,Ll),t(N,Gt),t(Gt,Xl),t(N,Vl),t(N,Ie),t(Ie,Kl),t(N,eo),c(e,ba,n),M(Ne,e,n),c(e,Sa,n),c(e,oe,n),t(oe,to),t(oe,De),t(De,ao),t(oe,so),Ea=!0},p:Ur,i(e){Ea||(_(pe.$$.fragment,e),_(fe.$$.fragment,e),_(me.$$.fragment,e),_(ge.$$.fragment,e),_(ye.$$.fragment,e),_(Se.$$.fragment,e),_(Ee.$$.fragment,e),_(Me.$$.fragment,e),_(Te.$$.fragment,e),_(Je.$$.fragment,e),_(ke.$$.fragment,e),_(Ne.$$.fragment,e),Ea=!0)},o(e){j(pe.$$.fragment,e),j(fe.$$.fragment,e),j(me.$$.fragment,e),j(ge.$$.fragment,e),j(ye.$$.fragment,e),j(Se.$$.fragment,e),j(Ee.$$.fragment,e),j(Me.$$.fragment,e),j(Te.$$.fragment,e),j(Je.$$.fragment,e),j(ke.$$.fragment,e),j(Ne.$$.fragment,e),Ea=!1},d(e){a(A),e&&a(Ft),e&&a(R),T(pe),e&&a(Qt),e&&a(J),e&&a(Yt),e&&a(d),e&&a(Pt),e&&a(v),e&&a(xt),T(fe,e),e&&a(qt),e&&a(k),e&&a(Ht),e&&a(x),e&&a(Ot),e&&a(B),T(me),e&&a(Lt),e&&a($),e&&a(Xt),e&&a(H),e&&a(Vt),e&&a(Z),T(ge),e&&a(Kt),e&&a(y),e&&a(ea),e&&a(W),T(ye),e&&a(ta),e&&a(b),e&&a(aa),T(Se,e),e&&a(sa),e&&a(We),e&&a(la),e&&a(z),T(Ee),e&&a(oa),e&&a(V),e&&a(ra),T(Me,e),e&&a(ia),e&&a(m),e&&a(na),e&&a(G),e&&a(pa),e&&a(C),T(Te),e&&a(ca),e&&a(U),e&&a(ha),e&&a(Ce),e&&a(fa),T(Je,e),e&&a(da),e&&a(g),e&&a(ma),e&&a(ee),e&&a(ua),e&&a(D),T(ke),e&&a(wa),e&&a(ae),e&&a(ga),e&&a(se),e&&a(va),e&&a(I),e&&a(ya),e&&a(N),e&&a(ba),T(Ne,e),e&&a(Sa),e&&a(oe)}}}const Ar={local:"streamlit-spaces",sections:[{local:"your-first-streamlit-space-hot-dog-classifier",title:"Your First Streamlit Space: Hot Dog Classifier"},{local:"create-a-new-streamlit-space",title:"Create a new Streamlit Space"},{local:"add-the-dependencies",title:"Add the dependencies"},{local:"create-the-streamlit-app",title:"Create the Streamlit app"},{local:"embed-streamlit-spaces-on-other-webpages",title:"Embed Streamlit Spaces on other webpages"},{local:"embed-streamlit-spaces-with-autoresizing-iframes",title:"Embed Streamlit Spaces with auto-resizing IFrames"}],title:"Streamlit Spaces"};function Rr(ro){return Ir(()=>{new URLSearchParams(window.location.search).get("fw")}),[]}class zr extends Tr{constructor(A){super();Jr(this,A,Rr,Nr,kr,{})}}export{zr as default,Ar as metadata};
