@sakana-y/vue-grab-shared 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 sakana
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/constants.d.ts

@@ -0,0 +1,11 @@
+import { FloatingButtonConfig, GrabConfig } from './types';
+export declare const DEFAULT_HIGHLIGHT_COLOR = "#4f46e5";
+export declare const DEFAULT_LABEL_TEXT_COLOR = "#ffffff";
+export declare const DEFAULT_HOTKEY = "Alt+Shift+G";
+export declare const DEFAULT_FLOATING_BUTTON: FloatingButtonConfig;
+export declare const DEFAULT_CONFIG: GrabConfig;
+/**
+ * Deep-merge user config with defaults, properly handling nested objects.
+ */
+export declare function mergeConfig(defaults: GrabConfig, options: Partial<GrabConfig>): GrabConfig;
+//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEhE,eAAO,MAAM,uBAAuB,YAAY,CAAC;AACjD,eAAO,MAAM,wBAAwB,YAAY,CAAC;AAClD,eAAO,MAAM,cAAc,gBAAgB,CAAC;AAE5C,eAAO,MAAM,uBAAuB,EAAE,oBAKrC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,UAW5B,CAAC;AAEF;;GAEG;AACH,wBAAgB,WAAW,CAAC,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,UAAU,CAc1F"}

package/dist/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`#4f46e5`,t=`#ffffff`,n=`Alt+Shift+G`,r={enabled:!1,initialPosition:`top-center`,storageKey:`vue-grab-fab-pos`,hotkeyStorageKey:`vue-grab-hotkey`},i={highlightColor:e,labelTextColor:t,showTagHint:!0,maxHtmlLength:1e4,filter:{ignoreSelectors:[],ignoreTags:[],skipCommonComponents:!1},floatingButton:r};function a(e,t){let{filter:n,floatingButton:r,...i}=t;return{...e,...i,filter:{...e.filter,...n},floatingButton:{...e.floatingButton,...r}}}exports.DEFAULT_CONFIG=i,exports.DEFAULT_FLOATING_BUTTON=r,exports.DEFAULT_HIGHLIGHT_COLOR=e,exports.DEFAULT_HOTKEY=n,exports.DEFAULT_LABEL_TEXT_COLOR=t,exports.mergeConfig=a;

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './types';
+export * from './constants';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC"}

package/dist/index.mjs

@@ -0,0 +1,35 @@
+//#region src/constants.ts
+var e = "#4f46e5", t = "#ffffff", n = "Alt+Shift+G", r = {
+	enabled: !1,
+	initialPosition: "top-center",
+	storageKey: "vue-grab-fab-pos",
+	hotkeyStorageKey: "vue-grab-hotkey"
+}, i = {
+	highlightColor: e,
+	labelTextColor: t,
+	showTagHint: !0,
+	maxHtmlLength: 1e4,
+	filter: {
+		ignoreSelectors: [],
+		ignoreTags: [],
+		skipCommonComponents: !1
+	},
+	floatingButton: r
+};
+function a(e, t) {
+	let { filter: n, floatingButton: r, ...i } = t;
+	return {
+		...e,
+		...i,
+		filter: {
+			...e.filter,
+			...n
+		},
+		floatingButton: {
+			...e.floatingButton,
+			...r
+		}
+	};
+}
+//#endregion
+export { i as DEFAULT_CONFIG, r as DEFAULT_FLOATING_BUTTON, e as DEFAULT_HIGHLIGHT_COLOR, n as DEFAULT_HOTKEY, t as DEFAULT_LABEL_TEXT_COLOR, a as mergeConfig };

package/dist/types.d.ts

@@ -0,0 +1,51 @@
+export interface FloatingButtonConfig {
+    /** Show the floating button. Default: false (opt-in). */
+    enabled: boolean;
+    /** Initial position before any localStorage override. */
+    initialPosition: "bottom-right" | "bottom-left" | "top-right" | "top-left" | "top-center";
+    /** localStorage key for persisting position. Set to "" to disable persistence. */
+    storageKey: string;
+    /** localStorage key for persisting hotkey. Set to "" to disable persistence. */
+    hotkeyStorageKey: string;
+}
+export interface GrabConfig {
+    /** Highlight border color */
+    highlightColor: string;
+    /** Label text color */
+    labelTextColor: string;
+    /** Show floating tag hint on hover */
+    showTagHint: boolean;
+    /** Maximum length of captured outerHTML (0 = unlimited) */
+    maxHtmlLength: number;
+    /** Filter options for element selection */
+    filter: GrabFilterConfig;
+    /** Floating button configuration */
+    floatingButton: FloatingButtonConfig;
+}
+export interface GrabFilterConfig {
+    /** CSS selectors to ignore */
+    ignoreSelectors: string[];
+    /** HTML tags to ignore */
+    ignoreTags: string[];
+    /** Skip common layout components (header, nav, footer, aside) */
+    skipCommonComponents: boolean;
+}
+export interface GrabResult {
+    /** The selected DOM element */
+    element: Element;
+    /** HTML source of the element */
+    html: string;
+    /** Vue component hierarchy leading to this element */
+    componentStack: ComponentInfo[];
+    /** CSS selector for the element */
+    selector: string;
+}
+export interface ComponentInfo {
+    /** Component name */
+    name: string;
+    /** File path if available from Vue devtools */
+    filePath?: string;
+    /** Line number if available */
+    line?: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,yDAAyD;IACzD,OAAO,EAAE,OAAO,CAAC;IACjB,yDAAyD;IACzD,eAAe,EAAE,cAAc,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;IAC1F,kFAAkF;IAClF,UAAU,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,UAAU;IACzB,6BAA6B;IAC7B,cAAc,EAAE,MAAM,CAAC;IACvB,uBAAuB;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,sCAAsC;IACtC,WAAW,EAAE,OAAO,CAAC;IACrB,2DAA2D;IAC3D,aAAa,EAAE,MAAM,CAAC;IACtB,2CAA2C;IAC3C,MAAM,EAAE,gBAAgB,CAAC;IACzB,oCAAoC;IACpC,cAAc,EAAE,oBAAoB,CAAC;CACtC;AAED,MAAM,WAAW,gBAAgB;IAC/B,8BAA8B;IAC9B,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,0BAA0B;IAC1B,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,iEAAiE;IACjE,oBAAoB,EAAE,OAAO,CAAC;CAC/B;AAED,MAAM,WAAW,UAAU;IACzB,+BAA+B;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,iCAAiC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,sDAAsD;IACtD,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,mCAAmC;IACnC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,aAAa;IAC5B,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+BAA+B;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@sakana-y/vue-grab-shared",
+  "version": "0.0.1",
+  "private": false,
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "typescript": "~5.9.3",
+    "vite": "^8.0.0",
+    "vite-plugin-dts": "^4.5.0",
+    "vitest": "^4.1.0"
+  },
+  "scripts": {
+    "build": "vite build",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit"
+  }
+}