Make code editable in UI Artifact#119
Closed
vishwamartur wants to merge 1 commit intoe2b-dev:mainfrom
Closed
Conversation
Related to e2b-dev#39 Add code editing functionality to the UI Artifact. * **components/fragment-code.tsx** - Import `useState` from 'react'. - Add `code` state to manage the code content. - Add `handleCodeChange` function to update the `code` state. - Replace `CodeView` component with a `textarea` for editing code. - Update `CopyButton` and `download` function to use the `code` state. - Update `onClick` event handler to set the `code` state when switching files. * **components/code-view.tsx** - Remove `Prism` and related imports. - Remove `useEffect` hook and `code` and `lang` props. - Import `CodeMirror` and related styles and modes. - Update `CodeView` component to use `CodeMirror` for code editing. * **app/page.tsx** - Import `FragmentCode` component. - Replace `FragmentCode` component with the updated version.
vishwamartur
requested review from
ben-fornefeld,
mishushakov and
mlejva
as code owners
|
@vishwamartur is attempting to deploy a commit to the E2B Team on Vercel. A member of the Team first needs to authorize it. |
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
Member
|
Can you please fix the build errors before we can review please? |
Author
|
I don't have access to see the deployment error, so please take this task from here. |
|
Can you pls add github actions? Hard to fix the built error without seeing it |
Member
|
these are the errors I am seeing on Vercel: |
Member
|
Closing due to inactivity |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Related to #39
Add code editing functionality to the UI Artifact.
components/fragment-code.tsx
useStatefrom 'react'.codestate to manage the code content.handleCodeChangefunction to update thecodestate.CodeViewcomponent with atextareafor editing code.CopyButtonanddownloadfunction to use thecodestate.onClickevent handler to set thecodestate when switching files.components/code-view.tsx
Prismand related imports.useEffecthook andcodeandlangprops.CodeMirrorand related styles and modes.CodeViewcomponent to useCodeMirrorfor code editing.app/page.tsx
FragmentCodecomponent.FragmentCodecomponent with the updated version.