diff --git a/build/gui.html b/build/gui.html
index b2adb9d..49b89bf 100644
--- a/build/gui.html
+++ b/build/gui.html
@@ -16,5 +16,5 @@ if(d?f=f.toModel:"function"==typeof f.toDOM&&(f=f.toDOM),"function"!=typeof f)re
-
+
\ No newline at end of file
diff --git a/build/gui.js b/build/gui.js
index 0f0a1d2..d05a843 100644
--- a/build/gui.js
+++ b/build/gui.js
@@ -1,14 +1,14 @@
-document.write( ['',
'',
'',
'',
'',
'',
-'
{{ open ? 'Close' : 'Open' }} Controls
',
'undefined
',
@@ -16,5 +16,5 @@ document.write( ['',
'',
-'',
-''].join( '\n' ));
\ No newline at end of file
+'',
+'',].join("\n"))
\ No newline at end of file
diff --git a/elements/controller-boolean/controller-boolean.styl b/elements/controller-boolean/controller-boolean.styl
index f642c71..fd8f1b7 100644
--- a/elements/controller-boolean/controller-boolean.styl
+++ b/elements/controller-boolean/controller-boolean.styl
@@ -39,6 +39,10 @@ border-radius = height;
}
}
+.value-false:hover #switch-knob {
+ transform: scale( 1.5 );
+}
+
#text {
margin-left: padding;
.value-true & {
@@ -47,5 +51,4 @@ border-radius = height;
.value-false & {
color: light;
}
-}
-
+}
\ No newline at end of file
diff --git a/examples/index.html b/examples/index.html
index 010f207..4350897 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -39,9 +39,7 @@
};
// How do we kill polymer-ready ...
- // Gui.ready( function() {
-
- document.addEventListener( 'polymer-ready', function() {
+ Gui.ready( function() {
gui = new Gui();
diff --git a/gulpfile.js b/gulpfile.js
index cbe2092..a162943 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -1,58 +1,41 @@
-/*
-
-[ ] build without platform bundled
-
-*/
-
var gulp = require( 'gulp' ),
stylus = require( 'gulp-stylus' ),
plates = require( 'gulp-plates' ),
rename = require( 'gulp-rename' ),
vulcan = require( 'gulp-vulcanize' ),
+ insert = require( 'gulp-insert' ),
+ replace = require( 'gulp-replace' ),
+ clean = require( 'gulp-clean' ),
nib = require( 'nib' ),
fs = require( 'fs' ),
marked = require( 'marked' ),
- karma = require( 'karma' ).server;
+ karma = require( 'karma' );
-var paths = {
- main: 'gui.html',
- css: 'elements/**/*.styl',
- html: 'elements/**/*.html',
- js: 'elements/**/*.js',
-};
function css( src, dest ) {
- gulp.src( src )
+ return gulp.src( src )
.pipe( stylus( { use: [ nib() ] } ) )
.pipe( gulp.dest( dest ) );
}
-gulp.task( 'docs', function() {
-
- css( 'docs/*.styl', 'docs' );
+gulp.task( 'clean', function() {
- var content = {
- readme: marked( fs.readFileSync( 'README.md', 'utf8' ) )
- }
-
- gulp.src( 'docs/template.html' )
- .pipe( plates( content ) )
- .pipe( rename( 'index.html' ) )
- .pipe( gulp.dest( './' ) );
+ return gulp.src( [ 'build/*', '**/*.css' ] )
+ .pipe( clean() );
} );
gulp.task( 'css', function() {
- css( paths.css, 'elements' );
+ return css( 'elements/*/*.styl', 'elements' );
} );
-gulp.task( 'vulcanize', function() {
+gulp.task( 'vulcanize', [ 'css' ], function() {
- gulp.src( paths.main )
+ return gulp.src( 'gui.html' )
.pipe( vulcan( {
dest: 'build',
inline: true,
@@ -61,50 +44,45 @@ gulp.task( 'vulcanize', function() {
} );
-gulp.task( 'test', function( done ) {
+gulp.task( 'build', [ 'vulcanize' ], function() {
- karma.start( {
- // browsers: [ 'Chrome' ],
+ return gulp.src( 'build/gui.html' )
+ .pipe( replace( /\\/g, "\\\\" ) )
+ .pipe( replace( /'/g, "\\'" ) )
+ .pipe( replace( /^(.*)$/gm, "'$1'," ) )
+ .pipe( insert.wrap( 'document.write([', '].join("\\n"))' ) )
+ .pipe( rename( 'gui.js' ) )
+ .pipe( gulp.dest( 'build' ) );
+
+} );
+
+gulp.task( 'docs', function() {
+
+ css( 'docs/*.styl', 'docs' );
+
+ var content = {
+ readme: marked( fs.readFileSync( 'README.md', 'utf8' ) )
+ };
+
+ gulp.src( 'docs/template.html' )
+ .pipe( plates( content ) )
+ .pipe( rename( 'index.html' ) )
+ .pipe( gulp.dest( './' ) );
+
+} );
+
+
+gulp.task( 'default', [ 'build' ], function() {
+
+ karma.server.start( {
frameworks: [ 'jasmine' ],
files: [
- '../platform/platform.js',
- 'build/gui.html',
+ 'build/gui.js',
'tests/*.js'
- ],
- // singleRun: true
- }, done );
+ ]
+ } );
-} );
-
-gulp.task( 'build', [
- 'css',
- 'vulcanize',
- // 'test',
- 'docs'
-] );
-
-
-gulp.task( 'hypervulcanize', function() {
-
- // - styles from layout.html
- // styles
-
-
- // platform.js
- // polymer.html
- // - polymer.js
-
-} );
-
-
-gulp.task( 'default', function() {
-
- gulp.watch( [ paths.css ], [ 'css', 'vulcanize' ] );
- gulp.watch( [ paths.js, paths.main, paths.html ], [ 'vulcanize' ] );
- // gulp.watch( [ 'build/gui.html', 'tests/*.js' ], [ 'test' ] );
+ gulp.watch( [ 'elements/**/*.styl', 'elements/**/*.html', 'elements/**/*.js' ], [ 'build' ] );
gulp.watch( [ 'README.md', 'docs/*' ], [ 'docs' ] );
-} );
-
-
-
+} );
\ No newline at end of file
diff --git a/package.json b/package.json
index afdf07e..75931dc 100644
--- a/package.json
+++ b/package.json
@@ -3,8 +3,11 @@
"version": "0.0.0",
"devDependencies": {
"gulp": "^3.8.7",
+ "gulp-clean": "^0.3.1",
+ "gulp-insert": "^0.4.0",
"gulp-plates": "0.0.5",
"gulp-rename": "^1.2.0",
+ "gulp-replace": "^0.4.0",
"gulp-stylus": "^1.3.0",
"gulp-vulcanize": "^1.0.0",
"gulp-watch": "^0.6.9",