@magmamath/students-features 0.6.6-rc.8 → 0.6.6

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 {
-  GifCelebrationsModelProps,
-  GifObject,
-  GifsStructure,
-  ProblemsPercentageTable,
-} from '../types/model.types'
-import { GifCelebrationsCache } from './GifCelebrations.cache'
-import { calculatePercentageTable, findGroupForPercentage } from '../helpers'
-import { MIN_PROBLEMS_TO_SHOW_GIF } from '../constants'
-
-type HandleGifSelectionProps = {
-  gifsGroups: GifsStructure
-  resolvedProblem: number
-  problemsPercentageTable: ProblemsPercentageTable
-}
-
-export class GifCelebrationsModel {
-  public readonly api: GifCelebrationsApi
-  public readonly cache: GifCelebrationsCache
-
-  public readonly $totalProblems: Store<number>
-  public readonly $resolvedProblems: 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 resetPercentageTable = createEvent()
-  public readonly $problemsPercentageTable = createStore<ProblemsPercentageTable | null>(
-    null,
-  ).reset(this.resetPercentageTable)
-
-  public readonly setActiveGif = createEvent<GifObject>()
-  public readonly $activeGif = createStore<GifObject | null>(null)
-    .reset(this.stop)
-    .reset(this.resetGifTriggerable)
-    .on(this.setActiveGif, (_, gif) => gif)
-
-  public readonly initialize = createEvent()
-
-  constructor({
-    api,
-    totalProblems,
-    resolvedProblems,
-    customGetCachePathMethod,
-  }: GifCelebrationsModelProps) {
-    this.api = new GifCelebrationsApi(api)
-    this.cache = new GifCelebrationsCache({ customGetCachePathMethod })
-
-    this.$totalProblems = totalProblems
-    this.$resolvedProblems = resolvedProblems
-
-    this.setupEventHandlers()
-  }
-
-  private setupEventHandlers() {
-    sample({
-      clock: this.initialize,
-      source: this.cache.$gifs,
-      filter: (gifs) => !gifs,
-      target: this.api.getGifsFx,
-    })
-
-    sample({
-      source: this.api.getGifsFx.doneData,
-      filter: (response) => response.ok,
-      fn: (response) => response.data,
-      target: this.cache.prefetchAllGifs,
-    })
-
-    sample({
-      clock: [this.initialize, this.$totalProblems.updates],
-      source: this.$totalProblems,
-      fn: (totalProblems) => {
-        if (totalProblems && totalProblems >= MIN_PROBLEMS_TO_SHOW_GIF) {
-          console.log(
-            'calculatePercentageTable(totalProblems): ',
-            calculatePercentageTable(totalProblems),
-          )
-
-          return calculatePercentageTable(totalProblems)
-        }
-        return null
-      },
-      target: this.$problemsPercentageTable,
-    })
-
-    sample({
-      clock: this.play,
-      source: {
-        isGifCelebrationMayBeTriggered: this.$isGifTriggerable,
-        gifsGroups: this.cache.$gifs,
-        resolvedProblem: this.$resolvedProblems,
-        problemsPercentageTable: this.$problemsPercentageTable,
-      },
-      filter: ({
-        isGifCelebrationMayBeTriggered,
-        gifsGroups,
-        resolvedProblem,
-        problemsPercentageTable,
-      }) =>
-        !!(
-          isGifCelebrationMayBeTriggered &&
-          gifsGroups &&
-          resolvedProblem !== undefined &&
-          problemsPercentageTable
-        ),
-      fn: (sources) => sources as HandleGifSelectionProps,
-      target: this.handleGifSelection,
-    })
-  }
-
-  private readonly handleGifSelection = createEffect(
-    ({ gifsGroups, resolvedProblem, problemsPercentageTable }: HandleGifSelectionProps) => {
-      const percentageMilestone = Object.keys(problemsPercentageTable).find(
-        (key) => problemsPercentageTable[Number(key)] === resolvedProblem,
-      )
-
-      if (!percentageMilestone) return null
-
-      const groupName = findGroupForPercentage(Number(percentageMilestone))
-
-      const gifsForGroup = gifsGroups[groupName]
-      const unusedGifIndex = gifsForGroup.findIndex((gif) => !gif.isShown)
-
-      if (unusedGifIndex === -1) {
-        const updatedGifsGroups = { ...gifsGroups }
-        updatedGifsGroups[groupName] = gifsGroups[groupName].map((gif) => ({
-          ...gif,
-          isShown: false,
-        }))
-        const gifObject: GifObject = {
-          ...updatedGifsGroups[groupName][0],
-          isShown: true,
-        }
-        updatedGifsGroups[groupName][0].isShown = true
-
-        this.setActiveGif(gifObject)
-        this.cache.set(updatedGifsGroups)
-      }
-
-      const selectedGif = gifsForGroup[unusedGifIndex]
-
-      const gifObject: GifObject = {
-        ...selectedGif,
-        isShown: true,
-      }
-
-      const updatedGifsGroups = { ...gifsGroups }
-      updatedGifsGroups[groupName][unusedGifIndex].isShown = true
-      this.cache.set(updatedGifsGroups)
-
-      this.setActiveGif(gifObject)
-    },
-  )
-}

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,45 +0,0 @@
-import { Store } from 'effector'
-
-export type CustomGetCachePathMethod = (uri: string) => Promise<string | null>
-
-export type GroupNumber = number
-
-export type GifCelebrationApiRequests = {
-  getGifs: () => Promise<GifResponse>
-}
-
-export type GifCelebrationsModelProps = {
-  api: GifCelebrationApiRequests
-  totalProblems: Store<number>
-  resolvedProblems: Store<number>
-  customGetCachePathMethod?: CustomGetCachePathMethod
-}
-
-export type GifsGroup = string[]
-export type GifsGroups = Record<`group${GroupNumber}`, GifsGroup>
-
-export type GifObject = {
-  url: string
-  isShown: boolean
-  group: `group${GroupNumber}`
-}
-
-export type GifsStructure = Record<`group${GroupNumber}`, 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 ProblemsPercentageTable = Record<number, number>
-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'