VSinerva/freesewing
1
0
Fork 0
Code Activity

feat(org): Ported components to mjs and named exports

Browse source
This commit is contained in:
joostdecock 2023-01-29 16:44:02 +01:00
parent 37f7833983
commit 595417a23b
118 changed files with 836 additions and 852 deletions
Download patch file Download diff file Expand all files Collapse all files

187
sites/org/hooks/useApp.js
View file

@ -1,187 +0,0 @@
import { useState } from 'react'
import get from 'lodash.get'
import set from 'lodash.set'
// Stores state in local storage
import useLocalStorage from 'shared/hooks/useLocalStorage.js'
import useTheme from 'shared/hooks/useTheme'
// Prebuild navigation
import prebuildNavigation from 'site/prebuild/navigation.js'
// Translation
import { useRouter } from 'next/router'
import { useTranslation } from 'next-i18next'
/*
* Dumb method to generate a unique (enough) ID for submissions to bugsnag
*/
function errId() {
let result = ''
const characters = 'abcdefghijklmnopqrstuvwxyz0123456789'
const charactersLength = characters.length
for (let s = 0; s < 3; s++) {
for (let i = 0; i < 4; i++) {
result += characters.charAt(Math.floor(Math.random() * charactersLength))
}
if (s < 2) result += '-'
}
return result
}
/*
* Helper method for a simple navigation item
*/
const simpleNav = (term, t, lng, prefix = '', order = '') => ({
__title: t(term, { lng }),
__linktitle: t(term, { lng }),
__slug: prefix + term,
__order: order + t(term, { lng }),
})
/*
* Generated the static navigation
* Static means not mdx, not strapi
*/
const staticNavigation = (t, lang) => ({
designs: simpleNav('designs', t, lang, '', 'A'),
community: simpleNav('community', t, lang),
account: simpleNav('account', t, lang),
})
/*
* Merges prebuild navigation with the static navigation
*/
const buildNavigation = (lang, t) => {
const nav = {
...prebuildNavigation[lang],
...staticNavigation(t, lang),
}
// Set top-level order
nav.designs.__order = 'a'
nav.showcase.__order = 'b'
nav.docs.__order = 'c'
nav.community.__order = 'd'
nav.blog.__order = 'e'
nav.account.__order = 'f'
// Translation top-level strapi pages
nav.showcase.__title = t('showcase')
nav.showcase.__linktitle = t('showcase')
nav.blog.__title = t('blog')
nav.blog.__linktitle = t('blog')
// Translation top-level strapi pages
nav.community.__title = t('community')
nav.community.__linktitle = t('community')
return nav
}
/*
* The actual hook
*/
function useApp({ bugsnag }) {
// Load translation method
const locale = useRouter().locale
const { t } = useTranslation()
// Persistent state
const [account, setAccount, accountReady] = useLocalStorage('account', { username: false })
const [token, setToken] = useLocalStorage('token', null)
const [theme, setTheme] = useTheme()
// React State
const [primaryMenu, setPrimaryMenu] = useState(false)
const [navigation, setNavigation] = useState(buildNavigation(locale, t))
const [slug, setSlug] = useState('/')
const [loading, setLoading] = useState(false)
// State methods
const togglePrimaryMenu = () => setPrimaryMenu(!primaryMenu)
/*
* Hot-update navigation method
*/
const updateNavigation = (path, content) => {
if (typeof path === 'string') {
path = path.slice(0, 1) === '/' ? path.slice(1).split('/') : path.split('/')
}
setNavigation(set(navigation, path, content))
}
/*
* Helper method to get title from navigation structure
*/
const getTitle = (slug) => get(navigation, slug).__title
/*
* Helper method to construct breadcrumb from navigation structure
*/
const getBreadcrumb = (slug) => [get(navigation, slug).__title, `/${slug}`]
const loadHelpers = {
startLoading: () => setLoading(true),
stopLoading: () => setLoading(false),
loading,
setLoading,
}
const error = (err) => {
const id = errId
bugsnag.notify(err, (evt) => {
evt.setUser(account.username ? account.username : '__visitor')
evt.context = id
})
return id
}
return {
// Static vars
site: 'org',
// i18n
locale,
// State
account,
accountReady,
token,
loading,
navigation,
primaryMenu,
slug,
theme,
// State setters
setAccount,
setToken,
setLoading,
setNavigation,
setPrimaryMenu,
setSlug,
setTheme,
startLoading: () => {
setLoading(true)
setPrimaryMenu(false)
}, // Always close menu when navigating
stopLoading: () => setLoading(false),
updateNavigation,
// State handlers
togglePrimaryMenu,
// Navigation
getTitle,
getBreadcrumb,
// Loading state helpers
loadHelpers,
// Bugsnag wrapper
error,
errId,
}
}
export default useApp