@fluixi/devtools 0.2.0-alpha.2 → 0.2.0-alpha.4

package/dist/palette.cjs

@@ -0,0 +1,52 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/palette.ts
+var palette_exports = {};
+__export(palette_exports, {
+  KIND_COLOR: () => KIND_COLOR,
+  kindColor: () => kindColor,
+  kindRules: () => kindRules,
+  kindVar: () => kindVar
+});
+module.exports = __toCommonJS(palette_exports);
+var KIND_COLOR = {
+  state: "#34d399",
+  memo: "#a78bfa",
+  effect: "#fbbf24",
+  store: "#38bdf8",
+  resource: "#fb7185",
+  component: "#f0abfc",
+  provider: "#fb923c",
+  control: "#22d3ee",
+  router: "#818cf8",
+  handler: "#f472b6",
+  context: "#a3e635",
+  directive: "#5eead4",
+  binding: "#5eead4",
+  setter: "#fb7185",
+  group: "#8a90a2",
+  element: "#8a90a2"
+};
+var kindVar = (kind) => `--fx-kind-${kind}`;
+var kindColor = (kind) => `var(${kindVar(kind)}, ${KIND_COLOR[kind]})`;
+var KINDS = Object.keys(KIND_COLOR);
+function kindRules(selector, property) {
+  return KINDS.map((kind) => `${selector(kind)} { ${property}: ${kindColor(kind)}; }`).join("\n");
+}

package/dist/palette.d.ts

@@ -0,0 +1,11 @@
+import type { NodeKind } from './instrument.js';
+/** Element rows exist only in the tree, which is why this is wider than NodeKind. */
+export type ColouredKind = NodeKind | 'element';
+export declare const KIND_COLOR: Record<ColouredKind, string>;
+/** The variable a host can set to override one, per kind. */
+export declare const kindVar: (kind: ColouredKind) => string;
+/** `var(--fx-kind-memo, #a78bfa)`, so a host may theme it and nothing breaks if it does not. */
+export declare const kindColor: (kind: ColouredKind) => string;
+/** One rule per kind, built from the table so a new kind cannot be missed in one host. */
+export declare function kindRules(selector: (kind: ColouredKind) => string, property: string): string;
+//# sourceMappingURL=palette.d.ts.map

package/dist/palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../src/palette.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEhD,qFAAqF;AACrF,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEhD,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAiBnD,CAAC;AAEF,6DAA6D;AAC7D,eAAO,MAAM,OAAO,GAAI,MAAM,YAAY,KAAG,MAA6B,CAAC;AAE3E,gGAAgG;AAChG,eAAO,MAAM,SAAS,GAAI,MAAM,YAAY,KAAG,MACD,CAAC;AAI/C,0FAA0F;AAC1F,wBAAgB,SAAS,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAE5F"}

package/dist/palette.js

@@ -0,0 +1,27 @@
+export const KIND_COLOR = {
+    state: '#34d399',
+    memo: '#a78bfa',
+    effect: '#fbbf24',
+    store: '#38bdf8',
+    resource: '#fb7185',
+    component: '#f0abfc',
+    provider: '#fb923c',
+    control: '#22d3ee',
+    router: '#818cf8',
+    handler: '#f472b6',
+    context: '#a3e635',
+    directive: '#5eead4',
+    binding: '#5eead4',
+    setter: '#fb7185',
+    group: '#8a90a2',
+    element: '#8a90a2',
+};
+/** The variable a host can set to override one, per kind. */
+export const kindVar = (kind) => `--fx-kind-${kind}`;
+/** `var(--fx-kind-memo, #a78bfa)`, so a host may theme it and nothing breaks if it does not. */
+export const kindColor = (kind) => `var(${kindVar(kind)}, ${KIND_COLOR[kind]})`;
+const KINDS = Object.keys(KIND_COLOR);
+/** One rule per kind, built from the table so a new kind cannot be missed in one host. */
+export function kindRules(selector, property) {
+    return KINDS.map((kind) => `${selector(kind)} { ${property}: ${kindColor(kind)}; }`).join('\n');
+}

package/dist/palette.mjs

@@ -0,0 +1,31 @@
+// src/palette.ts
+var KIND_COLOR = {
+  state: "#34d399",
+  memo: "#a78bfa",
+  effect: "#fbbf24",
+  store: "#38bdf8",
+  resource: "#fb7185",
+  component: "#f0abfc",
+  provider: "#fb923c",
+  control: "#22d3ee",
+  router: "#818cf8",
+  handler: "#f472b6",
+  context: "#a3e635",
+  directive: "#5eead4",
+  binding: "#5eead4",
+  setter: "#fb7185",
+  group: "#8a90a2",
+  element: "#8a90a2"
+};
+var kindVar = (kind) => `--fx-kind-${kind}`;
+var kindColor = (kind) => `var(${kindVar(kind)}, ${KIND_COLOR[kind]})`;
+var KINDS = Object.keys(KIND_COLOR);
+function kindRules(selector, property) {
+  return KINDS.map((kind) => `${selector(kind)} { ${property}: ${kindColor(kind)}; }`).join("\n");
+}
+export {
+  KIND_COLOR,
+  kindColor,
+  kindRules,
+  kindVar
+};

package/dist/path.cjs

@@ -0,0 +1,45 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/path.ts
+var path_exports = {};
+__export(path_exports, {
+  shortenPath: () => shortenPath
+});
+module.exports = __toCommonJS(path_exports);
+var normalize = (file) => file.replace(/\\/g, "/");
+var ROOTED = /^\/|^(Users|home|var|opt|private|tmp|mnt|srv)\//;
+var WORKSPACE_DIRS = /* @__PURE__ */ new Set(["packages", "apps", "libs", "examples"]);
+function shortenPath(file, root) {
+  const path = normalize(file);
+  if (root) {
+    const base = normalize(root).replace(/\/+$/, "");
+    if (base && path.startsWith(`${base}/`)) return path.slice(base.length + 1);
+    if (base.startsWith("/") && path.startsWith(`${base.slice(1)}/`)) return path.slice(base.length);
+  }
+  const installed = path.lastIndexOf("node_modules/");
+  if (installed >= 0) return path.slice(installed + "node_modules/".length);
+  if (ROOTED.test(path)) {
+    const segments = path.split("/");
+    for (let i = segments.length - 2; i > 0; i--) {
+      if (WORKSPACE_DIRS.has(segments[i])) return segments.slice(i).join("/");
+    }
+  }
+  return path;
+}

package/dist/path.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Showing a file path at the length a reader wants.
+ *
+ * A node the framework made carries the path of the file that made it, on the machine that
+ * ran it: `/Users/someone/work/app/packages/dom/src/lib/dom/runtime.ts`. All of it before
+ * the package name says nothing about the project, and it is most of the line.
+ *
+ * The full path is kept for opening the file — only what is displayed is shortened.
+ */
+/**
+ * The part of `file` worth showing.
+ *
+ * Tried in order: below the project root when the host knows it, then the package a
+ * node_modules path names, then the workspace package a monorepo path names. A path that
+ * matches none of those is left as it is — guessing at a shorter form would hide which file
+ * it is, and the point of the line is to say that.
+ */
+export declare function shortenPath(file: string, root?: string): string;
+//# sourceMappingURL=path.d.ts.map

package/dist/path.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"path.d.ts","sourceRoot":"","sources":["../src/path.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAWH;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAyB/D"}

package/dist/path.js

@@ -0,0 +1,49 @@
+/**
+ * Showing a file path at the length a reader wants.
+ *
+ * A node the framework made carries the path of the file that made it, on the machine that
+ * ran it: `/Users/someone/work/app/packages/dom/src/lib/dom/runtime.ts`. All of it before
+ * the package name says nothing about the project, and it is most of the line.
+ *
+ * The full path is kept for opening the file — only what is displayed is shortened.
+ */
+/** Windows separators, and the leading slash an origin-stripped path can lose. */
+const normalize = (file) => file.replace(/\\/g, '/');
+/** `Users/…`, `home/…`: an absolute path whose leading slash was trimmed off. */
+const ROOTED = /^\/|^(Users|home|var|opt|private|tmp|mnt|srv)\//;
+/** Where a monorepo keeps the things it builds. */
+const WORKSPACE_DIRS = new Set(['packages', 'apps', 'libs', 'examples']);
+/**
+ * The part of `file` worth showing.
+ *
+ * Tried in order: below the project root when the host knows it, then the package a
+ * node_modules path names, then the workspace package a monorepo path names. A path that
+ * matches none of those is left as it is — guessing at a shorter form would hide which file
+ * it is, and the point of the line is to say that.
+ */
+export function shortenPath(file, root) {
+    const path = normalize(file);
+    if (root) {
+        const base = normalize(root).replace(/\/+$/, '');
+        if (base && path.startsWith(`${base}/`))
+            return path.slice(base.length + 1);
+        // The path lost its leading slash on the way here; the root still has one.
+        if (base.startsWith('/') && path.startsWith(`${base.slice(1)}/`))
+            return path.slice(base.length);
+    }
+    // Everything up to the last node_modules is the machine's, not the project's.
+    const installed = path.lastIndexOf('node_modules/');
+    if (installed >= 0)
+        return path.slice(installed + 'node_modules/'.length);
+    // A monorepo package, which is where a framework's own files sit while it is worked on.
+    // The last of these wins: a checkout under `~/Developer/libs` has one in the machine's
+    // part of the path as well as the project's, and the project's is the one meant.
+    if (ROOTED.test(path)) {
+        const segments = path.split('/');
+        for (let i = segments.length - 2; i > 0; i--) {
+            if (WORKSPACE_DIRS.has(segments[i]))
+                return segments.slice(i).join('/');
+        }
+    }
+    return path;
+}

package/dist/path.mjs

@@ -0,0 +1,24 @@
+// src/path.ts
+var normalize = (file) => file.replace(/\\/g, "/");
+var ROOTED = /^\/|^(Users|home|var|opt|private|tmp|mnt|srv)\//;
+var WORKSPACE_DIRS = /* @__PURE__ */ new Set(["packages", "apps", "libs", "examples"]);
+function shortenPath(file, root) {
+  const path = normalize(file);
+  if (root) {
+    const base = normalize(root).replace(/\/+$/, "");
+    if (base && path.startsWith(`${base}/`)) return path.slice(base.length + 1);
+    if (base.startsWith("/") && path.startsWith(`${base.slice(1)}/`)) return path.slice(base.length);
+  }
+  const installed = path.lastIndexOf("node_modules/");
+  if (installed >= 0) return path.slice(installed + "node_modules/".length);
+  if (ROOTED.test(path)) {
+    const segments = path.split("/");
+    for (let i = segments.length - 2; i > 0; i--) {
+      if (WORKSPACE_DIRS.has(segments[i])) return segments.slice(i).join("/");
+    }
+  }
+  return path;
+}
+export {
+  shortenPath
+};

package/dist/plugin.cjs

@@ -0,0 +1,87 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plugin.ts
+var plugin_exports = {};
+__export(plugin_exports, {
+  annotationOf: () => annotationOf,
+  devtoolsPlugins: () => devtoolsPlugins,
+  pluginBadge: () => pluginBadge,
+  pluginElementBadge: () => pluginElementBadge,
+  pluginElementRows: () => pluginElementRows,
+  pluginRows: () => pluginRows,
+  registerDevtoolsPlugin: () => registerDevtoolsPlugin
+});
+module.exports = __toCommonJS(plugin_exports);
+var plugins = [];
+function registerDevtoolsPlugin(plugin) {
+  const at = plugins.findIndex((p) => p.name === plugin.name);
+  if (at === -1) plugins.push(plugin);
+  else plugins[at] = plugin;
+}
+function devtoolsPlugins() {
+  return plugins;
+}
+function annotationOf(node, name) {
+  return node.extra?.[name];
+}
+function pluginRows(node, graph) {
+  const out = [];
+  for (const plugin of plugins) {
+    if (!plugin.rows) continue;
+    try {
+      out.push(...plugin.rows(node, graph));
+    } catch {
+    }
+  }
+  return out;
+}
+function pluginElementRows(extra) {
+  if (!extra) return [];
+  const out = [];
+  for (const plugin of plugins) {
+    if (!plugin.elementRows) continue;
+    try {
+      out.push(...plugin.elementRows(extra));
+    } catch {
+    }
+  }
+  return out;
+}
+function pluginElementBadge(extra) {
+  if (!extra) return void 0;
+  for (const plugin of plugins) {
+    try {
+      const badge = plugin.elementBadge?.(extra);
+      if (badge) return badge;
+    } catch {
+    }
+  }
+  return void 0;
+}
+function pluginBadge(node) {
+  for (const plugin of plugins) {
+    try {
+      const badge = plugin.badge?.(node);
+      if (badge) return badge;
+    } catch {
+    }
+  }
+  return void 0;
+}

package/dist/plugin.d.ts

@@ -0,0 +1,121 @@
+import type { NodeKind, RNode } from './instrument.js';
+/** A directive the runtime applied to an element. */
+export interface DirectiveReport {
+    /** The node it was applied inside, usually a component. */
+    owner: number | undefined;
+    /** `use`, `class`, `style`, `bind`. */
+    kind: string;
+    /** The key after the colon, or the function name for `use:`. */
+    name: string;
+    /** The element as a selector. */
+    element: string;
+    /** The element itself. Only in the page, and the key to annotate it by. */
+    target?: unknown;
+    at?: {
+        file?: string;
+        line?: number;
+        column?: number;
+    };
+}
+/** A node a plugin contributes. Ids come from the graph so they cannot collide. */
+export interface PluginNode {
+    label: string;
+    kind: NodeKind;
+    createdIn?: number;
+    deps?: number[];
+    /** Short enough for a card. */
+    value?: string;
+    /** The whole of it, for the inspector. */
+    detail?: string;
+    /**
+     * Whether the application wrote this or the framework did. False folds it into the
+     * machinery card, the way an unnamed memo is folded.
+     */
+    authored?: boolean;
+    source?: {
+        file?: string;
+        line?: number;
+        column?: number;
+    };
+}
+/** A context provided or read. */
+export interface ContextReport {
+    /** The node it happened in. */
+    owner: number | undefined;
+    /** Identity of the context, stable for its lifetime. */
+    id: symbol;
+    /** What the symbol was created with, when it says anything. */
+    name: string;
+    /** Label of the node it happened in, for naming a context nobody named. */
+    ownerLabel?: string;
+    /** Where the context was written, and whether that was inside a package. */
+    at?: {
+        file?: string;
+        line?: number;
+        column?: number;
+        external?: boolean;
+    };
+    kind: 'provide' | 'read';
+    /** Formatted, since a panel elsewhere cannot hold the value itself. Not yet clipped. */
+    value?: string;
+}
+/** What a plugin gets in the page. */
+export interface CollectContext {
+    onDirective(fn: (report: DirectiveReport) => void): void;
+    onContext(fn: (report: ContextReport) => void): void;
+    /** Attach data under this plugin's name. Must survive JSON.stringify. */
+    annotate(id: number, data: unknown): void;
+    /**
+     * The same, for an element rather than a node. A directive belongs to the element it was
+     * applied to, and an element is not a node, so it is keyed by the element itself and
+     * lands on the description a panel draws.
+     */
+    annotateElement(target: unknown, data: unknown): void;
+    /** What this plugin already attached to an element. */
+    elementAnnotation(target: unknown): unknown;
+    add(node: PluginNode): number;
+    /**
+     * Say what a plain component really is. A component that exists to provide a context is a
+     * provider, and nothing but the plugin watching the context can know that.
+     *
+     * Ignored for a node the framework already named, and ignored for any kind that is not
+     * itself a tag: a Router that provides a context is still a Router, and a component
+     * relabelled a signal would leave the tree along with everything it rendered.
+     */
+    retype(id: number, kind: NodeKind): void;
+    /** What this plugin already attached, for adding to it rather than replacing it. */
+    annotation(id: number): unknown;
+}
+/** A line a plugin adds to the inspector. `at` makes it a link the host can open. */
+export interface PluginRow {
+    label: string;
+    value?: string;
+    at?: {
+        file?: string;
+        line?: number;
+        column?: number;
+    };
+}
+export interface DevtoolsPlugin {
+    /** Namespaces everything it writes. */
+    name: string;
+    /** In the page. */
+    collect?(ctx: CollectContext): void;
+    /** In a panel, for the selected node. Sees only what crossed the wire. */
+    rows?(node: RNode, graph: Map<number, RNode>): PluginRow[];
+    /** A short word next to the label, in the tree and on the card. */
+    badge?(node: RNode): string | undefined;
+    /** The same, for an element row. Given what plugins attached to that element. */
+    elementBadge?(extra: Record<string, unknown>): string | undefined;
+    /** Rows for a selected element row. */
+    elementRows?(extra: Record<string, unknown>): PluginRow[];
+}
+/** Replaced rather than added twice, so a module evaluated in two bundles does not double. */
+export declare function registerDevtoolsPlugin(plugin: DevtoolsPlugin): void;
+export declare function devtoolsPlugins(): readonly DevtoolsPlugin[];
+export declare function annotationOf(node: RNode, name: string): unknown;
+export declare function pluginRows(node: RNode, graph: Map<number, RNode>): PluginRow[];
+export declare function pluginElementRows(extra?: Record<string, unknown>): PluginRow[];
+export declare function pluginElementBadge(extra?: Record<string, unknown>): string | undefined;
+export declare function pluginBadge(node: RNode): string | undefined;
+//# sourceMappingURL=plugin.d.ts.map

package/dist/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"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"}

package/dist/plugin.js

@@ -0,0 +1,74 @@
+const plugins = [];
+/** Replaced rather than added twice, so a module evaluated in two bundles does not double. */
+export function registerDevtoolsPlugin(plugin) {
+    const at = plugins.findIndex((p) => p.name === plugin.name);
+    if (at === -1)
+        plugins.push(plugin);
+    else
+        plugins[at] = plugin;
+}
+export function devtoolsPlugins() {
+    return plugins;
+}
+export function annotationOf(node, name) {
+    return node.extra?.[name];
+}
+export function pluginRows(node, graph) {
+    const out = [];
+    for (const plugin of plugins) {
+        if (!plugin.rows)
+            continue;
+        // A plugin with a bug is not a reason for the panel to stop.
+        try {
+            out.push(...plugin.rows(node, graph));
+        }
+        catch {
+            /* ignored */
+        }
+    }
+    return out;
+}
+export function pluginElementRows(extra) {
+    if (!extra)
+        return [];
+    const out = [];
+    for (const plugin of plugins) {
+        if (!plugin.elementRows)
+            continue;
+        try {
+            out.push(...plugin.elementRows(extra));
+        }
+        catch {
+            /* ignored */
+        }
+    }
+    return out;
+}
+export function pluginElementBadge(extra) {
+    if (!extra)
+        return undefined;
+    for (const plugin of plugins) {
+        try {
+            const badge = plugin.elementBadge?.(extra);
+            if (badge)
+                return badge;
+        }
+        catch {
+            /* ignored */
+        }
+    }
+    return undefined;
+}
+export function pluginBadge(node) {
+    for (const plugin of plugins) {
+        try {
+            const badge = plugin.badge?.(node);
+            if (badge)
+                return badge;
+        }
+        catch {
+            /* ignored */
+        }
+    }
+    return undefined;
+}

package/dist/plugin.mjs

@@ -0,0 +1,66 @@
+// src/plugin.ts
+var plugins = [];
+function registerDevtoolsPlugin(plugin) {
+  const at = plugins.findIndex((p) => p.name === plugin.name);
+  if (at === -1) plugins.push(plugin);
+  else plugins[at] = plugin;
+}
+function devtoolsPlugins() {
+  return plugins;
+}
+function annotationOf(node, name) {
+  return node.extra?.[name];
+}
+function pluginRows(node, graph) {
+  const out = [];
+  for (const plugin of plugins) {
+    if (!plugin.rows) continue;
+    try {
+      out.push(...plugin.rows(node, graph));
+    } catch {
+    }
+  }
+  return out;
+}
+function pluginElementRows(extra) {
+  if (!extra) return [];
+  const out = [];
+  for (const plugin of plugins) {
+    if (!plugin.elementRows) continue;
+    try {
+      out.push(...plugin.elementRows(extra));
+    } catch {
+    }
+  }
+  return out;
+}
+function pluginElementBadge(extra) {
+  if (!extra) return void 0;
+  for (const plugin of plugins) {
+    try {
+      const badge = plugin.elementBadge?.(extra);
+      if (badge) return badge;
+    } catch {
+    }
+  }
+  return void 0;
+}
+function pluginBadge(node) {
+  for (const plugin of plugins) {
+    try {
+      const badge = plugin.badge?.(node);
+      if (badge) return badge;
+    } catch {
+    }
+  }
+  return void 0;
+}
+export {
+  annotationOf,
+  devtoolsPlugins,
+  pluginBadge,
+  pluginElementBadge,
+  pluginElementRows,
+  pluginRows,
+  registerDevtoolsPlugin
+};