# JSFramework

**The JSFramework is a framework for building mobile cross-platform UI written in TypeScript.**

## File Structure
- `runtime/`：all source code
  - `./main/`：JS bundle parsing, data methods, event methods, reactivity, etc.
  - `./preparation/`：JS framework initialization
  - `./utils/`：some utils
  - `./vdom/`：VM compilation
- `test/ut/`：unit test file
- `.eslintrc`：eslint configure
- `BUILD.gn`：compiling file of JS UI framework for NinjaJS
- `build_jsmock_system_plugin.js, build_strip_native_min.js`: build JS framework
- `js_framework_build.sh`：script file for JS framework building
- `LICENSE`：Apache License
- `NOTICE`：third party open source software notice
- `package.json`：define what libraries will be installed into node_modules when you run `npm install`
- `tsconfig.json`：the compiler options required to compile the project

## Usage

Here are simplified instructions to how to get started. The following commands are the same both on **Windows** and **Mac** platforms.

### 1. Prerequisites

Please make sure that the following commands work before trying to build:

```
> npm -v
  6.14.8
> node -v
  v12.18.3
```
Your `npm` and `node` should be of a later version. You can upgrade them to the **latest stable version**.
### 2. Installing

RollUp tool for packaging has been configured in `build_jsmock_system_plugin.js, build_strip_native_min.js`. So after the preceding conditions are met, we can start installing right now.

First, we go to the root directory of the project:
```
cd ..
cd third_party/jsframework/
```
And then install the dependencies:
```
npm install
```
**Note**: If some errors occur, delete the generated package `node_modules ` and run `npm install` again.

### 3. Building

There are two ways for building JS framework:
```
1. npm run build
2. in the root dir: run the build.sh script, which is built by gn
```

## ESLint

You can config more babel and ESLint plugins in `.eslintrc`.  **You'd better make sure there are no errors of esLint rules after you change them.**