open-index/open-npm huggingface dataset:
npm package: @leansh/data-weave-playground-component
Description: Dataweave Playground Component
Latest version: 0.0.1

# data-weave-tutorial-ui

This project contains the UI for the DataWeave Interactive Tutorial

![tutorial.png](https://i.imgur.com/0Qs503z.png)

## URLs

[prod (marketing)](https://developer.mulesoft.com/learn/dataweave)

[kqa](https://data-weave-tutorial-ui.kqa.msap.io/)

[kdev](https://data-weave-tutorial-ui.kdev.msap.io/)

### Setup environment
* Install nvm
```
brew install nvm
```
* Install node v12.22.1
```
nvm install 12.22.1
nvm alias default 12.22.1
```

### Running the UI locally
Before you get started, you need to register with our private npm repository so you can download the Anypoint modules.
```
npm login --registry=https://nexus3.build.msap.io/repository/npm-internal/ --scope=@mulesoft
```
When prompted, enter your Jenkins username and password. If you have 2-factor authentication enabled, you'll get a 401 after attempting to login. As a workaround, you can temporarily disable 2FA in your settings, login with your credentials and then re-enable 2FA.

* Install dependencies (if you want to update them, run `npm ci`)
```
npm ci
```
* Install fonts
  
  Install the fonts found under the `extras/fonts/` directory on your system.
  
* Start the development server (with hot reloading): 
```
npm start
```
Visit http://localhost:25565 to access the playground. Also make sure to have the backend services running on port 8080.
* Run tests
```
npm run test
```
* Build a static deployable artifact
```
npm run build:static
```
* Build a Docker image (with tag `shoki/dw-tutorial-nginx`)
```
npm run build:docker
```

### core-paas

Ideally the ui will be deployed with core-paas, right now we only
have it configured for it to work on non production environments.

To deploy it locally in a way similar to how it's deployed on core-paas,
run the `kind.sh` script. The requirements are specified on the first few lines.