Future Changes

[ghiscoding]

TODOs

• For project security reasons, look at possibly replacing current post PR comment approach with a more dedicated application publish-unit-test-result-action that can be used in GitHub Action Workflow to publish E2E test results.
  • refs:
    • Playwright Reporter (possibly JUnit)
    • publish-unit-test-result-action with Playwright, take a look at this issue
• as per previous comment, remove/replace write permissions for PR comments (ref PR chore(ci): try different workflow to publish playwright reports #193)
• possibly replace removeDiatritic method with simpler/lighter code like this SO or see this article (ref PR feat: remove previous diacritic unicodes and add diacriticParser #190)
• add Dark Mode (see PR feat: add Dark Mode option #232)
• replace caret & clear icons with SVG icons (ref PR feat: replace caret & clear icons with SVG icons #238)
• replace radio & checkbox with SVG icons (ref PR feat!: new Modern Look by using SVG icons #247)
• show clear select only when drop has an actual selection (ref PR fix: don't show pointer cursor when hovering disabled element #248)
• replace Example 12 with avatar templates similar to: https://mui.com/joy-ui/react-select/#option-component
• remove deprecated options like styler
• highlight navigation issues
  • doesn't restart from top when mouse is in the middle
  • Large Select, filter by 111, then clear filter and scroll from 470 back to 0, and a few options are still being filtered out (event leak fix in PR fix: vscroll event mem leak causing unexpected behavior after filtering #261)
• infinite scroll issues
  • not working with small list
• clicking Tab should probably focus on "OK" button eventually
• add a Label Id option to the select for accessibility (ref PR feat: add new labelId option for accessibility #254)
• add SASS variables for all SVG paths
• add a new setData() function
• add new option template which would support native HTML instead of just text currently
• check gzip file size: https://www.giftofspeed.com/gzip-test/
• better hybrid support with AreTheTypesWrong (https://github.com/timocov/dts-bundle-generator)
  • project is now ESM-Only
• remove barrel files, see these article:
  • https://uglow.medium.com/burn-the-barrel-c282578f21b6
  • https://thepassle.netlify.app/blog/barrel-files-a-case-study
  • https://dev.to/thepassle/a-practical-guide-against-barrel-files-for-library-authors-118c
• change Lazy Data to a function with resolve() callback (and maybe reject()) like I did in SlickGrid Tree Data Lazy Loading
  • this will be a breaking change though, so it will require a major version
    

    multiple-select-vanilla/packages/multiple-select-vanilla/src/MultipleSelectInstance.ts

    Lines 1241 to 1253 in 6ccbb5a

    	if (this.options.lazyData && !this._isLazyLoaded) {
    	isLazyProcess = true;
    	this.dropElm?.querySelector('ul.ms-list')?.remove();
    	this.options.lazyData().then(data => {
    	// when data is ready, remove spinner & update dropdown and selection
    	this.options.data = data;
    	this._isLazyLoaded = true;
    	this.dropElm?.querySelector('.ms-loading')?.remove();
    	this.initData();
    	this.initList(true);
    	this.update();
    	this.adjustDropSizeAndPosition();
    	});