Extracts all CDW5_SCADA boilerplate (zoom controls, markdown tooltip,
pan/wheel events, element color/state/priority tag bindings, display
filters, Start/Stop special-case bindings) into a new ignition-view.ts
module. deployToIgnition() now produces the complete view.json instead
of a minimal skeleton. Also adds ignitionViewPath to the store/toolbar
and routes it through the deploy endpoint so views land under the correct
sub-folder (e.g. DetailedView/MCM09).
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Extract parseConveyanceLabel to shared label-utils.ts (was duplicated)
- Add EXTENDO_CONFIG, LABEL_CONFIG, CONVEYANCE_STYLE to symbol-config.ts
- Replace all hardcoded fill/stroke/lineWidth with CONVEYANCE_STYLE
- Replace magic font numbers (14, 4, 0.5) with LABEL_CONFIG constants
- Extract drawSpurSymbol, drawExtendoSymbol, drawRectConveyanceSymbol
from inline code — drawSymbolBody is now a clean dispatch
- Convert getIgnitionTagPath from 18 if-statements to data-driven table
- Add THEME.marquee for selection rectangle colors
- Remove no-op assignment in parseConveyanceLabel
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
All small/overlay devices (PE, FIO, BCN, SOL, JR, S, SS, EPC, DPM,
PDP, MCM, PS, diverter, camera) render LAST so they're on top of
conveyors and clickable in SCADA.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Ignition's JSON parser can't handle ISO timestamps with milliseconds
(2026-03-30T19:31:53.623Z). Strip to seconds (2026-03-30T19:31:53Z).
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Ignition requires this signature to validate resource integrity.
Without it, the Designer fails with "Error reading updated project".
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Deploy now attempts to trigger a scanProject message handler after
writing files. Requires a Gateway Message Handler named "scanProject"
in Ignition Designer with: IgnitionGateway.get().getProjectManager().requestScan()
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Working Ignition views only have meta, position, props, type on child
components — no version or custom fields.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Component gets meta.name + position at same level as type/props
- Root container uses props.mode="percent" not direction="column"
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- New "Ignition" section in toolbar with Project and View name fields
- View name defaults to current MCM
- "Deploy to Ignition" button writes view.json + resource.json to:
C:/Program Files/Inductive Automation/Ignition/data/projects/{Project}/
com.inductiveautomation.perspective/views/{ViewName}/
- Vite dev server plugin handles file writing via /api/deploy-ignition
- view.json wraps ia.shapes.svg component in proper Perspective view structure
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
New "SCADA" button generates Ignition-compatible JSON that can be
directly pasted into Ignition Perspective views. Converts SVG elements
to Ignition's ia.shapes.svg JSON format with:
- Proper element types (group, rect, path, text, polyline, circle)
- Fill/stroke as {paint, width} objects
- Text style as {fontFamily, fontWeight, fontSize} objects
- color, state, priority, tagpaths as top-level element properties
- Correct viewBox, meta, position structure
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Each symbol gets data-* attributes for Ignition integration:
- data-color="#000000", data-state="OFF", data-priority="No Alarms"
- data-tagpath="System/{MCM}/{Category}/{SubType}/{Label}"
Tag paths derived from label suffix (_VFD→VFD/APF, _TPE→Sensor/Tracking, etc.)
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Spur was using availH=h (no padding) giving 14px, while conveyors
used availH=h-4 giving 13px. Now both use the same padding.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Previous min() was wrong — pushed text further right when text was
wider than available space. Now uses max() to keep text left-aligned
within the trapezoid while right edge stays at the angled boundary.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Measure actual text width and position so the right side of the text
aligns with the angled edge of the spur, preventing overflow onto
adjacent conveyors.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Position text at 55% height (toward wider area), then center
horizontally based on the actual right edge at the text's top,
minimizing overflow past the angled edge.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
The 90-degree corners are at x=0 in local coords. The rectangular
region from x=0 to x=min(w2,w) always fits inside the trapezoid.
Text is centered in this safe zone — on the straight-edge side,
not the angled side.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Shift text toward the bottom-right corner of the trapezoid where
the right angle creates the most open space for the label.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Text centered at x = (w2 + w) / 2 — the middle of the wide right
portion of the trapezoid where there's the most space.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Place text centered at the wide bottom edge where there's always
enough room. No font shrinking — the wide end has plenty of space.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Center text at 75% of trapezoid height where the shape is widest,
using the actual width at that height for proper fit.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Center text at vertical midpoint, shifted right toward the wider end
where there's more horizontal space. Uses 55% of the mid-height width
as center position and 85% as available width.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Move text to 65% from top (wider end) so it fits without shrinking
- Fix effective angle for mirrored symbols: use (360-rot) to determine
if flip is needed, preventing incorrect upside-down detection
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Position text at 40% from top (toward narrow end) and constrain width
to the narrower edge so text never overflows the trapezoid shape.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Mirrored symbols need text counter-mirrored (scale -1,1) to prevent
backwards text. Restored mirror fix that was incorrectly removed.
Applied to both canvas renderer and SVG export.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Ignition strips font-weight/font-family/font-size as separate SVG
attributes but preserves them inside style="..." CSS. Moved all text
styling to inline style for conveyance labels and BCN/SOL/PDP symbols.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Labels now follow the mirrored shape naturally — text mirrors
along with the conveyor/shape as the user expects.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Canvas renderer:
- Straight/spur: flip text 180 when rotation is 91-269 deg
- Mirror: counter-scale text so it doesn't read backwards
- Curved: compute world angle (sym rotation + tangent), flip if upside-down
SVG export:
- Curved text now includes rotation transform along the arc tangent
- Straight text includes rotation correction for readability
- All text stays grouped with its shape for proper transform inheritance
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Wrap each conveyance shape + its label text in a <g> element so
rotation/mirror transforms apply to both shape and text together
- Change stroke-width from 0.5 to 1 on all conveyance and PE shapes
(both canvas renderer and SVG export)
- Text is now inside the group, inheriting the transform — no more
floating unrotated labels
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- SVG export now embeds layout JSON as HTML comment for re-import
- New loadLayoutSVG() extracts embedded data from exported SVGs
- Import accepts both .json and .svg files
- New exportJSON() saves layout as MCM_layout.json
- JSON export button added to toolbar
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Ignition strips SVG transforms from text elements, causing labels to
float to wrong positions. Now all text uses pre-computed absolute x/y
coordinates without any transform attributes. Also fixes positioning
for curved (at arc midpoint), spur (trapezoid center), and induction
(strip center) symbols.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Curved: position at arc midpoint with rotation along curve
- Spur: center in trapezoid shape, not bounding box
- All: use dy offset instead of dominant-baseline for reliable centering
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Parse labels like UL17_22_VFD into stacked text: "UL" / "17-22".
Bold black Arial, targets 14px but auto-scales down to fit with
consistent padding. Strips _VFD suffix, splits prefix from numbers.
If full text doesn't fit, strips the letter prefix.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Split SVG export into two passes: base conveyance symbols first, then
overlay devices rendered last so they appear on top in the exported SVG.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Replaces embedded SVG export (which used non-uniform scale transforms
that stretched strokes) with programmatic path/rect elements matching
the canvas renderer. Consistent 0.5px stroke at any size.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Change all conveyance SVGs from black fill to white fill with black stroke
- Update programmatic rendering (curves, induction, spur) to white fill
- Replace PE 3-slice rendering with programmatic canvas paths for
consistent stroke width at any size
- Reduce PE default size from 56x20 to 30x14 to fit around conveyor devices
- Update SVG export to match new white fills
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Right box stroke now uses EPC_CONFIG.lineWidth (1.5) instead of 0.3
- Right box positioned at -rb.w (backward) matching canvas renderer
- End box rotated 90° (perpendicular to line) in canvas, export, and hit-testing
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Right-click context menu: "Hide" option to hide individual symbols
- "Show All Hidden" appears in context menu when anything is hidden
- Top visibility bar with toggle chips for each device group
- Hidden symbols are excluded from rendering, hit testing, and SVG export
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Single-element SVGs: id/label/transform directly on the element (no <g>)
- SVGs with <g> group (dpm, diverter): keep the group, put id/label on it
- Multi-child SVGs without group (beacon): wrap in <g> with id/label
- Programmatic shapes (induction, curved, spur): single <path> with id
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Add search filter to Devices tab in right dock
- Add IDs tab: flat list of unassigned device IDs, drag onto placed symbol to assign label
- Highlight drop target symbol with cyan glow during label drag
- Add labelDropTarget state and dropTarget theme entry
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Split collision.ts (707→549): extract distance.ts (pure math) and grid-snap.ts
- Fix curved conveyor/chute outline to match SVG viewBox geometry
- Draw curves programmatically with fixed 30px band width (no SVG stretching)
- Single resize handle for curves (was 2)
- Add .gitattributes for consistent line endings
- Make Vec2 type module-private
- Add mirror transform support in renderer
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
