@flowsterix/react 0.10.0 → 0.11.0

package/dist/devtools/types.d.ts

@@ -0,0 +1,66 @@
+export interface ElementSource {
+    fileName: string;
+    lineNumber: number;
+    columnNumber: number;
+}
+export interface GrabbedStep {
+    id: string;
+    order: number;
+    selector: string;
+    selectorType: 'auto' | 'data-attr' | 'custom';
+    elementTag: string;
+    elementText?: string;
+    elementClassName?: string;
+    elementStyle?: string;
+    existingAttrs: string[];
+    suggestedAttrName?: string;
+    componentHierarchy: string[];
+    rect: {
+        top: number;
+        left: number;
+        width: number;
+        height: number;
+    };
+    source?: ElementSource;
+    label?: string;
+    notes?: string;
+    createdAt: number;
+}
+export type GrabMode = 'idle' | 'grabbing' | 'preview';
+export interface DevToolsState {
+    steps: GrabbedStep[];
+    grabMode: GrabMode;
+    hoveredElement: Element | null;
+    selectedStepId: string | null;
+    panelVisible: boolean;
+    panelPosition: {
+        x: number;
+        y: number;
+    };
+}
+export interface DevToolsExport {
+    version: '1.0';
+    createdAt: string;
+    steps: Array<{
+        order: number;
+        element: string;
+        componentTree: string[];
+        source?: string;
+    }>;
+}
+export interface ElementInfo {
+    element: Element;
+    selector: string;
+    selectorType: 'auto' | 'data-attr' | 'custom';
+    suggestedAttrName: string;
+    tag: string;
+    text?: string;
+    className?: string;
+    style?: string;
+    existingAttrs: string[];
+    componentHierarchy: string[];
+    rect: DOMRect;
+    source?: ElementSource;
+}
+export type DevToolsTab = 'steps' | 'flows';
+//# sourceMappingURL=types.d.ts.map

package/dist/devtools/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/devtools/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAA;IAC7C,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,MAAM,EAAE,CAAA;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,kBAAkB,EAAE,MAAM,EAAE,CAAA;IAC5B,IAAI,EAAE;QACJ,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,EAAE,MAAM,CAAA;QACb,MAAM,EAAE,MAAM,CAAA;KACf,CAAA;IACD,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,CAAA;AAEtD,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,QAAQ,EAAE,QAAQ,CAAA;IAClB,cAAc,EAAE,OAAO,GAAG,IAAI,CAAA;IAC9B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,YAAY,EAAE,OAAO,CAAA;IACrB,aAAa,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CACxC;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,KAAK,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,KAAK,CAAC;QACX,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,MAAM,CAAA;QACf,aAAa,EAAE,MAAM,EAAE,CAAA;QACvB,MAAM,CAAC,EAAE,MAAM,CAAA;KAChB,CAAC,CAAA;CACH;AAED,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAA;IAC7C,iBAAiB,EAAE,MAAM,CAAA;IACzB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,EAAE,MAAM,EAAE,CAAA;IACvB,kBAAkB,EAAE,MAAM,EAAE,CAAA;IAC5B,IAAI,EAAE,OAAO,CAAA;IACb,MAAM,CAAC,EAAE,aAAa,CAAA;CACvB;AAED,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,OAAO,CAAA"}

package/dist/devtools/utils/selectorGenerator.d.ts

@@ -0,0 +1,11 @@
+interface SelectorResult {
+    selector: string;
+    selectorType: 'auto' | 'data-attr' | 'custom';
+    suggestedAttrName: string;
+    existingAttrs: string[];
+}
+export declare function generateSelector(params: {
+    element: Element;
+}): SelectorResult;
+export {};
+//# sourceMappingURL=selectorGenerator.d.ts.map

package/dist/devtools/utils/selectorGenerator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectorGenerator.d.ts","sourceRoot":"","sources":["../../../src/devtools/utils/selectorGenerator.ts"],"names":[],"mappings":"AAAA,UAAU,cAAc;IACtB,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAA;IAC7C,iBAAiB,EAAE,MAAM,CAAA;IACzB,aAAa,EAAE,MAAM,EAAE,CAAA;CACxB;AAuDD,wBAAgB,gBAAgB,CAAC,MAAM,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,GAAG,cAAc,CA6D7E"}

package/dist/devtools/utils/sourceExtractor.d.ts

@@ -0,0 +1,45 @@
+import type { ElementSource } from '../types';
+interface FiberNode {
+    _debugSource?: {
+        fileName: string;
+        lineNumber: number;
+        columnNumber?: number;
+    };
+    return?: FiberNode;
+    child?: FiberNode;
+    sibling?: FiberNode;
+    stateNode?: Element | null;
+    tag?: number;
+    type?: string | {
+        name?: string;
+        displayName?: string;
+    } | null;
+    elementType?: {
+        name?: string;
+        displayName?: string;
+    } | null;
+}
+interface ReactDevToolsHook {
+    renderers: Map<number, {
+        findFiberByHostInstance?: (instance: Element) => FiberNode | null;
+    }>;
+}
+declare global {
+    interface Window {
+        __REACT_DEVTOOLS_GLOBAL_HOOK__?: ReactDevToolsHook;
+    }
+}
+export declare function extractSource(params: {
+    element: Element;
+}): ElementSource | null;
+export declare function extractComponentHierarchy(params: {
+    element: Element;
+}): string[];
+export declare function formatSourcePath(params: {
+    source: ElementSource;
+}): string;
+export declare function getVSCodeLink(params: {
+    source: ElementSource;
+}): string;
+export {};
+//# sourceMappingURL=sourceExtractor.d.ts.map

package/dist/devtools/utils/sourceExtractor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sourceExtractor.d.ts","sourceRoot":"","sources":["../../../src/devtools/utils/sourceExtractor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAE7C,UAAU,SAAS;IACjB,YAAY,CAAC,EAAE;QACb,QAAQ,EAAE,MAAM,CAAA;QAChB,UAAU,EAAE,MAAM,CAAA;QAClB,YAAY,CAAC,EAAE,MAAM,CAAA;KACtB,CAAA;IACD,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IAC9D,WAAW,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CAC7D;AAED,UAAU,iBAAiB;IACzB,SAAS,EAAE,GAAG,CACZ,MAAM,EACN;QACE,uBAAuB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,SAAS,GAAG,IAAI,CAAA;KAClE,CACF,CAAA;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,8BAA8B,CAAC,EAAE,iBAAiB,CAAA;KACnD;CACF;AAmED,wBAAgB,aAAa,CAAC,MAAM,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,GAAG,aAAa,GAAG,IAAI,CAYhF;AAED,wBAAgB,yBAAyB,CAAC,MAAM,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,GAAG,MAAM,EAAE,CA2BhF;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE;IAAE,MAAM,EAAE,aAAa,CAAA;CAAE,GAAG,MAAM,CAI1E;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE;IAAE,MAAM,EAAE,aAAa,CAAA;CAAE,GAAG,MAAM,CAGvE"}

package/dist/devtools/utils/storage.d.ts

@@ -0,0 +1,5 @@
+import type { GrabbedStep } from '../types';
+export declare function loadSteps(): GrabbedStep[];
+export declare function saveSteps(steps: GrabbedStep[]): void;
+export declare function clearSteps(): void;
+//# sourceMappingURL=storage.d.ts.map

package/dist/devtools/utils/storage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../../src/devtools/utils/storage.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAY3C,wBAAgB,SAAS,IAAI,WAAW,EAAE,CAWzC;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI,CAOpD;AAED,wBAAgB,UAAU,IAAI,IAAI,CAOjC"}