make prefix-able

Author: zbryikt

dist/loading-css.zip

@@ -1,31 +1,37 @@
 require! <[fs fs-extra anikit uglifycss]>
 
+prefix = process.argv.2 or 'ld'
+dir = process.argv.3 or 'dist/entries'
+if !(prefix and dir) =>
+  console.log "usage: gifmin [prefix] [dir]"
+  process.exit!
+
 alias = do
   "rubber-h": <[rubber]>
   "wander-h": <[wander]>
   "coin-h": <[coin]>
   "shake-h": <[shake]>
 
-all = [".ld { transform-origin: 50% 50%; transform-box: fill-box; }"]
+all = [".#{prefix} { transform-origin: 50% 50%; transform-box: fill-box; }"]
 console.log "prepare dist folder ... "
-fs-extra.ensure-dir-sync \dist/entries
+fs-extra.ensure-dir-sync dir
 
 console.log "generating css files for each animation ... "
 
 for k,v of anikit.types =>
   kit = new anikit.anikit k
   if kit.config.repeat => continue # transitional animation should not be in loading.css
-  console.log " - dist/entries/#k.css / #k.min.css "
-  cls = kit.cls {unit: \%}, {name: "ld-#k", prefix: \.ld, alias: if alias[k] => ([k] ++ alias[k]) else null }
+  console.log " - #dir/#k.css / #k.min.css "
+  cls = kit.cls {unit: \%}, {name: k, prefix, alias: if alias[k] => ([k] ++ alias[k]) else null }
   all.push cls
   css = """
   #{all.0}
   #cls
   """
-  fs.write-file-sync "dist/entries/#k.css", css
+  fs.write-file-sync "#dir/#k.css", css
 
   css-min = uglifycss.processString css
-  fs.write-file-sync "dist/entries/#k.min.css", css-min
+  fs.write-file-sync "#dir/#k.min.css", css-min
 
 console.log "generating dist/loading.css ..."
 css = all.join(\\n)