@gravity-ui/blog-constructor 1.0.0-alpha.1

package/server/models/common.d.ts

@@ -0,0 +1,151 @@
+import { IDevice, IBrowser } from 'ua-parser-js';
+import { ReactNode } from 'react';
+import { HeaderBlockProps as PageConstructorHeaderBlockProps } from '@gravity-ui/page-constructor';
+import { Locale } from '../models/locale';
+export declare enum Theme {
+    Light = "light",
+    Dark = "dark"
+}
+export interface ClassNameProps {
+    className?: string;
+}
+export type Author = {
+    id: number;
+    avatar: string | null;
+    createdAt: string;
+    updatedAt: string;
+    firstName: string | null;
+    secondName: string | null;
+    description: string | null;
+    fullDescription: string | null;
+} & {
+    [x: string]: string | null;
+};
+export type Service = {
+    id: number;
+    slug: string;
+    name: string;
+} & {
+    [x: string]: string | null;
+};
+export type Query = Record<string, number | string | null>;
+export interface Menu {
+    title: string;
+}
+export interface WithDeviceProps {
+    device: IDevice;
+    browser: IBrowser;
+    isRobot: boolean;
+}
+export interface PostsProps {
+    posts: PostData[];
+    count: number;
+    totalCount: number;
+    pinnedPost?: PostData;
+}
+export type Tag = {
+    slug: string;
+    name: string;
+    createdAt?: string;
+    updatedAt?: string;
+    icon?: string;
+    isDeleted?: boolean;
+    locale?: string;
+    blogTagId?: number;
+    count?: number;
+};
+export interface PostData {
+    author?: string;
+    authors?: Author[];
+    blogPostId?: number;
+    content?: string;
+    date: string;
+    description?: string;
+    hasUserLike: boolean;
+    htmlTitle: string;
+    id: number;
+    image: string;
+    isPublished?: boolean;
+    sharedImage?: string;
+    likes: number;
+    locale: Locale;
+    metaDescription?: string | null;
+    metaTitle?: string | null;
+    readingTime?: number;
+    shareDescription?: string;
+    shareImage?: string;
+    shareTitle?: string;
+    slug: string;
+    keywords?: string[];
+    tags: Tag[];
+    textTitle: string;
+    title: string;
+    url: string;
+    noIndex?: boolean;
+}
+export declare enum BlockType {
+    Header = "blog-header-block",
+    YFM = "blog-yfm-block",
+    Layout = "blog-layout-block",
+    Media = "blog-media-block",
+    Banner = "blog-banner-block",
+    CTA = "blog-cta-block",
+    ColoredText = "blog-colored-text-block",
+    Author = "blog-author-block",
+    Suggest = "blog-suggest-block",
+    Meta = "blog-meta-block",
+    Feed = "blog-feed-block"
+}
+export type MetaProps = {
+    metaComponent: JSX.Element;
+    needHelmetWrapper: boolean;
+};
+export type MetaOrganizationType = {
+    url: string;
+    appTitle: string;
+    legalName: string;
+    supportEmail: string;
+};
+export interface PostMetaProps {
+    title: string;
+    date: string;
+    image: string;
+    canonicalUrl: string;
+    content?: string;
+    description?: string;
+    sharing: {
+        shareTitle: string;
+        shareDescription: string;
+        shareImage: string;
+        shareGenImage: string;
+        shareGenTitle: string;
+    };
+    keywords?: string[];
+    noIndex?: boolean;
+    authors?: Author[];
+    tags?: Tag[];
+    organization: MetaOrganizationType;
+}
+export type ToggleLikeCallbackType = ({ postId, hasLike, }: {
+    postId?: number;
+    hasLike?: boolean;
+}) => void;
+export interface HeaderBlockProps extends PageConstructorHeaderBlockProps {
+    backLink?: {
+        url: string;
+        title: ReactNode;
+    };
+}
+export type GetPostsRequest = {
+    tags: string | undefined;
+    page: number;
+    perPage: number;
+    savedOnly: boolean;
+    search: string | undefined;
+    services: string | undefined;
+};
+export type GetPostsType = (query: GetPostsRequest) => Promise<PostsProps>;
+export type HandleChangeQueryParams = (params: Query) => void;
+export type SetQueryType = (params: Query, options?: {
+    [y: string]: boolean;
+}) => Promise<void> | void;

package/server/models/common.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BlockType = exports.Theme = void 0;
+var Theme;
+(function (Theme) {
+    Theme["Light"] = "light";
+    Theme["Dark"] = "dark";
+})(Theme = exports.Theme || (exports.Theme = {}));
+var BlockType;
+(function (BlockType) {
+    BlockType["Header"] = "blog-header-block";
+    BlockType["YFM"] = "blog-yfm-block";
+    BlockType["Layout"] = "blog-layout-block";
+    BlockType["Media"] = "blog-media-block";
+    BlockType["Banner"] = "blog-banner-block";
+    BlockType["CTA"] = "blog-cta-block";
+    BlockType["ColoredText"] = "blog-colored-text-block";
+    BlockType["Author"] = "blog-author-block";
+    BlockType["Suggest"] = "blog-suggest-block";
+    BlockType["Meta"] = "blog-meta-block";
+    BlockType["Feed"] = "blog-feed-block";
+})(BlockType = exports.BlockType || (exports.BlockType = {}));

package/server/models/locale.d.ts

@@ -0,0 +1,29 @@
+export declare enum Lang {
+    Ru = "ru",
+    En = "en"
+}
+export declare enum Currency {
+    RUB = "RUB",
+    USD = "USD",
+    KZT = "KZT"
+}
+export interface LangData {
+    lang: Lang;
+    langName: string;
+    regions: Record<string, RegionData>;
+    pathPrefix: string;
+}
+export interface RegionData {
+    regionName: string;
+    tld: string;
+    currency: string;
+    order: number;
+    default: boolean;
+    local: boolean;
+}
+export interface LocaleData extends Pick<LangData, 'lang'>, Omit<RegionData, 'regionName'> {
+    code: string;
+    region: string;
+}
+export interface Locale extends Partial<Pick<LangData, 'langName'>>, Pick<LangData, 'lang'>, Partial<Pick<LangData, 'pathPrefix'>>, Partial<Pick<LocaleData, 'code'>> {
+}

package/server/models/locale.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Currency = exports.Lang = void 0;
+var Lang;
+(function (Lang) {
+    Lang["Ru"] = "ru";
+    Lang["En"] = "en";
+})(Lang = exports.Lang || (exports.Lang = {}));
+var Currency;
+(function (Currency) {
+    Currency["RUB"] = "RUB";
+    Currency["USD"] = "USD";
+    Currency["KZT"] = "KZT";
+})(Currency = exports.Currency || (exports.Currency = {}));

package/server/models/paddings.d.ts

@@ -0,0 +1,16 @@
+export declare enum PaddingsDirections {
+    top = "top",
+    bottom = "bottom",
+    left = "left",
+    right = "right"
+}
+export type PaddingSize = 'xs' | 's' | 'm' | 'l' | 'xl';
+export type Paddings = {
+    [key in PaddingsDirections]?: PaddingSize;
+};
+export type PaddingsYFMProps = {
+    paddingTop?: PaddingSize;
+    paddingBottom?: PaddingSize;
+    paddingRight?: PaddingSize;
+    paddingLeft?: PaddingSize;
+};

package/server/models/paddings.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaddingsDirections = void 0;
+var PaddingsDirections;
+(function (PaddingsDirections) {
+    PaddingsDirections["top"] = "top";
+    PaddingsDirections["bottom"] = "bottom";
+    PaddingsDirections["left"] = "left";
+    PaddingsDirections["right"] = "right";
+})(PaddingsDirections = exports.PaddingsDirections || (exports.PaddingsDirections = {}));

package/styles/fonts.css

@@ -0,0 +1,195 @@
+@font-face {
+  font-family: "YS Display";
+  src: url("https://yastatic.net/s3/home/fonts/ys/1/display-thin.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/display-thin.woff") format("woff");
+  font-weight: 100;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "YS Display";
+  src: url("https://yastatic.net/s3/home/fonts/ys/1/display-light.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/display-light.woff") format("woff");
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "YS Display";
+  src: url("https://yastatic.net/s3/home/fonts/ys/1/display-regular.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/display-regular.woff") format("woff");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "YS Display";
+  src: url("https://yastatic.net/s3/home/fonts/ys/1/display-medium.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/display-medium.woff") format("woff");
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "YS Display";
+  src: url("https://yastatic.net/s3/home/fonts/ys/1/display-bold.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/display-bold.woff") format("woff");
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "YS Display";
+  src: url("https://yastatic.net/s3/home/fonts/ys/1/display-heavy.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/display-heavy.woff") format("woff");
+  font-weight: 900;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "YS Text";
+  src: url("https://yastatic.net/s3/home/fonts/ys/1/text-light.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/text-light.woff") format("woff");
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "YS Text";
+  src: url("https://yastatic.net/s3/home/fonts/ys/1/text-light-italic.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/text-light-italic.woff") format("woff");
+  font-weight: 300;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: "YS Text";
+  src: url("https://yastatic.net/s3/home/fonts/ys/1/text-regular.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/text-regular.woff") format("woff");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "YS Text";
+  src: url("https://yastatic.net/s3/home/fonts/ys/1/text-regular-italic.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/text-regular-italic.woff") format("woff");
+  font-weight: 400;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: "YS Text";
+  src: url("https://yastatic.net/s3/home/fonts/ys/1/text-medium.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/text-medium.woff") format("woff");
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "YS Text";
+  src: url("https://yastatic.net/s3/home/fonts/ys/1/text-medium-italic.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/text-medium-italic.woff") format("woff");
+  font-weight: 500;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: "YS Text";
+  src: url("https://yastatic.net/s3/home/fonts/ys/1/text-bold.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/text-bold.woff") format("woff");
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "YS Text";
+  src: url("https://yastatic.net/s3/home/fonts/ys/1/text-bold-italic.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/text-bold-italic.woff") format("woff");
+  font-weight: 700;
+  font-style: italic;
+  font-display: swap;
+}
+.YSDisplay-Thin {
+  font-family: "YS Display", sans-serif;
+  font-weight: 100;
+  font-style: normal;
+  font-stretch: normal;
+}
+
+.YSDisplay-Light {
+  font-family: "YS Display", sans-serif;
+  font-weight: 300;
+  font-style: normal;
+  font-stretch: normal;
+}
+
+.YSDisplay-Regular {
+  font-family: "YS Display", sans-serif;
+  font-weight: 400;
+  font-style: normal;
+  font-stretch: normal;
+}
+
+.YSDisplay-Medium {
+  font-family: "YS Display", sans-serif;
+  font-weight: 500;
+  font-style: normal;
+  font-stretch: normal;
+}
+
+.YSDisplay-Bold {
+  font-family: "YS Display", sans-serif;
+  font-weight: 700;
+  font-style: normal;
+  font-stretch: normal;
+}
+
+.YSDisplay-Heavy {
+  font-family: "YS Display", sans-serif;
+  font-weight: 900;
+  font-style: normal;
+  font-stretch: normal;
+}
+
+.YSText-Light {
+  font-family: "YS Text", sans-serif;
+  font-weight: 300;
+  font-style: normal;
+  font-stretch: normal;
+}
+
+.YSText-LightItalic {
+  font-family: "YS Text", sans-serif;
+  font-weight: 300;
+  font-style: italic;
+  font-stretch: normal;
+}
+
+.YSText-Regular {
+  font-family: "YS Text", sans-serif;
+  font-weight: 400;
+  font-style: normal;
+  font-stretch: normal;
+}
+
+.YSText-RegularItalic {
+  font-family: "YS Text", sans-serif;
+  font-weight: 400;
+  font-style: italic;
+  font-stretch: normal;
+}
+
+.YSText-Medium {
+  font-family: "YS Text", sans-serif;
+  font-weight: 500;
+  font-style: normal;
+  font-stretch: normal;
+}
+
+.YSText-MediumItalic {
+  font-family: "YS Text", sans-serif;
+  font-weight: 500;
+  font-style: italic;
+  font-stretch: normal;
+}
+
+.YSText-Bold {
+  font-family: "YS Text", sans-serif;
+  font-weight: 700;
+  font-style: normal;
+  font-stretch: normal;
+}
+
+.YSText-BoldItalic {
+  font-family: "YS Text", sans-serif;
+  font-weight: 700;
+  font-style: italic;
+  font-stretch: normal;
+}

package/styles/fonts.scss

@@ -0,0 +1,223 @@
+@font-face {
+    font-family: 'YS Display';
+    src: url('https://yastatic.net/s3/home/fonts/ys/1/display-thin.woff2') format('woff2'),
+        url('https://yastatic.net/s3/home/fonts/ys/1/display-thin.woff') format('woff');
+    font-weight: 100;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'YS Display';
+    src: url('https://yastatic.net/s3/home/fonts/ys/1/display-light.woff2') format('woff2'),
+        url('https://yastatic.net/s3/home/fonts/ys/1/display-light.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'YS Display';
+    src: url('https://yastatic.net/s3/home/fonts/ys/1/display-regular.woff2') format('woff2'),
+        url('https://yastatic.net/s3/home/fonts/ys/1/display-regular.woff') format('woff');
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'YS Display';
+    src: url('https://yastatic.net/s3/home/fonts/ys/1/display-medium.woff2') format('woff2'),
+        url('https://yastatic.net/s3/home/fonts/ys/1/display-medium.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'YS Display';
+    src: url('https://yastatic.net/s3/home/fonts/ys/1/display-bold.woff2') format('woff2'),
+        url('https://yastatic.net/s3/home/fonts/ys/1/display-bold.woff') format('woff');
+    font-weight: 700;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'YS Display';
+    src: url('https://yastatic.net/s3/home/fonts/ys/1/display-heavy.woff2') format('woff2'),
+        url('https://yastatic.net/s3/home/fonts/ys/1/display-heavy.woff') format('woff');
+    font-weight: 900;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'YS Text';
+    src: url('https://yastatic.net/s3/home/fonts/ys/1/text-light.woff2') format('woff2'),
+        url('https://yastatic.net/s3/home/fonts/ys/1/text-light.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'YS Text';
+    src: url('https://yastatic.net/s3/home/fonts/ys/1/text-light-italic.woff2') format('woff2'),
+        url('https://yastatic.net/s3/home/fonts/ys/1/text-light-italic.woff') format('woff');
+    font-weight: 300;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'YS Text';
+    src: url('https://yastatic.net/s3/home/fonts/ys/1/text-regular.woff2') format('woff2'),
+        url('https://yastatic.net/s3/home/fonts/ys/1/text-regular.woff') format('woff');
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'YS Text';
+    src: url('https://yastatic.net/s3/home/fonts/ys/1/text-regular-italic.woff2') format('woff2'),
+        url('https://yastatic.net/s3/home/fonts/ys/1/text-regular-italic.woff') format('woff');
+    font-weight: 400;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'YS Text';
+    src: url('https://yastatic.net/s3/home/fonts/ys/1/text-medium.woff2') format('woff2'),
+        url('https://yastatic.net/s3/home/fonts/ys/1/text-medium.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'YS Text';
+    src: url('https://yastatic.net/s3/home/fonts/ys/1/text-medium-italic.woff2') format('woff2'),
+        url('https://yastatic.net/s3/home/fonts/ys/1/text-medium-italic.woff') format('woff');
+    font-weight: 500;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'YS Text';
+    src: url('https://yastatic.net/s3/home/fonts/ys/1/text-bold.woff2') format('woff2'),
+        url('https://yastatic.net/s3/home/fonts/ys/1/text-bold.woff') format('woff');
+    font-weight: 700;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'YS Text';
+    src: url('https://yastatic.net/s3/home/fonts/ys/1/text-bold-italic.woff2') format('woff2'),
+        url('https://yastatic.net/s3/home/fonts/ys/1/text-bold-italic.woff') format('woff');
+    font-weight: 700;
+    font-style: italic;
+    font-display: swap;
+}
+
+.YSDisplay-Thin {
+    font-family: 'YS Display', sans-serif;
+    font-weight: 100;
+    font-style: normal;
+    font-stretch: normal;
+}
+
+.YSDisplay-Light {
+    font-family: 'YS Display', sans-serif;
+    font-weight: 300;
+    font-style: normal;
+    font-stretch: normal;
+}
+
+.YSDisplay-Regular {
+    font-family: 'YS Display', sans-serif;
+    font-weight: 400;
+    font-style: normal;
+    font-stretch: normal;
+}
+
+.YSDisplay-Medium {
+    font-family: 'YS Display', sans-serif;
+    font-weight: 500;
+    font-style: normal;
+    font-stretch: normal;
+}
+
+.YSDisplay-Bold {
+    font-family: 'YS Display', sans-serif;
+    font-weight: 700;
+    font-style: normal;
+    font-stretch: normal;
+}
+
+.YSDisplay-Heavy {
+    font-family: 'YS Display', sans-serif;
+    font-weight: 900;
+    font-style: normal;
+    font-stretch: normal;
+}
+
+.YSText-Light {
+    font-family: 'YS Text', sans-serif;
+    font-weight: 300;
+    font-style: normal;
+    font-stretch: normal;
+}
+
+.YSText-LightItalic {
+    font-family: 'YS Text', sans-serif;
+    font-weight: 300;
+    font-style: italic;
+    font-stretch: normal;
+}
+
+.YSText-Regular {
+    font-family: 'YS Text', sans-serif;
+    font-weight: 400;
+    font-style: normal;
+    font-stretch: normal;
+}
+
+.YSText-RegularItalic {
+    font-family: 'YS Text', sans-serif;
+    font-weight: 400;
+    font-style: italic;
+    font-stretch: normal;
+}
+
+.YSText-Medium {
+    font-family: 'YS Text', sans-serif;
+    font-weight: 500;
+    font-style: normal;
+    font-stretch: normal;
+}
+
+.YSText-MediumItalic {
+    font-family: 'YS Text', sans-serif;
+    font-weight: 500;
+    font-style: italic;
+    font-stretch: normal;
+}
+
+.YSText-Bold {
+    font-family: 'YS Text', sans-serif;
+    font-weight: 700;
+    font-style: normal;
+    font-stretch: normal;
+}
+
+.YSText-BoldItalic {
+    font-family: 'YS Text', sans-serif;
+    font-weight: 700;
+    font-style: italic;
+    font-stretch: normal;
+}

package/styles/mixins.css

@@ -0,0 +1,2 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */