@hep-code-runner/react 3.1.0 → 3.1.2

package/dist/index.js

@@ -319,7 +319,7 @@ h1 {
 }`,sql:"SELECT 'Hello, World!' AS message;",markdown:`# Hello, World!
 
 This is a sample markdown document.`};function je(p){const h=p.toLowerCase();return Nt[h]||`// ${p}
-// Write your code here`}const Ue=({pistonUrl:p="/api/piston",language:h="javascript",theme:n="light",themeColor:u="",showLanguageSelector:b=!0,showEditor:T=!0,editable:_=!0,defaultCode:s="",executorLabel:m="运行",onExecuteStart:S,onExecuteEnd:A,onLanguageChange:I,onChange:P})=>{const[H,Z]=E.useState([]),[F,y]=E.useState(h),[x,t]=E.useState(n),[r,i]=E.useState(s),[o,l]=E.useState(""),[g,k]=E.useState(""),[f,C]=E.useState(!1),[$,G]=E.useState(null),[B,Y]=E.useState("stdout"),[re,ne]=E.useState(null),[ce,j]=E.useState(!0),[W,te]=E.useState(60),[J,z]=E.useState(!1),[se,q]=E.useState(!1),Q=E.useMemo(()=>new It({pistonUrl:p}),[p]),ae=E.useMemo(()=>H.map(O=>({value:`${O.language}:${O.version}`,label:`${O.language.charAt(0).toUpperCase()+O.language.slice(1)} ${O.version}`})),[H]),ie=E.useMemo(()=>{if(!u)return{};const O=n==="dark",D=(Re,be)=>{const he=parseInt(Re.replace("#",""),16),fe=Math.round(2.55*be),xe=Math.min(255,Math.max(0,(he>>16)+fe)),Oe=Math.min(255,Math.max(0,(he>>8&255)+fe)),Ie=Math.min(255,Math.max(0,(he&255)+fe));return"#"+(16777216+xe*65536+Oe*256+Ie).toString(16).slice(1)},Te=(Re=>{const be=parseInt(Re.replace("#",""),16),he=be>>16&255,fe=be>>8&255,xe=be&255;return(.299*he+.587*fe+.114*xe)/255>.5})(u)?"#000":"#fff";return{"--hep-cr-theme-color":u,"--hep-cr-theme-color-hover":O?D(u,20):D(u,-20),"--hep-cr-tab-active-color":Te}},[u,n]),V=E.useMemo(()=>F.includes(":")?F.split(":")[0]:F,[F]);E.useEffect(()=>{async function O(){j(!0),ne(null);try{const D=await Q.getRuntimes();Z(D)}catch(D){ne(D instanceof Error?D.message:"Failed to load runtimes")}finally{j(!1)}}O()},[Q]),E.useEffect(()=>{!r&&H.length>0&&i(s||je(V))},[H,r,s,V]);const ue=E.useCallback(O=>{const D=O.target.value,pe=D.includes(":")?D.split(":")[0]:D;y(D);const me=je(pe);i(me),I==null||I(pe,me)},[I]),oe=E.useCallback(async()=>{if(!f){C(!0),l(""),k(""),G(null),ne(null),Y("stdout"),S==null||S();try{const O=await Q.execute(V,r);l(O.output),k(O.stderr),G(O.executionTime||null),Y(O.stderr?"stderr":"stdout"),A==null||A(O)}catch(O){const D=O instanceof Error?O.message:"Execution failed";ne(D),A==null||A({success:!1,output:"",stderr:D,code:-1})}finally{C(!1)}}},[f,F,r,Q,S,A]);E.useCallback(()=>{l(""),k(""),G(null),ne(null)},[]);const de=E.useCallback(async()=>{await navigator.clipboard.writeText(r),z(!0),setTimeout(()=>{z(!1)},2e3)},[r]),Ee=E.useCallback(async()=>{const O=B==="stdout"?o:g;await navigator.clipboard.writeText(O),q(!0),setTimeout(()=>{q(!1)},2e3)},[B,o,g]),ge=E.useCallback(()=>{i(je(V))},[F]),we=E.useRef(!1),ye=E.useCallback(O=>{we.current=!0,document.addEventListener("mousemove",le),document.addEventListener("mouseup",Ae),document.body.style.cursor="col-resize",document.body.style.userSelect="none"},[]),le=E.useCallback(O=>{if(!we.current)return;const D=document.querySelector(".hep-cr-main");if(!D)return;const pe=D.getBoundingClientRect(),me=(O.clientX-pe.left)/pe.width*100;te(Math.max(20,Math.min(80,me)))},[]),Ae=E.useCallback(()=>{we.current=!1,document.removeEventListener("mousemove",le),document.removeEventListener("mouseup",Ae),document.body.style.cursor="",document.body.style.userSelect=""},[le]);return c.jsxs("div",{className:`hep-cr-runner hep-cr-runner-${x}`,style:ie,children:[c.jsxs("div",{className:"hep-cr-header",children:[c.jsx("div",{className:"hep-cr-controls",children:b&&c.jsxs("select",{value:F,onChange:ue,className:"hep-cr-language-select",disabled:f,children:[ce&&c.jsx("option",{value:"",children:"加载中..."}),ae.map(O=>c.jsx("option",{value:O.value,children:O.label},O.value))]})}),c.jsxs("div",{className:"hep-cr-actions",children:[c.jsxs("button",{className:"hep-cr-btn hep-cr-btn-run",disabled:f||ce,onClick:oe,children:[f?c.jsx("span",{className:"hep-cr-spinner"}):c.jsx("span",{className:"hep-cr-run-icon",children:"▶"}),f?"运行中...":m]}),T&&_&&c.jsx("button",{className:"hep-cr-btn hep-cr-btn-reset",onClick:ge,children:"重置"}),c.jsx("button",{className:"hep-cr-btn hep-cr-btn-theme",onClick:()=>t(x==="light"?"dark":"light"),title:x==="light"?"Switch to dark mode":"Switch to light mode",children:x==="light"?c.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:c.jsx("path",{d:"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"})}):c.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[c.jsx("circle",{cx:"12",cy:"12",r:"5"}),c.jsx("line",{x1:"12",y1:"1",x2:"12",y2:"3"}),c.jsx("line",{x1:"12",y1:"21",x2:"12",y2:"23"}),c.jsx("line",{x1:"4.22",y1:"4.22",x2:"5.64",y2:"5.64"}),c.jsx("line",{x1:"18.36",y1:"18.36",x2:"19.78",y2:"19.78"}),c.jsx("line",{x1:"1",y1:"12",x2:"3",y2:"12"}),c.jsx("line",{x1:"21",y1:"12",x2:"23",y2:"12"}),c.jsx("line",{x1:"4.22",y1:"19.78",x2:"5.64",y2:"18.36"}),c.jsx("line",{x1:"18.36",y1:"5.64",x2:"19.78",y2:"4.22"})]})})]})]}),re&&c.jsx("div",{className:"hep-cr-error-message",children:re}),c.jsxs("div",{className:"hep-cr-main",children:[T&&c.jsxs("div",{className:"hep-cr-editor-panel",style:{width:`${W}%`},children:[c.jsxs("div",{className:"hep-cr-panel-header",children:[c.jsx("span",{className:"hep-cr-panel-title",children:"编辑器"}),c.jsxs("div",{className:"hep-cr-output-actions",children:[c.jsx("span",{className:"hep-cr-language-badge",children:V}),c.jsx("button",{className:`hep-cr-btn-icon ${J?"hep-cr-btn-copied":""}`,disabled:J,onClick:de,title:J?"已复制":"复制",children:J?c.jsx("span",{className:"hep-cr-copied-text",children:"已复制"}):c.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[c.jsx("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),c.jsx("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"})]})})]})]}),c.jsx(Rt,{value:r,language:V,theme:x,disabled:!_||f,onChange:i,onCodeChange:P})]}),T&&c.jsx("div",{className:"hep-cr-resize-handle",onMouseDown:ye,children:c.jsx("div",{className:"hep-cr-resize-line"})}),c.jsxs("div",{className:"hep-cr-output-panel",style:{width:T?`${100-W}%`:"100%"},children:[c.jsxs("div",{className:"hep-cr-panel-header",children:[c.jsxs("div",{className:"hep-cr-output-tabs",children:[c.jsx("button",{className:`hep-cr-tab ${B==="stdout"?"active":""}`,onClick:()=>Y("stdout"),children:"输出"}),g&&c.jsx("button",{className:`hep-cr-tab hep-cr-tab-error ${B==="stderr"?"active":""}`,onClick:()=>Y("stderr"),children:"错误"})]}),c.jsxs("div",{className:"hep-cr-output-actions",children:[$!==null&&c.jsxs("span",{className:"hep-cr-execution-time",children:[$,"ms"]}),c.jsx("button",{className:`hep-cr-btn-icon ${se?"hep-cr-btn-copied":""}`,disabled:se,onClick:Ee,title:se?"已复制":"复制",children:se?c.jsx("span",{className:"hep-cr-copied-text",children:"已复制"}):c.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[c.jsx("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),c.jsx("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"})]})})]})]}),c.jsx("div",{className:"hep-cr-output-content",children:c.jsx("pre",{children:B==="stdout"?f?"代码执行中...":o||'点击"运行"执行代码':g})})]})]}),c.jsx("style",{children:`
+// Write your code here`}const Ue=({pistonUrl:p="/api/piston",language:h="javascript",theme:n="light",themeColor:u="",showLanguageSelector:b=!0,showEditor:T=!0,editable:_=!0,defaultCode:s="",executorLabel:m="运行",onExecuteStart:S,onExecuteEnd:A,onLanguageChange:I,onChange:P})=>{const[H,Z]=E.useState([]),[F,y]=E.useState(h),[x,t]=E.useState(n),[r,i]=E.useState(s),[o,l]=E.useState(""),[g,k]=E.useState(""),[f,C]=E.useState(!1),[$,G]=E.useState(null),[B,Y]=E.useState("stdout"),[re,ne]=E.useState(null),[ce,j]=E.useState(!0),[W,te]=E.useState(60),[J,z]=E.useState(!1),[se,q]=E.useState(!1),Q=E.useMemo(()=>new It({pistonUrl:p}),[p]),ae=E.useMemo(()=>H.map(O=>({value:`${O.language}:${O.version}`,label:`${O.language.charAt(0).toUpperCase()+O.language.slice(1)} ${O.version}`})),[H]),ie=E.useMemo(()=>{if(!u)return{};const O=n==="dark",D=(Re,be)=>{const he=parseInt(Re.replace("#",""),16),fe=Math.round(2.55*be),xe=Math.min(255,Math.max(0,(he>>16)+fe)),Oe=Math.min(255,Math.max(0,(he>>8&255)+fe)),Ie=Math.min(255,Math.max(0,(he&255)+fe));return"#"+(16777216+xe*65536+Oe*256+Ie).toString(16).slice(1)},Te=(Re=>{const be=parseInt(Re.replace("#",""),16),he=be>>16&255,fe=be>>8&255,xe=be&255;return(.299*he+.587*fe+.114*xe)/255>.5})(u)?"#000":"#fff";return{"--hep-cr-theme-color":u,"--hep-cr-theme-color-hover":O?D(u,20):D(u,-20),"--hep-cr-tab-active-color":Te}},[u,n]),V=E.useMemo(()=>F.includes(":")?F.split(":")[0]:F,[F]);E.useEffect(()=>{async function O(){j(!0),ne(null);try{const D=await Q.getRuntimes();Z(D)}catch(D){ne(D instanceof Error?D.message:"Failed to load runtimes")}finally{j(!1)}}O()},[Q]),E.useEffect(()=>{!r&&H.length>0&&i(s||je(V))},[H,r,s,V]),E.useEffect(()=>{P==null||P(r)},[]);const ue=E.useCallback(O=>{const D=O.target.value,pe=D.includes(":")?D.split(":")[0]:D;y(D);const me=je(pe);i(me),I==null||I(pe,me)},[I]),oe=E.useCallback(async()=>{if(!f){C(!0),l(""),k(""),G(null),ne(null),Y("stdout"),S==null||S();try{const O=await Q.execute(V,r);l(O.output),k(O.stderr),G(O.executionTime||null),Y(O.stderr?"stderr":"stdout"),A==null||A(O)}catch(O){const D=O instanceof Error?O.message:"Execution failed";ne(D),A==null||A({success:!1,output:"",stderr:D,code:-1})}finally{C(!1)}}},[f,F,r,Q,S,A]);E.useCallback(()=>{l(""),k(""),G(null),ne(null)},[]);const de=E.useCallback(async()=>{await navigator.clipboard.writeText(r),z(!0),setTimeout(()=>{z(!1)},2e3)},[r]),Ee=E.useCallback(async()=>{const O=B==="stdout"?o:g;await navigator.clipboard.writeText(O),q(!0),setTimeout(()=>{q(!1)},2e3)},[B,o,g]),ge=E.useCallback(()=>{i(je(V))},[F]),we=E.useRef(!1),ye=E.useCallback(O=>{we.current=!0,document.addEventListener("mousemove",le),document.addEventListener("mouseup",Ae),document.body.style.cursor="col-resize",document.body.style.userSelect="none"},[]),le=E.useCallback(O=>{if(!we.current)return;const D=document.querySelector(".hep-cr-main");if(!D)return;const pe=D.getBoundingClientRect(),me=(O.clientX-pe.left)/pe.width*100;te(Math.max(20,Math.min(80,me)))},[]),Ae=E.useCallback(()=>{we.current=!1,document.removeEventListener("mousemove",le),document.removeEventListener("mouseup",Ae),document.body.style.cursor="",document.body.style.userSelect=""},[le]);return c.jsxs("div",{className:`hep-cr-runner hep-cr-runner-${x}`,style:ie,children:[c.jsxs("div",{className:"hep-cr-header",children:[c.jsx("div",{className:"hep-cr-controls",children:b&&c.jsxs("select",{value:F,onChange:ue,className:"hep-cr-language-select",disabled:f,children:[ce&&c.jsx("option",{value:"",children:"加载中..."}),ae.map(O=>c.jsx("option",{value:O.value,children:O.label},O.value))]})}),c.jsxs("div",{className:"hep-cr-actions",children:[c.jsxs("button",{className:"hep-cr-btn hep-cr-btn-run",disabled:f||ce,onClick:oe,children:[f?c.jsx("span",{className:"hep-cr-spinner"}):c.jsx("span",{className:"hep-cr-run-icon",children:"▶"}),f?"运行中...":m]}),T&&_&&c.jsx("button",{className:"hep-cr-btn hep-cr-btn-reset",onClick:ge,children:"重置"}),c.jsx("button",{className:"hep-cr-btn hep-cr-btn-theme",onClick:()=>t(x==="light"?"dark":"light"),title:x==="light"?"Switch to dark mode":"Switch to light mode",children:x==="light"?c.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:c.jsx("path",{d:"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"})}):c.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[c.jsx("circle",{cx:"12",cy:"12",r:"5"}),c.jsx("line",{x1:"12",y1:"1",x2:"12",y2:"3"}),c.jsx("line",{x1:"12",y1:"21",x2:"12",y2:"23"}),c.jsx("line",{x1:"4.22",y1:"4.22",x2:"5.64",y2:"5.64"}),c.jsx("line",{x1:"18.36",y1:"18.36",x2:"19.78",y2:"19.78"}),c.jsx("line",{x1:"1",y1:"12",x2:"3",y2:"12"}),c.jsx("line",{x1:"21",y1:"12",x2:"23",y2:"12"}),c.jsx("line",{x1:"4.22",y1:"19.78",x2:"5.64",y2:"18.36"}),c.jsx("line",{x1:"18.36",y1:"5.64",x2:"19.78",y2:"4.22"})]})})]})]}),re&&c.jsx("div",{className:"hep-cr-error-message",children:re}),c.jsxs("div",{className:"hep-cr-main",children:[T&&c.jsxs("div",{className:"hep-cr-editor-panel",style:{width:`${W}%`},children:[c.jsxs("div",{className:"hep-cr-panel-header",children:[c.jsx("span",{className:"hep-cr-panel-title",children:"编辑器"}),c.jsxs("div",{className:"hep-cr-output-actions",children:[c.jsx("span",{className:"hep-cr-language-badge",children:V}),c.jsx("button",{className:`hep-cr-btn-icon ${J?"hep-cr-btn-copied":""}`,disabled:J,onClick:de,title:J?"已复制":"复制",children:J?c.jsx("span",{className:"hep-cr-copied-text",children:"已复制"}):c.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[c.jsx("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),c.jsx("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"})]})})]})]}),c.jsx(Rt,{value:r,language:V,theme:x,disabled:!_||f,onChange:i,onCodeChange:P})]}),T&&c.jsx("div",{className:"hep-cr-resize-handle",onMouseDown:ye,children:c.jsx("div",{className:"hep-cr-resize-line"})}),c.jsxs("div",{className:"hep-cr-output-panel",style:{width:T?`${100-W}%`:"100%"},children:[c.jsxs("div",{className:"hep-cr-panel-header",children:[c.jsxs("div",{className:"hep-cr-output-tabs",children:[c.jsx("button",{className:`hep-cr-tab ${B==="stdout"?"active":""}`,onClick:()=>Y("stdout"),children:"输出"}),g&&c.jsx("button",{className:`hep-cr-tab hep-cr-tab-error ${B==="stderr"?"active":""}`,onClick:()=>Y("stderr"),children:"错误"})]}),c.jsxs("div",{className:"hep-cr-output-actions",children:[$!==null&&c.jsxs("span",{className:"hep-cr-execution-time",children:[$,"ms"]}),c.jsx("button",{className:`hep-cr-btn-icon ${se?"hep-cr-btn-copied":""}`,disabled:se,onClick:Ee,title:se?"已复制":"复制",children:se?c.jsx("span",{className:"hep-cr-copied-text",children:"已复制"}):c.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[c.jsx("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),c.jsx("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"})]})})]})]}),c.jsx("div",{className:"hep-cr-output-content",children:c.jsx("pre",{children:B==="stdout"?f?"代码执行中...":o||'点击"运行"执行代码':g})})]})]}),c.jsx("style",{children:`
         .hep-cr-runner {
           display: flex;
           flex-direction: column;

package/dist/index.mjs

@@ -1,9 +1,9 @@
-import tr, { useRef as Pe, useMemo as Ae, useCallback as te, useEffect as Ne, useState as X, forwardRef as xr, useImperativeHandle as kr } from "react";
+import tr, { useRef as Pe, useMemo as Ae, useCallback as te, useEffect as Te, useState as X, forwardRef as xr, useImperativeHandle as kr } from "react";
 var Je = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function wr(p) {
   return p && p.__esModule && Object.prototype.hasOwnProperty.call(p, "default") ? p.default : p;
 }
-var Be = { exports: {} }, Ie = {};
+var Be = { exports: {} }, Oe = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -15,19 +15,19 @@ var Be = { exports: {} }, Ie = {};
  */
 var Qe;
 function Sr() {
-  if (Qe) return Ie;
+  if (Qe) return Oe;
   Qe = 1;
   var p = tr, h = Symbol.for("react.element"), n = Symbol.for("react.fragment"), u = Object.prototype.hasOwnProperty, b = p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, A = { key: !0, ref: !0, __self: !0, __source: !0 };
   function R(s, m, k) {
-    var S, I = {}, L = null, U = null;
-    k !== void 0 && (L = "" + k), m.key !== void 0 && (L = "" + m.key), m.ref !== void 0 && (U = m.ref);
+    var S, I = {}, C = null, U = null;
+    k !== void 0 && (C = "" + k), m.key !== void 0 && (C = "" + m.key), m.ref !== void 0 && (U = m.ref);
     for (S in m) u.call(m, S) && !A.hasOwnProperty(S) && (I[S] = m[S]);
     if (s && s.defaultProps) for (S in m = s.defaultProps, m) I[S] === void 0 && (I[S] = m[S]);
-    return { $$typeof: h, type: s, key: L, ref: U, props: I, _owner: b.current };
+    return { $$typeof: h, type: s, key: C, ref: U, props: I, _owner: b.current };
   }
-  return Ie.Fragment = n, Ie.jsx = R, Ie.jsxs = R, Ie;
+  return Oe.Fragment = n, Oe.jsx = R, Oe.jsxs = R, Oe;
 }
-var Oe = {};
+var Ne = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -40,7 +40,7 @@ var Oe = {};
 var er;
 function Ar() {
   return er || (er = 1, process.env.NODE_ENV !== "production" && function() {
-    var p = tr, h = Symbol.for("react.element"), n = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), R = Symbol.for("react.provider"), s = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), U = Symbol.for("react.offscreen"), Z = Symbol.iterator, _ = "@@iterator";
+    var p = tr, h = Symbol.for("react.element"), n = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), R = Symbol.for("react.provider"), s = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), U = Symbol.for("react.offscreen"), Z = Symbol.iterator, _ = "@@iterator";
     function E(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -59,16 +59,16 @@ function Ar() {
       {
         var v = y.ReactDebugCurrentFrame, O = v.getStackAddendum();
         O !== "" && (a += "%s", d = d.concat([O]));
-        var C = d.map(function(T) {
+        var L = d.map(function(T) {
           return String(T);
         });
-        C.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, C);
+        L.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, L);
       }
     }
     var i = !1, o = !1, l = !1, g = !1, x = !1, f;
     f = Symbol.for("react.module.reference");
     function N(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === u || e === A || x || e === b || e === k || e === S || g || e === U || i || o || l || typeof e == "object" && e !== null && (e.$$typeof === L || e.$$typeof === I || e.$$typeof === R || e.$$typeof === s || e.$$typeof === m || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === u || e === A || x || e === b || e === k || e === S || g || e === U || i || o || l || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === I || e.$$typeof === R || e.$$typeof === s || e.$$typeof === m || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -118,10 +118,10 @@ function Ar() {
           case I:
             var v = e.displayName || null;
             return v !== null ? v : H(e.type) || "Memo";
-          case L: {
-            var O = e, C = O._payload, T = O._init;
+          case C: {
+            var O = e, L = O._payload, T = O._init;
             try {
-              return H(T(C));
+              return H(T(L));
             } catch {
               return null;
             }
@@ -222,8 +222,8 @@ function Ar() {
       de = !0;
       var O = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var C;
-      C = ie.current, ie.current = null, q();
+      var L;
+      L = ie.current, ie.current = null, q();
       try {
         if (a) {
           var T = function() {
@@ -276,7 +276,7 @@ function Ar() {
             }
         }
       } finally {
-        de = !1, ie.current = C, Q(), Error.prepareStackTrace = O;
+        de = !1, ie.current = L, Q(), Error.prepareStackTrace = O;
       }
       var Se = e ? e.displayName || e.name : "", Ee = Se ? Y(Se) : "";
       return typeof e == "function" && se.set(e, Ee), Ee;
@@ -284,7 +284,7 @@ function Ar() {
     function me(e, a, d) {
       return ye(e, !1);
     }
-    function Te(e) {
+    function Re(e) {
       var a = e.prototype;
       return !!(a && a.isReactComponent);
     }
@@ -292,7 +292,7 @@ function Ar() {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return ye(e, Te(e));
+        return ye(e, Re(e));
       if (typeof e == "string")
         return Y(e);
       switch (e) {
@@ -307,17 +307,17 @@ function Ar() {
             return me(e.render);
           case I:
             return xe(e.type, a, d);
-          case L: {
-            var v = e, O = v._payload, C = v._init;
+          case C: {
+            var v = e, O = v._payload, L = v._init;
             try {
-              return xe(C(O), a, d);
+              return xe(L(O), a, d);
             } catch {
             }
           }
         }
       return "";
     }
-    var ce = Object.prototype.hasOwnProperty, Re = {}, F = y.ReactDebugCurrentFrame;
+    var ce = Object.prototype.hasOwnProperty, _e = {}, F = y.ReactDebugCurrentFrame;
     function P(e) {
       if (e) {
         var a = e._owner, d = xe(e.type, e._source, a ? a.type : null);
@@ -327,9 +327,9 @@ function Ar() {
     }
     function he(e, a, d, v, O) {
       {
-        var C = Function.call.bind(ce);
+        var L = Function.call.bind(ce);
         for (var T in e)
-          if (C(e, T)) {
+          if (L(e, T)) {
             var w = void 0;
             try {
               if (typeof e[T] != "function") {
@@ -340,15 +340,15 @@ function Ar() {
             } catch ($) {
               w = $;
             }
-            w && !(w instanceof Error) && (P(O), r("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", v || "React class", d, T, typeof w), P(null)), w instanceof Error && !(w.message in Re) && (Re[w.message] = !0, P(O), r("Failed %s type: %s", d, w.message), P(null));
+            w && !(w instanceof Error) && (P(O), r("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", v || "React class", d, T, typeof w), P(null)), w instanceof Error && !(w.message in _e) && (_e[w.message] = !0, P(O), r("Failed %s type: %s", d, w.message), P(null));
           }
       }
     }
     var be = Array.isArray;
-    function _e(e) {
+    function Fe(e) {
       return be(e);
     }
-    function Fe(e) {
+    function Ie(e) {
       {
         var a = typeof Symbol == "function" && Symbol.toStringTag, d = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return d;
@@ -366,14 +366,14 @@ function Ar() {
     }
     function ge(e) {
       if (ve(e))
-        return r("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Fe(e)), fe(e);
+        return r("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ie(e)), fe(e);
     }
-    var ke = y.ReactCurrentOwner, Ce = {
+    var ke = y.ReactCurrentOwner, Le = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Le, We;
+    }, Ce, We;
     function ar(e) {
       if (ce.call(e, "ref")) {
         var a = Object.getOwnPropertyDescriptor(e, "ref").get;
@@ -396,7 +396,7 @@ function Ar() {
     function sr(e, a) {
       {
         var d = function() {
-          Le || (Le = !0, r("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
+          Ce || (Ce = !0, r("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
         };
         d.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: d,
@@ -415,7 +415,7 @@ function Ar() {
         });
       }
     }
-    var cr = function(e, a, d, v, O, C, T) {
+    var cr = function(e, a, d, v, O, L, T) {
       var w = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: h,
@@ -425,7 +425,7 @@ function Ar() {
         ref: d,
         props: T,
         // Record the component responsible for creating this element.
-        _owner: C
+        _owner: L
       };
       return w._store = {}, Object.defineProperty(w._store, "validated", {
         configurable: !1,
@@ -446,14 +446,14 @@ function Ar() {
     };
     function ur(e, a, d, v, O) {
       {
-        var C, T = {}, w = null, V = null;
+        var L, T = {}, w = null, V = null;
         d !== void 0 && (ge(d), w = "" + d), ir(a) && (ge(a.key), w = "" + a.key), ar(a) && (V = a.ref, or(a, O));
-        for (C in a)
-          ce.call(a, C) && !Ce.hasOwnProperty(C) && (T[C] = a[C]);
+        for (L in a)
+          ce.call(a, L) && !Le.hasOwnProperty(L) && (T[L] = a[L]);
         if (e && e.defaultProps) {
           var $ = e.defaultProps;
-          for (C in $)
-            T[C] === void 0 && (T[C] = $[C]);
+          for (L in $)
+            T[L] === void 0 && (T[L] = $[L]);
         }
         if (w || V) {
           var M = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
@@ -520,7 +520,7 @@ Check the top-level render call using <` + d + ">.");
       {
         if (typeof e != "object")
           return;
-        if (_e(e))
+        if (Fe(e))
           for (var d = 0; d < e.length; d++) {
             var v = e[d];
             $e(v) && Xe(v, a);
@@ -530,7 +530,7 @@ Check the top-level render call using <` + d + ">.");
         else if (e) {
           var O = E(e);
           if (typeof O == "function" && O !== e.entries)
-            for (var C = O.call(e), T; !(T = C.next()).done; )
+            for (var L = O.call(e), T; !(T = L.next()).done; )
               $e(T.value) && Xe(T.value, a);
         }
       }
@@ -573,7 +573,7 @@ Check the top-level render call using <` + d + ">.");
       }
     }
     var Ze = {};
-    function qe(e, a, d, v, O, C) {
+    function qe(e, a, d, v, O, L) {
       {
         var T = N(e);
         if (!T) {
@@ -582,16 +582,16 @@ Check the top-level render call using <` + d + ">.");
           var V = dr();
           V ? w += V : w += Ye();
           var $;
-          e === null ? $ = "null" : _e(e) ? $ = "array" : e !== void 0 && e.$$typeof === h ? ($ = "<" + (H(e.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : $ = typeof e, r("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", $, w);
+          e === null ? $ = "null" : Fe(e) ? $ = "array" : e !== void 0 && e.$$typeof === h ? ($ = "<" + (H(e.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : $ = typeof e, r("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", $, w);
         }
-        var M = ur(e, a, d, O, C);
+        var M = ur(e, a, d, O, L);
         if (M == null)
           return M;
         if (T) {
           var ee = a.children;
           if (ee !== void 0)
             if (v)
-              if (_e(ee)) {
+              if (Fe(ee)) {
                 for (var Se = 0; Se < ee.length; Se++)
                   Ke(ee[Se], e);
                 Object.freeze && Object.freeze(ee);
@@ -624,8 +624,8 @@ React keys must be passed directly to JSX without using spread:
       return qe(e, a, d, !1);
     }
     var br = mr, vr = gr;
-    Oe.Fragment = u, Oe.jsx = br, Oe.jsxs = vr;
-  }()), Oe;
+    Ne.Fragment = u, Ne.jsx = br, Ne.jsxs = vr;
+  }()), Ne;
 }
 process.env.NODE_ENV === "production" ? Be.exports = Sr() : Be.exports = Ar();
 var c = Be.exports, nr = { exports: {} };
@@ -1165,7 +1165,7 @@ var c = Be.exports, nr = { exports: {} };
           delete t.rest;
         }
         var l = new I();
-        return L(l, l.head, r), S(r, l, t, l.head, 0), Z(l);
+        return C(l, l.head, r), S(r, l, t, l.head, 0), Z(l);
       },
       /**
        * @namespace
@@ -1279,9 +1279,9 @@ var c = Be.exports, nr = { exports: {} };
                 var ie = B.index, oe = B[0], Y = re.slice(0, ie), de = re.slice(ie + oe.length), se = z + re.length;
                 g && se > g.reach && (g.reach = se);
                 var pe = D.prev;
-                Y && (pe = L(t, pe, Y), z += Y.length), U(t, pe, J);
+                Y && (pe = C(t, pe, Y), z += Y.length), U(t, pe, J);
                 var ye = new m(x, W ? s.tokenize(oe, W) : oe, ne, oe);
-                if (D = L(t, pe, ye), de && L(t, D, de), J > 1) {
+                if (D = C(t, pe, ye), de && C(t, D, de), J > 1) {
                   var me = {
                     cause: x + "," + N,
                     reach: se
@@ -1297,7 +1297,7 @@ var c = Be.exports, nr = { exports: {} };
       var r = { value: null, prev: null, next: null }, t = { value: null, prev: r, next: null };
       r.next = t, this.head = r, this.tail = t, this.length = 0;
     }
-    function L(r, t, i) {
+    function C(r, t, i) {
       var o = t.next, l = { value: i, prev: t, next: o };
       return t.next = l, o.prev = l, r.length++, l;
     }
@@ -1718,7 +1718,7 @@ var c = Be.exports, nr = { exports: {} };
       h: "c",
       tex: "latex"
     }, s = "data-src-status", m = "loading", k = "loaded", S = "failed", I = "pre[data-src]:not([" + s + '="' + k + '"]):not([' + s + '="' + m + '"])';
-    function L(_, E, y) {
+    function C(_, E, y) {
       var r = new XMLHttpRequest();
       r.open("GET", _, !0), r.onreadystatechange = function() {
         r.readyState == 4 && (r.status < 400 && r.responseText ? E(r.responseText) : r.status >= 400 ? y(b(r.status, r.statusText)) : y(A));
@@ -1749,7 +1749,7 @@ var c = Be.exports, nr = { exports: {} };
         }
         n.util.setLanguage(y, t), n.util.setLanguage(E, t);
         var o = n.plugins.autoloader;
-        o && o.loadLanguages(t), L(
+        o && o.loadLanguages(t), C(
           r,
           function(l) {
             E.setAttribute(s, k);
@@ -2849,27 +2849,27 @@ const Nr = ({
     } catch {
     }
     return Or(p || "");
-  }, [p, k]), L = te((E) => {
+  }, [p, k]), C = te((E) => {
     m.current && clearTimeout(m.current), m.current = setTimeout(() => {
       A == null || A(E);
     }, 500);
   }, [A]), U = (E) => {
     const y = E.target.value;
-    b == null || b(y), L(y);
+    b == null || b(y), C(y);
   }, Z = () => {
     R.current && s.current && (s.current.scrollTop = R.current.scrollTop, s.current.scrollLeft = R.current.scrollLeft);
   }, _ = (E) => {
     if (E.key === "Tab") {
       E.preventDefault();
       const y = E.target, r = y.selectionStart, t = y.selectionEnd, i = p.substring(0, r) + "  " + p.substring(t);
-      b == null || b(i), L(i), requestAnimationFrame(() => {
+      b == null || b(i), C(i), requestAnimationFrame(() => {
         y.selectionStart = y.selectionEnd = r + 2;
       });
     }
   };
-  return Ne(() => () => {
+  return Te(() => () => {
     m.current && clearTimeout(m.current);
-  }, []), Ne(() => {
+  }, []), Te(() => {
     Fr(n);
   }, [n]), /* @__PURE__ */ c.jsxs("div", { className: `hep-cr-editor theme-${n}`, style: { background: S }, children: [
     /* @__PURE__ */ c.jsx(
@@ -2896,7 +2896,7 @@ const Nr = ({
       }
     )
   ] });
-}, Cr = `
+}, Lr = `
 .hep-cr-editor {
   position: relative;
   flex: 1;
@@ -2958,10 +2958,10 @@ if (typeof document < "u") {
   const p = "hep-cr-editor-styles";
   if (!document.getElementById(p)) {
     const h = document.createElement("style");
-    h.id = p, h.textContent = Cr, document.head.appendChild(h);
+    h.id = p, h.textContent = Lr, document.head.appendChild(h);
   }
 }
-var Lr = Object.defineProperty, Pr = (p, h, n) => h in p ? Lr(p, h, { enumerable: !0, configurable: !0, writable: !0, value: n }) : p[h] = n, rr = (p, h, n) => Pr(p, typeof h != "symbol" ? h + "" : h, n);
+var Cr = Object.defineProperty, Pr = (p, h, n) => h in p ? Cr(p, h, { enumerable: !0, configurable: !0, writable: !0, value: n }) : p[h] = n, rr = (p, h, n) => Pr(p, typeof h != "symbol" ? h + "" : h, n);
 let Ue = null;
 class Dr {
   constructor(h = {}) {
@@ -3018,11 +3018,11 @@ class Dr {
       });
       if (!m.ok)
         throw new Error(`Execute failed: ${m.statusText}`);
-      const k = await m.json(), S = Date.now() - s, I = k.run.stdout || "", L = k.run.stderr || "";
+      const k = await m.json(), S = Date.now() - s, I = k.run.stdout || "", C = k.run.stderr || "";
       return {
         success: k.run.code === 0,
         output: I,
-        stderr: L,
+        stderr: C,
         code: k.run.code,
         executionTime: S,
         compile: k.compile ? {
@@ -3187,27 +3187,27 @@ const $r = ({
   onExecuteStart: k,
   onExecuteEnd: S,
   onLanguageChange: I,
-  onChange: L
+  onChange: C
 }) => {
   const [U, Z] = X([]), [_, E] = X(h), [y, r] = X(n), [t, i] = X(s), [o, l] = X(""), [g, x] = X(""), [f, N] = X(!1), [j, W] = X(null), [H, G] = X("stdout"), [ne, ae] = X(null), [ue, D] = X(!0), [z, re] = X(60), [J, B] = X(!1), [le, q] = X(!1), Q = Ae(() => new Dr({ pistonUrl: p }), [p]), ie = Ae(() => U.map((F) => ({
     value: `${F.language}:${F.version}`,
     label: `${F.language.charAt(0).toUpperCase() + F.language.slice(1)} ${F.version}`
   })), [U]), oe = Ae(() => {
     if (!u) return {};
-    const F = n === "dark", P = (Fe, ve) => {
-      const fe = parseInt(Fe.replace("#", ""), 16), ge = Math.round(2.55 * ve), ke = Math.min(255, Math.max(0, (fe >> 16) + ge)), Ce = Math.min(255, Math.max(0, (fe >> 8 & 255) + ge)), Le = Math.min(255, Math.max(0, (fe & 255) + ge));
-      return "#" + (16777216 + ke * 65536 + Ce * 256 + Le).toString(16).slice(1);
-    }, _e = ((Fe) => {
-      const ve = parseInt(Fe.replace("#", ""), 16), fe = ve >> 16 & 255, ge = ve >> 8 & 255, ke = ve & 255;
+    const F = n === "dark", P = (Ie, ve) => {
+      const fe = parseInt(Ie.replace("#", ""), 16), ge = Math.round(2.55 * ve), ke = Math.min(255, Math.max(0, (fe >> 16) + ge)), Le = Math.min(255, Math.max(0, (fe >> 8 & 255) + ge)), Ce = Math.min(255, Math.max(0, (fe & 255) + ge));
+      return "#" + (16777216 + ke * 65536 + Le * 256 + Ce).toString(16).slice(1);
+    }, Fe = ((Ie) => {
+      const ve = parseInt(Ie.replace("#", ""), 16), fe = ve >> 16 & 255, ge = ve >> 8 & 255, ke = ve & 255;
       return (0.299 * fe + 0.587 * ge + 0.114 * ke) / 255 > 0.5;
     })(u) ? "#000" : "#fff";
     return {
       "--hep-cr-theme-color": u,
       "--hep-cr-theme-color-hover": F ? P(u, 20) : P(u, -20),
-      "--hep-cr-tab-active-color": _e
+      "--hep-cr-tab-active-color": Fe
     };
   }, [u, n]), Y = Ae(() => _.includes(":") ? _.split(":")[0] : _, [_]);
-  Ne(() => {
+  Te(() => {
     async function F() {
       D(!0), ae(null);
       try {
@@ -3220,9 +3220,11 @@ const $r = ({
       }
     }
     F();
-  }, [Q]), Ne(() => {
+  }, [Q]), Te(() => {
     !t && U.length > 0 && i(s || He(Y));
-  }, [U, t, s, Y]);
+  }, [U, t, s, Y]), Te(() => {
+    C == null || C(t);
+  }, []);
   const de = te(
     (F) => {
       const P = F.target.value, he = P.includes(":") ? P.split(":")[0] : P;
@@ -3264,16 +3266,16 @@ const $r = ({
     }, 2e3);
   }, [H, o, g]), me = te(() => {
     i(He(Y));
-  }, [_]), Te = Pe(!1), xe = te((F) => {
-    Te.current = !0, document.addEventListener("mousemove", ce), document.addEventListener("mouseup", Re), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
+  }, [_]), Re = Pe(!1), xe = te((F) => {
+    Re.current = !0, document.addEventListener("mousemove", ce), document.addEventListener("mouseup", _e), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
   }, []), ce = te((F) => {
-    if (!Te.current) return;
+    if (!Re.current) return;
     const P = document.querySelector(".hep-cr-main");
     if (!P) return;
     const he = P.getBoundingClientRect(), be = (F.clientX - he.left) / he.width * 100;
     re(Math.max(20, Math.min(80, be)));
-  }, []), Re = te(() => {
-    Te.current = !1, document.removeEventListener("mousemove", ce), document.removeEventListener("mouseup", Re), document.body.style.cursor = "", document.body.style.userSelect = "";
+  }, []), _e = te(() => {
+    Re.current = !1, document.removeEventListener("mousemove", ce), document.removeEventListener("mouseup", _e), document.body.style.cursor = "", document.body.style.userSelect = "";
   }, [ce]);
   return /* @__PURE__ */ c.jsxs("div", { className: `hep-cr-runner hep-cr-runner-${y}`, style: oe, children: [
     /* @__PURE__ */ c.jsxs("div", { className: "hep-cr-header", children: [
@@ -3366,7 +3368,7 @@ const $r = ({
             theme: y,
             disabled: !R || f,
             onChange: i,
-            onCodeChange: L
+            onCodeChange: C
           }
         )
       ] }),
@@ -3673,8 +3675,8 @@ const $r = ({
     theme: R = "light",
     ...s
   }, m) => {
-    const [k, S] = X(h), I = p !== void 0, L = I ? p : k;
-    Ne(() => {
+    const [k, S] = X(h), I = p !== void 0, C = I ? p : k;
+    Te(() => {
       I && p !== k && S(p);
     }, [p, I]);
     const U = te(() => {
@@ -3686,7 +3688,7 @@ const $r = ({
       close: U
     }));
     const _ = typeof u == "number" ? `${u}px` : u;
-    return L ? /* @__PURE__ */ c.jsxs("div", { className: "hep-cr-dialog-overlay", onClick: Z, children: [
+    return C ? /* @__PURE__ */ c.jsxs("div", { className: "hep-cr-dialog-overlay", onClick: Z, children: [
       /* @__PURE__ */ c.jsxs("div", { className: "hep-cr-dialog-container", style: { width: _ }, children: [
         /* @__PURE__ */ c.jsxs("div", { className: "hep-cr-dialog-header", children: [
           /* @__PURE__ */ c.jsx("h3", { className: "hep-cr-dialog-title", children: n }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hep-code-runner/react",
-  "version": "3.1.0",
+  "version": "3.1.2",
   "description": "React code runner component",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",