@caweb/webpack 1.6.4 → 1.6.6

package/helpers/string/replace.js

@@ -7,7 +7,7 @@ export default function replace(value, search, replace, options){
     }
 
     // if nested content exists
-    if( value.fn && value.fn().length ){
+    if( value && value.fn && value.fn().length ){
         response +=  value.fn().replace(new RegExp(search, "g"), replace);
     }
 

package/lib/handlebars.js

@@ -0,0 +1,69 @@
+// This handlebars assumes we are using the @caweb/template as the fallback for any partials that are not found in the application. This allows us to use the default template partials without having to copy them into the application. It also allows us to use any custom partials that the application may have without having to worry about them being overwritten by the default template partials.
+import Handlebars from 'handlebars';
+import path from 'path';
+import fs from 'fs';
+import { fileURLToPath } from 'url';
+import { createRequire } from 'module';
+
+const currentPath = path.dirname(fileURLToPath(import.meta.url));
+const require = createRequire(import.meta.url);
+
+let appPath = process.cwd();
+let fallbackPath = path.join(appPath, 'node_modules', '@caweb', 'template');
+
+let templatePartials = {
+    'branding': 'semantics/branding.html',
+    'footer': 'semantics/footer.html',
+    'header': 'semantics/header.html',
+    'mobileControls': 'semantics/mobile-controls.html',
+    'navFooter': 'semantics/nav-footer.html',
+    'navHeader': 'semantics/nav-header.html',
+    'utilityHeader': 'semantics/utility-header.html',
+    'head': 'semantics/head.html',
+    'alert': 'components/alert/alert.html',
+    'searchForm': 'forms/search.html'
+}
+
+// Register partials.
+Object.entries(templatePartials).forEach(
+    ([p, f]) => {
+        let partial = false;
+
+        // if the application has a partial with the same name as the template partials we use that instead of the default template partial
+        if( fs.existsSync( path.join(appPath, f) ) ){
+            partial = path.join(appPath, f);
+        // the fallback path exists we use that
+        } else if( fs.existsSync( path.join(fallbackPath, f) ) ){
+            partial = path.join(fallbackPath, f);
+        }
+        
+        if( partial ) {
+            Handlebars.registerPartial(p, fs.readFileSync(partial).toString() );
+        }
+    } );
+
+// Register helpers.
+fs.readdirSync( path.join(currentPath, '..', 'helpers'), { recursive:true } )
+    .filter( (file) => file.endsWith('.js') )
+    .filter( Boolean )
+    .map( (file) => {
+        let name = path.basename(file).replace('.js', '');
+        let helper = require( path.join(currentPath, '..', 'helpers', file) ).default;
+
+        Handlebars.registerHelper( name, helper );
+     } );
+
+// Register customer helpers from the application if they exist.
+if( fs.existsSync( path.join(appPath, 'helpers') ) ){
+    fs.readdirSync( path.join(appPath, 'helpers'), { recursive:true } )
+        .filter( (file) => file.endsWith('.js') )
+        .filter( Boolean )
+        .map( (file) => {
+            let name = path.basename(file).replace('.js', '');
+            let helper = require( path.join(appPath, 'helpers', file) ).default;
+
+            Handlebars.registerHelper( name, helper );
+        } );
+}
+
+export default Handlebars;

package/lib/loader.js

@@ -43,6 +43,7 @@ const partialResolver = ( partial, callback ) => {
         case 'navFooter':
         case 'navHeader': 
         case 'utilityHeader': 
+        case 'head':
           partialDir = 'semantics';
           break;
     

package/lib/server.js

@@ -97,6 +97,17 @@ let devServer = {
     liveReload: true,
     hot: true,
     
+    historyApiFallback: {
+      rewrites: [
+        // Rewrite any request that doesn't have a file extension to your 404 page
+        // This is a simple regex; adjust as needed
+        {
+          from: /^\/.*[^.][^/]*$/, // Matches paths without file extensions
+          to: '/404.html',
+        },
+      ],
+    },
+
     // watchFiles
     // we watch all folders in the app except build, node_modules and src
     watchFiles: {

package/lib/webpack.wp.config.js

@@ -18,7 +18,7 @@ import { getArgVal } from './args.js';
 // Wordpress ignores the webpack --mode flag
 // if the flag is passed we use that mode 
 // otherwise use whatever Wordpress is using
-let mode = getArgVal('--mode') ? getArgVal('--mode') : baseConfig.mode;
+let mode = getArgVal('mode') ? getArgVal('mode') : baseConfig.mode;
 let isProduction = mode === 'production';
 
 // Update some of the default WordPress webpack rules.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@caweb/webpack",
-  "version": "1.6.4",
+  "version": "1.6.6",
   "description": "CAWebPublishing Webpack Configuration",
   "main": "webpack.config.js",
   "files": [

package/tests/webpack.tests.js

@@ -35,10 +35,10 @@ JSON.parse(fs.readFileSync(path.join(appPath, 'caweb.json')))
 let caweb = deepmerge( testCaweb, defaultCaweb  );
 
 let templatePath = path.join(appPath, 'node_modules', '@caweb', 'template');
-let template = getArgVal( '--template', path.join(templatePath, 'patterns', 'default.html') );
-let searchTemplate = getArgVal( '--search-template', path.join(templatePath, 'patterns', 'search.html') );
+let template = getArgVal( 'template', path.join(templatePath, 'patterns', 'default.html') );
+let searchTemplate = getArgVal( 'search-template', path.join(templatePath, 'patterns', 'search.html') );
 
-let scheme = getArgVal( '--scheme', 'oceanside' );
+let scheme = getArgVal( 'scheme', 'oceanside' );
 let favicon = caweb?.site?.favicon ?? null;
 
 // // Additional pages directory
@@ -65,7 +65,7 @@ let additionalPages = ! fs.existsSync( basePageDir ) ? [] :
 
             return new HtmlWebpackPlugin({
                 template,
-                filename: dirent.name,
+                filename: fileTemplate.replace(basePageDir, ''),
                 title,
                 templateParameters: {
                     ...caweb.site, // we spread the site data found in the caweb.json file

package/webpack.config.js

@@ -31,7 +31,7 @@ import {HtmlWebpackSkipAssetsPlugin} from 'html-webpack-skip-assets-plugin';
 /**
  * Internal dependencies
 */
-import { flags, flagExists, getArgVal, addFlag } from './lib/args.js';
+import { getArgVal } from './lib/args.js';
 import handlebarsLoaderOptions from './lib/loader.js';
 import { addToServer, getServer, updateTarget } from './lib/server.js';
 
@@ -103,6 +103,7 @@ let webpackConfig = {
    chunkFilename: isProduction ? '[name].min.js?v=[chunkhash]' : '[name].js?v=[chunkhash]',
    pathinfo: false,
    clean: isProduction,
+   publicPath: '/',
   },
   
   /**