inspector-ng 0.0.1
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/README.md +24 -0
- package/esm2022/inspector-ng.mjs +5 -0
- package/esm2022/lib/constants.mjs +5 -0
- package/esm2022/lib/distances.mjs +59 -0
- package/esm2022/lib/dom.mjs +180 -0
- package/esm2022/lib/geometry.mjs +22 -0
- package/esm2022/lib/inspector.component.mjs +408 -0
- package/esm2022/lib/types.mjs +2 -0
- package/esm2022/lib/utils.mjs +5 -0
- package/esm2022/public-api.mjs +8 -0
- package/fesm2022/inspector-ng.mjs +680 -0
- package/fesm2022/inspector-ng.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/constants.d.ts +4 -0
- package/lib/distances.d.ts +2 -0
- package/lib/dom.d.ts +10 -0
- package/lib/geometry.d.ts +11 -0
- package/lib/inspector.component.d.ts +65 -0
- package/lib/types.d.ts +88 -0
- package/lib/utils.d.ts +2 -0
- package/package.json +25 -0
- package/public-api.d.ts +7 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inspector-ng.mjs","sources":["../../../projects/inspector-ng/src/lib/constants.ts","../../../projects/inspector-ng/src/lib/geometry.ts","../../../projects/inspector-ng/src/lib/distances.ts","../../../projects/inspector-ng/src/lib/dom.ts","../../../projects/inspector-ng/src/lib/utils.ts","../../../projects/inspector-ng/src/lib/inspector.component.ts","../../../projects/inspector-ng/src/lib/inspector.component.html","../../../projects/inspector-ng/src/inspector-ng.ts"],"sourcesContent":["export const inspector_STORAGE_KEY = \"inspector-state\";\nexport const inspector_STATE_VERSION = 1;\nexport const GUIDE_SNAP_DISTANCE = 10;\nexport const GUIDE_HITBOX_SIZE = 14;\n","import { Rect } from './types';\n\nexport const clamp = (value: number, min: number, max: number) =>\n Math.max(min, Math.min(max, value));\n\nexport const getViewportSize = () => ({\n width: typeof window === 'undefined' ? 1 : window.innerWidth || 1,\n height: typeof window === 'undefined' ? 1 : window.innerHeight || 1,\n});\n\nexport const rectContainsPoint = (\n rect: Rect,\n point: { x: number; y: number },\n) =>\n point.x >= rect.left &&\n point.x <= rect.left + rect.width &&\n point.y >= rect.top &&\n point.y <= rect.top + rect.height;\n\nexport const rectsEqual = (a: Rect | null, b: Rect | null, epsilon = 0.5) => {\n if (a === b) {\n return true;\n }\n\n if (!a || !b) {\n return false;\n }\n\n return (\n Math.abs(a.left - b.left) < epsilon &&\n Math.abs(a.top - b.top) < epsilon &&\n Math.abs(a.width - b.width) < epsilon &&\n Math.abs(a.height - b.height) < epsilon\n );\n};\n","import { clamp, getViewportSize } from './geometry';\nimport { DistanceOverlay, Rect } from './types';\n\nexport const getDistanceOverlay = (rectA: Rect, rectB: Rect): DistanceOverlay => {\n const rightA = rectA.left + rectA.width;\n const bottomA = rectA.top + rectA.height;\n const rightB = rectB.left + rectB.width;\n const bottomB = rectB.top + rectB.height;\n const centerAX = rectA.left + rectA.width / 2;\n const centerAY = rectA.top + rectA.height / 2;\n\n let horizontal: DistanceOverlay['horizontal'] = null;\n let vertical: DistanceOverlay['vertical'] = null;\n const connectors: DistanceOverlay['connectors'] = [];\n\n const separatedX = rightA <= rectB.left || rightB <= rectA.left;\n const separatedY = bottomA <= rectB.top || bottomB <= rectA.top;\n\n if (separatedX) {\n const aIsLeft = rightA <= rectB.left;\n const x1 = aIsLeft ? rightA : rightB;\n const x2 = aIsLeft ? rectB.left : rectA.left;\n const y = centerAY;\n horizontal = { x1, x2, y, value: Math.abs(x2 - x1) };\n\n const edgeBX = aIsLeft ? rectB.left : rightB;\n if (y < rectB.top) {\n connectors.push({ x1: edgeBX, y1: y, x2: edgeBX, y2: rectB.top });\n } else if (y > bottomB) {\n connectors.push({ x1: edgeBX, y1: y, x2: edgeBX, y2: bottomB });\n }\n }\n\n if (separatedY) {\n const aIsTop = bottomA <= rectB.top;\n const y1 = aIsTop ? bottomA : bottomB;\n const y2 = aIsTop ? rectB.top : rectA.top;\n const x = centerAX;\n vertical = { y1, y2, x, value: Math.abs(y2 - y1) };\n\n const edgeBY = aIsTop ? rectB.top : bottomB;\n if (x < rectB.left) {\n connectors.push({ x1: x, y1: edgeBY, x2: rectB.left, y2: edgeBY });\n } else if (x > rightB) {\n connectors.push({ x1: x, y1: edgeBY, x2: rightB, y2: edgeBY });\n }\n }\n\n const viewport = getViewportSize();\n\n return {\n rectA,\n rectB,\n horizontal,\n vertical,\n connectors: connectors\n .map((segment) => ({\n x1: clamp(segment.x1, 0, viewport.width),\n y1: clamp(segment.y1, 0, viewport.height),\n x2: clamp(segment.x2, 0, viewport.width),\n y2: clamp(segment.y2, 0, viewport.height),\n }))\n .filter(\n (segment) =>\n Math.abs(segment.x1 - segment.x2) > 0.5 ||\n Math.abs(segment.y1 - segment.y2) > 0.5,\n ),\n };\n};\n","import { InspectMeasurement, Rect, TextBlockAnnotation, TextInspection } from './types';\n\nexport const getRectFromDom = (element: Element): Rect => {\n const rect = element.getBoundingClientRect();\n return {\n left: rect.left,\n top: rect.top,\n width: rect.width,\n height: rect.height,\n };\n};\n\nexport const getElementLabel = (element: HTMLElement) => {\n const tag = element.tagName.toLowerCase();\n const id = element.id ? `#${element.id}` : '';\n const className = element.className\n ? `.${element.className.toString().split(' ')[0]}`\n : '';\n return `${tag}${id}${className}`;\n};\n\nconst toHex = (value: number) => value.toString(16).padStart(2, '0');\n\nconst normalizeColorToHex = (color: string) => {\n const trimmed = color.trim().toLowerCase();\n if (trimmed.startsWith('#')) {\n if (trimmed.length === 4) {\n return `#${trimmed[1]}${trimmed[1]}${trimmed[2]}${trimmed[2]}${trimmed[3]}${trimmed[3]}`;\n }\n return trimmed;\n }\n\n const rgbMatch = trimmed.match(\n /^rgba?\\(\\s*([0-9.]+)\\s*,\\s*([0-9.]+)\\s*,\\s*([0-9.]+)(?:\\s*,\\s*[0-9.]+\\s*)?\\)$/,\n );\n if (!rgbMatch) {\n return color;\n }\n\n const [, r, g, b] = rgbMatch;\n return `#${toHex(Math.round(Number(r)))}${toHex(Math.round(Number(g)))}${toHex(Math.round(Number(b)))}`;\n};\n\nexport const getTextInspection = (element: HTMLElement): TextInspection => {\n const style = window.getComputedStyle(element);\n return {\n fontFamily: style.fontFamily,\n fontSize: style.fontSize,\n fontWeight: style.fontWeight,\n lineHeight: style.lineHeight,\n letterSpacing: style.letterSpacing,\n color: normalizeColorToHex(style.color),\n textAlign: style.textAlign,\n };\n};\n\nconst parseEdge = (value: string) => Number.parseFloat(value) || 0;\n\nexport const getInspectMeasurement = (element: HTMLElement): InspectMeasurement => {\n const rect = getRectFromDom(element);\n const style = window.getComputedStyle(element);\n const parentElement = element.parentElement;\n const parentStyle = parentElement ? window.getComputedStyle(parentElement) : null;\n const padding = {\n top: parseEdge(style.paddingTop),\n right: parseEdge(style.paddingRight),\n bottom: parseEdge(style.paddingBottom),\n left: parseEdge(style.paddingLeft),\n };\n const margin = {\n top: parseEdge(style.marginTop),\n right: parseEdge(style.marginRight),\n bottom: parseEdge(style.marginBottom),\n left: parseEdge(style.marginLeft),\n };\n const rowGap = parentStyle ? parseEdge(parentStyle.rowGap) : 0;\n const columnGap = parentStyle ? parseEdge(parentStyle.columnGap) : 0;\n const parentDisplay = parentStyle?.display ?? '';\n const hasGap =\n !!parentElement &&\n (parentDisplay.includes('flex') || parentDisplay.includes('grid')) &&\n (rowGap > 0 || columnGap > 0);\n\n return {\n rect,\n paddingRect: {\n left: rect.left + padding.left,\n top: rect.top + padding.top,\n width: Math.max(0, rect.width - padding.left - padding.right),\n height: Math.max(0, rect.height - padding.top - padding.bottom),\n },\n marginRect: {\n left: rect.left - margin.left,\n top: rect.top - margin.top,\n width: rect.width + margin.left + margin.right,\n height: rect.height + margin.top + margin.bottom,\n },\n padding,\n margin,\n gap: {\n row: rowGap,\n column: columnGap,\n active: hasGap,\n },\n parentRect: hasGap && parentElement ? getRectFromDom(parentElement) : null,\n label: getElementLabel(element),\n styles: getTextInspection(element),\n };\n};\n\nconst isVisibleTextCandidate = (element: HTMLElement) => {\n const text = element.innerText?.trim() ?? '';\n if (!text) {\n return false;\n }\n\n const style = window.getComputedStyle(element);\n if (\n style.display === 'none' ||\n style.visibility === 'hidden' ||\n Number.parseFloat(style.opacity || '1') === 0\n ) {\n return false;\n }\n\n const rect = element.getBoundingClientRect();\n if (rect.width < 8 || rect.height < 8) {\n return false;\n }\n\n for (const child of Array.from(element.children)) {\n if (!(child instanceof HTMLElement)) {\n continue;\n }\n if ((child.innerText?.trim() ?? '') && child.getBoundingClientRect().height > 0) {\n return false;\n }\n }\n\n return true;\n};\n\nexport const getVisibleTextBlocks = (\n overlayElement: HTMLElement | null,\n limit = 160,\n): TextBlockAnnotation[] => {\n if (typeof document === 'undefined') {\n return [];\n }\n\n const nodes = Array.from(document.querySelectorAll('body *'));\n const blocks: TextBlockAnnotation[] = [];\n\n for (const node of nodes) {\n if (!(node instanceof HTMLElement)) {\n continue;\n }\n if (overlayElement && overlayElement.contains(node)) {\n continue;\n }\n if (!isVisibleTextCandidate(node)) {\n continue;\n }\n\n const rect = getRectFromDom(node);\n const text = (node.innerText || node.textContent || '').replace(/\\s+/g, ' ').trim();\n blocks.push({\n id: `${node.tagName.toLowerCase()}-${Math.round(rect.left)}-${Math.round(rect.top)}-${text.slice(0, 24)}`,\n rect,\n text,\n styles: getTextInspection(node),\n });\n\n if (blocks.length >= limit) {\n break;\n }\n }\n\n return blocks;\n};\n\nexport const getTargetElement = (\n point: { x: number; y: number },\n overlayElement: HTMLElement | null,\n) => {\n if (typeof document === 'undefined') {\n return null;\n }\n\n if (overlayElement) {\n const previous = overlayElement.style.pointerEvents;\n overlayElement.style.pointerEvents = 'none';\n const elements = document.elementsFromPoint(point.x, point.y);\n overlayElement.style.pointerEvents = previous;\n\n for (const element of elements) {\n if (!(element instanceof HTMLElement)) {\n continue;\n }\n if (overlayElement.contains(element)) {\n continue;\n }\n if (element === document.body || element === document.documentElement) {\n continue;\n }\n const rect = element.getBoundingClientRect();\n if (rect.width <= 2 || rect.height <= 2) {\n continue;\n }\n return element;\n }\n\n return null;\n }\n\n return document.elementFromPoint(point.x, point.y) as HTMLElement | null;\n};\n","export const createId = () =>\n typeof crypto !== 'undefined' && 'randomUUID' in crypto\n ? crypto.randomUUID()\n : `${Date.now()}-${Math.random()}`;\n\nexport const formatValue = (value: number) => Math.round(value);\n","import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n HostListener,\n Inject,\n Input,\n PLATFORM_ID,\n computed,\n effect,\n signal,\n viewChild,\n} from \"@angular/core\";\nimport { isPlatformBrowser } from \"@angular/common\";\nimport {\n GUIDE_HITBOX_SIZE,\n GUIDE_SNAP_DISTANCE,\n inspector_STATE_VERSION,\n inspector_STORAGE_KEY,\n} from \"./constants\";\nimport {\n getInspectMeasurement,\n getRectFromDom,\n getTargetElement,\n getVisibleTextBlocks,\n} from \"./dom\";\nimport { getDistanceOverlay } from \"./distances\";\nimport { clamp, getViewportSize, rectsEqual } from \"./geometry\";\nimport {\n DistanceOverlay,\n Guide,\n GuideOrientation,\n InspectMeasurement,\n inspectorPersistedState,\n Rect,\n TextBlockAnnotation,\n ToolMode,\n} from \"./types\";\nimport { createId, formatValue } from \"./utils\";\n\n@Component({\n selector: \"inspector-overlay\",\n standalone: true,\n imports: [],\n templateUrl: \"./inspector.component.html\",\n styleUrl: \"./inspector.component.css\",\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class inspectorComponent {\n readonly Math = Math;\n readonly formatValue = formatValue;\n readonly guideHitboxSize = GUIDE_HITBOX_SIZE;\n readonly overlayRoot = viewChild<ElementRef<HTMLElement>>(\"overlayRoot\");\n\n @Input() highlightColor = \"#4f8cff\";\n @Input() guideColor = \"#ff7a00\";\n @Input() hoverHighlightEnabled = true;\n @Input() persistOnReload = false;\n\n readonly enabled = signal(false);\n readonly toolMode = signal<ToolMode>(\"none\");\n readonly guideOrientation = signal<GuideOrientation>(\"vertical\");\n readonly guides = signal<Guide[]>([]);\n readonly hoverRect = signal<Rect | null>(null);\n readonly selectedGuideId = signal<string | null>(null);\n readonly selectedMeasurement = signal<InspectMeasurement | null>(null);\n readonly showTypography = signal(true);\n readonly altPressed = signal(false);\n readonly distanceOverlay = signal<DistanceOverlay | null>(null);\n readonly textBlocks = signal<TextBlockAnnotation[]>([]);\n readonly guideMenuOpen = signal(false);\n\n readonly selectedMetaLine = computed(() => {\n const selected = this.selectedMeasurement();\n if (!selected) {\n return \"\";\n }\n return `${selected.label} · ${selected.styles.fontSize} / ${selected.styles.lineHeight} / ${selected.styles.color}`;\n });\n\n private readonly isBrowser: boolean;\n private readonly hydrated = signal(false);\n private readonly history = signal<Guide[][]>([]);\n private readonly historyIndex = signal(-1);\n private draggingGuideId: string | null = null;\n private selectedElement: HTMLElement | null = null;\n private hoverElement: HTMLElement | null = null;\n\n readonly canUndo = computed(() => this.historyIndex() > 0);\n readonly canRedo = computed(\n () =>\n this.historyIndex() >= 0 &&\n this.historyIndex() < this.history().length - 1,\n );\n\n constructor(@Inject(PLATFORM_ID) platformId: object) {\n this.isBrowser = isPlatformBrowser(platformId);\n\n effect(() => {\n if (!this.persistOnReload || !this.isBrowser || !this.hydrated()) {\n return;\n }\n\n const payload: inspectorPersistedState = {\n version: inspector_STATE_VERSION,\n enabled: this.enabled(),\n toolMode: this.toolMode(),\n guideOrientation: this.guideOrientation(),\n guides: this.guides(),\n showTypography: this.showTypography(),\n };\n\n window.localStorage.setItem(\n inspector_STORAGE_KEY,\n JSON.stringify(payload),\n );\n });\n }\n\n ngOnInit() {\n if (!this.isBrowser || !this.persistOnReload) {\n this.hydrated.set(true);\n return;\n }\n\n const stored = window.localStorage.getItem(inspector_STORAGE_KEY);\n if (!stored) {\n this.hydrated.set(true);\n return;\n }\n\n try {\n const parsed = JSON.parse(stored) as inspectorPersistedState;\n if (parsed.version === inspector_STATE_VERSION) {\n this.enabled.set(parsed.enabled);\n this.toolMode.set(parsed.toolMode);\n this.guideOrientation.set(parsed.guideOrientation);\n this.guides.set(parsed.guides ?? []);\n this.showTypography.set(parsed.showTypography ?? true);\n this.recordHistory(parsed.guides ?? []);\n }\n } catch {\n // ignore malformed state\n }\n\n this.hydrated.set(true);\n this.refreshTypographyBlocks();\n }\n\n setToolMode(mode: ToolMode) {\n if (!this.enabled()) {\n this.enabled.set(true);\n }\n\n this.toolMode.set(this.toolMode() === mode ? \"none\" : mode);\n this.hoverRect.set(null);\n this.distanceOverlay.set(null);\n this.refreshTypographyBlocks();\n }\n\n setGuideOrientation(orientation: GuideOrientation) {\n this.guideOrientation.set(orientation);\n }\n\n toggleTypography() {\n this.showTypography.update((value) => !value);\n this.refreshTypographyBlocks();\n }\n\n toggleGuideMenu() {\n this.guideMenuOpen.update((value) => !value);\n }\n\n clearGuides() {\n this.guides.set([]);\n this.selectedGuideId.set(null);\n this.recordHistory([]);\n }\n\n trackGuide = (_index: number, guide: Guide) => guide.id;\n trackTextBlock = (_index: number, block: TextBlockAnnotation) => block.id;\n trackConnector = (\n _index: number,\n connector: DistanceOverlay[\"connectors\"][number],\n ) => `${connector.x1}:${connector.y1}:${connector.x2}:${connector.y2}`;\n\n startGuideDrag(event: PointerEvent, guide: Guide) {\n event.preventDefault();\n event.stopPropagation();\n this.draggingGuideId = guide.id;\n this.selectedGuideId.set(guide.id);\n }\n\n formatEdges(edges: InspectMeasurement[\"padding\"]) {\n return `${formatValue(edges.top)} ${formatValue(edges.right)} ${formatValue(edges.bottom)} ${formatValue(edges.left)}`;\n }\n\n formatGap(selected: InspectMeasurement) {\n return `${formatValue(selected.gap.row)} / ${formatValue(selected.gap.column)}`;\n }\n\n @HostListener(\"window:keydown\", [\"$event\"])\n handleKeydown(event: KeyboardEvent) {\n const key = event.key.toLowerCase();\n\n if (key === \"m\") {\n event.preventDefault();\n this.enabled.update((value) => !value);\n if (!this.enabled()) {\n this.toolMode.set(\"none\");\n this.hoverRect.set(null);\n this.selectedGuideId.set(null);\n this.distanceOverlay.set(null);\n this.textBlocks.set([]);\n }\n this.refreshTypographyBlocks();\n return;\n }\n\n if (!this.enabled()) {\n return;\n }\n\n if ((event.metaKey || event.ctrlKey) && key === \"z\") {\n event.preventDefault();\n event.shiftKey ? this.redo() : this.undo();\n return;\n }\n\n if (key === \"s\") {\n event.preventDefault();\n this.setToolMode(\"select\");\n return;\n }\n\n if (key === \"g\") {\n event.preventDefault();\n this.setToolMode(\"guides\");\n return;\n }\n\n if (key === \"h\") {\n event.preventDefault();\n this.setGuideOrientation(\"horizontal\");\n return;\n }\n\n if (key === \"v\") {\n event.preventDefault();\n this.setGuideOrientation(\"vertical\");\n return;\n }\n\n if (event.key === \"Alt\") {\n this.altPressed.set(true);\n this.updateDistanceOverlay();\n return;\n }\n\n if (key === \"escape\") {\n event.preventDefault();\n this.selectedMeasurement.set(null);\n this.selectedGuideId.set(null);\n this.hoverRect.set(null);\n this.distanceOverlay.set(null);\n this.selectedElement = null;\n this.hoverElement = null;\n this.clearGuides();\n this.refreshTypographyBlocks();\n return;\n }\n\n if ((key === \"backspace\" || key === \"delete\") && this.selectedGuideId()) {\n event.preventDefault();\n const nextGuides = this.guides().filter(\n (guide) => guide.id !== this.selectedGuideId(),\n );\n this.guides.set(nextGuides);\n this.selectedGuideId.set(null);\n this.recordHistory(nextGuides);\n }\n }\n\n @HostListener(\"window:keyup\", [\"$event\"])\n handleKeyup(event: KeyboardEvent) {\n if (event.key === \"Alt\") {\n this.altPressed.set(false);\n this.distanceOverlay.set(null);\n }\n }\n\n @HostListener(\"window:pointermove\", [\"$event\"])\n handlePointerMove(event: PointerEvent) {\n if (!this.enabled() || !this.isBrowser) {\n return;\n }\n\n if (this.draggingGuideId) {\n const viewport = getViewportSize();\n this.guides.set(\n this.guides().map((guide) => {\n if (guide.id !== this.draggingGuideId) {\n return guide;\n }\n const rawPosition =\n guide.orientation === \"vertical\" ? event.clientX : event.clientY;\n const max =\n guide.orientation === \"vertical\" ? viewport.width : viewport.height;\n return { ...guide, position: clamp(rawPosition, 0, max) };\n }),\n );\n return;\n }\n\n if (this.toolMode() !== \"select\" || !this.hoverHighlightEnabled) {\n this.hoverRect.set(null);\n this.hoverElement = null;\n if (!this.altPressed()) {\n return;\n }\n }\n\n const target = getTargetElement(\n { x: event.clientX, y: event.clientY },\n this.overlayRoot()?.nativeElement ?? null,\n );\n if (!target) {\n this.hoverRect.set(null);\n this.hoverElement = null;\n this.distanceOverlay.set(null);\n return;\n }\n\n const rect = getRectFromDom(target);\n this.hoverElement = target;\n if (!rectsEqual(rect, this.hoverRect())) {\n this.hoverRect.set(rect);\n }\n this.updateDistanceOverlay();\n this.refreshTypographyBlocks();\n }\n\n @HostListener(\"window:pointerup\")\n handlePointerUp() {\n if (!this.draggingGuideId) {\n return;\n }\n this.recordHistory(this.guides());\n this.draggingGuideId = null;\n }\n\n @HostListener(\"window:click\", [\"$event\"])\n handleClick(event: MouseEvent) {\n if (!this.enabled() || !this.isBrowser) {\n return;\n }\n\n const overlay = this.overlayRoot()?.nativeElement ?? null;\n\n if (this.toolMode() === \"guides\") {\n if (overlay && overlay.contains(event.target as Node)) {\n return;\n }\n this.addGuide({\n id: createId(),\n orientation: this.guideOrientation(),\n position:\n this.guideOrientation() === \"vertical\"\n ? this.snapGuide(event.clientX)\n : this.snapGuide(event.clientY),\n });\n return;\n }\n\n if (this.toolMode() !== \"select\") {\n return;\n }\n\n const target = getTargetElement(\n { x: event.clientX, y: event.clientY },\n overlay,\n );\n if (!target) {\n this.selectedMeasurement.set(null);\n this.selectedElement = null;\n this.distanceOverlay.set(null);\n this.refreshTypographyBlocks();\n return;\n }\n\n this.selectedMeasurement.set(getInspectMeasurement(target));\n this.selectedElement = target;\n this.selectedGuideId.set(\n this.findGuideAtPoint(event.clientX, event.clientY),\n );\n this.updateDistanceOverlay();\n this.refreshTypographyBlocks();\n }\n\n @HostListener(\"window:resize\")\n @HostListener(\"window:scroll\")\n handleViewportChange() {\n if (this.selectedElement && document.contains(this.selectedElement)) {\n this.selectedMeasurement.set(getInspectMeasurement(this.selectedElement));\n }\n this.updateDistanceOverlay();\n this.refreshTypographyBlocks();\n }\n\n private updateDistanceOverlay() {\n if (\n !this.altPressed() ||\n !this.selectedElement ||\n !this.hoverElement ||\n this.selectedElement === this.hoverElement ||\n this.selectedElement.contains(this.hoverElement) ||\n this.hoverElement.contains(this.selectedElement)\n ) {\n this.distanceOverlay.set(null);\n return;\n }\n\n this.distanceOverlay.set(\n getDistanceOverlay(\n getRectFromDom(this.selectedElement),\n getRectFromDom(this.hoverElement),\n ),\n );\n }\n\n private refreshTypographyBlocks() {\n if (!this.isBrowser || !this.enabled() || !this.showTypography()) {\n this.textBlocks.set([]);\n return;\n }\n\n const viewport = getViewportSize();\n this.textBlocks.set(\n getVisibleTextBlocks(this.overlayRoot()?.nativeElement ?? null).map(\n (block) => ({\n ...block,\n rect: {\n ...block.rect,\n left: clamp(block.rect.left, 0, viewport.width - 12),\n top: clamp(block.rect.top, 14, viewport.height),\n },\n }),\n ),\n );\n }\n\n private addGuide(guide: Guide) {\n const nextGuides = [...this.guides(), guide];\n this.guides.set(nextGuides);\n this.selectedGuideId.set(guide.id);\n this.recordHistory(nextGuides);\n }\n\n private snapGuide(position: number) {\n for (const guide of this.guides()) {\n if (Math.abs(guide.position - position) <= GUIDE_SNAP_DISTANCE) {\n return guide.position;\n }\n }\n return position;\n }\n\n private findGuideAtPoint(x: number, y: number) {\n for (const guide of this.guides()) {\n if (\n guide.orientation === \"vertical\" &&\n Math.abs(guide.position - x) <= GUIDE_HITBOX_SIZE\n ) {\n return guide.id;\n }\n if (\n guide.orientation === \"horizontal\" &&\n Math.abs(guide.position - y) <= GUIDE_HITBOX_SIZE\n ) {\n return guide.id;\n }\n }\n return null;\n }\n\n private undo() {\n if (!this.canUndo()) {\n return;\n }\n const nextIndex = this.historyIndex() - 1;\n this.historyIndex.set(nextIndex);\n this.guides.set(this.cloneGuides(this.history()[nextIndex]));\n }\n\n private redo() {\n if (!this.canRedo()) {\n return;\n }\n const nextIndex = this.historyIndex() + 1;\n this.historyIndex.set(nextIndex);\n this.guides.set(this.cloneGuides(this.history()[nextIndex]));\n }\n\n private recordHistory(guides: Guide[]) {\n const base = this.history().slice(0, this.historyIndex() + 1);\n base.push(this.cloneGuides(guides));\n this.history.set(base);\n this.historyIndex.set(base.length - 1);\n }\n\n private cloneGuides(guides: Guide[]) {\n return guides.map((guide) => ({ ...guide }));\n }\n}\n","<div class=\"inspector-root\" #overlayRoot>\n <div class=\"inspector-toolbar\">\n <div class=\"inspector-toolbar__rail\">\n <button\n type=\"button\"\n class=\"inspector-icon-button\"\n [class.is-active]=\"toolMode() === 'select'\"\n (click)=\"setToolMode('select')\"\n title=\"Select mode\"\n >\n <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n <path d=\"M3 2l8 8-3 .7L6.7 13 6 10 3 2z\" />\n </svg>\n </button>\n\n <div class=\"inspector-guide-group\">\n <button\n type=\"button\"\n class=\"inspector-icon-button\"\n [class.is-active]=\"toolMode() === 'guides'\"\n (click)=\"setToolMode('guides')\"\n title=\"Guides mode\"\n >\n <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n <path d=\"M4 2h1v12H4zM11 2h1v12h-1zM2 4h12v1H2zM2 11h12v1H2z\" />\n </svg>\n </button>\n\n <button\n type=\"button\"\n class=\"inspector-icon-button inspector-icon-button--ghost\"\n [class.is-active]=\"guideMenuOpen()\"\n (click)=\"toggleGuideMenu()\"\n title=\"Guide options\"\n >\n <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n <path d=\"M4.47 6.97L8 10.5l3.53-3.53-.94-.94L8 8.62 5.41 6.03z\" />\n </svg>\n </button>\n\n @if (guideMenuOpen()) {\n <div class=\"inspector-guide-menu\">\n <button\n type=\"button\"\n class=\"inspector-segment\"\n [class.is-active]=\"guideOrientation() === 'vertical'\"\n (click)=\"setGuideOrientation('vertical')\"\n >\n Vertical\n </button>\n <button\n type=\"button\"\n class=\"inspector-segment\"\n [class.is-active]=\"guideOrientation() === 'horizontal'\"\n (click)=\"setGuideOrientation('horizontal')\"\n >\n Horizontal\n </button>\n <button\n type=\"button\"\n class=\"inspector-segment inspector-segment--danger\"\n (click)=\"clearGuides()\"\n >\n Clear\n </button>\n </div>\n }\n </div>\n\n <button\n type=\"button\"\n class=\"inspector-icon-button\"\n [class.is-active]=\"showTypography()\"\n (click)=\"toggleTypography()\"\n title=\"Typography mode\"\n >\n <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n <path d=\"M3 4V2h10v2h-4v10H7V4z\" />\n </svg>\n </button>\n </div>\n </div>\n\n @if (enabled() && toolMode() === \"select\") {\n @if (hoverRect() && hoverHighlightEnabled) {\n <div\n class=\"inspector-box inspector-box--hover\"\n [style.left.px]=\"hoverRect()!.left\"\n [style.top.px]=\"hoverRect()!.top\"\n [style.width.px]=\"hoverRect()!.width\"\n [style.height.px]=\"hoverRect()!.height\"\n [style.--inspector-accent]=\"highlightColor\"\n ></div>\n }\n\n @if (selectedMeasurement(); as selected) {\n @if (selected.gap.active && selected.parentRect) {\n <div\n class=\"inspector-box inspector-box--gap\"\n [style.left.px]=\"selected.parentRect.left\"\n [style.top.px]=\"selected.parentRect.top\"\n [style.width.px]=\"selected.parentRect.width\"\n [style.height.px]=\"selected.parentRect.height\"\n ></div>\n <div\n class=\"inspector-box-tag inspector-box-tag--gap\"\n [style.left.px]=\"selected.parentRect.left\"\n [style.top.px]=\"selected.parentRect.top - 8\"\n >\n G {{ formatGap(selected) }}\n </div>\n }\n\n <div\n class=\"inspector-box inspector-box--margin\"\n [style.left.px]=\"selected.marginRect.left\"\n [style.top.px]=\"selected.marginRect.top\"\n [style.width.px]=\"selected.marginRect.width\"\n [style.height.px]=\"selected.marginRect.height\"\n ></div>\n <div\n class=\"inspector-box-tag inspector-box-tag--margin\"\n [style.left.px]=\"selected.marginRect.left\"\n [style.top.px]=\"selected.marginRect.top - 8\"\n >\n M {{ formatEdges(selected.margin) }}\n </div>\n\n <div\n class=\"inspector-box inspector-box--selected\"\n [style.left.px]=\"selected.rect.left\"\n [style.top.px]=\"selected.rect.top\"\n [style.width.px]=\"selected.rect.width\"\n [style.height.px]=\"selected.rect.height\"\n [style.--inspector-accent]=\"highlightColor\"\n >\n <div class=\"inspector-label\">{{ selectedMetaLine() }}</div>\n </div>\n\n <div\n class=\"inspector-box inspector-box--padding\"\n [style.left.px]=\"selected.paddingRect.left\"\n [style.top.px]=\"selected.paddingRect.top\"\n [style.width.px]=\"selected.paddingRect.width\"\n [style.height.px]=\"selected.paddingRect.height\"\n ></div>\n <div\n class=\"inspector-box-tag inspector-box-tag--padding\"\n [style.left.px]=\"selected.paddingRect.left\"\n [style.top.px]=\"\n selected.paddingRect.top + selected.paddingRect.height + 8\n \"\n >\n P {{ formatEdges(selected.padding) }}\n </div>\n }\n }\n\n @if (enabled() && showTypography()) {\n @for (block of textBlocks(); track block.id) {\n <div\n class=\"inspector-text-chip\"\n [style.left.px]=\"block.rect.left\"\n [style.top.px]=\"block.rect.top - 8\"\n >\n <span\n class=\"inspector-text-chip__swatch\"\n [style.background]=\"block.styles.color\"\n ></span>\n <span>{{ block.styles.fontSize }}</span>\n <span>{{ block.styles.lineHeight }}</span>\n <span>{{ block.styles.color }}</span>\n </div>\n }\n }\n\n @if (enabled() && altPressed() && distanceOverlay(); as distance) {\n <div\n class=\"inspector-box inspector-box--distance\"\n [style.left.px]=\"distance.rectA.left\"\n [style.top.px]=\"distance.rectA.top\"\n [style.width.px]=\"distance.rectA.width\"\n [style.height.px]=\"distance.rectA.height\"\n ></div>\n <div\n class=\"inspector-box inspector-box--distance\"\n [style.left.px]=\"distance.rectB.left\"\n [style.top.px]=\"distance.rectB.top\"\n [style.width.px]=\"distance.rectB.width\"\n [style.height.px]=\"distance.rectB.height\"\n ></div>\n\n @for (\n connector of distance.connectors;\n track trackConnector($index, connector)\n ) {\n <div\n class=\"inspector-connector\"\n [class.inspector-connector--vertical]=\"connector.x1 === connector.x2\"\n [class.inspector-connector--horizontal]=\"connector.y1 === connector.y2\"\n [style.left.px]=\"Math.min(connector.x1, connector.x2)\"\n [style.top.px]=\"Math.min(connector.y1, connector.y2)\"\n [style.width.px]=\"Math.max(1, Math.abs(connector.x2 - connector.x1))\"\n [style.height.px]=\"Math.max(1, Math.abs(connector.y2 - connector.y1))\"\n ></div>\n }\n\n @if (distance.horizontal && distance.horizontal.value > 0) {\n <div\n class=\"inspector-distance-line inspector-distance-line--horizontal\"\n [style.left.px]=\"\n Math.min(distance.horizontal.x1!, distance.horizontal.x2!)\n \"\n [style.top.px]=\"distance.horizontal.y!\"\n [style.width.px]=\"\n Math.abs(distance.horizontal.x2! - distance.horizontal.x1!)\n \"\n ></div>\n <div\n class=\"inspector-distance-tag\"\n [style.left.px]=\"\n (distance.horizontal.x1! + distance.horizontal.x2!) / 2\n \"\n [style.top.px]=\"distance.horizontal.y! + 10\"\n >\n {{ formatValue(distance.horizontal.value) }}\n </div>\n }\n\n @if (distance.vertical && distance.vertical.value > 0) {\n <div\n class=\"inspector-distance-line inspector-distance-line--vertical\"\n [style.left.px]=\"distance.vertical.x!\"\n [style.top.px]=\"Math.min(distance.vertical.y1!, distance.vertical.y2!)\"\n [style.height.px]=\"\n Math.abs(distance.vertical.y2! - distance.vertical.y1!)\n \"\n ></div>\n <div\n class=\"inspector-distance-tag inspector-distance-tag--vertical\"\n [style.left.px]=\"distance.vertical.x! + 10\"\n [style.top.px]=\"(distance.vertical.y1! + distance.vertical.y2!) / 2\"\n >\n {{ formatValue(distance.vertical.value) }}\n </div>\n }\n }\n\n @if (enabled()) {\n @for (guide of guides(); track guide.id) {\n <button\n type=\"button\"\n class=\"inspector-guide\"\n [class.inspector-guide--vertical]=\"guide.orientation === 'vertical'\"\n [class.inspector-guide--horizontal]=\"guide.orientation === 'horizontal'\"\n [class.inspector-guide--selected]=\"selectedGuideId() === guide.id\"\n [style.left.px]=\"\n guide.orientation === 'vertical' ? guide.position : null\n \"\n [style.top.px]=\"\n guide.orientation === 'horizontal' ? guide.position : null\n \"\n [style.--inspector-guide]=\"guideColor\"\n (pointerdown)=\"startGuideDrag($event, guide)\"\n >\n <span class=\"inspector-guide-line\"></span>\n </button>\n }\n }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
package/index.d.ts
ADDED
package/lib/dom.d.ts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { InspectMeasurement, Rect, TextBlockAnnotation, TextInspection } from './types';
|
|
2
|
+
export declare const getRectFromDom: (element: Element) => Rect;
|
|
3
|
+
export declare const getElementLabel: (element: HTMLElement) => string;
|
|
4
|
+
export declare const getTextInspection: (element: HTMLElement) => TextInspection;
|
|
5
|
+
export declare const getInspectMeasurement: (element: HTMLElement) => InspectMeasurement;
|
|
6
|
+
export declare const getVisibleTextBlocks: (overlayElement: HTMLElement | null, limit?: number) => TextBlockAnnotation[];
|
|
7
|
+
export declare const getTargetElement: (point: {
|
|
8
|
+
x: number;
|
|
9
|
+
y: number;
|
|
10
|
+
}, overlayElement: HTMLElement | null) => HTMLElement | null;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Rect } from './types';
|
|
2
|
+
export declare const clamp: (value: number, min: number, max: number) => number;
|
|
3
|
+
export declare const getViewportSize: () => {
|
|
4
|
+
width: number;
|
|
5
|
+
height: number;
|
|
6
|
+
};
|
|
7
|
+
export declare const rectContainsPoint: (rect: Rect, point: {
|
|
8
|
+
x: number;
|
|
9
|
+
y: number;
|
|
10
|
+
}) => boolean;
|
|
11
|
+
export declare const rectsEqual: (a: Rect | null, b: Rect | null, epsilon?: number) => boolean;
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { ElementRef } from "@angular/core";
|
|
2
|
+
import { DistanceOverlay, Guide, GuideOrientation, InspectMeasurement, Rect, TextBlockAnnotation, ToolMode } from "./types";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class inspectorComponent {
|
|
5
|
+
readonly Math: Math;
|
|
6
|
+
readonly formatValue: (value: number) => number;
|
|
7
|
+
readonly guideHitboxSize = 14;
|
|
8
|
+
readonly overlayRoot: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
|
|
9
|
+
highlightColor: string;
|
|
10
|
+
guideColor: string;
|
|
11
|
+
hoverHighlightEnabled: boolean;
|
|
12
|
+
persistOnReload: boolean;
|
|
13
|
+
readonly enabled: import("@angular/core").WritableSignal<boolean>;
|
|
14
|
+
readonly toolMode: import("@angular/core").WritableSignal<ToolMode>;
|
|
15
|
+
readonly guideOrientation: import("@angular/core").WritableSignal<GuideOrientation>;
|
|
16
|
+
readonly guides: import("@angular/core").WritableSignal<Guide[]>;
|
|
17
|
+
readonly hoverRect: import("@angular/core").WritableSignal<Rect | null>;
|
|
18
|
+
readonly selectedGuideId: import("@angular/core").WritableSignal<string | null>;
|
|
19
|
+
readonly selectedMeasurement: import("@angular/core").WritableSignal<InspectMeasurement | null>;
|
|
20
|
+
readonly showTypography: import("@angular/core").WritableSignal<boolean>;
|
|
21
|
+
readonly altPressed: import("@angular/core").WritableSignal<boolean>;
|
|
22
|
+
readonly distanceOverlay: import("@angular/core").WritableSignal<DistanceOverlay | null>;
|
|
23
|
+
readonly textBlocks: import("@angular/core").WritableSignal<TextBlockAnnotation[]>;
|
|
24
|
+
readonly guideMenuOpen: import("@angular/core").WritableSignal<boolean>;
|
|
25
|
+
readonly selectedMetaLine: import("@angular/core").Signal<string>;
|
|
26
|
+
private readonly isBrowser;
|
|
27
|
+
private readonly hydrated;
|
|
28
|
+
private readonly history;
|
|
29
|
+
private readonly historyIndex;
|
|
30
|
+
private draggingGuideId;
|
|
31
|
+
private selectedElement;
|
|
32
|
+
private hoverElement;
|
|
33
|
+
readonly canUndo: import("@angular/core").Signal<boolean>;
|
|
34
|
+
readonly canRedo: import("@angular/core").Signal<boolean>;
|
|
35
|
+
constructor(platformId: object);
|
|
36
|
+
ngOnInit(): void;
|
|
37
|
+
setToolMode(mode: ToolMode): void;
|
|
38
|
+
setGuideOrientation(orientation: GuideOrientation): void;
|
|
39
|
+
toggleTypography(): void;
|
|
40
|
+
toggleGuideMenu(): void;
|
|
41
|
+
clearGuides(): void;
|
|
42
|
+
trackGuide: (_index: number, guide: Guide) => string;
|
|
43
|
+
trackTextBlock: (_index: number, block: TextBlockAnnotation) => string;
|
|
44
|
+
trackConnector: (_index: number, connector: DistanceOverlay["connectors"][number]) => string;
|
|
45
|
+
startGuideDrag(event: PointerEvent, guide: Guide): void;
|
|
46
|
+
formatEdges(edges: InspectMeasurement["padding"]): string;
|
|
47
|
+
formatGap(selected: InspectMeasurement): string;
|
|
48
|
+
handleKeydown(event: KeyboardEvent): void;
|
|
49
|
+
handleKeyup(event: KeyboardEvent): void;
|
|
50
|
+
handlePointerMove(event: PointerEvent): void;
|
|
51
|
+
handlePointerUp(): void;
|
|
52
|
+
handleClick(event: MouseEvent): void;
|
|
53
|
+
handleViewportChange(): void;
|
|
54
|
+
private updateDistanceOverlay;
|
|
55
|
+
private refreshTypographyBlocks;
|
|
56
|
+
private addGuide;
|
|
57
|
+
private snapGuide;
|
|
58
|
+
private findGuideAtPoint;
|
|
59
|
+
private undo;
|
|
60
|
+
private redo;
|
|
61
|
+
private recordHistory;
|
|
62
|
+
private cloneGuides;
|
|
63
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<inspectorComponent, never>;
|
|
64
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<inspectorComponent, "inspector-overlay", never, { "highlightColor": { "alias": "highlightColor"; "required": false; }; "guideColor": { "alias": "guideColor"; "required": false; }; "hoverHighlightEnabled": { "alias": "hoverHighlightEnabled"; "required": false; }; "persistOnReload": { "alias": "persistOnReload"; "required": false; }; }, {}, never, never, true, never>;
|
|
65
|
+
}
|
package/lib/types.d.ts
ADDED
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
export type Point = {
|
|
2
|
+
x: number;
|
|
3
|
+
y: number;
|
|
4
|
+
};
|
|
5
|
+
export type Rect = {
|
|
6
|
+
left: number;
|
|
7
|
+
top: number;
|
|
8
|
+
width: number;
|
|
9
|
+
height: number;
|
|
10
|
+
};
|
|
11
|
+
export type NormalizedRect = {
|
|
12
|
+
left: number;
|
|
13
|
+
top: number;
|
|
14
|
+
width: number;
|
|
15
|
+
height: number;
|
|
16
|
+
};
|
|
17
|
+
export type GuideOrientation = "vertical" | "horizontal";
|
|
18
|
+
export type BoxEdges = {
|
|
19
|
+
top: number;
|
|
20
|
+
right: number;
|
|
21
|
+
bottom: number;
|
|
22
|
+
left: number;
|
|
23
|
+
};
|
|
24
|
+
export type Guide = {
|
|
25
|
+
id: string;
|
|
26
|
+
orientation: GuideOrientation;
|
|
27
|
+
position: number;
|
|
28
|
+
};
|
|
29
|
+
export type ToolMode = "none" | "select" | "guides";
|
|
30
|
+
export type TextInspection = {
|
|
31
|
+
fontFamily: string;
|
|
32
|
+
fontSize: string;
|
|
33
|
+
fontWeight: string;
|
|
34
|
+
lineHeight: string;
|
|
35
|
+
letterSpacing: string;
|
|
36
|
+
color: string;
|
|
37
|
+
textAlign: string;
|
|
38
|
+
};
|
|
39
|
+
export type InspectMeasurement = {
|
|
40
|
+
rect: Rect;
|
|
41
|
+
paddingRect: Rect;
|
|
42
|
+
marginRect: Rect;
|
|
43
|
+
padding: BoxEdges;
|
|
44
|
+
margin: BoxEdges;
|
|
45
|
+
gap: {
|
|
46
|
+
row: number;
|
|
47
|
+
column: number;
|
|
48
|
+
active: boolean;
|
|
49
|
+
};
|
|
50
|
+
parentRect: Rect | null;
|
|
51
|
+
label: string;
|
|
52
|
+
styles: TextInspection;
|
|
53
|
+
};
|
|
54
|
+
export type TextBlockAnnotation = {
|
|
55
|
+
id: string;
|
|
56
|
+
rect: Rect;
|
|
57
|
+
text: string;
|
|
58
|
+
styles: TextInspection;
|
|
59
|
+
};
|
|
60
|
+
export type DistanceAxis = {
|
|
61
|
+
x1?: number;
|
|
62
|
+
x2?: number;
|
|
63
|
+
y1?: number;
|
|
64
|
+
y2?: number;
|
|
65
|
+
x?: number;
|
|
66
|
+
y?: number;
|
|
67
|
+
value: number;
|
|
68
|
+
};
|
|
69
|
+
export type DistanceOverlay = {
|
|
70
|
+
rectA: Rect;
|
|
71
|
+
rectB: Rect;
|
|
72
|
+
horizontal: DistanceAxis | null;
|
|
73
|
+
vertical: DistanceAxis | null;
|
|
74
|
+
connectors: Array<{
|
|
75
|
+
x1: number;
|
|
76
|
+
y1: number;
|
|
77
|
+
x2: number;
|
|
78
|
+
y2: number;
|
|
79
|
+
}>;
|
|
80
|
+
};
|
|
81
|
+
export type inspectorPersistedState = {
|
|
82
|
+
version: 1;
|
|
83
|
+
enabled: boolean;
|
|
84
|
+
toolMode: ToolMode;
|
|
85
|
+
guideOrientation: GuideOrientation;
|
|
86
|
+
guides: Guide[];
|
|
87
|
+
showTypography: boolean;
|
|
88
|
+
};
|
package/lib/utils.d.ts
ADDED
package/package.json
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "inspector-ng",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"peerDependencies": {
|
|
5
|
+
"@angular/common": "^17.3.0",
|
|
6
|
+
"@angular/core": "^17.3.0"
|
|
7
|
+
},
|
|
8
|
+
"dependencies": {
|
|
9
|
+
"tslib": "^2.3.0"
|
|
10
|
+
},
|
|
11
|
+
"sideEffects": false,
|
|
12
|
+
"module": "fesm2022/inspector-ng.mjs",
|
|
13
|
+
"typings": "index.d.ts",
|
|
14
|
+
"exports": {
|
|
15
|
+
"./package.json": {
|
|
16
|
+
"default": "./package.json"
|
|
17
|
+
},
|
|
18
|
+
".": {
|
|
19
|
+
"types": "./index.d.ts",
|
|
20
|
+
"esm2022": "./esm2022/inspector-ng.mjs",
|
|
21
|
+
"esm": "./esm2022/inspector-ng.mjs",
|
|
22
|
+
"default": "./fesm2022/inspector-ng.mjs"
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|