@redneckz/wildless-cms-uni-blocks 0.2.54 → 0.2.57

package/src/ContentPage.page.json

@@ -192,6 +192,9 @@
             "height": 220
           }
         }
+      },
+      "mobile": {
+        "style": ["col-span-12"]
       }
     },
     {
@@ -209,6 +212,9 @@
           }
         ],
         "promo": true
+      },
+      "mobile": {
+        "style": ["col-span-12"]
       }
     },
     {
@@ -233,6 +239,9 @@
             "height": 220
           }
         }
+      },
+      "mobile": {
+        "style": ["col-span-12"]
       }
     },
     {
@@ -257,6 +266,9 @@
             "height": 220
           }
         }
+      },
+      "mobile": {
+        "style": ["col-span-12"]
       }
     },
     {
@@ -301,6 +313,9 @@
             "version": "secondary"
           }
         ]
+      },
+      "mobile": {
+        "style": ["col-span-12"]
       }
     },
     {
@@ -316,6 +331,9 @@
             "version": "secondary"
           }
         ]
+      },
+      "mobile": {
+        "style": ["col-span-12"]
       }
     },
     {
@@ -335,6 +353,9 @@
             "version": "secondary"
           }
         ]
+      },
+      "mobile": {
+        "style": ["col-span-12"]
       }
     },
     {
@@ -351,11 +372,17 @@
             "version": "secondary"
           }
         ]
+      },
+      "mobile": {
+        "hidden": true
       }
     },
     {
       "type": "ExchangeRateTile",
-      "style": ["col-span-4"]
+      "style": ["col-span-4"],
+      "mobile": {
+        "style": ["col-span-12"]
+      }
     },
     {
       "type": "MobileAppTile",
@@ -365,6 +392,9 @@
           "href": "https://rshbnaturaldbo.onelink.me/qhkF/f182074f?af_qr=true",
           "src": "data:image/png;base64,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"
         }
+      },
+      "mobile": {
+        "style": ["col-span-12"]
       }
     },
     {
@@ -471,6 +501,9 @@
             "height": 220
           }
         }
+      },
+      "mobile": {
+        "style": ["col-span-12"]
       }
     },
     {
@@ -510,6 +543,9 @@
             "height": 220
           }
         }
+      },
+      "mobile": {
+        "style": ["col-span-12"]
       }
     },
     {
@@ -549,6 +585,9 @@
             "height": 220
           }
         }
+      },
+      "mobile": {
+        "style": ["col-span-12"]
       }
     },
     {
@@ -580,6 +619,9 @@
             "version": "secondary"
           }
         ]
+      },
+      "mobile": {
+        "style": ["col-span-12"]
       }
     },
     {

package/src/ContentPage.tsx

@@ -1,5 +1,5 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { Blocks } from './Blocks'; // TODO Lazy load
+import { JSX, PropsWithChildren } from '@redneckz/uni-jsx';
+import type { BlockContent } from './Blocks';
 import { LikeControl } from './LikeControl';
 import { Placeholder } from './Placeholder';
 import type { BlockDef, ContentPageDef, UniBlockProps } from './types';
@@ -16,6 +16,10 @@ export type BlockDecorator<VNode = any> = (
 ) => any;
 
 export interface ContentPageProps extends UniBlockProps {
+  blocksRegistry: Record<
+    string,
+    (props: PropsWithChildren<UniBlockProps & BlockContent, any>, context?: any) => any
+  >;
   data: ContentPageDef;
   blockDecorator?: BlockDecorator;
 }
@@ -26,8 +30,9 @@ const defaultBlockDecorator: BlockDecorator = ({ blockClassName, block, render }
 export const ContentPage = JSX<ContentPageProps>(
   ({
     className,
-    data: { style: pageStyle, blocks, likeControl, colorPalette = 'pc' },
     context,
+    blocksRegistry,
+    data: { style: pageStyle, blocks, likeControl, colorPalette = 'pc' },
     blockDecorator = defaultBlockDecorator,
   }) => {
     return (
@@ -48,11 +53,11 @@ export const ContentPage = JSX<ContentPageProps>(
 
     function renderBlock(block: BlockDef, i: number) {
       const { type } = block;
-      if (!(type in Blocks)) {
+      if (!(type in blocksRegistry)) {
         console.warn(`No block with "${type}" is registered`);
       }
 
-      const BlockComponent = Blocks[type as keyof typeof Blocks] || Placeholder;
+      const BlockComponent = blocksRegistry[type] || Placeholder;
       return blockDecorator(
         {
           blockClassName: style2className(block.style),

package/src/ContentPageContext.tsx

@@ -24,10 +24,13 @@ export type AsyncDataHook = <Data, Error = any>(
   fetcher: () => Promise<Data>,
 ) => { data?: Data; error?: Error };
 
+export type GeolocationHook = (defaultLocation: string) => [string, () => void];
+
 export interface ContentPageContext {
   useRouter: () => Router;
   useState: <State>(initialState: State) => [State, (_: State) => void];
   useAsyncData: AsyncDataHook;
+  useGeolocation: GeolocationHook;
   useLikeService: () => LikeService;
   useSearch: () => Search;
   handlerDecorator?: HandlerDecorator;

package/src/Footer/Footer.mobile.tsx

@@ -0,0 +1,12 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { UniBlockProps } from '../types';
+import type { FooterContent } from './Footer';
+import { TextInformation } from './TextInformation';
+
+export interface FooterProps extends FooterContent, UniBlockProps {}
+
+export const Footer = JSX<FooterProps>(({ className, context }) => (
+  <footer className={`${className} px-9 py-2 bg-white rounded-bl-3xl rounded-br-3xl`}>
+    <TextInformation context={context} />
+  </footer>
+));

package/src/Header/Header.fixture.tsx

@@ -4,7 +4,7 @@ import { Header } from './Header';
 export default (
   <Header
     context={context}
-    location="Москва"
+    defaultLocation="Москва"
     topItems={[
       {
         href: 'https://rshb.ru/',

package/src/Header/Header.tsx

@@ -13,7 +13,7 @@ import { isTopItemActive } from './isTopItemActive';
 
 export interface HeaderProps extends HeaderContent, UniBlockProps {}
 
-export const Header = JSX<HeaderProps>(({ className, location, context, topItems }) => {
+export const Header = JSX<HeaderProps>(({ className, defaultLocation, context, topItems }) => {
   const router = context.useRouter();
   const sitemap = useSitemap(context.useAsyncData);
   const { handlerDecorator } = context;
@@ -46,7 +46,11 @@ export const Header = JSX<HeaderProps>(({ className, location, context, topItems
       <div className="flex items-center">
         <Logo className="mr-8" />
         {topMenu}
-        <HeaderSecondaryMenu location={location} className="ml-auto" />
+        <HeaderSecondaryMenu
+          context={context}
+          className="ml-auto"
+          defaultLocation={defaultLocation}
+        />
       </div>
       <div className="mt-5 h-[1px] bg-main-divider" />
       <nav className="mt-5">{subMenu}</nav>

package/src/Header/HeaderContent.ts

@@ -1,6 +1,6 @@
 import type { TopMenuItem } from '../types';
 
 export interface HeaderContent {
-  location?: string;
+  defaultLocation?: string;
   topItems?: TopMenuItem[];
 }

package/src/Header/HeaderSecondaryMenu.tsx

@@ -2,41 +2,55 @@ import { JSX } from '@redneckz/uni-jsx';
 import { GridIcon, LoupeIcon, ProfileIcon } from '../Icons/index';
 import { TopItem } from '../ui-kit/TopItem';
 import { HeaderSecondaryMenuButton } from './HeaderSecondaryMenuButton';
+import type { UniBlockProps } from '../types';
 
-interface HeaderSecondaryMenuProps {
-  location?: string;
+interface HeaderSecondaryMenuContent {
+  defaultLocation?: string;
   className?: string;
 }
 
-export const HeaderSecondaryMenu = JSX<HeaderSecondaryMenuProps>(({ location, className }) => {
-  return (
-    <div className={`flex items-center ${className || ''}`}>
-      <TopItem className="mr-5" flat={true} href="#" text={location} ariaLabel="Местоположение" />
-      <TopItem
-        className="mr-7"
-        flat={true}
-        href="#"
-        text="Офисы и банкоматы"
-        ariaLabel="Список всех доступных офисов и банкоматов"
-      />
-      <HeaderSecondaryMenuButton
-        className="mr-5 text-primary-text hover:text-primary-main"
-        ariaLabel="Поиск по сайту"
-      >
-        {LoupeIcon({ 'aria-hidden': true })}
-      </HeaderSecondaryMenuButton>
-      <HeaderSecondaryMenuButton
-        className="mr-5 text-primary-text hover:text-primary-main"
-        ariaLabel="Профиль"
-      >
-        {ProfileIcon({ 'aria-hidden': true })}
-      </HeaderSecondaryMenuButton>
-      <HeaderSecondaryMenuButton
-        className="mr-5 text-secondary-light hover:text-secondary-active min-w-[32px] min-h-[32px]"
-        ariaLabel="Дополнительные ссылки"
-      >
-        {GridIcon({ 'aria-hidden': true })}
-      </HeaderSecondaryMenuButton>
-    </div>
-  );
-});
+export interface HeaderSecondaryMenuProps extends HeaderSecondaryMenuContent, UniBlockProps {}
+
+export const HeaderSecondaryMenu = JSX<HeaderSecondaryMenuProps>(
+  ({ context, className, defaultLocation = '' }) => {
+    const [city, getCity] = context.useGeolocation(defaultLocation);
+
+    return (
+      <div className={`flex items-center ${className || ''}`}>
+        <TopItem
+          className="mr-5"
+          flat={true}
+          href="#"
+          text={city}
+          ariaLabel="Местоположение"
+          onClick={getCity}
+        />
+        <TopItem
+          className="mr-7"
+          flat={true}
+          href="#"
+          text="Офисы и банкоматы"
+          ariaLabel="Список всех доступных офисов и банкоматов"
+        />
+        <HeaderSecondaryMenuButton
+          className="mr-5 text-primary-text hover:text-primary-main"
+          ariaLabel="Поиск по сайту"
+        >
+          {LoupeIcon({ 'aria-hidden': true })}
+        </HeaderSecondaryMenuButton>
+        <HeaderSecondaryMenuButton
+          className="mr-5 text-primary-text hover:text-primary-main"
+          ariaLabel="Профиль"
+        >
+          {ProfileIcon({ 'aria-hidden': true })}
+        </HeaderSecondaryMenuButton>
+        <HeaderSecondaryMenuButton
+          className="mr-5 text-secondary-light hover:text-secondary-active min-w-[32px] min-h-[32px]"
+          ariaLabel="Дополнительные ссылки"
+        >
+          {GridIcon({ 'aria-hidden': true })}
+        </HeaderSecondaryMenuButton>
+      </div>
+    );
+  },
+);

package/src/MobileBlocks.ts

@@ -0,0 +1,25 @@
+import { BenefitsBlock } from './BenefitsBlock';
+import { ExchangeRateTile } from './ExchangeRateTile';
+import { Footer } from './Footer/Footer.mobile';
+import { Header } from './Header/index';
+import { MobileAppTile } from './MobileAppTile';
+import { Placeholder } from './Placeholder';
+import { ProductBlock } from './ProductBlock';
+import { ProductGallery } from './ProductGallery';
+import { ProductTile } from './ProductTile';
+import { StepsBlock } from './StepsBlock';
+import { Tile } from './Tile';
+
+export const MobileBlocks = {
+  Header,
+  Footer,
+  Placeholder,
+  Tile,
+  ProductTile,
+  ProductBlock,
+  StepsBlock,
+  BenefitsBlock,
+  ProductGallery,
+  ExchangeRateTile,
+  MobileAppTile,
+};

package/src/api/DaDataAPI.ts

@@ -0,0 +1,34 @@
+import { getCurrentPosition } from '../utils/getCurrentPosition';
+
+import type { DaDataResult } from '../types';
+
+export function DaDataAPI(baseURL = '') {
+  async function getFetcherAddress() {
+    if (!('geolocation' in navigator)) {
+      return null;
+    }
+
+    try {
+      const coords = await getCurrentPosition();
+      const response = await fetch(`${baseURL}/geolocate`, {
+        method: 'POST',
+        mode: 'cors',
+        body: JSON.stringify({
+          lat: coords.latitude,
+          lon: coords.longitude,
+          count: 1,
+        }),
+      });
+
+      const data = (await response.json()) as DaDataResult;
+      return data?.suggestions?.[0]?.data?.city;
+    } catch (e) {
+      console.error(e);
+      return null;
+    }
+  }
+
+  return {
+    getFetcherAddress,
+  };
+}

package/src/api/LikeAPI.ts

@@ -10,7 +10,7 @@ export interface LikeData {
 const AUTH_PREFIX = 'guest';
 const STORAGE_KEY = 'likesToken';
 
-export function LikeAPI(projectId: string, baseURL: string) {
+export function LikeAPI(projectId: string, baseURL = '') {
   async function getLikeCount(...nodeIds: string[]): Promise<LikeData[]> {
     if (!nodeIds.length) {
       return [];
@@ -19,14 +19,17 @@ export function LikeAPI(projectId: string, baseURL: string) {
     const { token: Authorization } = await auth();
 
     try {
-      const response = await fetch(`/assist/v1/public/projects/${projectId}/nodes/likes`, {
-        method: 'POST',
-        mode: 'cors',
-        headers: { 'Content-Type': 'application/json', Authorization },
-        body: JSON.stringify({
-          node_ids: nodeIds,
-        }),
-      });
+      const response = await fetch(
+        `${baseURL}/assist/v1/public/projects/${projectId}/nodes/likes`,
+        {
+          method: 'POST',
+          mode: 'cors',
+          headers: { 'Content-Type': 'application/json', Authorization },
+          body: JSON.stringify({
+            node_ids: nodeIds,
+          }),
+        },
+      );
 
       const { likes } = await response.json();
 

package/src/content-page-repository/ContentPageRepository.ts

@@ -1,6 +1,7 @@
 import glob from 'glob';
 import util from 'util';
 import type { ContentPageDef } from '../types';
+import { toMobilePage } from './toMobilePage';
 import type { TransformationOptions } from './TransformationOptions';
 import { transformContentPage } from './transformContentPage';
 
@@ -20,6 +21,11 @@ export function ContentPageRepository({
     return pages.find((content) => content.slug === slug);
   }
 
+  async function getMobilePageBySlug(slug: string): Promise<ContentPageDef | undefined> {
+    const page = await getContentPageBySlug(slug);
+    return page && toMobilePage(page);
+  }
+
   const cache: Record<string, ContentPageDef> = {};
   async function readPage(filePath: string): Promise<ContentPageDef> {
     if (!(filePath in cache)) {
@@ -34,5 +40,6 @@ export function ContentPageRepository({
   return {
     getAllContentPages,
     getContentPageBySlug,
+    getMobilePageBySlug,
   };
 }

package/src/content-page-repository/index.ts

@@ -1 +1,2 @@
 export { ContentPageRepository } from './ContentPageRepository';
+export { toMobilePage } from './toMobilePage';

package/src/content-page-repository/toMobilePage.ts

@@ -0,0 +1,21 @@
+import type { BlockDef, ContentPageDef } from '../types';
+
+export function toMobilePage(contentPage: ContentPageDef): ContentPageDef {
+  const blocks = contentPage.blocks?.filter(({ mobile }) => !mobile?.hidden).map(toMobileBlock);
+  return {
+    ...contentPage,
+    blocks,
+  };
+}
+
+function toMobileBlock(block: BlockDef): BlockDef {
+  const { mobile } = block;
+  if (mobile) {
+    return {
+      ...block,
+      style: mobile.style?.length ? mobile.style : block.style,
+    };
+  } else {
+    return block;
+  }
+}

package/src/index.ts

@@ -1,7 +1,18 @@
 export type { ProjectSettings } from './ProjectSettings';
 export { projectSettings } from './ProjectSettings';
 
-export type { BlockDef, ContentPageMeta, ContentPageDef, Img, ImgSource, Picture } from './types';
+export { LikeAPI } from './api/LikeAPI';
+export { DaDataAPI } from './api/DaDataAPI';
+
+export type {
+  BlockDef,
+  UniBlockProps,
+  ContentPageMeta,
+  ContentPageDef,
+  Img,
+  ImgSource,
+  Picture,
+} from './types';
 export type {
   ContentPageContext,
   Router,
@@ -14,7 +25,8 @@ export { ContentPageHead } from './ContentPageHead';
 export { ContentPage } from './ContentPage';
 
 export { Blocks } from './Blocks';
-export { LikeAPI } from './api/LikeAPI';
+export type { BlockContent } from './Blocks';
+export { MobileBlocks } from './MobileBlocks';
 
 export * as url from './utils/url';
 export { joinList } from './utils/joinList';

package/src/setup-fixture.ts

@@ -1,6 +1,8 @@
 import { setup } from '@redneckz/uni-jsx';
+
 import runtime from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
+import { DaDataAPI } from './api/DaDataAPI';
 import type { ContentPageContext } from './ContentPageContext';
 
 const { jsx, jsxs } = runtime as any;
@@ -8,6 +10,8 @@ setup(jsx, jsxs);
 
 const TEST_ORIGIN = 'http://localhost:5001';
 
+const DaData = DaDataAPI('https://10.80.4.9');
+
 export const context: ContentPageContext = {
   useState,
   useRouter: () => ({
@@ -27,6 +31,17 @@ export const context: ContentPageContext = {
     }, [key, fetcher]);
     return { data };
   },
+  useGeolocation: (defaultLocation) => {
+    const [city, setCity] = useState(defaultLocation);
+
+    const getCity = () => {
+      DaData.getFetcherAddress().then((_) => {
+        setCity(_ || defaultLocation);
+      });
+    };
+
+    return [city, getCity];
+  },
   useLikeService: () => ({
     likeCount: 0,
     like: () => {

package/src/types.ts

@@ -22,6 +22,9 @@ export interface BlockDef {
   version?: BlockVersion;
   content?: BlockContent;
   blocks?: BlockDef[];
+  mobile?: Pick<BlockDef, 'content' | 'style'> & {
+    hidden?: boolean;
+  };
 }
 
 export interface ContentPageMeta {
@@ -92,3 +95,17 @@ export interface Benefit {
   description?: string;
   icon?: string;
 }
+
+export interface DaDataResult {
+  suggestions?: DaDataSuggestion<DaDataAddress>[];
+}
+
+export interface DaDataSuggestion<T> {
+  value?: string;
+  unrestricted_value?: string;
+  data?: T;
+}
+
+export interface DaDataAddress {
+  city?: string | null;
+}

package/src/utils/getCurrentPosition.ts

@@ -0,0 +1,4 @@
+export const getCurrentPosition = async () =>
+  new Promise<GeolocationCoordinates>((resolve) =>
+    navigator.geolocation.getCurrentPosition(({ coords }) => resolve(coords)),
+  );