DTS improvements + small bug fix

Author: AlemTuzlak

package.json

@@ -2,7 +2,7 @@
   "name": "remix-development-tools",
   "description": "Remix development tools.",
   "author": "Alem Tuzlak",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "license": "MIT",
   "keywords": [
     "remix",

src/RemixDevTools/RemixDevTools.tsx

@@ -12,7 +12,13 @@ import rdtStylesheet from "../input.css?inline";
 import { useOutletAugment } from "./hooks/useOutletAugment";
 import { useResetDetachmentCheck } from "./hooks/detached/useResetDetachmentCheck";
 import { useSetRouteBoundaries } from "./hooks/useSetRouteBoundaries";
-import { REMIX_DEV_TOOLS } from "./utils/storage";
+import {
+  REMIX_DEV_TOOLS,
+  REMIX_DEV_TOOLS_DETACHED_OWNER,
+  REMIX_DEV_TOOLS_IS_DETACHED,
+  setSessionItem,
+  setStorageItem,
+} from "./utils/storage";
 import { useSyncStateWhenDetached } from "./hooks/detached/useSyncStateWhenDetached";
 
 const InjectedStyles = () => <style dangerouslySetInnerHTML={{ __html: rdtStylesheet }} />;
@@ -23,7 +29,7 @@ const RemixDevTools = ({ plugins }: RemixDevToolsProps) => {
   useResetDetachmentCheck();
   useSetRouteBoundaries();
   useSyncStateWhenDetached();
-  const { detachedWindowOwner, isDetached } = useDetachedWindowControls();
+  const { detachedWindowOwner, isDetached, setDetachedWindowOwner } = useDetachedWindowControls();
   const { settings } = useSettingsContext();
   const { persistOpen } = usePersistOpen();
   const { position } = settings;
@@ -32,7 +38,18 @@ const RemixDevTools = ({ plugins }: RemixDevToolsProps) => {
 
   // If the dev tools are detached, we don't want to render the main panel
   if (detachedWindowOwner) {
-    return null;
+    return (
+      <div id={REMIX_DEV_TOOLS} className="remix-dev-tools">
+        <Trigger
+          isOpen={false}
+          setIsOpen={() => {
+            setDetachedWindowOwner(false);
+            setStorageItem(REMIX_DEV_TOOLS_IS_DETACHED, "false");
+            setSessionItem(REMIX_DEV_TOOLS_DETACHED_OWNER, "false");
+          }}
+        />
+      </div>
+    );
   }
 
   return (

src/RemixDevTools/hooks/detached/useCheckIfStillDetached.ts

@@ -44,7 +44,7 @@ export const useCheckIfStillDetached = () => {
 
       // If the detached window is unloaded we want to check if it is still there
       if (shouldCheckDetached && !checking) {
-        setTimeout(() => setChecking(true), 50);
+        setTimeout(() => setChecking(true), 200);
       }
     },
     [checking]

vite.config.ts

@@ -8,32 +8,14 @@ export default defineConfig({
     {
       ...ts2({
         check: true,
-        exclude: [
-          "**/__tests__/**",
-          "**/__mocks__/**",
-          "**/*.test.ts",
-          "**/*.test.tsx",
-          "**/*.config.ts",
-          "**/env.ts",
-          "**/components/**",
-          "**/context/**",
-          "**/hooks/detached/**",
-          "**/hooks/useOutletAugment.tsx",
-          "**/hooks/useHorizontalScroll.ts",
-          "**/hooks/useAttachListener.ts",
-          "**/hooks/useDebounce.ts",
-          "**/hooks/useSetRouteBoundaries.ts",
-          "**/hooks/useResize.ts",
-          "**/hooks/useTabs.ts",
-          "**/hooks/useTerminalShortcuts.ts",
-          "**/hooks/useTimelineHandler.ts",
-          "**/tabs/**",
-          "**/utils/**",
-          "**/remix-app-for-testing/**",
-          "**/monitor/**",
-          "**/layout/**",
+        include: [
+          "**/RemixDevTools/RemixDevTools.tsx",
+          "**/RemixDevTools/index.ts",
+          "**/src/index.ts",
+          "**/hooks/useRemixForgeSocket.ts",
+          "**/tabs/index.tsx",
+          "**/init/project.tsx",
         ],
-
         tsconfig: resolve(__dirname, `tsconfig.json`),
         tsconfigOverride: {
           compilerOptions: {