JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 3
  • Score
    100M100P100Q38891F
  • License MIT

Interactive graphs for application development

Package Exports

  • aphs

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (aphs) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

aphs

Graphs for application development

####Simple steps to install:

  1. Install with

    npm install aphs

  2. Update scripts of your package.json with following command:

    "aphs": "node node_modules/aphs/server.js"

####To make your first graph follow next steps:

  1. Run aphs with

    npm run aphs

  2. Wrap code blocks you want to visualize with marks

    /-yourBlockName-/ yourBlockCode /-/yourBlockName-/

These blocks should be in files inside src directory

  1. Go to http://localhost:9029 in your browser. Aphs was made with Chrome and not tested with other browsers.
  2. Click Open graph button and choose default.
  3. Click Place block button, choose one of the blocks you marked up in step 2, then place another one. Now you can edit block contents from here and save it to file.
  4. To connect these blocks click Connect button at first of them, then click the block you want to set connection to.
  5. To edit or remove connection click on it.