Init

node_modules/preact/devtools/src/devtools.js

@@ -0,0 +1,21 @@
+import { Component, Fragment, options } from 'preact';
+
+export function initDevTools() {
+	const globalVar =
+		typeof globalThis !== 'undefined'
+			? globalThis
+			: typeof window !== 'undefined'
+				? window
+				: undefined;
+
+	if (
+		globalVar !== null &&
+		globalVar !== undefined &&
+		globalVar.__PREACT_DEVTOOLS__
+	) {
+		globalVar.__PREACT_DEVTOOLS__.attachPreact('10.26.9', options, {
+			Fragment,
+			Component
+		});
+	}
+}

node_modules/preact/devtools/src/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Customize the displayed name of a useState, useReducer or useRef hook
+ * in the devtools panel.
+ *
+ * @param value Wrapped native hook.
+ * @param name Custom name
+ */
+export function addHookName<T>(value: T, name: string): T;

node_modules/preact/devtools/src/index.js

@@ -0,0 +1,15 @@
+import { options } from 'preact';
+import { initDevTools } from './devtools';
+
+initDevTools();
+
+/**
+ * Display a custom label for a custom hook for the devtools panel
+ * @type {<T>(value: T, name: string) => T}
+ */
+export function addHookName(value, name) {
+	if (options._addHookName) {
+		options._addHookName(name);
+	}
+	return value;
+}