tablecheck · ysmood · Jul 22, 2017 · Jul 22, 2017 · Jul 23, 2017 · Jul 23, 2017
diff --git a/.babelrc b/.babelrc
diff --git a/.eslintrc b/.eslintrc
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,8 @@
-*.log
 node_modules
+dist
+*.log
+.DS_Store
+mock/*
+!mock/readme.md
+
+/src/**/*.js
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,16 @@
+// Place your settings in this file to overwrite default and user settings.
+{
+    "files.exclude": {
+        "**/.git": true,
+        "**/.DS_Store": true,
+        "dist": true,
+        "**/*.js": {
+            "when": "$(basename).ts"
+        },
+        "**/*?.js": {
+            "when": "$(basename).tsx"
+        }
+    },
+    "typescript.tsdk": "./node_modules/typescript/lib",
+    "editor.trimAutoWhitespace": true
+}
diff --git a/README.md b/README.md
@@ -7,7 +7,7 @@ fork this repo, choose tasks to complete and once you are done send pull request
 
 ### Tasks
 
-#### Redux / React
+#### Flux / React
 
    * When "Add Contact" button is clicked, new contact card should appear with following fields:
      * Name
@@ -24,4 +24,9 @@ fork this repo, choose tasks to complete and once you are done send pull request
    * Feel free to update existing code for the better if you think it needs to.
    * You can add any modules that you required for the tasks or if you wanna add something.
 
+#### Development
+
+   0. Install dependencies `npm i`
+   0. Run the dev server `npm start`
+
 Good Luck!
diff --git a/layout/default.js b/layout/default.js
@@ -0,0 +1,27 @@
+module.exports = (data) =>
+
+`<!DOCTYPE html>
+<html>
+<meta http-equiv=Content-Type content="text/html;charset=utf-8">
+<head>
+    <title>Contact App</title>
+</head>
+<body>
+    <div id="app">
+        There is something wrong with your js engine
+    </div>
+</body>
+<script type="text/javascript">
+(function () {
+   var match = navigator.userAgent.match(/Chrome\\/(\\d+)/)
+   if (!match || !+match[1] || +match[1] < 58) {
+       var div = document.createElement('div')
+       div.style = 'position: fixed;top: 60px;text-align: center;width: 100%;z-index: 1000;background-color: #fff;padding: 10px;font-weight: bold;font-size: 16px;color: #f00;'
+       div.innerHTML = 'Please download the latest Chrome：<a href="https://www.google.com/chrome/" target="_blank">https://www.google.com/chrome/</a>'
+       document.body.insertBefore(div, document.body.firstChild)
+   }
+})()
+</script>
+<script type="text/javascript" src="${data.vendor}"></script>
+<script type="text/javascript" src="${data.page}"></script>
+</html>`;
diff --git a/src/components/typography/paragraph.jsx → mock/.gitkeep b/src/components/typography/paragraph.jsx → mock/.gitkeep
diff --git a/mock/index.js b/mock/index.js
@@ -0,0 +1,11 @@
+var defaultRoutes = require('febone-kit/lib/default-routes');
+
+module.exports = (app, opts) => {
+    app.push(($) => {
+        if (/text\/html/.test($.req.headers.accept))
+            $.req.url = '/';
+        return $.next();
+    });
+
+    defaultRoutes(app, opts);
+};
diff --git a/nofile.js b/nofile.js
@@ -0,0 +1,88 @@
+var kit = require('nokit');
+var br = kit.require('brush');
+
+/**
+ * option 收录了 no 命令主要的参数。函数 option 接收三个参数，最后一个是默认值。
+ * 例如，启动时修改基础模板页配置：`no --port 12345`.
+ *
+ * 请阅读每个 option 配置，具体说明几个配置。
+ *
+ * - port
+ *
+ * 本地 mock 数据服务端口号。本地 mock 服务用于提供 mock 数据的数据服务。在 mock 目录 index.js
+ * 配置的数据和路由就是针对该服务的。使用 127.0.0.1:${port} 访问。
+ *
+ * - pacPort
+ *
+ * 用作 PAC 代理的服务器端口号，PAC 代理是指 proxy auto configuration,
+ * 其详细含义可以参考： [PAC](https://en.wikipedia.org/wiki/Proxy_auto-config)
+ *
+ * 在用no命令启动后，可以通过地址 http://127.0.0.1:${pacPort} 查看PAC配置具体内容。
+ *
+ * - devHost
+ *
+ * 用于配置PAC方式要代理掉得域名。例如要代理掉本地访问 www.demo.com 地址的数据时，需要配置
+ * devHost 为 demo.com。
+ *
+ * - ethernet
+ *
+ * 在使用PAC方式代理的时候，需要指定网络配置，默认是WI-FI。命令行输入 networksetup -listallnetworkservices
+ * 可以查看安装的网络配置，选择你正在使用的作为配置内容。
+ *
+ */
+
+module.exports = (task, option) => {
+    /*
+     * option('参数表达式', '注释', '默认值');
+     */
+    option('--port <num>', '本地 mock 数据服务端口号', '8732');
+    option('--devHost <host>', '线上域名，结合 pac 代理', 'demo.com');
+    option('--pacPort <num>', '代理服务器端口', '58733');
+    option('--pac <on|off>', '是否动设置全局 pac 代理: on 或 off', 'off');
+    option('--ethernet <str>', '网络设置', 'Wi-Fi');
+
+    option('--cdnPrefix <url>', 'CDN 前缀，多个用逗号', '');
+    option('--mock <path>', 'mock 配置入口', 'mock/index.js');
+    option('--vane <on|off>', '是否开启 vane', 'off');
+    option('--vaneToken <str>', 'vane mock 的 token', 'mock');
+    option('--layout <path>', '页面模板文件夹', 'layout');
+    option('--dist <path>', '编译输出文件夹', 'dist');
+    option('--page <path>', '页面的编译输出文件夹', 'page');
+    option('--src <path>', '源代码所在的文件夹', 'src');
+    option('--srcPage <path>', '入口页面源代码所在的文件夹', 'src/page');
+    option('--favicon <path>', 'favicon 路径', 'src/img/favicon.ico');
+    option('--hashMap <path>', '编译的 hashmap 输出路径', 'dist/hash-map.json');
+    option('--preload <path>', '编译出的图片预载器文件路径', 'dist/preload.js');
+    option('--hashPath <on|off>', '编译时是否 hash 路径', 'on');
+    option('--hashExclude <regex>', '匹配的路径将不被 hash', '$ ^');
+    option('--lang <str>', '选择主语言与处理器 js, babel 或 typescript', 'js');
+    option('--webpack <on|off>', '是否开启 webpack', 'on');
+    option('--autoOpen <on|off>', '是否自动打开页面', 'on');
+    option('--liveReload <on|off>', '是否启动自动刷新页面: on 或 off', 'on');
+
+    task('default dev', ['clean'], 'start dev server', kit.async(function * (opts) {
+        yield kit.spawn('tsc');
+        kit.spawn('tsc', ['-w']);
+        return require('febone-kit/lib/dev')(opts)
+    }));
+
+    task('build', ['build-js'], '以产品模式编译项目到 dist 文件夹', kit.async(function *(opts) {
+        yield require('febone-kit/lib/build')(opts)
+    }));
+
+    task('build-js', ['clean'], '编译 js', kit.async(function * (opts) {
+        process.env['febone-opts'] = JSON.stringify(opts);
+        yield kit.spawn('tsc');
+        return kit.spawn('webpack');
+    }));
+
+    task('clean', 'clean project', opts =>
+        kit.remove(opts.dist)
+    );
+
+    task('deps');
+
+    task('pac-off', '关闭 pac 代理配置', require('febone-kit/lib/pac-set').off);
+
+    task('update-bone', '升级脚手架', require('febone-kit/lib/update-bone'));
+};