@magmamath/students-features 0.6.1-8.rc-3 → 0.6.2

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

@@ -1,167 +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 './GifCelebrationsCache'
-import { generateProblemsGifsTable, shouldRefreshGifs } from '../helpers'
-import { 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 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: ({ gifs }) => !!gifs,
-      fn: ({ problemsAmount, resolvedProblemsAmount, gifs }) => {
-        if (!gifs || problemsAmount < MIN_PROBLEMS_TO_SHOW_GIF) 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, problemsGifsTable }) =>
-        !!(isGifCelebrationMayBeTriggered && gifsGroups && problemsGifsTable),
-      fn: (sources) => sources as HandleGifSelectionProps,
-      target: this.updateGifShownStatus,
-    })
-  }
-
-  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,26 +0,0 @@
-import { createControllerEffect } from './../../../lib/effector/createControllerEffect'
-import { GifCelebrationApiRequests } from '../types/model.types'
-import { GET_GIFS_TIMEOUT } from '../constants'
-
-export class GifCelebrationsApi {
-  public readonly getGifsFx
-
-  private failedGetGifxTimeout: NodeJS.Timeout | null = null
-
-  constructor(api: GifCelebrationApiRequests) {
-    this.getGifsFx = createControllerEffect(() => api.getGifs())
-
-    this.getGifsFx.fail.watch(() => {
-      this.failedGetGifxTimeout = setTimeout(() => {
-        this.getGifsFx()
-      }, GET_GIFS_TIMEOUT)
-    })
-
-    this.getGifsFx.done.watch(() => {
-      if (this.failedGetGifxTimeout) {
-        clearTimeout(this.failedGetGifxTimeout)
-        this.failedGetGifxTimeout = null
-      }
-    })
-  }
-}

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

@@ -1,41 +0,0 @@
-import { createEffect, createEvent, createStore } from 'effector'
-import {
-  GifsGroups,
-  GifsStructure,
-  CustomGetCachePathMethod,
-  CustomPrefetchMethod,
-} from '../types/model.types'
-import { generateGifsStructure } from '../helpers'
-import { Image } from 'react-native'
-
-type GifCelebrationsCacheProps = {
-  customPrefetchMethod?: CustomPrefetchMethod
-  customGetCachePathMethod?: CustomGetCachePathMethod
-}
-
-export class GifCelebrationsCache {
-  public readonly initialSet = createEvent<GifsGroups>()
-  public readonly set = createEvent<GifsStructure>()
-  public readonly reset = createEvent()
-
-  public readonly getCachePathMethod?: CustomGetCachePathMethod
-  public readonly prefetchMethod: CustomPrefetchMethod | typeof Image.prefetch
-
-  public readonly prefetchGifs = createEffect<string[], void>((gifs) => {
-    if (!gifs || gifs.length === 0) return
-
-    gifs.forEach((gifUrl) => {
-      this.prefetchMethod(gifUrl)
-    })
-  })
-
-  public readonly $gifs = createStore<GifsStructure | null>(null)
-    .reset(this.reset)
-    .on(this.initialSet, (_, gifs) => generateGifsStructure(gifs))
-    .on(this.set, (_, gifs) => gifs)
-
-  constructor({ customGetCachePathMethod, customPrefetchMethod }: GifCelebrationsCacheProps) {
-    this.prefetchMethod = customPrefetchMethod || Image.prefetch
-    this.getCachePathMethod = customGetCachePathMethod
-  }
-}

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/lib/effector/ControlledSample.ts

@@ -1,40 +0,0 @@
-import { createEvent, createStore, Store, sample, Effect, combine, Event } from 'effector'
-
-type ControlledSampleParams<S = any, R = void> = {
-  clock: (Event<any> | Effect<any, any, any>)[]
-  source: Store<S>
-  target: Effect<R, any, any>
-  isActiveDefault?: boolean
-  filter?: (payload: S, isActive: boolean) => boolean
-  fn?: (payload: S, isActive: boolean) => R
-}
-
-export class ControlledSample<S = any, R = void> {
-  public readonly enable = createEvent()
-  public readonly disable = createEvent()
-
-  public readonly $isActive: Store<boolean>
-
-  constructor({
-    clock,
-    source,
-    target,
-    filter = (_payload, isActive) => !!isActive,
-    fn = (payload, _isActive) => payload as unknown as R,
-    isActiveDefault = false,
-  }: ControlledSampleParams<S, R>) {
-    this.$isActive = createStore(isActiveDefault)
-      .on(this.enable, () => true)
-      .on(this.disable, () => false)
-
-    const combined = combine({ payload: source, isActive: this.$isActive })
-
-    sample({
-      clock,
-      source: combined,
-      filter: ({ payload, isActive }) => filter(payload, isActive),
-      fn: ({ payload, isActive }) => fn(payload, isActive),
-      target,
-    })
-  }
-}

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'