@fullstackunicorn/create-root 1.0.28 → 2.0.0

package/assets/root.fullstackunicorn.dev/frontend/base/layout/Layout.js

@@ -1,41 +0,0 @@
-import { useResize } from '#@/base/layout/@use.js'
-import { constants } from '#@/root/constants.js'
-import { Alerts } from '#@/base/alerts/Alerts.js'
-import { Header } from '#@/base/layout/Header.js'
-import { Footer } from '#@/base/layout/Footer.js'
-import { Callout } from '#@/base/callout/Callout.js'
-import { useGetUser } from '#@/base/account/@use.js'
-import { useGetError } from '#@/base/errors/@use.js'
-import { useWelcome } from '#@/base/cookies/@use.js'
-import { Modals } from '#@/base/modals/Modals.js'
-import { Errors } from '#@/base/errors/Errors.js'
-import { Outlet, useGetUrl } from '#@/imports/router.js'
-import { menus } from '#@/root/menus.js'
-import { SidebarTwo } from '#@/base/layout/sideTwo/SidebarTwo.js'
-import { IconTwo } from '#@/base/layout/sideTwo/IconTwo.js'
-import { LayoutPod } from '#@/base/layout/Layout.pod.js'
-
-export const Layout = () => {
-
-  const user = useGetUser()
-  const error = useGetError()
-  const url = useGetUrl()
-
-  const menu_two = menus.two(url, user)
-
-  useResize()
-  useWelcome()
-
-  return (
-    <LayoutPod
-      alerts={<Alerts />}
-      modals={<Modals />}
-      iconTwo={<IconTwo />}
-      sidebarTwo={<SidebarTwo menu={menu_two} />}
-      header={<Header menuTwo={menu_two} />}
-      body={error.name ? <Errors /> : <Outlet />}
-      footer={<Footer />}
-      callout={constants.services.IS_BAND_CALLOUT_ON && <Callout />}
-    />
-  )
-}

package/assets/root.fullstackunicorn.dev/frontend/base/layout/Layout.pod.js

@@ -1,30 +0,0 @@
-import { useStyle } from '#@/style/@use.js'
-import { Layout } from '#@/imports/animated/Layout.js'
-import { View } from '#@/imports/core/View.js'
-
-export const LayoutPod = ({ sidebarTwo, iconTwo,
-    header, body, footer, callout, alerts, modals, }) => {
-
-    const { s, c, f, t, F, B, S, I, H } = useStyle()
-
-    S.root = [s.col, s.X100p, s.Yc, s.Ymin0]
-    S.layout = [s.col, s.X100p, s.Yc, s.Ymin0]
-    S.body = [s.col_cX, s.X100p, s.Yc, s.Ymin0, s.overflowXHidden, c.base_NN_W750]
-
-    return (
-        <View classes={S.root} inline={I.root}>
-            {modals}
-            {alerts}
-            {iconTwo}
-            {sidebarTwo}
-            <Layout classes={S.layout}>
-                {header}
-                <View classes={S.body}>
-                    {body}
-                </View>
-                {footer}
-                {callout}
-            </Layout>
-        </View>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/base/layout/menus/@use.js

@@ -1,21 +0,0 @@
-import { uri } from '#@/App.uri.js'
-import { atom, useAtom, useSetAtom, useGetAtom } from '#@/imports/npm.js'
-import { isSideTwoOn, isSideTwoOpen } from '#@/base/layout/sideTwo/@use.js'
-
-export const menus = atom({})
-
-export const handleMenus = atom(
-    (get) => get(menus),
-    (get, set, newObj) => {
-        const prev = get(menus)
-        set(menus, { ...prev, ...newObj })
-    }
-)
-
-export const useMenus = () => useAtom(handleMenus)
-export const useSetMenus = () => useSetAtom(handleMenus)
-export const useGetMenus = () => useGetAtom(handleMenus)
-
-export const isFrozen = atom((get) => get(isSideTwoOn) && get(isSideTwoOpen))
-export const useGetIsFrozen = () => useGetAtom(isFrozen)
-

package/assets/root.fullstackunicorn.dev/frontend/base/layout/menus/MenuTwo.js

@@ -1,41 +0,0 @@
-import { useState } from 'react'
-import { useNavigate } from '#@/imports/router.js'
-import { useGetError } from '#@/base/errors/@use.js'
-import { useGetLanguage } from '#@/base/language/@use.js'
-import { useIsSideTwoClosed, useGetIsSideTwoExternal } from '#@/base/layout/sideTwo/@use.js'
-import { MenuLinkTwoPod } from './MenuTwo.pod.js'
-
-export const MenuLinkTwo = ({ linkTo, text, isActive }) => {
-
-    const [isHover, setIsHover] = useState()
-
-    const error = useGetError()
-    const language = useGetLanguage()
-
-    const [isSideTwoClosed, setIsSideTwoClosed] = useIsSideTwoClosed()
-    const isSideTwoExternal = useGetIsSideTwoExternal()
-
-    const navigate = useNavigate()
-
-    const onPress = async () => {
-        if (isSideTwoClosed || !isSideTwoExternal) return
-        navigate(linkTo)
-        setIsSideTwoClosed(true)
-        return true
-    }
-
-    return (
-        <MenuLinkTwoPod
-            isRTL={language.isRTL}
-            isHover={isHover}
-            setIsHover={setIsHover}
-            isError={error.name}
-            onPress={onPress}
-            linkTo={null}
-            text={text}
-            isActive={isActive}
-        />
-    )
-}
-
-export { MenuBoxTwoPod as MenuBoxTwo } from './MenuTwo.pod.js'

package/assets/root.fullstackunicorn.dev/frontend/base/layout/menus/MenuTwo.pod.js

@@ -1,38 +0,0 @@
-import { useStyle } from '#@/style/@use.js'
-import { Textline } from '#@/imports/core/Text.js'
-import { Link } from '#@/modules/core/Link.js'
-import { View } from '#@/imports/core/View.js'
-
-export const MenuLinkTwoPod = ({ linkTo, text, onPress, isActive, isError, isHover, setIsHover, navigateOptions }) => {
-
-    const { s, c, f, t, F, B, S, I, H } = useStyle()
-
-    F.text = [s.fs16, s.lh24, s.fw600]
-
-    B.color = isActive || isHover ? c.item_C1_B050 : c.item_NN_B400
-    B.error = isError ? [s.opacity30] : []
-
-    S.line = [s.row_sXcY_r, s.Y40, s.radius32, s.paddingX5, ...B.error]
-    S.text = [...F.text, s.paddingX4, s.Xr, s.noSelect, s.textE, B.color]
-
-    return (
-        <Link
-            classes={S.line}
-            onPress={onPress}
-            linkTo={linkTo}
-            isView={isError}
-            setIsHover={setIsHover}
-            navigateOptions={navigateOptions}
-        >
-            <Textline classes={S.text} font={f.f1} text={text} />
-        </Link>
-    )
-}
-
-export const MenuBoxTwoPod = ({ children }) => {
-    return (
-        <View>
-            {children}
-        </View>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/base/layout/sideTwo/@use.js

@@ -1,48 +0,0 @@
-import { atom, useAtom, useSetAtom, useGetAtom } from '#@/imports/npm.js'
-import { constants } from '#@/root/constants.js'
-
-const isDisabled = constants.layout.IS_SIDEBAR_TWO_EXTERNAL_OFF
-
-export const isSideTwoExternal = atom(() => !isDisabled)
-export const useGetIsSideTwoExternal = () => useGetAtom(isSideTwoExternal)
-
-export const isSideTwoOn = atom(false)
-export const isSideTwoOpen = atom(false)
-export const isSideTwoClosed = atom(true)
-
-export const useIsSideTwoOn = () => useAtom(isSideTwoOn)
-export const useSetIsSideTwoOn = () => useSetAtom(isSideTwoOn)
-export const useGetIsSideTwoOn = () => useGetAtom(isSideTwoOn)
-
-export const useIsSideTwoOpen = () => useAtom(isSideTwoOpen)
-export const useSetIsSideTwoOpen = () => useSetAtom(isSideTwoOpen)
-export const useGetIsSideTwoOpen = () => useGetAtom(isSideTwoOpen)
-
-export const useIsSideTwoClosed = () => useAtom(isSideTwoClosed)
-export const useSetIsSideTwoClosed = () => useSetAtom(isSideTwoClosed)
-export const useGetIsSideTwoClosed = () => useGetAtom(isSideTwoClosed)
-
-export const useSetSideTwoOn = () => {
-  const setOn = useSetIsSideTwoOn()
-  const setOpen = useSetIsSideTwoOpen()
-  const setClosed = useSetIsSideTwoClosed()
-  return () => {
-    setOn(true)
-    setOpen(true)
-    setClosed(true)
-    requestAnimationFrame(() => {
-      requestAnimationFrame(() => setClosed(false))
-    })
-  }
-}
-
-export const useSetSideTwoOff = () => {
-  const setOn = useSetIsSideTwoOn()
-  const setOpen = useSetIsSideTwoOpen()
-  const setClosed = useSetIsSideTwoClosed()
-  return () => {
-    setOn(false)
-    setOpen(false)
-    setClosed(true)
-  }
-}

package/assets/root.fullstackunicorn.dev/frontend/base/layout/sideTwo/IconTwo.js

@@ -1,30 +0,0 @@
-import { useGetIsSideTwoOn, useGetIsSideTwoOpen, useIsSideTwoClosed, useSetSideTwoOn } from '#@/base/layout/sideTwo/@use.js'
-import { useGetStatics } from '#@/base/statics/@use.js'
-import { IconTwoPod } from '#@/base/layout/sideTwo/IconTwo.pod.js'
-
-export const IconTwo = () => {
-
-    const statics = useGetStatics()
-
-    const isSideTwoOn = useGetIsSideTwoOn()
-    const isSideTwoOpen = useGetIsSideTwoOpen()
-    const [isSideTwoClosed, setIsSideTwoClosed] = useIsSideTwoClosed()
-
-    const setOn = useSetSideTwoOn()
-
-    const isTransition = isSideTwoOpen && isSideTwoClosed
-
-    const onClickSideTwo = () => {
-        if (isTransition) return
-        if (!isSideTwoOn) setOn() 
-        else setIsSideTwoClosed(true)
-    }
-
-    return (
-        <IconTwoPod
-            svg={statics.visual.svg.menu}
-            onPress={onClickSideTwo}
-            isOn={isSideTwoOn}
-        />
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/base/layout/sideTwo/IconTwo.pod.js

@@ -1,22 +0,0 @@
-
-import { useStyle } from '#@/style/@use.js'
-import { View } from '#@/imports/core/View.js'
-import { Icon } from '#@/modules/core/Icon.js'
-
-export const IconTwoPod = ({ svg, onPress, isOn }) => {
-
-    const { s, c, f, t, F, B, S, I, H } = useStyle()
-
-    H.icon = [[c.base_NN_W700]]
-
-    B.isOn = isOn ? s.Z10 : s.Z1
-
-    S.iconBox = [s.positionAbsolute, s.row_cXcY, s.X48, s.Y64, s.end0, B.isOn]
-    S.icon = [s.XY40, s.marginX4, s.marginY12, s.radius32, c.item_NN_B600]
-    
-    return (
-        <View classes={S.iconBox}>
-            <Icon classes={S.icon} svg={svg} onPress={onPress} hover={H.icon}/>
-        </View>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/base/layout/sideTwo/SidebarTwo.js

@@ -1,46 +0,0 @@
-import { useEffect, useRef } from 'react'
-import { vars } from '#@/imports/animated/Layout.vars.js'
-import { constants } from '#@/root/constants.js'
-import { useGetIsSideTwoOn, useGetIsSideTwoOpen, useIsSideTwoClosed, useSetSideTwoOff } from '#@/base/layout/sideTwo/@use.js'
-import { SidebarTwoPod } from '#@/base/layout/sideTwo/SidebarTwo.pod.js'
-
-export const SidebarTwo = ({ menu }) => {
-
-    const isSideTwoOn = useGetIsSideTwoOn()
-    const isSideTwoOpen = useGetIsSideTwoOpen()
-    const [isSideTwoClosed, setIsSideTwoClosed] = useIsSideTwoClosed()
-    const setSideTwoOff = useSetSideTwoOff()
-
-    const isDisabled = constants.layout.IS_SIDEBAR_TWO_EXTERNAL_OFF
-
-    const timerRef = useRef(null)
-    const isOpen = isSideTwoOpen
-    const isClosed = isSideTwoClosed
-
-    useEffect(() => {
-        if (!isSideTwoOn) return
-        if (!(isOpen && isClosed)) return
-
-        if (timerRef.current) clearTimeout(timerRef.current)
-        timerRef.current = setTimeout(() => {
-            setSideTwoOff()
-            timerRef.current = null
-        }, vars.duration + 100)
-
-        return () => {
-            if (timerRef.current) clearTimeout(timerRef.current)
-            timerRef.current = null
-        }
-    }, [isSideTwoOn, isOpen, isClosed, vars.duration, setSideTwoOff])
-
-    if (isDisabled) return null
-    if (!isSideTwoOn) return null
-
-    return (
-        <SidebarTwoPod
-            menu={menu}
-            isClosed={isClosed}
-            onPress={() => setIsSideTwoClosed(true)}
-        />
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/base/layout/sideTwo/SidebarTwo.pod.js

@@ -1,29 +0,0 @@
-
-import { useStyle } from '#@/style/@use.js'
-import { Overlay, SidebarExternal } from '#@/imports/animated/Layout.js'
-import { View } from '#@/imports/core/View.js'
-import { Pressable } from '#@/imports/core/Pressable.js'
-
-export const SidebarTwoPod = ({ isClosed, menu, onPress }) => {
-
-    const { s, c, f, t, F, B, S, I, H } = useStyle()
-
-    S.overlay = [s.col, s.positionAbsolute, s.overflowHidden, s.X100p, s.Y100p, s.Z4, s.flex1]
-    S.main = [s.row_sX_r, s.Xc,  s.Yc,]
-    S.external = [s.col, s.Xmax320, s.G100, s.paddingX8, c.base_WW]
-    S.header = [s.col_cY, s.Y64, s.paddingX4, s.Xc, c.base_WW]
-    S.bodyExt = [s.col, s.Yc, s.X100p, s.paddingX4]
-    S.space = [s.row, s.Xmin16, s.XYr]
-
-    return (
-        <Overlay classes={S.overlay} isClosed={isClosed}>
-            <View classes={S.main}>
-                <SidebarExternal classes={S.external}>
-                    <View classes={S.header}></View>
-                    <View classes={S.bodyExt}>{menu}</View>
-                </SidebarExternal>
-                <Pressable classes={S.space} onPress={onPress}/>
-            </View>
-        </Overlay>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/base/legals/LegalCard.js

@@ -1,17 +0,0 @@
-import { useGetStatics } from '#@/base/statics/@use.js'
-import { Linker } from '#@/modules/cards/Linker.js'
-
-export const LegalCard = ({ title, description, label, linkTo }) => {
-
-    const statics = useGetStatics()
-
-    return (
-        <Linker 
-            svg={{logo:statics.visual.svg.terms, action:statics.visual.svg.arrowChevronRight}}
-            title={title}
-            description={description}
-            label={label}
-            linkTo={linkTo}
-        />
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/base/legals/LegalsCard.js

@@ -1,20 +0,0 @@
-import { routes } from '#@/root/routes.js'
-import { useUrl } from '#@/base/router/@use.js'
-import { useGetStatics } from '#@/base/statics/@use.js'
-import { Linker } from '#@/modules/cards/Linker.js'
-
-export const LegalsCard = ({ api={} }) => {
-
-    const statics = useGetStatics()
-    const { lang } = useUrl()
-
-    return (
-        <Linker 
-            svg={{logo:statics.visual.svg.terms, action:statics.visual.svg.arrowChevronRight}}
-            title={api.title}
-            description={api.description}
-            label={api.label}
-            linkTo={F3.fabUrl(routes.public.legals.path, { lang })}
-        />
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/base/loader/@tools.js

@@ -1,111 +0,0 @@
-import { storage } from '#@/imports/storage.js'
-import { api } from '#@/client/@api.js'
-import { uri } from '#@/App.uri.js'
-import { tools as languageTools } from '#@/base/language/@tools.js'
-
-class Tools {
-
-    handleAuth = async ({ setAlerts, setUser, setIsAuthRun, navigate, query }) => {
-        const [request_type, token_encoded] = query.split('?')[1].split('&')
-        const user = await api.auth.login(request_type, token_encoded)
-        if (user.isOffline) setAlerts({ id: 'offline', onClose: () => setIsAuthRun(true) })
-        else if (user.isError) navigate(`/errors/${user.error || 'login-failed'}`)
-        else {
-            setUser(user)
-            navigate('/user')
-        }
-        setIsAuthRun(false)
-    }
-
-    loadData = async () => {
-
-        const funcs = {}
-        funcs.logic = async () => await api.statics.get(uri.data.root.logic, { path: 'statics' })
-        funcs.visual = async () => await api.statics.get(uri.data.root.visual, { path: 'statics' })
-        funcs.graphic = async () => await api.statics.get(uri.data.root.graphic, { path: 'statics' })
-        funcs.logicLanguages = async () => await api.statics.get(uri.data.lookups.logic, { path: 'languages' })
-        funcs.logicAlphabets = async () => await api.statics.get(uri.data.lookups.logic, { path: 'alphabets' })
-
-        const { logic, visual, graphic, logicLanguages, logicAlphabets } = await F3.promises(funcs)
-
-        const lookups = {}
-        lookups.languages = { logic: logicLanguages['@data'].items }
-        lookups.alphabets = { logic: logicAlphabets['@data'].items }
-        lookups.cookies = {}
-
-        const { verbal, language } = await this.getVerbal(logic, lookups)
-
-        const lang = language.language.slug
-
-        const newFunc = {}
-        newFunc.cookiesVerbal = async () => await api.statics.get(uri.data.lookups.verbal, { path: 'cookies', lang })
-
-        if (logic['@lang'] === lang) {
-
-            newFunc.languagesVerbal = async () => await api.statics.get(uri.data.lookups.verbal, { path: 'languages', lang })
-            const { cookiesVerbal, languagesVerbal } = await F3.promises(newFunc)
-            lookups.cookies.verbal = cookiesVerbal['@data']
-            lookups.languages.verbal = languagesVerbal['@data']
-            lookups.languages.original = lookups.languages.verbal
-
-        } else {
-
-            newFunc.languagesVerbal = async () => await api.statics.get(uri.data.lookups.verbal, { path: 'languages', lang })
-            newFunc.languagesOriginal = async () => await api.statics.get(uri.data.lookups.verbal, { path: 'languages', lang: logic['@lang'] })
-            const { cookiesVerbal, languagesVerbal, languagesOriginal } = await F3.promises(newFunc)
-            lookups.cookies.verbal = cookiesVerbal['@data']
-            lookups.languages.verbal = languagesVerbal['@data']
-            lookups.languages.original = languagesOriginal['@data']
-            
-        }
-
-        const statics = { logic, visual, graphic, verbal }
-
-        return { statics, lookups, language }
-    }
-
-    getVerbal = async (logic, lookups) => {
-
-        const defaults = {}
-        defaults.language = languageTools.getLanguage(logic['@lang'], lookups)
-        defaults.languageContent = languageTools.getLanguage(logic['@lang'], lookups)
-
-        const saved = {}
-        saved.languageContent = storage.getJSON('languageContent')
-        saved.language = storage.getJSON('language')
-
-        const isSavedLanguage = saved.language.slug && saved.language.slug !== defaults.language.slug
-        const isSavedLanguageContent = saved.languageContent.slug && saved.languageContent.slug !== defaults.languageContent.slug
-
-        const result = {}
-        result.language = {}
-
-        if (isSavedLanguageContent) result.language.languageContent = saved.languageContent
-        else result.language.languageContent = defaults.languageContent
-
-        try {
-
-            if (isSavedLanguage) {
-                const response = await api.statics.get(uri.data.root.verbal, { path: 'statics', lang: saved.language.slug })
-                if (saved.language.slug === response['@lang']) {
-                    result.verbal = response['@data']
-                    result.language.language = saved.language
-                    return result
-                }
-            }
-
-            const response = await api.statics.get(uri.data.root.verbal, { path: 'statics', lang: defaults.language.slug })
-            result.verbal = response['@data']
-            result.language.language = defaults.language
-            return result
-
-        } catch (error) {
-            const response = await api.statics.get(uri.data.root.verbal, { path: 'statics', lang: defaults.language.slug })
-            result.verbal = response['@data']
-            result.language.language = defaults.language
-            return result
-        }
-    }
-}
-
-export const tools = new Tools()

package/assets/root.fullstackunicorn.dev/frontend/base/loader/@use.js

@@ -1,35 +0,0 @@
-import { atom, useAtom } from '#@/imports/npm.js'
-import { initializeCookies } from '#@/base/cookies/@use.js'
-import { initializeLayout } from '#@/base/layout/@use.js'
-import { initializeTheme } from '#@/base/theme/@use.js'
-import { initializeLanguage } from '#@/base/language/@use.js'
-import { initializeStatics } from '#@/base/statics/@use.js'
-import { initializeLookups } from '#@/base/lookups/@use.js'
-import { initializeUser } from '#@/base/account/@use.js'
-import { tools } from '#@/base/loader/@tools.js'
-
-export const isInitialized = atom(false)
-export const initialize = atom(
-    (get) => (
-        get(initializeCookies) &&
-        get(initializeLayout) &&
-        get(initializeTheme) &&
-        get(initializeLanguage) &&
-        get(initializeStatics) &&
-        get(initializeLookups) &&
-        get(initializeUser) &&
-        get(isInitialized)
-    ),
-    async (get, set, defaults = {}) => {
-        const data = await tools.loadData()
-        await set(initializeCookies, data.statics)
-        await set(initializeLayout, true)
-        await set(initializeTheme, defaults.isDark)
-        await set(initializeLanguage, data.language)
-        await set(initializeStatics, data.statics)
-        await set(initializeLookups, data.lookups)
-        await set(initializeUser, true)
-        await set(isInitialized, true)
-    }
-)
-export const useInitialize = () => useAtom(initialize)

package/assets/root.fullstackunicorn.dev/frontend/base/loader/Loader.js

@@ -1,20 +0,0 @@
-import { useState } from 'react'
-import { useLoadFonts } from '#@/imports/fonts/use.js'
-import { Root } from '#@/imports/animated/Root.js'
-import { Normalizer } from '#@/base/loader/Normalizer.js'
-import { Starter } from '#@/base/loader/Starter.js'
-import { Router } from '#@/base/router/Router.js'
-import { Preloader } from '#@/preloader/Preloader.js'
-
-export const Loader = () => {
-
-    const [isStarted, setIsStarted] = useState(false)
-    const [isLoaded, setIsLoaded] = useState(false)
-    const isFontLoaded = useLoadFonts(isLoaded)
-    const isRoot = isStarted && isLoaded && isFontLoaded
-
-    if (isRoot) return <Root isLoaded><Router/><Preloader/></Root> 
-    else if (isStarted) return <Normalizer setIsLoaded={setIsLoaded}/>
-    else return <Starter setIsStarted={setIsStarted}/>
-
-}  

package/assets/root.fullstackunicorn.dev/frontend/base/loader/Normalizer.js

@@ -1,58 +0,0 @@
-import { useEffect, useState } from 'react'
-import { useNavigate } from '#@/imports/router.js'
-import { routes } from '#@/root/routes.js'
-import { useUrl } from '#@/base/router/@use.js'
-import { useGetLanguage } from '#@/base/language/@use.js'
-import { useSetAlerts } from '#@/base/alerts/@use.js'
-import { useSetUser } from '#@/base/account/@use.js'
-import { useSetCheckout } from '#@/base/checkout/@use.js'
-import { tools } from '#@/base/loader/@tools.js'
-import { tools as checkoutTools } from '#@/base/checkout/@tools.js'
-
-export const Normalizer = ({ setIsLoaded }) => {
-
-    const [isAuthRun, setIsAuthRun] = useState(true)
-    const [isPayRun, setIsPayRun] = useState(true)
-
-    const { isPlain, lang, path, url, query } = useUrl()
-    const navigate = useNavigate()
-    const language = useGetLanguage()
-    const setAlerts = useSetAlerts()
-    const setUser = useSetUser()
-    
-    const setCheckout = useSetCheckout()
-
-    const isApp = url.startsWith('/app')
-    const isAuth = url === '/auth' && isAuthRun
-    const isPay = url === '/pay' && isPayRun
-    const isHome = url === '/'
-    const isWrongLang = lang !== language.slug
-
-    const homePath = F3.fabUrl(routes.public.home.path, { lang: language.slug })
-
-    useEffect(() => {
-
-        if (isApp) {
-            setIsLoaded(true)
-            return
-        }
-
-        if (isAuth) {
-            tools.handleAuth({ setAlerts, setUser, setIsAuthRun, navigate, query })
-            return
-        }
-
-        if (isPay) {
-            checkoutTools.handlePay({ setCheckout, setIsPayRun, navigate, query, lang:language.slug, homePath})
-            return
-        }
-
-        if (isHome) navigate(homePath)
-        else if (isPlain) navigate(`/${language.slug}${url}`)
-        else if (isWrongLang) navigate(`/${language.slug}/${path}`)
-        else setIsLoaded(true)
-
-    }, [isApp, isAuth, isPay, isHome, isWrongLang, isPlain])
-
-    return null
-}

package/assets/root.fullstackunicorn.dev/frontend/base/loader/Starter.js

@@ -1,17 +0,0 @@
-import { useEffect } from 'react'
-import { useIsDefaultThemeDark } from '#@/imports/use'
-import { useInitialize } from '#@/base/loader/@use'
-
-export const Starter = ({ setIsStarted = () => { } }) => {
-
-    const defaults = {}
-    defaults.isDark = useIsDefaultThemeDark()
-
-    const [isInitialized, setIsInitialized] = useInitialize()
-
-    useEffect(() => {
-        if (isInitialized) setIsStarted(true)
-        else setIsInitialized(defaults)
-    }, [isInitialized])
-    return null
-}