@awesomeness-js/server 1.1.11 → 1.1.14

package/tests/fixtures/site-and-components/components/scrollSpy/observerPoolSubscribe.js

@@ -0,0 +1,37 @@
+export default ({
+	poolEntry,
+	targetElm,
+	subscriber
+} = {}) => {
+
+	if (!poolEntry) {
+
+		throw new Error('observerPoolSubscribe: missing poolEntry');
+
+	}
+
+	if (!targetElm) {
+
+		throw new Error('observerPoolSubscribe: missing targetElm');
+
+	}
+
+	if (!subscriber) {
+
+		throw new Error('observerPoolSubscribe: missing subscriber');
+
+	}
+
+	let subscribers = poolEntry.targets.get(targetElm);
+
+	if (!subscribers) {
+
+		subscribers = new Set();
+		poolEntry.targets.set(targetElm, subscribers);
+		poolEntry.observer.observe(targetElm);
+
+	}
+
+	subscribers.add(subscriber);
+
+};

package/tests/fixtures/site-and-components/components/scrollSpy/observerPoolUnsubscribe.js

@@ -0,0 +1,44 @@
+export default ({
+	registry,
+	poolEntry,
+	targetElm,
+	subscriber
+} = {}) => {
+
+	if (!poolEntry || !targetElm || !subscriber) {
+
+		return;
+
+	}
+
+	const subscribers = poolEntry.targets.get(targetElm);
+
+	if (!subscribers) {
+
+		return;
+
+	}
+
+	subscribers.delete(subscriber);
+
+	if (subscribers.size === 0) {
+
+		poolEntry.targets.delete(targetElm);
+		poolEntry.observer.unobserve(targetElm);
+
+	}
+
+	if (poolEntry.targets.size === 0) {
+
+		poolEntry.observer.disconnect();
+
+		if (registry?.pools) {
+
+			registry.pools.delete(poolEntry.key);
+
+		}
+
+	
+	}
+
+};

package/tests/fixtures/site-and-components/components/scrollSpy/top.js

@@ -0,0 +1,86 @@
+export default ({
+	$spyOn,
+	$applyTo,
+	threshold = 100,   // X px
+	deadZone = 0,      // optional hysteresis to avoid flicker
+	className = 'spy-past-threshold'
+} = {}) => {
+
+	const $classEl = ($applyTo && $applyTo.length)
+		? $applyTo
+		: $('body');
+
+	const spyTarget = ($spyOn && $spyOn.length)
+		? $spyOn.get(0)
+		: window;
+
+	const isWindow = (spyTarget === window);
+
+	let ticking = false;
+	let isApplied = null; // unknown at start
+
+	function readTop() {
+
+		return isWindow
+			? (window.pageYOffset || document.documentElement.scrollTop || 0)
+			: (spyTarget.scrollTop || 0);
+	
+	}
+
+	function apply(shouldApply) {
+
+		if (shouldApply) $classEl.addClass(className);
+		else $classEl.removeClass(className);
+	
+	}
+
+	function onRaf() {
+
+		ticking = false;
+
+		const topNow = readTop();
+
+		// deadZone gives you hysteresis:
+		// once applied, it won't unapply until threshold - deadZone
+		// once unapplied, it won't apply until threshold + deadZone
+		let shouldApply;
+
+		if (isApplied === true) {
+
+			shouldApply = topNow >= (threshold - deadZone);
+		
+		} else if (isApplied === false) {
+
+			shouldApply = topNow >= (threshold + deadZone);
+		
+		} else {
+
+			// first run
+			shouldApply = topNow >= threshold;
+		
+		}
+
+		if (shouldApply === isApplied) return;
+
+		isApplied = shouldApply;
+		apply(shouldApply);
+	
+	}
+
+	function onScroll() {
+
+		if (ticking) return;
+		ticking = true;
+		requestAnimationFrame(onRaf);
+	
+	}
+
+	spyTarget.addEventListener('scroll', onScroll, { passive: true });
+
+	// run once immediately so the class is correct on load
+	onRaf();
+
+	// optional cleanup if you want it
+	return () => spyTarget.removeEventListener('scroll', onScroll);
+
+};

package/tests/fixtures/site-and-components/sites/site-a/pages/home/js/index.js

@@ -2,13 +2,39 @@ export default function homePage() {
 
 	ui.pageScript();
 
+	ui.app.start();
+
 	const cards = [
-		{ id: "a", label: "Analytics", value: 132 },
-		{ id: "b", label: "Sales", value: 98 },
-		{ id: "c", label: "Leads", value: 211 },
-		{ id: "d", label: "Retention", value: 87 },
-		{ id: "e", label: "Support", value: 56 },
-		{ id: "f", label: "Backlog", value: 23 },
+		{
+			id: "a",
+			label: "Analytics",
+			value: 132 
+		},
+		{
+			id: "b",
+			label: "Sales",
+			value: 98 
+		},
+		{
+			id: "c",
+			label: "Leads",
+			value: 211 
+		},
+		{
+			id: "d",
+			label: "Retention",
+			value: 87 
+		},
+		{
+			id: "e",
+			label: "Support",
+			value: 56 
+		},
+		{
+			id: "f",
+			label: "Backlog",
+			value: 23 
+		},
 	];
 
 	const rows = [];
@@ -31,14 +57,21 @@ export default function homePage() {
 
 	const totals = rows.reduce(
 		(acc, row) => {
+
 			acc.total += row.value;
 			acc.high += row.status === "high" ? 1 : 0;
 			acc.medium += row.status === "medium" ? 1 : 0;
 			acc.low += row.status === "low" ? 1 : 0;
 
 			return acc;
+		
 		},
-		{ total: 0, high: 0, medium: 0, low: 0 }
+		{
+			total: 0,
+			high: 0,
+			medium: 0,
+			low: 0 
+		}
 	);
 
 	const report = {
@@ -50,7 +83,7 @@ export default function homePage() {
 			version: "1.0.0",
 			notes: [
 				"This fixture intentionally has larger content for benchmark-style tests.",
-				"The only ui reference in this file should remain ui.pageScript().",
+				"ui references in this file: ui.pageScript(), ui.app.start().",
 			],
 		},
 	};