@sumotto/configs 0.0.20 → 0.0.22

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@sumotto/configs",
-	"version": "0.0.20",
+	"version": "0.0.22",
 	"description": "Configs for my work",
 	"scripts": {
 		"release": "np --yolo"

package/wp/webpack.blocks.config.js

@@ -21,7 +21,7 @@ const port =
 
 const defaultConfig = new Config( defaultConfigWP, 'default', port )
 	.addEntries( 'src/blocks/**/styles/*.{pc,sc,sa,c}ss' )
-	.addEntries( 'src/index.{ts,tsx}' )
+	.addEntries( 'src/*.{ts,tsx}' )
 	.removePlugin( RtlCssPlugin )
 	.replacePlugin(
 		new MiniCSSExtractPlugin( {
@@ -63,7 +63,7 @@ if ( process.env.WP_CONTENT_DIR ) {
 	const syncDirectory = new SyncDirectoryWebpackPlugin( {
 		sourceDir: rootPath,
 		targetDir: outputPath,
-		exclude: [ /build/ ],
+		exclude: [ /[\/\\]build[\/\\]/ ],
 	} );
 
 	defaultConfig.addPlugin( syncDirectory );

package/wp/webpack.the-builder.config.js

@@ -0,0 +1,73 @@
+const MiniCSSExtractPlugin = require( 'mini-css-extract-plugin' );
+const RtlCssPlugin = require( 'rtlcss-webpack-plugin' );
+const RemoveEmptyScriptsPlugin = require( 'webpack-remove-empty-scripts' );
+const SyncDirectoryWebpackPlugin = require( '../helpers/sync-directory-webpack-plugin' );
+const CleanWebpackPlugin = require( '../helpers/clean-webpack-plugin' );
+const findFreePort = require( 'find-free-port-sync' );
+const { resolve } = require( 'node:path' );
+const {
+	Config,
+	defaultConfigWP,
+	modulesConfigWP,
+} = require( '../helpers/webpack' );
+const rootPath = process.cwd().replace( /\\/g, '/' );
+const outputPath = process.env.WP_CONTENT_DIR
+	? resolve( process.env.WP_CONTENT_DIR, 'plugins/the-builder' )
+	: rootPath;
+
+const port =
+	process.env.THEME_BLOCK_DEV_SERVER_PORT ||
+	findFreePort( { start: 11000, end: 11999 } );
+
+const defaultConfig = new Config( defaultConfigWP, 'default', port )
+	.addEntries( 'src/blocks/**/styles/*.{pc,sc,sa,c}ss' )
+	.addEntries( 'src/*.{ts,tsx}' )
+	.removePlugin( RtlCssPlugin )
+	.replacePlugin(
+		new MiniCSSExtractPlugin( {
+			filename( pathData ) {
+				return `${ pathData.chunk.name.replace(
+					'/scripts/',
+					'/styles/'
+				) }.css`;
+			},
+		} )
+	)
+	.addPlugin(
+		new CleanWebpackPlugin( {
+			patterns: [
+				resolve( outputPath, 'build/**/*' ),
+				'!' + resolve( outputPath, 'build/**/module.*' ),
+			],
+		} )
+	);
+
+if ( ! Config.hasDevServer( defaultConfigWP ) ) {
+	defaultConfig.addPlugin(
+		// For styles remove JS and styles .asset.php
+		new RemoveEmptyScriptsPlugin()
+	);
+}
+
+const modulesConfig = new Config( modulesConfigWP, 'modules' ).addPlugin(
+	new CleanWebpackPlugin( {
+		patterns: [ resolve( outputPath, 'build/**/module.*' ) ],
+	} )
+);
+
+if ( process.env.WP_CONTENT_DIR ) {
+	const buildPath = resolve( outputPath, 'build' );
+	defaultConfigWP.output.path = buildPath;
+	modulesConfigWP.output.path = buildPath;
+
+	const syncDirectory = new SyncDirectoryWebpackPlugin( {
+		sourceDir: rootPath,
+		targetDir: outputPath,
+		exclude: [ /[\/\\]build[\/\\]/ ],
+	} );
+
+	defaultConfig.addPlugin( syncDirectory );
+	modulesConfig.addPlugin( syncDirectory );
+}
+
+module.exports = [ defaultConfig.get(), modulesConfig.get() ];

package/wp/webpack.the-modifications.config.js

@@ -68,18 +68,19 @@ modulesConfig.entry = {
 defaultConfig.name = 'default';
 modulesConfig.name = 'modules';
 
-defaultConfig.output.path = path.resolve( __dirname, 'build/scripts' );
-modulesConfig.output.path = path.resolve( __dirname, 'build/modules' );
+defaultConfig.output.path = path.resolve( process.cwd(), 'build/scripts' );
+modulesConfig.output.path = path.resolve( process.cwd(), 'build/modules' );
 
 const reactJSXRuntimeConfig = {
 	name: 'react',
+	mode: defaultConfig.mode,
 	entry: {
 		'react-jsx-runtime': {
 			import: 'react/jsx-runtime',
 		},
 	},
 	output: {
-		path: path.resolve( __dirname, 'build/polyfill' ),
+		path: path.resolve( process.cwd(), 'build/polyfill' ),
 		filename: 'react-jsx-runtime.js',
 		library: {
 			name: 'ReactJSXRuntime',

package/wp/webpack.theme.config.js

@@ -38,7 +38,7 @@ const defaultConfig = new Config( defaultConfigWP, 'default', port )
 		new CleanWebpackPlugin( {
 			patterns: [
 				resolve( outputPath, 'build/**/*' ),
-				'!' + resolve( outputPath, 'build/modules/**/*' ),
+				'!' + resolve( outputPath, 'build/scripts/modules/**/*' ),
 			],
 		} )
 	)
@@ -126,7 +126,7 @@ if ( process.env.WP_CONTENT_DIR ) {
 	const syncDirectory = new SyncDirectoryWebpackPlugin( {
 		sourceDir: rootPath,
 		targetDir: outputPath,
-		exclude: [ '/build/' ],
+		exclude: [ /[\/\\]build[\/\\]/ ],
 	} );
 
 	defaultConfig.addPlugin( syncDirectory );