fixdog 0.0.1 → 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +80 -433
- package/dist/api/client.d.ts +74 -0
- package/dist/components/ConversationalInputReact.d.ts +26 -0
- package/dist/components/ElementInfoDisplayReact.d.ts +9 -0
- package/dist/components/FixdogSidebarReact.d.ts +29 -0
- package/dist/fiber.d.ts +9 -0
- package/dist/index.cjs.js +33 -0
- package/dist/index.cjs.js.map +1 -0
- package/dist/index.d.ts +6 -158
- package/dist/index.esm.js +29 -0
- package/dist/index.esm.js.map +1 -0
- package/dist/inspector-B4F5CBT7.cjs.js +1159 -0
- package/dist/inspector-B4F5CBT7.cjs.js.map +1 -0
- package/dist/inspector-BL2pNjn-.cjs.js +1173 -0
- package/dist/inspector-BL2pNjn-.cjs.js.map +1 -0
- package/dist/inspector-Bg6uSvk0.esm.js +1273 -0
- package/dist/inspector-Bg6uSvk0.esm.js.map +1 -0
- package/dist/inspector-BuOffbVc.cjs.js +1280 -0
- package/dist/inspector-BuOffbVc.cjs.js.map +1 -0
- package/dist/inspector-CNgFkZOU.esm.js +1185 -0
- package/dist/inspector-CNgFkZOU.esm.js.map +1 -0
- package/dist/inspector-CPF1N9dL.esm.js +1185 -0
- package/dist/inspector-CPF1N9dL.esm.js.map +1 -0
- package/dist/inspector-CPGK5Lg7.esm.js +1155 -0
- package/dist/inspector-CPGK5Lg7.esm.js.map +1 -0
- package/dist/inspector-CWcTSREy.cjs.js +1174 -0
- package/dist/inspector-CWcTSREy.cjs.js.map +1 -0
- package/dist/inspector-Cn_bl9Io.cjs.js +1189 -0
- package/dist/inspector-Cn_bl9Io.cjs.js.map +1 -0
- package/dist/inspector-D9DuXirp.cjs.js +1189 -0
- package/dist/inspector-D9DuXirp.cjs.js.map +1 -0
- package/dist/inspector-DQEtAjyM.esm.js +1129 -0
- package/dist/inspector-DQEtAjyM.esm.js.map +1 -0
- package/dist/inspector-DVlU9p44.cjs.js +1189 -0
- package/dist/inspector-DVlU9p44.cjs.js.map +1 -0
- package/dist/inspector-DaRVppX9.cjs.js +1134 -0
- package/dist/inspector-DaRVppX9.cjs.js.map +1 -0
- package/dist/inspector-huqtI2MD.esm.js +1170 -0
- package/dist/inspector-huqtI2MD.esm.js.map +1 -0
- package/dist/inspector-spoCY1tf.esm.js +1169 -0
- package/dist/inspector-spoCY1tf.esm.js.map +1 -0
- package/dist/inspector-tY1kJK5_.esm.js +1185 -0
- package/dist/inspector-tY1kJK5_.esm.js.map +1 -0
- package/dist/inspector.d.ts +43 -0
- package/dist/keyboard.d.ts +10 -0
- package/dist/overlay.d.ts +31 -0
- package/dist/react/InspectorProvider.d.ts +6 -0
- package/dist/react/index.cjs.js +32 -0
- package/dist/react/index.cjs.js.map +1 -0
- package/dist/react/index.esm.js +30 -0
- package/dist/react/index.esm.js.map +1 -0
- package/dist/sidebar/SidebarRuntime.d.ts +8 -0
- package/dist/sidebar-runtime.esm.js +2122 -0
- package/dist/sidebar-runtime.esm.js.map +1 -0
- package/dist/sidebar-runtime.iife.js +2991 -0
- package/dist/styles/sidebarStyles.d.ts +2 -0
- package/dist/styles.d.ts +8 -0
- package/dist/types/sidebar.d.ts +62 -0
- package/dist/types.d.ts +47 -0
- package/dist/utils/cookies.d.ts +10 -0
- package/dist/utils/devMode.d.ts +17 -0
- package/dist/utils/sessionStorage.d.ts +19 -0
- package/package.json +57 -40
- package/USAGE.md +0 -77
- package/dist/client/index.d.mts +0 -110
- package/dist/client/index.d.ts +0 -110
- package/dist/client/index.js +0 -1601
- package/dist/client/index.mjs +0 -1582
- package/dist/client/init.d.mts +0 -67
- package/dist/client/init.d.ts +0 -67
- package/dist/client/init.js +0 -1609
- package/dist/client/init.mjs +0 -1593
- package/dist/index.d.mts +0 -158
- package/dist/index.js +0 -1635
- package/dist/index.mjs +0 -1606
- package/src/api/client.ts +0 -141
- package/src/client/index.ts +0 -75
- package/src/client/init.tsx +0 -78
- package/src/components/ConversationalInputReact.tsx +0 -406
- package/src/components/ElementInfoDisplayReact.tsx +0 -84
- package/src/components/UiDogSidebarReact.tsx +0 -49
- package/src/element-detector.ts +0 -186
- package/src/index.ts +0 -228
- package/src/instrument.ts +0 -171
- package/src/sidebar-initializer.ts +0 -171
- package/src/source-resolver.ts +0 -121
- package/src/styles/sidebarStyles.ts +0 -597
- package/src/types/css.d.ts +0 -9
- package/src/types/sidebar.ts +0 -56
- package/src/types.ts +0 -119
- package/tsconfig.json +0 -23
- package/tsup.config.ts +0 -40
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { InspectorOptions } from "./types";
|
|
2
|
+
export declare class Inspector {
|
|
3
|
+
private options;
|
|
4
|
+
private overlayOptions;
|
|
5
|
+
private overlay;
|
|
6
|
+
private state;
|
|
7
|
+
private lastElement;
|
|
8
|
+
private lastInfo;
|
|
9
|
+
private boundMouseMove;
|
|
10
|
+
private boundClick;
|
|
11
|
+
private boundKeyDown;
|
|
12
|
+
private boundScroll;
|
|
13
|
+
private boundResize;
|
|
14
|
+
private mounted;
|
|
15
|
+
private requestId;
|
|
16
|
+
private selectedComponents;
|
|
17
|
+
private nextComponentId;
|
|
18
|
+
private sidebarOpen;
|
|
19
|
+
private findInfoInElementAndAncestors;
|
|
20
|
+
private findInfoFromEvent;
|
|
21
|
+
private sidebarInitialized;
|
|
22
|
+
private devModeChecked;
|
|
23
|
+
constructor(options?: InspectorOptions);
|
|
24
|
+
private initializeSidebar;
|
|
25
|
+
private boundClearSelections;
|
|
26
|
+
private boundRemoveComponent;
|
|
27
|
+
activate(): void;
|
|
28
|
+
deactivate(): void;
|
|
29
|
+
destroy(): void;
|
|
30
|
+
private handleMouseMove;
|
|
31
|
+
private handleClick;
|
|
32
|
+
private createSelectedComponent;
|
|
33
|
+
private openSidebar;
|
|
34
|
+
private clearSelections;
|
|
35
|
+
private handleClearSelections;
|
|
36
|
+
private handleRemoveComponent;
|
|
37
|
+
private getNextAvailableId;
|
|
38
|
+
removeSelection(componentId: number): void;
|
|
39
|
+
private handleKeyDown;
|
|
40
|
+
private togglePersistent;
|
|
41
|
+
private reposition;
|
|
42
|
+
private log;
|
|
43
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export interface ParsedShortcut {
|
|
2
|
+
ctrl: boolean;
|
|
3
|
+
meta: boolean;
|
|
4
|
+
alt: boolean;
|
|
5
|
+
shift: boolean;
|
|
6
|
+
key: string | null;
|
|
7
|
+
}
|
|
8
|
+
export declare const parseShortcut: (shortcut?: string) => ParsedShortcut;
|
|
9
|
+
export declare const matchesShortcut: (event: KeyboardEvent, shortcut?: string) => boolean;
|
|
10
|
+
export declare const isOptionClick: (event: MouseEvent, useOptionClick: boolean) => boolean;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { OverlayOptions, SourceInfo } from "./types";
|
|
2
|
+
interface SelectionOverlay {
|
|
3
|
+
element: Element;
|
|
4
|
+
highlight: HTMLDivElement;
|
|
5
|
+
badge: HTMLDivElement;
|
|
6
|
+
componentName: string;
|
|
7
|
+
}
|
|
8
|
+
export declare class Overlay {
|
|
9
|
+
private options;
|
|
10
|
+
private styleEl;
|
|
11
|
+
private highlight;
|
|
12
|
+
private tooltip;
|
|
13
|
+
private mounted;
|
|
14
|
+
private doc;
|
|
15
|
+
private selections;
|
|
16
|
+
constructor(options: OverlayOptions);
|
|
17
|
+
mount(doc?: Document): void;
|
|
18
|
+
update(element: Element, info: SourceInfo): void;
|
|
19
|
+
hide(): void;
|
|
20
|
+
destroy(): void;
|
|
21
|
+
addSelection(id: number, element: Element, componentName: string): void;
|
|
22
|
+
removeSelection(id: number): void;
|
|
23
|
+
clearSelections(): void;
|
|
24
|
+
updateSelectionPositions(): void;
|
|
25
|
+
getSelections(): Map<number, SelectionOverlay>;
|
|
26
|
+
private applyHighlight;
|
|
27
|
+
private applyTooltip;
|
|
28
|
+
private positionTooltip;
|
|
29
|
+
private shouldPlaceTop;
|
|
30
|
+
}
|
|
31
|
+
export {};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var react = require('react');
|
|
5
|
+
var inspector = require('../inspector-BuOffbVc.cjs.js');
|
|
6
|
+
require('source-map-js');
|
|
7
|
+
|
|
8
|
+
const InspectorProvider = ({ options, children }) => {
|
|
9
|
+
const merged = react.useMemo(() => ({ ...inspector.DEFAULT_OPTIONS, ...options }), [options]);
|
|
10
|
+
const warningShownRef = react.useRef(false);
|
|
11
|
+
react.useEffect(() => {
|
|
12
|
+
// Strict dev mode check - only work in development
|
|
13
|
+
if (!inspector.isDevMode()) {
|
|
14
|
+
if (!warningShownRef.current) {
|
|
15
|
+
console.warn(inspector.DEV_MODE_WARNING);
|
|
16
|
+
warningShownRef.current = true;
|
|
17
|
+
}
|
|
18
|
+
return;
|
|
19
|
+
}
|
|
20
|
+
if (!merged.enabled)
|
|
21
|
+
return;
|
|
22
|
+
const inspector$1 = new inspector.Inspector(merged);
|
|
23
|
+
inspector$1.activate();
|
|
24
|
+
return () => {
|
|
25
|
+
inspector$1.destroy();
|
|
26
|
+
};
|
|
27
|
+
}, [merged]);
|
|
28
|
+
return jsxRuntime.jsx(jsxRuntime.Fragment, { children: children });
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
exports.InspectorProvider = InspectorProvider;
|
|
32
|
+
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../src/react/InspectorProvider.tsx"],"sourcesContent":[null],"names":["useMemo","DEFAULT_OPTIONS","useRef","useEffect","isDevMode","DEV_MODE_WARNING","inspector","Inspector","_jsx","_Fragment"],"mappings":";;;;;;;AASO,MAAM,iBAAiB,GAE1B,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAI;IAC5B,MAAM,MAAM,GAAGA,aAAO,CAAC,OAAO,EAAE,GAAGC,yBAAe,EAAE,GAAG,OAAO,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAC7E,IAAA,MAAM,eAAe,GAAGC,YAAM,CAAC,KAAK,CAAC;IAErCC,eAAS,CAAC,MAAK;;AAEb,QAAA,IAAI,CAACC,mBAAS,EAAE,EAAE;AAChB,YAAA,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE;AAC5B,gBAAA,OAAO,CAAC,IAAI,CAACC,0BAAgB,CAAC;AAC9B,gBAAA,eAAe,CAAC,OAAO,GAAG,IAAI;YAChC;YACA;QACF;QAEA,IAAI,CAAC,MAAM,CAAC,OAAO;YAAE;AACrB,QAAA,MAAMC,WAAS,GAAG,IAAIC,mBAAS,CAAC,MAAM,CAAC;QACvCD,WAAS,CAAC,QAAQ,EAAE;AAEpB,QAAA,OAAO,MAAK;YACVA,WAAS,CAAC,OAAO,EAAE;AACrB,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;IAEZ,OAAOE,cAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAI;AACxB;;;;"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { jsx, Fragment } from 'react/jsx-runtime';
|
|
2
|
+
import { useMemo, useRef, useEffect } from 'react';
|
|
3
|
+
import { a as DEFAULT_OPTIONS, i as isDevMode, D as DEV_MODE_WARNING, I as Inspector } from '../inspector-Bg6uSvk0.esm.js';
|
|
4
|
+
import 'source-map-js';
|
|
5
|
+
|
|
6
|
+
const InspectorProvider = ({ options, children }) => {
|
|
7
|
+
const merged = useMemo(() => ({ ...DEFAULT_OPTIONS, ...options }), [options]);
|
|
8
|
+
const warningShownRef = useRef(false);
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
// Strict dev mode check - only work in development
|
|
11
|
+
if (!isDevMode()) {
|
|
12
|
+
if (!warningShownRef.current) {
|
|
13
|
+
console.warn(DEV_MODE_WARNING);
|
|
14
|
+
warningShownRef.current = true;
|
|
15
|
+
}
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
18
|
+
if (!merged.enabled)
|
|
19
|
+
return;
|
|
20
|
+
const inspector = new Inspector(merged);
|
|
21
|
+
inspector.activate();
|
|
22
|
+
return () => {
|
|
23
|
+
inspector.destroy();
|
|
24
|
+
};
|
|
25
|
+
}, [merged]);
|
|
26
|
+
return jsx(Fragment, { children: children });
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
export { InspectorProvider };
|
|
30
|
+
//# sourceMappingURL=index.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":["../../src/react/InspectorProvider.tsx"],"sourcesContent":[null],"names":["_jsx","_Fragment"],"mappings":";;;;;AASO,MAAM,iBAAiB,GAE1B,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAI;IAC5B,MAAM,MAAM,GAAG,OAAO,CAAC,OAAO,EAAE,GAAG,eAAe,EAAE,GAAG,OAAO,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAC7E,IAAA,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC;IAErC,SAAS,CAAC,MAAK;;AAEb,QAAA,IAAI,CAAC,SAAS,EAAE,EAAE;AAChB,YAAA,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE;AAC5B,gBAAA,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC;AAC9B,gBAAA,eAAe,CAAC,OAAO,GAAG,IAAI;YAChC;YACA;QACF;QAEA,IAAI,CAAC,MAAM,CAAC,OAAO;YAAE;AACrB,QAAA,MAAM,SAAS,GAAG,IAAI,SAAS,CAAC,MAAM,CAAC;QACvC,SAAS,CAAC,QAAQ,EAAE;AAEpB,QAAA,OAAO,MAAK;YACV,SAAS,CAAC,OAAO,EAAE;AACrB,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;IAEZ,OAAOA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAI;AACxB;;;;"}
|