SolidJS devtools /production export

Author: oscartbeaumont

packages/react-query-devtools/src/index.ts

@@ -11,6 +11,10 @@ export const ReactQueryDevtools: (typeof Devtools)['ReactQueryDevtools'] =
     : Devtools.ReactQueryDevtools
 
 export const ReactQueryDevtoolsPanel: (typeof DevtoolsPanel)['ReactQueryDevtoolsPanel'] =
-  DevtoolsPanel.ReactQueryDevtoolsPanel
+  process.env.NODE_ENV !== 'development'
+    ? function () {
+        return null
+      }
+    : DevtoolsPanel.ReactQueryDevtoolsPanel
 
 export type DevtoolsPanelOptions = DevtoolsPanel.DevtoolsPanelOptions

packages/solid-query-devtools/package.json

@@ -37,23 +37,45 @@
   "types": "./build/index.d.ts",
   "browser": {},
   "exports": {
-    "@tanstack/custom-condition": "./src/index.ts",
-    "solid": {
-      "development": "./build/dev.jsx",
-      "import": "./build/index.jsx"
-    },
-    "development": {
+    ".": {
+      "@tanstack/custom-condition": "./src/index.tsx",
+      "solid": {
+        "development": "./build/index/dev.jsx",
+        "import": "./build/index/index.jsx"
+      },
+      "development": {
+        "import": {
+          "types": "./build/index/index.d.ts",
+          "default": "./build/index/dev.js"
+        },
+        "require": "./build/index/dev.cjs"
+      },
       "import": {
-        "types": "./build/index.d.ts",
-        "default": "./build/dev.js"
+        "types": "./build/index/index.d.ts",
+        "default": "./build/index/index.js"
       },
-      "require": "./build/dev.cjs"
+      "require": "./build/index/index.cjs"
     },
-    "import": {
-      "types": "./build/index.d.ts",
-      "default": "./build/index.js"
+    "./production": {
+      "@tanstack/custom-condition": "./src/production.tsx",
+      "solid": {
+        "development": "./build/production/dev.jsx",
+        "import": "./build/production/index.jsx"
+      },
+      "development": {
+        "import": {
+          "types": "./build/production/index.d.ts",
+          "default": "./build/production/dev.js"
+        },
+        "require": "./build/production/dev.cjs"
+      },
+      "import": {
+        "types": "./build/production/index.d.ts",
+        "default": "./build/production/index.js"
+      },
+      "require": "./build/production/index.cjs"
     },
-    "require": "./build/index.cjs"
+    "./package.json": "./package.json"
   },
   "files": [
     "build",

packages/solid-query-devtools/src/production.tsx

@@ -0,0 +1,12 @@
+import clientOnly from './clientOnly'
+import type SolidQueryDevtoolsComp from './devtools'
+import type SolidQueryDevtoolsCompPanel from './devtoolsPanel'
+
+export const SolidQueryDevtools: typeof SolidQueryDevtoolsComp = clientOnly(
+  () => import('./devtools'),
+)
+
+export const SolidQueryDevtoolsPanel: typeof SolidQueryDevtoolsCompPanel =
+  clientOnly(() => import('./devtoolsPanel'))
+
+export type { DevtoolsPanelOptions } from './devtoolsPanel'

packages/solid-query-devtools/tsup.config.ts

@@ -2,10 +2,13 @@ import { defineConfig } from 'tsup'
 import { generateTsupOptions, parsePresetOptions } from 'tsup-preset-solid'
 
 const preset_options = {
-  entries: {
+  entries: [{
     entry: 'src/index.tsx',
     dev_entry: true,
-  },
+  }, {
+    entry: 'src/production.tsx',
+    dev_entry: true,
+  }],
   cjs: true,
   drop_console: true,
 }