@cntrl-site/sdk-nextjs 1.9.74-alpha.0 → 1.9.74

package/src/provider/CustomSectionRegistry.ts

@@ -1,25 +1,25 @@
-import React, { PropsWithChildren } from 'react';
-
-export class CustomSectionRegistry {
-  private definitions: Map<string, CustomSection<any>> = new Map();
-
-  define<TData>(name: string, section: CustomSection<TData>): this {
-    this.definitions.set(name, section);
-    return this;
-  }
-
-  getComponent(name: string): CustomSectionComponent<any> | undefined {
-    return this.definitions.get(name)?.component;
-  }
-
-  getResolver(name: string): (() => Promise<any>) | undefined {
-    return this.definitions.get(name)?.dataResolver;
-  }
-}
-
-type CustomSection<TData = {}> = {
-  component: CustomSectionComponent<TData>,
-  dataResolver?: () => Promise<TData>
-};
-
-type CustomSectionComponent<TData> = React.FC<PropsWithChildren<{ data: TData }>>;
+import React, { PropsWithChildren } from 'react';
+
+export class CustomSectionRegistry {
+  private definitions: Map<string, CustomSection<any>> = new Map();
+
+  define<TData>(name: string, section: CustomSection<TData>): this {
+    this.definitions.set(name, section);
+    return this;
+  }
+
+  getComponent(name: string): CustomSectionComponent<any> | undefined {
+    return this.definitions.get(name)?.component;
+  }
+
+  getResolver(name: string): (() => Promise<any>) | undefined {
+    return this.definitions.get(name)?.dataResolver;
+  }
+}
+
+type CustomSection<TData = {}> = {
+  component: CustomSectionComponent<TData>,
+  dataResolver?: () => Promise<TData>
+};
+
+type CustomSectionComponent<TData> = React.FC<PropsWithChildren<{ data: TData }>>;

package/src/provider/InteractionsContext.tsx

@@ -1,73 +1,73 @@
-import { createContext, FC, PropsWithChildren, useCallback, useContext, useEffect, useMemo } from 'react';
-import { InteractionsRegistry } from '../interactions/InteractionsRegistry';
-import { Article } from '@cntrl-site/sdk';
-import { useCurrentLayout } from '../common/useCurrentLayout';
-import { ArticleRectContext } from './ArticleRectContext';
-import { ItemGeometryContext } from '../ItemGeometry/ItemGeometryContext';
-
-export const InteractionsContext = createContext<InteractionsRegistry | undefined>(undefined);
-
-interface Props {
-  article: Article;
-}
-
-export const InteractionsProvider: FC<PropsWithChildren<Props>> = ({ article, children }) => {
-  const { layoutId } = useCurrentLayout();
-  const articleRectObserver = useContext(ArticleRectContext);
-  const itemGeometryService = useContext(ItemGeometryContext);
-  const registry = useMemo(() => {
-    if (!layoutId) return;
-    return new InteractionsRegistry(article, layoutId, itemGeometryService);
-  }, [layoutId, itemGeometryService]);
-
-  useEffect(() => {
-    if (!registry || !articleRectObserver) return;
-    const handleScroll = () => {
-      const scrollY = window.scrollY;
-      registry.notifyScroll(scrollY);
-    };
-    return articleRectObserver.on('scroll', handleScroll);
-  }, [registry, articleRectObserver]);
-
-  const notifyLoad = useCallback(() => {
-    if (!registry) return;
-    requestAnimationFrame(() => {
-      setTimeout(() => {
-        registry.notifyLoad();
-      }, 0);
-    });
-  }, [registry]);
-
-  useEffect(() => {
-    const handlePageOverlay = (e: CustomEvent) => {
-      const itemId = e.detail.itemId;
-      if (!registry || !itemId) return;
-      registry.notifyPageOverlay(itemId);
-    };
-    window.addEventListener('page-overlay', handlePageOverlay as EventListener);
-    return () => {
-      window.removeEventListener('page-overlay', handlePageOverlay as EventListener);
-    };
-  }, [registry]);
-
-  useEffect(() => {
-    if (document.readyState === 'complete') {
-      notifyLoad();
-    } else {
-      window.addEventListener('load', notifyLoad);
-    }
-
-    return () => window.removeEventListener('load', notifyLoad);
-  }, [notifyLoad]);
-
-  return (
-    <InteractionsContext.Provider value={registry}>
-      {children}
-    </InteractionsContext.Provider>
-  );
-};
-
-export function useInteractionsRegistry(): InteractionsRegistry | undefined {
-  const registry = useContext(InteractionsContext);
-  return registry;
-}
+import { createContext, FC, PropsWithChildren, useCallback, useContext, useEffect, useMemo } from 'react';
+import { InteractionsRegistry } from '../interactions/InteractionsRegistry';
+import { Article } from '@cntrl-site/sdk';
+import { useCurrentLayout } from '../common/useCurrentLayout';
+import { ArticleRectContext } from './ArticleRectContext';
+import { ItemGeometryContext } from '../ItemGeometry/ItemGeometryContext';
+
+export const InteractionsContext = createContext<InteractionsRegistry | undefined>(undefined);
+
+interface Props {
+  article: Article;
+}
+
+export const InteractionsProvider: FC<PropsWithChildren<Props>> = ({ article, children }) => {
+  const { layoutId } = useCurrentLayout();
+  const articleRectObserver = useContext(ArticleRectContext);
+  const itemGeometryService = useContext(ItemGeometryContext);
+  const registry = useMemo(() => {
+    if (!layoutId) return;
+    return new InteractionsRegistry(article, layoutId, itemGeometryService);
+  }, [layoutId, itemGeometryService]);
+
+  useEffect(() => {
+    if (!registry || !articleRectObserver) return;
+    const handleScroll = () => {
+      const scrollY = window.scrollY;
+      registry.notifyScroll(scrollY);
+    };
+    return articleRectObserver.on('scroll', handleScroll);
+  }, [registry, articleRectObserver]);
+
+  const notifyLoad = useCallback(() => {
+    if (!registry) return;
+    requestAnimationFrame(() => {
+      setTimeout(() => {
+        registry.notifyLoad();
+      }, 0);
+    });
+  }, [registry]);
+
+  useEffect(() => {
+    const handlePageOverlay = (e: CustomEvent) => {
+      const itemId = e.detail.itemId;
+      if (!registry || !itemId) return;
+      registry.notifyPageOverlay(itemId);
+    };
+    window.addEventListener('page-overlay', handlePageOverlay as EventListener);
+    return () => {
+      window.removeEventListener('page-overlay', handlePageOverlay as EventListener);
+    };
+  }, [registry]);
+
+  useEffect(() => {
+    if (document.readyState === 'complete') {
+      notifyLoad();
+    } else {
+      window.addEventListener('load', notifyLoad);
+    }
+
+    return () => window.removeEventListener('load', notifyLoad);
+  }, [notifyLoad]);
+
+  return (
+    <InteractionsContext.Provider value={registry}>
+      {children}
+    </InteractionsContext.Provider>
+  );
+};
+
+export function useInteractionsRegistry(): InteractionsRegistry | undefined {
+  const registry = useContext(InteractionsContext);
+  return registry;
+}

package/src/provider/Keyframes.ts

@@ -1,11 +1,11 @@
-import { KeyframeAny } from '@cntrl-site/sdk';
-
-export class Keyframes {
-  constructor(
-    private keyframes: KeyframeAny[] = []
-  ) {}
-
-  getItemKeyframes(itemId: string) {
-    return this.keyframes.filter(kf => kf.itemId === itemId);
-  }
-}
+import { KeyframeAny } from '@cntrl-site/sdk';
+
+export class Keyframes {
+  constructor(
+    private keyframes: KeyframeAny[] = []
+  ) {}
+
+  getItemKeyframes(itemId: string) {
+    return this.keyframes.filter(kf => kf.itemId === itemId);
+  }
+}

package/src/provider/KeyframesContext.ts

@@ -1,5 +1,5 @@
-import { createContext } from 'react';
-import { Keyframes } from './Keyframes';
-
-export const KeyframesContext = createContext(new Keyframes());
-
+import { createContext } from 'react';
+import { Keyframes } from './Keyframes';
+
+export const KeyframesContext = createContext(new Keyframes());
+

package/src/provider/LayoutContext.ts

@@ -1,3 +1,3 @@
-import { createContext } from 'react';
-
-export const LayoutContext = createContext<string | undefined>(undefined);
+import { createContext } from 'react';
+
+export const LayoutContext = createContext<string | undefined>(undefined);

package/src/provider/WebGLContextManagerContext.tsx

@@ -1,4 +1,4 @@
-import { WebGLContextManager } from '@cntrl-site/effects';
-import { createContext } from 'react';
-
-export const WebglContextManagerContext = createContext(new WebGLContextManager());
+import { WebGLContextManager } from '@cntrl-site/effects';
+import { createContext } from 'react';
+
+export const WebglContextManagerContext = createContext(new WebGLContextManager());

package/src/provider/defaultContext.ts

@@ -1,8 +1,8 @@
-import { CntrlSdkContext } from './CntrlSdkContext';
-import { CustomItemRegistry } from './CustomItemRegistry';
-import { CustomSectionRegistry } from './CustomSectionRegistry';
-
-const customItems = new CustomItemRegistry();
-const customSections = new CustomSectionRegistry();
-
-export const cntrlSdkContext = new CntrlSdkContext(customItems, customSections);
+import { CntrlSdkContext } from './CntrlSdkContext';
+import { CustomItemRegistry } from './CustomItemRegistry';
+import { CustomSectionRegistry } from './CustomSectionRegistry';
+
+const customItems = new CustomItemRegistry();
+const customSections = new CustomSectionRegistry();
+
+export const cntrlSdkContext = new CntrlSdkContext(customItems, customSections);

package/src/provider/useCntrlContext.ts

@@ -1,8 +1,8 @@
-import { useContext } from 'react';
-import { CntrlContext } from './CntrlContext';
-import { CntrlSdkContext } from './CntrlSdkContext';
-
-export function useCntrlContext(): CntrlSdkContext {
-  const context = useContext(CntrlContext);
-  return context;
-}
+import { useContext } from 'react';
+import { CntrlContext } from './CntrlContext';
+import { CntrlSdkContext } from './CntrlSdkContext';
+
+export function useCntrlContext(): CntrlSdkContext {
+  const context = useContext(CntrlContext);
+  return context;
+}

package/src/styled-jsx.d.ts

@@ -1 +1 @@
-/// <reference types="styled-jsx" />
+/// <reference types="styled-jsx" />

package/src/types/components-utils.d.ts

@@ -1,7 +1,7 @@
-declare module '@cntrl-site/components/utils' {
-  export function scalingValue(value: number, isEditor?: boolean): string;
-  export function useScopedStyles(): { prefix: string; cls: (name: string) => string };
-  export function getColorAlpha(color: string): number;
-  export function getPositionStyles(position: any): Record<string, any>;
-  export function getImageRect(rect: any): Record<string, any>;
-}
+declare module '@cntrl-site/components/utils' {
+  export function scalingValue(value: number, isEditor?: boolean): string;
+  export function useScopedStyles(): { prefix: string; cls: (name: string) => string };
+  export function getColorAlpha(color: string): number;
+  export function getPositionStyles(position: any): Record<string, any>;
+  export function getImageRect(rect: any): Record<string, any>;
+}