From d41994d9782482edaf686bf7005cb28debc454a4 Mon Sep 17 00:00:00 2001 From: Javier Toledo Date: Fri, 21 Sep 2012 19:08:43 +0100 Subject: [PATCH] =?UTF-8?q?Optimizaci=C3=B3n?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Cakefile | 19 ++++-- README.md | 9 ++- demo.html => index.html | 10 +-- ...{interactive-spain-map.js => spain-map.js} | 66 ++++--------------- lib/spain-map.min.js | 16 +++++ src/main.coffee | 39 +++-------- 6 files changed, 60 insertions(+), 99 deletions(-) rename demo.html => index.html (88%) rename lib/{interactive-spain-map.js => spain-map.js} (99%) create mode 100644 lib/spain-map.min.js diff --git a/Cakefile b/Cakefile index 006a852..6b40bc8 100644 --- a/Cakefile +++ b/Cakefile @@ -5,14 +5,21 @@ fs = require 'fs' includes = "src/spain-map.coffee src/main.coffee" -build = (callback) -> - coffee = exec "coffee -j interactive-spain-map.js -o lib -c #{includes}" - coffee.stderr.on 'data', (data) -> +logErrors = (result, callback) -> + result.stderr.on 'data', (data) -> process.stderr.write data.toString() - coffee.stdout.on 'data', (data) -> + result.stdout.on 'data', (data) -> print data.toString() - coffee.on 'exit', (code) -> + result.on 'exit', (code) -> callback?() if code is 0 +build = (callback) -> + result = exec "coffee -j spain-map.js -o lib -c #{includes}" + logErrors result, callback + +minimize = (callback) -> + result = exec "uglifyjs --unsafe -o lib/spain-map.min.js lib/spain-map.js" + logErrors result, callback + task 'build', 'Build lib/ from src/', -> - build() \ No newline at end of file + build minimize \ No newline at end of file diff --git a/README.md b/README.md index 444ffeb..6bf3061 100644 --- a/README.md +++ b/README.md @@ -7,15 +7,15 @@ Mapa vectorial de España interactivo creado a partir de un mapa SVG y la librer ## Uso -El mapa está preparado para integrarlo en cualquier página web ya que está contenido en un único fichero JavaScript: interactive-spain-map.js +El mapa está preparado para integrarlo en cualquier página web ya que está contenido en un único fichero JavaScript minificado: spain-map.min.js El mapa depende de la librería [RaphaëlJs](http://raphaeljs.com) -1. Carga raphaeljs y el script interactive-spain-map.js +1. Carga raphaeljs y el script spain-map.js ``` - + ``` 2. Crea una instancia de mapa. El mapa acepta los siguientes parámetros de configuración: @@ -30,8 +30,7 @@ El mapa depende de la librería [RaphaëlJs](http://raphaeljs.com) strokeColor: "#bbbbbb", // color de las líneas de frontera strokeWidth: 0.7, // ancho de las líneas de frontera selectedColor: "#99eeee", // color de relleno de la provincia al pasar el ratón por encima - animate: true, // Verdadero para que el color de relleno cambie con una animación - animationDuration: 200, // Duración de la animación + animationDuration: 200, // Duración de la animación de salida onClick: function(province) { // Método que se ejecutará al hacer click sobre una provincia }, diff --git a/demo.html b/index.html similarity index 88% rename from demo.html rename to index.html index 87b6244..190bbeb 100644 --- a/demo.html +++ b/index.html @@ -1,8 +1,9 @@ Mapa interactivo de España SVG/RaphaëlJs - Demo + - +