Prebuild

Author: e-jigsaw

.gitignore

@@ -1,3 +1,3 @@
 node_modules
-*.css
 .env
+build

Makefile

@@ -0,0 +1,13 @@
+STYLUS = ./node_modules/.bin/stylus
+COFFEE = ./node_modules/.bin/coffee
+
+all: css script
+
+before:
+	@mkdir -p build
+
+css: before
+	@$(STYLUS) -o build -c src/*.styl
+
+script: before
+	@$(COFFEE) -co build/ src/*.coffee

index.coffee

@@ -1,7 +1,5 @@
 express = require 'express'
 bodyParser = require 'body-parser'
-stylus = require('stylus').middleware
-coffee = require 'coffee-middleware'
 app = express()
 
 http = require('http').Server app
@@ -25,11 +23,7 @@ process.globals.io = io
 app.set 'views', "#{__dirname}/views"
 app.set 'view engine', 'jade'
 app.use bodyParser.urlencoded({extended: true})
-app.use coffee
-  src: "#{__dirname}/public"
-app.use stylus
-  src: "#{__dirname}/public"
-app.use express.static("#{__dirname}/public")
+app.use express.static("#{__dirname}/build")
 
 app.get '/', (req, res)-> res.render 'index'
 app.get '/gifs', require('./lib/gif').index

package.json

@@ -4,13 +4,13 @@
   "description": "gif jockey GJ!!!!",
   "main": "index.coffee",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "postinstall": "make all"
   },
   "author": "jigsaw (http://jgs.me)",
   "license": "MIT",
   "dependencies": {
     "body-parser": "^1.13.1",
-    "coffee-middleware": "^0.2.1",
     "coffee-script": "^1.9.3",
     "express": "^4.12.4",
     "jade": "^1.11.0",

public/js/index.coffee src/index.coffee

@@ -2,7 +2,7 @@ extends layout
 
 block links
   link(href='http://fonts.googleapis.com/css?family=Syncopate:700', rel='stylesheet', type='text/css')
-  link(href='/css/index.css', rel='stylesheet', type='text/css')
+  link(href='/index.css', rel='stylesheet', type='text/css')
 
 block scripts
   script(src='//cdnjs.cloudflare.com/ajax/libs/vue/0.10.5/vue.min.js', type='text/javascript')
@@ -56,4 +56,4 @@ block body
     .send.button(v-on='click: send(this)')
       p {{status}}
 
-  script(src='/js/index.js', type='text/javascript')
+  script(src='/index.js', type='text/javascript')

public/css/index.styl src/index.styl

@@ -2,7 +2,7 @@ extends layout
 
 block links
   link(href='//rawgit.com/e-jigsaw/x-gif/size-max/dist/x-gif.html', rel='import')
-  link(href='/css/screen.css', rel='stylesheet', type='text/css')
+  link(href='/screen.css', rel='stylesheet', type='text/css')
 
 block scripts
   script(src='//cdnjs.cloudflare.com/ajax/libs/vue/0.10.5/vue.min.js', type='text/javascript')
@@ -19,4 +19,4 @@ block body
       x-gif(src='{{$value}}', bpm='{{bpm}}')
     .name
       p {{name}}
-  script(src='/js/screen.js', type='text/javascript')
+  script(src='/screen.js', type='text/javascript')

public/js/screen.coffee src/screen.coffee

@@ -1,7 +1,7 @@
 extends layout
 
 block links
-  link(href='/css/usage.css', rel='stylesheet', type='text/css')
+  link(href='/usage.css', rel='stylesheet', type='text/css')
 
 block body
   header 使い方