Fix issues with SSR that stops start from building

.gitignore

@@ -55,3 +55,4 @@ vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
 
 .angular
+.nitro

examples/react/drizzle/package.json

@@ -5,6 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "drizzle-kit studio & vite dev",
+    "build": "vite build",
     "start": "vite start"
   },
   "dependencies": {

package.json

@@ -47,7 +47,7 @@
   },
   "size-limit": [
     {
-      "path": "packages/devtools/dist/esm/index.js",
+      "path": "packages/devtools/dist/index.js",
       "limit": "40 KB"
     },
     {

packages/devtools/package.json

@@ -18,16 +18,26 @@
     "devtools"
   ],
   "type": "module",
-  "types": "dist/esm/index.d.ts",
-  "module": "dist/esm/index.js",
+  "types": "dist/index.d.ts",
+  "module": "dist/index.js",
   "exports": {
-    ".": {
-      "import": {
-        "types": "./dist/esm/index.d.ts",
-        "default": "./dist/esm/index.js"
-      }
+    "node": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/server.js"
     },
-    "./package.json": "./package.json"
+    "browser": {
+      "development": {
+        "types": "./dist/index.d.ts",
+        "import": "./dist/dev.js"
+      },
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "types": "./dist/index.d.ts",
+    "import": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
   },
   "sideEffects": false,
   "engines": {
@@ -45,7 +55,7 @@
     "test:lib:dev": "pnpm test:lib --watch",
     "test:types": "tsc",
     "test:build": "publint --strict",
-    "build": "vite build"
+    "build": "tsup"
   },
   "dependencies": {
     "@solid-primitives/keyboard": "^1.2.8",
@@ -60,6 +70,8 @@
     "solid-js": ">=1.9.7"
   },
   "devDependencies": {
+    "tsup": "^8.5.0",
+    "tsup-preset-solid": "^2.2.0",
     "vite-plugin-solid": "^2.11.6"
   }
 }

packages/devtools/src/core.tsx

@@ -61,6 +61,8 @@ export class TanStackDevtoolsCore {
   }
 
   mount<T extends HTMLElement>(el: T) {
+    //  tsup-preset-solid statically replaces this variable during build, which eliminates this code from server bundle
+    if (import.meta.env.SSR) return
     if (this.#isMounted) {
       throw new Error('Devtools is already mounted')
     }

packages/devtools/tsconfig.json

@@ -10,7 +10,6 @@
   "compilerOptions": {
     "jsxImportSource": "solid-js",
     "jsx": "preserve",
-
     "types": ["vite/client"]
   }
 }

packages/devtools/tsup.config.ts

@@ -0,0 +1,19 @@
+import { defineConfig } from 'tsup'
+import { generateTsupOptions, parsePresetOptions } from 'tsup-preset-solid'
+
+const preset_options = {
+  entries: {
+    entry: 'src/index.ts',
+    dev_entry: true,
+    server_entry: true,
+  },
+  cjs: false,
+  drop_console: true,
+}
+
+export default defineConfig(() => {
+  const parsed_data = parsePresetOptions(preset_options)
+  const tsup_options = generateTsupOptions(parsed_data)
+
+  return tsup_options
+})