@total_onion/onion-library 3.0.33 → 3.0.35

package/duplicateBlock.js

@@ -3,7 +3,6 @@ const fs = require('fs');
 const path = require('path');
 const {globSync} = require('glob');
 const yargs = require('yargs');
-const compressing = require('compressing');
 const templateOptions = yargs.argv._;
 const themePath =
 	process.env.THEME_PATH || 'web/wp-content/themes/global-theme';
@@ -11,10 +10,6 @@ const srcPathJs = `${themePath}/assets/js/blocks`;
 const srcPathScss = `${themePath}/assets/scss/blocks`;
 const srcPathTwig = `${themePath}/views/blocks`;
 const srcPathBlockJson = `${themePath}/inc/acf-blocks`;
-// exported-blocks lives at the project root, relative to cwd (the theme dir)
-const destPath =
-	process.env.EXPORTED_BLOCKS_PATH ||
-	path.resolve(process.cwd(), '../../../../exported-blocks');
 const newName = templateOptions[1];
 
 const exisitingBlockNames = [
@@ -49,13 +44,6 @@ if (blockName === newName) {
 }
 
 if (exisitingBlockNames.includes(blockName)) {
-	const dir = `${destPath}/${newName}`;
-	if (fs.existsSync(dir)) {
-		console.log('Removing previous duplication...');
-		fs.rmSync(dir, {recursive: true, force: true});
-		console.log('removed');
-	}
-	fs.mkdirSync(dir);
 	if (fs.existsSync(`${srcPathJs}/${blockName}.js`)) {
 		const contents = fs.readFileSync(
 			`${srcPathJs}/${blockName}.js`,
@@ -71,7 +59,7 @@ if (exisitingBlockNames.includes(blockName)) {
 				`${newName.toLowerCase().replaceAll(/( |-)/g, '')}`
 			)
 			.replaceAll(`blocks/${blockName}`, `blocks/${newName}`);
-		fs.writeFileSync(`${dir}/${newName}.js`, replaced, 'utf-8');
+		fs.writeFileSync(`${srcPathJs}/${newName}.js`, replaced, 'utf-8');
 		console.log(`👑👑\x1b[32m Successfully duplicated the js file! 👑👑`);
 	}
 	if (fs.existsSync(`${srcPathScss}/${blockName}.scss`)) {
@@ -80,19 +68,31 @@ if (exisitingBlockNames.includes(blockName)) {
 			'utf-8'
 		);
 		const replaced = contents.replaceAll(`${blockName}`, `${newName}`);
-		fs.writeFileSync(`${dir}/${newName}.scss`, replaced, 'utf-8');
+		fs.writeFileSync(`${srcPathScss}/${newName}.scss`, replaced, 'utf-8');
 		console.log(`👑👑\x1b[32m Successfully duplicated the scss file! 👑👑`);
 	}
+	if (fs.existsSync(`${srcPathScss}/${blockName}-inline.scss`)) {
+		const contents = fs.readFileSync(
+			`${srcPathScss}/${blockName}-inline.scss`,
+			'utf-8'
+		);
+		const replaced = contents.replaceAll(`${blockName}`, `${newName}`);
+		fs.writeFileSync(
+			`${srcPathScss}/${newName}-inline.scss`,
+			replaced,
+			'utf-8'
+		);
+		console.log(
+			`👑👑\x1b[32m Successfully duplicated the inline scss file! 👑👑`
+		);
+	}
 	if (fs.existsSync(`${srcPathTwig}/${blockName}.twig`)) {
 		const contents = fs.readFileSync(
 			`${srcPathTwig}/${blockName}.twig`,
 			'utf-8'
 		);
-		const regEx = RegExp(String.raw`(\"${blockName}) `, 'gi');
-		const replaced = contents.replaceAll(regEx, `"${newName} `);
-		const regEx2 = RegExp(String.raw`([\"|\']${blockName}[\"|\'])`, 'gi');
-		const replaced2 = replaced.replaceAll(regEx2, `"${newName}"`);
-		fs.writeFileSync(`${dir}/${newName}.twig`, replaced2, 'utf-8');
+		const replaced = contents.replaceAll(blockName, newName);
+		fs.writeFileSync(`${srcPathTwig}/${newName}.twig`, replaced, 'utf-8');
 		console.log(`👑👑\x1b[32m Successfully duplicated the twig file! 👑👑`);
 	}
 	if (fs.existsSync(`${srcPathBlockJson}/${blockName}/block.json`)) {
@@ -109,8 +109,9 @@ if (exisitingBlockNames.includes(blockName)) {
 		if (data.description) {
 			data.description = data.description.replaceAll(blockName, newName);
 		}
+		fs.mkdirSync(`${srcPathBlockJson}/${newName}`, {recursive: true});
 		fs.writeFileSync(
-			`${dir}/block.json`,
+			`${srcPathBlockJson}/${newName}/block.json`,
 			JSON.stringify(data, null, '\t'),
 			'utf-8'
 		);
@@ -118,11 +119,5 @@ if (exisitingBlockNames.includes(blockName)) {
 			`👑👑\x1b[32m Successfully duplicated the block.json file! 👑👑`
 		);
 	}
-	compressing.zip
-		.compressDir(`${dir}`, `${dir}.zip`)
-		.then(() => {
-			fs.rmSync(`${destPath}/${newName}`, {recursive: true});
-			console.log(`\x1b[32m 🎉 Zip created at ${dir}.zip \x1b[0m`);
-		})
-		.catch((err) => console.error(err));
+	console.log(`\x1b[32m 🎉 Block '${newName}' created successfully! \x1b[0m`);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@total_onion/onion-library",
-	"version": "3.0.33",
+	"version": "3.0.35",
 	"description": "Component library",
 	"main": "index.js",
 	"scripts": {
@@ -18,7 +18,7 @@
 	},
 	"homepage": "https://github.com/TotalOnion/onion-library#readme",
 	"dependencies": {
-		"@total_onion/onion-modalcontroller": "^1.1.3",
+		"@total_onion/onion-modalcontroller": "^1.2.4",
 		"@total_onion/onion-videocontroller": "^1.2.5",
 		"lottie-web": "^5.13.0",
 		"swiper": "^12.1.3"

package/public/dynamicBlockScss-v3.scss

@@ -1,37 +1 @@
 // This file is auto-generated.
-@use '../components/block-video-content-v3/video-content-v3.scss';
-@use '../components/block-sub-group-container-v3/sub-group-container-v3.scss';
-@use '../components/block-sticky-buy-cta-v3/sticky-buy-cta-v3.scss';
-@use '../components/block-standard-content-v3/standard-content-v3.scss';
-@use '../components/block-spotify-embed-v3/spotify-embed-v3.scss';
-@use '../components/block-spacer-v3/spacer-v3.scss';
-@use '../components/block-social-networks-v3/social-networks-v3.scss';
-@use '../components/block-smash-balloon-social-media-v3/smash-balloon-social-media-v3.scss';
-@use '../components/block-site-title-and-tagline-v3/site-title-and-tagline-v3.scss';
-@use '../components/block-site-logo-container-v3/site-logo-container-v3.scss';
-@use '../components/block-site-copyright-notice-v3/site-copyright-notice-v3.scss';
-@use '../components/block-single-responsive-image-v3/single-responsive-image-v3.scss';
-@use '../components/block-single-column-container-v3/single-column-container-v3.scss';
-@use '../components/block-section-separator-v3/section-separator-v3.scss';
-@use '../components/block-scrolling-banner-v3/scrolling-banner-v3.scss';
-@use '../components/block-responsive-table-v3/responsive-table-v3.scss';
-@use '../components/block-raw-html-v3/raw-html-v3.scss';
-@use '../components/block-product-info-v3/product-info-v3.scss';
-@use '../components/block-post-info-v3/post-info-v3.scss';
-@use '../components/block-nav-menu-container-v3/nav-menu-container-v3.scss';
-@use '../components/block-modal-form-v3/modal-form-v3.scss';
-@use '../components/block-market-selector-v3/market-selector-v3.scss';
-@use '../components/block-lottie-content-v3/lottie-content-v3.scss';
-@use '../components/block-group-container-v3/group-container-v3.scss';
-@use '../components/block-gradient-layer-v3/gradient-layer-v3.scss';
-@use '../components/block-form-selection-v3/form-selection-v3.scss';
-@use '../components/block-featured-image-gallery-v3/featured-image-gallery-v3.scss';
-@use '../components/block-divider-v3/divider-v3.scss';
-@use '../components/block-cover-link-v3/cover-link-v3.scss';
-@use '../components/block-cocktail-recipe-v3/cocktail-recipe-v3.scss';
-@use '../components/block-carousel-multi-layout-v3/carousel-multi-layout-v3.scss';
-@use '../components/block-block-interactions-v3/block-interactions-v3.scss';
-@use '../components/block-betterreviews-display-v3/betterreviews-display-v3.scss';
-@use '../components/block-back-to-top-button-v3/back-to-top-button-v3.scss';
-@use '../components/block-accordion-v3/accordion-v3.scss';
-@use '../components/block-accent-image-v3/accent-image-v3.scss';