@inspecto-dev/core 0.2.0-alpha.3 → 0.3.0-alpha.1

package/dist/index.d.cts

@@ -1,6 +1,10 @@
 import { InspectorOptions } from '@inspecto-dev/types';
 export { InspectorOptions } from '@inspecto-dev/types';
 
+type InspectorMode = 'inspect' | 'annotate';
+type InspectoOptions = InspectorOptions & {
+    mode?: InspectorMode;
+};
 declare const BaseElement: {
     new (): HTMLElement;
     prototype: HTMLElement;
@@ -10,40 +14,110 @@ declare class InspectoElement extends BaseElement {
     private serverHotKeys;
     private active;
     private disabled;
-    private isDragging;
-    private hasMoved;
-    private dragStartX;
-    private dragStartY;
-    private badgeInitialRight;
-    private badgeInitialBottom;
+    private prePauseState;
+    private mode;
+    private launcherPanelOpen;
     private shadowRootEl;
     private overlay;
+    private annotateOverlay;
     private cleanupMenu;
+    private annotateSession;
+    private annotateCapturePaused;
+    private annotateQuickCaptureEnabled;
+    private annotateSidebar;
+    private annotateElements;
+    private annotateDrafts;
+    private annotateEditingRecord;
     private badge;
+    private configLoadPromise;
+    private annotationResponseMode;
+    private annotateInstructionDraft;
+    private annotateErrorMessage;
+    private annotateRuntimeContextEnabled;
+    private annotateScreenshotContextEnabled;
+    private annotateCssContextEnabled;
+    private annotateSendState;
+    private annotateSuccessScope;
+    private annotateSuccessTimeout;
+    private pendingAnnotateViewportFrame;
+    private runtimeContextCollector;
+    private cleanupRuntimeContextCapture;
+    private lastPointerX;
+    private lastPointerY;
+    private readonly onFocusChange;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    configure(options: InspectorOptions): void;
+    configure(options: InspectoOptions): void;
+    setMode(mode: InspectorMode): void;
+    getMode(): InspectorMode;
     private createBadge;
-    private readonly onDragStart;
-    private readonly onDragMove;
-    private readonly onDragEnd;
-    private toggleDisabled;
+    private setPaused;
     private dismiss;
-    private getHotKeyHint;
+    private getHotKeyLabel;
     private getEffectiveHotKeys;
+    private getAnnotationResponseMode;
     private updateBadgeContent;
     private setActive;
     private readonly onMouseMove;
     private readonly onClick;
     private readonly onContextMenu;
     private handleTrigger;
+    private shouldQuickJumpOnTrigger;
+    private shouldInvertLauncherEye;
+    private updateLauncherEye;
     private readonly onKeyDown;
+    private readonly onViewportChange;
+    private openInspectMenu;
+    private syncRuntimeContextCapture;
+    private canAttachRuntimeContext;
+    private canAttachScreenshotContext;
+    private canAttachCssContext;
+    private captureCssContextPromptForElement;
+    private isCssContextEnabledForTarget;
+    private isCssContextEnabledForTransportTarget;
+    private getAnnotateCssContextPrompt;
+    private getRuntimeContextLimits;
+    private getAnnotateRuntimeContext;
+    private formatRuntimeContextSummary;
+    private getCollectedRuntimeErrorCount;
+    private resolveAnnotateScreenshotElement;
+    private captureAnnotateScreenshotContext;
+    private addTargetToCurrentAnnotation;
+    private markTargetInAnnotateSession;
+    private getAnnotationTargetKey;
+    private persistCurrentDraft;
+    private clearDraftForTarget;
+    private restoreEditingRecord;
+    private beginEditingRecord;
+    private findElementForAnnotationTarget;
+    private findElementForLocation;
+    private rebindCurrentAnnotationElements;
+    private createAnnotationTarget;
+    private describeElement;
+    private createSelector;
+    private hasCurrentRecord;
+    private getNextRecordDisplayOrder;
+    private clearAnnotateError;
+    private clearAnnotateSuccess;
+    private showAnnotateSuccess;
+    private toAnnotateErrorMessage;
+    private toAnnotationTransportFromRecord;
+    private sendAnnotationBatch;
+    private syncModeUi;
+    private mountAnnotateSidebar;
+    private updateAnnotateSidebar;
+    private getAnnotateSidebarOptions;
+    private composeAnnotateInstruction;
+    private renderAnnotateSelectionOverlay;
     private isInspectorActive;
     private setupListeners;
     private teardownListeners;
 }
 
-declare function mountInspector(options?: InspectorOptions): Promise<any>;
+type MountInspectorOptions = InspectorOptions & {
+    mode?: InspectorMode;
+};
+declare function mountInspector(options?: MountInspectorOptions): Promise<any>;
 declare function unmountInspector(): void;
 
-export { InspectoElement, mountInspector, unmountInspector };
+export { InspectoElement, type InspectorMode, mountInspector, unmountInspector };

package/dist/index.d.ts

@@ -1,6 +1,10 @@
 import { InspectorOptions } from '@inspecto-dev/types';
 export { InspectorOptions } from '@inspecto-dev/types';
 
+type InspectorMode = 'inspect' | 'annotate';
+type InspectoOptions = InspectorOptions & {
+    mode?: InspectorMode;
+};
 declare const BaseElement: {
     new (): HTMLElement;
     prototype: HTMLElement;
@@ -10,40 +14,110 @@ declare class InspectoElement extends BaseElement {
     private serverHotKeys;
     private active;
     private disabled;
-    private isDragging;
-    private hasMoved;
-    private dragStartX;
-    private dragStartY;
-    private badgeInitialRight;
-    private badgeInitialBottom;
+    private prePauseState;
+    private mode;
+    private launcherPanelOpen;
     private shadowRootEl;
     private overlay;
+    private annotateOverlay;
     private cleanupMenu;
+    private annotateSession;
+    private annotateCapturePaused;
+    private annotateQuickCaptureEnabled;
+    private annotateSidebar;
+    private annotateElements;
+    private annotateDrafts;
+    private annotateEditingRecord;
     private badge;
+    private configLoadPromise;
+    private annotationResponseMode;
+    private annotateInstructionDraft;
+    private annotateErrorMessage;
+    private annotateRuntimeContextEnabled;
+    private annotateScreenshotContextEnabled;
+    private annotateCssContextEnabled;
+    private annotateSendState;
+    private annotateSuccessScope;
+    private annotateSuccessTimeout;
+    private pendingAnnotateViewportFrame;
+    private runtimeContextCollector;
+    private cleanupRuntimeContextCapture;
+    private lastPointerX;
+    private lastPointerY;
+    private readonly onFocusChange;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    configure(options: InspectorOptions): void;
+    configure(options: InspectoOptions): void;
+    setMode(mode: InspectorMode): void;
+    getMode(): InspectorMode;
     private createBadge;
-    private readonly onDragStart;
-    private readonly onDragMove;
-    private readonly onDragEnd;
-    private toggleDisabled;
+    private setPaused;
     private dismiss;
-    private getHotKeyHint;
+    private getHotKeyLabel;
     private getEffectiveHotKeys;
+    private getAnnotationResponseMode;
     private updateBadgeContent;
     private setActive;
     private readonly onMouseMove;
     private readonly onClick;
     private readonly onContextMenu;
     private handleTrigger;
+    private shouldQuickJumpOnTrigger;
+    private shouldInvertLauncherEye;
+    private updateLauncherEye;
     private readonly onKeyDown;
+    private readonly onViewportChange;
+    private openInspectMenu;
+    private syncRuntimeContextCapture;
+    private canAttachRuntimeContext;
+    private canAttachScreenshotContext;
+    private canAttachCssContext;
+    private captureCssContextPromptForElement;
+    private isCssContextEnabledForTarget;
+    private isCssContextEnabledForTransportTarget;
+    private getAnnotateCssContextPrompt;
+    private getRuntimeContextLimits;
+    private getAnnotateRuntimeContext;
+    private formatRuntimeContextSummary;
+    private getCollectedRuntimeErrorCount;
+    private resolveAnnotateScreenshotElement;
+    private captureAnnotateScreenshotContext;
+    private addTargetToCurrentAnnotation;
+    private markTargetInAnnotateSession;
+    private getAnnotationTargetKey;
+    private persistCurrentDraft;
+    private clearDraftForTarget;
+    private restoreEditingRecord;
+    private beginEditingRecord;
+    private findElementForAnnotationTarget;
+    private findElementForLocation;
+    private rebindCurrentAnnotationElements;
+    private createAnnotationTarget;
+    private describeElement;
+    private createSelector;
+    private hasCurrentRecord;
+    private getNextRecordDisplayOrder;
+    private clearAnnotateError;
+    private clearAnnotateSuccess;
+    private showAnnotateSuccess;
+    private toAnnotateErrorMessage;
+    private toAnnotationTransportFromRecord;
+    private sendAnnotationBatch;
+    private syncModeUi;
+    private mountAnnotateSidebar;
+    private updateAnnotateSidebar;
+    private getAnnotateSidebarOptions;
+    private composeAnnotateInstruction;
+    private renderAnnotateSelectionOverlay;
     private isInspectorActive;
     private setupListeners;
     private teardownListeners;
 }
 
-declare function mountInspector(options?: InspectorOptions): Promise<any>;
+type MountInspectorOptions = InspectorOptions & {
+    mode?: InspectorMode;
+};
+declare function mountInspector(options?: MountInspectorOptions): Promise<any>;
 declare function unmountInspector(): void;
 
-export { InspectoElement, mountInspector, unmountInspector };
+export { InspectoElement, type InspectorMode, mountInspector, unmountInspector };

package/dist/index.js

@@ -1,13 +1,13 @@
 import {
   __async
-} from "./chunk-C4KO2HLL.js";
+} from "./chunk-JPRRZPBL.js";
 
 // src/index.ts
 var TAG_NAME = "inspecto-overlay";
 function mountInspector() {
   return __async(this, arguments, function* (options = {}) {
     if (typeof document === "undefined") return null;
-    const { InspectoElement } = yield import("./component-4WPU23TV.js");
+    const { InspectoElement } = yield import("./component-HSGKWEXV.js");
     const existing = document.querySelector(TAG_NAME);
     if (existing) {
       ;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import type { InspectorOptions } from '@inspecto-dev/types'\n\n// Export types only, avoid top-level imports of DOM-dependent code\nexport type { InspectorOptions }\nexport type { InspectoElement } from './component.js'\n\nconst TAG_NAME = 'inspecto-overlay'\n\nexport async function mountInspector(options: InspectorOptions = {}): Promise<any> {\n  if (typeof document === 'undefined') return null\n\n  // Lazy import the component so that module evaluation does not happen during SSR\n  const { InspectoElement } = await import('./component.js')\n\n  const existing = document.querySelector(TAG_NAME)\n  if (existing) {\n    ;(existing as typeof InspectoElement.prototype).configure(options)\n    return existing\n  }\n\n  const el = document.createElement(TAG_NAME)\n  ;(el as typeof InspectoElement.prototype).configure(options)\n  document.body.appendChild(el)\n  return el\n}\n\nexport function unmountInspector(): void {\n  if (typeof document === 'undefined') return\n  const existing = document.querySelector(TAG_NAME)\n  if (existing) {\n    existing.remove()\n  }\n}\n\n// Expose to global window for Webpack/Rspack EntryPlugin injection fallback\nif (typeof window !== 'undefined') {\n  window.InspectoClient = {\n    mountInspector,\n    unmountInspector,\n  }\n}\n"],"mappings":";;;;;AAMA,IAAM,WAAW;AAEjB,SAAsB,iBAA6D;AAAA,6CAA9C,UAA4B,CAAC,GAAiB;AACjF,QAAI,OAAO,aAAa,YAAa,QAAO;AAG5C,UAAM,EAAE,gBAAgB,IAAI,MAAM,OAAO,yBAAgB;AAEzD,UAAM,WAAW,SAAS,cAAc,QAAQ;AAChD,QAAI,UAAU;AACZ;AAAC,MAAC,SAA8C,UAAU,OAAO;AACjE,aAAO;AAAA,IACT;AAEA,UAAM,KAAK,SAAS,cAAc,QAAQ;AACzC,IAAC,GAAwC,UAAU,OAAO;AAC3D,aAAS,KAAK,YAAY,EAAE;AAC5B,WAAO;AAAA,EACT;AAAA;AAEO,SAAS,mBAAyB;AACvC,MAAI,OAAO,aAAa,YAAa;AACrC,QAAM,WAAW,SAAS,cAAc,QAAQ;AAChD,MAAI,UAAU;AACZ,aAAS,OAAO;AAAA,EAClB;AACF;AAGA,IAAI,OAAO,WAAW,aAAa;AACjC,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import type { InspectorOptions } from '@inspecto-dev/types'\nimport type { InspectorMode } from './component.js'\n\n// Export types only, avoid top-level imports of DOM-dependent code\nexport type { InspectorOptions }\nexport type { InspectoElement } from './component.js'\nexport type { InspectorMode } from './component.js'\n\ntype MountInspectorOptions = InspectorOptions & { mode?: InspectorMode }\n\nconst TAG_NAME = 'inspecto-overlay'\n\nexport async function mountInspector(options: MountInspectorOptions = {}): Promise<any> {\n  if (typeof document === 'undefined') return null\n\n  // Lazy import the component so that module evaluation does not happen during SSR\n  const { InspectoElement } = await import('./component.js')\n\n  const existing = document.querySelector(TAG_NAME)\n  if (existing) {\n    ;(existing as typeof InspectoElement.prototype).configure(options)\n    return existing\n  }\n\n  const el = document.createElement(TAG_NAME)\n  ;(el as typeof InspectoElement.prototype).configure(options)\n  document.body.appendChild(el)\n  return el\n}\n\nexport function unmountInspector(): void {\n  if (typeof document === 'undefined') return\n  const existing = document.querySelector(TAG_NAME)\n  if (existing) {\n    existing.remove()\n  }\n}\n\n// Expose to global window for Webpack/Rspack EntryPlugin injection fallback\nif (typeof window !== 'undefined') {\n  window.InspectoClient = {\n    mountInspector,\n    unmountInspector,\n  }\n}\n"],"mappings":";;;;;AAUA,IAAM,WAAW;AAEjB,SAAsB,iBAAkE;AAAA,6CAAnD,UAAiC,CAAC,GAAiB;AACtF,QAAI,OAAO,aAAa,YAAa,QAAO;AAG5C,UAAM,EAAE,gBAAgB,IAAI,MAAM,OAAO,yBAAgB;AAEzD,UAAM,WAAW,SAAS,cAAc,QAAQ;AAChD,QAAI,UAAU;AACZ;AAAC,MAAC,SAA8C,UAAU,OAAO;AACjE,aAAO;AAAA,IACT;AAEA,UAAM,KAAK,SAAS,cAAc,QAAQ;AACzC,IAAC,GAAwC,UAAU,OAAO;AAC3D,aAAS,KAAK,YAAY,EAAE;AAC5B,WAAO;AAAA,EACT;AAAA;AAEO,SAAS,mBAAyB;AACvC,MAAI,OAAO,aAAa,YAAa;AACrC,QAAM,WAAW,SAAS,cAAc,QAAQ;AAChD,MAAI,UAAU;AACZ,aAAS,OAAO;AAAA,EAClB;AACF;AAGA,IAAI,OAAO,WAAW,aAAa;AACjC,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inspecto-dev/core",
-  "version": "0.2.0-alpha.3",
+  "version": "0.3.0-alpha.1",
   "description": "Core browser runtime and server logic for Inspecto",
   "license": "MIT",
   "type": "module",
@@ -37,9 +37,10 @@
     "access": "public"
   },
   "dependencies": {
+    "html2canvas": "^1.4.1",
     "launch-ide": "^1.0.0",
     "portfinder": "^1.0.32",
-    "@inspecto-dev/types": "0.2.0-alpha.3"
+    "@inspecto-dev/types": "0.3.0-alpha.1"
   },
   "scripts": {
     "build": "tsup",

package/dist/chunk-C4KO2HLL.js

@@ -1,25 +0,0 @@
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-export {
-  __async
-};
-//# sourceMappingURL=chunk-C4KO2HLL.js.map