fix & add type declaration

Author: excessivecoding

package.json

@@ -7,17 +7,20 @@
   ],
   "main": "./dist/remix-crash.umd.js",
   "module": "./dist/remix-crash.es.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "import": "./dist/remix-crash.es.js",
-      "require": "./dist/remix-crash.umd.js"
+      "require": "./dist/remix-crash.umd.js",
+      "types": "./dist/remix-crash.d.ts"
     }
   },
   "scripts": {
     "dev": "vite build --watch",
     "build": "tsc && vite build"
   },
   "devDependencies": {
+    "@types/babel__core": "^7.1.18",
     "@types/node": "^17.0.14",
     "@types/react": "^17.0.33",
     "@types/react-dom": "^17.0.10",

pnpm-lock.yaml

@@ -23,13 +23,25 @@ export type SanitizedStacktrace = Array<{
 } | null>;
 
 export type ErrorState = {
+  loading: boolean;
   stacktrace: Stacktrace;
   sanitizedStacktrace: SanitizedStacktrace;
+  convertedStacktrace: Array<{
+    file: string;
+    sourceContent: string;
+    line: number;
+  }>;
+  selectedIndex: number | null;
+  setSelectedIndex: (value: number | null) => void;
 };
 
 export const defaultErrorState: ErrorState = {
   stacktrace: [],
   sanitizedStacktrace: [],
+  loading: true,
+  convertedStacktrace: [],
+  setSelectedIndex: () => {},
+  selectedIndex: null,
 };
 
 export const ErrorContext = createContext(defaultErrorState);
@@ -249,7 +261,8 @@ const CodeFrame = () => {
   const { convertedStacktrace, selectedIndex } = useError();
   // const selectedLine = useRef(null)
 
-  const convertedStacktraceLine = convertedStacktrace[selectedIndex];
+  const convertedStacktraceLine =
+    selectedIndex !== null ? convertedStacktrace[selectedIndex] : null;
 
   useLayoutEffect(() => {
     document.querySelector(".selected")?.scrollIntoView({ block: "center" });

src/ErrorBoundary.tsx

@@ -13,8 +13,10 @@
     "moduleResolution": "Node",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx"
+    "jsx": "react-jsx",
+    "declaration": true,
+    "outDir": "dist",
+    "emitDeclarationOnly": true
   },
-  "include": ["./src", "vite.config.ts"]
+  "include": ["./src/index.ts", "./src/vite-env.d.ts"]
 }

tsconfig.json

@@ -6,6 +6,7 @@ import path from "path";
 export default defineConfig({
   plugins: [react()],
   build: {
+    emptyOutDir: false,
     lib: {
       entry: path.resolve(__dirname, "src/index.ts"),
       name: "RemixCrash",