Feat/use tailwind #31
Merged
Conversation
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
Owner
abolkog
commented
May 26, 2025
abolkog
commented
- Use tailwindcss instead of Bootstrap
- Simplify the console and remove unused components
- add share code
Update the project to use Tailwind CSS for styling instead of bootstrap.
Simply the Console component by removing the JSONView component. - Remove JSONView component - Remove unused Header component - Remove unused types
- Remove ContextMenu component and its related files - Remove ActionButton component and its related files - Remove Clickable component and its related files - Remove unused code from Console component - Remove unused code from AppContext - Remove unused code from Reducer
abolkog
force-pushed
the
feat/use-tailwind
branch
from
165141b to
d639496
Compare
Coverage report
Show new covered files 🐣
Show files with reduced coverage 🔻
Test suite run success44 tests passing in 9 suites. Report generated by 🧪jest coverage report action from faf383b |
There was a problem hiding this comment.
Pull Request Overview
This PR replaces Bootstrap with Tailwind/HeadlessUI, removes unused components (ContextMenu, Clickable, ActionButton), simplifies the Console component, and adds a ShareCode feature with URL-based code loading.
- Swap Bootstrap/CSS frameworks: integrate Tailwind, configure PostCSS, update HTML and Webpack
- Refactor UI components (App, About, Console, CodeEditor) to use Tailwind/HeadlessUI, remove legacy code
- Introduce ShareCode support and URL parameter loading; update package dependencies and README
Reviewed Changes
Copilot reviewed 65 out of 65 changed files in this pull request and generated 2 comments.
Show a summary per file
| File | Description |
|---|---|
| src/components/ContextMenu/* | Removed ContextMenu component and tests |
| src/components/Console/* | Refactored rendering logic and styling to Tailwind; updated tests |
| src/components/CodeEditor/CodeEditor.tsx | Fixed editor theme to 'vs-dark', removed dynamic theming effect |
| src/components/App/App.tsx | Replaced layout with react-split/Tailwind, removed ContextMenu, added ShareCode & URL parsing |
| src/components/About/* | Swapped Modal for HeadlessUI Dialog; updated JSX and tests |
| public/index.html | Dropped Bootstrap/Fork Ribbon, set up Inter font and updated body classes |
| postcss.config.mjs, package.json, webpack.common.js | Tailwind integration and new dependencies |
| README.md | Updated sample image path and library list |
| eslint.config.mjs | Added TypeScript lint rules |
Comments suppressed due to low confidence (1)
src/components/App/App.tsx:9
- No tests cover the newly added ShareCode component; consider adding unit tests to verify its rendering, URL-sharing behavior, and interactions.
import ShareCode from 'components/ShareCode';
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.