Doric command line tool refact to typescript

2021-02-05 15:33:21 +08:00 · 2021-02-05 15:33:21 +08:00 · e9035858aa
commit e9035858aa
parent e32e6a321a
63 changed files with 2149 additions and 109 deletions
--- a/doric-cli/.gitignore
+++ b/doric-cli/.gitignore
@ -1,7 +1,6 @@
 node_modules/
-build/
-bundle/
 .project
 .classpath
 .settings/
-package-lock.json
+package-lock.json
+dist
--- a/doric-cli/contents/$.ts
+++ b/doric-cli/contents/$.ts
@ -1,7 +1,10 @@
-import { Panel, Group, vlayout, layoutConfig, Gravity, IVLayout, text, Text, Color } from "doric";
+import { Panel, Group, vlayout, layoutConfig, Gravity, text, Text, Color, navbar } from "doric";

@Entry
 class __$__ extends Panel {
+    onShow() {
+        navbar(context).setTitle("__$__")
+    }
    build(rootView: Group): void {
        let number: Text
        let count = 0
@ -13,18 +16,18 @@ class __$__ extends Panel {
            text({
                text: "Click to count",
                textSize: 20,
-                bgColor: Color.parse('#70a1ff'),
+                backgroundColor: Color.parse('#70a1ff'),
                textColor: Color.WHITE,
                onClick: () => {
                    number.text = `${++count}`
                },
-                layoutConfig: layoutConfig().exactly(),
-                width: 100,
+                layoutConfig: layoutConfig().just(),
+                width: 200,
                height: 50,
            }),
        ])
            .apply({
-                layoutConfig: layoutConfig().exactly().a(Gravity.Center),
+                layoutConfig: layoutConfig().just().configAlignment(Gravity.Center),
                width: 200,
                height: 200,
                space: 20,
@ -33,7 +36,7 @@ class __$__ extends Panel {
                    width: 1,
                },
                gravity: Gravity.Center,
-            } as IVLayout)
+            })
            .in(rootView)
    }

--- a/doric-cli/assets/_gitignore
+++ b/doric-cli/assets/_gitignore
@ -0,0 +1,10 @@
+node_modules/
+build/
+bundle/
+xcuserdata
+.gradle
+.idea/
+Pods/
+*.lock
+*.xcworkspace/xcshareddata/xcdebugger/
+package-lock.json
--- a/doric-cli/contents/_launch.json
+++ b/doric-cli/contents/_launch.json
@ -1,7 +1,4 @@
 {
-    // Use IntelliSense to learn about possible attributes.
-    // Hover to view descriptions of existing attributes.
-    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
--- a/doric-cli/contents/_package.json
+++ b/doric-cli/contents/_package.json
@ -10,12 +10,17 @@
    },
    "license": "Apache-2.0",
    "dependencies": {
-        "doric": "0.1.3",
+        "doric": "__$Version__",
        "reflect-metadata": "^0.1.13",
        "rollup": "^1.27.14",
-        "@rollup/plugin-commonjs": "^11.0.0",
-        "@rollup/plugin-node-resolve": "^6.0.0",
        "tslib": "^1.10.0",
        "typescript": "^3.7.4"
+    },
+    "devDependencies": {
+        "@rollup/plugin-buble": "^0.21.0",
+        "@rollup/plugin-commonjs": "^11.0.1",
+        "@rollup/plugin-image": "^2.0.4",
+        "@rollup/plugin-json": "^4.0.2",
+        "@rollup/plugin-node-resolve": "^7.0.0"
    }
 }
--- a/doric-cli/assets/_rollup.config.js
+++ b/doric-cli/assets/_rollup.config.js
@ -0,0 +1,132 @@
+import resolve from '@rollup/plugin-node-resolve'
+import commonjs from '@rollup/plugin-commonjs'
+import bundles from './build/index'
+import fs from 'fs'
+import path from 'path'
+import buble from '@rollup/plugin-buble'
+import json from "@rollup/plugin-json"
+import image from '@rollup/plugin-image'
+
+function searchImages(dir, images) {
+    const files = fs.readdirSync(dir)
+    files.forEach((item, index) => {
+        var fullPath = path.join(dir, item)
+        const stat = fs.statSync(fullPath)
+        if (stat.isDirectory()) {
+            searchImages(path.join(dir, item), images)
+        } else {
+            if(fullPath.endsWith('.png')) {
+                images.push(fullPath)
+            }
+        }
+    })
+    return images
+}
+
+const allImages = []
+searchImages('src', allImages)
+
+function mkdirsSync(dirname) {
+    if (fs.existsSync(dirname)) {
+        return true
+    } else {
+        if (mkdirsSync(path.dirname(dirname))) {
+            fs.mkdirSync(dirname)
+            return true
+        }
+    }
+}
+
+allImages.forEach((value) => {
+    let path = __dirname + '/build/' + value
+    let index = path.lastIndexOf('/')
+    mkdirsSync(path.substring(0, index))
+
+    fs.copyFile(__dirname + '/' + value, __dirname + '/build/' + value, error => {
+        console.log(error)
+    })
+})
+
+
+function readDirs(dirPath, files) {
+    if (fs.statSync(dirPath).isDirectory()) {
+        fs.readdirSync(dirPath).forEach(e => {
+            readDirs(path.join(dirPath, e), files)
+        })
+    } else {
+        for (let bundle of bundles) {
+            if (dirPath.match(new RegExp(`^${bundle}`))) {
+                files.push(dirPath)
+            }
+        }
+    }
+}
+
+
+const dirs = fs.readdirSync('.')
+    .filter(e => {
+        for (let bundle of bundles) {
+            if (bundle.match(new RegExp(`^${e}/`))) {
+                return true
+            }
+        }
+        return false
+    })
+
+const allFiles = []
+
+dirs.forEach(e => {
+    readDirs(e, allFiles)
+})
+export default
+    allFiles
+        .map(e => e.replace('.ts', ''))
+        .map(bundle => {
+            return {
+                input: `build/${bundle}.js`,
+                output: {
+                    format: "cjs",
+                    file: `bundle/${bundle}.js`,
+                    sourcemap: true,
+                },
+                plugins: [
+                    resolve({ mainFields: ["jsnext"] }),
+                    commonjs(),
+                    json(),
+                    image(),
+                ],
+                external: ['reflect-metadata', 'doric'],
+                onwarn: function (warning) {
+                    if (warning.code === 'THIS_IS_UNDEFINED') { return }
+                    console.warn(warning.message)
+                }
+            }
+        })
+        // If need ES5 support enable following configs
+        // .concat(
+        //     allFiles
+        //         .map(e => e.replace('.ts', ''))
+        //         .map(bundle => {
+        //             return {
+        //                 input: `build/${bundle}.js`,
+        //                 output: {
+        //                     format: "cjs",
+        //                     file: `bundle/${bundle}.es5.js`,
+        //                     sourcemap: true,
+        //                 },
+        //                 plugins: [
+        //                     resolve({ mainFields: ["jsnext"] }),
+        //                     commonjs(),
+        //                     json(),
+        //                     buble({
+        //                         transforms: { dangerousForOf: true }
+        //                     }),
+        //                     image(),
+        //                 ],
+        //                 external: ['reflect-metadata', 'doric'],
+        //                 onwarn: function (warning) {
+        //                     if (warning.code === 'THIS_IS_UNDEFINED') { return }
+        //                     console.warn(warning.message)
+        //                 }
+        //             }
+        //         }))
--- a/doric-cli/contents/_tasks.json
+++ b/doric-cli/contents/_tasks.json
@ -1,6 +1,4 @@
 {
-    // See https://go.microsoft.com/fwlink/?LinkId=733558 
-    // for the documentation about the tasks.json format
    "version": "2.0.0",
    "tasks": [
        {
--- a/doric-cli/contents/_tsconfig.json
+++ b/doric-cli/contents/_tsconfig.json
@ -53,7 +53,8 @@
    // "inlineSources": true,                 /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */
    /* Experimental Options */
    "experimentalDecorators": true, /* Enables experimental support for ES7 decorators. */
-    "emitDecoratorMetadata": true /* Enables experimental support for emitting type metadata for decorators. */
+    "emitDecoratorMetadata": true, /* Enables experimental support for emitting type metadata for decorators. */
+    "resolveJsonModule": true
  },
  "include": [
    "**/*.ts",
--- a/doric-cli/assets/android/.gitignore
+++ b/doric-cli/assets/android/.gitignore
@ -0,0 +1,15 @@
+*.iml
+.gradle
+/local.properties
+/.idea/caches
+/.idea/libraries
+/.idea/modules.xml
+/.idea/workspace.xml
+/.idea/navEditor.xml
+/.idea/assetWizardSettings.xml
+.DS_Store
+/build
+/captures
+.externalNativeBuild
+.cxx
+/.idea
--- a/doric-cli/assets/android/app/.gitignore
+++ b/doric-cli/assets/android/app/.gitignore
@ -0,0 +1 @@
+/build
--- a/doric-cli/assets/android/app/build.gradle
+++ b/doric-cli/assets/android/app/build.gradle
@ -0,0 +1,50 @@
+import groovy.json.JsonSlurper
+
+apply plugin: 'com.android.application'
+
+def model = new JsonSlurper().parse(new File(project.rootDir.getParent() + File.separator + "package.json"))
+def doricSDKVersion = model.dependencies.doric.replace("^", "")
+
+println("Doric Version:" + doricSDKVersion)
+
+android {
+    compileSdkVersion 29
+    buildToolsVersion "29.0.2"
+    defaultConfig {
+        applicationId "pub.doric.example"
+        minSdkVersion 16
+        targetSdkVersion 29
+        versionCode 1
+        versionName "1.0"
+        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
+    }
+    buildTypes {
+        release {
+            minifyEnabled false
+            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
+        }
+    }
+
+    sourceSets {
+        main {
+            assets.srcDirs = [project.getRootDir().getParent() + "/bundle"]
+        }
+    }
+
+    dependencies {
+        implementation fileTree(dir: 'libs', include: ['*.jar'])
+        implementation 'androidx.appcompat:appcompat:1.1.0'
+        implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
+        implementation "pub.doric:core:$doricSDKVersion"
+        debugImplementation "pub.doric:devkit:$doricSDKVersion"
+    }
+}
+
+afterEvaluate {
+    buildJSBundle.exec()
+}
+
+task buildJSBundle(type: Exec) {
+    workingDir project.rootDir.getParent()
+    commandLine 'doric', 'build'
+}
--- a/doric-cli/assets/android/app/proguard-rules.pro
+++ b/doric-cli/assets/android/app/proguard-rules.pro
@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
--- a/doric-cli/assets/android/app/src/main/AndroidManifest.xml
+++ b/doric-cli/assets/android/app/src/main/AndroidManifest.xml
@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    package="pub.doric.example">
+
+    <application
+        android:name=".MainApplication"
+        android:allowBackup="true"
+        android:icon="@mipmap/ic_launcher"
+        android:label="@string/app_name"
+        android:roundIcon="@mipmap/ic_launcher_round"
+        android:networkSecurityConfig="@xml/network_security_config"
+        android:supportsRtl="true"
+        android:theme="@style/AppTheme">
+        <activity android:name=".MainActivity">
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
+
+                <category android:name="android.intent.category.LAUNCHER" />
+            </intent-filter>
+        </activity>
+    </application>
+
+</manifest>
--- a/doric-cli/assets/android/app/src/main/java/pub/doric/example/MainActivity.java
+++ b/doric-cli/assets/android/app/src/main/java/pub/doric/example/MainActivity.java
@ -0,0 +1,40 @@
+package pub.doric.example;
+
+import android.os.Bundle;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.TextView;
+
+import androidx.appcompat.app.AppCompatActivity;
+import pub.doric.DoricFragment;
+import pub.doric.devkit.DoricDev;
+import pub.doric.navbar.BaseDoricNavBar;
+
+public class MainActivity extends AppCompatActivity {
+    private final String BUNDLE_NAME = "__$__";
+
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        String source = "assets://src/" + BUNDLE_NAME + ".js";
+        getIntent().putExtra("source", source);
+        getIntent().putExtra("alias", BUNDLE_NAME);
+        super.onCreate(savedInstanceState);
+        setContentView(R.layout.activity_main);
+        this.getSupportFragmentManager().beginTransaction().add(R.id.container, new DoricFragment()).commit();
+        BaseDoricNavBar doricNavBar = findViewById(R.id.doric_nav_bar);
+        doricNavBar.setBackIconVisible(false);
+
+        TextView textView = new TextView(this);
+        textView.setText("Devkit");
+        textView.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                DoricDev.getInstance().openDevMode();
+            }
+        });
+        textView.setLayoutParams(new ViewGroup.LayoutParams(
+                ViewGroup.LayoutParams.WRAP_CONTENT,
+                ViewGroup.LayoutParams.WRAP_CONTENT));
+        doricNavBar.setRight(textView);
+    }
+}
--- a/doric-cli/assets/android/app/src/main/java/pub/doric/example/MainApplication.java
+++ b/doric-cli/assets/android/app/src/main/java/pub/doric/example/MainApplication.java
@ -0,0 +1,18 @@
+package pub.doric.example;
+
+import android.app.Application;
+
+import pub.doric.Doric;
+
+/**
+ * @Description: pub.doric.example
+ * @Author: pengfei.zhou
+ * @CreateDate: 2019-12-05
+ */
+public class MainApplication extends Application {
+    @Override
+    public void onCreate() {
+        super.onCreate();
+        Doric.init(this);
+    }
+}
--- a/doric-cli/assets/android/app/src/main/res/drawable-v24/ic_launcher_foreground.xml
+++ b/doric-cli/assets/android/app/src/main/res/drawable-v24/ic_launcher_foreground.xml
@ -0,0 +1,34 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path
+        android:fillType="evenOdd"
+        android:pathData="M32,64C32,64 38.39,52.99 44.13,50.95C51.37,48.37 70.14,49.57 70.14,49.57L108.26,87.69L108,109.01L75.97,107.97L32,64Z"
+        android:strokeWidth="1"
+        android:strokeColor="#00000000">
+        <aapt:attr name="android:fillColor">
+            <gradient
+                android:endX="78.5885"
+                android:endY="90.9159"
+                android:startX="48.7653"
+                android:startY="61.0927"
+                android:type="linear">
+                <item
+                    android:color="#44000000"
+                    android:offset="0.0" />
+                <item
+                    android:color="#00000000"
+                    android:offset="1.0" />
+            </gradient>
+        </aapt:attr>
+    </path>
+    <path
+        android:fillColor="#FFFFFF"
+        android:fillType="nonZero"
+        android:pathData="M66.94,46.02L66.94,46.02C72.44,50.07 76,56.61 76,64L32,64C32,56.61 35.56,50.11 40.98,46.06L36.18,41.19C35.45,40.45 35.45,39.3 36.18,38.56C36.91,37.81 38.05,37.81 38.78,38.56L44.25,44.05C47.18,42.57 50.48,41.71 54,41.71C57.48,41.71 60.78,42.57 63.68,44.05L69.11,38.56C69.84,37.81 70.98,37.81 71.71,38.56C72.44,39.3 72.44,40.45 71.71,41.19L66.94,46.02ZM62.94,56.92C64.08,56.92 65,56.01 65,54.88C65,53.76 64.08,52.85 62.94,52.85C61.8,52.85 60.88,53.76 60.88,54.88C60.88,56.01 61.8,56.92 62.94,56.92ZM45.06,56.92C46.2,56.92 47.13,56.01 47.13,54.88C47.13,53.76 46.2,52.85 45.06,52.85C43.92,52.85 43,53.76 43,54.88C43,56.01 43.92,56.92 45.06,56.92Z"
+        android:strokeWidth="1"
+        android:strokeColor="#00000000" />
+</vector>
--- a/doric-cli/assets/android/app/src/main/res/drawable/ic_launcher_background.xml
+++ b/doric-cli/assets/android/app/src/main/res/drawable/ic_launcher_background.xml
@ -0,0 +1,170 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path
+        android:fillColor="#008577"
+        android:pathData="M0,0h108v108h-108z" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M9,0L9,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,0L19,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,0L29,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,0L39,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,0L49,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,0L59,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,0L69,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,0L79,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M89,0L89,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M99,0L99,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,9L108,9"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,19L108,19"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,29L108,29"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,39L108,39"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,49L108,49"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,59L108,59"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,69L108,69"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,79L108,79"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,89L108,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,99L108,99"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,29L89,29"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,39L89,39"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,49L89,49"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,59L89,59"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,69L89,69"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,79L89,79"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,19L29,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,19L39,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,19L49,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,19L59,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,19L69,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,19L79,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+</vector>
--- a/doric-cli/assets/android/app/src/main/res/layout/activity_main.xml
+++ b/doric-cli/assets/android/app/src/main/res/layout/activity_main.xml
@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:orientation="vertical">
+
+    <pub.doric.navbar.BaseDoricNavBar
+        android:id="@+id/doric_nav_bar"
+        android:layout_width="match_parent"
+        android:layout_height="44dp" />
+
+    <FrameLayout
+        android:id="@+id/container"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent" />
+</LinearLayout>
--- a/doric-cli/assets/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
+++ b/doric-cli/assets/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>
--- a/doric-cli/assets/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
+++ b/doric-cli/assets/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>
--- a/doric-cli/assets/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
+++ b/doric-cli/assets/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
--- a/doric-cli/assets/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png
+++ b/doric-cli/assets/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png
--- a/doric-cli/assets/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
+++ b/doric-cli/assets/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
--- a/doric-cli/assets/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png
+++ b/doric-cli/assets/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png
--- a/doric-cli/assets/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
+++ b/doric-cli/assets/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
--- a/doric-cli/assets/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png
+++ b/doric-cli/assets/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png
--- a/doric-cli/assets/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
+++ b/doric-cli/assets/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
--- a/doric-cli/assets/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png
+++ b/doric-cli/assets/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png
--- a/doric-cli/assets/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
+++ b/doric-cli/assets/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
--- a/doric-cli/assets/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png
+++ b/doric-cli/assets/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png
--- a/doric-cli/assets/android/app/src/main/res/values/colors.xml
+++ b/doric-cli/assets/android/app/src/main/res/values/colors.xml
@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="colorPrimary">#008577</color>
+    <color name="colorPrimaryDark">#00574B</color>
+    <color name="colorAccent">#D81B60</color>
+</resources>
--- a/doric-cli/assets/android/app/src/main/res/values/strings.xml
+++ b/doric-cli/assets/android/app/src/main/res/values/strings.xml
@ -0,0 +1,3 @@
+<resources>
+    <string name="app_name">__$__</string>
+</resources>
--- a/doric-cli/assets/android/app/src/main/res/values/styles.xml
+++ b/doric-cli/assets/android/app/src/main/res/values/styles.xml
@ -0,0 +1,11 @@
+<resources>
+
+    <!-- Base application theme. -->
+    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
+        <!-- Customize your theme here. -->
+        <item name="colorPrimary">@color/colorPrimary</item>
+        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
+        <item name="colorAccent">@color/colorAccent</item>
+    </style>
+
+</resources>
--- a/doric-cli/assets/android/app/src/main/res/xml/network_security_config.xml
+++ b/doric-cli/assets/android/app/src/main/res/xml/network_security_config.xml
@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<network-security-config>
+    <base-config cleartextTrafficPermitted="true" />
+</network-security-config>
--- a/doric-cli/assets/android/build.gradle
+++ b/doric-cli/assets/android/build.gradle
@ -0,0 +1,27 @@
+// Top-level build file where you can add configuration options common to all sub-projects/modules.
+
+buildscript {
+    repositories {
+        google()
+        jcenter()
+
+    }
+    dependencies {
+        classpath 'com.android.tools.build:gradle:3.5.3'
+
+        // NOTE: Do not place your application dependencies here; they belong
+        // in the individual module build.gradle files
+    }
+}
+
+allprojects {
+    repositories {
+        google()
+        jcenter()
+        maven { url 'https://jitpack.io' }
+    }
+}
+
+task clean(type: Delete) {
+    delete rootProject.buildDir
+}
--- a/doric-cli/assets/android/gradle.properties
+++ b/doric-cli/assets/android/gradle.properties
@ -0,0 +1,20 @@
+# Project-wide Gradle settings.
+# IDE (e.g. Android Studio) users:
+# Gradle settings configured through the IDE *will override*
+# any settings specified in this file.
+# For more details on how to configure your build environment visit
+# http://www.gradle.org/docs/current/userguide/build_environment.html
+# Specifies the JVM arguments used for the daemon process.
+# The setting is particularly useful for tweaking memory settings.
+org.gradle.jvmargs=-Xmx1536m
+# When configured, Gradle will run in incubating parallel mode.
+# This option should only be used with decoupled projects. More details, visit
+# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
+# org.gradle.parallel=true
+# AndroidX package structure to make it clearer which packages are bundled with the
+# Android operating system, and which are packaged with your app's APK
+# https://developer.android.com/topic/libraries/support-library/androidx-rn
+android.useAndroidX=true
+# Automatically convert third-party libraries to use AndroidX
+android.enableJetifier=true
+
--- a/doric-cli/assets/android/gradle/wrapper/gradle-wrapper.jar
+++ b/doric-cli/assets/android/gradle/wrapper/gradle-wrapper.jar
--- a/doric-cli/assets/android/gradle/wrapper/gradle-wrapper.properties
+++ b/doric-cli/assets/android/gradle/wrapper/gradle-wrapper.properties
@ -0,0 +1,6 @@
+#Thu Dec 05 19:41:10 CST 2019
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-6.0.1-all.zip
--- a/doric-cli/assets/android/gradlew
+++ b/doric-cli/assets/android/gradlew
@ -0,0 +1,172 @@
+#!/usr/bin/env sh
+
+##############################################################################
+##
+##  Gradle start up script for UN*X
+##
+##############################################################################
+
+# Attempt to set APP_HOME
+# Resolve links: $0 may be a link
+PRG="$0"
+# Need this for relative symlinks.
+while [ -h "$PRG" ] ; do
+    ls=`ls -ld "$PRG"`
+    link=`expr "$ls" : '.*-> \(.*\)$'`
+    if expr "$link" : '/.*' > /dev/null; then
+        PRG="$link"
+    else
+        PRG=`dirname "$PRG"`"/$link"
+    fi
+done
+SAVED="`pwd`"
+cd "`dirname \"$PRG\"`/" >/dev/null
+APP_HOME="`pwd -P`"
+cd "$SAVED" >/dev/null
+
+APP_NAME="Gradle"
+APP_BASE_NAME=`basename "$0"`
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS=""
+
+# Use the maximum available, or set MAX_FD != -1 to use that value.
+MAX_FD="maximum"
+
+warn () {
+    echo "$*"
+}
+
+die () {
+    echo
+    echo "$*"
+    echo
+    exit 1
+}
+
+# OS specific support (must be 'true' or 'false').
+cygwin=false
+msys=false
+darwin=false
+nonstop=false
+case "`uname`" in
+  CYGWIN* )
+    cygwin=true
+    ;;
+  Darwin* )
+    darwin=true
+    ;;
+  MINGW* )
+    msys=true
+    ;;
+  NONSTOP* )
+    nonstop=true
+    ;;
+esac
+
+CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
+
+# Determine the Java command to use to start the JVM.
+if [ -n "$JAVA_HOME" ] ; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
+        # IBM's JDK on AIX uses strange locations for the executables
+        JAVACMD="$JAVA_HOME/jre/sh/java"
+    else
+        JAVACMD="$JAVA_HOME/bin/java"
+    fi
+    if [ ! -x "$JAVACMD" ] ; then
+        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+else
+    JAVACMD="java"
+    which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+fi
+
+# Increase the maximum file descriptors if we can.
+if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then
+    MAX_FD_LIMIT=`ulimit -H -n`
+    if [ $? -eq 0 ] ; then
+        if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
+            MAX_FD="$MAX_FD_LIMIT"
+        fi
+        ulimit -n $MAX_FD
+        if [ $? -ne 0 ] ; then
+            warn "Could not set maximum file descriptor limit: $MAX_FD"
+        fi
+    else
+        warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
+    fi
+fi
+
+# For Darwin, add options to specify how the application appears in the dock
+if $darwin; then
+    GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
+fi
+
+# For Cygwin, switch paths to Windows format before running java
+if $cygwin ; then
+    APP_HOME=`cygpath --path --mixed "$APP_HOME"`
+    CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
+    JAVACMD=`cygpath --unix "$JAVACMD"`
+
+    # We build the pattern for arguments to be converted via cygpath
+    ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
+    SEP=""
+    for dir in $ROOTDIRSRAW ; do
+        ROOTDIRS="$ROOTDIRS$SEP$dir"
+        SEP="|"
+    done
+    OURCYGPATTERN="(^($ROOTDIRS))"
+    # Add a user-defined pattern to the cygpath arguments
+    if [ "$GRADLE_CYGPATTERN" != "" ] ; then
+        OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
+    fi
+    # Now convert the arguments - kludge to limit ourselves to /bin/sh
+    i=0
+    for arg in "$@" ; do
+        CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
+        CHECK2=`echo "$arg"|egrep -c "^-"`                                 ### Determine if an option
+
+        if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then                    ### Added a condition
+            eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
+        else
+            eval `echo args$i`="\"$arg\""
+        fi
+        i=$((i+1))
+    done
+    case $i in
+        (0) set -- ;;
+        (1) set -- "$args0" ;;
+        (2) set -- "$args0" "$args1" ;;
+        (3) set -- "$args0" "$args1" "$args2" ;;
+        (4) set -- "$args0" "$args1" "$args2" "$args3" ;;
+        (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
+        (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
+        (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
+        (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
+        (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
+    esac
+fi
+
+# Escape application args
+save () {
+    for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
+    echo " "
+}
+APP_ARGS=$(save "$@")
+
+# Collect all arguments for the java command, following the shell quoting and substitution rules
+eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
+
+# by default we should be in the correct project dir, but when run from Finder on Mac, the cwd is wrong
+if [ "$(uname)" = "Darwin" ] && [ "$HOME" = "$PWD" ]; then
+  cd "$(dirname "$0")"
+fi
+
+exec "$JAVACMD" "$@"
--- a/doric-cli/assets/android/gradlew.bat
+++ b/doric-cli/assets/android/gradlew.bat
@ -0,0 +1,84 @@
+@if "%DEBUG%" == "" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+set DIRNAME=%~dp0
+if "%DIRNAME%" == "" set DIRNAME=.
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS=
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if "%ERRORLEVEL%" == "0" goto init
+
+echo.
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto init
+
+echo.
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:init
+@rem Get command-line arguments, handling Windows variants
+
+if not "%OS%" == "Windows_NT" goto win9xME_args
+
+:win9xME_args
+@rem Slurp the command line arguments.
+set CMD_LINE_ARGS=
+set _SKIP=2
+
+:win9xME_args_slurp
+if "x%~1" == "x" goto execute
+
+set CMD_LINE_ARGS=%*
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
+
+:end
+@rem End local scope for the variables with windows NT shell
+if "%ERRORLEVEL%"=="0" goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
+exit /b 1
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega
--- a/doric-cli/assets/android/settings.gradle
+++ b/doric-cli/assets/android/settings.gradle
@ -0,0 +1,2 @@
+include ':app'
+rootProject.name='__$__'
--- a/doric-cli/assets/iOS/.gitignore
+++ b/doric-cli/assets/iOS/.gitignore
@ -0,0 +1,5 @@
+Podfile.lock
+*.xcworkspace/
+Pods/
+.idea/
+*.xcodeproj/xcuserdata/
--- a/doric-cli/assets/iOS/App/AppDelegate.h
+++ b/doric-cli/assets/iOS/App/AppDelegate.h
@ -0,0 +1,14 @@
+//
+//  AppDelegate.h
+//  Example
+//
+//  Created by pengfei.zhou on 2019/12/5.
+//  Copyright © 2019 pengfei.zhou. All rights reserved.
+//
+
+#import <UIKit/UIKit.h>
+
+@interface AppDelegate : UIResponder <UIApplicationDelegate>
+@property (strong, nonatomic) UIWindow *window;
+@end
+
--- a/doric-cli/assets/iOS/App/AppDelegate.m
+++ b/doric-cli/assets/iOS/App/AppDelegate.m
@ -0,0 +1,46 @@
+//
+//  AppDelegate.m
+//  Example
+//
+//  Created by pengfei.zhou on 2019/12/5.
+//  Copyright © 2019 pengfei.zhou. All rights reserved.
+//
+
+#import "AppDelegate.h"
+#import <DoricCore/Doric.h>
+#if __has_include(<SDWebImage/SDWebImage.h>)
+#import <SDWebImage/SDWebImage.h>
+#import <SDWebImageWebPCoder/SDWebImageWebPCoder.h>
+#endif
+
+@interface AppDelegate ()
+@end
+
+@implementation AppDelegate
+
+- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
+#if __has_include(<SDWebImage/SDWebImage.h>)
+    [SDImageCodersManager.sharedManager addCoder:SDImageWebPCoder.sharedCoder];
+#endif
+    return YES;
+}
+
+
+#pragma mark - UISceneSession lifecycle
+
+
+- (UISceneConfiguration *)application:(UIApplication *)application configurationForConnectingSceneSession:(UISceneSession *)connectingSceneSession options:(UISceneConnectionOptions *)options {
+    // Called when a new scene session is being created.
+    // Use this method to select a configuration to create the new scene with.
+    return [[UISceneConfiguration alloc] initWithName:@"Default Configuration" sessionRole:connectingSceneSession.role];
+}
+
+
+- (void)application:(UIApplication *)application didDiscardSceneSessions:(NSSet<UISceneSession *> *)sceneSessions {
+    // Called when the user discards a scene session.
+    // If any sessions were discarded while the application was not running, this will be called shortly after application:didFinishLaunchingWithOptions.
+    // Use this method to release any resources that were specific to the discarded scenes, as they will not return.
+}
+
+
+@end
--- a/doric-cli/assets/iOS/App/Assets.xcassets/AppIcon.appiconset/Contents.json
+++ b/doric-cli/assets/iOS/App/Assets.xcassets/AppIcon.appiconset/Contents.json
@ -0,0 +1,98 @@
+{
+  "images" : [
+    {
+      "idiom" : "iphone",
+      "size" : "20x20",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "20x20",
+      "scale" : "3x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "29x29",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "29x29",
+      "scale" : "3x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "40x40",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "40x40",
+      "scale" : "3x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "60x60",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "60x60",
+      "scale" : "3x"
+    },
+    {
+      "idiom" : "ipad",
+      "size" : "20x20",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "ipad",
+      "size" : "20x20",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "ipad",
+      "size" : "29x29",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "ipad",
+      "size" : "29x29",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "ipad",
+      "size" : "40x40",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "ipad",
+      "size" : "40x40",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "ipad",
+      "size" : "76x76",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "ipad",
+      "size" : "76x76",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "ipad",
+      "size" : "83.5x83.5",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "ios-marketing",
+      "size" : "1024x1024",
+      "scale" : "1x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
--- a/doric-cli/assets/iOS/App/Assets.xcassets/Contents.json
+++ b/doric-cli/assets/iOS/App/Assets.xcassets/Contents.json
@ -0,0 +1,6 @@
+{
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
--- a/doric-cli/assets/iOS/App/Base.lproj/LaunchScreen.storyboard
+++ b/doric-cli/assets/iOS/App/Base.lproj/LaunchScreen.storyboard
@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="13122.16" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="01J-lp-oVM">
+    <dependencies>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="13104.12"/>
+        <capability name="Safe area layout guides" minToolsVersion="9.0"/>
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
+    </dependencies>
+    <scenes>
+        <!--View Controller-->
+        <scene sceneID="EHf-IW-A2E">
+            <objects>
+                <viewController id="01J-lp-oVM" sceneMemberID="viewController">
+                    <view key="view" contentMode="scaleToFill" id="Ze5-6b-2t3">
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <color key="backgroundColor" xcode11CocoaTouchSystemColor="systemBackgroundColor" cocoaTouchSystemColor="whiteColor"/>
+                        <viewLayoutGuide key="safeArea" id="6Tk-OE-BBY"/>
+                    </view>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="53" y="375"/>
+        </scene>
+    </scenes>
+</document>
--- a/doric-cli/assets/iOS/App/Info.plist
+++ b/doric-cli/assets/iOS/App/Info.plist
@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>$(DEVELOPMENT_LANGUAGE)</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>$(PRODUCT_BUNDLE_PACKAGE_TYPE)</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+	<key>LSRequiresIPhoneOS</key>
+	<true/>
+	<key>UIApplicationSceneManifest</key>
+	<dict>
+		<key>UIApplicationSupportsMultipleScenes</key>
+		<false/>
+		<key>UISceneConfigurations</key>
+		<dict>
+			<key>UIWindowSceneSessionRoleApplication</key>
+			<array>
+				<dict>
+					<key>UISceneConfigurationName</key>
+					<string>Default Configuration</string>
+					<key>UISceneDelegateClassName</key>
+					<string>SceneDelegate</string>
+				</dict>
+			</array>
+		</dict>
+	</dict>
+	<key>UILaunchStoryboardName</key>
+	<string>LaunchScreen</string>
+	<key>UIRequiredDeviceCapabilities</key>
+	<array>
+		<string>armv7</string>
+	</array>
+	<key>UISupportedInterfaceOrientations</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>UISupportedInterfaceOrientations~ipad</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationPortraitUpsideDown</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+</dict>
+</plist>
--- a/doric-cli/assets/iOS/App/SceneDelegate.h
+++ b/doric-cli/assets/iOS/App/SceneDelegate.h
@ -0,0 +1,13 @@
+//
+//  SceneDelegate.h
+//  Example
+//
+//  Created by pengfei.zhou on 2019/12/5.
+//  Copyright © 2019 pengfei.zhou. All rights reserved.
+//
+
+#import <UIKit/UIKit.h>
+
+@interface SceneDelegate : UIResponder <UIWindowSceneDelegate>
+@end
+
--- a/doric-cli/assets/iOS/App/SceneDelegate.m
+++ b/doric-cli/assets/iOS/App/SceneDelegate.m
@ -0,0 +1,75 @@
+#import "SceneDelegate.h"
+#import <DoricCore/Doric.h>
+
+#if DEBUG
+
+#import <DoricDevkit/DoricDev.h>
+
+#endif
+
+@interface SceneDelegate ()
+@end
+
+@implementation SceneDelegate
+- (void)scene:(UIScene *)scene willConnectToSession:(UISceneSession *)session options:(UISceneConnectionOptions *)connectionOptions {
+    UIWindowScene *windowScene = (UIWindowScene *) scene;
+    NSString *bundleName = @"__$__";
+    DoricViewController *doricViewController = [[DoricViewController alloc] initWithSource:[NSString stringWithFormat:@"assets://src/%@.js", bundleName]
+                                                                                     alias:bundleName
+                                                                                     extra:@""];
+    doricViewController.view.backgroundColor = [UIColor whiteColor];
+#if DEBUG
+    UIBarButtonItem *rightBarItem = [[UIBarButtonItem alloc] initWithTitle:@"Devkit" style:UIBarButtonItemStylePlain target:self action:@selector(onOpenDevkit)];
+    doricViewController.navigationItem.rightBarButtonItem = rightBarItem;
+#endif
+    UINavigationController *navigationController = [[UINavigationController alloc] initWithRootViewController:doricViewController];
+    UIWindow *window = [[UIWindow alloc] initWithWindowScene:windowScene];
+    window.frame = windowScene.coordinateSpace.bounds;
+    window.rootViewController = navigationController;
+    [UIApplication sharedApplication].delegate.window = window;
+    [window makeKeyAndVisible];
+}
+
+#if DEBUG
+
+- (void)onOpenDevkit {
+    [[DoricDev instance] openDevMode];
+}
+
+#endif
+
+- (void)sceneDidDisconnect:(UIScene *)scene {
+    // Called as the scene is being released by the system.
+    // This occurs shortly after the scene enters the background, or when its session is discarded.
+    // Release any resources associated with this scene that can be re-created the next time the scene connects.
+    // The scene may re-connect later, as its session was not neccessarily discarded (see `application:didDiscardSceneSessions` instead).
+}
+
+
+- (void)sceneDidBecomeActive:(UIScene *)scene {
+    // Called when the scene has moved from an inactive state to an active state.
+    // Use this method to restart any tasks that were paused (or not yet started) when the scene was inactive.
+}
+
+
+- (void)sceneWillResignActive:(UIScene *)scene {
+    // Called when the scene will move from an active state to an inactive state.
+    // This may occur due to temporary interruptions (ex. an incoming phone call).
+}
+
+
+- (void)sceneWillEnterForeground:(UIScene *)scene {
+    // Called as the scene transitions from the background to the foreground.
+    // Use this method to undo the changes made on entering the background.
+}
+
+
+- (void)sceneDidEnterBackground:(UIScene *)scene {
+    // Called as the scene transitions from the foreground to the background.
+    // Use this method to save data, release shared resources, and store enough scene-specific state information
+    // to restore the scene back to its current state.
+}
+
+
+@end
+
--- a/doric-cli/assets/iOS/App/main.m
+++ b/doric-cli/assets/iOS/App/main.m
@ -0,0 +1,19 @@
+//
+//  main.m
+//  Example
+//
+//  Created by pengfei.zhou on 2019/12/5.
+//  Copyright © 2019 pengfei.zhou. All rights reserved.
+//
+
+#import <UIKit/UIKit.h>
+#import "AppDelegate.h"
+
+int main(int argc, char * argv[]) {
+    NSString * appDelegateClassName;
+    @autoreleasepool {
+        // Setup code that might create autoreleased objects goes here.
+        appDelegateClassName = NSStringFromClass([AppDelegate class]);
+    }
+    return UIApplicationMain(argc, argv, nil, appDelegateClassName);
+}
--- a/doric-cli/assets/iOS/Example.xcodeproj/project.pbxproj
+++ b/doric-cli/assets/iOS/Example.xcodeproj/project.pbxproj
@ -0,0 +1,423 @@
+// !$*UTF8*$!
+{
+	archiveVersion = 1;
+	classes = {
+	};
+	objectVersion = 51;
+	objects = {
+
+/* Begin PBXBuildFile section */
+		95EDDB7EAB47A65821DBC7EC /* Pods_Example.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = AB59FE64F1D814FD13C71BB2 /* Pods_Example.framework */; };
+		E2B059BF23C452BB007555C7 /* src in Resources */ = {isa = PBXBuildFile; fileRef = E2B059BE23C452BB007555C7 /* src */; };
+		E2F64CEF2399359C0006BD9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = E2F64CEE2399359C0006BD9A /* AppDelegate.m */; };
+		E2F64CF22399359C0006BD9A /* SceneDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = E2F64CF12399359C0006BD9A /* SceneDelegate.m */; };
+		E2F64CFA2399359E0006BD9A /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = E2F64CF92399359E0006BD9A /* Assets.xcassets */; };
+		E2F64CFD2399359E0006BD9A /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = E2F64CFB2399359E0006BD9A /* LaunchScreen.storyboard */; };
+		E2F64D002399359E0006BD9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = E2F64CFF2399359E0006BD9A /* main.m */; };
+/* End PBXBuildFile section */
+
+/* Begin PBXFileReference section */
+		197D29BBE572343DDD72F8A6 /* Pods-Example.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Example.debug.xcconfig"; path = "Target Support Files/Pods-Example/Pods-Example.debug.xcconfig"; sourceTree = "<group>"; };
+		5D47A9D4EA2836D57373FDF6 /* Pods-Example.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Example.release.xcconfig"; path = "Target Support Files/Pods-Example/Pods-Example.release.xcconfig"; sourceTree = "<group>"; };
+		AB59FE64F1D814FD13C71BB2 /* Pods_Example.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = Pods_Example.framework; sourceTree = BUILT_PRODUCTS_DIR; };
+		E2B059BE23C452BB007555C7 /* src */ = {isa = PBXFileReference; lastKnownFileType = folder; name = src; path = ../bundle/src; sourceTree = "<group>"; };
+		E2F64CEA2399359C0006BD9A /* __$__.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = __$__.app; sourceTree = BUILT_PRODUCTS_DIR; };
+		E2F64CED2399359C0006BD9A /* AppDelegate.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = AppDelegate.h; sourceTree = "<group>"; };
+		E2F64CEE2399359C0006BD9A /* AppDelegate.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = AppDelegate.m; sourceTree = "<group>"; };
+		E2F64CF02399359C0006BD9A /* SceneDelegate.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = SceneDelegate.h; sourceTree = "<group>"; };
+		E2F64CF12399359C0006BD9A /* SceneDelegate.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = SceneDelegate.m; sourceTree = "<group>"; };
+		E2F64CF92399359E0006BD9A /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = "<group>"; };
+		E2F64CFC2399359E0006BD9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = "<group>"; };
+		E2F64CFE2399359E0006BD9A /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
+		E2F64CFF2399359E0006BD9A /* main.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = main.m; sourceTree = "<group>"; };
+/* End PBXFileReference section */
+
+/* Begin PBXFrameworksBuildPhase section */
+		E2F64CE72399359C0006BD9A /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				95EDDB7EAB47A65821DBC7EC /* Pods_Example.framework in Frameworks */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXFrameworksBuildPhase section */
+
+/* Begin PBXGroup section */
+		875E7B19E6A1ABA3F802B6B5 /* Pods */ = {
+			isa = PBXGroup;
+			children = (
+				197D29BBE572343DDD72F8A6 /* Pods-Example.debug.xcconfig */,
+				5D47A9D4EA2836D57373FDF6 /* Pods-Example.release.xcconfig */,
+			);
+			path = Pods;
+			sourceTree = "<group>";
+		};
+		E2F64CE12399359C0006BD9A = {
+			isa = PBXGroup;
+			children = (
+				E2B059BE23C452BB007555C7 /* src */,
+				E2F64CEC2399359C0006BD9A /* App */,
+				E2F64CEB2399359C0006BD9A /* Products */,
+				875E7B19E6A1ABA3F802B6B5 /* Pods */,
+				F654B22175F1FDDC9AE817FA /* Frameworks */,
+			);
+			sourceTree = "<group>";
+		};
+		E2F64CEB2399359C0006BD9A /* Products */ = {
+			isa = PBXGroup;
+			children = (
+				E2F64CEA2399359C0006BD9A /* __$__.app */,
+			);
+			name = Products;
+			sourceTree = "<group>";
+		};
+		E2F64CEC2399359C0006BD9A /* App */ = {
+			isa = PBXGroup;
+			children = (
+				E2F64CED2399359C0006BD9A /* AppDelegate.h */,
+				E2F64CEE2399359C0006BD9A /* AppDelegate.m */,
+				E2F64CF02399359C0006BD9A /* SceneDelegate.h */,
+				E2F64CF12399359C0006BD9A /* SceneDelegate.m */,
+				E2F64CF92399359E0006BD9A /* Assets.xcassets */,
+				E2F64CFB2399359E0006BD9A /* LaunchScreen.storyboard */,
+				E2F64CFE2399359E0006BD9A /* Info.plist */,
+				E2F64CFF2399359E0006BD9A /* main.m */,
+			);
+			path = App;
+			sourceTree = "<group>";
+		};
+		F654B22175F1FDDC9AE817FA /* Frameworks */ = {
+			isa = PBXGroup;
+			children = (
+				AB59FE64F1D814FD13C71BB2 /* Pods_Example.framework */,
+			);
+			name = Frameworks;
+			sourceTree = "<group>";
+		};
+/* End PBXGroup section */
+
+/* Begin PBXNativeTarget section */
+		E2F64CE92399359C0006BD9A /* __$__ */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = E2F64D032399359E0006BD9A /* Build configuration list for PBXNativeTarget "__$__" */;
+			buildPhases = (
+				8E2E7D30FF8381E7791EA41B /* [CP] Check Pods Manifest.lock */,
+				E2F64D0B2399FFB20006BD9A /* Package JS Bundle */,
+				E2F64CE62399359C0006BD9A /* Sources */,
+				E2F64CE72399359C0006BD9A /* Frameworks */,
+				E2F64CE82399359C0006BD9A /* Resources */,
+				489CC68D7F95811A10DFEC4E /* [CP] Embed Pods Frameworks */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+			);
+			name = __$__;
+			productName = Example;
+			productReference = E2F64CEA2399359C0006BD9A /* __$__.app */;
+			productType = "com.apple.product-type.application";
+		};
+/* End PBXNativeTarget section */
+
+/* Begin PBXProject section */
+		E2F64CE22399359C0006BD9A /* Project object */ = {
+			isa = PBXProject;
+			attributes = {
+				LastUpgradeCheck = 1120;
+				ORGANIZATIONNAME = pengfei.zhou;
+				TargetAttributes = {
+					E2F64CE92399359C0006BD9A = {
+						CreatedOnToolsVersion = 11.2.1;
+					};
+				};
+			};
+			buildConfigurationList = E2F64CE52399359C0006BD9A /* Build configuration list for PBXProject "Example" */;
+			compatibilityVersion = "Xcode 9.3";
+			developmentRegion = en;
+			hasScannedForEncodings = 0;
+			knownRegions = (
+				en,
+				Base,
+			);
+			mainGroup = E2F64CE12399359C0006BD9A;
+			productRefGroup = E2F64CEB2399359C0006BD9A /* Products */;
+			projectDirPath = "";
+			projectRoot = "";
+			targets = (
+				E2F64CE92399359C0006BD9A /* __$__ */,
+			);
+		};
+/* End PBXProject section */
+
+/* Begin PBXResourcesBuildPhase section */
+		E2F64CE82399359C0006BD9A /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				E2B059BF23C452BB007555C7 /* src in Resources */,
+				E2F64CFD2399359E0006BD9A /* LaunchScreen.storyboard in Resources */,
+				E2F64CFA2399359E0006BD9A /* Assets.xcassets in Resources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXResourcesBuildPhase section */
+
+/* Begin PBXShellScriptBuildPhase section */
+		489CC68D7F95811A10DFEC4E /* [CP] Embed Pods Frameworks */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Example/Pods-Example-frameworks-${CONFIGURATION}-input-files.xcfilelist",
+			);
+			name = "[CP] Embed Pods Frameworks";
+			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Example/Pods-Example-frameworks-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Example/Pods-Example-frameworks.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
+		8E2E7D30FF8381E7791EA41B /* [CP] Check Pods Manifest.lock */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-Example-checkManifestLockResult.txt",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
+			showEnvVarsInLog = 0;
+		};
+		E2F64D0B2399FFB20006BD9A /* Package JS Bundle */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+			);
+			name = "Package JS Bundle";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "# Type a script or drag a script file from your workspace to insert its path.\n# Type a script or drag a script file from your workspace to insert its path.\n\nexport NVM_DIR=\"$HOME/.nvm\"\n[ -s \"$NVM_DIR/nvm.sh\" ] && \\. \"$NVM_DIR/nvm.sh\"  # This loads nvm\n[ -s \"$NVM_DIR/bash_completion\" ] && \\. \"$NVM_DIR/bash_completion\"  # This loads nvm bash_completion\n\ncd ../ && doric build\n";
+		};
+/* End PBXShellScriptBuildPhase section */
+
+/* Begin PBXSourcesBuildPhase section */
+		E2F64CE62399359C0006BD9A /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				E2F64CEF2399359C0006BD9A /* AppDelegate.m in Sources */,
+				E2F64D002399359E0006BD9A /* main.m in Sources */,
+				E2F64CF22399359C0006BD9A /* SceneDelegate.m in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXSourcesBuildPhase section */
+
+/* Begin PBXVariantGroup section */
+		E2F64CFB2399359E0006BD9A /* LaunchScreen.storyboard */ = {
+			isa = PBXVariantGroup;
+			children = (
+				E2F64CFC2399359E0006BD9A /* Base */,
+			);
+			name = LaunchScreen.storyboard;
+			sourceTree = "<group>";
+		};
+/* End PBXVariantGroup section */
+
+/* Begin XCBuildConfiguration section */
+		E2F64D012399359E0006BD9A /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_ENABLE_OBJC_WEAK = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				COPY_PHASE_STRIP = NO;
+				DEBUG_INFORMATION_FORMAT = dwarf;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
+				GCC_C_LANGUAGE_STANDARD = gnu11;
+				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_OPTIMIZATION_LEVEL = 0;
+				GCC_PREPROCESSOR_DEFINITIONS = (
+					"DEBUG=1",
+					"$(inherited)",
+				);
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 13.2;
+				MTL_ENABLE_DEBUG_INFO = INCLUDE_SOURCE;
+				MTL_FAST_MATH = YES;
+				ONLY_ACTIVE_ARCH = YES;
+				SDKROOT = iphoneos;
+			};
+			name = Debug;
+		};
+		E2F64D022399359E0006BD9A /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_ENABLE_OBJC_WEAK = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				COPY_PHASE_STRIP = NO;
+				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
+				ENABLE_NS_ASSERTIONS = NO;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				GCC_C_LANGUAGE_STANDARD = gnu11;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 13.2;
+				MTL_ENABLE_DEBUG_INFO = NO;
+				MTL_FAST_MATH = YES;
+				SDKROOT = iphoneos;
+				VALIDATE_PRODUCT = YES;
+			};
+			name = Release;
+		};
+		E2F64D042399359E0006BD9A /* Debug */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 197D29BBE572343DDD72F8A6 /* Pods-Example.debug.xcconfig */;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CODE_SIGN_STYLE = Automatic;
+				DEVELOPMENT_TEAM = 7EE2RX3L3P;
+				GCC_INPUT_FILETYPE = sourcecode.cpp.objcpp;
+				INFOPLIST_FILE = "$(SRCROOT)/App/Info.plist";
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/Frameworks",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = pub.doric.Example;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				TARGETED_DEVICE_FAMILY = "1,2";
+			};
+			name = Debug;
+		};
+		E2F64D052399359E0006BD9A /* Release */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 5D47A9D4EA2836D57373FDF6 /* Pods-Example.release.xcconfig */;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CODE_SIGN_STYLE = Automatic;
+				DEVELOPMENT_TEAM = 7EE2RX3L3P;
+				GCC_INPUT_FILETYPE = sourcecode.cpp.objcpp;
+				INFOPLIST_FILE = "$(SRCROOT)/App/Info.plist";
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/Frameworks",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = pub.doric.Example;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				TARGETED_DEVICE_FAMILY = "1,2";
+			};
+			name = Release;
+		};
+/* End XCBuildConfiguration section */
+
+/* Begin XCConfigurationList section */
+		E2F64CE52399359C0006BD9A /* Build configuration list for PBXProject "Example" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				E2F64D012399359E0006BD9A /* Debug */,
+				E2F64D022399359E0006BD9A /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		E2F64D032399359E0006BD9A /* Build configuration list for PBXNativeTarget "__$__" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				E2F64D042399359E0006BD9A /* Debug */,
+				E2F64D052399359E0006BD9A /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+/* End XCConfigurationList section */
+	};
+	rootObject = E2F64CE22399359C0006BD9A /* Project object */;
+}
--- a/doric-cli/assets/iOS/Podfile
+++ b/doric-cli/assets/iOS/Podfile
@ -0,0 +1,24 @@
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "../package.json")))
+version = package['dependencies']["doric"]
+version = version.gsub('^','')
+
+source 'https://cdn.cocoapods.org/'
+# Uncomment the next line to define a global platform for your project
+# platform :ios, '9.0'
+
+target '__$__' do
+  # Comment the next line if you don't want to use dynamic frameworks
+  use_modular_headers!
+
+  # Pods for __$__
+  pod 'DoricCore', "#{version}"
+  pod 'DoricDevkit', "#{version}"
+  
+  pod 'SDWebImage'
+
+  pod 'SDWebImageWebPCoder'
+
+  pod 'PINCache'
+end
--- a/doric-cli/assets/version
+++ b/doric-cli/assets/version
@ -0,0 +1 @@
+0.6.13
--- a/doric-cli/contents/_gitignore
+++ b/doric-cli/contents/_gitignore
@ -1,3 +0,0 @@
-node_modules/
-build/
-bundle/
--- a/doric-cli/contents/_rollup.config.js
+++ b/doric-cli/contents/_rollup.config.js
@ -1,19 +0,0 @@
-import resolve from '@rollup/plugin-node-resolve'
-import commonjs from '@rollup/plugin-commonjs'
-import bundles from './build/index'
-
-export default bundles.map(bundle => {
-    return {
-        input: `build/${bundle}.js`,
-        output: {
-            format: "cjs",
-            file: `bundle/${bundle}.js`,
-            sourcemap: true,
-        },
-        plugins: [
-            resolve({ jsnext: true, main: true }),
-            commonjs()
-        ],
-        external: ['reflect-metadata', 'doric'],
-    }
-})
--- a/doric-cli/package.json
+++ b/doric-cli/package.json
@ -2,12 +2,16 @@
  "name": "doric-cli",
  "version": "0.6.13",
  "description": "Doric command line tools",
-  "main": "index.js",
+  "main": "dist/index.js",
  "bin": {
-    "doric": "index.js"
+    "doric": "dist/index.js"
  },
  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "start": "tsc && node dist/index.js",
+    "clean": "rm -rf dist",
+    "build": "tsc",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "prepublish": "npm run clean && npm run build"
  },
  "repository": {
    "type": "git",
@ -20,8 +24,10 @@
  },
  "homepage": "https://github.com/penfeizhou/doric#readme",
  "dependencies": {
+    "@types/node": "^14.14.25",
    "child_process": "^1.0.2",
    "chokidar": "^3.4.1",
+    "colors": "^1.4.0",
    "commander": "^6.0.0",
    "keypress": "^0.2.1",
    "nodejs-websocket": "^1.7.2",
--- a/doric-cli/scripts/watcher.js
+++ b/doric-cli/scripts/watcher.js
@ -1,83 +1,96 @@
-const chokidar = require('chokidar')
-const ws = require('./server')
-const fs = require("fs")
-const doMerge = require("./command").doMerge
+const chokidar = require("chokidar");
+const ws = require("./server");
+const fs = require("fs");
+const doMerge = require("./command").doMerge;
+const { exec } = require("child_process");
+require("colors");
+require("shelljs/global");

-require('shelljs/global')
+const tscProcess = exec("node node_modules/.bin/tsc -w -p .");
+const rollupProcess = exec("node node_modules/.bin/rollup -c -w");
+
+console.warn("Waiting ...");

-exec('npm run dev >/dev/null 2>&1', { async: true })
-console.warn('Waiting ...')
 setTimeout(() => {
-    console.warn('Start watching')
-    ws.listen(7777)
-    chokidar.watch(process.cwd() + "/bundle", {
-        ignored: /(^|[\/\\])\../,
-        awaitWriteFinish: true,
-        alwaysStat: true,
-    }).on('change', (path) => {
-        if (ws.debugging) {
-            console.log("debugging, hot reload by pass")
-            return
+  console.warn("Start watching");
+  ws.listen(7777);
+  chokidar
+    .watch(process.cwd() + "/bundle", {
+      ignored: /(^|[\/\\])\../,
+      awaitWriteFinish: true,
+      alwaysStat: true,
+    })
+    .on("change", (path) => {
+      if (ws.debugging) {
+        console.log("debugging, hot reload by pass");
+        return;
+      }
+      fs.readFile(path, "utf-8", (error, data) => {
+        if (!path.endsWith(".map")) {
+          try {
+            const sourceMap = doMerge(path + ".map");
+            ws.connections.forEach((e) => {
+              e.sendText(
+                JSON.stringify({
+                  cmd: "RELOAD",
+                  script: data,
+                  source: path.match(/[^/\\]*$/)[0],
+                  sourceMap,
+                })
+              );
+            });
+          } catch (e) {
+            console.error(e);
+          }
        }
-        fs.readFile(path, 'utf-8', (error, data) => {
-            if (!path.endsWith('.map')) {
-                try {
-                    const sourceMap = doMerge(path + ".map")
-                    ws.connections.forEach(e => {
-                        e.sendText(JSON.stringify({
-                            cmd: 'RELOAD',
-                            script: data,
-                            source: path.match(/[^/\\]*$/)[0],
-                            sourceMap,
-                        }))
-                    })
-                } catch (e) {
-                    console.error(e)
-                }
-            }
-        })
+      });
    });
 }, 3000);
-const os = require('os');
+const os = require("os");

 function getIPAdress() {
-    const ret = []
-    var interfaces = os.networkInterfaces();
-    for (var devName in interfaces) {
-        var iface = interfaces[devName];
-        for (var i = 0; i < iface.length; i++) {
-            var alias = iface[i];
-            if (alias.family === 'IPv4' && alias.address !== '127.0.0.1' && !alias.internal) {
-                ret.push(alias.address);
-            }
-        }
+  const ret = [];
+  var interfaces = os.networkInterfaces();
+  for (var devName in interfaces) {
+    var iface = interfaces[devName];
+    for (var i = 0; i < iface.length; i++) {
+      var alias = iface[i];
+      if (
+        alias.family === "IPv4" &&
+        alias.address !== "127.0.0.1" &&
+        !alias.internal
+      ) {
+        ret.push(alias.address);
+      }
    }
-    return ret
+  }
+  return ret;
 }

+const qrcode = require("qrcode-terminal");

-const qrcode = require('qrcode-terminal');
+const ips = getIPAdress();
+ips.forEach((e) => {
+  console.log(`IP:${e}`);
+  qrcode.generate(e, { small: false });
+});

-const ips = getIPAdress()
-ips.forEach(e => {
-    console.log(`IP:${e}`)
-    qrcode.generate(e, { small: false });
-})
-
-const keypress = require('keypress');
+const keypress = require("keypress");

 keypress(process.stdin);
-process.stdin.on('keypress', function (ch, key) {
-    if (key && key.ctrl && key.name == 'r') {
-        ips.forEach(e => {
-            console.log(`IP:${e}`)
-            qrcode.generate(e, { small: false });
-        })
-    }
-    if (key && key.ctrl && key.name == 'c') {
-        process.stdin.pause();
-        process.exit(0);
-    }
+process.stdin.on("keypress", function (ch, key) {
+  if (key && key.ctrl && key.name == "r") {
+    ips.forEach((e) => {
+      console.log(`IP:${e}`);
+      qrcode.generate(e, { small: false });
+    });
+  }
+  if (key && key.ctrl && key.name == "c") {
+    process.stdin.pause();
+    tscProcess.kill("SIGABRT");
+    rollupProcess.kill("SIGABRT");
+    process.exit(0);
+  }
 });
 process.stdin.setRawMode(true);
-process.stdin.resume();
+process.stdin.resume();
--- a/doric-cli/src/create.ts
+++ b/doric-cli/src/create.ts
@ -0,0 +1,102 @@
+import fs from "fs"
+import path from "path"
+import { exec } from "child_process"
+import { getAssetsDir } from "./util"
+import { Shell } from "./shell";
+
+const targetJSPath = getAssetsDir();
+const targetAndroidPath = path.resolve(targetJSPath, "android")
+const targetiOSPath = path.resolve(targetJSPath, "iOS")
+const currentVersion = fs.readFileSync(path.resolve(targetJSPath, "version")).toString().trim()
+
+async function shellCopy(dist: string, src: string) {
+    await Shell.exec("cp", [
+        "-rf",
+        src,
+        dist
+    ])
+}
+
+async function initJS(dir: string, name: string) {
+    console.log(`Project location ${dir}`);
+    await fs.promises.writeFile(
+        path.resolve(dir, "package.json"),
+        (await fs.promises.readFile(path.resolve(targetJSPath, "_package.json"), "utf-8"))
+            .replace(/__\$__/g, name).replace(/__\$Version__/g, currentVersion));
+    await shellCopy(path.resolve(dir, "tsconfig.json"), path.resolve(targetJSPath, "_tsconfig.json"));
+    await shellCopy(path.resolve(dir, "rollup.config.js"), path.resolve(targetJSPath, "_rollup.config.js"));
+    await shellCopy(path.resolve(dir, ".gitignore"), path.resolve(targetJSPath, "_gitignore"));
+    await fs.promises.mkdir(path.resolve(dir, ".vscode"));
+    await shellCopy(path.resolve(dir, ".vscode", "launch.json"), path.resolve(targetJSPath, "_launch.json"))
+    await shellCopy(path.resolve(dir, ".vscode", "tasks.json"), path.resolve(targetJSPath, "_tasks.json"))
+    await fs.promises.mkdir(path.resolve(dir, "src"))
+    await fs.promises.writeFile(
+        path.resolve(dir, "src", `${name}.ts`),
+        (await fs.promises.readFile(path.resolve(targetJSPath, "$.ts"), "utf-8")).replace(/__\$__/g, name));
+    await fs.promises.writeFile(
+        path.resolve(dir, `index.ts`),
+        `export default ['src/${name}']`);
+    console.log(`Create Doric JS Project Success`.green)
+}
+
+async function initAndroid(dir: string, name: string) {
+    const androidDir = `${dir}/android`
+    await shellCopy(dir, targetAndroidPath);
+    for (let file of [
+        'app/src/main/java/pub/doric/example/MainActivity.java',
+        'app/build.gradle',
+        'app/src/main/res/values/strings.xml',
+        'settings.gradle',
+    ]) {
+        const sourceFile = path.resolve(androidDir, file);
+        await fs.promises.writeFile(
+            sourceFile,
+            (await fs.promises.readFile(sourceFile, "utf-8"))
+                .replace(/__\$__/g, name).replace(/__\$Version__/g, currentVersion));
+    }
+    console.log(`Create Doric Android Project Success`.green);
+}
+async function initiOS(dir: string, name: string) {
+    const iOSDir = `${dir}/iOS`
+    await shellCopy(dir, targetiOSPath);
+    for (let file of [
+        'App/SceneDelegate.m',
+        'App/AppDelegate.m',
+        'Example.xcodeproj/project.pbxproj',
+        'Podfile',
+    ]) {
+        const sourceFile = path.resolve(iOSDir, file);
+        await fs.promises.writeFile(
+            sourceFile,
+            (await fs.promises.readFile(sourceFile, "utf-8"))
+                .replace(/__\$__/g, name).replace(/__\$Version__/g, currentVersion));
+    }
+    await fs.promises.rename(path.resolve(iOSDir, "Example.xcodeproj"), path.resolve(iOSDir, `${name}.xcodeproj`));
+    console.log(`Create Doric iOS Project Success`.green);
+}
+
+export default async function create(name: string) {
+    const cwd = path.resolve(process.cwd(), name)
+    if (fs.existsSync(name)) {
+        console.warn(`Dir:${cwd}/${name} already exists`)
+        return;
+    }
+    await fs.promises.mkdir(name)
+    await initJS(cwd, name)
+    const androidDir = `${cwd}/android`
+    if (fs.existsSync(androidDir)) {
+        console.warn(`Dir:${androidDir} already exists`)
+    } else {
+        await initAndroid(cwd, name)
+    }
+    const iOSDir = `${cwd}/iOS`
+    if (fs.existsSync(iOSDir)) {
+        console.warn(`Dir:${iOSDir} already exists`)
+    } else {
+        await initiOS(cwd, name)
+    }
+    console.log("Install node modules ...".green)
+    await Shell.exec('npm', ['install'], { cwd });
+    await Shell.exec('npm', ['run', 'build'], { cwd });
+    console.log("Installed, welcome!".green)
+}
--- a/doric-cli/src/index.ts
+++ b/doric-cli/src/index.ts
@ -0,0 +1,28 @@
+#!/usr/bin/env node
+
+import commander from "commander"
+import create from "./create"
+
+commander
+    .command('create <name>')
+    .action(async function (name, cmd) {
+        await create(name);
+    })
+commander
+    .command('new <name>')
+    .action(async function (name, cmd) {
+        await create(name);
+    })
+commander
+    .command('dev')
+    .action(function () {
+    })
+commander
+    .command('build')
+    .action(function () {
+    })
+commander
+    .command('clean')
+    .action(function () {
+    })
+commander.parse(process.argv)
--- a/doric-cli/src/shell.ts
+++ b/doric-cli/src/shell.ts
@ -0,0 +1,158 @@
+import { spawn, SpawnOptionsWithoutStdio } from "child_process";
+import "colors";
+const debug = false
+export namespace Shell {
+  export async function execWithPipe(
+    cmd: {
+      command: string;
+      args?: ReadonlyArray<string>;
+      options?: SpawnOptionsWithoutStdio & {
+        silence?: boolean; //不打印耗时,默认为false
+        verbose?: boolean; //打印输出内容,默认为true
+      };
+    },
+    pipedCmd: {
+      command: string;
+      args?: ReadonlyArray<string>;
+      options?: SpawnOptionsWithoutStdio;
+    }
+  ) {
+    const { command, args, options } = cmd;
+    if (!options?.silence) {
+      debug && console.log(`>>>>>>>>${command} ${args ? args.join(" ") : ""}`);
+    }
+    const now = new Date().getTime();
+    return new Promise((resolve, reject) => {
+      const cmd = spawn(command, args, options);
+      const piped = spawn(pipedCmd.command, pipedCmd.args, pipedCmd.options);
+      cmd.stdout.pipe(piped.stdin);
+      cmd.stderr.pipe(piped.stdin);
+      piped.stdout.on("data", (data) => {
+        if (options?.verbose !== false) {
+          debug && console.log(data.toString());
+        }
+      });
+
+      piped.stderr.on("data", (data) => {
+        if (options?.verbose !== false) {
+          debug && console.error(data.toString());
+        }
+      });
+
+      cmd.on("close", (code) => {
+        if (!options?.silence) {
+          const cost = new Date().getTime() - now;
+          if (code !== 0) {
+            debug && console.log(`exitCode:${code} 耗时 ${cost}ms <<<<<<<<`.red);
+          } else {
+            debug && console.log(`exitCode:${code} 耗时 ${cost}ms <<<<<<<<`);
+          }
+        }
+        resolve(code);
+      });
+      cmd.on("error", (err) => {
+        if (!options?.silence) {
+          const cost = new Date().getTime() - now;
+          debug && console.log(`error:${err} 耗时 ${cost}ms <<<<<<<<`);
+        }
+        reject(err);
+      });
+    });
+  }
+  export async function exec(
+    command: string,
+    args?: ReadonlyArray<string>,
+    options?: SpawnOptionsWithoutStdio & {
+      silence?: boolean; //不打印耗时,默认为false
+      verbose?: boolean; //打印输出内容,默认为true
+      consoleHandler?: (info: string) => void; //命令行输出内容处理
+    }
+  ) {
+    if (!options?.silence) {
+      debug && console.log(`>>>>>>>>${command} ${args ? args.join(" ") : ""}`);
+    }
+    const now = new Date().getTime();
+    return new Promise((resolve, reject) => {
+      const cmd = spawn(command, args, options);
+      cmd.stdout.on("data", (data) => {
+        if (options?.verbose !== false) {
+          debug && console.log(data.toString());
+        }
+        if (options?.consoleHandler) {
+          options.consoleHandler(data.toString());
+        }
+      });
+
+      cmd.stderr.on("data", (data) => {
+        if (options?.verbose !== false) {
+          debug && console.error(data.toString());
+        }
+        if (options?.consoleHandler) {
+          options.consoleHandler(data.toString());
+        }
+      });
+
+      cmd.on("close", (code) => {
+        if (!options?.silence) {
+          const cost = new Date().getTime() - now;
+          if (code !== 0) {
+            debug && console.log(`exitCode:${code} 耗时 ${cost}ms <<<<<<<<`.red);
+          } else {
+            debug && console.log(`exitCode:${code} 耗时 ${cost}ms <<<<<<<<`);
+          }
+        }
+        resolve(code);
+      });
+      cmd.on("error", (err) => {
+        if (!options?.silence) {
+          const cost = new Date().getTime() - now;
+          debug && console.log(`error:${err} 耗时 ${cost}ms <<<<<<<<`);
+        }
+        reject(err);
+      });
+    });
+  }
+  export async function execOut(
+    command: string,
+    args?: ReadonlyArray<string>,
+    options?: SpawnOptionsWithoutStdio & {
+      silence?: boolean; //不打印耗时,默认为false
+      verbose?: boolean; //打印输出内容,默认为true
+    }
+  ): Promise<string> {
+    debug && console.log(`>>>>>>>>${command} ${args ? args.join(" ") : ""}`);
+    const now = new Date().getTime();
+    return new Promise((resolve, reject) => {
+      const cmd = spawn(command, args, options);
+      const result: string[] = [];
+      cmd.stdout.on("data", (data) => {
+        if (options?.verbose !== false) {
+          debug && console.log(data.toString());
+        }
+        result.push(data.toString());
+      });
+
+      cmd.stderr.on("data", (data) => {
+        if (options?.verbose !== false) {
+          debug && console.error(data.toString());
+        }
+        result.push(data.toString());
+      });
+
+      cmd.on("close", (code) => {
+        const cost = new Date().getTime() - now;
+        if (code !== 0) {
+          debug && console.log(`exitCode:${code} 耗时 ${cost}ms <<<<<<<<`.red);
+        } else {
+          debug && console.log(`exitCode:${code} 耗时 ${cost}ms <<<<<<<<`);
+        }
+        resolve(result.join("\n"));
+      });
+      cmd.on("error", (err) => {
+        const cost = new Date().getTime() - now;
+        debug && console.log(`error:${err} 耗时 ${cost}ms <<<<<<<<`.red);
+        reject(err);
+      });
+    });
+  }
+}
--- a/doric-cli/src/util.ts
+++ b/doric-cli/src/util.ts
@ -0,0 +1,3 @@
+export function getAssetsDir() {
+    return `${__dirname}/../assets`;
+}
--- a/doric-cli/tsconfig.json
+++ b/doric-cli/tsconfig.json
@ -0,0 +1,65 @@
+{
+  "compilerOptions": {
+    /* Visit https://aka.ms/tsconfig.json to read more about this file */
+    /* Basic Options */
+    // "incremental": true,                   /* Enable incremental compilation */
+    "target": "ES2017" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */,
+    "module": "commonjs" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */,
+    // "lib": [],                             /* Specify library files to be included in the compilation. */
+    // "allowJs": true,                       /* Allow javascript files to be compiled. */
+    // "checkJs": true,                       /* Report errors in .js files. */
+    // "jsx": "preserve",                     /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */
+    // "declaration": true,                   /* Generates corresponding '.d.ts' file. */
+    // "declarationMap": true,                /* Generates a sourcemap for each corresponding '.d.ts' file. */
+    // "sourceMap": true,                     /* Generates corresponding '.map' file. */
+    // "outFile": "./",                       /* Concatenate and emit output to single file. */
+    "outDir": "./dist" /* Redirect output structure to the directory. */,
+    // "rootDir": "./src" /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */,
+    // "composite": true,                     /* Enable project compilation */
+    // "tsBuildInfoFile": "./",               /* Specify file to store incremental compilation information */
+    // "removeComments": true,                /* Do not emit comments to output. */
+    // "noEmit": true,                        /* Do not emit outputs. */
+    // "importHelpers": true,                 /* Import emit helpers from 'tslib'. */
+    // "downlevelIteration": true,            /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */
+    // "isolatedModules": true,               /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */
+    /* Strict Type-Checking Options */
+    "strict": true /* Enable all strict type-checking options. */,
+    // "noImplicitAny": true,                 /* Raise error on expressions and declarations with an implied 'any' type. */
+    // "strictNullChecks": true,              /* Enable strict null checks. */
+    // "strictFunctionTypes": true,           /* Enable strict checking of function types. */
+    // "strictBindCallApply": true,           /* Enable strict 'bind', 'call', and 'apply' methods on functions. */
+    // "strictPropertyInitialization": true,  /* Enable strict checking of property initialization in classes. */
+    // "noImplicitThis": true,                /* Raise error on 'this' expressions with an implied 'any' type. */
+    // "alwaysStrict": true,                  /* Parse in strict mode and emit "use strict" for each source file. */
+    /* Additional Checks */
+    // "noUnusedLocals": true,                /* Report errors on unused locals. */
+    // "noUnusedParameters": true,            /* Report errors on unused parameters. */
+    // "noImplicitReturns": true,             /* Report error when not all code paths in function return a value. */
+    // "noFallthroughCasesInSwitch": true,    /* Report errors for fallthrough cases in switch statement. */
+    /* Module Resolution Options */
+    // "moduleResolution": "node",            /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */
+    // "baseUrl": "./",                       /* Base directory to resolve non-absolute module names. */
+    // "paths": {},                           /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
+    // "rootDirs": [],                        /* List of root folders whose combined content represents the structure of the project at runtime. */
+    // "typeRoots": [],                       /* List of folders to include type definitions from. */
+    // "types": [],                           /* Type declaration files to be included in compilation. */
+    // "allowSyntheticDefaultImports": true,  /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */
+    "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,
+    // "preserveSymlinks": true,              /* Do not resolve the real path of symlinks. */
+    // "allowUmdGlobalAccess": true,          /* Allow accessing UMD globals from modules. */
+    /* Source Map Options */
+    // "sourceRoot": "",                      /* Specify the location where debugger should locate TypeScript files instead of source locations. */
+    // "mapRoot": "",                         /* Specify the location where debugger should locate map files instead of generated locations. */
+    // "inlineSourceMap": true,               /* Emit a single file with source maps instead of having a separate file. */
+    // "inlineSources": true,                 /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */
+    /* Experimental Options */
+    // "experimentalDecorators": true,        /* Enables experimental support for ES7 decorators. */
+    // "emitDecoratorMetadata": true,         /* Enables experimental support for emitting type metadata for decorators. */
+    /* Advanced Options */
+    "skipLibCheck": true /* Skip type checking of declaration files. */,
+    "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */
+  },
+  "include": [
+    "src/**/*.ts",
+  ]
+}