@total_onion/onion-library 3.0.43 → 3.0.45

package/createNewBlock.js

@@ -28,7 +28,7 @@ if (projectJson) {
 	}
 }
 
-const templateOptions = yargs.argv._;
+const templateOptions = yargs(process.argv.slice(2)).argv._;
 let swiper = false;
 let image = false;
 let content = false;

package/duplicateBlock.js

@@ -3,7 +3,7 @@ const fs = require('fs');
 const path = require('path');
 const {globSync} = require('glob');
 const yargs = require('yargs');
-const templateOptions = yargs.argv._;
+const templateOptions = yargs(process.argv.slice(2)).argv._;
 const themePath =
 	process.env.THEME_PATH || 'web/wp-content/themes/global-theme';
 const srcPathJs = `${themePath}/assets/js/blocks`;

package/exportAllBlocks.js

@@ -1,45 +1,53 @@
 require('dotenv').config();
 const fs = require('fs');
-const { globSync } = require('glob');
+const {globSync} = require('glob');
 const yargs = require('yargs');
 const path = require('path');
 const compressing = require('compressing');
-const templateOptions = yargs.argv._;
-const themePath = process.env.THEME_PATH || 'web/wp-content/themes/global-theme';
+const templateOptions = yargs(process.argv.slice(2)).argv._;
+const themePath =
+	process.env.THEME_PATH || 'web/wp-content/themes/global-theme';
 const srcPathJs = `${themePath}/assets/js/blocks/`;
 const srcPathScss = `${themePath}/assets/scss/blocks/`;
 const srcPathTwig = `${themePath}/views/blocks/`;
 const srcPathPhp = `${themePath}/inc/acf-blocks/`;
 const srcPathVue = `${themePath}/assets/vue/blocks/`;
 const destPath = path.join(__dirname, '../../../exported-blocks/');
-const component_list_file = path.join(__dirname, '../../../project-components-list.json');
+const component_list_file = path.join(
+	__dirname,
+	'../../../project-components-list.json'
+);
 const destinationProject = templateOptions[0];
 let blocks = [];
 
 try {
 	blocks = JSON.parse(fs.readFileSync(component_list_file, 'utf8'));
 } catch (e) {
-	console.error("Component list file error : " + e);
+	console.error('Component list file error : ' + e);
 	return;
 }
 
-const dynamicEntryPointsJs = globSync(`${themePath}/assets/js/blocks/*.js`)
-	.map((path) => {
+const dynamicEntryPointsJs = globSync(`${themePath}/assets/js/blocks/*.js`).map(
+	(path) => {
 		const assetKey = path
 			.replace('assets/js/blocks/', '')
 			.replace('.js', '');
 		return assetKey;
-	});
+	}
+);
 
 const compressDone = (name) => {
 	if (!destinationProject) {
 		return;
 	}
-	fs.rmSync(`../../../exported-blocks/${name}`, { recursive: true });
+	fs.rmSync(`../../../exported-blocks/${name}`, {recursive: true});
 	if (fs.existsSync(`../${destinationProject}/exported-blocks/`)) {
 		fs.copyFileSync(
 			path.join(__dirname, `../../../exported-blocks/${name}.zip`),
-			path.join(__dirname, `.../../.././${destinationProject}/exported-blocks/${name}.zip`)
+			path.join(
+				__dirname,
+				`.../../.././${destinationProject}/exported-blocks/${name}.zip`
+			)
 		);
 	} else {
 		console.log('the destination does not exist!');
@@ -47,12 +55,12 @@ const compressDone = (name) => {
 };
 
 function copyBlockJson(name) {
-	const existingAcfFiles = globSync(`${themePath}/acf-json/*.json`)
-		.map((path) => {
-			const assetKey = path
-				.replace('assets/js/blocks/', '');
+	const existingAcfFiles = globSync(`${themePath}/acf-json/*.json`).map(
+		(path) => {
+			const assetKey = path.replace('assets/js/blocks/', '');
 			return assetKey;
-		});
+		}
+	);
 
 	existingAcfFiles.forEach((file, index) => {
 		let rawdata = fs.readFileSync(file);
@@ -69,7 +77,10 @@ function copyBlockJson(name) {
 			);
 			fs.copyFileSync(
 				existingAcfFiles[index],
-				path.join(__dirname, `../../../exported-blocks/${name}/${fileName}`)
+				path.join(
+					__dirname,
+					`../../../exported-blocks/${name}/${fileName}`
+				)
 			);
 			return;
 		}
@@ -81,11 +92,17 @@ const handleError = (err) => console.error(err);
 
 blocks.block.forEach((blockName) => {
 	if (dynamicEntryPointsJs.includes(blockName)) {
-		const dir = path.join(__dirname, `../../../exported-blocks/${blockName}/`);
+		const dir = path.join(
+			__dirname,
+			`../../../exported-blocks/${blockName}/`
+		);
 
 		if (!fs.existsSync(dir)) {
-			fs.mkdirSync(dir, { recursive: true });
-			fs.copyFileSync(`${srcPathJs}${blockName}.js`, `${dir}${blockName}.js`);
+			fs.mkdirSync(dir, {recursive: true});
+			fs.copyFileSync(
+				`${srcPathJs}${blockName}.js`,
+				`${dir}${blockName}.js`
+			);
 			fs.copyFileSync(
 				`${srcPathScss}${blockName}.scss`,
 				`${dir}${blockName}.scss`
@@ -107,8 +124,14 @@ blocks.block.forEach((blockName) => {
 			copyBlockJson(blockName);
 			compressing.zip
 				.compressDir(
-					path.join(__dirname, `../../../exported-blocks/${blockName}`),
-					path.join(__dirname, `../../../exported-blocks/${blockName}.zip`)
+					path.join(
+						__dirname,
+						`../../../exported-blocks/${blockName}`
+					),
+					path.join(
+						__dirname,
+						`../../../exported-blocks/${blockName}.zip`
+					)
 				)
 				.then(compressDone(blockName))
 				.catch(handleError);
@@ -118,4 +141,4 @@ blocks.block.forEach((blockName) => {
 			);
 		}
 	}
-});
+});

package/exportBlock.js

@@ -3,7 +3,7 @@ const fs = require('fs');
 const {globSync} = require('glob');
 const yargs = require('yargs');
 const compressing = require('compressing');
-const templateOptions = yargs.argv._;
+const templateOptions = yargs(process.argv.slice(2)).argv._;
 const themePath =
 	process.env.THEME_PATH || 'web/wp-content/themes/global-theme';
 console.log('🚀 ~ themePath:', themePath);

package/exportChildBlock.js

@@ -3,7 +3,7 @@ const fs = require('fs');
 const {globSync} = require('glob');
 const yargs = require('yargs');
 const compressing = require('compressing');
-const templateOptions = yargs.argv._;
+const templateOptions = yargs(process.argv.slice(2)).argv._;
 const themePath =
 	process.env.THEME_PATH || 'web/wp-content/themes/global-theme';
 // const srcPathJs = `${themePath}/assets/js/blocks/`;

package/exportEntrypointToLibrary.js

@@ -2,13 +2,17 @@ require('dotenv').config();
 const fs = require('fs');
 const yargs = require('yargs');
 const path = require('path');
-// entry points 
-const args = yargs.argv;
+// entry points
+const args = yargs(process.argv.slice(2)).argv;
 const componentOptions = args._;
 const entryPointName = componentOptions[0];
-const themePath = process.env.THEME_PATH || 'web/wp-content/themes/global-theme';
+const themePath =
+	process.env.THEME_PATH || 'web/wp-content/themes/global-theme';
 const srcPathEntryPoint = `${themePath}/views/entry-points`;
-const destPathEntryPoints = path.join(__dirname, `../../../../../../../../onion-library/components/entrypoint-${entryPointName}`);
+const destPathEntryPoints = path.join(
+	__dirname,
+	`../../../../../../../../onion-library/components/entrypoint-${entryPointName}`
+);
 
 const bColors = {
 	HEADER: '\033[95m',
@@ -34,29 +38,39 @@ const icons = {
 };
 
 if (componentOptions.length === 0) {
-    console.error(`${icons.CROSS_MARK} No entry point specified.`);
-    process.exit(1);
+	console.error(`${icons.CROSS_MARK} No entry point specified.`);
+	process.exit(1);
 }
 
-
-
 copySpecifiedEntryPoint(entryPointName);
 
 function copySpecifiedEntryPoint(entryPointName) {
-    const entryPointSrcFile = path.join(srcPathEntryPoint, `${entryPointName}.twig`);
-    const entryPointDestFile = path.join(destPathEntryPoints, `${entryPointName}.twig`);
+	const entryPointSrcFile = path.join(
+		srcPathEntryPoint,
+		`${entryPointName}.twig`
+	);
+	const entryPointDestFile = path.join(
+		destPathEntryPoints,
+		`${entryPointName}.twig`
+	);
 
-    if (fs.existsSync(entryPointSrcFile)) {
-        try {
-            if (!fs.existsSync(destPathEntryPoints)) {
-                fs.mkdirSync(destPathEntryPoints, { recursive: true });
-            }
-            fs.copyFileSync(entryPointSrcFile, entryPointDestFile);
-            console.log(`${icons.SMILE} Successfully copied entry point file: ${entryPointName}.twig`);
-        } catch (error) {
-            console.error(`${icons.CROSS_MARK} Error copying entry point file: ${error.message}`);
-        }
-    } else {
-        console.error(`${icons.CROSS_MARK} Entry point file does not exist: ${entryPointSrcFile}`);
+	if (fs.existsSync(entryPointSrcFile)) {
+		try {
+			if (!fs.existsSync(destPathEntryPoints)) {
+				fs.mkdirSync(destPathEntryPoints, {recursive: true});
+			}
+			fs.copyFileSync(entryPointSrcFile, entryPointDestFile);
+			console.log(
+				`${icons.SMILE} Successfully copied entry point file: ${entryPointName}.twig`
+			);
+		} catch (error) {
+			console.error(
+				`${icons.CROSS_MARK} Error copying entry point file: ${error.message}`
+			);
+		}
+	} else {
+		console.error(
+			`${icons.CROSS_MARK} Entry point file does not exist: ${entryPointSrcFile}`
+		);
 	}
-}
+}

package/exportToLibrary.js

@@ -4,7 +4,7 @@ const fse = require('fs-extra');
 const {globSync} = require('glob');
 const yargs = require('yargs');
 const path = require('path');
-const templateOptions = yargs.argv._;
+const templateOptions = yargs(process.argv.slice(2)).argv._;
 const themePath =
 	process.env.THEME_PATH || 'web/wp-content/themes/global-theme';
 

package/importBlock.js

@@ -1,20 +1,22 @@
 require('dotenv').config();
 const fs = require('fs');
-const { globSync } = require('glob');
+const {globSync} = require('glob');
 const yargs = require('yargs');
 const compressing = require('compressing');
-const templateOptions = yargs.argv._;
+const templateOptions = yargs(process.argv.slice(2)).argv._;
 const blockName = templateOptions[0];
 const exportedFolder = '../../../../exported-blocks';
-const themePath = process.env.THEME_PATH || 'web/wp-content/themes/global-theme';
+const themePath =
+	process.env.THEME_PATH || 'web/wp-content/themes/global-theme';
 
-const existingBlocks = globSync(`${themePath}/assets/js/blocks/*.js`)
-	.map((path) => {
+const existingBlocks = globSync(`${themePath}/assets/js/blocks/*.js`).map(
+	(path) => {
 		const assetKey = path
 			.replace('assets/js/blocks/', '')
 			.replace('.js', '');
 		return assetKey;
-	});
+	}
+);
 
 const handleError = (err) => console.error(err);
 

package/importChildBlock.js

@@ -3,7 +3,7 @@ const fs = require('fs');
 const {globSync} = require('glob');
 const yargs = require('yargs');
 const compressing = require('compressing');
-const templateOptions = yargs.argv._;
+const templateOptions = yargs(process.argv.slice(2)).argv._;
 const blockName = templateOptions[0];
 const exportedFolder = '../../../../exported-blocks';
 const themePath =

package/package.json

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

package/public/block-betterreviews-display-v3/betterreviews-display-v3.css

@@ -1,93 +1,95 @@
-.betterreviews-display-v3.loaded .better-reviews__criteria-stars {
-  animation: slide-reveal-right 1s 2s ease-out forwards;
-}
-.betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars {
-  --star-count: 5;
-  --star-size: 16px;
-  --better-reviews-star-width: calc( var(--star-count) * var(--star-size) + (var(--star-count) - 1) * 0px );
-  opacity: 0;
-  position: relative;
-  width: calc(5 * 16px + (5 - 1) * 0px);
-  width: var(--better-reviews-star-width);
-  height: 16px;
-  height: var(--star-size);
-  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.86 26'><path d='M27.86,10.12l-7.24,6.46,1.99,9.42-8.68-4.71-8.68,4.54,1.99-9.43L0,9.95l9.77-1.22L13.93,0l4.16,8.73,9.77,1.4Z'/></svg>");
-  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.86 26'><path d='M27.86,10.12l-7.24,6.46,1.99,9.42-8.68-4.71-8.68,4.54,1.99-9.43L0,9.95l9.77-1.22L13.93,0l4.16,8.73,9.77,1.4Z'/></svg>");
-  -webkit-mask-repeat: repeat-x;
-  mask-repeat: repeat-x;
-  -webkit-mask-size: 16px auto;
-  mask-size: 16px auto;
-  -webkit-mask-size: var(--star-size) auto;
-  mask-size: var(--star-size) auto;
-  -webkit-mask-position: left 33%;
-  mask-position: left 33%;
-  background: transparent;
-}
-.betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  background:
-    linear-gradient(
-      90deg,
-      #44271c 0%,
-      #dabb9c 32%,
-      #e5c29d 38%,
-      #ebc79f 45%,
-      #7a4a36 74%,
-      #89563e 81%,
-      #9d6749 92%,
-      #a56d4e 100%);
-  background-clip: content-box;
-  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.86 26'><path d='M27.86,10.12l-7.24,6.46,1.99,9.42-8.68-4.71-8.68,4.54,1.99-9.43L0,9.95l9.77-1.22L13.93,0l4.16,8.73,9.77,1.4Z'/></svg>");
-  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.86 26'><path d='M27.86,10.12l-7.24,6.46,1.99,9.42-8.68-4.71-8.68,4.54,1.99-9.43L0,9.95l9.77-1.22L13.93,0l4.16,8.73,9.77,1.4Z'/></svg>");
-  -webkit-mask-repeat: repeat-x;
-  mask-repeat: repeat-x;
-  -webkit-mask-size: var(--star-size) auto;
-  mask-size: var(--star-size) auto;
-  -webkit-mask-position: left 33%;
-  mask-position: left 33%;
-}
-.betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_05::before {
-  padding-right: calc(var(--better-reviews-star-width) * 0.911);
-}
-.betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_10::before {
-  padding-right: calc(var(--better-reviews-star-width) * 0.8);
-}
-.betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_15::before {
-  padding-right: calc(var(--better-reviews-star-width) * 0.702);
-}
-.betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_20::before {
-  padding-right: calc(var(--better-reviews-star-width) * 0.6);
-}
-.betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_25::before {
-  padding-right: calc(var(--better-reviews-star-width) * 0.5);
-}
-.betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_30::before {
-  padding-right: calc(var(--better-reviews-star-width) * 0.4);
-}
-.betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_35::before {
-  padding-right: calc(var(--better-reviews-star-width) * 0.298);
-}
-.betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_40::before {
-  padding-right: calc(var(--better-reviews-star-width) * 0.2);
-}
-.betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_45::before {
-  padding-right: calc(var(--better-reviews-star-width) * 0.1);
-}
-.betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_50::before {
-  padding-right: 0;
-}
-@keyframes slide-reveal-right {
-  from {
-    clip-path: inset(0 100% 0 0);
+@layer base-styles {
+  .betterreviews-display-v3.loaded .better-reviews__criteria-stars {
+    animation: slide-reveal-right 1s 2s ease-out forwards;
+  }
+  .betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars {
+    --star-count: 5;
+    --star-size: 16px;
+    --better-reviews-star-width: calc( var(--star-count) * var(--star-size) + (var(--star-count) - 1) * 0px );
     opacity: 0;
+    position: relative;
+    width: calc(5 * 16px + (5 - 1) * 0px);
+    width: var(--better-reviews-star-width);
+    height: 16px;
+    height: var(--star-size);
+    -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.86 26'><path d='M27.86,10.12l-7.24,6.46,1.99,9.42-8.68-4.71-8.68,4.54,1.99-9.43L0,9.95l9.77-1.22L13.93,0l4.16,8.73,9.77,1.4Z'/></svg>");
+    mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.86 26'><path d='M27.86,10.12l-7.24,6.46,1.99,9.42-8.68-4.71-8.68,4.54,1.99-9.43L0,9.95l9.77-1.22L13.93,0l4.16,8.73,9.77,1.4Z'/></svg>");
+    -webkit-mask-repeat: repeat-x;
+    mask-repeat: repeat-x;
+    -webkit-mask-size: 16px auto;
+    mask-size: 16px auto;
+    -webkit-mask-size: var(--star-size) auto;
+    mask-size: var(--star-size) auto;
+    -webkit-mask-position: left 33%;
+    mask-position: left 33%;
+    background: transparent;
+  }
+  .betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars::before {
+    content: "";
+    position: absolute;
+    inset: 0;
+    background:
+      linear-gradient(
+        90deg,
+        #44271c 0%,
+        #dabb9c 32%,
+        #e5c29d 38%,
+        #ebc79f 45%,
+        #7a4a36 74%,
+        #89563e 81%,
+        #9d6749 92%,
+        #a56d4e 100%);
+    background-clip: content-box;
+    -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.86 26'><path d='M27.86,10.12l-7.24,6.46,1.99,9.42-8.68-4.71-8.68,4.54,1.99-9.43L0,9.95l9.77-1.22L13.93,0l4.16,8.73,9.77,1.4Z'/></svg>");
+    mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.86 26'><path d='M27.86,10.12l-7.24,6.46,1.99,9.42-8.68-4.71-8.68,4.54,1.99-9.43L0,9.95l9.77-1.22L13.93,0l4.16,8.73,9.77,1.4Z'/></svg>");
+    -webkit-mask-repeat: repeat-x;
+    mask-repeat: repeat-x;
+    -webkit-mask-size: var(--star-size) auto;
+    mask-size: var(--star-size) auto;
+    -webkit-mask-position: left 33%;
+    mask-position: left 33%;
+  }
+  .betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_05::before {
+    padding-right: calc(var(--better-reviews-star-width) * 0.911);
+  }
+  .betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_10::before {
+    padding-right: calc(var(--better-reviews-star-width) * 0.8);
+  }
+  .betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_15::before {
+    padding-right: calc(var(--better-reviews-star-width) * 0.702);
+  }
+  .betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_20::before {
+    padding-right: calc(var(--better-reviews-star-width) * 0.6);
+  }
+  .betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_25::before {
+    padding-right: calc(var(--better-reviews-star-width) * 0.5);
+  }
+  .betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_30::before {
+    padding-right: calc(var(--better-reviews-star-width) * 0.4);
+  }
+  .betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_35::before {
+    padding-right: calc(var(--better-reviews-star-width) * 0.298);
+  }
+  .betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_40::before {
+    padding-right: calc(var(--better-reviews-star-width) * 0.2);
+  }
+  .betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_45::before {
+    padding-right: calc(var(--better-reviews-star-width) * 0.1);
   }
-  25% {
-    opacity: 1;
+  .betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars.better-reviews__star_50::before {
+    padding-right: 0;
   }
-  100% {
-    clip-path: inset(0 0 0 0);
-    opacity: 1;
+  @keyframes slide-reveal-right {
+    from {
+      clip-path: inset(0 100% 0 0);
+      opacity: 0;
+    }
+    25% {
+      opacity: 1;
+    }
+    100% {
+      clip-path: inset(0 0 0 0);
+      opacity: 1;
+    }
   }
 }