@marimo-team/frontend 0.23.7-dev74 → 0.23.7-dev76
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{cell-editor-j6uI2lbb.js → cell-editor-2QxjK8Iy.js} +1 -1
- package/dist/assets/{command-palette-C1ZQoRKK.js → command-palette-xwQgzDjB.js} +1 -1
- package/dist/assets/{edit-page--m-g7sJd.js → edit-page-CDRIYjrs.js} +4 -4
- package/dist/assets/{hooks-DmXpnB4Q.js → hooks-CizEp07l.js} +1 -1
- package/dist/assets/{index-DKsz6MdI.js → index-Cu94n5mj.js} +2 -2
- package/dist/assets/layout-BX294DMP.js +9 -0
- package/dist/assets/{panels-C2AdFHca.js → panels-DM5HG3Hc.js} +1 -1
- package/dist/assets/{reveal-component-NyMxWg7l.js → reveal-component-DOOziYlB.js} +1 -1
- package/dist/assets/{run-page-CL5_8cl2.js → run-page-62ydR-HX.js} +1 -1
- package/dist/assets/{scratchpad-panel-CAdNGYeJ.js → scratchpad-panel-BcG61-7O.js} +1 -1
- package/dist/assets/{useNotebookActions-BoiZcX-N.js → useNotebookActions-DiN6ywFP.js} +1 -1
- package/dist/index.html +1 -1
- package/package.json +1 -1
- package/src/components/editor/notebook-cell.tsx +2 -0
- package/src/components/editor/output/console/ConsoleOutput.tsx +23 -5
- package/src/components/editor/output/console/__tests__/ConsoleOutput.test.tsx +114 -0
- package/src/components/editor/renderers/vertical-layout/vertical-layout.tsx +1 -0
- package/src/components/scratchpad/scratchpad.tsx +1 -0
- package/dist/assets/layout-DSscq2Li.js +0 -9
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{s as Me}from"./chunk-LvLJmgfZ.js";import{d as Q,l as ft,p as xt,u as he}from"./useEvent-D91BmmQi.js";import{t as yt}from"./react-Bj1aDYRI.js";import{D as Se,Dn as kt,Dr as bt,E as wt,Ii as we,Mn as jt,On as gt,Sr as vt,Yr as Ct,Zt as zt,_ as Wt,_r as _t,ct as Mt,h as Ne,kn as St,st as Nt,t as Dt,ut as De,yr as Pt}from"./cells-Dnu4nDoy.js";import{t as q}from"./compiler-runtime-B3qBwwSJ.js";import{n as At,x as It}from"./ai-model-dropdown-CjhUqXgj.js";import{_ as X,d as Pe}from"./useEventListener-DvoEXWke.js";import{y as $t}from"./utils-Wvjk_Y4h.js";import{n as B,t as Ae}from"./constants-DMpttj8Q.js";import{T as me,n as Lt,o as Et,v as Tt,w as Rt}from"./config-C2lTvbuU.js";import{n as Ht}from"./switch-BtkQp293.js";import{t as Ot}from"./jsx-runtime-BqBOg78p.js";import{o as Ut}from"./alert-dialog-BqFLkbUc.js";import{a as qt,c as Bt,o as Ie,s as Ft}from"./popover-Bz_0Vkyf.js";import{a as Vt,c as Yt,i as Kt,n as Gt,r as Jt,s as Zt,t as Qt}from"./select-DZcFyKFQ.js";import{St as Xt}from"./JsonOutput-BEbyS3oG.js";import{c as $e,d as je,n as ea,o as ta,r as ge,t as aa}from"./download-BO6T2USS.js";import{t as ve}from"./tooltip-DTV9tlSr.js";import{r as Le,t as G}from"./button-BbCh-29a.js";import{i as oa,r as na,t as Ee}from"./strings-wdPMRf6Z.js";import{r as ee}from"./requests-DIwGYs0l.js";import{t as z}from"./createLucideIcon-D5guW7EU.js";import{F as sa,I as la,L as Te,P as ia,R as ra,a as Re,i as He,u as Oe}from"./layout-
|
|
1
|
+
import{s as Me}from"./chunk-LvLJmgfZ.js";import{d as Q,l as ft,p as xt,u as he}from"./useEvent-D91BmmQi.js";import{t as yt}from"./react-Bj1aDYRI.js";import{D as Se,Dn as kt,Dr as bt,E as wt,Ii as we,Mn as jt,On as gt,Sr as vt,Yr as Ct,Zt as zt,_ as Wt,_r as _t,ct as Mt,h as Ne,kn as St,st as Nt,t as Dt,ut as De,yr as Pt}from"./cells-Dnu4nDoy.js";import{t as q}from"./compiler-runtime-B3qBwwSJ.js";import{n as At,x as It}from"./ai-model-dropdown-CjhUqXgj.js";import{_ as X,d as Pe}from"./useEventListener-DvoEXWke.js";import{y as $t}from"./utils-Wvjk_Y4h.js";import{n as B,t as Ae}from"./constants-DMpttj8Q.js";import{T as me,n as Lt,o as Et,v as Tt,w as Rt}from"./config-C2lTvbuU.js";import{n as Ht}from"./switch-BtkQp293.js";import{t as Ot}from"./jsx-runtime-BqBOg78p.js";import{o as Ut}from"./alert-dialog-BqFLkbUc.js";import{a as qt,c as Bt,o as Ie,s as Ft}from"./popover-Bz_0Vkyf.js";import{a as Vt,c as Yt,i as Kt,n as Gt,r as Jt,s as Zt,t as Qt}from"./select-DZcFyKFQ.js";import{St as Xt}from"./JsonOutput-BEbyS3oG.js";import{c as $e,d as je,n as ea,o as ta,r as ge,t as aa}from"./download-BO6T2USS.js";import{t as ve}from"./tooltip-DTV9tlSr.js";import{r as Le,t as G}from"./button-BbCh-29a.js";import{i as oa,r as na,t as Ee}from"./strings-wdPMRf6Z.js";import{r as ee}from"./requests-DIwGYs0l.js";import{t as z}from"./createLucideIcon-D5guW7EU.js";import{F as sa,I as la,L as Te,P as ia,R as ra,a as Re,i as He,u as Oe}from"./layout-BX294DMP.js";import{t as pe}from"./check-BH35Ndha.js";import{r as da}from"./useCellActionButton-CpNJthj4.js";import{t as Ce}from"./copy-BwrPA9zQ.js";import{t as ca}from"./external-link-BTNxSavU.js";import{t as ha}from"./eye-off-BT-KOYV5.js";import{t as ue}from"./file-HTLbeC2b.js";import{t as ma}from"./github-raQvpeuZ.js";import{u as pa}from"./form-CM8vYbSt.js";import{n as ua,r as fa,t as xa}from"./youtube-3lRHw8NU.js";import{i as ya,n as Ue}from"./add-connection-dialog-Cw6_iYno.js";import{t as ka}from"./house-D2ldnAB9.js";import{t as ba}from"./image-BIibSXT6.js";import{t as wa}from"./link-CoJxTwWE.js";import{r as ja}from"./input-CVE-gIjt.js";import{t as ga}from"./settings-SnYErNWQ.js";import{t as va}from"./sparkles-CC9Bko6a.js";import{y as Ca}from"./textarea-BBTcSr-i.js";import{t as za}from"./square-rACnnz-q.js";import{t as F}from"./use-toast-ERM44-k9.js";import{n as qe,t as Wa}from"./paths-SFhaqGlE.js";import{o as _a}from"./session-DGdfs0bJ.js";import{n as te}from"./copy-Ch48HVPK.js";import{r as Ma}from"./useRunCells-C0BPo9m1.js";import{a as Be,c as Fe,i as Ve,n as Ye,r as Ke}from"./dialog-DqOQT_n4.js";import{n as ze}from"./ImperativeModal-DEC1mXgV.js";import{r as Sa,t as Ge}from"./share-oorMPghT.js";import{a as Na}from"./cell-link-PQYiMZw1.js";import{a as Da}from"./renderShortcut-DK-VjfaX.js";import{t as Pa}from"./icons-8tfAri2V.js";import{n as Je}from"./marimo-icons-CUuBQ0ae.js";import{t as Aa}from"./links-Av1BIe0O.js";import{r as Ia,t as Ze}from"./hooks-CizEp07l.js";import{t as Qe}from"./types-DZmRsGZN.js";var $a=z("circle-chevron-down",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m16 10-4 4-4-4",key:"894hmk"}]]),La=z("circle-chevron-right",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m10 8 4 4-4 4",key:"1wy4r4"}]]),Xe=z("clipboard-copy",[["rect",{width:"8",height:"4",x:"8",y:"2",rx:"1",ry:"1",key:"tgr4d6"}],["path",{d:"M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2",key:"4jdomd"}],["path",{d:"M16 4h2a2 2 0 0 1 2 2v4",key:"3hqy98"}],["path",{d:"M21 14H11",key:"1bme5i"}],["path",{d:"m15 10-4 4 4 4",key:"5dvupr"}]]),et=z("command",[["path",{d:"M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3",key:"11bfej"}]]),tt=z("diamond-plus",[["path",{d:"M12 8v8",key:"napkw2"}],["path",{d:"M2.7 10.3a2.41 2.41 0 0 0 0 3.41l7.59 7.59a2.41 2.41 0 0 0 3.41 0l7.59-7.59a2.41 2.41 0 0 0 0-3.41L13.7 2.71a2.41 2.41 0 0 0-3.41 0z",key:"1ey20j"}],["path",{d:"M8 12h8",key:"1wcyev"}]]),Ea=z("fast-forward",[["path",{d:"M12 6a2 2 0 0 1 3.414-1.414l6 6a2 2 0 0 1 0 2.828l-6 6A2 2 0 0 1 12 18z",key:"b19h5q"}],["path",{d:"M2 6a2 2 0 0 1 3.414-1.414l6 6a2 2 0 0 1 0 2.828l-6 6A2 2 0 0 1 2 18z",key:"h7h5ge"}]]),Ta=z("files",[["path",{d:"M15 2h-4a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8",key:"14sh0y"}],["path",{d:"M16.706 2.706A2.4 2.4 0 0 0 15 2v5a1 1 0 0 0 1 1h5a2.4 2.4 0 0 0-.706-1.706z",key:"1970lx"}],["path",{d:"M5 7a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h8a2 2 0 0 0 1.732-1",key:"l4dndm"}]]),Ra=z("list",[["path",{d:"M3 5h.01",key:"18ugdj"}],["path",{d:"M3 12h.01",key:"nlz23k"}],["path",{d:"M3 19h.01",key:"noohij"}],["path",{d:"M8 5h13",key:"1pao27"}],["path",{d:"M8 12h13",key:"1za7za"}],["path",{d:"M8 19h13",key:"m83p4d"}]]),Ha=z("notebook",[["path",{d:"M2 6h4",key:"aawbzj"}],["path",{d:"M2 10h4",key:"l0bgd4"}],["path",{d:"M2 14h4",key:"1gsvsf"}],["path",{d:"M2 18h4",key:"1bu2t1"}],["rect",{width:"16",height:"20",x:"4",y:"2",rx:"2",key:"1nb95v"}],["path",{d:"M16 2v20",key:"rotuqe"}]]),Oa=z("panel-left",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M9 3v18",key:"fh3hqa"}]]),at=z("presentation",[["path",{d:"M2 3h20",key:"91anmk"}],["path",{d:"M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3",key:"2k9sn8"}],["path",{d:"m7 21 5-5 5 5",key:"bip4we"}]]),Ua=z("share-2",[["circle",{cx:"18",cy:"5",r:"3",key:"gq8acd"}],["circle",{cx:"6",cy:"12",r:"3",key:"w7nqdw"}],["circle",{cx:"18",cy:"19",r:"3",key:"1xt0gg"}],["line",{x1:"8.59",x2:"15.42",y1:"13.51",y2:"17.49",key:"47mynk"}],["line",{x1:"15.41",x2:"8.59",y1:"6.51",y2:"10.49",key:"1n3mei"}]]),qa=z("square-power",[["path",{d:"M12 7v4",key:"xawao1"}],["path",{d:"M7.998 9.003a5 5 0 1 0 8-.005",key:"1pek45"}],["rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",key:"h1oib"}]]),ot=z("undo-2",[["path",{d:"M9 14 4 9l5-5",key:"102s5s"}],["path",{d:"M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11",key:"f3b9sd"}]]),fe=q(),V=Me(yt(),1),a=Me(Ot(),1),Ba=["claude","codex","opencode"];function Fa(){return"uvx marimo@latest"}function Va(t,e,o){let n=o?" --with-token":"",l=`${Fa()} pair prompt --url '${e}'${n}`;switch(t){case"claude":return`claude "$(${l} --claude)"`;case"codex":return`codex "$(${l} --codex)"`;case"opencode":return`opencode --prompt "$(${l} --opencode)"`;default:na(t)}}function nt(t,e){let o=e?`
|
|
2
2
|
|
|
3
3
|
Use this auth token when calling \`execute-code.sh\`: \`execute-code.sh --url '${t}' --token '${e}'\`.`:"";return["Use the /marimo-pair skill to pair-program on a running marimo notebook.","",`Connect to the notebook at: ${t}`,"",`Use \`execute-code.sh --url ${t}\` from the marimo-pair skill to execute code in the notebook.${o}`,"","Once you are connected, send a fun toast (mo.status.toast(...)) to the user inside marimo letting them know you're ready to pair."].join(`
|
|
4
4
|
`)}function st(t){return t.length<=4?"****":`${"*".repeat(Math.min(t.length-4,8))}${t.slice(-4)}`}var lt="npx skills add marimo-team/marimo-pair",Ya={claude:"Claude",codex:"Codex",opencode:"OpenCode",prompt:"Prompt"};function Ka(){let t=(0,fe.c)(2),[e,o]=(0,V.useState)(null),n,l;return t[0]===Symbol.for("react.memo_cache_sentinel")?(n=()=>{fetch(Lt("/auth/token").href,{headers:Ht.headers()}).then(Ga).then(d=>o((d==null?void 0:d.token)??null)).catch(()=>o(null))},l=[],t[0]=n,t[1]=l):(n=t[0],l=t[1]),(0,V.useEffect)(n,l),e}function Ga(t){return t.ok?t.json():null}const Ja=t=>{let e=(0,fe.c)(64),{onClose:o}=t,[n,l]=(0,V.useState)("claude"),d=Et(),s=Ka(),i=!!s,r,c,j,k,m,p,h,u,x,f,b,y,g,v,D,P,W,A,C,_;if(e[0]!==n||e[1]!==s||e[2]!==i||e[3]!==d.httpURL){let R=d.httpURL.toString();m=Ye,b="sm:max-w-2xl";let O;e[24]===Symbol.for("react.memo_cache_sentinel")?(O=(0,a.jsx)(Fe,{children:"Pair with an agent"}),e[24]=O):O=e[24],e[25]===Symbol.for("react.memo_cache_sentinel")?(y=(0,a.jsxs)(Be,{children:[O,(0,a.jsxs)(Ke,{children:["Use an AI coding agent to pair-program on this notebook."," ",(0,a.jsx)("a",{href:"https://links.marimo.app/marimo-pair",target:"_blank",rel:"noopener noreferrer",className:"underline",children:"Learn more"}),"."]})]}),e[25]=y):y=e[25],f="flex flex-col gap-4 py-2",k=qt,_=n,e[26]===Symbol.for("react.memo_cache_sentinel")?(h=U=>l(U),e[26]=h):h=e[26];let H;e[27]===Symbol.for("react.memo_cache_sentinel")?(H=["claude","codex","opencode","prompt"],e[27]=H):H=e[27],e[28]===Symbol.for("react.memo_cache_sentinel")?(u=(0,a.jsx)(Ft,{className:"w-full",children:H.map(Za)}),e[28]=u):u=e[28],x=Ba.map(U=>(0,a.jsxs)(Ie,{value:U,className:"mt-4 flex flex-col gap-4",children:[(0,a.jsx)(ae,{index:1,title:"Install the skill",hint:"Run once per machine.",children:(0,a.jsx)(oe,{command:lt})}),(0,a.jsx)(ae,{index:2,title:"Run in your terminal",children:(0,a.jsx)(oe,{command:Va(U,R,i)})}),i&&s&&(0,a.jsx)(ae,{index:3,title:"Paste when prompted for a token",children:(0,a.jsx)(oe,{command:s,display:st(s)})})]},U)),j=Ie,W="prompt",A="mt-4 flex flex-col gap-4",e[29]===Symbol.for("react.memo_cache_sentinel")?(C=(0,a.jsx)(ae,{index:1,title:"Make sure the marimo-pair skill is available to your agent",hint:"Skip if your agent already has it.",children:(0,a.jsx)(oe,{command:lt})}),e[29]=C):C=e[29],c=ae,v=2,D="Copy this prompt into your agent",P=i?"Includes your auth token \u2014 keep it private.":void 0,r=oe,p=nt(R,s),g=nt(R,s?st(s):null),e[0]=n,e[1]=s,e[2]=i,e[3]=d.httpURL,e[4]=r,e[5]=c,e[6]=j,e[7]=k,e[8]=m,e[9]=p,e[10]=h,e[11]=u,e[12]=x,e[13]=f,e[14]=b,e[15]=y,e[16]=g,e[17]=v,e[18]=D,e[19]=P,e[20]=W,e[21]=A,e[22]=C,e[23]=_}else r=e[4],c=e[5],j=e[6],k=e[7],m=e[8],p=e[9],h=e[10],u=e[11],x=e[12],f=e[13],b=e[14],y=e[15],g=e[16],v=e[17],D=e[18],P=e[19],W=e[20],A=e[21],C=e[22],_=e[23];let I;e[30]!==r||e[31]!==p||e[32]!==g?(I=(0,a.jsx)(r,{command:p,display:g,multiline:!0}),e[30]=r,e[31]=p,e[32]=g,e[33]=I):I=e[33];let $;e[34]!==c||e[35]!==I||e[36]!==v||e[37]!==D||e[38]!==P?($=(0,a.jsx)(c,{index:v,title:D,hint:P,children:I}),e[34]=c,e[35]=I,e[36]=v,e[37]=D,e[38]=P,e[39]=$):$=e[39];let L;e[40]!==j||e[41]!==$||e[42]!==W||e[43]!==A||e[44]!==C?(L=(0,a.jsxs)(j,{value:W,className:A,children:[C,$]}),e[40]=j,e[41]=$,e[42]=W,e[43]=A,e[44]=C,e[45]=L):L=e[45];let S;e[46]!==k||e[47]!==h||e[48]!==u||e[49]!==x||e[50]!==L||e[51]!==_?(S=(0,a.jsxs)(k,{value:_,onValueChange:h,children:[u,x,L]}),e[46]=k,e[47]=h,e[48]=u,e[49]=x,e[50]=L,e[51]=_,e[52]=S):S=e[52];let E;e[53]!==f||e[54]!==S?(E=(0,a.jsx)("div",{className:f,children:S}),e[53]=f,e[54]=S,e[55]=E):E=e[55];let N;e[56]===o?N=e[57]:(N=(0,a.jsx)(Ve,{children:(0,a.jsx)(G,{variant:"secondary",onClick:o,children:"Close"})}),e[56]=o,e[57]=N);let T;return e[58]!==m||e[59]!==b||e[60]!==y||e[61]!==E||e[62]!==N?(T=(0,a.jsxs)(m,{className:b,children:[y,E,N]}),e[58]=m,e[59]=b,e[60]=y,e[61]=E,e[62]=N,e[63]=T):T=e[63],T};var ae=t=>{let e=(0,fe.c)(11),{index:o,title:n,hint:l,children:d}=t,s;e[0]!==o||e[1]!==n?(s=(0,a.jsxs)("span",{className:"text-sm font-medium",children:[o,". ",n]}),e[0]=o,e[1]=n,e[2]=s):s=e[2];let i;e[3]===l?i=e[4]:(i=l&&(0,a.jsx)("span",{className:"text-xs text-muted-foreground",children:l}),e[3]=l,e[4]=i);let r;e[5]!==s||e[6]!==i?(r=(0,a.jsxs)("div",{className:"flex items-baseline gap-2",children:[s,i]}),e[5]=s,e[6]=i,e[7]=r):r=e[7];let c;return e[8]!==d||e[9]!==r?(c=(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[r,d]}),e[8]=d,e[9]=r,e[10]=c):c=e[10],c},oe=t=>{let e=(0,fe.c)(28),{command:o,display:n,multiline:l}=t,d=l===void 0?!1:l,[s,i]=(0,V.useState)(!1),r;e[0]===o?r=e[1]:(r=Le.stopPropagation(async x=>{x.preventDefault(),await te(o),i(!0),setTimeout(()=>i(!1),2e3)}),e[0]=o,e[1]=r);let c=r;if(d){let x=n??o,f;e[2]===x?f=e[3]:(f=(0,a.jsx)("pre",{className:"max-h-64 overflow-auto whitespace-pre-wrap break-words px-3 py-2 pr-10 font-mono text-xs select-all",children:x}),e[2]=x,e[3]=f);let b;e[4]===s?b=e[5]:(b=s?(0,a.jsx)(pe,{size:14,strokeWidth:1.5}):(0,a.jsx)(Ce,{size:14,strokeWidth:1.5}),e[4]=s,e[5]=b);let y;e[6]!==c||e[7]!==b?(y=(0,a.jsx)(G,{onClick:c,size:"xs",variant:"ghost",className:"absolute right-1 top-1",children:b}),e[6]=c,e[7]=b,e[8]=y):y=e[8];let g;e[9]!==s||e[10]!==y?(g=(0,a.jsx)(ve,{content:"Copied!",open:s,children:y}),e[9]=s,e[10]=y,e[11]=g):g=e[11];let v;return e[12]!==f||e[13]!==g?(v=(0,a.jsxs)("div",{className:"relative rounded-md bg-muted",children:[f,g]}),e[12]=f,e[13]=g,e[14]=v):v=e[14],v}let j=n??o,k;e[15]===j?k=e[16]:(k=(0,a.jsx)("code",{className:"flex-1 select-all break-words",children:j}),e[15]=j,e[16]=k);let m;e[17]===s?m=e[18]:(m=s?(0,a.jsx)(pe,{size:14,strokeWidth:1.5}):(0,a.jsx)(Ce,{size:14,strokeWidth:1.5}),e[17]=s,e[18]=m);let p;e[19]!==c||e[20]!==m?(p=(0,a.jsx)(G,{onClick:c,size:"xs",variant:"ghost",children:m}),e[19]=c,e[20]=m,e[21]=p):p=e[21];let h;e[22]!==s||e[23]!==p?(h=(0,a.jsx)(ve,{content:"Copied!",open:s,children:p}),e[22]=s,e[23]=p,e[24]=h):h=e[24];let u;return e[25]!==k||e[26]!==h?(u=(0,a.jsxs)("div",{className:"flex items-center gap-2 rounded-md bg-muted px-3 py-2 font-mono text-xs",children:[k,h]}),e[25]=k,e[26]=h,e[27]=u):u=e[27],u};function Za(t){return(0,a.jsx)(Bt,{value:t,className:"flex-1",children:Ya[t]},t)}var it=q(),xe="https://static.marimo.app";const Qa=t=>{let e=(0,it.c)(25),{onClose:o}=t,[n,l]=(0,V.useState)(""),{exportAsHTML:d}=ee(),s=`${n}-${Math.random().toString(36).slice(2,6)}`,i=`${xe}/static/${s}`,r;e[0]!==d||e[1]!==o||e[2]!==s?(r=async y=>{y.preventDefault(),o();let g=await d({download:!1,includeCode:!0,files:ia.INSTANCE.filenames()}),v=F({title:"Uploading static notebook...",description:"Please wait."});await fetch(`${xe}/api/static`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({html:g,path:s})}).catch(()=>{v.dismiss(),F({title:"Error uploading static page",description:(0,a.jsxs)("div",{children:["Please try again later. If the problem persists, please file a bug report on"," ",(0,a.jsx)("a",{href:B.issuesPage,target:"_blank",className:"underline",children:"GitHub"}),"."]})})}),v.dismiss(),F({title:"Static page uploaded!",description:(0,a.jsxs)("div",{children:["The URL has been copied to your clipboard.",(0,a.jsx)("br",{}),"You can share it with anyone."]})})},e[0]=d,e[1]=o,e[2]=s,e[3]=r):r=e[3];let c;e[4]===Symbol.for("react.memo_cache_sentinel")?(c=(0,a.jsx)(Fe,{children:"Share static notebook"}),e[4]=c):c=e[4];let j;e[5]===Symbol.for("react.memo_cache_sentinel")?(j=(0,a.jsxs)(Be,{children:[c,(0,a.jsxs)(Ke,{children:["You can publish a static, non-interactive version of this notebook to the public web. We will create a link for you that lives on"," ",(0,a.jsx)("a",{href:xe,target:"_blank",children:xe}),"."]})]}),e[5]=j):j=e[5];let k;e[6]===Symbol.for("react.memo_cache_sentinel")?(k=y=>{l(y.target.value.toLowerCase().replaceAll(/\s/g,"-").replaceAll(/[^\da-z-]/g,""))},e[6]=k):k=e[6];let m;e[7]===n?m=e[8]:(m=(0,a.jsx)(ja,{"data-testid":"slug-input",id:"slug",autoFocus:!0,value:n,placeholder:"Notebook slug",onChange:k,required:!0,autoComplete:"off"}),e[7]=n,e[8]=m);let p;e[9]===i?p=e[10]:(p=(0,a.jsxs)("div",{className:"font-semibold text-sm text-muted-foreground gap-2 flex flex-col",children:["Anyone will be able to access your notebook at this URL:",(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(Xa,{text:i}),(0,a.jsx)("span",{className:"text-primary",children:i})]})]}),e[9]=i,e[10]=p);let h;e[11]!==m||e[12]!==p?(h=(0,a.jsxs)("div",{className:"flex flex-col gap-6 py-4",children:[m,p]}),e[11]=m,e[12]=p,e[13]=h):h=e[13];let u;e[14]===o?u=e[15]:(u=(0,a.jsx)(G,{"data-testid":"cancel-share-static-notebook-button",variant:"secondary",onClick:o,children:"Cancel"}),e[14]=o,e[15]=u);let x;e[16]===i?x=e[17]:(x=(0,a.jsx)(G,{"data-testid":"share-static-notebook-button","aria-label":"Save",variant:"default",type:"submit",onClick:async()=>{await te(i)},children:"Create"}),e[16]=i,e[17]=x);let f;e[18]!==u||e[19]!==x?(f=(0,a.jsxs)(Ve,{children:[u,x]}),e[18]=u,e[19]=x,e[20]=f):f=e[20];let b;return e[21]!==r||e[22]!==f||e[23]!==h?(b=(0,a.jsx)(Ye,{className:"w-fit",children:(0,a.jsxs)("form",{onSubmit:r,children:[j,h,f]})}),e[21]=r,e[22]=f,e[23]=h,e[24]=b):b=e[24],b};var Xa=t=>{let e=(0,it.c)(8),[o,n]=V.useState(!1),l;e[0]===t.text?l=e[1]:(l=Le.stopPropagation(async c=>{c.preventDefault(),await te(t.text),n(!0),setTimeout(()=>n(!1),2e3)}),e[0]=t.text,e[1]=l);let d=l,s;e[2]===Symbol.for("react.memo_cache_sentinel")?(s=(0,a.jsx)(Ce,{size:14,strokeWidth:1.5}),e[2]=s):s=e[2];let i;e[3]===d?i=e[4]:(i=(0,a.jsx)(G,{"data-testid":"copy-static-notebook-url-button",onClick:d,size:"xs",variant:"secondary",children:s}),e[3]=d,e[4]=i);let r;return e[5]!==o||e[6]!==i?(r=(0,a.jsx)(ve,{content:"Copied!",open:o,children:i}),e[5]=o,e[6]=i,e[7]=r):r=e[7],r},eo=q();function to(){let t=document.getElementsByClassName(Ae.outputArea);for(let e of t){let o=e.getBoundingClientRect();if(o.bottom>0&&o.top<window.innerHeight){let n=we.findElement(e);if(!n){X.warn("Could not find HTMLCellId for visible output area",e);continue}return{cellId:we.parse(n.id)}}}return X.warn("No visible output area found for scroll anchor"),null}function ao(t){if(!t){X.warn("No scroll anchor provided to restore scroll position");return}let e=document.getElementById(we.create(t.cellId));if(!e){X.warn("Could not find cell element to restore scroll position",t.cellId);return}if(!e.querySelector(`.${Ae.outputArea}`)){X.warn("Could not find output area to restore scroll position",t.cellId);return}e.scrollIntoView({block:"start",behavior:"auto"})}function rt(){let t=(0,eo.c)(2),e=Q(De),o;return t[0]===e?o=t[1]:(o=()=>{let n=to();e(l=>({mode:Mt(l.mode),cellAnchor:(n==null?void 0:n.cellId)??null})),requestAnimationFrame(()=>{requestAnimationFrame(()=>{ao(n)})})},t[0]=e,t[1]=o),o}const dt=xt(!1);var oo=q();const no=()=>{let t=(0,oo.c)(7),{selectedLayout:e}=Re(),{setLayoutView:o}=He();if(me()&&!jt("wasm_layouts"))return null;let n;t[0]===o?n=t[1]:(n=i=>o(i),t[0]=o,t[1]=n);let l;t[2]===Symbol.for("react.memo_cache_sentinel")?(l=(0,a.jsx)(Zt,{className:"min-w-[110px] border-border bg-background","data-testid":"layout-select",children:(0,a.jsx)(Yt,{placeholder:"Select a view"})}),t[2]=l):l=t[2];let d;t[3]===Symbol.for("react.memo_cache_sentinel")?(d=(0,a.jsx)(Gt,{children:(0,a.jsxs)(Jt,{children:[(0,a.jsx)(Vt,{children:"View as"}),Qe.map(lo)]})}),t[3]=d):d=t[3];let s;return t[4]!==e||t[5]!==n?(s=(0,a.jsxs)(Qt,{"data-testid":"layout-select",value:e,onValueChange:n,children:[l,d]}),t[4]=e,t[5]=n,t[6]=s):s=t[6],s};function so(t){return(0,a.jsx)(ct(t),{className:"h-4 w-4"})}function ct(t){switch(t){case"vertical":return Ra;case"grid":return fa;case"slides":return at;default:return oa(t),za}}function ht(t){return Ee.startCase(t)}function lo(t){return(0,a.jsx)(Kt,{value:t,children:(0,a.jsxs)("div",{className:"flex items-center gap-1.5 leading-5",children:[so(t),(0,a.jsx)("span",{children:ht(t)})]})},t)}async function io(t){let{filename:e,preset:o,downloadPDF:n}=t;await n({filename:e,webpdf:!1,preset:o,includeInputs:!0,rasterServer:"static"})}var ro=q();function co(t){let e=(0,ro.c)(5),{openPrompt:o,closeModal:n}=ze(),{sendCopy:l}=ee(),d;return e[0]!==n||e[1]!==o||e[2]!==l||e[3]!==t?(d=()=>{if(!t)return null;let s=Wa.guessDeliminator(t);o({title:"Copy notebook",description:"Enter a new filename for the notebook copy.",defaultValue:`_${qe.basename(t)}`,confirmText:"Copy notebook",spellCheck:!1,onConfirm:i=>{let r=s.join(qe.dirname(t),i);l({source:t,destination:r}).then(()=>{n(),F({title:"Notebook copied",description:"A copy of the notebook has been created."}),Aa(r)})}})},e[0]=n,e[1]=o,e[2]=l,e[3]=t,e[4]=d):d=e[4],d}const ho=()=>{let{updateCellConfig:t}=Se(),{saveCellConfig:e}=ee();return(0,V.useCallback)(async()=>{let o=new zt,n=Ne(),l=n.cellIds.inOrderIds,d={};for(let i of l){if(n.cellData[i]===void 0)continue;let{code:r,config:c}=n.cellData[i];c.hide_code||o.isSupported(r)&&(d[i]={hide_code:!0})}let s=Pe.entries(d);if(s.length!==0){await e({configs:d});for(let[i,r]of s)t({cellId:i,config:r})}},[t])};var mo=q();function mt(){let t=(0,mo.c)(4),{openConfirm:e}=ze(),o=Q(Tt),{sendRestart:n}=ee(),l;return t[0]!==e||t[1]!==n||t[2]!==o?(l=()=>{e({title:"Restart Kernel",description:"This will restart the Python kernel. You'll lose all data that's in memory. You will also lose any unsaved changes, so make sure to save your work before restarting.",variant:"destructive",confirmAction:(0,a.jsx)(Ut,{onClick:async()=>{o({state:Rt.CLOSING}),await n(),Sa()},"aria-label":"Confirm Restart",children:"Restart"})})},t[0]=e,t[1]=n,t[2]=o,t[3]=l):l=t[3],l}var po=q(),J=t=>{t==null||t.preventDefault(),t==null||t.stopPropagation()};function uo(){var We,_e;let t=(0,po.c)(52),e=Na(),{openModal:o,closeModal:n}=ze(),{toggleApplication:l}=kt(),{selectedPanel:d}=gt(),[s]=ft(De),i=he(Nt),r=ho(),[c]=$t(),{updateCellConfig:j,undoDeleteCell:k,clearAllCellOutputs:m,addSetupCellIfDoesntExist:p,collapseAllCells:h,expandAllCells:u}=Se(),x=mt(),f=Ma(),b=co(e),y=Q(dt),g=Q(At),v=Q(It),{exportAsIPYNB:D,exportAsMarkdown:P,readCode:W,saveCellConfig:A,updateCellOutputs:C}=ee(),_=Ia(),I=he(Wt),$=he(Dt),L=he(wt),{selectedLayout:S}=Re(),{setLayoutView:E}=He(),N=rt(),T=((We=c.sharing)==null?void 0:We.html)??!0,R=((_e=c.sharing)==null?void 0:_e.wasm)??!0,O=!me(),H=S==="slides",U=Po,pt=Do,ne;t[0]!==e||t[1]!==_||t[2]!==C?(ne=async w=>{let{preset:M,title:Z}=w;if(!e){ye();return}await $e(Z,async be=>{await Ze({takeScreenshots:()=>_({progress:be}),updateCellOutputs:C}),await io({filename:e,preset:M,downloadPDF:ea})})},t[0]=e,t[1]=_,t[2]=C,t[3]=ne):ne=t[3];let Y=ne,se;t[4]===Y?se=t[5]:(se=async()=>{if(O){await Y({preset:"document",title:"Downloading Document PDF..."});return}let w=new Event("export-beforeprint"),M=new Event("export-afterprint");window.dispatchEvent(w),setTimeout(No,0),setTimeout(()=>window.dispatchEvent(M),0)},t[4]=Y,t[5]=se);let le=se,ie;t[6]!==D||t[7]!==e||t[8]!==_||t[9]!==C?(ie=async()=>{if(!e){ye();return}await $e("Downloading IPYNB...",async w=>{await Ze({takeScreenshots:()=>_({progress:w}),updateCellOutputs:C});let M=await D({download:!1});ge(new Blob([M],{type:"application/x-ipynb+json"}),je.toIPYNB(document.title))})},t[6]=D,t[7]=e,t[8]=_,t[9]=C,t[10]=ie):ie=t[10];let ke=ie,re;t[11]===Symbol.for("react.memo_cache_sentinel")?(re=(0,a.jsx)(Xt,{size:14,strokeWidth:1.5}),t[11]=re):re=t[11];let de;t[12]===Symbol.for("react.memo_cache_sentinel")?(de=(0,a.jsx)(Te,{size:14,strokeWidth:1.5}),t[12]=de):de=t[12];let K;t[13]===e?K=t[14]:(K=async()=>{if(!e){ye();return}await Oe({filename:e,includeCode:!0})},t[13]=e,t[14]=K);let ce;return t[15]!==p||t[16]!==$||t[17]!==m||t[18]!==n||t[19]!==h||t[20]!==b||t[21]!==Y||t[22]!==u||t[23]!==P||t[24]!==e||t[25]!==le||t[26]!==ke||t[27]!==I||t[28]!==r||t[29]!==H||t[30]!==i||t[31]!==o||t[32]!==W||t[33]!==x||t[34]!==f||t[35]!==A||t[36]!==S||t[37]!==d||t[38]!==y||t[39]!==v||t[40]!==E||t[41]!==g||t[42]!==T||t[43]!==R||t[44]!==K||t[45]!==l||t[46]!==N||t[47]!==k||t[48]!==L||t[49]!==j||t[50]!==s.mode?(ce=[{icon:re,label:"Download",handle:J,dropdown:[{icon:de,label:"Download as HTML",handle:K},{icon:(0,a.jsx)(Te,{size:14,strokeWidth:1.5}),label:"Download as HTML (exclude code)",handle:async()=>{if(!e){ye();return}await Oe({filename:e,includeCode:!1})}},{icon:(0,a.jsx)(Pa,{strokeWidth:1.5,style:{width:14,height:14}}),label:"Download as Markdown",handle:async()=>{let w=await P({download:!1});ge(new Blob([w],{type:"text/plain"}),je.toMarkdown(document.title))}},{icon:(0,a.jsx)(Ha,{size:14,strokeWidth:1.5}),label:"Download as ipynb",handle:ke},{icon:(0,a.jsx)(ra,{size:14,strokeWidth:1.5}),label:"Download Python code",handle:async()=>{let w=await W();ge(new Blob([w.contents],{type:"text/plain"}),je.toPY(document.title))}},{divider:!0,icon:(0,a.jsx)(ba,{size:14,strokeWidth:1.5}),label:"Download as PNG",disabled:s.mode!=="present",tooltip:s.mode==="present"?void 0:(0,a.jsxs)("span",{children:["Only available in app view. ",(0,a.jsx)("br",{}),"Toggle with: ",Da("global.hideCode",!1)]}),handle:So},H?{divider:!0,icon:(0,a.jsx)(ue,{size:14,strokeWidth:1.5}),label:"Download as PDF",handle:J,dropdown:[{icon:(0,a.jsx)(ue,{size:14,strokeWidth:1.5}),label:"Document Layout",handle:le},{icon:(0,a.jsx)(ue,{size:14,strokeWidth:1.5}),label:"Slides Layout",rightElement:pt(!0),hidden:!O,handle:async()=>{await Y({preset:"slides",title:"Downloading Slides PDF..."})}}]}:{divider:!0,icon:(0,a.jsx)(ue,{size:14,strokeWidth:1.5}),label:"Download as PDF",handle:le}]},{icon:(0,a.jsx)(va,{size:14,strokeWidth:1.5}),label:"Pair with an agent",hidden:me(),handle:async()=>{o((0,a.jsx)(Ja,{onClose:n}))}},{icon:(0,a.jsx)(Ua,{size:14,strokeWidth:1.5}),label:"Share",handle:J,hidden:!T&&!R,dropdown:[{icon:(0,a.jsx)(pa,{size:14,strokeWidth:1.5}),label:"Publish HTML to web",hidden:!T,handle:async()=>{o((0,a.jsx)(Qa,{onClose:n}))}},{icon:(0,a.jsx)(wa,{size:14,strokeWidth:1.5}),label:"Create WebAssembly link",hidden:!R,handle:async()=>{await te(Ge({code:(await W()).contents})),F({title:"Copied",description:"Link copied to clipboard."})}},{icon:(0,a.jsx)(Je,{size:14,strokeWidth:1.5}),label:"Create molab notebook",handle:async()=>{let w=Ge({code:(await W()).contents,baseUrl:`${B.molab}/new`});window.open(w,"_blank")}}]},{icon:(0,a.jsx)(Oa,{size:14,strokeWidth:1.5}),label:"Helper panel",redundant:!0,handle:J,dropdown:St.flatMap(w=>{let{type:M,Icon:Z,hidden:be,additionalKeywords:ut}=w;return be?[]:{label:Ee.startCase(M),rightElement:U(d===M),icon:(0,a.jsx)(Z,{size:14,strokeWidth:1.5}),handle:()=>l(M),additionalKeywords:ut}})},{icon:(0,a.jsx)(at,{size:14,strokeWidth:1.5}),label:"Present as",handle:J,dropdown:[{icon:s.mode==="present"?(0,a.jsx)(Ca,{size:14,strokeWidth:1.5}):(0,a.jsx)(sa,{size:14,strokeWidth:1.5}),label:"Toggle app view",hotkey:"global.hideCode",handle:()=>{N()}},...Qe.map((w,M)=>{let Z=ct(w);return{divider:M===0,label:ht(w),icon:(0,a.jsx)(Z,{size:14,strokeWidth:1.5}),rightElement:(0,a.jsx)("div",{className:"w-8 flex justify-end",children:S===w&&(0,a.jsx)(pe,{size:14})}),handle:()=>{E(w),s.mode==="edit"&&N()}}})]},{icon:(0,a.jsx)(Ta,{size:14,strokeWidth:1.5}),label:"Duplicate notebook",hidden:!e||me(),handle:b},{icon:(0,a.jsx)(Xe,{size:14,strokeWidth:1.5}),label:"Copy code to clipboard",hidden:!e,handle:async()=>{await te((await W()).contents),F({title:"Copied",description:"Code copied to clipboard."})}},{icon:(0,a.jsx)(da,{size:14,strokeWidth:1.5}),label:"Enable all cells",hidden:!I||i,handle:async()=>{let w=Ct(Ne());await A({configs:Pe.fromEntries(w.map(Mo))});for(let M of w)j({cellId:M,config:{disabled:!1}})}},{divider:!0,icon:(0,a.jsx)(tt,{size:14,strokeWidth:1.5}),label:"Add setup cell",handle:()=>{p({})}},{icon:(0,a.jsx)(Pt,{size:14,strokeWidth:1.5}),label:"Add database connection",handle:()=>{o((0,a.jsx)(Ue,{onClose:n}))}},{icon:(0,a.jsx)(ya,{size:14,strokeWidth:1.5}),label:"Add remote storage",handle:()=>{o((0,a.jsx)(Ue,{defaultTab:"storage",onClose:n}))}},{icon:(0,a.jsx)(ot,{size:14,strokeWidth:1.5}),label:L,hidden:!$||i,handle:()=>{k()}},{icon:(0,a.jsx)(qa,{size:14,strokeWidth:1.5}),label:"Restart kernel",variant:"danger",handle:x,additionalKeywords:["reset","reload","restart"]},{icon:(0,a.jsx)(Ea,{size:14,strokeWidth:1.5}),label:"Re-run all cells",redundant:!0,hotkey:"global.runAll",handle:async()=>{f()}},{icon:(0,a.jsx)(vt,{size:14,strokeWidth:1.5}),label:"Clear all outputs",redundant:!0,handle:()=>{m()}},{icon:(0,a.jsx)(ha,{size:14,strokeWidth:1.5}),label:"Hide all markdown code",handle:r,redundant:!0},{icon:(0,a.jsx)(La,{size:14,strokeWidth:1.5}),label:"Collapse all sections",hotkey:"global.collapseAllSections",handle:h,redundant:!0},{icon:(0,a.jsx)($a,{size:14,strokeWidth:1.5}),label:"Expand all sections",hotkey:"global.expandAllSections",handle:u,redundant:!0},{divider:!0,icon:(0,a.jsx)(et,{size:14,strokeWidth:1.5}),label:"Command palette",hotkey:"global.commandPalette",handle:()=>y(_o)},{icon:(0,a.jsx)(la,{size:14,strokeWidth:1.5}),label:"Keyboard shortcuts",hotkey:"global.showHelp",handle:()=>v(Wo)},{icon:(0,a.jsx)(ga,{size:14,strokeWidth:1.5}),label:"User settings",handle:()=>g(zo),redundant:!0,additionalKeywords:["preferences","options","configuration"]},{icon:(0,a.jsx)(ca,{size:14,strokeWidth:1.5}),label:"Resources",handle:J,dropdown:[{icon:(0,a.jsx)(bt,{size:14,strokeWidth:1.5}),label:"Documentation",handle:Co},{icon:(0,a.jsx)(ma,{size:14,strokeWidth:1.5}),label:"GitHub",handle:vo},{icon:(0,a.jsx)(ua,{size:14,strokeWidth:1.5}),label:"Discord Community",handle:go},{icon:(0,a.jsx)(xa,{size:14,strokeWidth:1.5}),label:"YouTube",handle:jo},{icon:(0,a.jsx)(_t,{size:14,strokeWidth:1.5}),label:"Changelog",handle:wo}]},{divider:!0,icon:(0,a.jsx)(ka,{size:14,strokeWidth:1.5}),label:"Return home",hidden:!location.search.includes("file"),handle:bo},{icon:(0,a.jsx)(Je,{size:14,strokeWidth:1.5}),label:"New notebook",hidden:!location.search.includes("file"),handle:ko}].filter(yo).map(fo),t[15]=p,t[16]=$,t[17]=m,t[18]=n,t[19]=h,t[20]=b,t[21]=Y,t[22]=u,t[23]=P,t[24]=e,t[25]=le,t[26]=ke,t[27]=I,t[28]=r,t[29]=H,t[30]=i,t[31]=o,t[32]=W,t[33]=x,t[34]=f,t[35]=A,t[36]=S,t[37]=d,t[38]=y,t[39]=v,t[40]=E,t[41]=g,t[42]=T,t[43]=R,t[44]=K,t[45]=l,t[46]=N,t[47]=k,t[48]=L,t[49]=j,t[50]=s.mode,t[51]=ce):ce=t[51],ce}function fo(t){return t.dropdown?{...t,dropdown:t.dropdown.filter(xo)}:t}function xo(t){return!t.hidden}function yo(t){return!t.hidden}function ko(){let t=_a();window.open(t,"_blank")}function bo(){let t=document.baseURI.split("?")[0];window.open(t,"_self")}function wo(){window.open(B.releasesPage,"_blank")}function jo(){window.open(B.youtube,"_blank")}function go(){window.open(B.discordLink,"_blank")}function vo(){window.open(B.githubPage,"_blank")}function Co(){window.open(B.docsPage,"_blank")}function zo(t){return!t}function Wo(t){return!t}function _o(t){return!t}function Mo(t){return[t,{disabled:!1}]}async function So(){let t=document.getElementById("App");t&&await ta({element:t,filename:document.title,prepare:aa})}function No(){return window.print()}function Do(t){return t?(0,a.jsx)("span",{className:"ml-3 shrink-0 rounded-full border border-emerald-200 bg-emerald-50 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-emerald-700",children:"Recommended"}):null}function Po(t){return(0,a.jsx)("div",{className:"w-8 flex justify-end",children:t&&(0,a.jsx)(pe,{size:14})})}function ye(){F({title:"Error",description:"Notebooks must be named to be exported.",variant:"danger"})}export{rt as a,et as c,dt as i,Xe as l,mt as n,ot as o,no as r,tt as s,uo as t};
|
package/dist/index.html
CHANGED
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
<marimo-server-token data-token="{{ server_token }}" hidden></marimo-server-token>
|
|
67
67
|
<!-- /TODO -->
|
|
68
68
|
<title>{{ title }}</title>
|
|
69
|
-
<script type="module" crossorigin src="./assets/index-
|
|
69
|
+
<script type="module" crossorigin src="./assets/index-Cu94n5mj.js"></script>
|
|
70
70
|
<link rel="modulepreload" crossorigin href="./assets/preload-helper-DdZsAcJe.js">
|
|
71
71
|
<link rel="modulepreload" crossorigin href="./assets/chunk-LvLJmgfZ.js">
|
|
72
72
|
<link rel="modulepreload" crossorigin href="./assets/react-Bj1aDYRI.js">
|
package/package.json
CHANGED
|
@@ -740,6 +740,7 @@ const EditableCellComponent = ({
|
|
|
740
740
|
<ConsoleOutput
|
|
741
741
|
consoleOutputs={cellRuntime.consoleOutputs}
|
|
742
742
|
stale={consoleOutputStale}
|
|
743
|
+
interrupted={cellRuntime.interrupted}
|
|
743
744
|
// Empty name if serialization triggered
|
|
744
745
|
cellName={cellRuntime.serialization ? "_" : cellData.name}
|
|
745
746
|
onRefactorWithAI={handleRefactorWithAI}
|
|
@@ -1204,6 +1205,7 @@ const SetupCellComponent = ({
|
|
|
1204
1205
|
<ConsoleOutput
|
|
1205
1206
|
consoleOutputs={cellRuntime.consoleOutputs}
|
|
1206
1207
|
stale={consoleOutputStale}
|
|
1208
|
+
interrupted={cellRuntime.interrupted}
|
|
1207
1209
|
// Don't show name
|
|
1208
1210
|
cellName={"_"}
|
|
1209
1211
|
onRefactorWithAI={handleRefactorWithAI}
|
|
@@ -85,6 +85,7 @@ interface Props {
|
|
|
85
85
|
className?: string;
|
|
86
86
|
consoleOutputs: WithResponse<OutputMessage>[];
|
|
87
87
|
stale: boolean;
|
|
88
|
+
interrupted: boolean;
|
|
88
89
|
debuggerActive: boolean;
|
|
89
90
|
onRefactorWithAI?: OnRefactorWithAI;
|
|
90
91
|
onClear?: () => void;
|
|
@@ -111,6 +112,7 @@ const ConsoleOutputInternal = (props: Props): React.ReactNode => {
|
|
|
111
112
|
const {
|
|
112
113
|
consoleOutputs: rawConsoleOutputs,
|
|
113
114
|
stale,
|
|
115
|
+
interrupted,
|
|
114
116
|
cellName,
|
|
115
117
|
cellId,
|
|
116
118
|
onSubmitDebugger,
|
|
@@ -280,6 +282,7 @@ const ConsoleOutputInternal = (props: Props): React.ReactNode => {
|
|
|
280
282
|
output={output.data}
|
|
281
283
|
response={output.response}
|
|
282
284
|
isPassword={isPassword}
|
|
285
|
+
interrupted={interrupted}
|
|
283
286
|
/>
|
|
284
287
|
);
|
|
285
288
|
}
|
|
@@ -359,9 +362,9 @@ const StdInput = (props: {
|
|
|
359
362
|
if (e.key === "Enter" && !e.shiftKey) {
|
|
360
363
|
if (value) {
|
|
361
364
|
addToHistory(value);
|
|
362
|
-
onSubmit(value);
|
|
363
|
-
setValue("");
|
|
364
365
|
}
|
|
366
|
+
onSubmit(value);
|
|
367
|
+
setValue("");
|
|
365
368
|
e.preventDefault();
|
|
366
369
|
e.stopPropagation();
|
|
367
370
|
}
|
|
@@ -382,12 +385,27 @@ const StdInputWithResponse = (props: {
|
|
|
382
385
|
output: string;
|
|
383
386
|
response?: string;
|
|
384
387
|
isPassword?: boolean;
|
|
388
|
+
interrupted?: boolean;
|
|
385
389
|
}) => {
|
|
390
|
+
const { output, response, isPassword, interrupted } = props;
|
|
391
|
+
const hasResponse = response != null && response !== "";
|
|
392
|
+
const wasInterruptedWithoutResponse = interrupted && !hasResponse;
|
|
393
|
+
|
|
386
394
|
return (
|
|
387
395
|
<div className="flex gap-2 items-center">
|
|
388
|
-
{renderText(
|
|
389
|
-
{!
|
|
390
|
-
<span
|
|
396
|
+
{renderText(output)}
|
|
397
|
+
{!isPassword && !wasInterruptedWithoutResponse && (
|
|
398
|
+
<span
|
|
399
|
+
className="inline-flex items-center gap-1 text-(--sky-11)"
|
|
400
|
+
aria-label="stdin response"
|
|
401
|
+
>
|
|
402
|
+
<ChevronRightIcon className="w-4 h-4 shrink-0 opacity-70" />
|
|
403
|
+
{hasResponse ? (
|
|
404
|
+
response
|
|
405
|
+
) : (
|
|
406
|
+
<span className="italic opacity-70">(empty)</span>
|
|
407
|
+
)}
|
|
408
|
+
</span>
|
|
391
409
|
)}
|
|
392
410
|
</div>
|
|
393
411
|
);
|
|
@@ -28,6 +28,7 @@ describe("ConsoleOutput integration", () => {
|
|
|
28
28
|
cellName: "test_cell",
|
|
29
29
|
consoleOutputs: [] as WithResponse<OutputMessage>[],
|
|
30
30
|
stale: false,
|
|
31
|
+
interrupted: false,
|
|
31
32
|
debuggerActive: false,
|
|
32
33
|
onSubmitDebugger: () => {
|
|
33
34
|
// noop
|
|
@@ -59,6 +60,7 @@ describe("ConsoleOutput pdb history", () => {
|
|
|
59
60
|
cellName: "test_cell",
|
|
60
61
|
consoleOutputs: [] as WithResponse<OutputMessage>[],
|
|
61
62
|
stale: false,
|
|
63
|
+
interrupted: false,
|
|
62
64
|
debuggerActive: false,
|
|
63
65
|
onSubmitDebugger: vi.fn(),
|
|
64
66
|
};
|
|
@@ -118,6 +120,82 @@ describe("ConsoleOutput pdb history", () => {
|
|
|
118
120
|
expect(newInput).toHaveValue("next");
|
|
119
121
|
});
|
|
120
122
|
|
|
123
|
+
it("should submit an empty string when Enter is pressed with no input", () => {
|
|
124
|
+
// Many CLIs prompt "Press Enter to continue" and expect "" back.
|
|
125
|
+
const onSubmitDebugger = vi.fn();
|
|
126
|
+
const outputs: WithResponse<OutputMessage>[] = [
|
|
127
|
+
stdinPrompt("Press Enter to continue: "),
|
|
128
|
+
];
|
|
129
|
+
|
|
130
|
+
renderWithProvider(
|
|
131
|
+
<ConsoleOutput
|
|
132
|
+
{...defaultProps}
|
|
133
|
+
consoleOutputs={outputs}
|
|
134
|
+
onSubmitDebugger={onSubmitDebugger}
|
|
135
|
+
/>,
|
|
136
|
+
);
|
|
137
|
+
|
|
138
|
+
const input = screen.getByTestId("console-input");
|
|
139
|
+
fireEvent.keyDown(input, { key: "Enter" });
|
|
140
|
+
|
|
141
|
+
expect(onSubmitDebugger).toHaveBeenCalledWith("", 0);
|
|
142
|
+
});
|
|
143
|
+
|
|
144
|
+
it("should not record empty submissions in input history", () => {
|
|
145
|
+
const onSubmitDebugger = vi.fn();
|
|
146
|
+
const outputs1: WithResponse<OutputMessage>[] = [stdinPrompt("(Pdb) ")];
|
|
147
|
+
|
|
148
|
+
const { rerender } = renderWithProvider(
|
|
149
|
+
<ConsoleOutput
|
|
150
|
+
{...defaultProps}
|
|
151
|
+
consoleOutputs={outputs1}
|
|
152
|
+
onSubmitDebugger={onSubmitDebugger}
|
|
153
|
+
/>,
|
|
154
|
+
);
|
|
155
|
+
|
|
156
|
+
let input = screen.getByTestId("console-input");
|
|
157
|
+
fireEvent.change(input, { target: { value: "step" } });
|
|
158
|
+
fireEvent.keyDown(input, { key: "Enter" });
|
|
159
|
+
|
|
160
|
+
const outputs2: WithResponse<OutputMessage>[] = [
|
|
161
|
+
stdinPrompt("(Pdb) ", "step"),
|
|
162
|
+
stdinPrompt("(Pdb) "),
|
|
163
|
+
];
|
|
164
|
+
rerender(
|
|
165
|
+
<TooltipProvider>
|
|
166
|
+
<ConsoleOutput
|
|
167
|
+
{...defaultProps}
|
|
168
|
+
consoleOutputs={outputs2}
|
|
169
|
+
onSubmitDebugger={onSubmitDebugger}
|
|
170
|
+
/>
|
|
171
|
+
</TooltipProvider>,
|
|
172
|
+
);
|
|
173
|
+
|
|
174
|
+
// Submit an empty value; this should NOT enter the history stack.
|
|
175
|
+
input = screen.getByTestId("console-input");
|
|
176
|
+
fireEvent.keyDown(input, { key: "Enter" });
|
|
177
|
+
|
|
178
|
+
const outputs3: WithResponse<OutputMessage>[] = [
|
|
179
|
+
stdinPrompt("(Pdb) ", "step"),
|
|
180
|
+
stdinPrompt("(Pdb) ", ""),
|
|
181
|
+
stdinPrompt("(Pdb) "),
|
|
182
|
+
];
|
|
183
|
+
rerender(
|
|
184
|
+
<TooltipProvider>
|
|
185
|
+
<ConsoleOutput
|
|
186
|
+
{...defaultProps}
|
|
187
|
+
consoleOutputs={outputs3}
|
|
188
|
+
onSubmitDebugger={onSubmitDebugger}
|
|
189
|
+
/>
|
|
190
|
+
</TooltipProvider>,
|
|
191
|
+
);
|
|
192
|
+
|
|
193
|
+
// ArrowUp should jump back to "step", skipping the empty submission.
|
|
194
|
+
input = screen.getByTestId("console-input");
|
|
195
|
+
fireEvent.keyDown(input, { key: "ArrowUp" });
|
|
196
|
+
expect(input).toHaveValue("step");
|
|
197
|
+
});
|
|
198
|
+
|
|
121
199
|
it("should navigate through multiple history entries across remounts", () => {
|
|
122
200
|
const onSubmitDebugger = vi.fn();
|
|
123
201
|
|
|
@@ -192,6 +270,41 @@ describe("ConsoleOutput pdb history", () => {
|
|
|
192
270
|
fireEvent.keyDown(input, { key: "ArrowDown" });
|
|
193
271
|
expect(input).toHaveValue("");
|
|
194
272
|
});
|
|
273
|
+
|
|
274
|
+
it("should distinguish an interrupted prompt from a bare-Enter submission", () => {
|
|
275
|
+
// After interrupt, cell.ts coerces pending stdin prompts to response: "".
|
|
276
|
+
// We must render that case differently from a real bare-Enter response,
|
|
277
|
+
// so the user isn't told they "submitted" a blank value.
|
|
278
|
+
const interruptedOutputs: WithResponse<OutputMessage>[] = [
|
|
279
|
+
stdinPrompt("Press Enter to continue: ", ""),
|
|
280
|
+
];
|
|
281
|
+
|
|
282
|
+
const { rerender } = renderWithProvider(
|
|
283
|
+
<ConsoleOutput
|
|
284
|
+
{...defaultProps}
|
|
285
|
+
consoleOutputs={interruptedOutputs}
|
|
286
|
+
interrupted={true}
|
|
287
|
+
/>,
|
|
288
|
+
);
|
|
289
|
+
|
|
290
|
+
// No response chunk should be rendered for an interrupted pending prompt.
|
|
291
|
+
expect(screen.queryByLabelText("stdin response")).not.toBeInTheDocument();
|
|
292
|
+
|
|
293
|
+
// Same outputs, but the cell isn't interrupted -- this is a real
|
|
294
|
+
// bare-Enter submission, so we should render the (empty) placeholder.
|
|
295
|
+
rerender(
|
|
296
|
+
<TooltipProvider>
|
|
297
|
+
<ConsoleOutput
|
|
298
|
+
{...defaultProps}
|
|
299
|
+
consoleOutputs={interruptedOutputs}
|
|
300
|
+
interrupted={false}
|
|
301
|
+
/>
|
|
302
|
+
</TooltipProvider>,
|
|
303
|
+
);
|
|
304
|
+
|
|
305
|
+
expect(screen.getByLabelText("stdin response")).toBeInTheDocument();
|
|
306
|
+
expect(screen.getByText("(empty)")).toBeInTheDocument();
|
|
307
|
+
});
|
|
195
308
|
});
|
|
196
309
|
|
|
197
310
|
describe("ConsoleOutput debounced clearing", () => {
|
|
@@ -219,6 +332,7 @@ describe("ConsoleOutput debounced clearing", () => {
|
|
|
219
332
|
cellName: "test_cell",
|
|
220
333
|
consoleOutputs: [] as WithResponse<OutputMessage>[],
|
|
221
334
|
stale: false,
|
|
335
|
+
interrupted: false,
|
|
222
336
|
debuggerActive: false,
|
|
223
337
|
onSubmitDebugger: vi.fn(),
|
|
224
338
|
};
|