@magmamath/students-features 0.6.7-rc.1 → 0.6.7-rc.2

package/src/features/gifCelebrations/model/GifCelebrations.model.ts

@@ -1,192 +0,0 @@
-import { createEffect, createEvent, createStore, sample, Store } from 'effector'
-import { GifCelebrationsApi } from './GifCelebrationsApi'
-import {
-  CustomLocalStorage,
-  GifCelebrationsModelProps,
-  GifObject,
-  GifsStructure,
-  ProblemsGifsTable,
-} from '../types/model.types'
-import { GifCelebrationsCache } from './GifCelebrations.cache'
-import { generateProblemsGifsTable, shouldRefreshGifs } from '../helpers'
-import { GET_GIFS_TIMEOUT, MIN_PROBLEMS_TO_SHOW_GIF, GIFS_FETCHED_KEY } from '../constants'
-
-type HandleGifSelectionProps = {
-  gifsGroups: GifsStructure
-  resolvedProblemsAmount: number
-  problemsGifsTable: ProblemsGifsTable
-}
-
-export class GifCelebrationsModel {
-  public readonly api: GifCelebrationsApi
-  public readonly cache: GifCelebrationsCache
-
-  public readonly $problemsAmount: Store<number>
-  public readonly $resolvedProblemsAmount: Store<number>
-
-  public readonly play = createEvent()
-  public readonly stop = createEvent()
-
-  public readonly resetGifTriggerable = createEvent()
-  public readonly setGifTriggerable = createEvent<boolean>()
-  public readonly $isGifTriggerable = createStore<boolean>(false)
-    .reset(this.resetGifTriggerable)
-    .reset(this.stop)
-    .on(
-      this.setGifTriggerable,
-      (_, isGifCelebrationMayBeTriggered) => isGifCelebrationMayBeTriggered,
-    )
-
-  public readonly resetProblemsGifsTable = createEvent()
-  public readonly $problemsGifsTable = createStore<ProblemsGifsTable | null>(null).reset(
-    this.resetProblemsGifsTable,
-  )
-
-  public readonly setActiveGif = createEvent<GifObject>()
-  public readonly $activeGif = createStore<GifObject | null>(null)
-    .reset(this.stop)
-    .reset(this.resetGifTriggerable)
-    .on(this.setActiveGif, (_, gif) => gif)
-
-  private readonly localStorage: typeof localStorage | CustomLocalStorage
-
-  public readonly initialize = createEvent()
-
-  constructor({
-    api,
-    problemsAmount,
-    resolvedProblemsAmount,
-    customLocalStorage,
-    customGetCachePathMethod,
-    customPrefetchMethod,
-  }: GifCelebrationsModelProps) {
-    this.api = new GifCelebrationsApi(api)
-    this.cache = new GifCelebrationsCache({ customGetCachePathMethod, customPrefetchMethod })
-
-    this.$problemsAmount = problemsAmount
-    this.$resolvedProblemsAmount = resolvedProblemsAmount
-
-    this.localStorage = customLocalStorage || localStorage
-    this.setupEventHandlers()
-  }
-
-  private failedGetGifxTimeout: NodeJS.Timeout | null = null
-
-  private setupEventHandlers() {
-    sample({
-      clock: this.initialize,
-      source: this.cache.$gifs,
-      filter: (gifs) => {
-        if (!gifs) return true
-
-        const gifsFetchedTimestamp = this.localStorage.getItem(GIFS_FETCHED_KEY)
-        return shouldRefreshGifs(gifsFetchedTimestamp)
-      },
-      target: this.api.getGifsFx,
-    })
-
-    sample({
-      source: this.api.getGifsFx.doneData,
-      filter: (response) => response.ok,
-      fn: (response) => response.data,
-      target: this.cache.initialSet,
-    })
-
-    sample({
-      source: this.api.getGifsFx.doneData,
-      filter: (response) => response.ok,
-      target: createEffect(() => {
-        this.localStorage.setItem(GIFS_FETCHED_KEY, new Date().toISOString())
-      }),
-    })
-
-    sample({
-      clock: [this.initialize, this.api.getGifsFx.doneData],
-      source: {
-        gifs: this.cache.$gifs,
-        problemsAmount: this.$problemsAmount,
-        resolvedProblemsAmount: this.$resolvedProblemsAmount,
-      },
-      filter: ({ problemsAmount, gifs }) => !!(problemsAmount >= MIN_PROBLEMS_TO_SHOW_GIF && gifs),
-      fn: ({ problemsAmount, resolvedProblemsAmount, gifs }) => {
-        if (!gifs) return null
-        return generateProblemsGifsTable(problemsAmount, resolvedProblemsAmount, gifs)
-      },
-      target: this.$problemsGifsTable,
-    })
-
-    sample({
-      source: this.$problemsGifsTable,
-      filter: (problemsGifsTable) => !!problemsGifsTable,
-      fn: (problemsGifsTable) => {
-        if (!problemsGifsTable) return []
-        return Object.values(problemsGifsTable).map((gif) => gif.url)
-      },
-      target: this.cache.prefetchGifs,
-    })
-
-    sample({
-      clock: this.play,
-      source: {
-        isGifCelebrationMayBeTriggered: this.$isGifTriggerable,
-        gifsGroups: this.cache.$gifs,
-        resolvedProblemsAmount: this.$resolvedProblemsAmount,
-        problemsGifsTable: this.$problemsGifsTable,
-      },
-      filter: ({
-        isGifCelebrationMayBeTriggered,
-        gifsGroups,
-        resolvedProblemsAmount,
-        problemsGifsTable,
-      }) =>
-        !!(
-          isGifCelebrationMayBeTriggered &&
-          gifsGroups &&
-          resolvedProblemsAmount !== undefined &&
-          problemsGifsTable
-        ),
-      fn: (sources) => sources as HandleGifSelectionProps,
-      target: this.updateGifShownStatus,
-    })
-
-    this.api.getGifsFx.fail.watch(() => {
-      this.failedGetGifxTimeout = setTimeout(() => {
-        this.api.getGifsFx()
-      }, GET_GIFS_TIMEOUT)
-    })
-
-    this.api.getGifsFx.done.watch(() => {
-      if (this.failedGetGifxTimeout) {
-        clearTimeout(this.failedGetGifxTimeout)
-        this.failedGetGifxTimeout = null
-      }
-    })
-  }
-
-  private readonly updateGifShownStatus = createEffect(
-    ({ gifsGroups, resolvedProblemsAmount, problemsGifsTable }: HandleGifSelectionProps) => {
-      const gifToShow = problemsGifsTable[resolvedProblemsAmount]
-      const groupName = gifToShow.group
-
-      const gifsInGroup = gifsGroups[groupName]
-      const selectedGifIndex = gifsInGroup?.findIndex((gif) => gif.url === gifToShow.url)
-
-      if (!gifsInGroup || selectedGifIndex === -1) {
-        console.warn(`Gif with URL ${gifToShow.url} not found in group ${groupName}`)
-        return
-      }
-
-      const updatedGifsInGroup = gifsInGroup.map((gif, index) => ({
-        ...gif,
-        isShown: index === selectedGifIndex ? true : gif.isShown,
-      }))
-
-      this.cache.set({
-        ...gifsGroups,
-        [groupName]: updatedGifsInGroup,
-      })
-
-      this.setActiveGif(gifToShow)
-    },
-  )
-}

package/src/features/gifCelebrations/model/GifCelebrationsApi.ts

@@ -1,10 +0,0 @@
-import { createControllerEffect } from './../../../lib/effector/createControllerEffect'
-import { GifCelebrationApiRequests } from '../types/model.types'
-
-export class GifCelebrationsApi {
-  public readonly getGifsFx
-
-  constructor(api: GifCelebrationApiRequests) {
-    this.getGifsFx = createControllerEffect(() => api.getGifs())
-  }
-}

package/src/features/gifCelebrations/types/model.types.ts

@@ -1,53 +0,0 @@
-import { Store } from 'effector'
-
-export type CustomGetCachePathMethod = (uri: string) => Promise<string | null>
-export type CustomPrefetchMethod = (gifs: string[] | string) => Promise<unknown>
-export type CustomLocalStorage = {
-  setItem: (key: string, value: string) => void
-  getItem: (key: string) => string | null | undefined
-}
-
-export type GroupNumber = number
-
-export type GifCelebrationApiRequests = {
-  getGifs: () => Promise<GifResponse>
-}
-
-export type GifCelebrationsModelProps = {
-  api: GifCelebrationApiRequests
-  problemsAmount: Store<number>
-  resolvedProblemsAmount: Store<number>
-  customLocalStorage?: CustomLocalStorage
-  customPrefetchMethod?: CustomPrefetchMethod
-  customGetCachePathMethod?: CustomGetCachePathMethod
-}
-
-export type GifsGroup = string[]
-export type GroupNumberString = `group${GroupNumber}`
-export type GifsGroups = Record<GroupNumberString, GifsGroup>
-
-export type GifObject = {
-  url: string
-  group: GroupNumberString
-  isShown?: boolean
-}
-
-export type GifsStructure = Record<GroupNumberString, GifObject[]>
-/**
- * Usually, the response contains 3 groups of gifs:
- * - group1: early celebrations
- * - group2: mid celebrations
- * - group3: party
- */
-export type GifResponse = {
-  data: GifsGroups
-  ok: boolean
-}
-export type GifsPayload = {
-  group: number
-}
-
-export type ProblemsGifsTable = Record<number, GifObject>
-export type ProgressValue = 0 | 1 | 2
-
-export type TextComponentType = (text: string) => React.ReactNode

package/src/react-app-env.d.ts

@@ -1,6 +0,0 @@
-declare module '*.png'
-declare module '*.svg'
-declare module '*.jpeg'
-declare module '*.jpg'
-declare module '*.webp'
-declare module '*.gif'

package/src/shared/constants.ts

@@ -1,3 +0,0 @@
-import { Platform } from 'react-native'
-
-export const IS_WEB = Platform.OS === 'web'

package/src/types/common.types.ts

@@ -1,4 +0,0 @@
-export type Size = {
-  width: number
-  height: number
-}