@tanstack/hotkeys-devtools 1.8.1 → 1.9.0

package/dist/components/HeldKeysTopbar.js

@@ -1,10 +1,10 @@
 import { useHotkeysDevtoolsState } from "../HotkeysContextProvider.js";
 import { useStyles } from "../styles/use-styles.js";
 import { className, createComponent, effect, insert, memo, template } from "solid-js/web";
-import { For, Show } from "solid-js";
 import { detectPlatform, formatForDisplay } from "@tanstack/hotkeys";
+import { For, Show } from "solid-js";
 
-//#region src/components/HeldKeysTopbar.tsx
+// src/components/HeldKeysTopbar.tsx
 var _tmpl$ = /*#__PURE__*/ template(`<div><span>Held</span><div>`);
 var _tmpl$2 = /*#__PURE__*/ template(`<span>--`);
 var _tmpl$3 = /*#__PURE__*/ template(`<span>`);
@@ -76,5 +76,4 @@ function HeldKeysBar() {
 	})();
 }
 
-//#endregion
 export { HeldKeysBar };

package/dist/components/HotkeyList.js

@@ -1,15 +1,15 @@
-import { effectiveSequenceMatchedSteps } from "../sequence-progress.js";
 import { useHotkeysDevtoolsState } from "../HotkeysContextProvider.js";
-import { useStyles } from "../styles/use-styles.js";
 import { formatRegistration, getBindingKind, useRegistrationConflicts } from "../_registrations.js";
 import { groupByScope, scopeStatusDescriptions } from "../_scopes.js";
+import { effectiveSequenceMatchedSteps } from "../sequence-progress.js";
+import { useStyles } from "../styles/use-styles.js";
 import { className, createComponent, delegateEvents, effect, insert, memo, template } from "solid-js/web";
-import { For, Show, createEffect, createMemo, createSignal, on } from "solid-js";
 import { formatForDisplay } from "@tanstack/hotkeys";
+import { For, Show, createEffect, createMemo, createSignal, on } from "solid-js";
 import clsx from "clsx";
 import { matchSorter } from "match-sorter";
 
-//#region src/components/HotkeyList.tsx
+// src/components/HotkeyList.tsx
 var _tmpl$ = /*#__PURE__*/ template(`<span><span>`);
 var _tmpl$2 = /*#__PURE__*/ template(`<span data-tooltip>`);
 var _tmpl$3 = /*#__PURE__*/ template(`<span>`);
@@ -480,5 +480,4 @@ function HotkeyList(props) {
 }
 delegateEvents(["click", "input"]);
 
-//#endregion
 export { HotkeyList, appHotkeySelectionId };

package/dist/components/Shell.js

@@ -1,13 +1,13 @@
 import { useHotkeysDevtoolsState } from "../HotkeysContextProvider.js";
 import { useStyles } from "../styles/use-styles.js";
+import { DetailsPanel } from "./DetailsPanel.js";
 import { HeldKeysBar } from "./HeldKeysTopbar.js";
 import { HotkeyList, appHotkeySelectionId } from "./HotkeyList.js";
-import { DetailsPanel } from "./DetailsPanel.js";
 import { className, createComponent, delegateEvents, effect, insert, setStyleProperty, style, template, use } from "solid-js/web";
 import { Header, HeaderLogo, MainPanel } from "@tanstack/devtools-ui";
 import { createEffect, createMemo, createSignal, onCleanup, onMount } from "solid-js";
 
-//#region src/components/Shell.tsx
+// src/components/Shell.tsx
 var _tmpl$ = /*#__PURE__*/ template(`<div><div><div style=min-width:150px;max-width:800px><div></div></div><div></div><div style=flex:1><div>Details`);
 var _tmpl$2 = /*#__PURE__*/ template(`<div>`);
 function readResizeObserverBlockSize(entry) {
@@ -161,5 +161,4 @@ function Shell() {
 }
 delegateEvents(["mousedown"]);
 
-//#endregion
 export { Shell };

package/dist/components/index.js

@@ -3,7 +3,7 @@ import { Shell } from "./Shell.js";
 import { createComponent } from "solid-js/web";
 import { ThemeContextProvider } from "@tanstack/devtools-ui";
 
-//#region src/components/index.tsx
+// src/components/index.tsx
 function HotkeysDevtools(props) {
 	return createComponent(ThemeContextProvider, {
 		get theme() {
@@ -17,5 +17,4 @@ function HotkeysDevtools(props) {
 	});
 }
 
-//#endregion
 export { HotkeysDevtools as default };

package/dist/core.d.ts

@@ -1,5 +1,3 @@
 import { HotkeysDevtoolsCoreClass } from "./types.js";
-//#region src/core.d.ts
 export interface HotkeysDevtoolsInit {}
-export declare const HotkeysDevtoolsCore: HotkeysDevtoolsCoreClass;
-//#endregion
+export declare const HotkeysDevtoolsCore: HotkeysDevtoolsCoreClass;

package/dist/core.js

@@ -1,10 +1,9 @@
 import { constructCoreClass } from "@tanstack/devtools-utils/solid";
 
-//#region src/core.tsx
+// src/core.tsx
 const loadComponent = () => import("./components/index.js");
 const coreClasses = constructCoreClass(loadComponent);
 const HotkeysDevtoolsCore = coreClasses[0];
 const HotkeysDevtoolsCoreNoOp = coreClasses[1];
 
-//#endregion
 export { HotkeysDevtoolsCore, HotkeysDevtoolsCoreNoOp };

package/dist/index.d.ts

@@ -1,6 +1,4 @@
 import { HotkeysDevtoolsCoreClass, HotkeysDevtoolsPanelProps, HotkeysDevtoolsTheme } from "./types.js";
 import { HotkeysDevtoolsInit } from "./core.js";
-//#region src/index.d.ts
 export declare const HotkeysDevtoolsCore: HotkeysDevtoolsCoreClass;
-//#endregion
 export type { HotkeysDevtoolsCoreClass, HotkeysDevtoolsInit, HotkeysDevtoolsPanelProps, HotkeysDevtoolsTheme };

package/dist/index.js

@@ -2,8 +2,7 @@
 
 import { HotkeysDevtoolsCore as HotkeysDevtoolsCore$1, HotkeysDevtoolsCoreNoOp } from "./core.js";
 
-//#region src/index.ts
+// src/index.ts
 const HotkeysDevtoolsCore = process.env.NODE_ENV !== "development" ? HotkeysDevtoolsCoreNoOp : HotkeysDevtoolsCore$1;
 
-//#endregion
 export { HotkeysDevtoolsCore };

package/dist/production.d.ts

@@ -1,3 +1,3 @@
-import { HotkeysDevtoolsCoreClass, HotkeysDevtoolsPanelProps, HotkeysDevtoolsTheme } from "./types.js";
 import { HotkeysDevtoolsCore, HotkeysDevtoolsInit } from "./core.js";
+import { HotkeysDevtoolsCoreClass, HotkeysDevtoolsPanelProps, HotkeysDevtoolsTheme } from "./types.js";
 export { HotkeysDevtoolsCore, type HotkeysDevtoolsCoreClass, type HotkeysDevtoolsInit, type HotkeysDevtoolsPanelProps, type HotkeysDevtoolsTheme };

package/dist/sequence-progress.js

@@ -1,6 +1,6 @@
 import { DEFAULT_SEQUENCE_TIMEOUT } from "@tanstack/hotkeys";
 
-//#region src/sequence-progress.ts
+// src/sequence-progress.ts
 /**
 * Matched step count for UI, accounting for inter-key timeout even if the
 * manager has not processed another event yet.
@@ -15,5 +15,4 @@ function needsSequenceProgressClock(regs, now) {
 	return regs.some((reg) => reg.kind === "sequence" && effectiveSequenceMatchedSteps(reg, now) > 0);
 }
 
-//#endregion
 export { effectiveSequenceMatchedSteps, needsSequenceProgressClock };

package/dist/styles/tokens.js

@@ -1,4 +1,4 @@
-//#region src/styles/tokens.ts
+// src/styles/tokens.ts
 const tokens = {
 	colors: {
 		inherit: "inherit",
@@ -296,5 +296,4 @@ const tokens = {
 	}
 };
 
-//#endregion
 export { tokens };

package/dist/styles/use-styles.js

@@ -3,7 +3,7 @@ import { createTheme } from "@tanstack/devtools-ui";
 import { createEffect, createSignal } from "solid-js";
 import * as goober from "goober";
 
-//#region src/styles/use-styles.ts
+// src/styles/use-styles.ts
 const stylesFactory = (theme) => {
 	const { colors, font, size, alpha, border } = tokens;
 	const { fontFamily, size: fontSize } = font;
@@ -653,6 +653,14 @@ const stylesFactory = (theme) => {
       background: ${t(colors.blue[50], colors.blue[900] + alpha[20])};
       border-radius: ${border.radius.sm};
       border: 1px solid ${t(colors.blue[200], colors.blue[800] + alpha[30])};
+    `,
+		issueItem: css`
+      font-size: ${fontSize.xs};
+      color: ${t(colors.yellow[700], colors.yellow[400])};
+      padding: ${size[1]} ${size[2]};
+      background: ${t(colors.yellow[50], colors.yellow[900] + alpha[20])};
+      border-radius: ${border.radius.sm};
+      border: 1px solid ${t(colors.yellow[200], colors.yellow[800] + alpha[30])};
     `,
 		optionRow: css`
       display: flex;
@@ -750,5 +758,4 @@ function useStyles() {
 	return styles;
 }
 
-//#endregion
 export { useStyles };

package/dist/types.d.ts

@@ -1,4 +1,3 @@
-//#region src/types.d.ts
 /** The devtools color theme. */
 export type HotkeysDevtoolsTheme = 'light' | 'dark';
 /**
@@ -17,5 +16,4 @@ export interface HotkeysDevtoolsPanelProps {
 export type HotkeysDevtoolsCoreClass = new () => {
   mount: (el: HTMLElement, props: HotkeysDevtoolsPanelProps) => Promise<void>;
   unmount: () => void;
-};
-//#endregion
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/hotkeys-devtools",
-  "version": "1.8.1",
+  "version": "1.9.0",
   "description": "Devtools for TanStack Hotkeys",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -36,7 +36,7 @@
     "dist"
   ],
   "peerDependencies": {
-    "@tanstack/hotkeys": "0.24.0"
+    "@tanstack/hotkeys": "0.25.0"
   },
   "dependencies": {
     "@tanstack/devtools-ui": "^0.7.2",
@@ -44,16 +44,16 @@
     "clsx": "^2.1.1",
     "goober": "^2.1.19",
     "match-sorter": "^8.3.0",
-    "solid-js": "^1.9.15"
+    "solid-js": "^1.9.18"
   },
   "devDependencies": {
-    "vite-plugin-solid": "^2.11.14"
+    "vite-plugin-solid": "^2.11.15"
   },
   "scripts": {
     "clean": "premove ./build ./dist",
-    "lint": "eslint ./src",
-    "lint:fix": "eslint ./src --fix",
-    "test:eslint": "eslint ./src",
+    "lint": "oxlint ./src",
+    "lint:fix": "oxlint ./src --fix",
+    "test:oxlint": "oxlint ./src",
     "test:lib": "vitest --passWithNoTests",
     "test:lib:dev": "pnpm test:lib --watch",
     "test:types": "tsc",