Skip to content

[ci] fix: add ESLint v9 flat config to resolve missing config error#159

Open
manishpatel00 wants to merge 8 commits intomeshery-extensions:masterfrom
manishpatel00:fix/eslint-config
Open

[ci] fix: add ESLint v9 flat config to resolve missing config error#159
manishpatel00 wants to merge 8 commits intomeshery-extensions:masterfrom
manishpatel00:fix/eslint-config

Conversation

@manishpatel00
Copy link
Copy Markdown
Contributor

Notes for Reviewers

Summary

CI was failing because npx eslint . resolves to ESLint v9 which
requires flat config (eslint.config.mjs), but the repo only had
.eslintrc.js (v7 format). This PR adds the flat config and upgrades
ESLint to v9.

Changes

  • New: site/eslint.config.mjs — ESLint v9 flat config with all
    rules migrated from existing .eslintrc.js
  • Updated: site/package.json — ESLint upgraded to v9, added
    @eslint/js dependency
  • Updated: .github/workflows/eslint-gh.yml — replaced
    npx eslint . with npm run checklint to prevent version mismatch

Signed commits

  • Yes, I signed my commits.

When a user finishes designing a polygon (via Close Shape, double-click,
Enter, or Esc), the normalized SVG coordinates are now displayed in a
focused modal overlay on the canvas instead of being shown in the textbox
below where they can easily be missed.

Modal features:
- Inline copy button with 'Copied' feedback
- 'Done' action to dismiss and keep shape
- 'Clear & Start Over' action to reset canvas
- Overlay click-to-close for quick dismissal
- 'View Coordinates' button to re-open modal after close
- Full keyboard and screen-reader accessibility
- Dark/light theme support

The fallback textarea is retained for accessibility and non-JS contexts.

Fixes meshery-extensions#148

Signed-off-by: MANISH KUMAR <146671113+manishpatel00@users.noreply.github.com>
The 'View Coordinates' button text was invisible in dark mode because
MUI's outlined variant inherits text color from the background theme.

Fixed by explicitly setting:
- color: "#00B39F" (Meshery brand color)
- borderColor: "#00B39F"
- Hover state with subtle background tint

Button now clearly visible in both light and dark themes.

Signed-off-by: MANISH KUMAR <146671113+manishpatel00@users.noreply.github.com>
Fixes meshery-extensions#89

Repositioned CopyButton from right: -25px (outside textarea) to
right: 8px (inside textarea) with z-index: 1. Added padding-right
to textarea so coordinate text does not overlap the button.

The button now includes a visible background and border to maintain
consistency and visibility within the textarea bounds.

Signed-off-by: MANISH KUMAR <146671113+manishpatel00@users.noreply.github.com>
Fixes meshery-extensions#70

- Add site/eslint.config.mjs with ESLint v9 flat config format
- Upgrade eslint from v7 to v9 and add @eslint/js dependency
- Update workflow to use npm run checklint instead of npx eslint
  to prevent version mismatch between package.json and npx resolution

Signed-off-by: MANISH KUMAR <146671113+manishpatel00@users.noreply.github.com>
@github-actions github-actions bot added area/ci Continuous integration | Build and release component/ui Meshery UI related component/extensions labels Apr 14, 2026
@github-actions
Copy link
Copy Markdown

github-actions bot commented Apr 14, 2026

🚀 Preview deployment for PR #159

🌐 Preview URL: https://meshery-extensions.github.io/shape-builder/pr-preview/pr-159/

This preview is updated automatically when commits are pushed to this PR.

…ility

The babel-preset-gatsby requires NODE_ENV=test to bypass Gatsby CLI config loading
during ESLint checks. This allows the flat config to properly parse files without
triggering the preset's special initialization logic.

Signed-off-by: MANISH KUMAR <146671113+manishpatel00@users.noreply.github.com>
- Remove unused __dirname import from eslint.config.mjs
- Add missing globals (exports, setTimeout, setInterval, etc.) to config
- Migrate .eslintignore patterns to eslint.config.mjs ignores array
- Remove unused 'showSignUpButton' prop from Navigation component
- Remove unused 'height' and 'width' props from Toggle component

This resolves all ESLint check failures in the CI pipeline.

Signed-off-by: MANISH KUMAR <146671113+manishpatel00@users.noreply.github.com>
- Replace inappropriate logo with hexagon design representing polygon drawing
- Add separate white/monochrome SVG for dark mode visibility
- Fix pattern clipping by using clean 100x100 viewBox
- Update metadata to reference correct SVG files
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area/ci Continuous integration | Build and release component/extensions component/ui Meshery UI related

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Eslints Config file is missing

1 participant