Inital commit

Author: TSFoster

.gitignore

@@ -0,0 +1,2 @@
+node_modules
+test/elm-stuff

index.js

@@ -0,0 +1,51 @@
+var elmCss = require('elm-css');
+var gutil = require('gulp-util');
+var path = require('path');
+var temp = require('temp').track();
+var through = require('through2');
+var Vinyl = require('vinyl');
+
+var PluginError = gutil.PluginError;
+
+const PLUGIN_NAME = 'gulp-elm-css';
+
+function css(options = {}) {
+    return through.obj(function(file, enc, cb) {
+        var projectDir = options.projectDir || __dirname;
+        var stylesheetsPath = path.basename(file.path);
+        var stylesheetsModule = path.basename(file.path, path.extname(file.path));
+        var stylesheetsPort = options.port || 'files';
+        var pathToMake = options.pathToMake;
+        tempDir({prefix: PLUGIN_NAME + '-tmp-'})
+            .then(outputDir => elmCss(
+                projectDir,
+                stylesheetsPath,
+                outputDir,
+                stylesheetsModule,
+                stylesheetsPort,
+                pathToMake
+            ))
+            .then(cssFiles => {
+                cssFiles.forEach(cssFile =>
+                    this.push(new Vinyl({
+                        cwd: file.cwd,
+                        base: file.base,
+                        path: path.join(path.dirname(file.path), cssFile.filename),
+                        contents: new Buffer(cssFile.content)
+                    }))
+                );
+                cb();
+            })
+            .catch(error => cb(new gutil.PluginError(PLUGIN_NAME, error)));
+    });
+}
+
+function tempDir(affixes) {
+    return new Promise((resolve, reject) =>
+        temp.mkdir(affixes, (err, dirPath) =>
+            (err ? reject(err) : resolve(dirPath))
+        )
+    );
+}
+
+module.exports = css;

package.json

@@ -0,0 +1,27 @@
+{
+  "name": "gulp-elm-css",
+  "version": "0.0.1",
+  "description": "Gulp plugin for generating CSS with elm-css",
+  "main": "index.js",
+  "repository": "https://github.com/TSFoster/gulp-elm-css",
+  "author": "T.S. Foster <hi@tsf.io>",
+  "license": "MIT",
+  "devDependencies": {
+    "mocha": "^3.3.0"
+  },
+  "dependencies": {
+    "elm-css": "^0.6.0",
+    "gulp-util": "^3.0.8",
+    "temp": "^0.8.3",
+    "through2": "^2.0.3",
+    "vinyl": "^2.0.2"
+  },
+  "keywords": [
+    "gulpplugin",
+    "elm",
+    "elm-css"
+  ],
+  "scripts": {
+    "test": "mocha ./test/main.js"
+  }
+}

test/Stylesheets.elm

@@ -0,0 +1,29 @@
+port module Stylesheets exposing (..)
+
+import Css exposing (..)
+import Css.Elements exposing (..)
+import Css.File exposing (CssFileStructure, CssCompilerProgram)
+
+
+port files : CssFileStructure -> Cmd msg
+
+
+fileStructure : CssFileStructure
+fileStructure =
+    Css.File.toFileStructure
+        [ ( "main.css"
+          , Css.File.compile
+                [ stylesheet
+                    [ header
+                        [ backgroundColor (rgb 0 0 0)
+                        , color (rgb 255 255 255)
+                        ]
+                    ]
+                ]
+          )
+        ]
+
+
+main : CssCompilerProgram
+main =
+    Css.File.compiler files fileStructure

test/elm-package.json

@@ -0,0 +1,16 @@
+{
+    "version": "0.0.1",
+    "summary": "Gulp plugin for generating CSS with elm-css",
+    "repository": "https://github.com/TSFoster/gulp-elm-css.git",
+    "license": "MIT",
+    "source-directories": [
+        "."
+    ],
+    "exposed-modules": [],
+    "dependencies": {
+        "elm-lang/core": "5.1.1 <= v < 6.0.0",
+        "elm-lang/html": "2.0.0 <= v < 3.0.0",
+        "rtfeldman/elm-css": "8.2.0 <= v < 9.0.0"
+    },
+    "elm-version": "0.18.0 <= v < 0.19.0"
+}

test/main.js

@@ -0,0 +1,26 @@
+var plugin = require('..');
+var gutil = require('gulp-util');
+var assert = require('assert');
+var path = require('path');
+
+describe('gulp-elm-css', function describeGulpElmCss() {
+    it('should compile a real Elm file to a virtual CSS file', function itShouldCompile(done) {
+        var gulpElmCss = plugin({projectDir: './test'});
+        gulpElmCss.write(new gutil.File({
+            base: __dirname,
+            cwd: __dirname,
+            path: path.join(__dirname, './Stylesheets.elm')
+        }));
+        gulpElmCss.once('data', function onceData(file) {
+            var err;
+            try {
+                assert(file.isBuffer(), 'One buffer should be compiled');
+                assert.equal(path.basename(file.path), 'main.css', 'File name should be main.css');
+            } catch (e) {
+                err = e;
+            } finally {
+                done(err);
+            }
+        });
+    });
+});