import{S as Ct,i as Gt,s as Ot,e as l,k as c,w as x,t as i,M as St,c as r,d as a,m as u,a as n,x as j,h as s,b as m,N as To,G as o,g as p,y as P,L as At,q as I,o as C,B as G,v as Dt}from"../../chunks/vendor-hf-doc-builder.js";import{I as It}from"../../chunks/IconCopyLink-hf-doc-builder.js";import{C as me}from"../../chunks/CodeBlock-hf-doc-builder.js";import{C as Mt}from"../../chunks/CourseFloatingBanner-hf-doc-builder.js";import"../../chunks/DocNotebookDropdown-hf-doc-builder.js";function Tt(Ho){let z,Te,$,O,de,N,_a,fe,za,He,L,Ne,K,$a,Le,X,he,qa,Qe,Y,ka,Je,Z,xa,Fe,Q,Re,ee,ja,Ue,w,h,Pa,be,Ia,Ca,ge,Ga,Oa,ve,Sa,Aa,ye,Da,Ma,Ta,d,Ha,we,Na,La,Ee,Qa,Ja,_e,Fa,Ra,ze,Ua,Wa,$e,Ba,Va,qe,Ka,Xa,Ya,q,Za,ke,eo,ao,xe,oo,to,We,S,io,je,J,so,lo,Be,b,No,Ve,ae,ro,Ke,A,no,Pe,po,co,Xe,oe,uo,Ye,F,Ze,g,Lo,ea,y,mo,Ie,fo,ho,Ce,bo,go,Ge,vo,yo,aa,te,wo,oa,k,D,Oe,R,Eo,Se,_o,ta,M,zo,Ae,$o,qo,ia,E,ko,De,xo,jo,ie,Po,Io,sa,se,Co,la,U,ra,le,Go,na,W,pa,B,ca,T,Oo,Me,So,Ao,ua,V,ma,re,Do,da,v,Qo,fa,ne,Mo,ha;return N=new It({}),L=new Mt({props:{chapter:9,classNames:"absolute z-10 right-0 top-0",notebooks:[{label:"Google Colab",value:"https://colab.research.google.com/github/huggingface/notebooks/blob/master/course/chapter9/section2.ipynb"},{label:"Aws Studio",value:"https://studiolab.sagemaker.aws/import/github/huggingface/notebooks/blob/master/course/chapter9/section2.ipynb"}]}}),Q=new me({props:{code:`import gradio as gr


def greet(name):
    return "Hello " + name


demo = gr.Interface(fn=greet, inputs="text", outputs="text")

demo.launch()`,highlighted:`<span class="hljs-keyword">import</span> gradio <span class="hljs-keyword">as</span> gr


<span class="hljs-keyword">def</span> <span class="hljs-title function_">greet</span>(<span class="hljs-params">name</span>):
    <span class="hljs-keyword">return</span> <span class="hljs-string">&quot;Hello &quot;</span> + name


demo = gr.Interface(fn=greet, inputs=<span class="hljs-string">&quot;text&quot;</span>, outputs=<span class="hljs-string">&quot;text&quot;</span>)

demo.launch()`}}),F=new me({props:{code:`import gradio as gr


def greet(name):
    return "Hello " + name


# We instantiate the Textbox class
textbox = gr.Textbox(label="Type your name here:", placeholder="John Doe", lines=2)

gr.Interface(fn=greet, inputs=textbox, outputs="text").launch()`,highlighted:`<span class="hljs-keyword">import</span> gradio <span class="hljs-keyword">as</span> gr


<span class="hljs-keyword">def</span> <span class="hljs-title function_">greet</span>(<span class="hljs-params">name</span>):
    <span class="hljs-keyword">return</span> <span class="hljs-string">&quot;Hello &quot;</span> + name


<span class="hljs-comment"># We instantiate the Textbox class</span>
textbox = gr.Textbox(label=<span class="hljs-string">&quot;Type your name here:&quot;</span>, placeholder=<span class="hljs-string">&quot;John Doe&quot;</span>, lines=<span class="hljs-number">2</span>)

gr.Interface(fn=greet, inputs=textbox, outputs=<span class="hljs-string">&quot;text&quot;</span>).launch()`}}),R=new It({}),U=new me({props:{code:`from transformers import pipeline

model = pipeline("text-generation")


def predict(prompt):
    completion = model(prompt)[0]["generated_text"]
    return completion`,highlighted:`<span class="hljs-keyword">from</span> transformers <span class="hljs-keyword">import</span> pipeline

model = pipeline(<span class="hljs-string">&quot;text-generation&quot;</span>)


<span class="hljs-keyword">def</span> <span class="hljs-title function_">predict</span>(<span class="hljs-params">prompt</span>):
    completion = model(prompt)[<span class="hljs-number">0</span>][<span class="hljs-string">&quot;generated_text&quot;</span>]
    <span class="hljs-keyword">return</span> completion`}}),W=new me({props:{code:'predict("My favorite programming language is")',highlighted:'<span class="hljs-function"><span class="hljs-title">predict</span><span class="hljs-params">(<span class="hljs-string">&quot;My favorite programming language is&quot;</span>)</span></span>'}}),B=new me({props:{code:">> My favorite programming language is Haskell. I really enjoyed the Haskell language, but it doesn't have all the features that can be applied to any other language. For example, all it does is compile to a byte array.",highlighted:'&gt;&gt; My favorite programming language <span class="hljs-keyword">is</span> Haskell. I really enjoyed <span class="hljs-keyword">the</span> Haskell language, <span class="hljs-keyword">but</span> <span class="hljs-keyword">it</span> doesn&#x27;t have all <span class="hljs-keyword">the</span> features <span class="hljs-keyword">that</span> can be applied <span class="hljs-keyword">to</span> any other language. For example, all <span class="hljs-keyword">it</span> <span class="hljs-keyword">does</span> <span class="hljs-keyword">is</span> compile <span class="hljs-keyword">to</span> a byte array.'}}),V=new me({props:{code:`import gradio as gr

gr.Interface(fn=predict, inputs="text", outputs="text").launch()`,highlighted:`<span class="hljs-keyword">import</span> gradio <span class="hljs-keyword">as</span> gr

gr.Interface(fn=predict, inputs=<span class="hljs-string">&quot;text&quot;</span>, outputs=<span class="hljs-string">&quot;text&quot;</span>).launch()`}}),{c(){z=l("meta"),Te=c(),$=l("h1"),O=l("a"),de=l("span"),x(N.$$.fragment),_a=c(),fe=l("span"),za=i("Creare la tua prima demo"),He=c(),x(L.$$.fragment),Ne=c(),K=l("p"),$a=i("Iniziamo installando Gradio! Essendo una libreria di Python, \xE8 sufficiente eseguire:"),Le=c(),X=l("p"),he=l("code"),qa=i("$ pip install gradio"),Qe=c(),Y=l("p"),ka=i(`Puoi usare Gradio ovunque, dalla tua IDE Python preferita, ai Jupyter notebook o anche in Google Colab \u{1F92F}!
Quindi, installa Gradio in qualsiasi posto in cui usi Python!`),Je=c(),Z=l("p"),xa=i("Iniziamo con un semplice esempio \u201CHello World\u201D per prendere familiarit\xE0 con la sintassi di Gradio:"),Fe=c(),x(Q.$$.fragment),Re=c(),ee=l("p"),ja=i("Analizziamo il codice qui sopra:"),Ue=c(),w=l("ul"),h=l("li"),Pa=i("Per prima cosa, definiamo una funzione chiamata "),be=l("code"),Ia=i("greet()"),Ca=i(". In questo caso, si tratta di una semplice funzione che aggiunge \u201CHello\u201D prima di un nome ("),ge=l("em"),Ga=i("name"),Oa=i("), ma questa pu\xF2 essere in generale "),ve=l("em"),Sa=i("qualsiasi"),Aa=i(" funzione in Python. Ad esempio, nelle applicazioni di machine learning, questa funzione "),ye=l("em"),Da=i("chiamerebbe un modello per fare una previsione"),Ma=i(" su un input e restituirebbe l\u2019output."),Ta=c(),d=l("li"),Ha=i("Creaiamo puoi una "),we=l("code"),Na=i("Interface"),La=i(" ("),Ee=l("em"),Qa=i("Interfaccia"),Ja=i(") di Gradio con tre argomenti, "),_e=l("code"),Fa=i("fn"),Ra=i(", "),ze=l("code"),Ua=i("inputs"),Wa=i(", e "),$e=l("code"),Ba=i("outputs"),Va=i(". Questi argomenti definiscono la funzione di predizione e il "),qe=l("em"),Ka=i("tipo"),Xa=i(" di componenti di ingresso e di uscita che desideriamo. Nel nostro caso, entrambi i componenti sono semplici caselle di testo."),Ya=c(),q=l("li"),Za=i("Chiamiamo poi il metodo "),ke=l("code"),eo=i("launch()"),ao=i(" sul "),xe=l("code"),oo=i("Interface"),to=i(" creata."),We=c(),S=l("p"),io=i("Se si esegue questo codice, l\u2019interfaccia qui sotto apparir\xE0 automaticamente all\u2019interno di un Jupyter/Colab notebook, o comparir\xE0 in un browser  "),je=l("strong"),J=l("a"),so=i("http://localhost:7860"),lo=i(" se lanciato in uno script."),Be=c(),b=l("iframe"),Ve=c(),ae=l("p"),ro=i("Prova subito a utilizzare questa GUI con il tuo nome o con un altro input!"),Ke=c(),A=l("p"),no=i("Si noter\xE0 che in questa GUI, Gradio ha riconosciuto automaticamente il nome del parametro di input ("),Pe=l("code"),po=i("name"),co=i(`)
e lo applica come etichetta in cima alla casella di testo. E se si volesse cambiarlo?
O se si volesse personalizzare la casella di testo in qualche altro modo? In questo caso, si pu\xF2
istanziare una classe che rappresenti il componente in input.`),Xe=c(),oe=l("p"),uo=i("Si osservi l\u2019esempio seguente:"),Ye=c(),x(F.$$.fragment),Ze=c(),g=l("iframe"),ea=c(),y=l("p"),mo=i("Qui abbiamo creato una casella di testo di input con un\u2019etichetta ("),Ie=l("code"),fo=i("label"),ho=i("), un segnaposto ("),Ce=l("code"),bo=i("placeholder"),go=i(") e un numero di righe stabilito ("),Ge=l("code"),vo=i("lines"),yo=i(`).
Si potrebbe fare lo stesso per la casella di testo in output, ma per ora ci fermiamo qui.`),aa=c(),te=l("p"),wo=i(`Abbiamo visto che con poche righe di codice, Gradio consente di creare una semplice interfaccia intorno a qualsiasi funzione
con qualsiasi tipo di input o output. In questa sezione abbiamo iniziato con una
semplice casella di testo, ma nelle prossime sezioni tratteremo altri tipi di input e output. Vediamo ora di inserire un po\u2019 di NLP in un\u2019applicazione Gradio.`),oa=c(),k=l("h2"),D=l("a"),Oe=l("span"),x(R.$$.fragment),Eo=c(),Se=l("span"),_o=i("\u{1F916} Includere le predizioni del modello"),ta=c(),M=l("p"),zo=i("Costruiamo ora una semplice interfaccia che consenta di dimostrare come funziona un modello di "),Ae=l("strong"),$o=i("generazione del testo"),qo=i(" come GPT-2."),ia=c(),E=l("p"),ko=i("Caricheremo il nostro modello usando la funzione "),De=l("code"),xo=i("pipeline()"),jo=i(` di \u{1F917} Transformers.
Se hai bisogno di un rapido ripasso, puoi tornare a `),ie=l("a"),Po=i("quella sezione nel Capitolo 1"),Io=i("."),sa=c(),se=l("p"),Co=i("Per prima cosa, definiamo una funzione di predizione che riceve un prompt di testo e restituisce il testo completato:"),la=c(),x(U.$$.fragment),ra=c(),le=l("p"),Go=i("Questa funzione completa le richieste fornite dall\u2019utente e puoi eseguirla con qualche tuo input per vedere come funziona. Ecco un esempio (potresti ottenere un risultato diverso):"),na=c(),x(W.$$.fragment),pa=c(),x(B.$$.fragment),ca=c(),T=l("p"),Oo=i("Ora che abbiamo una funzione per generare previsioni, possiamo creare e lanciare una "),Me=l("code"),So=i("Interface"),Ao=i(" nello stesso modo in cui abbiamo fatto prima:"),ua=c(),x(V.$$.fragment),ma=c(),re=l("p"),Do=i("Ecco fatto! Ora \xE8 possibile utilizzare questa interfaccia per generare testo utilizzando il modello GPT-2 come mostrato qui sotto \u{1F92F}."),da=c(),v=l("iframe"),fa=c(),ne=l("p"),Mo=i("Continua a leggere per scoprire come costruire altri tipi di demo con Gradio!"),this.h()},l(e){const t=St('[data-svelte="svelte-1phssyn"]',document.head);z=r(t,"META",{name:!0,content:!0}),t.forEach(a),Te=u(e),$=r(e,"H1",{class:!0});var ba=n($);O=r(ba,"A",{id:!0,class:!0,href:!0});var Jo=n(O);de=r(Jo,"SPAN",{});var Fo=n(de);j(N.$$.fragment,Fo),Fo.forEach(a),Jo.forEach(a),_a=u(ba),fe=r(ba,"SPAN",{});var Ro=n(fe);za=s(Ro,"Creare la tua prima demo"),Ro.forEach(a),ba.forEach(a),He=u(e),j(L.$$.fragment,e),Ne=u(e),K=r(e,"P",{});var Uo=n(K);$a=s(Uo,"Iniziamo installando Gradio! Essendo una libreria di Python, \xE8 sufficiente eseguire:"),Uo.forEach(a),Le=u(e),X=r(e,"P",{});var Wo=n(X);he=r(Wo,"CODE",{});var Bo=n(he);qa=s(Bo,"$ pip install gradio"),Bo.forEach(a),Wo.forEach(a),Qe=u(e),Y=r(e,"P",{});var Vo=n(Y);ka=s(Vo,`Puoi usare Gradio ovunque, dalla tua IDE Python preferita, ai Jupyter notebook o anche in Google Colab \u{1F92F}!
Quindi, installa Gradio in qualsiasi posto in cui usi Python!`),Vo.forEach(a),Je=u(e),Z=r(e,"P",{});var Ko=n(Z);xa=s(Ko,"Iniziamo con un semplice esempio \u201CHello World\u201D per prendere familiarit\xE0 con la sintassi di Gradio:"),Ko.forEach(a),Fe=u(e),j(Q.$$.fragment,e),Re=u(e),ee=r(e,"P",{});var Xo=n(ee);ja=s(Xo,"Analizziamo il codice qui sopra:"),Xo.forEach(a),Ue=u(e),w=r(e,"UL",{});var pe=n(w);h=r(pe,"LI",{});var _=n(h);Pa=s(_,"Per prima cosa, definiamo una funzione chiamata "),be=r(_,"CODE",{});var Yo=n(be);Ia=s(Yo,"greet()"),Yo.forEach(a),Ca=s(_,". In questo caso, si tratta di una semplice funzione che aggiunge \u201CHello\u201D prima di un nome ("),ge=r(_,"EM",{});var Zo=n(ge);Ga=s(Zo,"name"),Zo.forEach(a),Oa=s(_,"), ma questa pu\xF2 essere in generale "),ve=r(_,"EM",{});var et=n(ve);Sa=s(et,"qualsiasi"),et.forEach(a),Aa=s(_," funzione in Python. Ad esempio, nelle applicazioni di machine learning, questa funzione "),ye=r(_,"EM",{});var at=n(ye);Da=s(at,"chiamerebbe un modello per fare una previsione"),at.forEach(a),Ma=s(_," su un input e restituirebbe l\u2019output."),_.forEach(a),Ta=u(pe),d=r(pe,"LI",{});var f=n(d);Ha=s(f,"Creaiamo puoi una "),we=r(f,"CODE",{});var ot=n(we);Na=s(ot,"Interface"),ot.forEach(a),La=s(f," ("),Ee=r(f,"EM",{});var tt=n(Ee);Qa=s(tt,"Interfaccia"),tt.forEach(a),Ja=s(f,") di Gradio con tre argomenti, "),_e=r(f,"CODE",{});var it=n(_e);Fa=s(it,"fn"),it.forEach(a),Ra=s(f,", "),ze=r(f,"CODE",{});var st=n(ze);Ua=s(st,"inputs"),st.forEach(a),Wa=s(f,", e "),$e=r(f,"CODE",{});var lt=n($e);Ba=s(lt,"outputs"),lt.forEach(a),Va=s(f,". Questi argomenti definiscono la funzione di predizione e il "),qe=r(f,"EM",{});var rt=n(qe);Ka=s(rt,"tipo"),rt.forEach(a),Xa=s(f," di componenti di ingresso e di uscita che desideriamo. Nel nostro caso, entrambi i componenti sono semplici caselle di testo."),f.forEach(a),Ya=u(pe),q=r(pe,"LI",{});var ce=n(q);Za=s(ce,"Chiamiamo poi il metodo "),ke=r(ce,"CODE",{});var nt=n(ke);eo=s(nt,"launch()"),nt.forEach(a),ao=s(ce," sul "),xe=r(ce,"CODE",{});var pt=n(xe);oo=s(pt,"Interface"),pt.forEach(a),to=s(ce," creata."),ce.forEach(a),pe.forEach(a),We=u(e),S=r(e,"P",{});var ga=n(S);io=s(ga,"Se si esegue questo codice, l\u2019interfaccia qui sotto apparir\xE0 automaticamente all\u2019interno di un Jupyter/Colab notebook, o comparir\xE0 in un browser  "),je=r(ga,"STRONG",{});var ct=n(je);J=r(ct,"A",{href:!0,rel:!0});var ut=n(J);so=s(ut,"http://localhost:7860"),ut.forEach(a),ct.forEach(a),lo=s(ga," se lanciato in uno script."),ga.forEach(a),Be=u(e),b=r(e,"IFRAME",{src:!0,frameborder:!0,height:!0,title:!0,class:!0,allow:!0,sandbox:!0}),n(b).forEach(a),Ve=u(e),ae=r(e,"P",{});var mt=n(ae);ro=s(mt,"Prova subito a utilizzare questa GUI con il tuo nome o con un altro input!"),mt.forEach(a),Ke=u(e),A=r(e,"P",{});var va=n(A);no=s(va,"Si noter\xE0 che in questa GUI, Gradio ha riconosciuto automaticamente il nome del parametro di input ("),Pe=r(va,"CODE",{});var dt=n(Pe);po=s(dt,"name"),dt.forEach(a),co=s(va,`)
e lo applica come etichetta in cima alla casella di testo. E se si volesse cambiarlo?
O se si volesse personalizzare la casella di testo in qualche altro modo? In questo caso, si pu\xF2
istanziare una classe che rappresenti il componente in input.`),va.forEach(a),Xe=u(e),oe=r(e,"P",{});var ft=n(oe);uo=s(ft,"Si osservi l\u2019esempio seguente:"),ft.forEach(a),Ye=u(e),j(F.$$.fragment,e),Ze=u(e),g=r(e,"IFRAME",{src:!0,frameborder:!0,height:!0,title:!0,class:!0,allow:!0,sandbox:!0}),n(g).forEach(a),ea=u(e),y=r(e,"P",{});var H=n(y);mo=s(H,"Qui abbiamo creato una casella di testo di input con un\u2019etichetta ("),Ie=r(H,"CODE",{});var ht=n(Ie);fo=s(ht,"label"),ht.forEach(a),ho=s(H,"), un segnaposto ("),Ce=r(H,"CODE",{});var bt=n(Ce);bo=s(bt,"placeholder"),bt.forEach(a),go=s(H,") e un numero di righe stabilito ("),Ge=r(H,"CODE",{});var gt=n(Ge);vo=s(gt,"lines"),gt.forEach(a),yo=s(H,`).
Si potrebbe fare lo stesso per la casella di testo in output, ma per ora ci fermiamo qui.`),H.forEach(a),aa=u(e),te=r(e,"P",{});var vt=n(te);wo=s(vt,`Abbiamo visto che con poche righe di codice, Gradio consente di creare una semplice interfaccia intorno a qualsiasi funzione
con qualsiasi tipo di input o output. In questa sezione abbiamo iniziato con una
semplice casella di testo, ma nelle prossime sezioni tratteremo altri tipi di input e output. Vediamo ora di inserire un po\u2019 di NLP in un\u2019applicazione Gradio.`),vt.forEach(a),oa=u(e),k=r(e,"H2",{class:!0});var ya=n(k);D=r(ya,"A",{id:!0,class:!0,href:!0});var yt=n(D);Oe=r(yt,"SPAN",{});var wt=n(Oe);j(R.$$.fragment,wt),wt.forEach(a),yt.forEach(a),Eo=u(ya),Se=r(ya,"SPAN",{});var Et=n(Se);_o=s(Et,"\u{1F916} Includere le predizioni del modello"),Et.forEach(a),ya.forEach(a),ta=u(e),M=r(e,"P",{});var wa=n(M);zo=s(wa,"Costruiamo ora una semplice interfaccia che consenta di dimostrare come funziona un modello di "),Ae=r(wa,"STRONG",{});var _t=n(Ae);$o=s(_t,"generazione del testo"),_t.forEach(a),qo=s(wa," come GPT-2."),wa.forEach(a),ia=u(e),E=r(e,"P",{});var ue=n(E);ko=s(ue,"Caricheremo il nostro modello usando la funzione "),De=r(ue,"CODE",{});var zt=n(De);xo=s(zt,"pipeline()"),zt.forEach(a),jo=s(ue,` di \u{1F917} Transformers.
Se hai bisogno di un rapido ripasso, puoi tornare a `),ie=r(ue,"A",{href:!0});var $t=n(ie);Po=s($t,"quella sezione nel Capitolo 1"),$t.forEach(a),Io=s(ue,"."),ue.forEach(a),sa=u(e),se=r(e,"P",{});var qt=n(se);Co=s(qt,"Per prima cosa, definiamo una funzione di predizione che riceve un prompt di testo e restituisce il testo completato:"),qt.forEach(a),la=u(e),j(U.$$.fragment,e),ra=u(e),le=r(e,"P",{});var kt=n(le);Go=s(kt,"Questa funzione completa le richieste fornite dall\u2019utente e puoi eseguirla con qualche tuo input per vedere come funziona. Ecco un esempio (potresti ottenere un risultato diverso):"),kt.forEach(a),na=u(e),j(W.$$.fragment,e),pa=u(e),j(B.$$.fragment,e),ca=u(e),T=r(e,"P",{});var Ea=n(T);Oo=s(Ea,"Ora che abbiamo una funzione per generare previsioni, possiamo creare e lanciare una "),Me=r(Ea,"CODE",{});var xt=n(Me);So=s(xt,"Interface"),xt.forEach(a),Ao=s(Ea," nello stesso modo in cui abbiamo fatto prima:"),Ea.forEach(a),ua=u(e),j(V.$$.fragment,e),ma=u(e),re=r(e,"P",{});var jt=n(re);Do=s(jt,"Ecco fatto! Ora \xE8 possibile utilizzare questa interfaccia per generare testo utilizzando il modello GPT-2 come mostrato qui sotto \u{1F92F}."),jt.forEach(a),da=u(e),v=r(e,"IFRAME",{src:!0,frameborder:!0,height:!0,title:!0,class:!0,allow:!0,sandbox:!0}),n(v).forEach(a),fa=u(e),ne=r(e,"P",{});var Pt=n(ne);Mo=s(Pt,"Continua a leggere per scoprire come costruire altri tipi di demo con Gradio!"),Pt.forEach(a),this.h()},h(){m(z,"name","hf:doc:metadata"),m(z,"content",JSON.stringify(Ht)),m(O,"id","creare-la-tua-prima-demo"),m(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"),m(O,"href","#creare-la-tua-prima-demo"),m($,"class","relative group"),m(J,"href","http://localhost:7860/"),m(J,"rel","nofollow"),To(b.src,No="https://course-demos-hello-world.hf.space")||m(b,"src",No),m(b,"frameborder","0"),m(b,"height","250"),m(b,"title","Gradio app"),m(b,"class","container p-0 flex-grow space-iframe"),m(b,"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"),m(b,"sandbox","allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"),To(g.src,Lo="https://course-demos-hello-world-custom.hf.space")||m(g,"src",Lo),m(g,"frameborder","0"),m(g,"height","300"),m(g,"title","Gradio app"),m(g,"class","container p-0 flex-grow space-iframe"),m(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"),m(g,"sandbox","allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"),m(D,"id","includere-le-predizioni-del-modello"),m(D,"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"),m(D,"href","#includere-le-predizioni-del-modello"),m(k,"class","relative group"),m(ie,"href","/course/chapter1/3#text-generation"),To(v.src,Qo="https://course-demos-gpt-2.hf.space")||m(v,"src",Qo),m(v,"frameborder","0"),m(v,"height","300"),m(v,"title","Gradio app"),m(v,"class","container p-0 flex-grow space-iframe"),m(v,"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"),m(v,"sandbox","allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads")},m(e,t){o(document.head,z),p(e,Te,t),p(e,$,t),o($,O),o(O,de),P(N,de,null),o($,_a),o($,fe),o(fe,za),p(e,He,t),P(L,e,t),p(e,Ne,t),p(e,K,t),o(K,$a),p(e,Le,t),p(e,X,t),o(X,he),o(he,qa),p(e,Qe,t),p(e,Y,t),o(Y,ka),p(e,Je,t),p(e,Z,t),o(Z,xa),p(e,Fe,t),P(Q,e,t),p(e,Re,t),p(e,ee,t),o(ee,ja),p(e,Ue,t),p(e,w,t),o(w,h),o(h,Pa),o(h,be),o(be,Ia),o(h,Ca),o(h,ge),o(ge,Ga),o(h,Oa),o(h,ve),o(ve,Sa),o(h,Aa),o(h,ye),o(ye,Da),o(h,Ma),o(w,Ta),o(w,d),o(d,Ha),o(d,we),o(we,Na),o(d,La),o(d,Ee),o(Ee,Qa),o(d,Ja),o(d,_e),o(_e,Fa),o(d,Ra),o(d,ze),o(ze,Ua),o(d,Wa),o(d,$e),o($e,Ba),o(d,Va),o(d,qe),o(qe,Ka),o(d,Xa),o(w,Ya),o(w,q),o(q,Za),o(q,ke),o(ke,eo),o(q,ao),o(q,xe),o(xe,oo),o(q,to),p(e,We,t),p(e,S,t),o(S,io),o(S,je),o(je,J),o(J,so),o(S,lo),p(e,Be,t),p(e,b,t),p(e,Ve,t),p(e,ae,t),o(ae,ro),p(e,Ke,t),p(e,A,t),o(A,no),o(A,Pe),o(Pe,po),o(A,co),p(e,Xe,t),p(e,oe,t),o(oe,uo),p(e,Ye,t),P(F,e,t),p(e,Ze,t),p(e,g,t),p(e,ea,t),p(e,y,t),o(y,mo),o(y,Ie),o(Ie,fo),o(y,ho),o(y,Ce),o(Ce,bo),o(y,go),o(y,Ge),o(Ge,vo),o(y,yo),p(e,aa,t),p(e,te,t),o(te,wo),p(e,oa,t),p(e,k,t),o(k,D),o(D,Oe),P(R,Oe,null),o(k,Eo),o(k,Se),o(Se,_o),p(e,ta,t),p(e,M,t),o(M,zo),o(M,Ae),o(Ae,$o),o(M,qo),p(e,ia,t),p(e,E,t),o(E,ko),o(E,De),o(De,xo),o(E,jo),o(E,ie),o(ie,Po),o(E,Io),p(e,sa,t),p(e,se,t),o(se,Co),p(e,la,t),P(U,e,t),p(e,ra,t),p(e,le,t),o(le,Go),p(e,na,t),P(W,e,t),p(e,pa,t),P(B,e,t),p(e,ca,t),p(e,T,t),o(T,Oo),o(T,Me),o(Me,So),o(T,Ao),p(e,ua,t),P(V,e,t),p(e,ma,t),p(e,re,t),o(re,Do),p(e,da,t),p(e,v,t),p(e,fa,t),p(e,ne,t),o(ne,Mo),ha=!0},p:At,i(e){ha||(I(N.$$.fragment,e),I(L.$$.fragment,e),I(Q.$$.fragment,e),I(F.$$.fragment,e),I(R.$$.fragment,e),I(U.$$.fragment,e),I(W.$$.fragment,e),I(B.$$.fragment,e),I(V.$$.fragment,e),ha=!0)},o(e){C(N.$$.fragment,e),C(L.$$.fragment,e),C(Q.$$.fragment,e),C(F.$$.fragment,e),C(R.$$.fragment,e),C(U.$$.fragment,e),C(W.$$.fragment,e),C(B.$$.fragment,e),C(V.$$.fragment,e),ha=!1},d(e){a(z),e&&a(Te),e&&a($),G(N),e&&a(He),G(L,e),e&&a(Ne),e&&a(K),e&&a(Le),e&&a(X),e&&a(Qe),e&&a(Y),e&&a(Je),e&&a(Z),e&&a(Fe),G(Q,e),e&&a(Re),e&&a(ee),e&&a(Ue),e&&a(w),e&&a(We),e&&a(S),e&&a(Be),e&&a(b),e&&a(Ve),e&&a(ae),e&&a(Ke),e&&a(A),e&&a(Xe),e&&a(oe),e&&a(Ye),G(F,e),e&&a(Ze),e&&a(g),e&&a(ea),e&&a(y),e&&a(aa),e&&a(te),e&&a(oa),e&&a(k),G(R),e&&a(ta),e&&a(M),e&&a(ia),e&&a(E),e&&a(sa),e&&a(se),e&&a(la),G(U,e),e&&a(ra),e&&a(le),e&&a(na),G(W,e),e&&a(pa),G(B,e),e&&a(ca),e&&a(T),e&&a(ua),G(V,e),e&&a(ma),e&&a(re),e&&a(da),e&&a(v),e&&a(fa),e&&a(ne)}}}const Ht={local:"creare-la-tua-prima-demo",sections:[{local:"includere-le-predizioni-del-modello",title:"\u{1F916} Includere le predizioni del modello"}],title:"Creare la tua prima demo"};function Nt(Ho){return Dt(()=>{new URLSearchParams(window.location.search).get("fw")}),[]}class Ut extends Ct{constructor(z){super();Gt(this,z,Nt,Tt,Ot,{})}}export{Ut as default,Ht as metadata};
