Generate types during the build target

Author: ghostd

README.md

@@ -267,6 +267,7 @@ Thanks goes to these people ([emoji key][emojis]):
 
 <!-- markdownlint-enable -->
 <!-- prettier-ignore-end -->
+
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 
 This project follows the [all-contributors][all-contributors] specification.

package.json

@@ -24,15 +24,16 @@
     "node": ">=10"
   },
   "scripts": {
-    "build": "kcd-scripts build --ignore \"**/__tests__/**,**/__node_tests__/**,**/__mocks__/**\" && kcd-scripts build --bundle --no-clean",
+    "build": "npm run build:bundles ; npm run build:types",
+    "build:bundles": "kcd-scripts build --ignore \"**/__tests__/**,**/__node_tests__/**,**/__mocks__/**\" && kcd-scripts build --bundle --no-clean",
+    "build:types": "tsc --build tsconfig.build.json",
     "lint": "kcd-scripts lint",
     "setup": "npm install && npm run validate -s",
     "test": "kcd-scripts test",
     "test:debug": "node --inspect-brk ./node_modules/.bin/jest --watch --runInBand",
     "test:update": "npm test -- --updateSnapshot --coverage",
     "validate": "kcd-scripts validate",
-    "generate-types": "tsc",
-    "typecheck": "dtslint ./types/"
+    "typecheck-DISABLED": "dtslint ./types/"
   },
   "files": [
     "dist",

src/__tests__/events.js

@@ -140,17 +140,21 @@ const eventTypes = [
 
 const allEvents = Object.keys(eventMap)
 
-const bubblingEvents = allEvents
-  .filter(eventName => eventMap[eventName].defaultInit.bubbles)
+const bubblingEvents = allEvents.filter(
+  eventName => eventMap[eventName].defaultInit.bubbles,
+)
 
-const composedEvents = allEvents
-  .filter(eventName => eventMap[eventName].defaultInit.composed)
+const composedEvents = allEvents.filter(
+  eventName => eventMap[eventName].defaultInit.composed,
+)
 
-const nonBubblingEvents = allEvents
-  .filter(eventName => !bubblingEvents.includes(eventName))
+const nonBubblingEvents = allEvents.filter(
+  eventName => !bubblingEvents.includes(eventName),
+)
 
-const nonComposedEvents = allEvents
-  .filter(eventName => !composedEvents.includes(eventName))
+const nonComposedEvents = allEvents.filter(
+  eventName => !composedEvents.includes(eventName),
+)
 
 eventTypes.forEach(({type, events, elementType}) => {
   describe(`${type} Events`, () => {
@@ -203,7 +207,7 @@ describe(`Composed Events`, () => {
       const spy = jest.fn()
       node.addEventListener(event.toLowerCase(), spy)
 
-      const shadowRoot = node.attachShadow({ mode: 'closed' })
+      const shadowRoot = node.attachShadow({mode: 'closed'})
       const innerNode = document.createElement('div')
       shadowRoot.appendChild(innerNode)
 
@@ -218,7 +222,7 @@ describe(`Composed Events`, () => {
       const spy = jest.fn()
       node.addEventListener(event.toLowerCase(), spy)
 
-      const shadowRoot = node.attachShadow({ mode: 'closed' })
+      const shadowRoot = node.attachShadow({mode: 'closed'})
       const innerNode = document.createElement('div')
       shadowRoot.appendChild(innerNode)
 
@@ -234,7 +238,7 @@ describe(`Aliased Events`, () => {
       const node = document.createElement('div')
       const spy = jest.fn()
       node.addEventListener(eventAliasMap[eventAlias].toLowerCase(), spy)
-      
+
       fireEvent[eventAlias](node)
       expect(spy).toHaveBeenCalledTimes(1)
     })

src/__tests__/role.js

@@ -346,7 +346,9 @@ Here are the accessible roles:
 test('has no useful error message in findBy', async () => {
   const {findByRole} = render(`<li />`)
 
-  await expect(findByRole('option', {timeout: 1})).rejects.toThrow('Unable to find role="option"')
+  await expect(findByRole('option', {timeout: 1})).rejects.toThrow(
+    'Unable to find role="option"',
+  )
 })
 
 test('explicit role is most specific', () => {

src/wait-for.ts

@@ -122,10 +122,7 @@ interface WaitOptions {
   interval?: number
   mutationObserverOptions?: MutationObserverInit
 }
-function wait(
-  first: () => void = () => {},
-  options?: WaitOptions,
-): Promise<void> {
+function wait(first: () => void, options?: WaitOptions): Promise<void> {
   // istanbul ignore next
   if (!hasWarned) {
     hasWarned = true

tsconfig.build.json

@@ -0,0 +1,7 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "noEmit": false,
+    "emitDeclarationOnly": true
+  }
+}

tsconfig.json

@@ -3,7 +3,7 @@
     "outDir": "./types/",
     "allowJs": true,
     "declaration": true,
-    "emitDeclarationOnly": true,
+    "noEmit": true,
     "allowSyntheticDefaultImports": true
   },
   "include": ["./src/**/*.ts"]