refactor: remove unecessary path aliases

Author: igorwessel

jest.config.js

@@ -0,0 +1,24 @@
+{
+  "roots": ["<rootDir>/src", "<rootDir>/lib"],
+  "transform": {
+    "^.+\\.(t|j)sx?$": [
+      "@swc/jest",
+      {
+        "jsc": {
+          "transform": {
+            "react": {
+              "runtime": "automatic"
+            }
+          }
+        }
+      }
+    ]
+  },
+  "setupFilesAfterEnv": ["@testing-library/jest-dom"],
+  "testEnvironment": "jest-environment-jsdom",
+  "testRegex": "(/__tests__/.*|(\\.|/)(test|spec))\\.tsx?$",
+  "moduleFileExtensions": ["ts", "tsx", "js", "jsx", "json", "node"],
+  "moduleNameMapper": {
+    "\\.(css|less)$": "<rootDir>/lib/__mocks__/styleMock.ts"
+  }
+}

jest.config.json

@@ -1,4 +1,4 @@
-import { DynamicStar } from "@/main";
+import { DynamicStar } from "../main";
 import { render } from "@testing-library/react";
 
 describe("Without pass props optional props", () => {

lib/__tests__/dynamic-star.test.tsx

@@ -1,7 +1,7 @@
 import React, { useMemo } from "react";
-import { useId } from "@/hooks/useId";
-import type { IDynamicStarProps, IStar } from "@/types";
-import { calcStarPoints, emptyStar, fillStars } from "@/utils";
+import { useId } from "./hooks/useId";
+import type { IDynamicStarProps, IStar } from "./types";
+import { calcStarPoints, emptyStar, fillStars } from "./utils";
 
 function DynamicStar({
 	rating,

lib/main.tsx

@@ -1,4 +1,4 @@
-import type { IStar } from "@/types";
+import type { IStar } from "../types";
 
 const fullStar = 1;
 const emptyStar = 0;

lib/utils/index.ts

@@ -1,11 +1,12 @@
 {
   "name": "react-dynamic-star",
-  "version": "0.0.2",
+  "version": "1.0.0",
   "description": "Single component to generate dynamic star svg",
   "main": "./dist/rds.umd.js",
   "module": "./dist/rds.es.js",
   "types": "./dist/rds.d.ts",
   "license": "MIT",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
@@ -40,28 +41,25 @@
   "peerDependencies": {
     "react": ">=17.x"
   },
-  "resolutions": {
-    "@types/react": "17.0.0"
-  },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
     "@swc/core": "^1.9.2",
     "@swc/jest": "^0.2.37",
-    "@testing-library/jest-dom": "5.14.1",
-    "@testing-library/react": "12.1.2",
-    "@types/jest": "27.0.2",
-    "@types/node": "16.11.1",
-    "@types/react": "17.0.0",
-    "@types/react-dom": "17.0.0",
-    "@typescript-eslint/eslint-plugin": "5.0.0",
-    "@typescript-eslint/parser": "5.0.0",
-    "@vitejs/plugin-react": "1.0.0",
-    "jest": "27.3.1",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "typescript": "4.4.4",
-    "vite": "2.6.4",
-    "vite-plugin-dts": "0.9.2",
-    "vite-tsconfig-paths": "3.3.17"
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.0.1",
+    "@types/jest": "^29.5.14",
+    "@types/node": "^22.9.0",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react": "^4.3.3",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.11",
+    "vite-plugin-dts": "^4.3.0",
+    "vite-tsconfig-paths": "^5.1.2"
   }
 }

package.json

@@ -1,6 +1,6 @@
 import React from "react";
 import "./App.css";
-import { DynamicStar } from "react-dynamic-star";
+import { DynamicStar } from "../lib/main";
 
 function Stars() {
 	const [star, setStar] = React.useState({

src/App.tsx

@@ -4,7 +4,7 @@
 		"useDefineForClassFields": true,
 		"lib": ["DOM", "DOM.Iterable", "ESNext"],
 		"allowJs": false,
-		"skipLibCheck": false,
+		"skipLibCheck": true,
 		"esModuleInterop": true,
 		"allowSyntheticDefaultImports": true,
 		"strict": true,
@@ -15,12 +15,8 @@
 		"isolatedModules": true,
 		"noEmit": true,
 		"jsx": "react-jsx",
-		"baseUrl": ".",
-		"paths": {
-			"@/*": ["lib/*"],
-			"react-dynamic-star": ["lib/main.tsx"]
-		}
+		"baseUrl": "."
 	},
 	"include": ["./src", "./lib"],
-	"exclude": ["node_modules"]
+	"exclude": ["node_modules", "./lib/__tests__"]
 }

tsconfig.json

@@ -1,14 +1,16 @@
 import path from "node:path";
 import { defineConfig } from "vite";
-import tsConfigpaths from "vite-tsconfig-paths";
 import react from "@vitejs/plugin-react";
 import dts from "vite-plugin-dts";
 
 // https://vitejs.dev/config/
-export default defineConfig({
+export default defineConfig((env) => ({
+	define:
+		env.command === "build"
+			? { "process.env.NODE_ENV": "'production'" }
+			: undefined,
 	plugins: [
 		react(),
-		tsConfigpaths(),
 		dts({
 			include: ["lib/main.tsx"],
 			beforeWriteFile: (filePath, content) => ({
@@ -24,7 +26,16 @@ export default defineConfig({
 			fileName: (format) => `rds.${format}.js`,
 		},
 		rollupOptions: {
-			external: ["react"],
+			external: ["react", "react/jsx-runtime", "react-dom"],
+			output: {
+				// Provide global variables to use in the UMD build
+				// for externalized deps
+				globals: {
+					react: "react",
+					"react-dom": "ReactDOM",
+					"react/jsx-runtime": "react/jsx-runtime",
+				},
+			},
 		},
 	},
-});
+}));