Source Map Visualizer

Initial idea from https://github.com/sokra/source-map-visualization

This app allows to debug and visualize source maps.

Install pre-requisites

You'll need to install the following pre-requisites in order to build the Source Map Visualizer

• The .NET Core SDK
• FAKE 5 installed as a global tool
• The Yarn package manager (you can also use npm but the usage of yarn is encouraged).
• Node LTS installed for the front end components.
• If you're running on OSX or Linux, you'll also need to install Mono.

Build and Run (Development)

Start Server (including client)

yarn client-build
yarn server-build
cd src/Server
node deploy/app.<hash>.js

Start Client (hot module reloading, needs a started server)

yarn client-start

Work with the application

To concurrently run the server and the client components in watch mode use the following command:

fake build -t Run

SAFE Stack Documentation

You will find more documentation about the used F# components at the following places:

• Giraffe
• Fable
• Elmish
• Fulma

If you want to know more about the full Azure Stack and all of it's components (including Azure) visit the official SAFE documentation.

Troubleshooting

• fake not found - If you fail to execute fake from command line after installing it as a global tool, you might need to add it to your PATH manually: (e.g. export PATH="$HOME/.dotnet/tools:$PATH" on unix) - related GitHub issue