Initial Commit
This commit is contained in:
@@ -0,0 +1,7 @@
|
||||
import{j as s}from"./jsx-runtime-D_zvdyIk.js";import{r as l}from"./index-DhY--VwN.js";const S={log:"text-gray-600 dark:text-gray-400",warn:"text-yellow-600 dark:text-yellow-400",error:"text-red-600 dark:text-red-400"},b={log:"INFO",warn:"WARN",error:"ERROR"};function D(){const[m,j]=l.useState([]),r=l.useRef(null);return l.useEffect(()=>{r.current={log:console.log,warn:console.warn,error:console.error};function e(a){return(...d)=>{var g;const N=d.map(o=>typeof o=="object"?JSON.stringify(o):String(o)).join(" ");j(o=>[...o,{level:a,message:N,timestamp:Date.now()}]),(g=r.current)==null||g[a](...d)}}return console.log=e("log"),console.warn=e("warn"),console.error=e("error"),()=>{r.current&&(console.log=r.current.log,console.warn=r.current.warn,console.error=r.current.error)}},[]),s.jsx("div",{"data-testid":"console-panel",className:"mt-4 max-h-48 overflow-y-auto rounded border border-gray-200 bg-gray-50 p-2 font-mono text-xs dark:border-gray-700 dark:bg-gray-900",children:m.length===0?s.jsx("span",{className:"text-gray-400",children:"No console output"}):m.map((e,a)=>s.jsxs("div",{className:S[e.level],children:[s.jsxs("span",{className:"mr-2 font-bold",children:["[",b[e.level],"]"]}),s.jsx("span",{children:e.message})]},`${e.timestamp}-${a}`))})}D.__docgenInfo={description:"",methods:[],displayName:"ConsolePanel"};const O={component:D,title:"Layout/ConsolePanel",tags:["autodocs"]},n={},t={play:async()=>{console.log("Demo log message"),console.warn("Demo warning"),console.error("Demo error")}},c={};var i,u,p;n.parameters={...n.parameters,docs:{...(i=n.parameters)==null?void 0:i.docs,source:{originalSource:"{}",...(p=(u=n.parameters)==null?void 0:u.docs)==null?void 0:p.source}}};var x,f,y;t.parameters={...t.parameters,docs:{...(x=t.parameters)==null?void 0:x.docs,source:{originalSource:`{
|
||||
play: async () => {
|
||||
console.log("Demo log message");
|
||||
console.warn("Demo warning");
|
||||
console.error("Demo error");
|
||||
}
|
||||
}`,...(y=(f=t.parameters)==null?void 0:f.docs)==null?void 0:y.source}}};var w,E,h;c.parameters={...c.parameters,docs:{...(w=c.parameters)==null?void 0:w.docs,source:{originalSource:"{}",...(h=(E=c.parameters)==null?void 0:E.docs)==null?void 0:h.source}}};const _=["Default","WithMessages","Playground"];export{n as Default,c as Playground,t as WithMessages,_ as __namedExportsOrder,O as default};
|
||||
Reference in New Issue
Block a user