Skip to content

GridAPPS-D’s visualization application displays the topology of selected distribution model with highlighted capacitors and regulators. It also include tables with current values for capacitor status (OPEN or CLOSED), regulator voltage, and feeder power. For current release cycle we are using IEEE 8500-Node system model.

Notifications You must be signed in to change notification settings

tonya1/gridappsd-viz

 
 

Repository files navigation

To set up your development environment for this application:
1. Install node.js(https://nodejs.org/en/)

2. > cd <your path>/viz

3. > npm install -g typescript

4. > npm install -g typings

5. > npm install 

(Step 6 might not be necessary for this project)
6. Copy the directory /lib/@types/react-router into /node_modules/@types, replacing the existing /node_modules/@types/react-router directory.  
    
    When npm installs @types/react-router, the wrong version of @types/history (4.5.0 vs. the necessary 2.0.0) is installed as a sub-dependency. 
    I tried getting around this using the following:
        a. npm shrinkwrap - didn't work, gave up on it, would need to learn more about how shrinkwrap works
        b. Installing @types/history myself - The versions could not be found, which seems to make no sense.
        c. Committing /node_modules/@types/react-router to the repo and removing it from the package.json to keep it from being replaced on npm install. The .gitignore except pattern wasn't working. Why?

7. > cd <your path>/viz

8. > webpack 

    Note: if webpack is not installed on your machine, you can install it globally with this command:
    > npm install webpack -g 

    Note: for faster development, you may wish to webpack automatically in response to file changes. 
    To do this, run webpack with this command:
    > webpack --watch

9. > node server.js

    Note: for faster development, you may wish to restart Node automatically in response to file changes.
    To do this, install nodemon with this command:
    > npm install nodemon -g 

    And start the server using this command:
    > nodemon server.js
10. > Go to the url http://localhost:8082 on the web browser

11. Development on this project will be much easier using Visual Studio Code, which understands TypeScript
   and will offer dot-complete, etc. You can download Visual Studio Code from here: https://code.visualstudio.com/
   
   Steps for Unit Tests
   Unit tests are in tests folder
   1. npm test //if you have node.js and npm already installed or follow the steps 1 to 5 from above

About

GridAPPS-D’s visualization application displays the topology of selected distribution model with highlighted capacitors and regulators. It also include tables with current values for capacitor status (OPEN or CLOSED), regulator voltage, and feeder power. For current release cycle we are using IEEE 8500-Node system model.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 65.4%
  • JavaScript 30.7%
  • CSS 2.9%
  • HTML 1.0%