Break more source code into the src directory

Author: johno

build.js

@@ -12,16 +12,16 @@ var conditionals = require('postcss-conditionals')
 var cssvariables = require('postcss-css-variables')
 var customMedia = require('postcss-custom-media')
 
-var componentsBuild = require('./components-build')
+var componentsBuild = require('./src/components-build')
 
 // css to be processed
-var css = fs.readFileSync('src/tachyons.css', 'utf8')
+var css = fs.readFileSync('src/css/tachyons.css', 'utf8')
 
 // process css
 var output = postcss([
   atImport(), cssvariables(), conditionals(), customMedia(), autoprefixer()
 ]).process(css, {
-  from: 'src/tachyons.css',
+  from: 'src/css/tachyons.css',
   to: 'css/tachyons.css'
 }).css
 

examples/components/forms/sign_in/1/index.html

@@ -35,6 +35,9 @@
   </fieldset>
 </form>
 
+<!--
+  !!! Don't include the component data for now
+
   <ul>
     
   <li>.pvl</li>
@@ -253,7 +256,7 @@
 
 
 
-
+-->
 
 <footer class="bg-white gray phm pvxl pvxxl-ns bt b--light-gray h-50">
   <small class="f5 mw7 db center lh-copy">

examples/components/forms/sign_up/1/index.html

@@ -53,6 +53,9 @@
   </fieldset>
 </form>
 
+<!--
+  !!! Don't include the component data for now
+
   <ul>
     
   <li>.pvl</li>
@@ -391,7 +394,7 @@
 
 
 
-
+-->
 
 <footer class="bg-white gray phm pvxl pvxxl-ns bt b--light-gray h-50">
   <small class="f5 mw7 db center lh-copy">

home.js

@@ -219,9 +219,9 @@ var css = fs.readFileSync('./css/tachyons.css', 'utf8')
 
 //var ast = postcss.parse(css)
 var obj = cssstats(css)
-var size = filesize(gzip.sync(fs.readFileSync("css/tachyons.min.css", "utf8")))
+var size = filesize(gzip.sync(fs.readFileSync('css/tachyons.min.css', 'utf8')))
 
-var template = fs.readFileSync('./templates/index.html', 'utf8')
+var template = fs.readFileSync('./src/templates/index.html', 'utf8')
 var tpl = _.template(template)
 var html = tpl({
   size: size,

readme.md

@@ -15,20 +15,19 @@ var cssVariables = require('postcss-css-variables')
 var customMedia = require('postcss-custom-media')
 var mqPacker = require('css-mqpacker')
 
-var tachyonsCss = fs.readFileSync('src/tachyons.css', 'utf8')
+var tachyonsCss = fs.readFileSync('src/css/tachyons.css', 'utf8')
 
 module.exports = function () {
-  glob('examples/components/src/**/*.html', {}, function (err, components) {
+  glob('src/components/**/*.html', {}, function (err, components) {
     if (err) {
       console.error(err)
       return
     }
 
-    var template = fs.readFileSync('templates/components.html', 'utf8')
-
+    var template = fs.readFileSync('src/templates/components.html', 'utf8')
 
     components.forEach(function (component) {
-      var newDir = rmHtmlExt(component.replace('/src', '')) + '/index.html'
+      var newDir = rmHtmlExt(component.replace('src/', 'examples/')) + '/index.html'
       var componentHtml = fs.readFileSync(component, 'utf8')
 
       var fmParsed = fm.parse(componentHtml)
@@ -53,7 +52,7 @@ module.exports = function () {
         atImport(), cssVariables(), conditionals(), customMedia(), select(frontMatter.classes),
         removeComments(), mqPacker(), getModules()
       ]).process(tachyonsCss, {
-        from: 'src/tachyons.css'
+        from: 'src/css/tachyons.css'
       }).css
 
       // TODO: Update me once src/ uses the npm modules
@@ -68,6 +67,6 @@ module.exports = function () {
 }
 
 function getTitle(component) {
-  var title = rmHtmlExt(component).replace('examples/components/src/', '').replace(/(\/|_|-)/g, ' ')
+  var title = rmHtmlExt(component).replace('src/components/', '').replace(/(\/|_|-)/g, ' ')
   return titleize(title)
 }