@redneckz/wildless-cms-uni-blocks 0.14.76 → 0.14.78

package/mobile/src/services/BlockRouter/BlockRouter.ts

@@ -1,11 +0,0 @@
-import { type BlockDef } from '../../model/ContentPageDef';
-
-const normalizeAnchor = (anchor?: string) => anchor?.replace('#', '') || '';
-
-export function trackBlock(block?: BlockDef) {
-  const hash = `#${normalizeAnchor(block?.anchor)}`;
-
-  if (globalThis.location?.hash !== hash) {
-    globalThis.history?.replaceState(globalThis.history?.state, '', hash);
-  }
-}

package/mobile/src/services/BlockRouter/blockRouterEventBus.ts

@@ -1,13 +0,0 @@
-import { EventBus } from '../../EventBus/EventBus';
-import { type BlockDef } from '../../model/ContentPageDef';
-
-export interface BlockIntersectionEvent {
-  block: BlockDef;
-  intersection: IntersectionObserverEntry;
-}
-
-interface EventMap {
-  intersection: BlockIntersectionEvent;
-}
-
-export const blockRouterEventBus = new EventBus<EventMap>();

package/mobile/src/services/BlockRouter/findActiveBlock.ts

@@ -1,20 +0,0 @@
-import { type BlockDef } from '../../model/ContentPageDef';
-import { minBy } from '../../utils/minBy';
-import { type BlockIntersection } from './BlockIntersection';
-
-const SPECIAL_BLOCK_TYPES = ['Header', 'Footer'];
-const EPS = 0.01;
-
-const topLineDelta = ([, { target }]: BlockIntersection) =>
-  Math.abs(target.getBoundingClientRect().top);
-
-export function findActiveBlock(intersections: BlockIntersection[]): BlockDef | undefined {
-  const visibleIntersections = intersections
-    .filter(([block]) => !SPECIAL_BLOCK_TYPES.includes(block.type || ''))
-    .filter(([, { intersectionRatio }]) => intersectionRatio > EPS);
-
-  const [activeBlock] =
-    visibleIntersections.length > 0 ? minBy(topLineDelta)(visibleIntersections) : [];
-
-  return activeBlock;
-}

package/mobile/src/services/BlockRouter/useBlockIntersectionObserver.ts

@@ -1,20 +0,0 @@
-import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
-import { useIntersectionObserver } from '../../hooks/useIntersectionObserver';
-import { type BlockDef } from '../../model/ContentPageDef';
-import { blockRouterEventBus } from './blockRouterEventBus';
-
-export function useBlockIntersectionObserver(block?: BlockDef) {
-  const observerCallback = useCallback(
-    (entries: IntersectionObserverEntry[]) => {
-      if (!block || !entries?.length) {
-        return;
-      }
-
-      const intersection = entries[entries.length - 1];
-      blockRouterEventBus.fire('intersection', { block, intersection });
-    },
-    [block],
-  );
-
-  return useIntersectionObserver(observerCallback, { sensitivity: 1 });
-}

package/mobile/src/services/BlockRouter/useBlockRouterProvider.ts

@@ -1,37 +0,0 @@
-import { useEffect, useRef } from '@redneckz/uni-jsx/lib/hooks';
-import { type BlockDef } from '../../model/ContentPageDef';
-import { debounce } from '../../utils/debounce';
-import { trackBlock } from './BlockRouter';
-import { blockRouterEventBus } from './blockRouterEventBus';
-import { findActiveBlock } from './findActiveBlock';
-
-const isScrolledEnough = () => globalThis.scrollY > (globalThis.innerHeight * 3) / 4;
-
-export function useBlockRouterProvider(scrollTarget: EventTarget = globalThis) {
-  const intersectionsMapRef = useRef<Map<BlockDef, IntersectionObserverEntry>>(new Map());
-
-  useEffect(
-    () =>
-      blockRouterEventBus.subscribe('intersection', ({ block, intersection }) => {
-        if (intersectionsMapRef.current) {
-          intersectionsMapRef.current.set(block, intersection);
-        }
-      }),
-    [],
-  );
-
-  useEffect(() => {
-    const handleScroll = debounce(() => {
-      trackBlock(
-        isScrolledEnough() ? findActiveBlock([...(intersectionsMapRef.current || [])]) : undefined,
-      );
-    }, 100);
-
-    scrollTarget.addEventListener('scroll', handleScroll);
-
-    return () => {
-      handleScroll.dispose();
-      scrollTarget.removeEventListener('scroll', handleScroll);
-    };
-  }, [scrollTarget]);
-}

package/src/services/BlockRouter/BlockIntersection.ts

@@ -1,3 +0,0 @@
-import { type BlockDef } from '../../model/ContentPageDef';
-
-export type BlockIntersection = [BlockDef, IntersectionObserverEntry];

package/src/services/BlockRouter/BlockRouter.ts

@@ -1,11 +0,0 @@
-import { type BlockDef } from '../../model/ContentPageDef';
-
-const normalizeAnchor = (anchor?: string) => anchor?.replace('#', '') || '';
-
-export function trackBlock(block?: BlockDef) {
-  const hash = `#${normalizeAnchor(block?.anchor)}`;
-
-  if (globalThis.location?.hash !== hash) {
-    globalThis.history?.replaceState(globalThis.history?.state, '', hash);
-  }
-}

package/src/services/BlockRouter/blockRouterEventBus.ts

@@ -1,13 +0,0 @@
-import { EventBus } from '../../EventBus/EventBus';
-import { type BlockDef } from '../../model/ContentPageDef';
-
-export interface BlockIntersectionEvent {
-  block: BlockDef;
-  intersection: IntersectionObserverEntry;
-}
-
-interface EventMap {
-  intersection: BlockIntersectionEvent;
-}
-
-export const blockRouterEventBus = new EventBus<EventMap>();

package/src/services/BlockRouter/findActiveBlock.ts

@@ -1,20 +0,0 @@
-import { type BlockDef } from '../../model/ContentPageDef';
-import { minBy } from '../../utils/minBy';
-import { type BlockIntersection } from './BlockIntersection';
-
-const SPECIAL_BLOCK_TYPES = ['Header', 'Footer'];
-const EPS = 0.01;
-
-const topLineDelta = ([, { target }]: BlockIntersection) =>
-  Math.abs(target.getBoundingClientRect().top);
-
-export function findActiveBlock(intersections: BlockIntersection[]): BlockDef | undefined {
-  const visibleIntersections = intersections
-    .filter(([block]) => !SPECIAL_BLOCK_TYPES.includes(block.type || ''))
-    .filter(([, { intersectionRatio }]) => intersectionRatio > EPS);
-
-  const [activeBlock] =
-    visibleIntersections.length > 0 ? minBy(topLineDelta)(visibleIntersections) : [];
-
-  return activeBlock;
-}

package/src/services/BlockRouter/useBlockIntersectionObserver.ts

@@ -1,20 +0,0 @@
-import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
-import { useIntersectionObserver } from '../../hooks/useIntersectionObserver';
-import { type BlockDef } from '../../model/ContentPageDef';
-import { blockRouterEventBus } from './blockRouterEventBus';
-
-export function useBlockIntersectionObserver(block?: BlockDef) {
-  const observerCallback = useCallback(
-    (entries: IntersectionObserverEntry[]) => {
-      if (!block || !entries?.length) {
-        return;
-      }
-
-      const intersection = entries[entries.length - 1];
-      blockRouterEventBus.fire('intersection', { block, intersection });
-    },
-    [block],
-  );
-
-  return useIntersectionObserver(observerCallback, { sensitivity: 1 });
-}

package/src/services/BlockRouter/useBlockRouterProvider.ts

@@ -1,37 +0,0 @@
-import { useEffect, useRef } from '@redneckz/uni-jsx/lib/hooks';
-import { type BlockDef } from '../../model/ContentPageDef';
-import { debounce } from '../../utils/debounce';
-import { trackBlock } from './BlockRouter';
-import { blockRouterEventBus } from './blockRouterEventBus';
-import { findActiveBlock } from './findActiveBlock';
-
-const isScrolledEnough = () => globalThis.scrollY > (globalThis.innerHeight * 3) / 4;
-
-export function useBlockRouterProvider(scrollTarget: EventTarget = globalThis) {
-  const intersectionsMapRef = useRef<Map<BlockDef, IntersectionObserverEntry>>(new Map());
-
-  useEffect(
-    () =>
-      blockRouterEventBus.subscribe('intersection', ({ block, intersection }) => {
-        if (intersectionsMapRef.current) {
-          intersectionsMapRef.current.set(block, intersection);
-        }
-      }),
-    [],
-  );
-
-  useEffect(() => {
-    const handleScroll = debounce(() => {
-      trackBlock(
-        isScrolledEnough() ? findActiveBlock([...(intersectionsMapRef.current || [])]) : undefined,
-      );
-    }, 100);
-
-    scrollTarget.addEventListener('scroll', handleScroll);
-
-    return () => {
-      handleScroll.dispose();
-      scrollTarget.removeEventListener('scroll', handleScroll);
-    };
-  }, [scrollTarget]);
-}