discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

mapped topics store

Browse Source
This commit is contained in:
tonyrewin 2022-09-16 10:45:56 +03:00
parent 55ccd419e2
commit 20bc122bc4
1 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/stores/zine/topics.ts
View File

@ -1,27 +1,25 @@
import { apiClient } from '../../utils/apiClient'
import type { ReadableAtom, WritableAtom } from 'nanostores'
import { atom, computed } from 'nanostores'
import { map, MapStore, ReadableAtom, WritableAtom, atom, computed } from 'nanostores'
import type { Topic } from '../../graphql/types.gen'
import { useStore } from '@nanostores/solid'
import { byCreated, byStat } from '../../utils/sortby'
import type { AuthorsSortBy } from './authors'
export type TopicsSortBy = 'created' | 'name'
const sortAllByStore = atom<TopicsSortBy>('created')
let topicEntitiesStore: WritableAtom<{ [topicSlug: string]: Topic }>
let topicEntitiesStore: MapStore<Record<string, Topic>>
let sortedTopicsStore: ReadableAtom<Topic[]>
let topTopicsStore: ReadableAtom<Topic[]>
let randomTopicsStore: WritableAtom<Topic[]>
let topicsByAuthorStore: WritableAtom<{ [authorSlug: string]: Topic[] }>
let topicsByAuthorStore: MapStore<Record<string, Topic[]>>
const initStore = (initial?: Record<string, Topic>) => {
if (topicEntitiesStore) {
return
}
topicEntitiesStore = atom<Record<string, Topic>>(initial)
topicEntitiesStore = map<Record<string, Topic>>(initial)
sortedTopicsStore = computed([topicEntitiesStore, sortAllByStore], (topicEntities, sortBy) => {
const topics = Object.values(topicEntities)
@ -76,7 +74,7 @@ export const addTopicsByAuthor = (topicsByAuthors: { [authorSlug: string]: Topic
addTopics(allTopics)
if (!topicsByAuthorStore) {
topicsByAuthorStore = atom<{ [authorSlug: string]: Topic[] }>(topicsByAuthors)
topicsByAuthorStore = map<Record<string, Topic[]>>(topicsByAuthors)
} else {
const newState = Object.entries(topicsByAuthors).reduce((acc, [authorSlug, topics]) => {
if (!acc[authorSlug]) {
@ -107,10 +105,18 @@ type InitialState = {
}
export const useTopicsStore = ({ topics, randomTopics }: InitialState = {}) => {
addTopics(topics, randomTopics)
console.log('using topics store')
if (topics) {
addTopics(topics)
console.log('topics added')
}
if (randomTopics) {
addTopics(randomTopics)
console.log('random topics added')
}
if (!randomTopicsStore) {
randomTopicsStore = atom(randomTopics)
console.log('random topics separate store')
}
const getTopicEntities = useStore(topicEntitiesStore)