npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

dmx-cytoscape-renderer

v3.5.1

Published

A DMX 5 topicmap renderer as a reusable GUI component

Downloads

52

Readme

DMX 5 Cytoscape Renderer

A DMX 5 topicmap renderer as a reusable GUI component.

Version History

3.5.1 -- Nov 20, 2024

  • Fix: reveal sole topic (w/o assoc)

3.5 -- Aug 8, 2024

  • Major bug fix:
    • Topic labels and icons appear correctly on canvas (since DMX 5.3.4 there was a regression in certain browsers)
      • Topic labels and icons on canvas now render as DOM, no SVG anymore
      • No need to load Fontawesome SVG glyphs anymore, 450K less network traffic
  • Improvements:
    • Minor visual improvement during create-association (drag'n'drop)

3.0.1 -- Jun 21, 2023

  • Chore:
    • Remove dependencies included in dmx-platform already, e.g. dmx-api

3.0 -- May 20, 2023

  • BREAKING CHANGES
    • Make use of dmx-api 3.0
  • Features:
    • Topicmap can have a background image
    • Show/hide in-topicmap object details is animated
  • Improvements:
    • "Reset" does not pan to center but to original position

2.2 -- Aug 27, 2021

  • Improvements:
    • Drag'n'drop support for topics
      • Add component attribute drop-handler (Array)

2.1 -- Jun 15, 2021

  • Feature:
    • Arrow heads for associations
  • Major GUI improvement:
    • No lock/unlock of in-map details anymore
      • All commands (node-level as well as content-level) are immediately available
      • In-map details open towards bottom (instead of center-aligned), resulting in a more stable topicmap rendering
  • Further GUI improvements:
    • Scrollable in-map details, height-limited based on window height, for better content-level navigation
    • In-map details not fitting on screen are top-aligned (instead of bottom-aligned), because you want start reading at top
    • When revealing a topic: place it lower/left (instead lower/right) for better result in conjunction with pinned topics/assocs
    • Clicking outside context menu cancels selection
    • More visible "Pin" button
  • Fixes:
    • Implicit READ permission for types is now implemented
  • Chore:
    • Remove debug log

2.0 -- Dec 30, 2020

  • BREAKING CHANGES
    • Make use of dmx-api 2.0
    • Various dm5 -> dmx renamings
  • Improvements:
    • API: action renderRelatedTopic accepts pos option
  • Fixes:
    • Providing context commands asynchronously
  • Chore:
    • Adapt URLs to github.com/dmx-systems
    • Code run through eslint

1.0.2 -- Aug 6, 2020

  • Chore: bump dmx-object-renderer dependency

1.0.1 -- Aug 5, 2020

  • Chore: bump dmx-object-renderer dependency

1.0 -- Aug 4, 2020

  • Fixes:
    • Client-sync when a public topicmap has private/confidential portions
  • Chore:
    • Rename this package dm5-cytoscape-renderer -> dmx-cytoscape-renderer
    • Update to Cytoscape 3.15.2

0.26 -- Mar 30, 2020

  • Features:
    • Context commands can be calculated dynamically
  • Improvements:
    • Mobile friendly: fires topicmap-contextmenu on taphold as well
  • Fixes:
    • Pinned details respect zoom value at initial rendering
  • Chore:
    • Update to Cytoscape 3.14.1
    • Remove cytoscape-cose-bilkent dependency

0.25 -- Nov 21, 2019

  • Improvements:
    • Disable topicmap auto-layout/animation
    • Topicmap pans automatically when a topic is revealed outside viewport
    • Topicmap rendering respects individual topic icon widths
    • "Zoom to Fit" and "Reset Zoom" operations are animated
  • Fixes:
    • State management when selected topic/assoc is not visible/readable anymore after login/logout
    • Disable draw-assoc gesture when user lacks WRITE permission
    • Topics whose label contains an ampersand are properly rendered
    • Initial topicmap rendering does not emit an unwanted viewport event

0.24 -- Aug 26, 2019

  • Improvements:
    • Adjust multi-command labels

0.23 -- Aug 15, 2019

  • Fixes:
    • Leave state update on delete topic/assoc to dm5-topicmap-panel component

0.22 -- Jul 22, 2019

  • Improvements:
    • HTML links are still clickable when detail is locked
    • Enable browser/system context menus
    • No auto-layout after user moves topic
    • Optimization: renderNode() memoization
  • Fixes:
    • Revealing Number and Boolean topics
    • Style of expanded aux nodes
  • Chore:
    • Adapt to dm5 library ("player" renaming)
    • Change license to AGPL-3.0

0.21 -- May 29, 2019

  • Fix: revealed HTML topics are rendered as source (instead empty topic)

0.20 -- May 27, 2019

  • Improvements:
    • Render topic icon color and background color
    • In-map details: render with topic/assoc background color
    • Context menus: multi-commands show number of topics/assocs affected
    • Debounce playFisheyeAnimation()
  • Fixes:
    • Truncate long node labels, in particular image binaries
    • Don't debounce _syncDetailSize()

0.19 -- Apr 22, 2019

  • Features:
    • 2 new topicmap buttons: "Zoom to Fit" and "Reset Zoom"
    • Auto pan topicmap when moving topic to viewport edge
  • Improvements:
    • "Danger Zone" menu can be invoked by any modifier key
    • Disabled context menu items are visualized more clear
    • "Lock" and "Pin" detail buttons show tooltips
    • Send less requests on hide; unpin is implicit
  • Fixes:
    • Implicitly hiding a pinned association does not corrupt topicmap
    • Implicitly hiding/deleting a pinned association removes detail from screen
    • Hide-multi for implicitly hidden associations
    • Box-selecting an association emits no "is already in list" console error
  • API:
    • Attribute contextCommands: allow disabled function to return a promise
    • Composability: emit topic-pin and assoc-pin events
  • Chore: upgrade to cytoscape-cxtmenu 3.1.0 (async menus!)

0.18 -- Apr 1, 2019

  • Features:
    • Auto assoc revelation
    • Persistent topicmap pan/zoom state
    • Support for assoc visibility
  • API: add select param to revealRelatedTopic() action
  • Fixes:
    • Positioning of rotated assoc labels
    • Pin/unpin when lacking write permission
  • Composability: don't dispatch into host app (no router calls)

0.17 -- Mar 2, 2019

  • Features:
    • The display of in-map details is optional on a per-selection basis
    • Alt-right clicking a topic/assoc invokes a (configurable) "danger zone" menu
  • Fixes:
    • Update icons when topics are hidden
    • Various client-sync fixes in conjunction with hidden topics
    • Don't play restore animation if no in-map details are removed
  • Chore:
    • Internal refactoring: more efficient communication with dm5-topicmap-panel parent component

0.16 -- Jan 29, 2019

  • API:
    • Promise returned by renderTopicmap action resolves with topicmap
    • Context commands: caller can provide function to disable commands dynamically
  • Fixes:
    • No context menu for "edge handle" nodes
    • Pinned assocs which have assoc players
    • Remove assocs with assoc players from client state on hide/delete
    • Client-sync when revealing assocs with assoc players
    • addAssocToTopicmap message contains assoc view props
    • Make async operations more robust
  • Chore:
    • Adapt to dm5 library and cytoscpae-edge-connections
    • Internal refactoring
    • Change license to GPL-3.0-or-later

0.15 -- Jan 5, 2019

  • Assocs can connect other assocs (utilizing cytoscpae-edge-connections)
  • New create-association gesture: drawing instead of drag'n'drop (utilizing cytoscape-edgehandles)
  • Rename event topic-drop-on-topic -> assoc-create

0.14 -- Dec 21, 2018

  • Cytoscape 3.3 compatibility: don't put Cytoscape objects in Vue state

0.13 -- Nov 24, 2018

  • Add visibleAssocIds getter
  • Add cyEdge() argument check

0.12 -- Nov 7, 2018

  • Debounce node resizing
  • Fix: update assoc color on retype

0.11 -- Oct 21, 2018

  • Rename component prop object-renderers to detail-renderers. It contains both, object and value renderers.
  • Fix: refresh topic icons and assoc colors on view config change

0.10 -- Oct 6, 2018

  • In-map detail component does not render title. The underlying object renderer has full rendering control.
  • Store module provides a visibleTopicIds getter

0.9 -- Jul 31, 2018

  • Change type URI prefixes dm4 -> dmx
  • Add GitLab CI/CD

0.8 -- Jul 17, 2018

  • Fixes:
    • Visualization of selected pinned details
    • Revealing assoc-related topics
    • Renaming types

0.7 -- Jun 20, 2018

  • Multi-selection:
    • Hide/Delete multiple topics/assocs
    • For multi-operations a single request is sent
  • Fixes:
    • Executing "Delete" command when context menu is opened via tap-hold
    • Unpin topic/assoc on delete
  • Improved composability: component emits topics-drag event to signalize a multi-move

0.6 -- Jun 6, 2018

  • Multi-selection: disable "single-only" context commands
  • Fix: interacting with assocs when they are expanded

0.5 -- May 13, 2018

  • Multi-selection:
    • Move multiple topics
    • Issue context commands for multiple topics
    • Fix: unpin topic/assoc on hide

0.4 -- May 1, 2018

  • Support for multi-selection:
    • 2 new component events: topic-unselect, assoc-unselect
    • 2 new low-level actions: _syncSelect, _syncUnselect

0.3 -- Apr 10, 2018

  • Fix: sync writable flag with parent component

0.2 -- Apr 7, 2018

  • Compatible with dm5-topicmap-panel's renderer switching architecture

0.1 -- Mar 26, 2018

  • Factored out as a standalone component from:
    https://github.com/jri/dm5-topicmap-panel