@tanstack/devtools 0.10.1 → 0.10.3

package/dist/chunk/{YPBMQIC3.js → KKMMZ2TR.js}

@@ -36,10 +36,12 @@ var PiPProvider = (props) => {
     if (!pip) {
       throw new Error("Failed to open popup. Please allow popups for this site to view the devtools in picture-in-picture mode.");
     }
-    import.meta.hot?.on("vite:beforeUpdate", () => {
-      localStorage.setItem("pip_open", "false");
-      closePipWindow();
-    });
+    if (import.meta.hot && typeof import.meta.hot.on === "function") {
+      import.meta.hot.on("vite:beforeUpdate", () => {
+        localStorage.setItem("pip_open", "false");
+        closePipWindow();
+      });
+    }
     window.addEventListener("beforeunload", () => {
       localStorage.setItem("pip_open", "false");
       closePipWindow();

package/dist/dev.js

@@ -1,5 +1,5 @@
-import { initialState, DevtoolsProvider, PiPProvider } from './chunk/YPBMQIC3.js';
-export { PLUGIN_CONTAINER_ID, PLUGIN_TITLE_CONTAINER_ID } from './chunk/YPBMQIC3.js';
+import { initialState, DevtoolsProvider, PiPProvider } from './chunk/KKMMZ2TR.js';
+export { PLUGIN_CONTAINER_ID, PLUGIN_TITLE_CONTAINER_ID } from './chunk/KKMMZ2TR.js';
 import { render, createComponent, Portal } from 'solid-js/web';
 import { lazy } from 'solid-js';
 import { ClientEventBus } from '@tanstack/devtools-event-bus/client';
@@ -30,7 +30,7 @@ var TanStackDevtoolsCore = class {
     const mountTo = el;
     const dispose = render(() => {
       const _self$ = this;
-      this.#Component = lazy(() => import('./devtools/2YO4AD7X.js'));
+      this.#Component = lazy(() => import('./devtools/RZMDLR3T.js'));
       const Devtools = this.#Component;
       this.#eventBus = new ClientEventBus(this.#eventBusConfig);
       this.#eventBus.start();

package/dist/devtools/{WLSKTQDC.js → OJR76FMH.js}

@@ -1,4 +1,4 @@
-import { usePiPWindow, TANSTACK_DEVTOOLS, keyboardModifiers, getAllPermutations, DevtoolsContext, PLUGIN_TITLE_CONTAINER_ID, PLUGIN_CONTAINER_ID, MAX_ACTIVE_PLUGINS, uppercaseFirstLetter } from '../chunk/YPBMQIC3.js';
+import { usePiPWindow, TANSTACK_DEVTOOLS, keyboardModifiers, getAllPermutations, DevtoolsContext, PLUGIN_TITLE_CONTAINER_ID, PLUGIN_CONTAINER_ID, MAX_ACTIVE_PLUGINS, uppercaseFirstLetter } from '../chunk/KKMMZ2TR.js';
 import { createComponent, Portal, ssr, ssrAttribute, escape, ssrStyle } from 'solid-js/web';
 import { createContext, createSignal, createEffect, onCleanup, Show, createMemo, For, useContext, onMount } from 'solid-js';
 import { createShortcut, useKeyDownList } from '@solid-primitives/keyboard';
@@ -3555,7 +3555,7 @@ var SourceInspector = () => {
     window.getSelection()?.removeAllRanges();
     e.preventDefault();
     e.stopPropagation();
-    const baseUrl = new URL(import.meta.env?.BASE_URL ?? "/", location.origin);
+    const baseUrl = new URL(import.meta?.env?.BASE_URL ?? "/", location.origin);
     const url = new URL(`__tsd/open-source?source=${encodeURIComponent(highlightState.dataSource)}`, baseUrl);
     fetch(url).catch(() => {
     });

package/dist/devtools/{2YO4AD7X.js → RZMDLR3T.js}

@@ -1,4 +1,4 @@
-import { usePiPWindow, TANSTACK_DEVTOOLS, keyboardModifiers, getAllPermutations, DevtoolsContext, PLUGIN_TITLE_CONTAINER_ID, PLUGIN_CONTAINER_ID, MAX_ACTIVE_PLUGINS, uppercaseFirstLetter } from '../chunk/YPBMQIC3.js';
+import { usePiPWindow, TANSTACK_DEVTOOLS, keyboardModifiers, getAllPermutations, DevtoolsContext, PLUGIN_TITLE_CONTAINER_ID, PLUGIN_CONTAINER_ID, MAX_ACTIVE_PLUGINS, uppercaseFirstLetter } from '../chunk/KKMMZ2TR.js';
 import { delegateEvents, createComponent, Portal, template, use, setAttribute, insert, memo, effect, className, addEventListener, style, classList } from 'solid-js/web';
 import { createContext, createSignal, createEffect, onCleanup, Show, createMemo, For, useContext, onMount } from 'solid-js';
 import { createShortcut, useKeyDownList } from '@solid-primitives/keyboard';
@@ -4102,7 +4102,7 @@ var SourceInspector = () => {
     window.getSelection()?.removeAllRanges();
     e.preventDefault();
     e.stopPropagation();
-    const baseUrl = new URL(import.meta.env?.BASE_URL ?? "/", location.origin);
+    const baseUrl = new URL(import.meta?.env?.BASE_URL ?? "/", location.origin);
     const url = new URL(`__tsd/open-source?source=${encodeURIComponent(highlightState.dataSource)}`, baseUrl);
     fetch(url).catch(() => {
     });

package/dist/index.js

@@ -1,5 +1,5 @@
-import { initialState, DevtoolsProvider, PiPProvider } from './chunk/YPBMQIC3.js';
-export { PLUGIN_CONTAINER_ID, PLUGIN_TITLE_CONTAINER_ID } from './chunk/YPBMQIC3.js';
+import { initialState, DevtoolsProvider, PiPProvider } from './chunk/KKMMZ2TR.js';
+export { PLUGIN_CONTAINER_ID, PLUGIN_TITLE_CONTAINER_ID } from './chunk/KKMMZ2TR.js';
 import { render, createComponent, Portal } from 'solid-js/web';
 import { lazy } from 'solid-js';
 import { ClientEventBus } from '@tanstack/devtools-event-bus/client';
@@ -30,7 +30,7 @@ var TanStackDevtoolsCore = class {
     const mountTo = el;
     const dispose = render(() => {
       const _self$ = this;
-      this.#Component = lazy(() => import('./devtools/2YO4AD7X.js'));
+      this.#Component = lazy(() => import('./devtools/RZMDLR3T.js'));
       const Devtools = this.#Component;
       this.#eventBus = new ClientEventBus(this.#eventBusConfig);
       this.#eventBus.start();

package/dist/server.js

@@ -1,5 +1,5 @@
-import { initialState } from './chunk/YPBMQIC3.js';
-export { PLUGIN_CONTAINER_ID, PLUGIN_TITLE_CONTAINER_ID } from './chunk/YPBMQIC3.js';
+import { initialState } from './chunk/KKMMZ2TR.js';
+export { PLUGIN_CONTAINER_ID, PLUGIN_TITLE_CONTAINER_ID } from './chunk/KKMMZ2TR.js';
 import 'solid-js/web';
 import 'solid-js';
 import '@tanstack/devtools-event-bus/client';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/devtools",
-  "version": "0.10.1",
+  "version": "0.10.3",
   "description": "TanStack Devtools is a set of tools for building advanced devtools for your application.",
   "author": "Tanner Linsley",
   "license": "MIT",

package/src/components/source-inspector.tsx

@@ -80,7 +80,7 @@ export const SourceInspector = () => {
     e.stopPropagation()
 
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-    const baseUrl = new URL(import.meta.env?.BASE_URL ?? '/', location.origin)
+    const baseUrl = new URL(import.meta?.env?.BASE_URL ?? '/', location.origin)
     const url = new URL(
       `__tsd/open-source?source=${encodeURIComponent(
         highlightState.dataSource,

package/src/context/pip-context.tsx

@@ -55,10 +55,12 @@ export const PiPProvider = (props: PiPProviderProps) => {
       )
     }
 
-    import.meta.hot?.on('vite:beforeUpdate', () => {
-      localStorage.setItem('pip_open', 'false')
-      closePipWindow()
-    })
+    if (import.meta.hot && typeof import.meta.hot.on === 'function') {
+      import.meta.hot.on('vite:beforeUpdate', () => {
+        localStorage.setItem('pip_open', 'false')
+        closePipWindow()
+      })
+    }
     window.addEventListener('beforeunload', () => {
       localStorage.setItem('pip_open', 'false')
       closePipWindow()

package/src/core.tsx

@@ -63,7 +63,9 @@ 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
+    //  can be run outside of vite so we ignore the rule
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+    if (import.meta?.env?.SSR) return
 
     if (this.#isMounted) {
       throw new Error('Devtools is already mounted')