Merge develop

.eslintrc.js

@@ -20,136 +20,10 @@ module.exports = {
   parserOptions: {
     project: path.join(thisDir, 'tsconfig.json'),
     tsconfigRootDir: thisDir,
+    ecmaVersion: 2021,
   },
   rules: {
     // FIXME: 'typescript-recommended' fails on this rule
     'node/no-unsupported-features/es-syntax': 'warn',
   },
-  // Old config
-  // plugins: ['unused-imports', 'simple-import-sort', 'prettier'],
-  // parser: '@typescript-eslint/parser',
-  // parserOptions: {
-  //     ecmaVersion: 2020,
-  //     sourceType: 'module',
-  // },
-  // overrides: [
-  //     {
-  //         files: ['*.ts', '*.tsx', '*.js', '*.jsx'],
-  //         extends: ['plugin:sonarjs/recommended', 'plugin:optimize-regex/recommended'],
-  //         rules: {
-  //             'sonarjs/cognitive-complexity': ['warn', 15],
-  //             'sonarjs/no-duplicate-string': 'error',
-  //         },
-  //     },
-  //     {
-  //         files: ['*.ts', '*.tsx'],
-  //         extends: ['plugin:@typescript-eslint/recommended', 'plugin:prettier/recommended'],
-  //         rules: {
-  //             '@typescript-eslint/ban-ts-comment': 'warn',
-  //             "@typescript-eslint/ban-types": "warn", // 'error'
-  //             'prettier/prettier': 'warn', // 'error'
-  //             'simple-import-sort/imports': 'warn', // 'error'
-  //             'simple-import-sort/exports': 'warn', // 'error'
-  //             'unused-imports/no-unused-imports-ts': 'warn', // 'error'
-  //             '@typescript-eslint/no-empty-function': 'off',
-  //             '@typescript-eslint/no-empty-interface': 'off',
-  //             '@typescript-eslint/no-inferrable-types': 'off',
-  //             '@typescript-eslint/explicit-member-accessibility': [
-  //                 'warn', // 'error'
-  //                 {
-  //                     overrides: {
-  //                         constructors: 'no-public',
-  //                     },
-  //                     ignoredMethodNames: [
-  //                         // 'ngOnInit',
-  //                         // 'ngOnDestroy',
-  //                         // 'ngAfterViewInit',
-  //                         // 'ngOnChanges',
-  //                         // 'ngAfterContentInit',
-  //                     ],
-  //                 },
-  //             ],
-  //             '@typescript-eslint/naming-convention': [
-  //                 'warn', // 'error'
-  //                 {
-  //                     selector: 'memberLike',
-  //                     modifiers: ['private'],
-  //                     format: ['camelCase'],
-  //                     leadingUnderscore: 'require',
-  //                 },
-  //                 {
-  //                     selector: 'memberLike',
-  //                     modifiers: ['public', 'protected'],
-  //                     format: ['camelCase'],
-  //                     leadingUnderscore: 'forbid',
-  //                 },
-  //             ],
-  //             '@typescript-eslint/member-ordering': [
-  //                 'warn', // 'error'
-  //                 {
-  //                     default: [
-  //                         'signature',
-  //                         'public-static-field',
-  //                         'protected-static-field',
-  //                         'private-static-field',
-  //                         'public-decorated-field',
-  //                         'protected-decorated-field',
-  //                         'private-decorated-field',
-  //                         'public-instance-field',
-  //                         'protected-instance-field',
-  //                         'private-instance-field',
-  //                         'public-abstract-field',
-  //                         'protected-abstract-field',
-  //                         'private-abstract-field',
-  //                         'public-field',
-  //                         'protected-field',
-  //                         'private-field',
-  //                         'static-field',
-  //                         'instance-field',
-  //                         'abstract-field',
-  //                         'decorated-field',
-  //                         'field',
-  //                         'public-constructor',
-  //                         'protected-constructor',
-  //                         'private-constructor',
-  //                         'constructor',
-  //                         'public-static-method',
-  //                         'protected-static-method',
-  //                         'private-static-method',
-  //                         'public-abstract-method',
-  //                         'protected-abstract-method',
-  //                         'private-abstract-method',
-  //                         'public-decorated-method',
-  //                         'public-instance-method',
-  //                         'protected-decorated-method',
-  //                         'protected-instance-method',
-  //                         'private-decorated-method',
-  //                         'private-instance-method',
-  //                         'static-method',
-  //                         'abstract-method',
-  //                         'instance-method',
-  //                         'public-method',
-  //                         'protected-method',
-  //                         'private-method',
-  //                         'decorated-method',
-  //                         'method',
-  //                     ],
-  //                 },
-  //             ],
-  //         },
-  //     },
-  //     {
-  //         files: ['*.js', '*.jsx'],
-  //         extends: [],
-  //         rules: {
-  //             '@typescript-eslint/no-var-requires': 'off',
-  //             'no-undef': 'off',
-  //         },
-  //     },
-  //     {
-  //         files: ['*.html'],
-  //         extends: [],
-  //         rules: {},
-  //     },
-  // ],
 };

.nvmrc

@@ -1 +1 @@
-18.17.1
+22.17.0

.storybook/main.ts

@@ -0,0 +1,145 @@
+// import type { StorybookConfig } from 'storybook/internal/types';
+import { StorybookConfigWebpack } from '@storybook/builder-webpack5';
+import CopyWebpackPlugin from 'copy-webpack-plugin';
+import path from 'path';
+
+const config: StorybookConfigWebpack = {
+  // stories: ['./*.stories.mdx', '../packages-adapters/**/*.stories.ts', '../packages/**/*.stories.ts'],
+  stories: ['./*.stories.mdx', '../packages-adapters/bootstrap/src/components/alert/*.stories.ts'],
+  addons: [
+    // '@storybook/addon-links'
+  ],
+  framework: {
+    name: '@aurelia/storybook',
+    options: {},
+  },
+  core: {
+    builder: '@storybook/builder-webpack5',
+  },
+  webpackFinal: (config) => {
+    return {
+      ...config,
+      // target: 'es2020',
+      // module: {
+      //   ...config.module,
+      //   rules: [
+      //     ...config.module.rules,
+      //     {
+      //       test: /\.js$/,
+      //       enforce: 'pre',
+      //       use: ['source-map-loader'],
+      //     },
+      //   ],
+      // },
+      resolve: {
+        ...config.resolve,
+        alias: {
+          ...config.resolve.alias,
+          ...[
+            'fetch-client',
+            'kernel',
+            'metadata',
+            'platform',
+            'platform-browser',
+            'route-recognizer',
+            'router',
+            'router-lite',
+            'runtime',
+            'runtime-html',
+            'testing',
+            'webpack-loader',
+          ].reduce(
+            (map, pkg) => {
+              const name = `@aurelia/${pkg}`;
+
+              map[name] = path.resolve(__dirname, '../node_modules', name, 'dist/esm/index.dev.mjs');
+
+              return map;
+            },
+            {
+              aurelia: path.resolve(__dirname, '../node_modules/aurelia/dist/esm/index.dev.mjs'),
+              // add your development aliasing here
+            }
+          ),
+        },
+      },
+      plugins: [
+        ...config.plugins,
+        new CopyWebpackPlugin({
+          patterns: [{ from: './node_modules/bootstrap-icons/bootstrap-icons.svg' }],
+        }),
+      ],
+    };
+  },
+};
+
+export default config;
+
+// module.exports = {
+//   stories: ['./*.stories.mdx', '../packages-adapters/**/*.stories.ts', '../packages/**/*.stories.ts'],
+//   addons: [
+//     '@storybook/addon-links',
+//     '@storybook/addon-essentials',
+//     '@storybook/addon-a11y',
+//     'storybook-addon-performance/register',
+//     'storybook-addon-pseudo-states',
+//   ],
+//   framework: '@storybook/aurelia',
+//   core: {
+//     builder: 'webpack5',
+//     channelOptions: {
+//       allowClass: false,
+//     },
+//   },
+//   webpackFinal: (config) => {
+//     // console.log('webpack', config);
+//     return {
+//       ...config,
+//       // target: 'es2020',
+//       // module: {
+//       //   ...config.module,
+//       //   rules: [
+//       //     ...config.module.rules,
+//       //     {
+//       //       test: /\.js$/,
+//       //       enforce: 'pre',
+//       //       use: ['source-map-loader'],
+//       //     },
+//       //   ],
+//       // },
+//       resolve: {
+//         ...config.resolve,
+//         alias: {
+//           ...config.resolve.alias,
+//           ...[
+//             'fetch-client',
+//             'kernel',
+//             'metadata',
+//             'platform',
+//             'platform-browser',
+//             'route-recognizer',
+//             'router',
+//             'router-lite',
+//             'runtime',
+//             'runtime-html',
+//             'testing',
+//             'webpack-loader',
+//           ].reduce((map, pkg) => {
+//             const name = `@aurelia/${pkg}`;
+//             map[name] = path.resolve(__dirname, '../node_modules', name, 'dist/esm/index.dev.mjs');
+//             return map;
+//           }, {
+//             'aurelia': path.resolve(__dirname, '../node_modules/aurelia/dist/esm/index.dev.mjs'),
+//             // add your development aliasing here
+//           })
+//         }
+//       },
+//       plugins: [
+//         ...config.plugins,
+//         new CopyWebpackPlugin({
+//           patterns: [{ from: './node_modules/bootstrap-icons/bootstrap-icons.svg' }],
+//         }),
+//       ],
+//     };
+//   },
+// };

.storybook/preview.ts

@@ -0,0 +1,15 @@
+// .storybook/preview.ts
+// Import the render function from the plugin package.
+export { render, renderToCanvas } from '@aurelia/storybook';
+
+import 'bootstrap/dist/css/bootstrap-reboot.min.css';
+
+// export const parameters = {
+//   actions: { argTypesRegex: "^on[A-Z].*" },
+//   controls: {
+//     matchers: {
+//       color: /(background|color)$/i,
+//       date: /Date$/,
+//     },
+//   },
+// }