Skip to content

Commit 52d612f

Browse files
committed
build: ready for migrating TypeScript (#808)
* build: setup typescript * refactor: change some file's extensions from .js to .ts * refactor: remove an unused file
1 parent 6cbd6aa commit 52d612f

11 files changed

+345
-41
lines changed

.babelrc.js

+8-2
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,17 @@
11
module.exports = {
2-
presets: [['babel-preset-jason', { runtime: false }]],
2+
presets: [
3+
['babel-preset-jason', { runtime: false }],
4+
'@babel/preset-typescript',
5+
],
36
plugins: [
47
['babel-plugin-transform-react-remove-prop-types', { mode: 'wrap' }],
58
],
69
env: {
710
esm: {
8-
presets: [['babel-preset-jason', { modules: false }]],
11+
presets: [
12+
['babel-preset-jason', { modules: false }],
13+
'@babel/preset-typescript',
14+
],
915
},
1016
},
1117
};

.size-snapshot.json

+8-8
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
{
2-
"./lib/dist/react-transition-group.js": {
3-
"bundled": 82684,
4-
"minified": 22426,
5-
"gzipped": 6876
2+
"lib/dist/react-transition-group.js": {
3+
"bundled": 98066,
4+
"minified": 26272,
5+
"gzipped": 8027
66
},
7-
"./lib/dist/react-transition-group.min.js": {
8-
"bundled": 47269,
9-
"minified": 14623,
10-
"gzipped": 4616
7+
"lib/dist/react-transition-group.min.js": {
8+
"bundled": 55134,
9+
"minified": 17999,
10+
"gzipped": 5654
1111
}
1212
}

package.json

+9-4
Original file line numberDiff line numberDiff line change
@@ -10,17 +10,18 @@
1010
"tdd": "jest --watch",
1111
"build": "rimraf lib && yarn build:cjs && yarn build:esm && yarn build:pick && yarn build:dist && cp README.md LICENSE ./lib",
1212
"build:docs": "yarn --cwd www run build",
13-
"build:cjs": "babel src --out-dir lib/cjs",
14-
"build:esm": "cross-env BABEL_ENV=esm babel src --out-dir lib/esm",
13+
"build:cjs": "babel src --out-dir lib/cjs --extensions '.js,.ts,.tsx'",
14+
"build:esm": "cross-env BABEL_ENV=esm babel src --out-dir lib/esm --extensions '.js,.ts,.tsx'",
1515
"build:pick": "cherry-pick --cwd=lib --input-dir=../src --cjs-dir=cjs --esm-dir=esm",
1616
"build:dist": "cross-env BABEL_ENV=esm rollup -c",
1717
"bootstrap": "yarn && yarn --cwd www",
1818
"fix": "run-s fix:eslint fix:prettier",
1919
"fix:eslint": "yarn lint:eslint --fix",
2020
"fix:prettier": "yarn lint:prettier --write",
2121
"lint": "run-p lint:*",
22-
"lint:eslint": "eslint .",
22+
"lint:eslint": "eslint . --ext '.js,.ts,.tsx'",
2323
"lint:prettier": "prettier . --check",
24+
"lint:tsc": "tsc",
2425
"release": "release",
2526
"release:next": "release --preid beta --tag next",
2627
"deploy-docs": "yarn --cwd www run deploy",
@@ -73,6 +74,7 @@
7374
"devDependencies": {
7475
"@babel/cli": "^7.8.4",
7576
"@babel/core": "^7.9.0",
77+
"@babel/preset-typescript": "^7.16.7",
7678
"@restart/hooks": "^0.3.22",
7779
"@semantic-release/changelog": "^5.0.1",
7880
"@semantic-release/git": "^9.0.0",
@@ -81,6 +83,9 @@
8183
"@storybook/addon-actions": "^6.3.4",
8284
"@storybook/react": "^6.3.4",
8385
"@testing-library/react": "alpha",
86+
"@types/prop-types": "^15.7.4",
87+
"@types/react": "^17.0.41",
88+
"@types/react-dom": "^17.0.14",
8489
"@typescript-eslint/eslint-plugin": "^4.26.1",
8590
"astroturf": "^0.10.4",
8691
"babel-eslint": "^10.1.0",
@@ -112,7 +117,7 @@
112117
"rollup-plugin-terser": "^5.3.0",
113118
"semantic-release": "^17.0.6",
114119
"semantic-release-alt-publish-dir": "^3.0.0",
115-
"typescript": "^4.3.2",
120+
"typescript": "^4.6.2",
116121
"webpack-atoms": "14.0.0"
117122
},
118123
"release": {

rollup.config.js

+2-1
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import replace from 'rollup-plugin-replace';
55
import { sizeSnapshot } from 'rollup-plugin-size-snapshot';
66
import { terser } from 'rollup-plugin-terser';
77

8-
const input = './src/index.js';
8+
const input = './src/index.ts';
99
const name = 'ReactTransitionGroup';
1010
const globals = {
1111
react: 'React',
@@ -19,6 +19,7 @@ const babelOptions = {
1919

2020
const commonjsOptions = {
2121
include: /node_modules/,
22+
extensions: ['.js', '.ts', '.tsx'],
2223
namedExports: {
2324
'prop-types': ['object', 'oneOfType', 'element', 'bool', 'func'],
2425
},
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.

src/utils/SimpleSet.js

-21
This file was deleted.

tsconfig.json

+104
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,104 @@
1+
{
2+
"compilerOptions": {
3+
/* Visit https://aka.ms/tsconfig.json to read more about this file */
4+
5+
/* Projects */
6+
// "incremental": true, /* Enable incremental compilation */
7+
// "composite": true, /* Enable constraints that allow a TypeScript project to be used with project references. */
8+
// "tsBuildInfoFile": "./", /* Specify the folder for .tsbuildinfo incremental compilation files. */
9+
// "disableSourceOfProjectReferenceRedirect": true, /* Disable preferring source files instead of declaration files when referencing composite projects */
10+
// "disableSolutionSearching": true, /* Opt a project out of multi-project reference checking when editing. */
11+
// "disableReferencedProjectLoad": true, /* Reduce the number of projects loaded automatically by TypeScript. */
12+
13+
/* Language and Environment */
14+
"target": "es5" /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */,
15+
"lib": [
16+
"es2015",
17+
"DOM"
18+
] /* Specify a set of bundled library declaration files that describe the target runtime environment. */,
19+
"jsx": "react" /* Specify what JSX code is generated. */,
20+
// "experimentalDecorators": true, /* Enable experimental support for TC39 stage 2 draft decorators. */
21+
// "emitDecoratorMetadata": true, /* Emit design-type metadata for decorated declarations in source files. */
22+
// "jsxFactory": "", /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h' */
23+
// "jsxFragmentFactory": "", /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */
24+
// "jsxImportSource": "", /* Specify module specifier used to import the JSX factory functions when using `jsx: react-jsx*`.` */
25+
// "reactNamespace": "", /* Specify the object invoked for `createElement`. This only applies when targeting `react` JSX emit. */
26+
// "noLib": true, /* Disable including any library files, including the default lib.d.ts. */
27+
// "useDefineForClassFields": true, /* Emit ECMAScript-standard-compliant class fields. */
28+
29+
/* Modules */
30+
"module": "commonjs" /* Specify what module code is generated. */,
31+
// "rootDir": "./", /* Specify the root folder within your source files. */
32+
// "moduleResolution": "node", /* Specify how TypeScript looks up a file from a given module specifier. */
33+
// "baseUrl": "./", /* Specify the base directory to resolve non-relative module names. */
34+
// "paths": {}, /* Specify a set of entries that re-map imports to additional lookup locations. */
35+
// "rootDirs": [], /* Allow multiple folders to be treated as one when resolving modules. */
36+
// "typeRoots": [], /* Specify multiple folders that act like `./node_modules/@types`. */
37+
// "types": [], /* Specify type package names to be included without being referenced in a source file. */
38+
// "allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */
39+
// "resolveJsonModule": true, /* Enable importing .json files */
40+
// "noResolve": true, /* Disallow `import`s, `require`s or `<reference>`s from expanding the number of files TypeScript should add to a project. */
41+
42+
/* JavaScript Support */
43+
"allowJs": true /* Allow JavaScript files to be a part of your program. Use the `checkJS` option to get errors from these files. */,
44+
// "checkJs": true, /* Enable error reporting in type-checked JavaScript files. */
45+
// "maxNodeModuleJsDepth": 1, /* Specify the maximum folder depth used for checking JavaScript files from `node_modules`. Only applicable with `allowJs`. */
46+
47+
/* Emit */
48+
// "declaration": true, /* Generate .d.ts files from TypeScript and JavaScript files in your project. */
49+
// "declarationMap": true, /* Create sourcemaps for d.ts files. */
50+
// "emitDeclarationOnly": true, /* Only output d.ts files and not JavaScript files. */
51+
// "sourceMap": true, /* Create source map files for emitted JavaScript files. */
52+
// "outFile": "./", /* Specify a file that bundles all outputs into one JavaScript file. If `declaration` is true, also designates a file that bundles all .d.ts output. */
53+
// "outDir": "./", /* Specify an output folder for all emitted files. */
54+
// "removeComments": true, /* Disable emitting comments. */
55+
"noEmit": true /* Disable emitting files from a compilation. */,
56+
// "importHelpers": true, /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
57+
// "importsNotUsedAsValues": "remove", /* Specify emit/checking behavior for imports that are only used for types */
58+
// "downlevelIteration": true, /* Emit more compliant, but verbose and less performant JavaScript for iteration. */
59+
// "sourceRoot": "", /* Specify the root path for debuggers to find the reference source code. */
60+
// "mapRoot": "", /* Specify the location where debugger should locate map files instead of generated locations. */
61+
// "inlineSourceMap": true, /* Include sourcemap files inside the emitted JavaScript. */
62+
// "inlineSources": true, /* Include source code in the sourcemaps inside the emitted JavaScript. */
63+
// "emitBOM": true, /* Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files. */
64+
// "newLine": "crlf", /* Set the newline character for emitting files. */
65+
// "stripInternal": true, /* Disable emitting declarations that have `@internal` in their JSDoc comments. */
66+
// "noEmitHelpers": true, /* Disable generating custom helper functions like `__extends` in compiled output. */
67+
// "noEmitOnError": true, /* Disable emitting files if any type checking errors are reported. */
68+
// "preserveConstEnums": true, /* Disable erasing `const enum` declarations in generated code. */
69+
// "declarationDir": "./", /* Specify the output directory for generated declaration files. */
70+
// "preserveValueImports": true, /* Preserve unused imported values in the JavaScript output that would otherwise be removed. */
71+
72+
/* Interop Constraints */
73+
// "isolatedModules": true, /* Ensure that each file can be safely transpiled without relying on other imports. */
74+
// "allowSyntheticDefaultImports": true, /* Allow 'import x from y' when a module doesn't have a default export. */
75+
"esModuleInterop": true /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables `allowSyntheticDefaultImports` for type compatibility. */,
76+
// "preserveSymlinks": true, /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */
77+
"forceConsistentCasingInFileNames": true /* Ensure that casing is correct in imports. */,
78+
79+
/* Type Checking */
80+
"strict": true /* Enable all strict type-checking options. */,
81+
// "noImplicitAny": true, /* Enable error reporting for expressions and declarations with an implied `any` type.. */
82+
// "strictNullChecks": true, /* When type checking, take into account `null` and `undefined`. */
83+
// "strictFunctionTypes": true, /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */
84+
// "strictBindCallApply": true, /* Check that the arguments for `bind`, `call`, and `apply` methods match the original function. */
85+
// "strictPropertyInitialization": true, /* Check for class properties that are declared but not set in the constructor. */
86+
// "noImplicitThis": true, /* Enable error reporting when `this` is given the type `any`. */
87+
// "useUnknownInCatchVariables": true, /* Type catch clause variables as 'unknown' instead of 'any'. */
88+
// "alwaysStrict": true, /* Ensure 'use strict' is always emitted. */
89+
// "noUnusedLocals": true, /* Enable error reporting when a local variables aren't read. */
90+
// "noUnusedParameters": true, /* Raise an error when a function parameter isn't read */
91+
// "exactOptionalPropertyTypes": true, /* Interpret optional property types as written, rather than adding 'undefined'. */
92+
// "noImplicitReturns": true, /* Enable error reporting for codepaths that do not explicitly return in a function. */
93+
// "noFallthroughCasesInSwitch": true, /* Enable error reporting for fallthrough cases in switch statements. */
94+
// "noUncheckedIndexedAccess": true, /* Include 'undefined' in index signature results */
95+
// "noImplicitOverride": true, /* Ensure overriding members in derived classes are marked with an override modifier. */
96+
// "noPropertyAccessFromIndexSignature": true, /* Enforces using indexed accessors for keys declared using an indexed type */
97+
// "allowUnusedLabels": true, /* Disable error reporting for unused labels. */
98+
// "allowUnreachableCode": true, /* Disable error reporting for unreachable code. */
99+
100+
/* Completeness */
101+
// "skipDefaultLibCheck": true, /* Skip type checking .d.ts files that are included with TypeScript. */
102+
"skipLibCheck": true /* Skip type checking all .d.ts files. */
103+
}
104+
}

0 commit comments

Comments
 (0)