Modernize

.changeset/README.md

@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

.changeset/config.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@1.6.1/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "linked": [],
+  "access": "restricted",
+  "baseBranch": "next",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}

.dockerignore

@@ -0,0 +1,10 @@
+*.md
+.changeset
+.gitattributes
+.gitignore
+.dockerignore
+*Dockerfile
+*Jenkinsfile
+lerna.json
+.vscode
+LICENSE

.eslintignore

@@ -0,0 +1,6 @@
+node_modules
+dist
+dist-ts
+storybook-static
+/packages/ui/test/after-build/esm-tree-shaken-dist
+auto-imports.d.ts

.eslintrc.js

@@ -1,38 +1,89 @@
 module.exports = {
   root: true,
-  env: {
-    node: true
-  },
-  extends: [
-    'plugin:vue/essential',
-    '@vue/standard',
-    '@vue/typescript/recommended'
-  ],
+  extends: ['alloy', 'alloy/typescript', 'plugin:vue/vue3-recommended', 'plugin:vuejs-accessibility/recommended'],
+  parser: 'vue-eslint-parser',
   parserOptions: {
-    ecmaVersion: 2020
+    parser: '@typescript-eslint/parser',
+    ecmaVersion: 2021,
+    sourceType: 'module',
+  },
+  globals: {
+    defineProps: 'readonly',
+    defineEmits: 'readonly',
+    defineExpose: 'readonly',
+    withDefaults: 'readonly',
   },
   rules: {
-    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    '@typescript-eslint/explicit-function-return-type': ['off'],
-    'vue/html-closing-bracket-newline': ['error', {
-      singleline: 'never',
-      multiline: 'always'
-    }],
-    '@typescript-eslint/no-explicit-any': ['off'],
-    '@typescript-eslint/no-use-before-define': ['off'],
+    'vue/html-indent': ['warn', 2],
+
+    // to fix windicss scanning in cases like `:class="{ invisible: true }"`
+    'vue/quote-props': ['warn', 'always'],
+
+    // make possible `/// <reference...`
+    'spaced-comment': ['error', 'always', { markers: ['/'] }],
+
+    '@typescript-eslint/consistent-type-definitions': 'off',
     '@typescript-eslint/no-unused-vars': ['off'],
-    '@typescript-eslint/no-empty-function': ['off']
+
+    // FIXME
+    'vue/require-default-prop': 'off',
+    'vuejs-accessibility/no-static-element-interactions': 'off',
   },
   overrides: [
     {
-      files: [
-        '**/__tests__/*.{j,t}s?(x)',
-        '**/tests/unit/**/*.spec.{j,t}s?(x)'
-      ],
+      files: ['**/cypress/**/*.{j,t}s', '**/*.cy.{js,ts}', 'cypress.config.ts'],
+      plugins: ['cypress'],
+      extends: ['plugin:cypress/recommended'],
+      env: {
+        'cypress/globals': true,
+      },
+    },
+    {
+      files: ['**/packages/ui/**/*.{ts,vue,js}'],
+      extends: ['./packages/ui/.eslintrc-auto-import.json'],
+    },
+    {
+      files: ['**/*.spec.{js,ts}'],
       env: {
-        jest: true
-      }
-    }
-  ]
+        jest: true,
+      },
+    },
+
+    // It is OK to define a lot of components in stories or tests
+    {
+      files: ['**/packages/ui/stories/**/*.stories.ts', '**/*.cy.{js,ts}'],
+      rules: {
+        'vue/one-component-per-file': 'off',
+      },
+    },
+    // TODO: delete when `as` to `satisfies` replaced
+    {
+      files: ['**/packages/ui/stories/**/*.stories.ts'],
+      rules: {
+        '@typescript-eslint/consistent-type-assertions': 'off',
+        'vue/require-prop-types': 'off',
+      },
+    },
+    {
+      files: ['**/*.spec.ts', '**/*.spec.cy.ts'],
+      rules: {
+        'max-nested-callbacks': 'off',
+        'cypress/unsafe-to-chain-command': 'off',
+      },
+    },
+
+    // FIXME - temporary disables to fix them in a different PRs
+    {
+      files: ['**/ui/src/components/Select/**/*.vue'],
+      rules: {
+        'vuejs-accessibility/click-events-have-key-events': 'off',
+      },
+    },
+    {
+      files: ['**/STextField.vue', '**/SSwitch.vue'],
+      rules: {
+        'vuejs-accessibility/label-has-for': 'off',
+      },
+    },
+  ],
 }

.gitattributes

@@ -0,0 +1 @@
+yarn.lock linguist-generated=true

.github/pull_request_template.md

@@ -0,0 +1,61 @@
+### **Description**
+
+- **What does this PR do?**
+  - _A brief explanation of the change, its purpose, and how it impacts the codebase._
+- **Why is this change needed?**
+  - _Describe the problem the PR solves or the feature it adds._
+
+### **Type of change**
+
+- [ ] Bug fix
+- [ ] New feature
+- [ ] Refactor (cleaning up code without changing functionality)
+- [ ] Documentation update
+- [ ] Tests
+- [ ] Other (describe below):
+
+---
+
+### **Checklist**
+
+- [ ] Code adheres to coding guidelines and standards.
+- [ ] Linting and formatting checks have passed, no local issues.
+- [ ] Existing tests pass successfully, no local errors.
+- [ ] Pull request is linked to a relevant issue or task.
+- [ ] Tests are written for new features or fixes.
+- [ ] Documentation has been updated (if applicable).
+
+---
+
+### **Related Issue/Task**
+
+- Issue/Task link: _[Paste link to issue or Jira ticket]_
+
+---
+
+### **Testing**
+
+- **How has this been tested?**
+  - _Describe manual testing steps or link to relevant automated tests._
+- **Edge cases covered:**
+  - _List any specific cases handled by this PR._
+
+---
+
+### **Screenshots/Video/Link to dedicated environment (if applicable)**
+
+- _Include any visual examples of the change + dedicated environment (if there is a sort of automation)._
+
+---
+
+### **Additional Notes**
+
+- _Add any information the reviewer should consider, especially cross-project impacts, UX changes, or potential risks._
+
+---
+
+### **Reviewer Tasks**
+
+- [ ] Review logic for correctness and clarity.
+- [ ] Verify that the code is following best practices.
+- [ ] Test or review related areas if this PR affects other projects.

.github/workflows/storybook-smoke.yml

@@ -0,0 +1,22 @@
+name: Storybook Smoke Test
+
+on:
+  pull_request:
+  push:
+    branches:
+      - main
+      - next
+
+jobs:
+  storybook:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 24
+          cache: yarn
+      - run: yarn install --frozen-lockfile
+      - run: npx playwright install --with-deps chromium
+      - run: yarn storybook:verify
+      - run: yarn --cwd packages/ui sb:test

.gitignore

@@ -1,22 +1,10 @@
-.DS_Store
 node_modules
-lib
-storybook-static
-
-# local env files
-.env.local
-.env.*.local
-
-# Log files
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# Editor directories and files
 .idea
-.vscode
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
+.DS_Store
+dist
+dist-ssr
+*.local
+versus.md
+dist-ts
+tsconfig.tsbuildinfo
+yarn-error.log

.prettierignore

@@ -0,0 +1,7 @@
+**/dist/**
+**/node_modules/**
+/packages/ui/etc
+/packages/ui/test/after-build/esm-tree-shaken-dist
+/packages/ui/cypress/screenshots
+CHANGELOG.md
+storybook-static

.prettierrc.js

@@ -0,0 +1,42 @@
+// .prettierrc.js
+module.exports = {
+  // max 120 characters per line
+  printWidth: 120,
+  // use 2 spaces for indentation
+  tabWidth: 2,
+  // use spaces instead of indentations
+  useTabs: false,
+  // semicolon at the end of the line
+  semi: false,
+  // use single quotes
+  singleQuote: true,
+  // object's key is quoted only when necessary
+  quoteProps: 'as-needed',
+  // use double quotes instead of single quotes in jsx
+  jsxSingleQuote: false,
+  // no comma at the end
+  trailingComma: 'all',
+  // spaces are required at the beginning and end of the braces
+  bracketSpacing: true,
+  // end tag of jsx need to wrap
+  bracketSameLine: false,
+  // brackets are required for arrow function parameter, even when there is only one parameter
+  arrowParens: 'always',
+  // format the entire contents of the file
+  rangeStart: 0,
+  rangeEnd: Infinity,
+  // no need to write the beginning @prettier of the file
+  requirePragma: false,
+  // No need to automatically insert @prettier at the beginning of the file
+  insertPragma: false,
+  // use default break criteria
+  proseWrap: 'preserve',
+  // decide whether to break the html according to the display style
+  htmlWhitespaceSensitivity: 'css',
+  // vue files script and style tags indentation
+  vueIndentScriptAndStyle: false,
+  // lf for newline
+  endOfLine: 'lf',
+  // formats quoted code embedded
+  embeddedLanguageFormatting: 'auto',
+}

.vscode/extensions.json

@@ -0,0 +1,8 @@
+{
+    "recommendations": [
+        "johnsoncodehk.volar",
+        "dbaeumer.vscode-eslint",
+        "syler.sass-indented",
+        "rvest.vs-code-prettier-eslint"
+    ]
+}

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "editor.tabSize": 2
+}

LICENSE

@@ -1,3 +1,4 @@
+
                                  Apache License
                            Version 2.0, January 2004
                         http://www.apache.org/licenses/
@@ -198,4 +199,4 @@
    distributed under the License is distributed on an "AS IS" BASIS,
    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    See the License for the specific language governing permissions and
-   limitations under the License.
+   limitations under the License.