@total_onion/onion-library 2.0.23 → 2.0.24

package/checkBuildAssets.js

@@ -0,0 +1,18 @@
+/* eslint-disable global-require */
+require('dotenv').config();
+const fs = require( 'fs' );
+const themePath = process.env.THEME_PATH || 'web/wp-content/themes/global-theme';
+
+const paths = {
+	createJsAssets:
+		`${themePath}/assets/js/modules/jsAssets.js`,
+	createPreviewScss:
+	`${themePath}/assets/scss/modules/dynamicBlocksPreview.scss`,
+};
+
+Object.keys( paths ).forEach( ( key ) => {
+	if ( ! fs.existsSync( paths[ key ] ) ) {
+		console.log( `creating missing assets with ${ key }` );
+		require( 'child_process' ).fork( `./node_modules/@pernod-ricard-global-cms/jsbuildutils/${ key }.js` );
+	}
+} );

package/createJsAssets.js

@@ -0,0 +1,31 @@
+require('dotenv').config();
+const fs = require( 'fs' );
+const path = require( 'path' );
+const { globSync } = require( 'glob' );
+const themePath = process.env.THEME_PATH || 'web/wp-content/themes/global-theme';
+
+const dynamicEntryPoints = globSync(`${themePath}/assets/js/blocks/*.js`)
+	.map((path) => {
+		const assetKey = path
+			.replace('assets/js/blocks/', '')
+			.replace('.js', '');
+		return assetKey;
+	});
+const assetArray = dynamicEntryPoints.map((entry) => {
+	return { assetKey: entry };
+});
+
+const jsAssetsFilePath = path.join(themePath, 'assets/js/modules/jsAssets.js'); // Create the absolute path to the destination file
+
+// Create directories if they don't exist
+const dirPath = path.dirname(jsAssetsFilePath);
+fs.mkdirSync(dirPath, { recursive: true });
+
+const data = `// This file is auto-generated. To include assets for the lazyloader, just add your .js file to Assets/js/blocks/ and it will be included here.
+const dynamicAssets = ${JSON.stringify(assetArray)};
+const api = {
+    dynamicAssets,
+};
+export default api;`;
+
+fs.writeFileSync(jsAssetsFilePath, data);

package/createPreviewScss.js

@@ -0,0 +1,35 @@
+require('dotenv').config();
+const fs = require('fs');
+const {globSync} = require('glob');
+const path = require('path');
+const themePath =
+	process.env.THEME_PATH || 'web/wp-content/themes/global-theme';
+
+// Create the directory path for the target file
+const scssModulePath = path.join(themePath, 'assets/scss/modules');
+const scssFilePath = path.join(scssModulePath, 'dynamicBlocksPreview.scss');
+
+// Create directories if they don't exist
+fs.mkdirSync(scssModulePath, {recursive: true});
+
+// Write the initial content to the target file
+fs.writeFileSync(
+	scssFilePath,
+	'// This file is auto-generated. To include assets for the lazyloader, just add your .scss file to Assets/scss/blocks/ and it will be included here.\n'
+);
+
+const dynamicEntryPoints = globSync(
+	`${themePath}/assets/scss/blocks/*.scss`
+).map((path) => {
+	const assetPath = path.replace(
+		'assets/scss/blocks/',
+		'Assets/scss/blocks/'
+	);
+	return assetPath;
+});
+
+const stream = fs.createWriteStream(scssFilePath, {flags: 'a'});
+dynamicEntryPoints.forEach((entry) => {
+	stream.write(`@use '${entry}';\n`);
+});
+stream.end();

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@total_onion/onion-library",
-	"version": "2.0.23",
+	"version": "2.0.24",
 	"description": "Component library",
 	"main": "index.js",
 	"scripts": {