@total_onion/onion-library 2.0.91 → 2.0.94

package/components/component-animations-v3/animations-v3.scss

@@ -138,7 +138,7 @@
 			}
 		}
 
-		&.loaded {
+		&.trigger-animation {
 			animation: var(--animation-name) var(--animation-duration)
 				var(--animation-delay) var(--animation-easing)
 				var(--animation-repeat) var(--animation-fill-mode)

package/entry-animation-observer.js

@@ -0,0 +1,20 @@
+export const options = {
+  // root: document.querySelector('#scrollArea'),
+  rootMargin: "0px",
+  scrollMargin: "0px",
+  threshold: 1,
+};
+export function triggerEntryAnimation(element, loaderOptions) {
+  const intersectionCallback = (entries) => {
+    entries.forEach((entry) => {
+      if (entry.isIntersecting) {
+        let elem = entry.target;
+
+        elem.classList.add("trigger-animation");
+      }
+    });
+  };
+  const observer = new IntersectionObserver(intersectionCallback, options);
+
+  observer.observe(element);
+}

package/package.json

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

package/createNewChildBlock.js

@@ -1,85 +0,0 @@
-require('dotenv').config();
-const fs = require('fs');
-const {globSync} = require('glob');
-const {exec} = require('child_process');
-const acfTemplate = require('./new-block-templates/template-acf-pattern');
-const yaml = require('js-yaml');
-const axios = require('axios');
-
-const themePath =
-	process.env.THEME_PATH || 'web/wp-content/themes/global-theme';
-
-const yamlData = yaml.load(fs.readFileSync('../../../../.lando.yml', 'utf8'));
-const siteName = yamlData.config.site;
-const parentURL = process.env.DESIGN_MULTIDEV
-	? `${process.env.DESIGN_MULTIDEV}/wp-admin/admin-ajax.php`
-	: `http://${siteName}.lndo.site/wp-admin/admin-ajax.php`;
-
-let projectName = 'Global Theme';
-const projectJson = JSON.parse(fs.readFileSync('./package.json'));
-if (projectJson) {
-	projectName = projectJson.name;
-	if (projectName.slice(0, 3) === 'the') {
-		const prefix =
-			projectName.slice(0, 3).charAt(0).toUpperCase() +
-			projectName.slice(0, 3).slice(1);
-		projectName = `${prefix} ${
-			projectName.slice(3).charAt(0).toUpperCase() +
-			projectName.slice(3).slice(1)
-		}`;
-	} else {
-		projectName = `${
-			projectName.charAt(0).toUpperCase() + projectName.slice(1)
-		}`;
-	}
-}
-
-const dynamicEntryPoints = globSync(`${themePath}/assets/js/blocks/*.js`).map(
-	(path) => {
-		const assetKey = path
-			.replace('assets/js/blocks/', '')
-			.replace('.js', '');
-		return assetKey;
-	}
-);
-const newBlockName = process.argv[2]?.toLowerCase();
-const patternID = process.argv[3];
-
-if (!newBlockName) {
-	return console.log('Did you forget to give the new block a name?');
-}
-if (!patternID) {
-	return console.log('Did you forget to supply the pattern ID?');
-}
-if (dynamicEntryPoints.indexOf(newBlockName) !== -1) {
-	return console.log(
-		`Alas! There is already a block called ${newBlockName} :( You'll have to try something else..`
-	);
-}
-
-fs.writeFileSync(
-	`${themePath}/inc/acf-blocks/${newBlockName}.php`,
-	acfTemplate(newBlockName, projectName)
-);
-
-let data = new FormData();
-data.append('action', 'get_pattern_block');
-data.append('postID', patternID);
-
-const headers = {
-	headers: {
-		'user-agent':
-			'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Safari/537.36'
-	}
-};
-
-axios.post(parentURL, data, headers).then(function (response) {
-	fs.writeFileSync(
-		`${themePath}/views/blocks/${newBlockName}.twig`,
-		response.data.html
-	);
-});
-
-console.log(
-	`👑 👑 👑 Hurrah! You made a new child block called ${newBlockName} 👑 👑 👑`
-);