Merge pull request #6 from erha19/master

Release v1.0.4.

CHANGELOG.md

@@ -1,11 +1,28 @@
 ## Changelog
 All notable changes to this project will be documented in this file.
 
+### 1.0.4
+#### Changeed
+  - Add iconfont support for frontend.
+  - Optimized interface display of debugger page.
+#### Removed
+  - Remove useless source on `frontend/assets`.
 
-### 1.0.1
+### 1.0.3
+#### Fixed
+  - Fix less/sass etc loader compile error. [commit/346f7c](https://github.com/weexteam/weex-builder/commit/346f7c37b0032f17b023d80c9e15306764484d23)
 #### Changed
-  - Fix issues [weex-toolkit/issues/265](https://github.com/weexteam/weex-toolkit/issues/265).
+  - Set default compile mode to vue|we. [commit/50f8bf](https://github.com/weexteam/weex-builder/commit/50f8bf13a6c914dd89b9728ef470a985b640e81a)
+
+### 1.0.2
+#### Fixed
+  - Fix issue [weex-toolkit/issues/277](https://github.com/weexteam/weex-toolkit/issues/277)
+
+### 1.0.1
+#### Fixed
+  - Fix issue [weex-toolkit/issues/265](https://github.com/weexteam/weex-toolkit/issues/265).
   - Fix wrong release version on the page.
+#### Added
   - Support multi-terminal debugging mode, you can open multiple debugger services in the command line.
 
 ### 1.0.0

README.md

@@ -72,19 +72,4 @@ This command will compile each of the files in `your/vue/path` and deploy them o
 
 ## Release Note
 
-### [1.0.0] - 2018-1-18
-#### Added
-  - Added weex performance analysis tools，only supports latest weex devtool sdk.
-  - Merge debug logs from debugger and inspector.
-  - Using the server headless provides weex execution environment.
-  - Support for simple i18n.
-#### Removed
-  - Remove useless dependencise for weex compiling.
-  - Remove some useless tags of devtool.
-#### Changed
-  - Upgrade `weex-builder` to support latest weex sdk.
-  - More beautiful debugging interface and more simple interaction.
-#### Fixed
-  - Fix JSdebug environment initialization failed issue.
-  - Fix some models frequently disconnected problem.
-  - Fix the problem that playground debugging can not be hot updated,[issue 100](https://github.com/weexteam/weex-devtool/issues/100). 
+[CHANGELOG.md](./CHANGELOG.md)

bin/weex-devtool.js

@@ -28,6 +28,7 @@ program
 .option('-H --host [host]', 'set the host ip of debugger server')
 .option('-p, --port [port]', 'set debugger server port', '8088')
 .option('-m, --manual', 'manual mode,this mode will not auto open chrome')
+.option('-e,--ext [ext]', 'set enabled extname for compiler default is vue')
 .option('--min', 'minimize the jsbundle')
 .option('--telemetry', 'upload usage data to help us improve the toolkit')
 .option('--verbose', 'display all logs of debugger server')
@@ -93,6 +94,7 @@ env.getVersionOf('node', (v) => {
 config.ip = program.host || ip.address();
 config.manual = program.manual;
 config.min = program.min;
+config.ext = program.ext || 'vue';
 
 process.on('uncaughtException', (err) => {
   try {

frontend/assets/anchor-tips.css → frontend/assets/styles/anchor-tips.css

@@ -7,28 +7,28 @@
     transition:0.3s
 }
 .widget-anchor-left{
-    background-image: url(arrow2.png);
+    background-image: url(../images/arrow_right.png);
 
 }
 .widget-anchor-show .widget-anchor-left{
     transform: rotate(-89deg);
 }
 .widget-anchor-left-bottom{
-    background-image: url(arrow.png);
+    background-image: url(../images/arrow_left.png);
 
 }
 .widget-anchor-show .widget-anchor-left-bottom{
     transform: rotate(180deg);
 }
 
 .widget-anchor-right{
-    background-image: url(arrow.png);
+    background-image: url(../images/arrow_left.png);
 }
 .widget-anchor-show .widget-anchor-right{
     transform: rotate(48deg);
 }
 .widget-anchor-right-bottom{
-    background-image: url(arrow2.png);
+    background-image: url(../images/arrow_right.png);
 
 }
 .widget-anchor-show .widget-anchor-right-bottom{

frontend/assets/debugger.css → frontend/assets/styles/debugger.css

@@ -33,7 +33,13 @@ body {
     height: 52px;
     vertical-align: middle;
 }
-@media screen and (max-width: 1200px) {
+@media screen and (max-width: 1400px) {
+    .info-ctn > .app-info-panel {
+        display: none;
+    }
+}
+
+@media screen and (max-width: 950px) {
     .info-ctn{
         display: none;
     }
@@ -351,11 +357,36 @@ legend {
     max-height: 30px;
 }
 #qrcode_btn{
+    position: relative;
     visibility:hidden;
     width:52px;
     height:52px;
     display: inline-block;
-    overflow: hidden;
+    cursor: pointer;
+}
+#qrcode_btn span {
+    color: #fff;
+    text-align: center;
+    line-height: 52px;
+    font-size:52px;
+}
+
+#qrcode_btn .bundle_tip{
+    opacity: 0;
+    padding: 5px 2px;
+    position: absolute;
+    color: #fff;
+    top: -20px;
+    font-size: 14px;
+    line-height: 20px;
+    width: 110px;
+    text-align: center;
+    left: calc((110px - 100%)/-2);
+    transition: all ease .2s;
+}
+#qrcode_btn:hover > .bundle_tip{
+    opacity: 1;
+    top: -35px;
 }
 .mask.bundle-qrcode{
     z-index: 998;
@@ -386,6 +417,12 @@ legend {
     background: #fff;
     color:#000;
 }
+.help span{
+    display: block;
+    width: 30px;
+    height: 30px;
+    line-height: 30px;
+}
 .line.short>span:nth-child(1){
     position: relative;
     z-index: 101;
@@ -402,20 +439,19 @@ legend {
     top:50%;
     right: 15px;
     margin-top: -15px;
-    border: 1px solid rgba(255, 255, 255, 0.75);
     padding: 0 15px;
     border-radius: 6px;
-    height: 31px;
+    height: 30px;
     color: rgba(255, 255, 255, 0.75);
     text-align: center;
     line-height: 30px;
     font-size: 20px;
     cursor: pointer;
+    transition: all .5s ease;
 }
 
 .page-switch-btn:hover {
-    background: #ffffff;
-    color: #000000;
+    transform: translateX(10px);
 }
 
 #prophet-page {
@@ -464,10 +500,19 @@ legend {
     position: fixed;
     right: 20px;
     bottom: 20px;
+    background-color: rgb(187, 35, 35);
     z-index: 999;
     opacity: .2;
     transition: all .2s ease;
-    background: url('./bug.png') center center no-repeat #000;
+    text-decoration: none;
+}
+
+.bug_report i {
+    display: block;
+    font-size: 28px;
+    color: #fff;
+    text-align: center;
+    line-height: 50px;
 }
 
 .bug_report:hover{

frontend/assets/entry.css → frontend/assets/styles/entry.css

@@ -26,7 +26,7 @@ body:before{
 }
 
 .qrcode-ctn {
-    background: url(qrcode_bg.png);
+    background: url(../images/qrcode_bg.png);
     width: 216px;
     height: 216px;
     display: inline-block;
@@ -182,7 +182,7 @@ body:before{
     height: 216px;
     top: 30px;
     left: 0;
-    background: url(qrcode_bg.png);
+    background: url(../images/qrcode_bg.png);
     backface-visibility: hidden;
     transition: 1s;
     transform: rotateY(180deg);
@@ -239,6 +239,12 @@ body:before{
     background: #fff;
     color:#000;
 }
+.help span{
+    display: block;
+    width: 30px;
+    height: 30px;
+    line-height: 30px;
+}
 .scan-tips{
     position: absolute;
     background: #000;