Commit Graph

34 Commits

Author SHA1 Message Date
Matt Aitken ff3cd97a3b Fixed the syntax highlighting for JSON and TypeScript with the new Prisma renderer 2024-05-23 17:41:25 +01:00
Jacob Paris 7cb20fbead fix: upgrade prism react renderer (#1111)
* fix: upgrade prism react renderer

* Update CodeBlock.tsx
2024-05-21 14:36:21 +01:00
Eric Allam 215b60c742 v3: superjson output support (#971)
* superjson output support

* Better support for superjson in the task events, limiting output attributes

* Offload large outputs to object store (r2)

* Finishing up the offloading of large outputs/payloads to an object store
2024-03-27 11:57:22 +00:00
James Ritchie 161b2b3323 V3 style improvements (#926)
* Added more clipboard variants to storybook and improved styling

* Improvements to the clipboard components

* Code blocks match the design

* Improved the code block styles

* Dialog modal improvements

* Improved the free plan usage bar

* Better alignment of the shortcut icon in the button

* Side menu displays ‘v3’ next to the project header

* Page header improvements

* Project dropdown displays a badge if it’s a v3 project

* billing page now shows message

* Added the v3 badge to the project list page

* version 3 projects skip the select plan onboarding

* Added a new blank state to the runs page

* Conditionally set the blank state on the runs page

* Button padding tweak

* Updated the task and attempt icons

* Added a new blank state to the runs page

* Added more buttons variants to the button storybook

* Added new blank onboarding state for the tasks page

* Added a blank state to the test page

* Fix for bad svg attribute in TaskIcon

* Onboarding tweaks

* Add the projectRef to the init command

* Task icon is blue

* Added a v3 Project settings page

* Fix for typecheck error

* Added the new CodeBlocks with rowTitles to the span panel

---------

Co-authored-by: Matt Aitken <matt@mattaitken.com>
2024-03-06 18:06:20 +00:00
Matt Aitken 2a1273b683 Major v3 web app update (#924)
* Added the new colours to the Tailwind config

* Fixed Tsailwind compile errors

* WIP Geist working in the app

* WIP Storybook

* Storybook is working again… ouch

* Use Geist mono for CodeMirror

* Some find/replace class changes

* Resizable colours improved

* WIP on primary button

* Minor style improvements

* Improve the side menu header styling

* Improved v2 breadcrumbs

* Account side menu tweaks

* The page now works with the NavBar and UpgradePrompt

* Removed unused import

* Refactored the buttons to be dry-er

* Removed the breadcrumbs

* WIP on nav bar

* WIP updating the button styles

* Fix for the old test page

* Fix for type errors

* Removed console.log

* Colour change in the resizable handle

* New loading bar divider

* Removed the design plugin

* Creating our own storybook pages

* Added some “storybook” pages

* Added DetailCell storybook

* WIP new animation for the loading page

* Added the new loading divider

* Fix for the time frame filter having a green border

* Style improvements to the new test page

* Small style improvements

* Improvements to the list pagination components

* Nav bar back button improved

* Improvements to the run page

* Lots of v2 style improvements

* Help looks better

* Improvements to the regenerate API key modal

* More general improvements

* Added section titles to our storybook

* Added form stories

* Fix for missing key prop

* Loading bar is working

* Fixed button submitting state

* Fix for the test button icon

* Code bg improved

* Improved oauth buttons

* Integration page header fix

* Various improvements, mainly changing button variants

* Segmented control style updates

* Added an outline of 3px for the segment control

* Fixes for the billing pages

* More pricing improvements

* Added dialog to storybook

* Typography now in storybook

* Free usage bar added to storybook

* Added inline clode to storybook

* Separated menu types into a sub section in storybook

* NamedIcon now in storybook

* Added page header to storybook

* Added pricing callout to storybook

* Added radio groups to storybook

* Added segmented controllers to storybook

* Added shortcuts to storybook

* Added switches to storybook

* Added toast to storybook

* Added tooltips to storybook

* Added tree view to storybook

* Added usage charts to storybook

* Tarted up the environment variables page

* Fix for the FreePlanUsage panel bg colours

* Added new badge variants

* Added the <TaskPath /> to the tasks table

* Span header improvements

* Started work on the timeline

* Started work on the timeline

* Fix for the run page header

* Timeline tick marks are working

* Timeline working

* Got the durations showing on hover

* Button improvements

* Experimenting with how the duration should be shown

* Lots of refinements to the timeline

* Much nicer API for the Timeline

* The switch is now purple to match the design, with inverted thumb when on

* Removed old stuff

* Export the props

* Added the span with duration back in

* Simplified more and fixed the span durations

* Put in some decent dummy data

* Rendering defaults

* Wip with the mouse cursor

* Improvements to the story

* Added Slider primitive

* Integrated the icons into the slider

* Lots of layout improvements

* Cleaned up imports

* “Root” indicator

* Animated background on partials

* Pull the styles through to the spans and log dots

* Fixed some bugs in the TreeView when nodes get created or destroyed

* Fix for incorrect parentTask reference

* Added run streaming endpoint for live refreshing

* Added the tabs to Storybook

* Fix for status font size mismatch

* Fix for the misaligned run filter status

* Set a minimum duration on the timeline

* The TreeView now re-calculates if the number of nodes has changed

* Partials now render to the end

* Improved the durations gutter

* The duration is calculated using the current time if there are partial events

* Added the environment label to storybook

* Improved the environment label style

* Removed bottom margin from badge

* Button style improvements

* Callouts style fits the new design better

* Got the scrollbars to appear on the tree/timeline

* Added scroll support

* Synced scrolling working

* Close button and exit icon for the detail panel

* secure field shows start of env

* Clipboard improvements

* Latest lockfile

* Fix for the durations wrapping

---------

Co-authored-by: James Ritchie <james@jamesritchie.co.uk>
2024-03-04 17:33:53 +00:00
Eric Allam 9f076631ae #346 Improve run dashboard perf when tasks have large outputs
Performance degradation came from the syntax highlighting of large code blocks and from doing that on the server and the client, so fixed this in a couple of ways:

1. Stream the task details data using defer and Suspense/Await
2. Skipped syntax highlighting code blocks with more than 1k lines
2023-09-01 22:05:06 +01:00
Matt Aitken 9ff4c0dbd5 Project-wide Prettier setup (#237)
* Setup project-wide prettier

* Remove old workspace file

* Remove old debugging directives

* New top-level .prettierignore

* Updated Prettier config settings

* Contrubuting guide: Fix for some bad code blocks

* Added more ignores

* Improved the format script command

* printWidth set to 100

* Formatted entire repo (pnpm run format)
2023-08-01 10:21:22 +01:00
Matt Aitken ad48f9bb19 slate-1000 and slate-950 replaced with midnight-900 and midnight-850 2023-06-06 17:25:14 +01:00
James Ritchie 4c889cf6f0 Changed the icon in the code block for copy/paste 2023-05-12 16:52:38 +01:00
Matt Aitken 77046470ea Added optional chrome to the CodeBlock 2023-05-11 13:43:42 +01:00
Matt Aitken 83b79610af Line highlighting now takes ranges 2023-05-11 10:50:57 +01:00
Matt Aitken 4fa3ea2491 Improved size of clipboard icon 2023-05-11 09:48:06 +01:00
Matt Aitken 85f7ad871d You can set the max lines to display on a CodeBlock 2023-05-10 18:44:15 +01:00
Matt Aitken bfac524c75 Getting the copy button to work well 2023-05-10 18:20:30 +01:00
Matt Aitken 2a93c10828 Set the default language to TypeScript 2023-05-10 17:45:54 +01:00
Matt Aitken 833c509606 CodeBlock working well, except syntax highlighting is broken somehow 2023-05-10 17:44:49 +01:00
Matt Aitken 1b010571c9 CodeBlock is working with the @mantine/prism package 2023-05-10 15:39:40 +01:00
Matt Aitken 2765fe12cd Tidied up more old components 2023-05-10 08:44:45 +01:00
Matt Aitken 60309677fe Deleted a ton of old components, started tidying things up 2023-05-09 18:50:46 +01:00
Matt Aitken 9da448a21b The code block now works with jsx/tsx 2023-02-16 15:22:41 +00:00
James Ritchie e77bfc77e0 more style improvements 2023-02-02 19:38:17 +00:00
D-K-P 769de0f875 Added line numbers to code block 2023-01-19 17:04:34 -08:00
James Ritchie f9b43645c7 Expand button padding tweak 2023-01-09 17:46:55 +00:00
Matt Aitken d844b07e6e Code block collapses as well as expands 2022-12-30 19:15:20 +00:00
Matt Aitken a80cfe1b8b Put a max height on a code block with expand functionality 2022-12-28 16:30:43 +00:00
Matt Aitken db8c4e481b Improved the alignment of the code block when top aligned 2022-12-21 13:59:40 +00:00
James Ritchie 4abfaffc2a Added an error code block to the error node 2022-12-20 11:47:29 +00:00
Matt Aitken 9166ee4c23 Added an optional copy code button in the prisma component 2022-12-20 10:11:03 +00:00
Matt Aitken d2477b2a67 Added explicit typescript and json languages to the code block 2022-12-19 16:32:24 +00:00
Matt Aitken ec54b2858d Render the code manually so we don’t get issues with server and client mismatch 2022-12-19 16:27:51 +00:00
Matt Aitken 9eabadc393 Moved the typescript prisma plugin into the CodeBlock file 2022-12-19 16:20:59 +00:00
Matt Aitken dad0c6d0e6 Fix for Prismjs Remix server/client mismatch error. But it has a horrible flash when the page loads 2022-12-19 16:19:20 +00:00
James Ritchie 1f57ec591f Prism theme improvement 2022-12-16 15:38:33 +00:00
James Ritchie bcd07fe768 Renamed filename to be correct casing 2022-12-16 11:48:54 +00:00