From 99c39375fd4088b8b54de3b86639e5d24b8bf11f Mon Sep 17 00:00:00 2001 From: Meng Zhang Date: Wed, 11 Oct 2023 15:31:35 -0700 Subject: [PATCH] feat: set default empty screen questions for tabby-playground (#535) --- .../components/empty-screen.tsx | 6 +- clients/tabby-playground/lib/analytics.ts | 62 ------------------- crates/tabby/playground/404.html | 2 +- ...1340f908b0.js => page-02521f803208b701.js} | 2 +- .../_buildManifest.js | 0 .../_ssgManifest.js | 0 crates/tabby/playground/index.html | 2 +- crates/tabby/playground/index.txt | 6 +- 8 files changed, 9 insertions(+), 71 deletions(-) delete mode 100644 clients/tabby-playground/lib/analytics.ts rename crates/tabby/playground/_next/static/chunks/app/{page-ade2941340f908b0.js => page-02521f803208b701.js} (70%) rename crates/tabby/playground/_next/static/{wuOs7vWkOtFsvBihkvPv9 => r5J2z1c85KtakOV8pbkyf}/_buildManifest.js (100%) rename crates/tabby/playground/_next/static/{wuOs7vWkOtFsvBihkvPv9 => r5J2z1c85KtakOV8pbkyf}/_ssgManifest.js (100%) diff --git a/clients/tabby-playground/components/empty-screen.tsx b/clients/tabby-playground/components/empty-screen.tsx index 44d1f85..eb4729b 100644 --- a/clients/tabby-playground/components/empty-screen.tsx +++ b/clients/tabby-playground/components/empty-screen.tsx @@ -5,11 +5,11 @@ import { IconArrowRight } from '@/components/ui/icons' const exampleMessages = [ { - heading: 'Explain technical concepts', - message: `What is a "serverless function"?` + heading: 'Convert list of string to numbers', + message: `How to convert a list of string to numbers in python`, }, { - heading: 'Explain how to parse email address', + heading: 'How to parse email address', message: 'How to parse email address with regex' } ] diff --git a/clients/tabby-playground/lib/analytics.ts b/clients/tabby-playground/lib/analytics.ts deleted file mode 100644 index 07a10c5..0000000 --- a/clients/tabby-playground/lib/analytics.ts +++ /dev/null @@ -1,62 +0,0 @@ -import type { NextApiRequest } from 'next' -import type { NextFetchEvent, NextRequest } from 'next/server' - -export const initAnalytics = ({ - request, - event -}: { - request: NextRequest | NextApiRequest | Request - event?: NextFetchEvent -}) => { - const endpoint = process.env.VERCEL_URL - - return { - track: async (eventName: string, data?: any) => { - try { - if (!endpoint && process.env.NODE_ENV === 'development') { - console.log( - `[Vercel Web Analytics] Track "${eventName}"` + - (data ? ` with data ${JSON.stringify(data || {})}` : '') - ) - return - } - - const headers: { [key: string]: string } = {} - Object.entries(request.headers).map(([key, value]) => { - headers[key] = value - }) - - const body = { - o: headers.referer, - ts: new Date().getTime(), - r: '', - en: eventName, - ed: data - } - - const promise = fetch( - `https://${process.env.VERCEL_URL}/_vercel/insights/event`, - { - headers: { - 'content-type': 'application/json', - 'user-agent': headers['user-agent'] as string, - 'x-forwarded-for': headers['x-forwarded-for'] as string, - 'x-va-server': '1' - }, - body: JSON.stringify(body), - method: 'POST' - } - ) - - if (event) { - event.waitUntil(promise) - } - { - await promise - } - } catch (err) { - console.error(err) - } - } - } -} diff --git a/crates/tabby/playground/404.html b/crates/tabby/playground/404.html index e7bb4ca..811da17 100644 --- a/crates/tabby/playground/404.html +++ b/crates/tabby/playground/404.html @@ -1 +1 @@ -404: This page could not be found.Tabby Playground
GitHub

404

This page could not be found.

\ No newline at end of file +404: This page could not be found.Tabby Playground
GitHub

404

This page could not be found.

\ No newline at end of file diff --git a/crates/tabby/playground/_next/static/chunks/app/page-ade2941340f908b0.js b/crates/tabby/playground/_next/static/chunks/app/page-02521f803208b701.js similarity index 70% rename from crates/tabby/playground/_next/static/chunks/app/page-ade2941340f908b0.js rename to crates/tabby/playground/_next/static/chunks/app/page-02521f803208b701.js index ed4aba6..ea2461f 100644 --- a/crates/tabby/playground/_next/static/chunks/app/page-ade2941340f908b0.js +++ b/crates/tabby/playground/_next/static/chunks/app/page-02521f803208b701.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[931],{92720:function(e,s,t){Promise.resolve().then(t.bind(t,10413))},10413:function(e,s,t){"use strict";t.r(s),t.d(s,{Chat:function(){return J}});var n=t(57437),a=t(57139),r=t(39311),l=t(2265),i=t(26823);let o=l.forwardRef((e,s)=>{let{className:t,orientation:a="horizontal",decorative:l=!0,...o}=e;return(0,n.jsx)(i.f,{ref:s,decorative:l,orientation:a,className:(0,r.cn)("shrink-0 bg-border","horizontal"===a?"h-[1px] w-full":"h-full w-[1px]",t),...o})});o.displayName=i.f.displayName;var c=t(48975),d=t(82180),u=t(30513),m=t(4523);function h(e){let{timeout:s=2e3}=e,[t,n]=l.useState(!1);return{isCopied:t,copyToClipboard:e=>{var t;(null===(t=navigator.clipboard)||void 0===t?void 0:t.writeText)&&e&&navigator.clipboard.writeText(e).then(()=>{n(!0),setTimeout(()=>{n(!1)},s)})}}}var p=t(84168),x=t(93023);let f={javascript:".js",python:".py",java:".java",c:".c",cpp:".cpp","c++":".cpp","c#":".cs",ruby:".rb",php:".php",swift:".swift","objective-c":".m",kotlin:".kt",typescript:".ts",go:".go",perl:".pl",rust:".rs",scala:".scala",haskell:".hs",lua:".lua",shell:".sh",sql:".sql",html:".html",css:".css"},g=function(e){let s=arguments.length>1&&void 0!==arguments[1]&&arguments[1],t="ABCDEFGHJKLMNPQRSTUVWXY3456789",n="";for(let s=0;s{let{language:s,value:t}=e,{isCopied:a,copyToClipboard:r}=h({timeout:2e3});return(0,n.jsxs)("div",{className:"relative w-full font-sans codeblock bg-zinc-950",children:[(0,n.jsxs)("div",{className:"flex items-center justify-between w-full px-6 py-2 pr-4 bg-zinc-800 text-zinc-100",children:[(0,n.jsx)("span",{className:"text-xs lowercase",children:s}),(0,n.jsxs)("div",{className:"flex items-center space-x-1",children:[(0,n.jsxs)(x.z,{variant:"ghost",className:"hover:bg-zinc-800 focus-visible:ring-1 focus-visible:ring-slate-700 focus-visible:ring-offset-0",onClick:()=>{let e=f[s]||".file",n="file-".concat(g(3,!0)).concat(e),a=window.prompt("Enter file name",n);if(!a)return;let r=new Blob([t],{type:"text/plain"}),l=URL.createObjectURL(r),i=document.createElement("a");i.download=a,i.href=l,i.style.display="none",document.body.appendChild(i),i.click(),document.body.removeChild(i),URL.revokeObjectURL(l)},size:"icon",children:[(0,n.jsx)(p.Dj,{}),(0,n.jsx)("span",{className:"sr-only",children:"Download"})]}),(0,n.jsxs)(x.z,{variant:"ghost",size:"icon",className:"text-xs hover:bg-zinc-800 focus-visible:ring-1 focus-visible:ring-slate-700 focus-visible:ring-offset-0",onClick:()=>{a||r(t)},children:[a?(0,n.jsx)(p.NO,{}):(0,n.jsx)(p.vU,{}),(0,n.jsx)("span",{className:"sr-only",children:"Copy code"})]})]})]}),(0,n.jsx)(u.Z,{language:s,style:m.RY,PreTag:"div",showLineNumbers:!0,customStyle:{margin:0,width:"100%",background:"transparent",padding:"1.5rem 1rem"},codeTagProps:{style:{fontSize:"0.9rem",fontFamily:"var(--font-mono)"}},children:t})]})});v.displayName="CodeBlock";var b=t(19349);let j=(0,l.memo)(b.D,(e,s)=>e.children===s.children&&e.className===s.className);var y=t(16691),w=t.n(y);function N(e){let{message:s,className:t,...a}=e,{isCopied:l,copyToClipboard:i}=h({timeout:2e3});return(0,n.jsx)("div",{className:(0,r.cn)("flex items-center justify-end transition-opacity group-hover:opacity-100 md:absolute md:-right-10 md:-top-2 md:opacity-0",t),...a,children:(0,n.jsxs)(x.z,{variant:"ghost",size:"icon",onClick:()=>{l||i(s.content)},children:[l?(0,n.jsx)(p.NO,{}):(0,n.jsx)(p.vU,{}),(0,n.jsx)("span",{className:"sr-only",children:"Copy message"})]})})}function k(e){let{message:s,...t}=e;return(0,n.jsxs)("div",{className:(0,r.cn)("group relative mb-4 flex items-start md:-ml-12"),...t,children:[(0,n.jsx)("div",{className:(0,r.cn)("flex h-8 w-8 shrink-0 select-none items-center justify-center rounded-md border shadow","user"===s.role?"bg-background":"bg-primary text-primary-foreground"),children:"user"===s.role?(0,n.jsx)(p.f7,{}):(0,n.jsx)(z,{})}),(0,n.jsxs)("div",{className:"flex-1 px-1 ml-4 space-y-2 overflow-hidden",children:[(0,n.jsx)(j,{className:"prose break-words dark:prose-invert prose-p:leading-relaxed prose-pre:p-0",remarkPlugins:[c.Z,d.Z],components:{p(e){let{children:s}=e;return(0,n.jsx)("p",{className:"mb-2 last:mb-0",children:s})},code(e){let{node:s,inline:t,className:a,children:r,...l}=e;if(r.length){if("▍"==r[0])return(0,n.jsx)("span",{className:"mt-1 cursor-default animate-pulse",children:"▍"});r[0]=r[0].replace("`▍`","▍")}let i=/language-(\w+)/.exec(a||"");return t?(0,n.jsx)("code",{className:a,...l,children:r}):(0,n.jsx)(v,{language:i&&i[1]||"",value:String(r).replace(/\n$/,""),...l},Math.random())}},children:s.content}),(0,n.jsx)(N,{message:s})]})]})}function z(){return(0,n.jsx)(w(),{style:{borderRadius:4},src:"https://avatars.githubusercontent.com/u/125617854?s=128&v=4",alt:"tabby",width:"128",height:"128"})}function C(e){let{messages:s}=e;return s.length?(0,n.jsx)("div",{className:"relative mx-auto max-w-2xl px-4",children:s.map((e,t)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(k,{message:e}),t{if("Enter"===s.key&&!s.shiftKey&&!s.nativeEvent.isComposing){var t;null===(t=e.current)||void 0===t||t.requestSubmit(),s.preventDefault()}}}}(),d=l.useRef(null);return(0,T.useRouter)(),l.useEffect(()=>{d.current&&d.current.focus()},[]),(0,n.jsx)("form",{onSubmit:async e=>{e.preventDefault(),(null==t?void 0:t.trim())&&(a(""),await s(t))},ref:o,children:(0,n.jsxs)("div",{className:"relative flex max-h-60 w-full grow flex-col overflow-hidden bg-background px-8 sm:rounded-md sm:border sm:px-12",children:[(0,n.jsx)("span",{className:(0,r.cn)((0,x.d)({size:"sm",variant:"ghost"}),"absolute left-0 top-4 h-8 w-8 rounded-full bg-background p-0 sm:left-4 hover:bg-background"),children:(0,n.jsx)(p.yl,{})}),(0,n.jsx)(E.Z,{ref:d,tabIndex:0,onKeyDown:c,rows:1,value:t,onChange:e=>a(e.target.value),placeholder:"Ask a question.",spellCheck:!1,className:"min-h-[60px] w-full resize-none bg-transparent px-4 py-[1.3rem] focus-within:outline-none sm:text-sm"}),(0,n.jsx)("div",{className:"absolute right-0 top-4 sm:right-4",children:(0,n.jsxs)(R.u,{children:[(0,n.jsx)(R.aJ,{asChild:!0,children:(0,n.jsxs)(x.z,{type:"submit",size:"icon",disabled:i||""===t,children:[(0,n.jsx)(p.vq,{}),(0,n.jsx)("span",{className:"sr-only",children:"Send message"})]})}),(0,n.jsx)(R._v,{children:"Send message"})]})})]})})}function S(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,[s,t]=l.useState(!1);return l.useEffect(()=>{let s=()=>{t(window.innerHeight+window.scrollY>=document.body.offsetHeight-e)};return window.addEventListener("scroll",s,{passive:!0}),s(),()=>{window.removeEventListener("scroll",s)}},[e]),s}function _(e){let{className:s,...t}=e,a=S();return(0,n.jsxs)(x.z,{variant:"outline",size:"icon",className:(0,r.cn)("absolute right-4 top-1 z-10 bg-background transition-opacity duration-300 sm:right-8 md:top-2",a?"opacity-0":"opacity-100",s),onClick:()=>window.scrollTo({top:document.body.offsetHeight,behavior:"smooth"}),...t,children:[(0,n.jsx)(p.BD,{}),(0,n.jsx)("span",{className:"sr-only",children:"Scroll to bottom"})]})}function D(e){let{href:s,children:t}=e;return(0,n.jsxs)("a",{href:s,target:"_blank",className:"inline-flex flex-1 justify-center gap-1 leading-4 hover:underline",children:[(0,n.jsx)("span",{children:t}),(0,n.jsx)("svg",{"aria-hidden":"true",height:"7",viewBox:"0 0 6 6",width:"7",className:"opacity-70",children:(0,n.jsx)("path",{d:"M1.25215 5.54731L0.622742 4.9179L3.78169 1.75597H1.3834L1.38936 0.890915H5.27615V4.78069H4.40513L4.41109 2.38538L1.25215 5.54731Z",fill:"currentColor"})})]})}function O(e){let{className:s,...t}=e;return(0,n.jsxs)("p",{className:(0,r.cn)("px-2 text-center text-xs leading-normal text-muted-foreground",s),...t,children:[(0,n.jsx)(D,{href:"https://tabby.tabbyml.com",children:"Tabby"}),", an opensource, self-hosted AI coding assistant ."]})}function U(e){let{id:s,isLoading:t,stop:a,append:r,reload:l,input:i,setInput:o,messages:c}=e;return(0,n.jsxs)("div",{className:"fixed inset-x-0 bottom-0 bg-gradient-to-b from-muted/10 from-10% to-muted/30 to-50%",children:[(0,n.jsx)(_,{}),(0,n.jsxs)("div",{className:"mx-auto sm:max-w-2xl sm:px-4",children:[(0,n.jsx)("div",{className:"flex h-10 items-center justify-center",children:t?(0,n.jsxs)(x.z,{variant:"outline",onClick:()=>a(),className:"bg-background",children:[(0,n.jsx)(p.zu,{className:"mr-2"}),"Stop generating"]}):(null==c?void 0:c.length)>0&&(0,n.jsxs)(x.z,{variant:"outline",onClick:()=>l(),className:"bg-background",children:[(0,n.jsx)(p.tr,{className:"mr-2"}),"Regenerate response"]})}),(0,n.jsxs)("div",{className:"space-y-4 border-t bg-background px-4 py-2 shadow-lg sm:rounded-t-xl sm:border md:py-4",children:[(0,n.jsx)(L,{onSubmit:async e=>{await r({id:s,content:e,role:"user"})},input:i,setInput:o,isLoading:t}),(0,n.jsx)(O,{className:"hidden sm:block"})]})]})]})}let B=[{heading:"Explain technical concepts",message:'What is a "serverless function"?'},{heading:"Explain how to parse email address",message:"How to parse email address with regex"}];function H(e){let{setInput:s}=e;return(0,n.jsx)("div",{className:"mx-auto max-w-2xl px-4",children:(0,n.jsxs)("div",{className:"rounded-lg border bg-background p-8",children:[(0,n.jsx)("h1",{className:"mb-2 text-lg font-semibold",children:"Welcome to Tabby Playground!"}),(0,n.jsx)("p",{className:"leading-normal text-muted-foreground",children:"You can start a conversation here or try the following examples:"}),(0,n.jsx)("div",{className:"mt-4 flex flex-col items-start space-y-2",children:B.map((e,t)=>(0,n.jsxs)(x.z,{variant:"link",className:"h-auto p-0 text-base",onClick:()=>s(e.message),children:[(0,n.jsx)(p.Ec,{className:"mr-2 text-muted-foreground"}),e.heading]},t))})]})})}var P=t(4327);function I(e){let{trackVisibility:s}=e,t=S(),{ref:a,entry:r,inView:i}=(0,P.YD)({trackVisibility:s,delay:100,rootMargin:"0px 0px -150px 0px"});return l.useEffect(()=>{t&&s&&!i&&(null==r||r.target.scrollIntoView({block:"start"}))},[i,r,t,s]),(0,n.jsx)("div",{ref:a,className:"h-px w-full"})}var q=t(5925),M=t(4913);let Y=new TextDecoder("utf-8");async function A(e,s){for(let t of e){let{content:e}=JSON.parse(t);s.enqueue(e)}}async function V(e,s){let t="";for(;;){let{value:n,done:a}=await e.read();if(a)break;t+=Y.decode(n,{stream:!0});let r=t.split(/\r\n|\n|\r/g);t=r.pop()||"",await A(r,s)}if(t){let e=[t];await A(e,s)}s.close()}var Z=t(62601);let F=Z.env.NEXT_PUBLIC_TABBY_SERVER_URL||"";function J(e){let{id:s,initialMessages:t,className:i}=e;(0,l.useEffect)(()=>{let e=window.fetch;window.fetch=async function(s,t){var n;if("/api/chat"!==s)return e(s,t);let{messages:a}=JSON.parse(t.body),r=await e("".concat(F,"/v1beta/chat/completions"),{...t,method:"POST",headers:{"Content-Type":"application/json"}}),l=(n=void 0,(function(e){var s;let t=null===(s=e.body)||void 0===s?void 0:s.getReader();return new ReadableStream({async start(e){if(!t){e.close();return}await V(t,e)}})})(r).pipeThrough((0,M.T_)(n)).pipeThrough((0,M.h6)(null==n?void 0:n.experimental_streamData)));return new M.wn(l)}},[]);let{messages:o,append:c,reload:d,stop:u,isLoading:m,input:h,setInput:p,setMessages:x}=(0,a.R)({initialMessages:t,id:s,body:{id:s},onResponse(e){401===e.status&&q.toast.error(e.statusText)}});return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:(0,r.cn)("pb-[200px] pt-4 md:pt-10",i),children:o.length?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(C,{messages:o}),(0,n.jsx)(I,{trackVisibility:m})]}):(0,n.jsx)(H,{setInput:p})}),(0,n.jsx)(U,{id:s,isLoading:m,stop:u,append:c,reload:d,messages:o,input:h,setInput:p})]})}}},function(e){e.O(0,[346,978,524,971,864,744],function(){return e(e.s=92720)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[931],{92720:function(e,s,t){Promise.resolve().then(t.bind(t,10413))},10413:function(e,s,t){"use strict";t.r(s),t.d(s,{Chat:function(){return J}});var n=t(57437),a=t(57139),r=t(39311),l=t(2265),i=t(26823);let o=l.forwardRef((e,s)=>{let{className:t,orientation:a="horizontal",decorative:l=!0,...o}=e;return(0,n.jsx)(i.f,{ref:s,decorative:l,orientation:a,className:(0,r.cn)("shrink-0 bg-border","horizontal"===a?"h-[1px] w-full":"h-full w-[1px]",t),...o})});o.displayName=i.f.displayName;var c=t(48975),d=t(82180),u=t(30513),m=t(4523);function h(e){let{timeout:s=2e3}=e,[t,n]=l.useState(!1);return{isCopied:t,copyToClipboard:e=>{var t;(null===(t=navigator.clipboard)||void 0===t?void 0:t.writeText)&&e&&navigator.clipboard.writeText(e).then(()=>{n(!0),setTimeout(()=>{n(!1)},s)})}}}var p=t(84168),x=t(93023);let f={javascript:".js",python:".py",java:".java",c:".c",cpp:".cpp","c++":".cpp","c#":".cs",ruby:".rb",php:".php",swift:".swift","objective-c":".m",kotlin:".kt",typescript:".ts",go:".go",perl:".pl",rust:".rs",scala:".scala",haskell:".hs",lua:".lua",shell:".sh",sql:".sql",html:".html",css:".css"},g=function(e){let s=arguments.length>1&&void 0!==arguments[1]&&arguments[1],t="ABCDEFGHJKLMNPQRSTUVWXY3456789",n="";for(let s=0;s{let{language:s,value:t}=e,{isCopied:a,copyToClipboard:r}=h({timeout:2e3});return(0,n.jsxs)("div",{className:"relative w-full font-sans codeblock bg-zinc-950",children:[(0,n.jsxs)("div",{className:"flex items-center justify-between w-full px-6 py-2 pr-4 bg-zinc-800 text-zinc-100",children:[(0,n.jsx)("span",{className:"text-xs lowercase",children:s}),(0,n.jsxs)("div",{className:"flex items-center space-x-1",children:[(0,n.jsxs)(x.z,{variant:"ghost",className:"hover:bg-zinc-800 focus-visible:ring-1 focus-visible:ring-slate-700 focus-visible:ring-offset-0",onClick:()=>{let e=f[s]||".file",n="file-".concat(g(3,!0)).concat(e),a=window.prompt("Enter file name",n);if(!a)return;let r=new Blob([t],{type:"text/plain"}),l=URL.createObjectURL(r),i=document.createElement("a");i.download=a,i.href=l,i.style.display="none",document.body.appendChild(i),i.click(),document.body.removeChild(i),URL.revokeObjectURL(l)},size:"icon",children:[(0,n.jsx)(p.Dj,{}),(0,n.jsx)("span",{className:"sr-only",children:"Download"})]}),(0,n.jsxs)(x.z,{variant:"ghost",size:"icon",className:"text-xs hover:bg-zinc-800 focus-visible:ring-1 focus-visible:ring-slate-700 focus-visible:ring-offset-0",onClick:()=>{a||r(t)},children:[a?(0,n.jsx)(p.NO,{}):(0,n.jsx)(p.vU,{}),(0,n.jsx)("span",{className:"sr-only",children:"Copy code"})]})]})]}),(0,n.jsx)(u.Z,{language:s,style:m.RY,PreTag:"div",showLineNumbers:!0,customStyle:{margin:0,width:"100%",background:"transparent",padding:"1.5rem 1rem"},codeTagProps:{style:{fontSize:"0.9rem",fontFamily:"var(--font-mono)"}},children:t})]})});v.displayName="CodeBlock";var b=t(19349);let j=(0,l.memo)(b.D,(e,s)=>e.children===s.children&&e.className===s.className);var y=t(16691),w=t.n(y);function N(e){let{message:s,className:t,...a}=e,{isCopied:l,copyToClipboard:i}=h({timeout:2e3});return(0,n.jsx)("div",{className:(0,r.cn)("flex items-center justify-end transition-opacity group-hover:opacity-100 md:absolute md:-right-10 md:-top-2 md:opacity-0",t),...a,children:(0,n.jsxs)(x.z,{variant:"ghost",size:"icon",onClick:()=>{l||i(s.content)},children:[l?(0,n.jsx)(p.NO,{}):(0,n.jsx)(p.vU,{}),(0,n.jsx)("span",{className:"sr-only",children:"Copy message"})]})})}function k(e){let{message:s,...t}=e;return(0,n.jsxs)("div",{className:(0,r.cn)("group relative mb-4 flex items-start md:-ml-12"),...t,children:[(0,n.jsx)("div",{className:(0,r.cn)("flex h-8 w-8 shrink-0 select-none items-center justify-center rounded-md border shadow","user"===s.role?"bg-background":"bg-primary text-primary-foreground"),children:"user"===s.role?(0,n.jsx)(p.f7,{}):(0,n.jsx)(C,{})}),(0,n.jsxs)("div",{className:"flex-1 px-1 ml-4 space-y-2 overflow-hidden",children:[(0,n.jsx)(j,{className:"prose break-words dark:prose-invert prose-p:leading-relaxed prose-pre:p-0",remarkPlugins:[c.Z,d.Z],components:{p(e){let{children:s}=e;return(0,n.jsx)("p",{className:"mb-2 last:mb-0",children:s})},code(e){let{node:s,inline:t,className:a,children:r,...l}=e;if(r.length){if("▍"==r[0])return(0,n.jsx)("span",{className:"mt-1 cursor-default animate-pulse",children:"▍"});r[0]=r[0].replace("`▍`","▍")}let i=/language-(\w+)/.exec(a||"");return t?(0,n.jsx)("code",{className:a,...l,children:r}):(0,n.jsx)(v,{language:i&&i[1]||"",value:String(r).replace(/\n$/,""),...l},Math.random())}},children:s.content}),(0,n.jsx)(N,{message:s})]})]})}function C(){return(0,n.jsx)(w(),{style:{borderRadius:4},src:"https://avatars.githubusercontent.com/u/125617854?s=128&v=4",alt:"tabby",width:"128",height:"128"})}function z(e){let{messages:s}=e;return s.length?(0,n.jsx)("div",{className:"relative mx-auto max-w-2xl px-4",children:s.map((e,t)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(k,{message:e}),t{if("Enter"===s.key&&!s.shiftKey&&!s.nativeEvent.isComposing){var t;null===(t=e.current)||void 0===t||t.requestSubmit(),s.preventDefault()}}}}(),d=l.useRef(null);return(0,E.useRouter)(),l.useEffect(()=>{d.current&&d.current.focus()},[]),(0,n.jsx)("form",{onSubmit:async e=>{e.preventDefault(),(null==t?void 0:t.trim())&&(a(""),await s(t))},ref:o,children:(0,n.jsxs)("div",{className:"relative flex max-h-60 w-full grow flex-col overflow-hidden bg-background px-8 sm:rounded-md sm:border sm:px-12",children:[(0,n.jsx)("span",{className:(0,r.cn)((0,x.d)({size:"sm",variant:"ghost"}),"absolute left-0 top-4 h-8 w-8 rounded-full bg-background p-0 sm:left-4 hover:bg-background"),children:(0,n.jsx)(p.yl,{})}),(0,n.jsx)(R.Z,{ref:d,tabIndex:0,onKeyDown:c,rows:1,value:t,onChange:e=>a(e.target.value),placeholder:"Ask a question.",spellCheck:!1,className:"min-h-[60px] w-full resize-none bg-transparent px-4 py-[1.3rem] focus-within:outline-none sm:text-sm"}),(0,n.jsx)("div",{className:"absolute right-0 top-4 sm:right-4",children:(0,n.jsxs)(T.u,{children:[(0,n.jsx)(T.aJ,{asChild:!0,children:(0,n.jsxs)(x.z,{type:"submit",size:"icon",disabled:i||""===t,children:[(0,n.jsx)(p.vq,{}),(0,n.jsx)("span",{className:"sr-only",children:"Send message"})]})}),(0,n.jsx)(T._v,{children:"Send message"})]})})]})})}function S(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,[s,t]=l.useState(!1);return l.useEffect(()=>{let s=()=>{t(window.innerHeight+window.scrollY>=document.body.offsetHeight-e)};return window.addEventListener("scroll",s,{passive:!0}),s(),()=>{window.removeEventListener("scroll",s)}},[e]),s}function _(e){let{className:s,...t}=e,a=S();return(0,n.jsxs)(x.z,{variant:"outline",size:"icon",className:(0,r.cn)("absolute right-4 top-1 z-10 bg-background transition-opacity duration-300 sm:right-8 md:top-2",a?"opacity-0":"opacity-100",s),onClick:()=>window.scrollTo({top:document.body.offsetHeight,behavior:"smooth"}),...t,children:[(0,n.jsx)(p.BD,{}),(0,n.jsx)("span",{className:"sr-only",children:"Scroll to bottom"})]})}function D(e){let{href:s,children:t}=e;return(0,n.jsxs)("a",{href:s,target:"_blank",className:"inline-flex flex-1 justify-center gap-1 leading-4 hover:underline",children:[(0,n.jsx)("span",{children:t}),(0,n.jsx)("svg",{"aria-hidden":"true",height:"7",viewBox:"0 0 6 6",width:"7",className:"opacity-70",children:(0,n.jsx)("path",{d:"M1.25215 5.54731L0.622742 4.9179L3.78169 1.75597H1.3834L1.38936 0.890915H5.27615V4.78069H4.40513L4.41109 2.38538L1.25215 5.54731Z",fill:"currentColor"})})]})}function H(e){let{className:s,...t}=e;return(0,n.jsxs)("p",{className:(0,r.cn)("px-2 text-center text-xs leading-normal text-muted-foreground",s),...t,children:[(0,n.jsx)(D,{href:"https://tabby.tabbyml.com",children:"Tabby"}),", an opensource, self-hosted AI coding assistant ."]})}function O(e){let{id:s,isLoading:t,stop:a,append:r,reload:l,input:i,setInput:o,messages:c}=e;return(0,n.jsxs)("div",{className:"fixed inset-x-0 bottom-0 bg-gradient-to-b from-muted/10 from-10% to-muted/30 to-50%",children:[(0,n.jsx)(_,{}),(0,n.jsxs)("div",{className:"mx-auto sm:max-w-2xl sm:px-4",children:[(0,n.jsx)("div",{className:"flex h-10 items-center justify-center",children:t?(0,n.jsxs)(x.z,{variant:"outline",onClick:()=>a(),className:"bg-background",children:[(0,n.jsx)(p.zu,{className:"mr-2"}),"Stop generating"]}):(null==c?void 0:c.length)>0&&(0,n.jsxs)(x.z,{variant:"outline",onClick:()=>l(),className:"bg-background",children:[(0,n.jsx)(p.tr,{className:"mr-2"}),"Regenerate response"]})}),(0,n.jsxs)("div",{className:"space-y-4 border-t bg-background px-4 py-2 shadow-lg sm:rounded-t-xl sm:border md:py-4",children:[(0,n.jsx)(L,{onSubmit:async e=>{await r({id:s,content:e,role:"user"})},input:i,setInput:o,isLoading:t}),(0,n.jsx)(H,{className:"hidden sm:block"})]})]})]})}let U=[{heading:"Convert list of string to numbers",message:"How to convert a list of string to numbers in python"},{heading:"How to parse email address",message:"How to parse email address with regex"}];function B(e){let{setInput:s}=e;return(0,n.jsx)("div",{className:"mx-auto max-w-2xl px-4",children:(0,n.jsxs)("div",{className:"rounded-lg border bg-background p-8",children:[(0,n.jsx)("h1",{className:"mb-2 text-lg font-semibold",children:"Welcome to Tabby Playground!"}),(0,n.jsx)("p",{className:"leading-normal text-muted-foreground",children:"You can start a conversation here or try the following examples:"}),(0,n.jsx)("div",{className:"mt-4 flex flex-col items-start space-y-2",children:U.map((e,t)=>(0,n.jsxs)(x.z,{variant:"link",className:"h-auto p-0 text-base",onClick:()=>s(e.message),children:[(0,n.jsx)(p.Ec,{className:"mr-2 text-muted-foreground"}),e.heading]},t))})]})})}var P=t(4327);function I(e){let{trackVisibility:s}=e,t=S(),{ref:a,entry:r,inView:i}=(0,P.YD)({trackVisibility:s,delay:100,rootMargin:"0px 0px -150px 0px"});return l.useEffect(()=>{t&&s&&!i&&(null==r||r.target.scrollIntoView({block:"start"}))},[i,r,t,s]),(0,n.jsx)("div",{ref:a,className:"h-px w-full"})}var q=t(5925),M=t(4913);let Y=new TextDecoder("utf-8");async function A(e,s){for(let t of e){let{content:e}=JSON.parse(t);s.enqueue(e)}}async function V(e,s){let t="";for(;;){let{value:n,done:a}=await e.read();if(a)break;t+=Y.decode(n,{stream:!0});let r=t.split(/\r\n|\n|\r/g);t=r.pop()||"",await A(r,s)}if(t){let e=[t];await A(e,s)}s.close()}var Z=t(62601);let F=Z.env.NEXT_PUBLIC_TABBY_SERVER_URL||"";function J(e){let{id:s,initialMessages:t,className:i}=e;(0,l.useEffect)(()=>{let e=window.fetch;window.fetch=async function(s,t){var n;if("/api/chat"!==s)return e(s,t);let{messages:a}=JSON.parse(t.body),r=await e("".concat(F,"/v1beta/chat/completions"),{...t,method:"POST",headers:{"Content-Type":"application/json"}}),l=(n=void 0,(function(e){var s;let t=null===(s=e.body)||void 0===s?void 0:s.getReader();return new ReadableStream({async start(e){if(!t){e.close();return}await V(t,e)}})})(r).pipeThrough((0,M.T_)(n)).pipeThrough((0,M.h6)(null==n?void 0:n.experimental_streamData)));return new M.wn(l)}},[]);let{messages:o,append:c,reload:d,stop:u,isLoading:m,input:h,setInput:p,setMessages:x}=(0,a.R)({initialMessages:t,id:s,body:{id:s},onResponse(e){401===e.status&&q.toast.error(e.statusText)}});return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:(0,r.cn)("pb-[200px] pt-4 md:pt-10",i),children:o.length?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(z,{messages:o}),(0,n.jsx)(I,{trackVisibility:m})]}):(0,n.jsx)(B,{setInput:p})}),(0,n.jsx)(O,{id:s,isLoading:m,stop:u,append:c,reload:d,messages:o,input:h,setInput:p})]})}}},function(e){e.O(0,[346,978,524,971,864,744],function(){return e(e.s=92720)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/crates/tabby/playground/_next/static/wuOs7vWkOtFsvBihkvPv9/_buildManifest.js b/crates/tabby/playground/_next/static/r5J2z1c85KtakOV8pbkyf/_buildManifest.js similarity index 100% rename from crates/tabby/playground/_next/static/wuOs7vWkOtFsvBihkvPv9/_buildManifest.js rename to crates/tabby/playground/_next/static/r5J2z1c85KtakOV8pbkyf/_buildManifest.js diff --git a/crates/tabby/playground/_next/static/wuOs7vWkOtFsvBihkvPv9/_ssgManifest.js b/crates/tabby/playground/_next/static/r5J2z1c85KtakOV8pbkyf/_ssgManifest.js similarity index 100% rename from crates/tabby/playground/_next/static/wuOs7vWkOtFsvBihkvPv9/_ssgManifest.js rename to crates/tabby/playground/_next/static/r5J2z1c85KtakOV8pbkyf/_ssgManifest.js diff --git a/crates/tabby/playground/index.html b/crates/tabby/playground/index.html index 12c1f6b..177ecf2 100644 --- a/crates/tabby/playground/index.html +++ b/crates/tabby/playground/index.html @@ -1 +1 @@ -Tabby Playground
GitHub

Welcome to Tabby Playground!

You can start a conversation here or try the following examples:

\ No newline at end of file +Tabby Playground
GitHub

Welcome to Tabby Playground!

You can start a conversation here or try the following examples:

\ No newline at end of file diff --git a/crates/tabby/playground/index.txt b/crates/tabby/playground/index.txt index 0a2f70f..a351682 100644 --- a/crates/tabby/playground/index.txt +++ b/crates/tabby/playground/index.txt @@ -1,13 +1,13 @@ 1:HL["/playground/_next/static/media/86fdec36ddd9097e-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}] 2:HL["/playground/_next/static/media/c9a5bc6a7c948fb0-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}] 3:HL["/playground/_next/static/css/d091dc2da2a795e4.css","style"] -0:["wuOs7vWkOtFsvBihkvPv9",[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],"$L4",[[["$","link","0",{"rel":"stylesheet","href":"/playground/_next/static/css/d091dc2da2a795e4.css","precedence":"next"}]],"$L5"]]]] +0:["r5J2z1c85KtakOV8pbkyf",[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],"$L4",[[["$","link","0",{"rel":"stylesheet","href":"/playground/_next/static/css/d091dc2da2a795e4.css","precedence":"next"}]],"$L5"]]]] 6:I{"id":5925,"chunks":["346:static/chunks/346-c4227fa5fd95e485.js","524:static/chunks/524-6309ecb76a77fdcf.js","185:static/chunks/app/layout-38d79c8bb16c51be.js"],"name":"Toaster","async":false} 7:I{"id":78495,"chunks":["346:static/chunks/346-c4227fa5fd95e485.js","524:static/chunks/524-6309ecb76a77fdcf.js","185:static/chunks/app/layout-38d79c8bb16c51be.js"],"name":"Providers","async":false} 8:I{"id":78963,"chunks":["346:static/chunks/346-c4227fa5fd95e485.js","524:static/chunks/524-6309ecb76a77fdcf.js","185:static/chunks/app/layout-38d79c8bb16c51be.js"],"name":"Header","async":false} 9:I{"id":81443,"chunks":["272:static/chunks/webpack-e23fff8c5b5084ca.js","971:static/chunks/fd9d1056-5dfc77aa37d8c76f.js","864:static/chunks/864-1669531662d5540a.js"],"name":"","async":false} a:I{"id":18639,"chunks":["272:static/chunks/webpack-e23fff8c5b5084ca.js","971:static/chunks/fd9d1056-5dfc77aa37d8c76f.js","864:static/chunks/864-1669531662d5540a.js"],"name":"","async":false} -c:I{"id":10413,"chunks":["346:static/chunks/346-c4227fa5fd95e485.js","978:static/chunks/978-342eae78521d80e5.js","524:static/chunks/524-6309ecb76a77fdcf.js","931:static/chunks/app/page-ade2941340f908b0.js"],"name":"Chat","async":false} +c:I{"id":10413,"chunks":["346:static/chunks/346-c4227fa5fd95e485.js","978:static/chunks/978-342eae78521d80e5.js","524:static/chunks/524-6309ecb76a77fdcf.js","931:static/chunks/app/page-02521f803208b701.js"],"name":"Chat","async":false} 5:[["$","meta","0",{"charSet":"utf-8"}],["$","title","1",{"children":"Tabby Playground"}],["$","meta","2",{"name":"description","content":"Tabby, an opensource, self-hosted AI coding assistant."}],["$","meta","3",{"name":"theme-color","media":"(prefers-color-scheme: light)","content":"white"}],["$","meta","4",{"name":"theme-color","media":"(prefers-color-scheme: dark)","content":"black"}],["$","meta","5",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","6",{"name":"next-size-adjust"}]] -4:[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":[["$","head",null,{}],["$","body",null,{"className":"font-sans antialiased __variable_4e6684 __variable_3d950d","children":[["$","$L6",null,{}],["$","$L7",null,{"attribute":"class","defaultTheme":"system","enableSystem":true,"children":[["$","div",null,{"className":"flex flex-col min-h-screen","children":[["$","$L8",null,{}],["$","main",null,{"className":"flex flex-col flex-1 bg-muted/50","children":["$","$L9",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","template":["$","$La",null,{}],"templateStyles":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"childProp":{"current":["$Lb",["$","$Lc",null,{"id":"boXANKu"}],null],"segment":"__PAGE__"},"styles":[]}]}]]}],null]}]]}]]}],null] +4:[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":[["$","head",null,{}],["$","body",null,{"className":"font-sans antialiased __variable_4e6684 __variable_3d950d","children":[["$","$L6",null,{}],["$","$L7",null,{"attribute":"class","defaultTheme":"system","enableSystem":true,"children":[["$","div",null,{"className":"flex flex-col min-h-screen","children":[["$","$L8",null,{}],["$","main",null,{"className":"flex flex-col flex-1 bg-muted/50","children":["$","$L9",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","template":["$","$La",null,{}],"templateStyles":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"childProp":{"current":["$Lb",["$","$Lc",null,{"id":"yHzCP86"}],null],"segment":"__PAGE__"},"styles":[]}]}]]}],null]}]]}]]}],null] b:null