feat: add ESLint, improve types, improve a11y

scripts/build.js

@@ -32,7 +32,7 @@ fs.mkdirSync(outdir, { recursive: true });
     execSync(`node scripts/make-vscode-data.js --outdir "${outdir}"`, { stdio: 'inherit' });
     execSync(`node scripts/make-css.js --outdir "${outdir}"`, { stdio: 'inherit' });
     execSync(`node scripts/make-icons.js --outdir "${outdir}"`, { stdio: 'inherit' });
-    if (types) execSync(`tsc --project . --outdir "${outdir}"`, { stdio: 'inherit' });
+    if (types) execSync(`tsc --project ./tsconfig.prod.json --outdir "${outdir}"`, { stdio: 'inherit' });
   } catch (err) {
     console.error(chalk.red(err));
     process.exit(1);

scripts/make-metadata.js

@@ -1,8 +1,8 @@
 //
 // This script runs the Custom Elements Manifest analyzer to generate custom-elements.json
 //
-import commandLineArgs from 'command-line-args';
 import { execSync } from 'child_process';
+import commandLineArgs from 'command-line-args';
 
 const { outdir } = commandLineArgs({ name: 'outdir', type: String });
 

scripts/make-react.js

@@ -1,7 +1,7 @@
-import chalk from 'chalk';
 import fs from 'fs';
-import del from 'del';
 import path from 'path';
+import chalk from 'chalk';
+import del from 'del';
 import { pascalCase } from 'pascal-case';
 import prettier from 'prettier';
 import prettierConfig from '../prettier.config.cjs';

scripts/plop/templates/component/component.hbs

@@ -1,8 +1,8 @@
 import { LitElement, html } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
-import { emit } from '../../internal/event';
-import { watch } from '../../internal/watch';
 import styles from './{{ tagWithoutPrefix tag }}.styles';
+import { emit } from '~/internal/event';
+import { watch } from '~/internal/watch';
 
 /**
  * @since 2.0

scripts/plop/templates/component/styles.hbs

@@ -1,5 +1,5 @@
 import { css } from 'lit';
-import componentStyles from '../../styles/component.styles';
+import componentStyles from '~/styles/component.styles';
 
 export default css`
   ${componentStyles}

scripts/plop/templates/component/tests.hbs

@@ -1,8 +1,4 @@
 import { expect, fixture, html, waitUntil } from '@open-wc/testing';
-// import sinon from 'sinon';
-
-import '../../../dist/shoelace.js';
-import type {{ properCase tag }} from './{{ tagWithoutPrefix tag }}';
 
 describe('<{{ tag }}>', () => {
   it('should render a component', async () => {