<commit_before># Frontend Bootstrap

## How to: Setup development environment
1. Make sure the following is installed on your machine:
    - [Node.js](http://nodejs.org/)
2. Run this command to install the global dependencies:
    ```
    npm install -g gulp
    ```
3. Run these commands to install the project-specific dependencies:
    ```
    npm install
    ```
4. Done! You can now start your development server.

## How to: Configure module loader
By default, the bootstrap uses Browserify to bundle all available components into one file starting at the default entry point **src/static/bundle.js**.

### Defining additional bundles:
1. Open config.js and navigate to the js section
2. Add an additional object to the bundles array
```
{
    entry: '',      // Path to the js es6 entry file for the bundle
    bundle: '',     // The name of the bundled file
    components: []  // Array of components that should be included in the bundle
}
```
If you specify additional bundles make sure you define the components for each bundle.

### Switch to RequireJS
If you want to use RequireJS instead of Browserify, just change the 'moduleLoader' setting in config.js
```
moduleLoader: 'requirejs', // browserify || requirejs
```
RequireJS uses **src/static/main.js** instead of **src/static/bundle.js**

## How to: Start the development server
```
gulp dev
```
Then point your browser to `http://localhost:3000/`

## How to: Build
```<commit_msg>Correct path to main.js & bundle.js in readme.md (#40)<commit_after># Frontend Bootstrap

## How to: Setup development environment
1. Make sure the following is installed on your machine:
    - [Node.js](http://nodejs.org/)
2. Run this command to install the global dependencies:
    ```
    npm install -g gulp
    ```
3. Run these commands to install the project-specific dependencies:
    ```
    npm install
    ```
4. Done! You can now start your development server.

## How to: Configure module loader
By default, the bootstrap uses Browserify to bundle all available components into one file starting at the default entry point **src/static/js/bundle.js**.

### Defining additional bundles:
1. Open config.js and navigate to the js section
2. Add an additional object to the bundles array
```
{
    entry: '',      // Path to the js es6 entry file for the bundle
    bundle: '',     // The name of the bundled file
    components: []  // Array of components that should be included in the bundle
}
```
If you specify additional bundles make sure you define the components for each bundle.

### Switch to RequireJS
If you want to use RequireJS instead of Browserify, just change the 'moduleLoader' setting in config.js
```
moduleLoader: 'requirejs', // browserify || requirejs
```
RequireJS uses **src/static/js/main.js** instead of **src/static/js/bundle.js**

## How to: Start the development server
```
gulp dev
```
Then point your browser to `http://localhost:3000/`

## How to: Build
```
{'fraction_non_alphanumeric': 0.10047522063815342, 'fraction_numerical': 0.008146639511201629, 'mean_word_length': 3.6409448818897636, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6828726', 'n_tokens_mistral': 819, 'n_tokens_neox': 768, 'n_words': 383}