Release/6.0.0 (#167)

* Adds bin installer (#166)

* Restructure folders

* Add installation bin

test post install script

Fix scripts path

Adjust bin scripts

Add installation process

* Update theme_version references

Author: erwstout

.eslintignore

@@ -1 +1,2 @@
-node_modules/**/*.js
+node_modules/**/*.js
+dist/**/*

.eslintrc

@@ -3,14 +3,15 @@
     "browser": true,
     "jquery": true,
     "node": true,
-    "es6": true,
+    "es6": true
   },
+  "parser": "babel-eslint",
   "globals": {
     "bowser": true
   },
   "rules": {
     "comma-dangle": 0,
-    "no-cond-assign": [1,"except-parens"],
+    "no-cond-assign": [1, "except-parens"],
     "no-console": 1,
     "no-constant-condition": 1,
     "no-control-regex": 1,
@@ -22,10 +23,10 @@
     "no-empty": 1,
     "no-ex-assign": 1,
     "no-extra-boolean-cast": 1,
-    "no-extra-parens": [1,"all"],
+    "no-extra-parens": [1, "all"],
     "no-extra-semi": 1,
     "no-func-assign": 1,
-    "no-inner-declarations": [1,"both"],
+    "no-inner-declarations": [1, "both"],
     "no-invalid-regexp": 1,
     "no-irregular-whitespace": 1,
     "no-negated-in-lhs": 1,
@@ -42,10 +43,14 @@
     "no-undef": 1,
     "no-undefined": 1,
     "no-unused-vars": 1,
-    "array-bracket-spacing": [1,"always",{"singleValue":true,"objectsInArrays":true,"arraysInArrays":true}],
-    "camelcase": [1,{"properties":"always"}],
-    "comma-spacing": [1,{"after":true}],
+    "array-bracket-spacing": [
+      0,
+      "always",
+      { "singleValue": true, "objectsInArrays": true, "arraysInArrays": true }
+    ],
+    "camelcase": [1, { "properties": "always" }],
+    "comma-spacing": [1, { "after": true }],
     "indent": ["error", 2],
-    "quotes": [1,"double","avoid-escape"]
+    "quotes": [1, "double", "avoid-escape"]
   }
 }

bin/cli.js

@@ -0,0 +1,257 @@
+#!/usr/bin/env node
+
+/* eslint-disable no-console */
+
+require("colors");
+
+const { exec } = require("child_process");
+const fs = require("fs-extra");
+const path = require("path");
+const _ = require("lodash");
+const https = require("https");
+const replace = require("replace");
+const prompt = require("prompt");
+
+const packageJson = require("../package.json");
+
+const [, , ...project] = process.argv;
+
+const wpCustomize = () => {
+  prompt.start();
+
+  prompt.get(
+    [
+      "Theme_Name",
+      "Theme_URI",
+      "Author",
+      "Author_URI",
+      "Description",
+      "License",
+      "License_URI",
+      "Text_Domain"
+    ],
+    function(err, result) {
+      let themeName = result.Theme_Name,
+        themeURI = result.Theme_URI,
+        author = result.Author,
+        authorURI = result.Author_URI,
+        description = result.Description,
+        license = result.License,
+        licenseURI = result.License_URI,
+        textdomain = result.Text_Domain;
+
+      if (themeName) {
+        replace({
+          regex: "Theme Name:",
+          replacement: "Theme Name: " + themeName,
+          paths: [`${project}/style.css`],
+          silent: true
+        });
+      }
+
+      if (themeURI) {
+        replace({
+          regex: "Theme URI:",
+          replacement: "Theme URI: " + themeURI,
+          paths: [`${project}/style.css`],
+          silent: true
+        });
+      }
+
+      if (author) {
+        replace({
+          regex: "Author:",
+          replacement: "Author: " + author,
+          paths: [`${project}/style.css`],
+          silent: true
+        });
+      }
+
+      if (authorURI) {
+        replace({
+          regex: "Author URI:",
+          replacement: "Author URI: " + authorURI,
+          paths: [`${project}/style.css`],
+          silent: true
+        });
+      }
+
+      if (description) {
+        replace({
+          regex: "Description:",
+          replacement: "Description: " + description,
+          paths: [`${project}/style.css`],
+          silent: true
+        });
+      }
+
+      if (license) {
+        replace({
+          regex: "License:",
+          replacement: "License: " + license,
+          paths: [`${project}/style.css`],
+          silent: true
+        });
+      }
+
+      if (licenseURI) {
+        replace({
+          regex: "License URI:",
+          replacement: "License URI: " + licenseURI,
+          paths: [`${project}/style.css`],
+          silent: true
+        });
+      }
+
+      if (textdomain) {
+        replace({
+          regex: "Text Domain:",
+          replacement: "Text Domain: " + textdomain,
+          paths: [`${project}/style.css`],
+          silent: true
+        });
+      }
+      console.log("✅  WordPress theme configured".green);
+      console.log("💖  Remember - you're amazing.".cyan);
+      console.log("✨  Prelude was configured successfully!");
+    }
+  );
+};
+
+console.log(`🛠  Creating theme ${project}...`.cyan);
+
+const setupProject = async () => {
+  try {
+    await exec(
+      `mkdir ${project} && cd ${project} && yarn init --yes`,
+      initErr => {
+        if (initErr) {
+          console.error(
+            `😭  Something went really wrong... try again: ${initErr}`.red
+          );
+        }
+
+        // copy main theme files
+        fs.copySync(path.join(__dirname, "../src"), `${project}/`);
+
+        // copy other config files
+        const otherFiles = [
+          ".babelrc",
+          ".browserslistrc",
+          ".editorconfig",
+          ".eslintignore",
+          ".eslintrc"
+        ];
+
+        for (let index = 0; index < otherFiles.length; index++) {
+          fs.createReadStream(
+            path.join(__dirname, `../${otherFiles[index]}`)
+          ).pipe(fs.createWriteStream(`${project}/${otherFiles[index]}`));
+        }
+
+        const devDependencies = [];
+        Object.keys(packageJson.devDependencies).forEach(dep =>
+          devDependencies.push(`${dep}@${packageJson.devDependencies[dep]}`)
+        );
+
+        const strippedDevDependencies = _.join(devDependencies, " ");
+
+        const dependencies = [];
+        Object.keys(packageJson.dependencies).forEach(dep =>
+          dependencies.push(`${dep}@${packageJson.dependencies[dep]}`)
+        );
+
+        const strippedDependencies = _.join(dependencies, " ");
+
+        // install deps
+        console.log("⌛  Installing dependencies...".yellow);
+        exec(
+          `cd ${project} && yarn add ${strippedDependencies}`,
+          (yarnErr, yarnStdout) => {
+            if (yarnErr) {
+              console.error(yarnErr);
+              return;
+            }
+            console.log(yarnStdout);
+            console.log("✅  dependencies installed".green);
+            // install dev deps
+            console.log("⌛  Installing devDependencies...".yellow);
+            exec(
+              `cd ${project} && yarn add ${strippedDevDependencies} -D`,
+              (yarnErr, yarnStdout) => {
+                if (yarnErr) {
+                  console.error(yarnErr);
+                  return;
+                }
+                console.log(yarnStdout);
+                console.log("✅  devDependencies installed".green);
+                console.log("🙈  Setting up .gitignore...".yellow);
+                https.get(
+                  "https://raw.githubusercontent.com/factor1/prelude-wp/master/.gitignore",
+                  res => {
+                    res.setEncoding("utf8");
+                    let body = "";
+                    res.on("data", data => {
+                      body += data;
+                    });
+                    res.on("end", async () => {
+                      await fs.writeFile(
+                        `${project}/.gitignore`,
+                        body,
+                        { encoding: "utf-8" },
+                        err => {
+                          if (err) throw err;
+                        }
+                      );
+                      console.log("✅  .gitignore configured".green);
+                      console.log("🎨  Configuring WP Theme Info".yellow);
+                      try {
+                        wpCustomize();
+                      } catch (error) {
+                        console.error(
+                          "❗ Error configuring WP Theme information",
+                          error
+                        );
+                      }
+                    });
+                  }
+                );
+              }
+            );
+          }
+        );
+
+        // add scripts to package.json
+        const themePackageJson = `${project}/package.json`;
+
+        const packageScripts = `
+          "scripts": {
+            "start": "NODE_ENV=development gulp serve",
+            "build": "yarn format && NODE_ENV=production gulp build",
+            "test": "eslint .",
+            "format": "prettier *.js *css --write",
+            "release-major": "yarn test && node ./util/versionUpdate.js --major && yarn build",
+            "release-minor": "yarn test && node ./util/versionUpdate.js --minor && yarn build",
+            "release-patch": "yarn test && node ./util/versionUpdate.js --patch && yarn build"
+          }
+          `;
+
+        fs.readFile(themePackageJson, (err, file) => {
+          if (err) {
+            throw err;
+          }
+          const data = file
+            .toString()
+            .replace(`"main": "index.js"`, packageScripts); // eslint-disable-line quotes
+
+          fs.writeFile(themePackageJson, data, err2 => err2 || true);
+        });
+      }
+    );
+  } catch (error) {
+    console.warn("😭  Something terrible happened... Try again.");
+    throw new Error(error);
+  }
+};
+
+setupProject();

package.json

@@ -1,7 +1,6 @@
 {
   "name": "prelude-wp",
-  "version": "5.0.2",
-  "theme_version": "0.0.1",
+  "version": "6.0.0",
   "description": "Prelude is a Wordpress starter theme that helps you craft custom themes. It uses Gulp to compile and minify scss/css, concatenate and minify JS, compress images, and more.",
   "main": "./util/moveFiles.js",
   "repository": "[email protected]:factor1/prelude-wp.git",
@@ -12,21 +11,27 @@
     "start": "NODE_ENV=development gulp serve",
     "build": "yarn format && NODE_ENV=production gulp build",
     "test": "eslint .",
-    "format": "prettier *.js *css --write",
+    "format": "prettier *.js *.css --write",
     "release-major": "yarn test && node ./util/versionUpdate.js --major && yarn build",
     "release-minor": "yarn test && node ./util/versionUpdate.js --minor && yarn build",
     "release-patch": "yarn test && node ./util/versionUpdate.js --patch && yarn build"
   },
+  "bin": {
+    "prelude-wp": "./bin/cli.js"
+  },
   "dependencies": {
+    "bowser": "^2.5.2"
+  },
+  "devDependencies": {
     "@babel/core": "^7.5.5",
     "@babel/preset-env": "^7.5.5",
-    "babel-eslint": "^10.0.2",
-    "bowser": "^2.5.2",
+    "babel-eslint": "8",
     "browser-sync": "^2.26.7",
     "colors": "^1.3.3",
     "del": "^5.0.0",
     "dotenv": "^8.0.0",
     "eslint": "^6.0.1",
+    "fs-extra": "^8.1.0",
     "gulp": "^4.0.2",
     "gulp-autoprefixer": "^6.1.0",
     "gulp-babel": "^8.0.0",
@@ -41,8 +46,11 @@
     "lodash": "^4.17.15",
     "node-sass": "^4.12.0",
     "normalize-scss": "^7.0.1",
+    "path": "^0.12.7",
     "prettier": "^1.18.2",
-    "replace": "^1.1.0",
+    "prompt": "^1.0.0",
+    "replace": "^1.1.1",
+    "slugify": "^1.3.4",
     "yargs": "^13.3.0"
   }
 }

404.php renamed to src/404.php

@@ -2,7 +2,7 @@
 
   $NPM_PACKAGE = file_get_contents(get_template_directory() . '/package.json');
   $NPM_PACKAGE = json_decode($NPM_PACKAGE, true);
-  $THEME_VERSION = $NPM_PACKAGE['theme_version'];
+  $THEME_VERSION = $NPM_PACKAGE['version'];
 
   define( 'THEME_VERSION', $THEME_VERSION );