robonen
32ed0b45f0
- Implemented Rulers component for zoom/pan-aware rulers on canvas. - Created Stage component to serve as a zoomable and pannable viewport for the device frame. - Developed Toolbar component for responsive controls, including device presets and zoom functionalities. - Introduced useFrame composable to manage iframe interactions and inspections. - Established a reactive store to manage application state, including guides and viewport dimensions. - Added utility functions for color parsing and box model calculations. - Integrated Tailwind CSS for styling and improved scrollbar aesthetics. - Implemented unit tests for color utilities and rectangle calculations. - Configured TypeScript and Vite for the project setup.
30 lines
797 B
JSON
30 lines
797 B
JSON
{
|
|
"name": "element-inspector",
|
|
"private": true,
|
|
"version": "0.0.0",
|
|
"type": "module",
|
|
"description": "Browser extension to isolate any page element on a clean canvas and inspect its sizes, colors, spacing and responsive behavior.",
|
|
"scripts": {
|
|
"dev": "vite",
|
|
"build": "tsc --noEmit && vite build",
|
|
"typecheck": "tsc --noEmit",
|
|
"test": "vitest run",
|
|
"test:watch": "vitest"
|
|
},
|
|
"dependencies": {
|
|
"vue": "3.6.0-beta.13"
|
|
},
|
|
"devDependencies": {
|
|
"@tailwindcss/vite": "^4.3.0",
|
|
"@types/chrome": "^0.1.42",
|
|
"@types/node": "^25.9.1",
|
|
"@vue/tsconfig": "^0.9.1",
|
|
"tailwindcss": "^4.3.0",
|
|
"typescript": "~6.0.3",
|
|
"vite": "^8.0.13",
|
|
"vite-plugin-web-extension": "^4.5.1",
|
|
"vitest": "^4.1.8",
|
|
"vue-jsx-vapor": "^3.2.14"
|
|
}
|
|
}
|