Commit6f0ba5b

authored

chore(site): add AgentLogs storybook (#12601)

1 parent25b605f commit6f0ba5bCopy full SHA for 6f0ba5b

File tree

+1178

-16

lines changed

+1178

-16

lines changed

Lines changed: 10 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -3,6 +3,16 @@ import AnsiToHTML from "ansi-to-html";`
`3`	`3`	`import{typeFC,typeReactNode,useMemo}from"react";`
`4`	`4`	`import{typeLine,LogLine,LogLinePrefix}from"components/Logs/LogLine";`
`5`	`5`
	`6`	`+// Logs are stored as the Line interface to make rendering`
	`7`	`+// much more efficient. Instead of mapping objects each time, we're`
	`8`	`+// able to just pass the array of logs to the component.`
	`9`	`+exportinterfaceLineWithIDextendsLine{`
	`10`	`+id:number;`
	`11`	`+}`
	`12`	`+`
	`13`	`+// Approximate height of a log line. Used to control virtualized list height.`
	`14`	`+exportconstAGENT_LOG_LINE_HEIGHT=20;`
	`15`	`+`
`6`	`16`	`constconvert=newAnsiToHTML();`
`7`	`17`
`8`	`18`	`interfaceAgentLogLineProps{`

Lines changed: 24 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,24 @@`
	`1`	`+importtype{Meta,StoryObj}from"@storybook/react";`
	`2`	`+import{AGENT_LOG_LINE_HEIGHT}from"./AgentLogLine";`
	`3`	`+import{AgentLogs}from"./AgentLogs";`
	`4`	`+import{MockLogs,MockSources}from"./mocks";`
	`5`	`+`
	`6`	`+constmeta:Meta<typeofAgentLogs>={`
	`7`	`+title:"modules/resources/AgentLogs",`
	`8`	`+component:AgentLogs,`
	`9`	`+args:{`
	`10`	`+sources:MockSources,`
	`11`	`+logs:MockLogs,`
	`12`	`+height:MockLogs.length*AGENT_LOG_LINE_HEIGHT,`
	`13`	`+},`
	`14`	`+parameters:{`
	`15`	`+layout:"fullscreen",`
	`16`	`+},`
	`17`	`+};`
	`18`	`+`
	`19`	`+exportdefaultmeta;`
	`20`	`+typeStory=StoryObj<typeofAgentLogs>;`
	`21`	`+`
	`22`	`+constDefault:Story={};`
	`23`	`+`
	`24`	`+export{DefaultasAgentLogs};`

Lines changed: 5 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -10,8 +10,11 @@ import {`
`10`	`10`	`import{FixedSizeListasList}from"react-window";`
`11`	`11`	`import*asAPIfrom"api/api";`
`12`	`12`	`importtype{WorkspaceAgentLogSource}from"api/typesGenerated";`
`13`		`-import{AgentLogLine}from"./AgentLogLine";`
`14`		`-import{AGENT_LOG_LINE_HEIGHT,typeLineWithID}from"./AgentRow";`
	`13`	`+import{`
	`14`	`+AGENT_LOG_LINE_HEIGHT,`
	`15`	`+AgentLogLine,`
	`16`	`+typeLineWithID,`
	`17`	`+}from"./AgentLogLine";`
`15`	`18`
`16`	`19`	`typeAgentLogsProps=Omit<`
`17`	`20`	`ComponentProps<typeofList>,`

Comments

(0)