Merge pull request alibaba#1622 from alibaba/jsfm-feature-0.17

[jsfm] Merge js framework 0.17 into dev

Author: Jinjiang

.eslintignore

@@ -0,0 +1,3 @@
+# do not lint test case source files
+html5/test/case/*/*.source.js
+html5/test/case/*/*.output.js

.gitignore

@@ -22,16 +22,14 @@ pids
 *.pid
 *.seed
 
-# build framework options by script
-html5/runtime/config.js
-
 # e2e test
 html5/test/e2e/reports
 html5/test/e2e/screenshots
 html5/test/e2e/logs
 
 # Created by Weex Web Packer
 html5/browser/extend/packer.js
+html5/render/browser/extend/packer.js
 
 android/playground/app/gradlew
 android/playground/app/gradlew.bat

.wwprc

@@ -1,4 +1,8 @@
 {
+  "componentsPath": "./html5/render/browser/extend/components",
+  "apisPath": "./html5/render/browser/extend/api",
+  "loadersPath": "./html5/render/browser/extend/loader",
+  "packer": "./html5/render/browser/extend/packer.js",
   "components": [
     "image",
     "text",
@@ -16,16 +20,17 @@
     "web"
   ],
   "apis": [
+    "animation",
+    "clipboard",
     "dom",
     "event",
-    "pageInfo",
-    "stream",
+    "geolocation",
+    "globalEvent",
     "modal",
-    "animation",
-    "webview",
     "navigator",
+    "pageInfo",
     "storage",
-    "clipboard",
-    "geolocation"
+    "stream",
+    "webview"
   ]
 }

README.md

@@ -1,13 +1,13 @@
 # Weex    
 Android[![Download](https://api.bintray.com/packages/alibabaweex/maven/weex_sdk/images/download.svg)](https://bintray.com/alibabaweex/maven/weex_sdk/_latestVersion)
-iOS[![Pod version](https://badge.fury.io/co/WeexSDK.svg)](https://cocoapods.org/pods/WeexSDK) 
+iOS[![Pod version](https://badge.fury.io/co/WeexSDK.svg)](https://cocoapods.org/pods/WeexSDK)
 HTML5[![npm version](https://badge.fury.io/js/weex-html5.svg)](https://www.npmjs.com/package/weex-html5)
 
 > A framework for building Mobile cross-platform UI.
 
 [![CircleCI](https://circleci.com/gh/alibaba/weex/tree/dev.svg?style=svg&circle-token=b83b047a3a01f6ec26458a455530a5ddc261925f)](https://circleci.com/gh/alibaba/weex/tree/dev) [![Gitter](https://img.shields.io/gitter/room/weexteam/cn.svg?maxAge=2592000)](https://gitter.im/weexteam) <sub>(English Gitter)</sub> [![Gitter](https://img.shields.io/gitter/room/weexteam/cn.svg?maxAge=2592000)](https://gitter.im/weexteam/cn) <sub>(Chinese 中文聊天室)</sub>
 
-Support Android 4.1 (API 16) and iOS 7.0+. See [Weex website](https://alibaba.github.io/weex/) for more information. 
+Support Android 4.1 (API 16) and iOS 7.0+. See [Weex website](https://alibaba.github.io/weex/) for more information.
 
 ## For Windows
 
@@ -26,12 +26,12 @@ Please ***INSTALL [Git for Windows](https://git-scm.com/download/win)*** and run
 * [Tutorial](https://alibaba.github.io/weex/doc/tutorial.html)
 * Doc: [English](https://alibaba.github.io/weex/doc/), [中文](https://github.com/weexteam/article/wiki/Weex%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3)
 
-### Android 
+### Android
 
 0. Prerequisites
     0. Install [Node.js](http://nodejs.org/) 4.0+
-    0. Under project root 
-        0. `npm install`, install project 
+    0. Under project root
+        0. `npm install`, install project
         0. `./start`
     0. Install [Android Environment](http://developer.android.com/training/basics/firstapp/index.html)
 0. Run playground, In Android Studio
@@ -49,8 +49,8 @@ On Android Platform , Weex code is executed in [weex_v8core](https://github.com/
 
 0. Prerequisites
 	0. Install [Node.js](http://nodejs.org/) 4.0+
-    0. Under project root 
-        0. `npm install`, install project 
+    0. Under project root
+        0. `npm install`, install project
         0. `./start`
     0. Install [iOS Environment](https://developer.apple.com/library/ios/documentation/IDEs/Conceptual/AppStoreDistributionTutorial/Setup/Setup.html)
     0. Install [CocoaPods](https://guides.cocoapods.org/using/getting-started.html)
@@ -78,7 +78,7 @@ Weex team have developed a [DevTool](https://github.com/weexteam/weex-devtool) t
 See [FAQ](https://alibaba.github.io/weex/doc/faq.html) for more information.
 
 
-### Community based Weex knowledge site 
+### Community based Weex knowledge site
 
 * [weex article](https://github.com/weexteam/article/wiki) : article collection about Weex(文章集合)
 * [weex.help](http://weex.help/)  : 3rd forum about Weex(第三方Weex中文技术论坛)
@@ -87,4 +87,3 @@ See [FAQ](https://alibaba.github.io/weex/doc/faq.html) for more information.
 ## Contributing
 
 See [Weex Contributing Guide](./CONTRIBUTING.md) for more information.
-

bin/dist-js-framework.sh

@@ -15,7 +15,7 @@ rm -Rf src
 mkdir src
 cp ../../.babelrc .
 cp -Rf ../../html5/* src/
-rm -Rf src/browser
+rm -Rf src/render/browser
 rm -Rf src/test
 
 if [ $# -gt 0 ]; then

build/build.js

@@ -0,0 +1,180 @@
+const fs = require('fs')
+const path = require('path')
+const gzip = require('zlib').createGzip()
+const pkg = require('../package.json')
+const { rollup } = require('rollup')
+const json = require('rollup-plugin-json')
+const eslint = require('rollup-plugin-eslint')
+const replace = require('rollup-plugin-replace')
+const postcss = require('rollup-plugin-postcss')
+const nodeResolve = require('rollup-plugin-node-resolve')
+const uglify = require('rollup-plugin-uglify')
+const commonjs = require('rollup-plugin-commonjs')
+const buble = require('rollup-plugin-buble')
+
+const frameworkVersion = pkg.subversion.framework
+const browserVersion = pkg.subversion.browser
+const commonBanner = `(this.getJSFMVersion = function(){return "${frameworkVersion}"});`
+  + `var global = this, process = { env: {} };var setTimeout = global.setTimeout;\n`
+
+// create dist folder
+if (!fs.existsSync('dist')) {
+  fs.mkdirSync('dist')
+}
+
+// build specific package
+if (process.argv[2]) {
+  switch (process.argv[2]) {
+    case 'native': buildNative(); break;
+    case 'runtime': buildRuntime(); break;
+    case 'browser': buildBrowser(); break;
+    default: console.log('\n  invalid package name.\n')
+  }
+}
+
+// build all packages by default
+else {
+  buildNative()
+  buildRuntime()
+}
+
+function runRollup (config) {
+  return rollup(config).then(bundle => {
+    bundle.write(config)
+      .then(() => {
+        const size = getSize(config.dest)
+        console.log(`write file at: ${config.dest} ${size}`)
+
+        // gzip minified file
+        if (/\.min\.js$/.test(config.dest)) {
+          const read = fs.createReadStream(config.dest)
+          const write = fs.createWriteStream(config.dest + '.gz')
+          read.pipe(gzip).pipe(write).on('close', () => {
+            const gzipSize = getSize(config.dest + '.gz')
+            console.log(`write file at: ${config.dest}.gz ${gzipSize}`)
+          })
+        }
+      })
+  })
+}
+
+function build (name, options, plugins) {
+  const env = options.env
+  plugins = plugins || options.plugins
+  delete options.env
+
+  // build development version
+  if (!env || env === 'development') {
+    // console.log(`start building ${name}.js (development version)`)
+    runRollup(Object.assign({}, options, {
+      dest: `./dist/${name}.js`,
+      sourceMap: 'inline',
+      plugins: [
+        ...plugins,
+        replace({
+          'process.env.NODE_ENV': JSON.stringify('development'),
+          'process.env.VUE_ENV': JSON.stringify('weex'),
+          'process.env.NODE_DEBUG': false
+        })
+      ]
+    }))
+  }
+
+  // build production version
+  if (!env || env === 'production') {
+    // console.log(`start building ${name}.min.js (production version)`)
+    runRollup(Object.assign({}, options, {
+      dest: `./dist/${name}.min.js`,
+      plugins: [
+        ...plugins,
+        replace({
+          'process.env.NODE_ENV': JSON.stringify('production'),
+          'process.env.VUE_ENV': JSON.stringify('weex'),
+          'process.env.NODE_DEBUG': false
+        }),
+        uglify()
+      ]
+    }))
+  }
+}
+
+function buildNative () {
+  const banner = `(this.nativeLog || function(s) {console.log(s)})`
+    + `('START JS FRAMEWORK: ${frameworkVersion} Build ${now()}');\n`
+    + commonBanner
+
+  build('native', {
+    entry: './html5/render/native/index.js',
+    banner,
+    format: 'umd',
+    plugins: [
+      json(),
+      eslint({
+        exclude: './package.json'
+      }),
+      nodeResolve({
+        jsnext: true,
+        main: true
+      }),
+      commonjs(),
+      buble()
+    ]
+  })
+}
+
+function buildRuntime () {
+  const banner = `('WEEX JS RUNTIME: ${frameworkVersion}, Build ${now()}');`
+    + `var global = this, process = { env: {} };var setTimeout = global.setTimeout;\n`
+
+  build('runtime', {
+    moduleName: 'weexRuntime',
+    entry: './html5/runtime/index.js',
+    format: 'umd',
+    banner,
+    plugins: [
+      eslint(),
+      nodeResolve({
+        jsnext: true,
+        main: true
+      }),
+      commonjs(),
+      buble()
+    ]
+  })
+}
+
+function buildBrowser () {
+  const banner = `(this.nativeLog || function(s) {console.log(s)})`
+    + `('START WEEX HTML5: ${browserVersion} Build ${now()}');\n`
+    + commonBanner
+
+  build('browser', {
+    moduleName: 'weex',
+    entry: './html5/render/browser/index.js',
+    banner,
+    format: 'umd',
+    plugins: [
+      postcss(),
+      json(),
+      eslint({
+        exclude: ['./package.json', '**/*.css']
+      }),
+      nodeResolve({
+        jsnext: true,
+        main: true,
+        browser: true
+      }),
+      commonjs(),
+      buble()
+    ]
+  })
+}
+
+function getSize (file) {
+  return (fs.statSync(file).size / 1024).toFixed(2) + 'KB'
+}
+
+function now () {
+  const time = Date.now() - (new Date()).getTimezoneOffset() * 60000
+  return (new Date(time)).toISOString().replace('T', ' ').substring(0, 16)
+}

build/config.frameworks.js

@@ -0,0 +1,35 @@
+import { rollup } from 'rollup'
+import postcss from 'rollup-plugin-postcss'
+import json from 'rollup-plugin-json'
+import eslint from 'rollup-plugin-eslint'
+import nodeResolve from 'rollup-plugin-node-resolve'
+import commonjs from 'rollup-plugin-commonjs'
+import buble from 'rollup-plugin-buble'
+
+const pkg = require('../package.json')
+const version = pkg.subversion.browser
+const date = new Date().toISOString().split('T')[0].replace(/\-/g, '')
+const banner = `\
+console.log('START WEEX HTML5: ${version} Build ${date}');
+`
+
+export default {
+  entry: './html5/render/browser/index.js',
+  dest: './dist/browser.common.js',
+  banner,
+  format: 'cjs',
+  plugins: [
+    postcss(),
+    json(),
+    eslint({
+      exclude: ['./package.json', '**/*.css']
+    }),
+    nodeResolve({
+      jsnext: true,
+      main: true,
+      browser: true
+    }),
+    commonjs(),
+    buble()
+  ]
+}