feature: compile with tsc, remove rollup & babel

Author: steviecs

.babelrc

@@ -1,15 +1,6 @@
-// For a detailed explanation regarding each configuration property, visit:
-// https://jestjs.io/docs/en/configuration.html
-
+/** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */
 module.exports = {
-  moduleFileExtensions: [
-    "js",
-    "ts",
-    "jsx",
-    "tsx"
-  ],
-  testEnvironment: 'node',
-  testMatch: ['**/*.test.[jt]s?(x)'],
+  preset: 'ts-jest',
   testEnvironment: 'jest-environment-jsdom',
-  testPathIgnorePatterns: ['/node_modules/'],
-};
+  testMatch: ['**/*.test.[jt]s?(x)']
+};

jest.config.js

@@ -1,6 +1,6 @@
 {
   "name": "@steviecs/react-fallback",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "author": "steviecs",
   "description": "A POC component library for rendering adaptive skeletons that adjust to the shape of your UI's layout while data is being fetched",
   "keywords": [
@@ -12,32 +12,22 @@
     "fallback"
   ],
   "license": "MIT",
-  "main": "dist/index.tsx",
+  "main": "dist/index.js",
   "peerDependencies": {
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react": "^17.0.2"
   },
   "devDependencies": {
-    "@emotion/react": "11.7.1",
-    "@emotion/styled": "11.6.0",
-    "@mui/icons-material": "5.2.5",
-    "@mui/material": "5.2.8",
     "@testing-library/react": "^12.1.2",
     "@types/jest": "^27.5.1",
     "@types/react": "^17.0.37",
     "@types/react-dom": "17.0.0",
-    "babel-core": "^6.26.3",
-    "babel-runtime": "^6.26.0",
-    "jest": "^27.5.1",
-    "mui": "0.0.1",
-    "react-scripts": "^5.0.1",
-    "rollup": "^2.75.3",
-    "rollup-plugin-typescript2": "^0.31.2",
+    "jest-environment-jsdom": "^28.1.0",
+    "react-dom": "^17.0.2",
+    "ts-jest": "^28.0.3",
     "typescript": "^4.7.2"
   },
   "scripts": {
-    "build": "rollup -c",
-    "start": "rollup -c -w",
+    "build": "tsc",
     "test": "jest"
   },
   "browserslist": {
@@ -52,7 +42,5 @@
       "last 1 safari version"
     ]
   },
-  "files": [
-    "dist"
-  ]
+  "files": ["dist", "src"]
 }

package.json

@@ -7,8 +7,8 @@ interface FallbackProps {
 }
 
 /**
- * A higher-order component that wraps your JSX to rendering adaptive
- * skeletons that adjust to the shape of layout while data is being fetched
+ * A component that wraps your JSX to render adaptive skeletons
+ * that adjust to the shape of layout while data is being fetched
  * @param isLoading a boolean flag representing if data has been fetched yet
  * @param children child nodes of the Fallback wrapper
  * @param fallbackOnStaticContent a flag that determines if you want to

rollup.config.js

@@ -1,24 +1,15 @@
 {
   "compilerOptions": {
+    "target": "es2018",
     "outDir": "dist",
-    "module": "esnext",
-    "target": "es5",
-    "lib": ["es6", "dom", "es2016", "es2017", "esnext"],
-    "sourceMap": true,
-    "allowJs": false,
-    "allowSyntheticDefaultImports": true,
-    "jsx": "react-jsx",
+    "lib": ["dom", "esnext"],
     "declaration": true,
     "moduleResolution": "node",
-    "forceConsistentCasingInFileNames": true,
-    "noImplicitReturns": true,
-    "noImplicitThis": true,
-    "noImplicitAny": true,
-    "strictNullChecks": true,
-    "suppressImplicitAnyIndexErrors": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true
+    "sourceMap": true,
+    "strict": true,
+    "esModuleInterop": true,
+    "jsx": "react-jsx",
   },
   "include": ["src"],
-  "exclude": ["node_modules", "dist", "rollup.config.js", ".codesandbox", ".vscode"]
+  "exclude": ["node_modules", "dist", ".codesandbox", ".vscode"]
 }