Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Version 2: Add stylistic Eslint #183

Open
wants to merge 46 commits into
base: main
Choose a base branch
from

Conversation

OleksandrSPV
Copy link
Collaborator

@OleksandrSPV OleksandrSPV commented Jul 29, 2024

Eslint deprecated formatting rules in version 9 https://eslint.org/blog/2023/10/deprecating-formatting-rules/. So lets use additional package for this https://eslint.style/guide/getting-started

donskov and others added 30 commits April 3, 2022 19:55
* Update vite to latest

* Update react to latest

* Change app structure

* Add ThemeProvider

* Add FetchingStatusOwerlay component

* Add i18n

* Add CertificatesProvidersList

* Add clsx & scss

* Add theme colors

* Add table's components

* Components refactoring

* Rename app providers component

* Add CertificatesList component

* add post css & autoprefixer

* add postcss config

* Add Certificates Layout

* Improve app sidebar

* Fix theme

* Refactor app structure

* Add vite-plugin-svgr

* Add vite-plugin-svgr types

* Add --pv-border-radius-base

* Style providers list component

* Fix contact suport url

* Add ESLint & Prettier

* Add empty state to CertificatesList

* Add empty state to CertificatesProvidersList

* Fix body font-family duplication

* Rename getCertificatesByProviderId  to handleProviderChange

* Remove i18next-icu

* Improve CertificatesProvidersList accessibility

* Use Typography in CertificatesProvidersListItem

* Local imports should be at the very bottom

* Let's make options non-optional in CertificatesProvidersListItem

* Don't use object destructuring in function arguments

* Let's remove commented code in App component

* Use Typography in CertificatesList empty state

* Let's make options non-optional in CertificatesList

* Add sticky filters and sticky table header

* Table missed type icon identifier

* Add actions menu to CertificatesList

* Change build dir

* Add Date component

* Add CertificateName component

* Add CertificateSerialNumber component

* Fix CertificatesProvidersList labels

* Fix sidebar footer labels

* Fix CertificatesProvidersList items gap & selected bg

* Truncate long provider name

* Fix providers list scroll

* Remove optional from providers prop

* FetchingStatusOwerlay refactoring

* Improve table row shadow

* Update packages

* The table header and body text are not aligned vertically

* Fix sidebar contact box size

* Row table text is not aligned horizontally

* The certificates list table has not equal padding

* Fix providers list scrollbar

* Add CertificatesTopbar

---------

Co-authored-by: alex-slobodian <[email protected]>
Co-authored-by: alex-slobodian <[email protected]>
* Add CertificateViewer

* Fix certificate viewer dialog width

* Fix certificate viewer dialog content padding

* Make certificate prop as required dependency in CertificateViewerDialog

* Fix certificate viewer dialog width

---------

Co-authored-by: alex-slobodian <[email protected]>
* Add styles to FetchingStatusOwerlay

* Fix FetchingStatus dialog width

---------

Co-authored-by: alex-slobodian <[email protected]>
* Create CertificateDeleteButton component

* Create CertificateDeleteButton component

* Create CertificateDeleteDialog

* Add delete dialog to certificates list

* Fix after merge

* Improve Delete button in certificates list

* Improve CertificateDeleteDialog

* Fix CertificatesList action menu items gap

* Fix CertificateDeleteDialog loading state

* Fix CertificateDeleteDialog title

* Improve accessibility for CertificatesList

* Fix naming

---------

Co-authored-by: alex-slobodian <[email protected]>
* Add Certificate creation menu

* Fix types

---------

Co-authored-by: alex-slobodian <[email protected]>
* Add Certificate download button

* Fix file name

* Fix downloadCertificate

* Use downloadFromBuffer method

* Fix downloadCertificate

---------

Co-authored-by: alex-slobodian <[email protected]>
* Add Copy button component

* Fix Copy button component

* Add copyCertificate method

* Fix naming

* Add copy button to list

---------

Co-authored-by: alex-slobodian <[email protected]>
* Add vitest

* fix vite config

* Fix config

---------

Co-authored-by: alex-slobodian <[email protected]>
* Add ci

* Fix ci

* setup-node

* Fix setup-node

* chore(ci): enable caching

---------

Co-authored-by: alex-slobodian <[email protected]>
Co-authored-by: donskov <[email protected]>
* Add CertificatesProvidersSelectList component

* Add CertificateImportDialog component

* Certificate Import Dialog open/close

* Add file drop zone

* Styles drop zone

* Certificate processing

* Fix certificate processing

* Add actions

* Fix title border

* Fix styles

* Fix drop zone styles & behaviour

* Fix styles

* Fix dialog title

* Fix CertificatesProvidersSelectList style

* Add useCertificateImportDialog

* Fix provider selection

* Fix provider select popover

* Fix upload certificate

* Lock fix

---------

Co-authored-by: alex-slobodian <[email protected]>
* Improve providers list accessibility

* Add loading skeleton

* Add loading to app

---------

Co-authored-by: alex-slobodian <[email protected]>
* Add CertificateTypeSelect component

* Add KeyUsagesCheckboxGroup component

* Add CountrySelect component

* Fix naming

* Add CertificateKeyPropertiesSelect

* Add CertificateCreateDialog layout

* Add CertificateTypeSelect to dialog

* Fix CertificateTypeSelect

* Add type selection

* Add Card component

* Add CertificateCreateByEmail block

* Fix text field requrid styles

* Add CertificateCreateByCname block

* Add CertificateAlgorithmInfo component

* Add CertificateCreateByCustom component

* Add more fields CertificateCreateByCustom component

* Add CertificateCreateByCustom to CertificateCreateDialog

* Add useCertificateCreateDialog

* Fix useCertificateCreateDialog

* Fix useCertificateCreateDialog

* Fix useCertificateCreateDialog

* Fix dialog content width

* Add create dialog to app

* Fix Certificate Algorithm

* Add type onCreate

* Fix types

* Add certificateSubjectToString method

* Fix scroll in provider list

* Fix overscroll behavior

* Add scroll lock for import & create dialogs

* Fix certificateKeyUsageExtensions

* Fix form

* Fix CertificateTypeSelect styles

* Fix CertificateCreateDialog

* Fix forms & validations

* Fix CertificateCreateByCname

* Fix CertificateCreateByEmail

* Fix CertificateCreateByCustom

* Fix ExtendedKeyUsages

---------

Co-authored-by: alex-slobodian <[email protected]>
* Add useCertificateDeleteDialog

* Fix Certificate Delete Dialog

---------

Co-authored-by: alex-slobodian <[email protected]>
* Add app error boundary

* Fix sorting of imports

* Move to react-error-boundary package

---------

Co-authored-by: alex-slobodian <[email protected]>
* Add CertificatesSidebar stories

* Add CertificateName stories

* Add CertificateSerialNumber stories

* Add CertificateTypeLabel stories

* Add Date stories

---------

Co-authored-by: alex-slobodian <[email protected]>
Co-authored-by: alex-slobodian <[email protected]>
* Add SortButton component

* Add sorting to certificate list

* Fix sort title direction change

* Fix sort button focus

* Fix sort button focus

* Add serch params for sorting

* Fix SortButton disabled

---------

Co-authored-by: alex-slobodian <[email protected]>
* Add certificate creation logic

* Fixed useCertificateCreateDialog

* Fix set ProviderId

* Fix algorithm props

* Fix algorithm props

---------

Co-authored-by: alex-slobodian <[email protected]>
* Remove certificate logic

* Rewfactoring useCertificateDeleteDialog

* Fix handleOpen

* Add list refresh after remove

* Fix dialog render

---------

Co-authored-by: alex-slobodian <[email protected]>
* Add HighlightedText component

* Add highlight to CertificateName

* Add highlighted text for certificate name in CertificatesList

* Add CertificatesListLoading

* Add CertificatesListLoading

* Add Empty Search to  CertificatesList

---------

Co-authored-by: alex-slobodian <[email protected]>
Co-authored-by: alex-slobodian <[email protected]>
Co-authored-by: alex-slobodian <[email protected]>
* Fix Certificate Import Dialog

* Improve certificate converter

* Delete extra convertation

---------

Co-authored-by: alex-slobodian <[email protected]>
Co-authored-by: alex-slobodian <[email protected]>
OleksandrSPV and others added 10 commits July 11, 2024 14:11
Co-authored-by: alex-slobodian <[email protected]>
* Add certificate search logic

* Fix useSearch

* Fix search input

* Fix search input state

---------

Co-authored-by: alex-slobodian <[email protected]>
* Update storybook

* Update vite

* Update vitest

* Update vitest coverage

* Update i18next

* Update postcss & sass

* Update prettier

* Update typescript & eslint

* Update @peculiar/react-components

---------

Co-authored-by: alex-slobodian <[email protected]>
* Add certificate viewer dialog hook

* Merge branch 'donskov/v2' into aslobodian/v2-certificate-viewer-dialog-hook

* Merge branch 'donskov/v2' into aslobodian/v2-certificate-viewer-dialog-hook

* Fix CertificatesList loading

---------

Co-authored-by: alex-slobodian <[email protected]>
* Fix certificate name (label)

* Fix search

* Fix CertificateViewerDialog title

* Fix certificateName for list actions

---------

Co-authored-by: alex-slobodian <[email protected]>
* Fix readme logo

* Fix readme logo

---------

Co-authored-by: alex-slobodian <[email protected]>
@OleksandrSPV OleksandrSPV self-assigned this Jul 29, 2024
@OleksandrSPV OleksandrSPV linked an issue Jul 29, 2024 that may be closed by this pull request
@OleksandrSPV
Copy link
Collaborator Author

OleksandrSPV commented Jul 29, 2024

@donskov We can add https://github.com/antfu/eslint-plugin-import-x in this PR too. Or will add this later in separate PR because there will be to many changes. What do you think?

@OleksandrSPV OleksandrSPV marked this pull request as ready for review July 29, 2024 10:11
@OleksandrSPV
Copy link
Collaborator Author

OleksandrSPV commented Jul 29, 2024

@donskov We can add https://github.com/antfu/eslint-plugin-import-x in this PR too. Or will add this later in separate PR because there will be to many changes. What do you think?

Actually not much.
image
Should I add this? @donskov

@donskov
Copy link
Collaborator

donskov commented Jul 30, 2024

@OleksandrSPV Could you please add a description to the PR about what we actually do and any reason to use the -alpha version of npm package?

@OleksandrSPV
Copy link
Collaborator Author

@OleksandrSPV Could you please add a description to the PR about what we actually do and any reason to use the -alpha version of npm package?

Description added.

There are many collisions between plugins packages at the current transition period (Eslint from version 8 to 9), so I decided to use the alpha version of this package to avoid them. I tested it a lot, including on another project, everything works well.

@donskov

@donskov
Copy link
Collaborator

donskov commented Jul 31, 2024

@OleksandrSPV If we have already started using one spelling check method, then we should use it and not mix it with others. Let's use stylistic by default.

* Add gh-pages

* fix deploy comand

---------

Co-authored-by: alex-slobodian <[email protected]>
@OleksandrSPV
Copy link
Collaborator Author

@OleksandrSPV If we have already started using one spelling check method, then we should use it and not mix it with others. Let's use stylistic by default.

I don't understand what kind of mixing you're talking about, sorry. Could you please clarify? @donskov

@donskov
Copy link
Collaborator

donskov commented Jul 31, 2024

@OleksandrSPV If we have already started using one spelling check method, then we should use it and not mix it with others. Let's use stylistic by default.

I don't understand what kind of mixing you're talking about, sorry. Could you please clarify? @donskov

I see that the @stylistic/eslint-plugin includes rules for React/Typescript/JS. Just curious, why do we need other dependencies if we can use only this one?

@OleksandrSPV
Copy link
Collaborator Author

@OleksandrSPV If we have already started using one spelling check method, then we should use it and not mix it with others. Let's use stylistic by default.

I don't understand what kind of mixing you're talking about, sorry. Could you please clarify? @donskov

I see that the @stylistic/eslint-plugin includes rules for React/Typescript/JS. Just curious, why do we need other dependencies if we can use only this one?

Ok, let me think to optimise it.

@OleksandrSPV
Copy link
Collaborator Author

-alpha version of npm package

The typescript-eslint v.8 package was released, so there is no -alpha version of npm package now. I updated it.
@donskov

Base automatically changed from donskov/v2 to main August 29, 2024 09:10
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.

Add Stylistic Eslint
3 participants