@caweb/cli 1.1.0 → 1.3.0

package/commands/test.js

@@ -0,0 +1,100 @@
+/**
+ * External dependencies
+ */
+import path from 'path';
+import axios from 'axios';
+import fs from 'fs';
+import loadConfig from '@wordpress/env/lib/config/load-config.js';
+import cp from 'child_process';
+
+//var WP = require('wp-cli');
+/**
+ * Internal dependencies
+ */
+import { runCLICmds, runCmd, projectPath } from '../lib/index.js';
+/*
+import generateOverridesMD from '../admin.js';
+import { CAWEB_OPTIONS, DIVI_OPTIONS } from '../options.js';
+*/
+/**
+ * Promisified dependencies
+ */
+import os from 'os';
+
+/**
+ * Test code.
+ * 
+ * @param {Object}  options
+ * @param {Object}  options.spinner A CLI spinner which indicates progress.
+ * @param {boolean} options.environment   Which environment to test in.
+ * @param {boolean} options.debug   True if debug mode is enabled.
+ */
+export default async function test({
+	spinner,
+	debug,
+	environment
+} ) {
+	
+	spinner.text = "Testing Code Functionality";
+		const config = await loadConfig(path.resolve('.'));
+		
+		process.env.WP_CLI_CONFIG_PATH  = path.join(config.workDirectoryPath, 'config.yml');
+	 // update post meta.
+	 let id = 35;
+	 let newId = 30
+	 let tbl = `wp_term_taxonomy`;
+
+		let result = await runCmd(
+                    'php',
+                    [
+                        path.join(projectPath, 'bin', 'wp-cli.phar'),
+						'--ssh=docker:' + path.basename(config.workDirectoryPath) + '-cli-1',
+                        `db query 'UPDATE ${tbl} SET term_taxonomy_id=${newId},term_id=${newId} WHERE term_id=${id}'`,
+                    ]
+                )
+
+				console.log( result );
+		/*
+		let q = `UPDATE wp_posts SET id=1 WHERE id=10 `;
+		let u = 'http://danny.com/wp-json/wp/v2/pages/2827';
+		let result = await axios.request({
+			url: u,
+			method: 'POST',
+			data: {
+				title: 'Audio',
+				meta: {
+					_et_pb_use_builder: 'on'
+				}
+			},
+			headers: {
+				Authorization: 'Basic ' + Buffer.from(`admin:9RUG nPuo u581 cY2A uSJd FE2P`).toString('base64')
+			}
+		})
+		.then( async (res) => { return res.data; } )
+		.catch( async (err) => { return err; } )
+
+		*/
+		/*
+		let result = await runCmd(
+			'php', 
+			[
+				//'-r',
+				path.join(projectPath, 'bin', 'wp-cli.phar'),
+				'--ssh=' + `docker:${path.basename(config.workDirectoryPath)}-cli-1`,
+				//'@dev',
+				//`db query '${q}'`,
+				'post list',
+				//'--info',
+				'--skip-themes',
+				//`--url=${new URL(u).origin}`
+				// '--format=json'
+				//'--skip-column-names',
+				//'post list path=/nas/content/live/cawebdev/ --http=https://dev.sites.ca.gov --url=https://dev.sites.ca.gov',
+			], 
+			config
+		)*/
+		
+		//console.log( 'Result', result.toString() );
+		//console.log( 'Output', result.stdout.toString() );
+		//console.log( 'Error', result.stderr.toString() );
+};

package/configs/aceconfig.js

@@ -0,0 +1,28 @@
+/**
+ * Configuration for Accessibility Checker
+ * @link https://www.npmjs.com/package/accessibility-checker
+ */
+
+export default {
+    ruleArchive: "latest",
+    policies: [
+        'WCAG_2_1'
+    ],
+    failLevels: [
+        'violation', 
+        'potentialviolation'
+    ],
+    reportLevels: [
+        'violation', 
+        'potentialviolation',
+        'recommendation',
+        'potentialrecommendation',
+        'manual',
+        'pass'
+    ],
+    outputFolder: "a11y",
+    outputFormat: [
+        'html'
+    ],
+    outputFilenameTimestamp: false
+}

package/{lib/configs.js → configs/docker-compose.js}

@@ -1,48 +1,47 @@
 /**
  * External dependencies
  */
-import path from 'node:path';
-import fs from 'fs-extra';
-import yaml from 'js-yaml';
+import path from 'path';
+import fs from 'fs';
 import getHostUser from '@wordpress/env/lib/get-host-user.js';
+import yaml from 'js-yaml';
+import os from 'os';
 
 /**
- * Promisified dependencies
+ * Internal Dependencies
  */
-const { writeFile } = fs.promises;
-
-const localPath = path.resolve( path.join(process.cwd(), 'node_modules/@caweb/cli/package.json') )
-const pkg = JSON.parse( await fs.readFile(localPath) );
 
 /**
- * Build .wp-env.json
+ * Generate config.yml
  * 
- * @param {boolean} bare   True if excluding any CAWeb Configurations.
- * @param {boolean} multisite   True if converting to multisite.
+ * @param {string}  workDirectoryPath Path to the work directory located in ~/.wp-env.
  * 
- * @returns object
+ * @returns void
  */
-const buildWPEnvConfig = (bare, multisite) => {
-    let config = {
-        core: `WordPress/WordPress#${pkg.config.WP_VER}`,
-        phpVersion: `${pkg.config.PHP_VER}`,
-        config: {
-            ...pkg.config.DEFAULTS
-        }
-    }
+async function generateCLIConfig(workDirectoryPath){
+    let yml = {
+        path: '/var/www/html',
+        apache_modules: ['mod_rewrite']
+    };
+    
+    let { homedir } = os.userInfo();
+	
+    // add any ssh hosts to the config
+    if( fs.existsSync( path.join( homedir, '.ssh', 'config' )) ){
+			
+		let ssh_hosts = fs.readFileSync(path.join( homedir, '.ssh', 'config' )).toString().match(/Host\s+(.*)[^\n\r]/g);
 
-    // if not bare then include our theme.
-    if( ! bare ){
-        config['themes'] = [`CA-CODE-Works/CAWeb`];
-    }
+		ssh_hosts.forEach((host) => {
+			let s = host.replace(/Host\s+/, '');
 
-    // if is multisite
-    if( multisite ){
-        config.config['WP_ALLOW_MULTISITE'] = true;
-    }
+			yml[`@${s}`] = { ssh: s};
+		})
+	}
 
-    return config;
-    
+
+    fs.writeFileSync(
+        path.join(workDirectoryPath, 'config.yml'),
+        yaml.dump(yml));
 }
 
 /**
@@ -51,8 +50,8 @@ const buildWPEnvConfig = (bare, multisite) => {
  * @param {string}  workDirectoryPath Path to the work directory located in ~/.wp-env.
  * @returns object
  */
-const buildDockerComposeConfig = (workDirectoryPath) => {
-	const {name} = getHostUser();
+export default function dockerConfig ( workDirectoryPath ) {
+    const {name} = getHostUser();
     
     // generate cli config file for cli containers.
     generateCLIConfig(workDirectoryPath);
@@ -145,27 +144,5 @@ const buildDockerComposeConfig = (workDirectoryPath) => {
     }
 
     return dockerConfig;
-}
-
-/**
- * Generate config.yml
- * 
- * @param {string}  workDirectoryPath Path to the work directory located in ~/.wp-env.
- * 
- * @returns void
- */
-async function generateCLIConfig(workDirectoryPath){
-    const yml = {
-        path: '/var/www/html',
-        apache_modules: ['mod_rewrite']
-    };
-
-    await writeFile(
-        path.join(workDirectoryPath, 'config.yml'),
-        yaml.dump(yml));
-}
-
-export {
-    buildWPEnvConfig,
-    buildDockerComposeConfig
+    
 }

package/configs/webpack.config.js

@@ -0,0 +1,119 @@
+/**
+ * WebPack Configuration for California Department of Technology
+ * 
+ * Utilizes WordPress Scripts Webpack configuration as base.
+ * s 
+ * @link https://webpack.js.org/configuration/
+ */
+
+/**
+ * External dependencies
+ */
+import baseConfig from '@wordpress/scripts/config/webpack.config.js';
+import path from 'path';
+import fs from 'fs';
+import MiniCssExtractPlugin from "mini-css-extract-plugin";
+import CopyWebpackPlugin from 'copy-webpack-plugin';
+
+/**
+ * Internal dependencies
+ */
+import SiteGenerator from '../gen/site-generator.js';
+
+// fallback to env variable
+let isProduction = "production" === process.env.NODE_ENV;
+
+// because we use WordPress default WebPack config 
+// 'mode' is defined by process.env.NODE_ENV
+// some of the webpack cli flags are ignored
+// so let's make some corrections.
+let corrections = {};
+
+process.argv.splice( 2 ).forEach(element => {
+    // if flag
+    if( element.startsWith( '--' ) ){
+      let splitterIndex = element.indexOf( '=' );
+      let flag = element.substring(2, splitterIndex );
+      let value = element.substring( splitterIndex + 1 );
+
+      // if flag is a webpack flag add corrections.
+      switch( flag ){
+        case 'mode':
+          // if cli arg was passed use that value
+          isProduction = "production" === value;
+
+          corrections[flag] = value
+          break
+      }
+      
+    }
+   
+});
+
+
+// update the WordPress default webpack rules with ours.
+baseConfig.module.rules.forEach((rule, i) => {
+  const r = new RegExp(rule.test).toString();
+
+  // WordPress adds a hash to asset file names we remove that hash
+  if( r === new RegExp(/\.(bmp|png|jpe?g|gif|webp)$/i).toString() ){
+    baseConfig.module.rules[i].generator = {
+      filename: 'images/[name][ext]'
+    }
+  }
+  if( r  === new RegExp(/\.(woff|woff2|eot|ttf|otf)$/i).toString() ){
+    baseConfig.module.rules[i].generator = {
+      filename: 'fonts/[name][ext]'
+    }
+  }
+  // SVG rules
+  if( r  === new RegExp(/\.svg$/).toString()  ){
+        // we don't want SVG to be inline move them to fonts folder
+        if( 'asset/inline' === rule.type ){
+          baseConfig.module.rules[i].type = 'asset/resource';
+          baseConfig.module.rules[i].generator = {
+            filename: 'fonts/[name][ext]'
+          };
+        }
+  }
+})
+
+// Our Webpack Configuration.
+let webpackConfig = {
+  ...baseConfig,
+  target: 'browserslist',
+  devtool: false,
+  output: {
+    ...baseConfig.output,
+    publicPath: `/`,
+    clean: false
+  },
+  plugins: [
+    ...baseConfig.plugins,
+    new MiniCssExtractPlugin(
+      {
+        linkType: "text/css",
+        filename: '[name].css'
+      }
+    )
+  ],
+  module: {
+    rules: [
+      ...baseConfig.module.rules,
+      {
+        test: /\.html$/,
+        loader: 'handlebars-loader'
+      }
+    ]
+  },
+  performance: {
+    maxAssetSize: 500000,
+    maxEntrypointSize: 500000
+  }
+};
+
+if( ! isProduction ){
+  SiteGenerator( webpackConfig );
+}
+
+export default webpackConfig;

package/configs/wp-env.js

@@ -0,0 +1,76 @@
+/**
+ * External dependencies
+ */
+import path from 'path';
+import fs from 'fs';
+
+/**
+ * Internal Dependencies
+ */
+import {
+    projectPath
+} from '../lib/helpers.js';
+
+const localFile = path.join(projectPath, 'package.json');
+const pkg = JSON.parse( fs.readFileSync(localFile) );
+
+/**
+ * Build .wp-env.json
+ * 
+ * @param {boolean} bare   True if excluding any CAWeb Configurations.
+ * @param {boolean} multisite   True if converting to multisite.
+ * @param {boolean} plugin   True if root directory is a plugin.
+ * @param {boolean} theme   True if root directory is a theme.
+ * 
+ * @returns object
+ */
+export default function wpEnvConfig ( bare, multisite, plugin, theme ) {
+    let themes = [];
+    let plugins = [];
+
+    let config = {
+        core: `WordPress/WordPress#${pkg.config.WP_VER}`,
+        phpVersion: `${pkg.config.PHP_VER}`,
+        config: {
+            ...pkg.config.DEFAULTS
+        }
+    }
+
+    // if not bare then include our theme.
+    if( ! bare ){
+        themes.push('CAWebPublishing/CAWeb')
+    }
+
+    // if root directory is a theme
+    if( theme ){
+        themes.push( '.' );
+    }
+    
+    // if is multisite
+    if( multisite ){
+        config.config['WP_ALLOW_MULTISITE'] = true;
+
+        // set CAWeb as Default Theme if it was downloaded
+        if( ! bare ){
+            config.config['WP_DEFAULT_THEME'] = 'CAWeb';
+        }
+    }
+
+    // if root directory is a plugin
+    if( plugin ){
+        plugins.push( '.' );
+    }
+
+    // add plugins if sources were added
+    if( plugins.length ){
+        config['plugins'] = plugins;
+    }
+
+    // add themes if sources were added
+    if( themes.length ){
+        config['themes'] = themes;
+    }
+
+    return config;
+    
+}

package/gen/parser.js

@@ -0,0 +1,166 @@
+/**
+ * External dependencies
+ */
+import fs from 'fs';
+import path from 'path';
+import { HTMLToJSON } from 'html-to-json-parser';
+import jsdom from 'jsdom';
+
+/**
+ * Internal dependencies
+ */
+
+/**
+ * Path Directory Locations
+ * - appPath - Project Application Path
+ * - srcPath - Project Application Src Path
+ * - publicPath - Project Application Public Path
+ * - dataPath - Project Application Data Path
+ */
+const appPath = path.resolve(process.cwd());
+const srcPath = path.join( appPath, 'src');
+const dataPath = path.join( srcPath, 'data');
+const assetsPath = path.join( srcPath, 'assets');
+
+const fallbackPath = path.join( appPath, 'node_modules', '@cdt', 'template');
+
+/**
+ * Generate Pages
+ *
+ * @async
+ * @param {Object} siteData Data to use when creating pages
+ * @returns {string}
+ */
+async function generatePages(siteData){
+
+  // we start with a blank html and schema
+  let page = '<html><html>';
+  let schema = {};
+
+  // if src/index.html exists
+  if(fs.existsSync(path.join(srcPath, 'index.html'))){
+
+    // get index path file location
+    page = path.join(srcPath, 'index.html')
+      
+    // generate page schema
+    schema = await convertHTMLtoJson(page, false);
+
+    // read contents of index file, we strip any newlines
+    //page = fs.readFileSync( page ).toString().replace(/\n[\s]+/g,'');
+  }
+
+  // convert page to jsdom object
+  let dom = new jsdom.JSDOM( page );
+  
+  // if we should be using the template
+  if( process.env.CDT_TEMPLATE ){
+
+    // read contents of template index file, we strip any newlines
+    page = fs.readFileSync( path.join(fallbackPath, 'src', 'index.html') ).toString().replace(/\n[\s]+/g,'');
+      
+    // create template jsdom object
+    let templateDom = new jsdom.JSDOM( page );
+    
+    // colorscheme
+    let colorCSS = path.join(fallbackPath, 'build', 'oceanside.css');
+    let colorJS = path.join(fallbackPath, 'build', 'oceanside.js');
+
+    dom.window.document.querySelector('head').append(
+      `<link rel="stylesheet" type="text/css" href="${colorCSS}">`
+    );
+
+
+    // update template dom by appending contents of existing dom body
+    // after the header 
+    templateDom.window.document.querySelector('header').append(
+      dom.window.document.querySelector('body')
+    );
+
+    // update existing dom with templated changes.
+    dom = new jsdom.JSDOM( templateDom.window.document.documentElement.outerHTML);
+  }
+  
+  // generate any data attributes
+  populateDataAttrs( dom, siteData, schema );
+  
+  return dom.window.document.documentElement.outerHTML;
+
+}
+
+
+/**
+ * Populate data-cagov attributes with siteData
+ * 
+ * @param {jsdom.JSDOM} dom HTML 
+ * @param {Object} siteData
+ * @param {Object} schema
+ */
+function populateDataAttrs(dom, siteData, schema){
+  for( const [attr, data] of Object.entries(siteData) ){
+    // if attribute isn't in the schema don't do anything
+    if( ! schema.data || ! Object.keys(schema.data).includes(attr) ){
+      continue;
+    }
+
+    // any data- attributes should be prefixed with cagov
+    // get any elements with the appropriate data- attr 
+    let elements = dom.window.document.querySelectorAll(`[data-cagov-${attr}]`);
+
+    // if the data is an array|object pass as data
+    let value = Array.isArray(data) || 'object' === typeof data  ? JSON.stringify( data ) : data;
+
+    elements.forEach(element => {
+      element.setAttribute(`data-cagov-${attr}`, value);
+    });
+
+  }
+}
+
+
+/**
+ * Generates a page schema including any data attributes in src/data/index.json
+ *
+ * @async
+ * @param {*} file
+ * @param {boolean} [write=true]
+ * @param {string} [outputPath='']
+ * @returns {unknown}
+ */
+async function convertHTMLtoJson( file, write = true, outputPath = '' ){
+      if( fs.existsSync( file )){
+        let template = fs.readFileSync( file ).toString().replace(/\n[\s]+/g,'');
+        let markup = await HTMLToJSON(template, false )
+          
+        let data = fs.existsSync( path.join(dataPath, 'index.json') ) ?
+          JSON.parse( fs.readFileSync( path.join(dataPath, 'index.json') ) ) : {};
+
+        // remove any examples data
+        delete data.examples;
+
+        let schema = {
+          title: "California Department of Technology Schema",
+          $schema: "http://json-schema.org/2019-09/schema",
+          $id: "https://json-schema.org/draft/2019-09/schema",
+          type: "object",
+          description: "California Department of Technology Schema",
+          data,
+          markup,
+        };
+
+        // Write schema file.
+        if( write ){
+          fs.writeFileSync(
+            path.join(outputPath, 'schema.json'),
+              JSON.stringify( schema, null, 4 )
+          );
+        }else{
+          return schema;
+        }
+        
+      }
+}
+
+export {
+  generatePages
+};