@inappstory/react-sdk 0.0.2 → 0.0.4

package/dist/types/appearance-manager/storyReader.ts

@@ -1,84 +1,84 @@
-import { CloseButtonPosition } from "./appearanceCommon";
-import { GameReaderOptions } from "./gameReader";
-/// <reference path="../global.d.ts" />
-
-export type StoryReaderSwipeStyle =  "flat" | "cover" | "cube"
-
-export type SharePanelTargets = "vk" | "ok" | "facebook" | "twitter" | "linkedin" | "telegram" 
-
-export type StoryReaderOptions = {
-    gameReaderOptions: GameReaderOptions,
-    closeButtonPosition?: CloseButtonPosition,
-    scrollStyle: StoryReaderSwipeStyle,
-    timelineBlockTopOffset: Nullable<number>,
-    actionPanelBottomOffset: Nullable<number>,
-    borderRadius: Optional<number>
-    loader?: {
-        default: {
-            color: Optional<string>,
-            accentColor: Optional<string>,
-        },
-        custom: Optional<string>
-    },
-    recycleStoriesList?: boolean,
-    closeOnLastSlideByTimer?: boolean,
-    sharePanel: {
-        targets: Array<SharePanelTargets>
-        copyButton?: {
-            svgSrc: {
-                baseState: string,
-            }
-        },
-        downloadButton?: {
-            svgSrc: {
-                baseState: string,
-            }
-        }
-    },
-    commonBackdrop?: {
-        color: Option<string>, // colorValue
-        backdropFilter: Option<string> // null or blur(3px)
-    },
-    slideBackdrop?: {
-        opacity: number, // .56
-        blur: number, // 30
-        linearGradientOverlay: Array<string> // ["rgba(0, 0, 0, 0.1) 0%", "rgba(0, 0, 0, 0.9) 100%"]
-    },
-    faviconApiUrl: string,
-    closeButton?: {
-        svgSrc: {
-            baseState: string
-        }
-    },
-    likeButton: {
-        svgSrc: {
-            baseState: string,
-            activeState: string,
-        }
-    },
-    dislikeButton: {
-        svgSrc: {
-            baseState: string,
-            activeState: string,
-        }
-    },
-    favoriteButton: {
-        svgSrc: {
-            baseState: string,
-            activeState: string,
-        }
-    },
-    muteButton: {
-        svgSrc: {
-            baseState: string,
-            activeState: string,
-        }
-    },
-    shareButton: {
-        svgSrc: {
-            baseState: string,
-        }
-    }
-
-
+import { CloseButtonPosition } from "./appearanceCommon";
+import { GameReaderOptions } from "./gameReader";
+/// <reference path="../global.d.ts" />
+
+export type StoryReaderSwipeStyle =  "flat" | "cover" | "cube"
+
+export type SharePanelTargets = "vk" | "ok" | "facebook" | "twitter" | "linkedin" | "telegram" 
+
+export type StoryReaderOptions = {
+    gameReaderOptions: GameReaderOptions,
+    closeButtonPosition?: CloseButtonPosition,
+    scrollStyle: StoryReaderSwipeStyle,
+    timelineBlockTopOffset: Nullable<number>,
+    actionPanelBottomOffset: Nullable<number>,
+    borderRadius: Optional<number>
+    loader?: {
+        default: {
+            color: Optional<string>,
+            accentColor: Optional<string>,
+        },
+        custom: Optional<string>
+    },
+    recycleStoriesList?: boolean,
+    closeOnLastSlideByTimer?: boolean,
+    sharePanel: {
+        targets: Array<SharePanelTargets>
+        copyButton?: {
+            svgSrc: {
+                baseState: string,
+            }
+        },
+        downloadButton?: {
+            svgSrc: {
+                baseState: string,
+            }
+        }
+    },
+    commonBackdrop?: {
+        color: Option<string>, // colorValue
+        backdropFilter: Option<string> // null or blur(3px)
+    },
+    slideBackdrop?: {
+        opacity: number, // .56
+        blur: number, // 30
+        linearGradientOverlay: Array<string> // ["rgba(0, 0, 0, 0.1) 0%", "rgba(0, 0, 0, 0.9) 100%"]
+    },
+    faviconApiUrl: string,
+    closeButton?: {
+        svgSrc: {
+            baseState: string
+        }
+    },
+    likeButton: {
+        svgSrc: {
+            baseState: string,
+            activeState: string,
+        }
+    },
+    dislikeButton: {
+        svgSrc: {
+            baseState: string,
+            activeState: string,
+        }
+    },
+    favoriteButton: {
+        svgSrc: {
+            baseState: string,
+            activeState: string,
+        }
+    },
+    muteButton: {
+        svgSrc: {
+            baseState: string,
+            activeState: string,
+        }
+    },
+    shareButton: {
+        svgSrc: {
+            baseState: string,
+        }
+    }
+
+
 };

package/dist/types/appearance-manager/utils.d.ts

@@ -1,7 +1,7 @@
-type Nullable<T> = T | null;
-type Optional<T> = T | null;
-type Option<T> = T | null;
-
-type Dict<K extends string | number | symbol = string, T = any> = Record<K, T>
-
-type Brand<T, B extends string> = T & { readonly __brand: B }
+type Nullable<T> = T | null;
+type Optional<T> = T | null;
+type Option<T> = T | null;
+
+type Dict<K extends string | number | symbol = string, T = any> = Record<K, T>
+
+type Brand<T, B extends string> = T & { readonly __brand: B }

package/dist/types/index.d.ts

@@ -1,7 +1,7 @@
-export * from "./appearance-manager";
-export { StoryManager } from "./story-manager/StoryManager";
-export { StoryListMain as StoryList } from "./story-list/StoryList";
-export { UGCStoryListMain as UGCStoryList } from "./story-list/UGCStoryList";
-export { StoryListViewModel } from "./story-list/storyListViewModel";
-export { StoryListLoadStatus } from "./story-list/storyListLoadStatus";
+export * from "./appearance-manager";
+export { StoryManager } from "./story-manager/StoryManager";
+export { StoryListMain as StoryList } from "./story-list/StoryList";
+export { UGCStoryListMain as UGCStoryList } from "./story-list/UGCStoryList";
+export { StoryListViewModel } from "./story-list/storyListViewModel";
+export { StoryListLoadStatus } from "./story-list/storyListLoadStatus";
 export { StoryManagerConfig } from "./story-manager/StoryManager.h";

package/dist/types/story-list/StoryList.d.ts

@@ -1,16 +1,20 @@
-import { AppearanceManager, StoryManager } from "..";
-import { StoryListLoadStatus } from "./storyListLoadStatus";
-import { StoryListViewModel } from "./storyListViewModel.d";
-
-interface StoryListProps {
-    storyManager: StoryManager;
-    appearanceManager: AppearanceManager;
-    feedSlug: string;
-    testKey?: string;
-    ugcCardClickHandler?: () => void;
-    useUgcCard?: boolean;
-    onLoadStart?: () => void;
-    onLoadEnd?: (storyListLoadStatus: StoryListLoadStatus) => void;
-    viewModelExporter?: (storyListViewModel: StoryListViewModel) => void;
-}
+import { AppearanceManager, StoryManager } from "..";
+import { NavigationViewModel } from "./navigationViewModel";
+import { StoryCardViewModel } from "./storyCardViewModel";
+import { StoryListLoadStatus } from "./storyListLoadStatus";
+import { StoryListViewModel } from "./storyListViewModel.d";
+
+interface StoryListProps {
+    storyManager: StoryManager;
+    appearanceManager: AppearanceManager;
+    feedSlug: string;
+    testKey?: string;
+    ugcCardClickHandler?: () => void;
+    useUgcCard?: boolean;
+    onLoadStart?: () => void;
+    onLoadEnd?: (storyListLoadStatus: StoryListLoadStatus) => void;
+    viewModelExporter?: (storyListViewModel: StoryListViewModel) => void;
+    storyCardView?: (storyCard: StoryCardViewModel) => JSX.Element
+    navigationView?: (navigation: NavigationViewModel) => JSX.Element
+}
 export declare const StoryListMain: ({ storyManager, appearanceManager, feedSlug, useUgcCard, ugcCardClickHandler, viewModelExporter, onLoadStart, onLoadEnd }: StoryListProps) => JSX.Element;

package/dist/types/story-list/UGCStoryList.d.ts

@@ -1,4 +1,6 @@
 import { AppearanceManager, StoryManager } from "..";
+import { NavigationViewModel } from "./navigationViewModel";
+import { StoryCardViewModel } from "./storyCardViewModel";
 import { StoryListLoadStatus } from "./storyListLoadStatus";
 import { StoryListViewModel } from "./storyListViewModel.d";
 
@@ -12,5 +14,7 @@ interface UGCStoryListProps {
     onLoadStart?: () => void;
     onLoadEnd?: (storyListLoadStatus: StoryListLoadStatus) => void;
     viewModelExporter?: (storyListViewModel: StoryListViewModel) => void;
+    storyCardView?: (storyCard: StoryCardViewModel) => JSX.Element
+    navigationView?: (navigation: NavigationViewModel) => JSX.Element
 }
 export declare const UGCStoryListMain: ({ storyManager, appearanceManager, useUgcCard, filter, ugcCardClickHandler, viewModelExporter, onLoadStart, onLoadEnd }: UGCStoryListProps) => JSX.Element;

package/dist/types/story-list/navigationViewModel.d.ts

@@ -0,0 +1,14 @@
+import { ViewModel } from "./viewModel";
+
+export declare class NavigationViewModel extends ViewModel {
+    defaultStyles: Record<string, string>;
+    reachStart: boolean;
+    reachEnd: boolean;
+    onPrev(): void;
+    onNext(): void;
+    slider: {
+        currentPosition: number;
+        direction: "horizontal" | "vertical";
+        viewport: DOMRect;
+    };
+}

package/dist/types/story-list/storyCardViewModel.d.ts

@@ -0,0 +1,34 @@
+import { StoriesListCardOptions } from "../appearance-manager";
+import { ViewModel } from "./viewModel";
+
+export declare class StoryCardViewModel extends ViewModel {
+    id: number;
+    title: string;
+    titleColor: string;
+    magazineName: string;
+    backgroundColor: string;
+    background: {
+        color: string;
+        gradient: boolean;
+    };
+    favorite: boolean;
+    like: number;
+    deeplink: string | null;
+    hideInReader: boolean | null;
+    gameInstance?: { id?: string };
+    hasAudio: Nullable<boolean>;
+    favoriteCell: boolean;
+    ugcCardCell: boolean;
+    isOpened: boolean;
+    videoCoverSrc: Nullable<string>;
+
+    get options(): StoriesListCardOptions;
+    get isTitleCardInner(): boolean;
+    get isTitleCardOutsideTop(): boolean;
+    get isTitleCardOutsideBottom(): boolean;
+    get aspectRatio(): number;
+
+    getFavoriteImage(): { src?: string; color: string };
+    getImageSrc(): string | undefined;
+    onClick(): void;
+}

package/dist/types/story-list/storyListLoadStatus.ts

@@ -1,12 +1,12 @@
-export interface StoryListLoadStatus {
-    feed: string | number,
-    filter: Record<string, any> | null,
-    defaultListLength: number,
-    favoriteListLength: number,
-    success: boolean,
-    error: {
-        name: string,
-        networkStatus: number,
-        networkMessage: string
-    } | null
+export interface StoryListLoadStatus {
+    feed: string | number,
+    filter: Record<string, any> | null,
+    defaultListLength: number,
+    favoriteListLength: number,
+    success: boolean,
+    error: {
+        name: string,
+        networkStatus: number,
+        networkMessage: string
+    } | null
 }

package/dist/types/story-list/storyListViewModel.d.ts

@@ -1,27 +1,27 @@
-import { StoriesListOptions } from "../appearance-manager/storiesList";
-import { ViewModel } from "./viewModel";
-
-export declare class StoryListViewModel extends ViewModel {
-    stories: any[];
-    get isLoading(): boolean;
-    set modeDesktop(value: boolean);
-    get modeDesktop(): boolean;
-    set session(session: any | null);
-    get session(): any | null;
-    favoriteStoryImages: {
-        src: string | undefined;
-        color: string;
-    }[];
-    constructor();
-    get cardOptions(): any;
-    get options(): StoriesListOptions;
-    get isTitleCardInner(): boolean;
-    get isTitleCardOutsideTop(): boolean;
-    get isTitleCardOutsideBottom(): boolean;
-    get cardAspectRatio(): number;
-    onStoryClick(story: any, index: number): void;
-    destroy(): void;
-    getImageSrcByStory(story: any): string | undefined;
-    setOptions(options: StoriesListOptions): void;
-    reload(): void;
-}
+import { StoriesListOptions } from "../appearance-manager/storiesList";
+import { ViewModel } from "./viewModel";
+
+export declare class StoryListViewModel extends ViewModel {
+    stories: any[];
+    get isLoading(): boolean;
+    set modeDesktop(value: boolean);
+    get modeDesktop(): boolean;
+    set session(session: any | null);
+    get session(): any | null;
+    favoriteStoryImages: {
+        src: string | undefined;
+        color: string;
+    }[];
+    constructor();
+    get cardOptions(): any;
+    get options(): StoriesListOptions;
+    get isTitleCardInner(): boolean;
+    get isTitleCardOutsideTop(): boolean;
+    get isTitleCardOutsideBottom(): boolean;
+    get cardAspectRatio(): number;
+    onStoryClick(story: any, index: number): void;
+    destroy(): void;
+    getImageSrcByStory(story: any): string | undefined;
+    setOptions(options: StoriesListOptions): void;
+    reload(): void;
+}

package/dist/types/story-list/viewModel.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="node" />
-import { EventEmitter } from 'events';
-export declare abstract class ViewModel extends EventEmitter {
-    destroy(): void;
-}
+/// <reference types="node" />
+import { EventEmitter } from 'events';
+export declare abstract class ViewModel extends EventEmitter {
+    destroy(): void;
+}

package/dist/types/story-manager/StoryManager.d.ts

@@ -1,45 +1,45 @@
-/// <reference types="node" />
-import { EventEmitter } from "events";
-import { AppearanceManager, StoryListViewModel, StoryManagerConfig } from "..";
-
-export type IdentityFields = {
-    feedSlug: string;
-    filter?: Record<string, any>;
-};
-
-export declare class StoryManager extends EventEmitter {
-    static instance: StoryManager;
-    constructor(storyManagerConfig: StoryManagerConfig);
-    destroy(): void;
-    set storyLinkClickHandler(callback: Function);
-    set openGoodsWidgetHandler(callback: (skuList: Array<Dict>) => Promise<Array<Dict>>);
-    get openGoodsWidgetHandler(): (skuList: Array<Dict>) => Promise<Array<Dict>>;
-    static getInstance(): StoryManager | null;
-    createStoryListViewModel({ appearanceManager, ...params }: {
-        identityFields: IdentityFields;
-        appearanceManager: AppearanceManager;
-        useUgcCard: boolean;
-        ugcCardClickHandler?: () => void;
-    }): StoryListViewModel;
-    setTags(tags: Array<string>): void;
-    setUserId(userId: string | number): void;
-    setLang(lang: "ru" | "en"): void;
-    setPlaceholders(placeholders: Dict<string, string>): void;
-    setImagePlaceholders(imagePlaceholders: Dict<string, string>): void;
-    showOnboardingStories(appearanceManager: AppearanceManager, options?: {
-        feed?: Option<string>;
-        customTags?: Array<string>;
-        limit?: Option<number>;
-    }): Promise<boolean>;
-    showStory(id: number | string, appearanceManager: AppearanceManager, ref?: string): Promise<boolean>;
-    openGame(gameInstanceId: string, appearanceManager: AppearanceManager, gameOptions?: { demoMode?: boolean }): Promise<void>;
-    closeGame(): Promise<boolean>;
-    closeStoryReader(): Promise<false | undefined>;
-    closeGoodsWidget(): void;
-    onBeforeStoryReaderOpen: Option<() => void>;
-    onBeforeFavoriteReaderOpen: Option<() => void>;
-    onStoryReaderClosed: Option<() => void>;
-    onFavoriteReaderClosed: Option<() => void>;
-    get sdkVersionName(): string;
-    get sdkVersionCode(): number;
-}
+/// <reference types="node" />
+import { EventEmitter } from "events";
+import { AppearanceManager, StoryListViewModel, StoryManagerConfig } from "..";
+
+export type IdentityFields = {
+    feedSlug: string;
+    filter?: Record<string, any>;
+};
+
+export declare class StoryManager extends EventEmitter {
+    static instance: StoryManager;
+    constructor(storyManagerConfig: StoryManagerConfig);
+    destroy(): void;
+    set storyLinkClickHandler(callback: Function);
+    set openGoodsWidgetHandler(callback: (skuList: Array<Dict>) => Promise<Array<Dict>>);
+    get openGoodsWidgetHandler(): (skuList: Array<Dict>) => Promise<Array<Dict>>;
+    static getInstance(): StoryManager | null;
+    createStoryListViewModel({ appearanceManager, ...params }: {
+        identityFields: IdentityFields;
+        appearanceManager: AppearanceManager;
+        useUgcCard: boolean;
+        ugcCardClickHandler?: () => void;
+    }): StoryListViewModel;
+    setTags(tags: Array<string>): void;
+    setUserId(userId: string | number): void;
+    setLang(lang: "ru" | "en"): void;
+    setPlaceholders(placeholders: Dict<string, string>): void;
+    setImagePlaceholders(imagePlaceholders: Dict<string, string>): void;
+    showOnboardingStories(appearanceManager: AppearanceManager, options?: {
+        feed?: Option<string>;
+        customTags?: Array<string>;
+        limit?: Option<number>;
+    }): Promise<boolean>;
+    showStory(id: number | string, appearanceManager: AppearanceManager, ref?: string): Promise<boolean>;
+    openGame(gameInstanceId: string, appearanceManager: AppearanceManager, gameOptions?: { demoMode?: boolean }): Promise<void>;
+    closeGame(): Promise<boolean>;
+    closeStoryReader(): Promise<false | undefined>;
+    closeGoodsWidget(): void;
+    onBeforeStoryReaderOpen: Option<() => void>;
+    onBeforeFavoriteReaderOpen: Option<() => void>;
+    onStoryReaderClosed: Option<() => void>;
+    onFavoriteReaderClosed: Option<() => void>;
+    get sdkVersionName(): string;
+    get sdkVersionCode(): number;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@inappstory/react-sdk",
-    "version": "0.0.2",
+    "version": "0.0.4",
     "description": "React SDK",
     "main": "dist/index.js",
     "types": "dist/types/index.d.ts",
@@ -32,7 +32,6 @@
         "@emotion/styled": "^11.11.0",
         "bowser": "^2.4.0",
         "classnames": "^2.5.1",
-        "css-font-parser": "^2.0.0",
         "effector": "^22.1.2",
         "lodash": "^4.17.21",
         "parse-css-sides": "^3.0.1",
@@ -43,15 +42,7 @@
         "react-dom": ">=17.0.2"
     },
     "devDependencies": {},
-    "scripts": {
-        "build": "set NODE_OPTIONS=--openssl-legacy-provider && webpack -c config/webpack/prod.js",
-        "build:types": "tsc --project ./tsconfig.build.json && tsc-alias --debug -p ./tsconfig.build.json",
-        "analyze": "webpack --analyze -c config/webpack/analyze.js",
-        "test": "echo \"Error: no test specified\" && exit 1",
-        "prettier": "prettier src --write",
-        "prettier:check": "prettier src --check",
-        "postbuild": "cp -r ./src/types-new ./dist/types"
-    },
+    "scripts": {},
     "browserslist": [
         "Android >= 5",
         "IOS >= 11",
@@ -60,4 +51,4 @@
         "Firefox >= 31",
         "Samsung >= 5"
     ]
-}
+}