create-tateru-cli 0.1.0

package/templates/template-gulp-vanilla/tasks/minify-css.js

@@ -0,0 +1,21 @@
+const { DIST_FOLDER } = require('./helpers/config');
+const { src, dest } = require('gulp');
+const rename = require('gulp-rename');
+const postcss = require('gulp-postcss');
+const cssnano = require('cssnano');
+
+module.exports = function minifyCss(cb) {
+  return src([
+    `*.css`,
+    '!*.min.css',
+  ], {
+    cwd: `${DIST_FOLDER}assets/css/`,
+  })
+    .pipe(postcss([cssnano()]))
+    .pipe(
+      rename({
+        suffix: '.min'
+      })
+    )
+    .pipe(dest(`${DIST_FOLDER}assets/css/`));
+}

package/templates/template-gulp-vanilla/tasks/public-assets.js

@@ -0,0 +1,11 @@
+const { DIST_FOLDER } = require('./helpers/config');
+const { src, dest } = require('gulp');
+
+module.exports = function publicAssets(cb) {
+  return src([
+    `**/*`,
+  ], {
+    cwd: 'public/',
+  })
+    .pipe(dest(`${DIST_FOLDER}`));
+}

package/templates/template-gulp-vanilla/tasks/tateru.js

@@ -0,0 +1,25 @@
+const { exec } = require('child_process');
+const Logger = require('./helpers/logger');
+
+const log = new Logger({
+  namespace: 'tateru',
+});
+
+module.exports = function tateru(cb) {
+  return new Promise((resolve) => {
+    exec('npm run tateru', function (error, stdout, stderr) {
+      
+      if (error && stdout) {
+        log.error(stdout);
+      } else if (stdout) {
+        log.info(stdout);
+      }
+      
+      if (stderr) {
+        log.error(stderr);
+      }
+
+      resolve(cb);
+    })
+  })
+}

package/templates/template-gulp-vanilla/tasks/watch.js

@@ -0,0 +1,45 @@
+const { DIST_FOLDER } = require('./helpers/config');
+const { watch: watchGulp } = require('gulp');
+const browserSync = require('./browser-sync');
+const css = require('./css');
+const images = require('./images');
+const publicAssets = require('./public-assets');
+const tateru = require('./tateru');
+const webpack = require('./webpack');
+
+/**
+ * @link https://gulpjs.com/docs/en/getting-started/watching-files
+ */
+module.exports = function watch () {
+  browserSync.init({
+    server: DIST_FOLDER,
+    open: false,
+    reloadDebounce: 1000,
+  });
+
+  watchGulp([
+    `src/assets/scss/**/*.scss`,
+  ], css);
+
+  watchGulp([
+    `src/assets/images/**/*`,
+  ], images);
+
+  watchGulp([
+    `public/**/*`,
+  ], publicAssets);
+
+  watchGulp([
+    `src/twig/**/*`,
+    `src/translations/**/*`,
+    `config.json`,
+  ], tateru);
+
+  watchGulp([
+    `src/assets/js/**/*`,
+  ], webpack);
+
+  watchGulp([
+    `${DIST_FOLDER}**/*`,
+  ]).on('change', browserSync.reload);
+};

package/templates/template-gulp-vanilla/tasks/webpack.js

@@ -0,0 +1,93 @@
+const { ENV_DEVELOPMENT } = require('./helpers/config');
+const bundler = require('webpack');
+const Logger = require('./helpers/logger');
+const path = require('path');
+
+const log = new Logger({
+  namespace: 'webpack',
+});
+
+module.exports = function webpack (cb) {
+  log.info(`env: ${process.env.NODE_ENV}`);
+
+  let isReady = false;
+
+  const settings = {
+    mode: process.env.NODE_ENV || ENV_DEVELOPMENT,
+
+    entry: {
+      homepage: path.resolve(__dirname, '../src/assets/js/homepage.js')
+    },
+
+    output: {
+      path: path.resolve(__dirname, '../dist/assets/js'),
+      filename: '[name].bundle.js',
+      chunkFilename: '[name].chunk.js?v=[contenthash:10]',
+      publicPath: '/assets/js/',
+    },
+
+    resolve: {
+      alias: {
+        'vue$': 'vue/dist/vue.esm.js',
+      },
+    },
+
+    module: {
+      rules: [
+        {
+          test: /\.js$/,
+          include: [path.resolve(__dirname, '../src')],
+          use: {
+            loader: 'babel-loader',
+          },
+        },
+        {
+          test: /\.svg$/,
+          include: [path.resolve(__dirname, '../src')],
+          use: {
+            loader: 'html-loader',
+          },
+        }
+      ]
+    },
+  };
+
+  if (process.env.NODE_ENV === ENV_DEVELOPMENT) {
+    settings.devtool = 'eval-source-map';
+  }
+
+  const bundle = bundler(settings, function (error, stats) {
+    const jsonStats = stats.toJson();
+    const { errors, warnings } = jsonStats;
+
+    if (error) {
+      log.error(error);
+    } else if (errors.length > 0) {
+      log.error(errors.toString());
+    } else if (warnings.length > 0) {
+      log.warning(warnings.toString());
+    } else {
+      log.custom({
+        type: 'Stats',
+      }, stats.toString({
+        colors: true,
+        hash: false,
+        timings: true,
+        assets: true,
+        chunks: false,
+        chunkModules: false,
+        modules: false,
+        children: true,
+        version: false,
+      }));
+    }
+
+    if (!isReady) {
+      cb();
+    }
+
+    return isReady = true;
+  });
+
+  return bundle;
+};

package/templates/template-gulp-vanilla/tateru.config.json

@@ -0,0 +1,111 @@
+{
+  "env": {
+    "dev": {
+      "data": {
+        "app": {
+          "environment": "dev"
+        }
+      }
+    },
+    "prod": {
+      "data": {
+        "app": {
+          "environment": "prod"
+        }
+      }
+    }
+  },
+  "options": {
+    "data": {
+      "app": {
+        "environment": "dev",
+        "root": "/"
+      },
+      "title": "Tateru CLI Starter",
+      "shortTitle": "Tateru CLI Starter",
+      "description": "Tateru CLI is simple static site generator using Twig templates for generating html or other files.",
+      "keywords": [
+        "Tateru CLI",
+        "Static Site Generator",
+        "Twig JS",
+        "cli"
+      ],
+      "owner": "Tateru CLI",
+      "domain": "https://example.com/",
+      "images": [
+        "assets/images/share/homepage.png"
+      ],
+      "sitename": "Tateru CLI - Website Starter",
+      "langCode": "cs_CZ",
+      "type": "place",
+      "facebook": {
+        "appID": "",
+        "admins": "",
+        "image": ""
+      },
+      "google": {
+        "author": "",
+        "publisher": "",
+        "image": ""
+      },
+      "twitter": {
+        "card": "summary_large_image",
+        "site": "",
+        "siteID": "",
+        "creator": "",
+        "creatorID": "",
+        "domain": "https://example.com/",
+        "image": ""
+      },
+      "full_locale": "cs_CZ"
+    },
+    "src": "src/twig",
+    "ext": "dist"
+  },
+  "translations": {
+    "cs": {
+      "src": "src/translations/cs.json",
+      "ext": ""
+    }
+  },
+  "pages": {
+    "cs": {
+      "index": {
+        "data": {
+          "page": "index"
+        },
+        "src": "views/homepage.html.twig",
+        "ext": "index.html",
+        "minify": ["prod"]
+      },
+      "humans_txt": {
+        "data": {
+          "page": "humans_txt"
+        },
+        "src": "views/humans.txt.twig",
+        "ext": "humans.txt"
+      },
+      "robots_txt": {
+        "data": {
+          "page": "robots_txt"
+        },
+        "src": "views/robots.txt.twig",
+        "ext": "robots.txt"
+      },
+      "sitemap_xml": {
+        "data": {
+          "page": "sitemap_xml"
+        },
+        "src": "views/sitemap.html.twig",
+        "ext": "sitemap.xml"
+      },
+      "webmanifest_file": {
+        "data": {
+          "page": "webmanifest_file"
+        },
+        "src": "views/site.webmanifest.twig",
+        "ext": "site.webmanifest"
+      }
+    }
+  }
+}