fix bundling isues

Author: AlemTuzlak

knip.json

@@ -1,13 +1,31 @@
 {
   "$schema": "https://unpkg.com/knip@5/schema.json",
-  "ignoreDependencies": ["@faker-js/faker"],
-  "ignoreWorkspaces": ["examples/**"],
+  "ignoreDependencies": [
+    "@faker-js/faker"
+  ],
+  "ignoreWorkspaces": [
+    "examples/**"
+  ],
   "workspaces": {
     "packages/devtools-utils": {
-      "ignoreDependencies": ["react", "solid-js", "@types/react"]
+      "ignoreDependencies": [
+        "react",
+        "solid-js",
+        "@types/react"
+      ],
+      "entry": [
+        "**/vite.config.solid.ts",
+        "**/src/solid/**"
+      ],
+      "project": [
+        "**/vite.config.solid.ts",
+        "**/src/solid/**"
+      ]
     },
     "packages/solid-devtools": {
-      "ignore": ["**/core.tsx"]
+      "ignore": [
+        "**/core.tsx"
+      ]
     }
   }
-}
+}

packages/devtools-utils/package.json

@@ -21,14 +21,14 @@
   "exports": {
     "./react": {
       "import": {
-        "types": "./dist/esm/react/index.d.ts",
-        "default": "./dist/esm/react/index.js"
+        "types": "./dist/react/esm/index.d.ts",
+        "default": "./dist/react/esm/index.js"
       }
     },
     "./solid": {
       "import": {
-        "types": "./dist/esm/solid/index.d.ts",
-        "default": "./dist/esm/solid/index.js"
+        "types": "./dist/solid/esm/index.d.ts",
+        "default": "./dist/solid/esm/index.js"
       }
     },
     "./package.json": "./package.json"
@@ -41,8 +41,8 @@
     "@tanstack/devtools-ui": "workspace:^"
   },
   "peerDependencies": {
-    "@types/react": ">=17.0.0",
-    "react": ">=17.0.0",
+    "@types/react": ">=19.0.0",
+    "react": ">=19.0.0",
     "solid-js": ">=1.9.7"
   },
   "peerDependenciesMeta": {
@@ -68,6 +68,6 @@
     "test:lib:dev": "pnpm test:lib --watch",
     "test:types": "tsc",
     "test:build": "publint --strict",
-    "build": "vite build"
+    "build": "vite build && vite build --config ./vite.config.solid.ts"
   }
-}
+}

packages/devtools-utils/src/react/panel.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef } from 'react'
+import { useEffect, useRef } from 'react'
 
 export interface DevtoolsPanelProps {
   theme?: 'light' | 'dark'

packages/devtools-utils/tsconfig.json

@@ -1,13 +1,15 @@
 {
   "compilerOptions": {
-    "jsx": "preserve"
+    "jsx": "react-jsx",
+    "jsxImportSource": "react"
   },
   "extends": "../../tsconfig.json",
   "include": [
     "src",
     "eslint.config.js",
     "vite.config.ts",
     "tests",
-    "src/server"
+    "src/server",
+    "vite.config.solid.ts"
   ]
 }

packages/devtools-utils/tsconfig.solid.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "jsx": "preserve",
+    "jsxImportSource": "solid-js",
+  },
+  "extends": "../../tsconfig.json",
+  "include": [
+    "src",
+    "eslint.config.js",
+    "vite.config.ts",
+    "tests",
+    "src/server"
+  ]
+}

packages/devtools-utils/vite.config.solid.ts

@@ -0,0 +1,26 @@
+import { defineConfig, mergeConfig } from 'vitest/config'
+import { tanstackViteConfig } from '@tanstack/config/vite'
+import packageJson from './package.json'
+
+const config = defineConfig({
+  plugins: [],
+  test: {
+    name: packageJson.name,
+    dir: './',
+    watch: false,
+    environment: 'jsdom',
+    setupFiles: ['./tests/test-setup.ts'],
+    globals: true,
+  },
+})
+
+export default mergeConfig(
+  config,
+  tanstackViteConfig({
+    entry: ['./src/solid/index.ts',],
+    srcDir: './src/solid',
+    tsconfigPath: './tsconfig.json',
+    outDir: './dist/solid',
+    cjs: false
+  }),
+)

packages/devtools-utils/vite.config.ts

@@ -17,8 +17,10 @@ const config = defineConfig({
 export default mergeConfig(
   config,
   tanstackViteConfig({
-    entry: ['./src/react/index.ts', './src/solid/index.ts'],
-    srcDir: './src',
-    cjs: false,
+    entry: ['./src/react/index.ts',],
+    srcDir: './src/react',
+    tsconfigPath: './tsconfig.json',
+    outDir: './dist/react',
+    cjs: false
   }),
 )