Skip to content

Conversation

@David-Mawer
Copy link

@David-Mawer David-Mawer commented Oct 3, 2025

Overview of what this PR does: -

  • upgraded from node-sass (deprecated) to sass
  • added "rollup-plugin-sass" to handle the new sass library's roll-up function.
  • updated eslint to 9.3.6 (because SASS needed a new version of eslint).
  • removed extra header row from FreezeRows.js (code commented - not sure if it should be deleted)
    this was my original aim because of "Unwanted
    element rendering after column headers in tabulator-header Unwanted <br> element rendering after column headers in tabulator-header #4783"

Notes on the details: -

  1. function4.scss was merged with variables4.scss because they depended on each other (new SASS can't handle circular dependencies)
  2. function5.scss was merged with variables5.scss (same reason)
  3. linting options are now in eslint.config.js
  4. The style-sheet roll-up plugin produces a warning about "legacy JS API being deprecated".
    I could not find a plugin using the newer "modern" API to generate a css file (the closest was "rollup-plugin-sass" - but it generated javascript code wrapping the CSS styles (all within the css file).
    Maybe this is the new "modern" API - I don't know.
  5. This pull request replaces "fix: sass breaking changes fix: sass breaking changes #4528".
    Because those changes are included in this pull request - but formatted a differently.

Total of 28 files changed (the rest are in the dist folder).
Sorry that I committed the dist folder changes (they were generated by the app). If this is a problem - I'll remove those changes from the pull request.

Finally - i didn't mean to make such a big PR. Was just trying to make a small change in 2 files.
The big PR was because I couldn't install node-sass (it's been deprecated, and my npm would not allow the install).

Despite all the changes - I'm pretty sure that I've preserved the styling.
(also - all the tests are passing)

* added "rollup-plugin-sass" to handle the new sass library's roll-up function.
* updated eslint to 9.3.6 (because there are serious breaking changes in SASS so need a new version of eslint).
* removed extra header row from FreezeRows.js (code commented - not sure if it should be deleted)

Notes: -
1. function4.scss was merged with variables4.scss because they depended on each other (new SASS can't handle circular dependencies)
2. function5.scss was merged with variables5.scss (same reason)
3. linting options are now in eslint.config.js
4. css maps are no longer generated - don't know why.
…d of a css file

* restored origional rolllup plugin for stylesheet processing
@David-Mawer
Copy link
Author

Hi people,

Sorry - i see that my initial post is confusing.

Let me try jump out of the details a bit - and give some context.
I stumbled on this issue: -
"Unwanted
element rendering after column headers in tabulator-header #4783"

and i wanted to fix it.

The fix is easy - but i found that i could not build the project because npm would not let me install node-sass (since it's deprecated).

So - then i tackled the whole "migrate to sass" issue.

So now - the pull request is mostly about migrating from node-sass to sass (but the un-wanted
element is also removed).

The rest of the detail in the first post is about how I tried to make the changes as small as possible.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant