Skip to content

feat: export includes port indicators #253

@ggfevans

Description

@ggfevans

Parent Epic

Part of #71 (Network Interface Visualization and Connectivity)

Summary

Update the export system to include port indicators in PNG, PDF, and SVG exports.

Acceptance Criteria

  • Port indicators render in PNG export
  • Port indicators render in PDF export
  • Port indicators render in SVG export
  • Port colors match on-screen display
  • Grouped badges render correctly for high-density devices
  • Add export option: "Include ports" toggle
  • Ports scale appropriately for export resolution

Technical Notes

Export logic is in src/lib/utils/export.ts. Need to:

  1. Include PortIndicators component rendering in export SVG generation
  2. Ensure port circles have correct fill colors
  3. Handle foreignObject (may need to convert to pure SVG for compatibility)

Considerations

  • foreignObject may not render in all SVG viewers
  • May need fallback to pure SVG circles/text
  • High-density devices need special handling at print scale

Dependencies

References

  • Export logic: src/lib/utils/export.ts

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions