Merge pull request #4977 from storybooks/ts-migration/channels

TypeScript migration: @storybook/channels

.eslintrc.js

@@ -125,7 +125,7 @@ module.exports = {
   },
   overrides: [
     {
-      files: ['**/__tests__/**', '**/*.test.js/**', '**/*.spec.js/**'],
+      files: ['**/__tests__/**', '**/*.test.js/**'],
       rules: {
         'import/no-extraneous-dependencies': ignore,
       },

examples/angular-cli/.storybook/tsconfig.json

@@ -1,5 +1,5 @@
 {
   "extends": "../src/tsconfig.app.json",
-  "exclude": ["../src/test.ts", "../src/**/*.spec.ts"],
+  "exclude": ["../src/karma.ts", "../src/**/*.spec.ts"],
   "include": ["../src/**/*"]
 }

examples/angular-cli/angular.json

@@ -73,7 +73,7 @@
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "main": "src/test.ts",
+            "main": "src/karma.ts",
             "polyfills": "src/polyfills.ts",
             "tsConfig": "src/tsconfig.spec.json",
             "karmaConfig": "src/karma.conf.js",

examples/angular-cli/jest.config.js

@@ -7,9 +7,9 @@ module.exports = {
   },
   roots: [__dirname],
   transform: {
-    ...config.transform,
+    '^.+\\.jsx?$': '<rootDir>/scripts/babel-jest.js',
     '^.+[/\\\\].storybook[/\\\\]config\\.ts$': '<rootDir>/scripts/jest-ts-babel.js',
     '^.+\\.(ts|html)$': '<rootDir>/node_modules/jest-preset-angular/preprocessor.js',
   },
-  moduleFileExtensions: [...config.moduleFileExtensions, 'ts', 'tsx', 'html'],
+  moduleFileExtensions: [...config.moduleFileExtensions, 'html'],
 };

examples/angular-cli/src/tsconfig.app.json

@@ -9,7 +9,7 @@
     ]
   },
   "exclude": [
-    "test.ts",
+    "karma.ts",
     "**/*.spec.ts"
   ]
 }

examples/angular-cli/src/tsconfig.spec.json

@@ -11,7 +11,7 @@
     ]
   },
   "files": [
-    "test.ts"
+    "karma.ts"
   ],
   "include": [
     "**/*.spec.ts",

jest.config.js

@@ -26,13 +26,15 @@ module.exports = {
   snapshotSerializers: ['@emotion/snapshot-serializer'],
   transform: {
     '^.+\\.jsx?$': '<rootDir>/scripts/babel-jest.js',
+    '^.+\\.tsx?$': '<rootDir>/node_modules/ts-jest',
   },
+  testMatch: ['**/__tests__/**/*.(j|t)s?(x)', '**/?(*.)+(spek|test).(j|t)s?(x)'],
   testPathIgnorePatterns: ['/node_modules/', '/dist/', 'addon-jest.test.js', '/cli/test/'],
   collectCoverage: false,
   collectCoverageFrom: [
-    'app/**/*.{js,jsx}',
-    'lib/**/*.{js,jsx}',
-    'addons/**/*.{js,jsx}',
+    'app/**/*.{js,jsx,ts,tsx}',
+    'lib/**/*.{js,jsx,ts,tsx}',
+    'addons/**/*.{js,jsx,ts,tsx}',
     '!**/cli/test/**',
     '!**/dist/**',
     '!**/generators/**',
@@ -44,5 +46,5 @@ module.exports = {
   setupFiles: ['raf/polyfill'],
   testURL: 'http://localhost',
   modulePathIgnorePatterns: ['/dist/.*/__mocks__/'],
-  moduleFileExtensions: ['js', 'jsx', 'json', 'node'],
+  moduleFileExtensions: ['js', 'jsx', 'ts', 'tsx', 'json', 'node'],
 };

lib/channels/package.json

@@ -15,7 +15,7 @@
   },
   "license": "MIT",
   "main": "dist/index.js",
-  "jsnext:main": "src/index.js",
+  "jsnext:main": "src/index.ts",
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },