@fullstackunicorn/create-root 1.0.16 → 1.0.18

package/assets/root.fullstackunicorn.dev/frontend/abstracts/dateTime.js

@@ -0,0 +1,120 @@
+class DateTime {
+
+    getDate(v, lookup) {
+
+        const raw = this.parse(v);
+        if (!this.validateLength(raw)) return { render: 'text', text: v };
+
+        const components = this.extractComponents(raw);
+        if (!this.validateComponents(components)) return { render: 'text', text: v };
+        if (!this.validateDate(components)) return { render: 'text', text: v };
+        if (!this.validateTime(components)) return { render: 'text', text: v };
+        return this.format(components, lookup);
+    }
+
+    parse(v) {
+        return v.replace(/\D+/g, '');
+    }
+
+    validateLength(raw) {
+        const validLengths = [4, 6, 8, 10, 12, 14];
+        return validLengths.includes(raw.length);
+    }
+
+    extractComponents(raw) {
+        const year = raw.slice(0, 4);
+        const month = raw.length >= 6 ? raw.slice(4, 6) : '';
+        const day = raw.length >= 8 ? raw.slice(6, 8) : '';
+        const hour = raw.length >= 10 ? raw.slice(8, 10) : '';
+        const minute = raw.length >= 12 ? raw.slice(10, 12) : '';
+        const second = raw.length >= 14 ? raw.slice(12, 14) : '';
+
+        return {
+            year, month, day, hour, minute, second,
+            yearNum: parseInt(year, 10),
+            monthNum: month ? parseInt(month, 10) : 0,
+            dayNum: day ? parseInt(day, 10) : 0,
+            hourNum: hour ? parseInt(hour, 10) : -1,
+            minuteNum: minute ? parseInt(minute, 10) : -1,
+            secondNum: second ? parseInt(second, 10) : -1
+        };
+    }
+
+    validateComponents({ yearNum, month, monthNum, dayNum }) {
+        if (isNaN(yearNum) || yearNum < 0 || yearNum > 9999) return false;
+        if (month && (monthNum < 1 || monthNum > 12)) return false;
+        if (dayNum < 0) return false;
+        return true;
+    }
+
+    validateDate({ yearNum, monthNum, day, dayNum }) {
+        if (!day) return true;
+
+        const daysInMonth = [
+            31, (yearNum % 4 === 0 && (yearNum % 100 !== 0 || yearNum % 400 === 0)) ? 29 : 28,
+            31, 30, 31, 30, 31, 31, 30, 31, 30, 31
+        ];
+        if (dayNum > daysInMonth[monthNum - 1]) return false;
+
+        const date = new Date(yearNum, monthNum - 1, dayNum);
+        return (
+            !isNaN(date.getTime()) &&
+            date.getFullYear() === yearNum &&
+            date.getMonth() === monthNum - 1 &&
+            date.getDate() === dayNum
+        );
+    }
+
+    validateTime({ hour, minute, second, hourNum, minuteNum, secondNum }) {
+        if (hour && (hourNum < 0 || hourNum > 23)) return false;
+        if (minute && (minuteNum < 0 || minuteNum > 59)) return false;
+        if (second && (secondNum < 0 || secondNum > 59)) return false;
+        return true;
+    }
+
+    format(components, lookup) {
+        const {
+            yearNum, monthNum, dayNum,
+            hourNum, minuteNum,
+            month, day, hour, minute
+        } = components;
+
+        let output = [];
+        let monthSlug = '';
+        let weekdaySlug = '';
+
+        output.push(yearNum.toString());
+
+        if (month) {
+            const monthIndex = monthNum - 1;
+            monthSlug = lookup.logic.months[monthIndex];
+            const verbalMonth = lookup.verbal.months[monthSlug] || monthSlug;
+            output.unshift(verbalMonth.charAt(0).toUpperCase() + verbalMonth.slice(1));
+        }
+
+        if (day) {
+            const date = new Date(yearNum, monthNum - 1, dayNum);
+            const weekdayNum = (date.getDay() + 6) % 7;
+            weekdaySlug = lookup.logic.weekdays[weekdayNum];
+            const verbalWeekday = lookup.verbal.weekdays[weekdaySlug] || weekdaySlug;
+            output.unshift(verbalWeekday.toLowerCase());
+            output.splice(1, 0, dayNum.toString().padStart(2, '0'));
+        }
+
+        if (hour) {
+            const timeParts = [hourNum.toString().padStart(2, '0')];
+            if (minute) timeParts.push(minuteNum.toString().padStart(2, '0'));
+            output.push(timeParts.join('.'));
+        }
+
+        let formatted = output.join(' ');
+        if (output.length > 3) {
+            const timeIndex = output.length - 1;
+            formatted = output.slice(0, timeIndex).join(' ') + ', ' + output[timeIndex];
+        }
+
+        return { render: 'text', text: formatted };
+    }
+}
+
+export const dateTime = new DateTime()

package/assets/root.fullstackunicorn.dev/frontend/abstracts/err.js

@@ -0,0 +1,31 @@
+class Err {
+
+    isOffline = (error={}) => { 
+        return (
+            error.code === 'ECONNABORTED' ||
+            error.code === 'ERR_NETWORK' ||
+            error.message.includes('Network Error') ||
+            error.message.includes('timeout')
+        )
+    }
+
+    cache = async (error, cached) => {
+        F3.logs(error, 'xaa cache error')
+        if (!this.isOffline(error)) return { isError: true }
+        if (cached) return cached
+        return { isOffline: true }
+    }
+
+    handle = (error) => {
+        if (!this.isOffline(error)) return { isError: true }
+        return { isOffline: true }
+    }
+
+    cleanup = (func, item) => {
+        if (func) func()
+        return item
+    }
+
+}
+
+export const err = new Err ()

package/assets/root.fullstackunicorn.dev/frontend/abstracts/img.js

@@ -0,0 +1,38 @@
+import { uri } from '#@/App.uri.js'
+
+class Img {
+
+    loaded = new Set()
+
+    getPictureSize = width => {
+        let size = 'TL'
+        if (width <= 64) size = 'TS'
+        if (width > 64 && width <= 256) size = 'TM'
+        if (width > 256 && width <= 512) size = 'TL'
+        if (width > 512 && width <= 960) size = 'SD'
+        if (width > 960 && width <= 1440) size = 'MD'
+        if (width > 1440) size = 'HD'
+        return size
+    }
+
+    getSrc = (picture = {}) => {
+        const { src, max = 'HD', size = 'SD' } = picture
+        const compareSizes = (max, size) => {
+            const sizes = { TS: 1, TM: 2, TL: 3, SD: 4, MD: 5, HD: 6 }
+            return sizes[size] > sizes[max] ? max : size
+        }
+        const nextSize = compareSizes(max, size)
+        const path = src.split(/\/TS\/|\/TM\/|\/TL\/|\/SD\/|\/MD\/|\/HD\//).join(`/${nextSize}/`)
+        return F3.fabUrl(uri.media, {path}) 
+
+    }
+
+    getImage = (picture = {}) => {
+        if (!picture.src) return { isNoImage: true }
+        const newPicture = { ...picture }
+        newPicture.src = this.getSrc(picture)
+        return newPicture
+    }
+}
+
+export const img = new Img()

package/assets/root.fullstackunicorn.dev/frontend/assets/index.webmanifest

@@ -0,0 +1,21 @@
+{
+    "name": "Scientology Kirken",
+    "short_name": "Scientology Kirken",
+    "background_color": "#ffffff",
+    "display": "fullscreen",
+    "icons": [
+        {
+            "src": "/icons/icon-192.png",
+            "sizes": "192x192",
+            "type": "image/png",
+            "purpose": "maskable"
+        },
+        {
+            "src": "/icons/icon-512.png",
+            "sizes": "512x512",
+            "type": "image/png",
+            "purpose": "maskable"
+        }
+    ],
+    "theme_color": "#ffffff"
+}

package/assets/root.fullstackunicorn.dev/frontend/assets/llms.dev.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Disallow: /

package/assets/root.fullstackunicorn.dev/frontend/assets/llms.txt

@@ -0,0 +1,8 @@
+User-agent: *
+Allow: /
+
+Allow-Use: training
+Allow-Use: research
+Allow-Use: indexing
+
+Sitemap: https://carloprete.it/sitemap.xml

package/assets/root.fullstackunicorn.dev/frontend/assets/robots.dev.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Disallow: /

package/assets/root.fullstackunicorn.dev/frontend/assets/robots.txt

@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://carloprete.it/sitemap.xml

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

@@ -0,0 +1,95 @@
+import { atom, useAtom, useSetAtom, useGetAtom, makeId } from '#@/imports/npm.js'
+import { useNavigateUrl } from '#@/imports/router.js'
+import { storage } from '#@/imports/storage.js'
+import { uri } from '#@/App.uri.js'
+import { abs } from '#@/abstracts/abs.js'
+import { api } from '#@/client/@api.js'
+import { useUrl } from '#@/base/router/@use.js'
+import { constants } from '#@/root/constants.js'
+
+export const user = atom({})
+
+export const isUserInitialized = atom(false)
+export const initializeUser = atom(
+    (get) => get(isUserInitialized),
+    async (get, set, value) => {
+
+        const userInit = await api.auth.init()
+        const userInitialized = userInit?.id ? userInit : {}
+
+        set(user, userInitialized)
+        set(isUserInitialized, true)
+    }
+)
+
+export const useInitializeUser = () => useAtom(initializeUser)
+
+export const useUser = () => useAtom(user)
+export const useSetUser = () => useSetAtom(user)
+export const useGetUser = () => useGetAtom(user)
+
+export const useAuthLogin = () => {
+
+    const navigateUrl = useNavigateUrl()
+    const types = ['signup', 'login']
+    const { env } = constants
+
+    const authLogin = async (type) => {
+
+        if (!types.includes(type)) return
+
+        const tokenRaw = {}
+        tokenRaw.nonce = makeId()
+        tokenRaw.request_type = type
+        tokenRaw.client_id = env.CLIENT_ID
+        tokenRaw.protocol = env.PROTOCOL_AUTH
+
+        storage.set(type, tokenRaw.nonce)
+
+        const token = abs.jwt.encode(tokenRaw)
+        const authLink = F3.fabUrl(uri.auth.user.login, { type, token })
+
+        navigateUrl(authLink)
+    }
+    return authLogin
+}
+
+export const useAuthLogout = () => {
+
+    const { lang } = useUrl()
+    const setUser = useSetUser()
+
+    const authLogout = async () => {
+
+        const response = await api.auth.logout()
+
+        if (response.isOffline) setAlerts({ id: 'offline' })
+        else if (response.isError) {
+            const message = response.error || 'logout-failed'
+            navigate(F3.fabUrl(uri.errors, { message, lang }))
+        }
+        else {
+            storage.remove('accessToken')
+            storage.remove('refreshToken')
+            setUser({})
+        }
+    }
+    return authLogout
+}
+
+export const useAuthAccount = () => {
+
+    const navigateUrl = useNavigateUrl()
+    const { env } = constants
+
+    const tokenRaw = {}
+    tokenRaw.client_id = env.CLIENT_ID
+    tokenRaw.protocol = env.PROTOCOL_AUTH
+
+    const authAccount = () => {
+        const token = abs.jwt.encode(tokenRaw)
+        const accountLink = F3.fabUrl(uri.auth.user.account, { token })
+        navigateUrl(accountLink)
+    }
+    return authAccount
+}

package/assets/root.fullstackunicorn.dev/frontend/base/account/AccountCard.js

@@ -0,0 +1,37 @@
+import { useGetUser, useAuthLogin, useAuthLogout, useAuthAccount } from '#@/base/account/@use.js'
+import { useGetStatics } from '#@/base/statics/@use.js'
+import { Account } from '#@/panels/cards/Account.js'
+
+export const AccountCard = ({ api }) => {
+
+    const statics = useGetStatics()
+
+    const user = useGetUser()
+
+    const authLogin = useAuthLogin()
+    const authLogout = useAuthLogout()
+    const authAccount = useAuthAccount()
+
+    const onSignup = () => authLogin('signup')
+    const onLogin = () => authLogin('login')
+    const onLogout = () => authLogout()
+    const onAccount = () => authAccount()
+
+    const key = user.id ? 'user' : 'guest'
+    const onPressAction = user.id ? onLogout : onSignup
+    const onPress = user.id ? onAccount : onLogin
+
+    return (
+        <Account
+            title={api[key].title}
+            description={api[key].description}
+            descriptionPress={api[key].descriptionPress}
+            label={api[key].label}
+            onPressAction={onPressAction}
+            logo_src={statics.visual.img.minderable.src}
+            logo_alt={statics.visual.img.minderable.alt}
+            svg={statics.visual.svg.arrowChevronRight}
+            onPress={onPress}
+        />
+    )
+}

package/assets/root.fullstackunicorn.dev/frontend/base/account/AccountLogo.js

@@ -0,0 +1,27 @@
+import { routes } from '#@/root/routes.js'
+import { useUrl } from '#@/base/router/@use.js'
+import { useGetStatics } from '#@/base/statics/@use.js'
+import { useGetUser } from '#@/base/account/@use.js'
+import { useGetHistory } from '#@/base/router/@use.js'
+import { AccountLogoPod } from './AccountLogo.pod.js'
+
+export const AccountLogo = () => {
+
+    const { lang, isUrl } = useUrl()
+    const statics = useGetStatics()
+    const history = useGetHistory()
+    const userPath = F3.fabUrl(routes.public.user.path, { lang })
+    const isUrlUser = isUrl(userPath)
+    const linkTo = isUrlUser ? history[1] : userPath
+    const user = useGetUser()
+
+    return (
+        <AccountLogoPod
+            svg={statics.visual.svg.profile}
+            logo={user.logo}
+            isUser={!!user.id}
+            isUrlUser={isUrlUser}
+            linkTo={linkTo}
+        />
+    )
+}

package/assets/root.fullstackunicorn.dev/frontend/base/account/AccountLogo.pod.js

@@ -0,0 +1,34 @@
+import { useStyle } from '#@/style/@use.js'
+import { ImgData } from '#@/imports/core/Img.js'
+import { Link } from '#@/modules/core/Link.js'
+import { Icon } from '#@/modules/core/Icon.js'
+
+export const AccountLogoPod = ({ svg, logo, isUser, isUrlUser, linkTo }) => {
+
+    const { s, c, f, t, F, B, S, I, H } = useStyle()
+
+    B.hoverFalseUserFalse = isUrlUser ? [c.base_NN_B400, c.item_WW] : [c.item_NN_B400]
+    B.hoverFalseUserTrue = isUrlUser ? [c.base_C1, c.item_WW] : [c.item_C1]
+    B.hoverTrueUserFalse = isUrlUser ? [c.base_NN_B200, c.item_WW] : [c.base_NN_W700, c.item_NN_B400]
+    B.hoverTrueUserTrue = isUrlUser ? [c.base_C1_W200, c.item_WW] : [c.base_C1_W700, c.item_C1]
+    
+    B.hoverFalse = isUser ? B.hoverFalseUserTrue : B.hoverFalseUserFalse
+    B.hoverTrue = isUser ? B.hoverTrueUserTrue : B.hoverTrueUserFalse
+
+    H.icon = [B.hoverTrue, B.hoverFalse]
+    
+    S.link = [s.row_cXcY, s.XY40, s.marginX4, s.marginY12]
+    S.logo = [s.XY40, s.radiusRound, s.border2, c.item_WW, c.line_C1]
+    S.icon = [s.row_cXcY, s.XY40, s.radiusRound]
+
+    if (isUser && logo) return (
+        <Link classes={S.link} linkTo={linkTo}>
+            <ImgData classes={S.logo} src={logo} hover={H.icon} />
+        </Link> 
+    )
+    return (
+        <Link classes={S.link} linkTo={linkTo}>
+            <Icon classes={S.icon} svg={svg} hover={H.icon} />
+        </Link>
+    )
+}

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

@@ -0,0 +1,7 @@
+import { atom, useAtom, useSetAtom, useGetAtom } from '#@/imports/npm.js'
+         
+export const alerts = atom({})
+
+export const useAlerts = () => useAtom(alerts)
+export const useSetAlerts = () => useSetAtom(alerts)
+export const useGetAlerts = () => useGetAtom(alerts)

package/assets/root.fullstackunicorn.dev/frontend/base/alerts/Alert.js

@@ -0,0 +1,24 @@
+import { useGetStatics } from '#@/base/statics/@use.js'
+import { TextButton } from '#@/modules/buttons/TextButton.js'
+import { AlertPod } from './Alert.pod.js'
+
+export const Alert = ({ message, onClose, isError }) => {
+
+    const statics = useGetStatics()
+    
+    return (
+        <AlertPod
+            isError={isError}
+            svg={isError ? statics.visual.svg.error : statics.visual.svg.warning}
+            message={message}
+            close={
+                <TextButton
+                    text={statics.verbal.buttons.close}
+                    color='C1'
+                    type='fill'
+                    onPress={onClose}
+                />
+            }
+        />
+    )
+} 

package/assets/root.fullstackunicorn.dev/frontend/base/alerts/Alert.pod.js

@@ -0,0 +1,28 @@
+import { useStyle } from '#@/style/@use.js'
+import { View } from '#@/imports/core/View.js'
+import { Text } from '#@/imports/core/Text.js'
+import { Icon } from '#@/modules/core/Icon.js'
+
+export const AlertPod = ({ close, message, svg, isError }) => {
+
+    const { s, c, f, t, F, B, S, I, H } = useStyle()
+
+    F.message = [s.fs16, s.lh24, s.fw500]
+
+    B.color = isError ? c.item_RR : c.item_OR
+
+    S.overlay = [s.row_cXsY, s.absolute, s.overflowXYh, s.paddingY96, s.paddingX32, s.XY, s.G1, s.Z15, c.base_NN_B750_40]
+    S.alert = [s.col_cX, s.X330, s.overflowXYh, s.padding32, s.radius20, c.base_NN_W700]
+    S.message = [...F.message, s.row_cXcY, s.textC, s.marginY16, c.item_NN_B400]
+    S.icon = [s.row_cXcY, s.XY40, B.color]
+
+    return (
+        <View classes={S.overlay}>
+            <View classes={S.alert}>
+                <Icon classes={S.icon} svg={svg}/>
+                <Text classes={S.message} font={f.f1} text={message} />
+                {close}
+            </View>
+        </View>
+    )
+} 

package/assets/root.fullstackunicorn.dev/frontend/base/alerts/Alerts.js

@@ -0,0 +1,35 @@
+import { abs } from '#@/abstracts/abs.js'
+import { useGetStatics } from '#@/base/statics/@use.js'
+import { useAlerts } from '#@/base/alerts/@use.js'
+import { Alert } from '#@/base/alerts/Alert.js'
+
+export const Alerts = () => {
+
+    const [alerts, setAlerts] = useAlerts({})
+
+    const statics = useGetStatics()
+    
+    if (!alerts.id) return null
+
+    const isError = alerts.id.includes('error')
+    const defaultId = isError ? 'error' : 'warning'
+    const currentId = statics.verbal.alerts?.[alerts.id]
+
+    let message 
+    if (!currentId) message = statics.verbal.alerts[defaultId]
+    message = abs.replacer(currentId, alerts.params)
+
+    const onClose = () => {
+        if (alerts.onClose) alerts.onClose()
+        setAlerts({})
+    }
+
+    return (
+        <Alert
+            isError={isError}
+            onClose={onClose}
+            message={message}
+        />
+    )
+
+}

package/assets/root.fullstackunicorn.dev/frontend/base/callout/Callout.js

@@ -0,0 +1,16 @@
+import { routes } from '#@/root/routes.js'
+import { useGetStatics } from '#@/base/statics/@use.js'
+import { CalloutPod } from './Callout.pod.js'
+
+export const Callout = () => {
+
+    const statics = useGetStatics()
+
+    return (
+        <CalloutPod
+            text={statics.verbal.callout.text}
+            link={statics.verbal.callout.link}
+            linkTo={routes.public.callout.path}
+        />
+    )
+}

package/assets/root.fullstackunicorn.dev/frontend/base/callout/Callout.pod.js

@@ -0,0 +1,25 @@
+import { useStyle } from '#@/style/@use.js'
+import { View } from '#@/imports/core/View.js'
+import { Textline } from '#@/imports/core/Text.js'
+import { Link } from '#@/modules/core/Link.js'
+
+export const CalloutPod = ({ text, link, linkTo }) => {
+
+    const { s, c, f, t, F, B, S, I, H } = useStyle()
+
+    F.text = [s.fs16, s.lh24, s.fw500]
+
+    // S.alpha = [s.col_cXcY, s.absolute, s.bottom0, s.Y64, s.X, c.base_RR]
+    S.alpha = [s.col_cXcY, s.Y64, s.X, c.base_RR_B400]
+    S.link = [s.row_cXcY, s.Xc, ]
+    S.text = [...F.text, s.textC, s.Xx, c.item_NN_W700]
+
+    return (
+        <View classes={S.alpha}>
+            <Textline classes={S.text} font={f.f1} text={text}/>
+            <Link classes={S.link} linkTo={linkTo}>
+                <Textline classes={S.text} font={f.f1} text={link}/>
+            </Link>
+        </View>
+    )
+}

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

@@ -0,0 +1,41 @@
+import { abs } from '#@/abstracts/abs.js'
+
+class Tools {
+
+    getPayload = token => {
+        try {
+            if (!token) return {}
+            return abs.jwt.decode(token)
+        } catch {
+            return {}
+        }
+    }
+
+    getRoute = ({ payload, lang }) => {
+        if (payload?.type !== 'checkout') return ''
+        if (payload?.status === 'success') return `/${lang}/checkout/success`
+        if (payload?.status === 'cancel') return `/${lang}/checkout/cancel`
+        return ''
+    }
+
+    handlePay = ({ setCheckout, setIsPayRun, navigate, query, lang, homePath }) => {
+
+        // const params = new URLSearchParams(query)
+        // const token = params.get('token') || ''
+        // const payload = this.getPayload(token)
+        const route = null // this.getRoute({ payload, lang })
+
+        setIsPayRun(false)
+
+        if (!route) {
+            navigate(homePath)
+            return
+        }
+
+        // setCheckout(payload)
+        // navigate(route)
+    }
+
+}
+
+export const tools = new Tools()

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

@@ -0,0 +1,34 @@
+import { atom, useAtom, useSetAtom, useGetAtom } from '#@/imports/npm.js'
+import { useNavigateUrl } from '#@/imports/router.js'
+import { api } from '#@/client/@api.js'
+
+export const checkout = atom({})
+export const handleCheckout = atom(
+    (get) => get(checkout),
+    (get, set, value = {}) => {
+        set(checkout, value)
+    }
+)
+
+export const useCheckout = () => useAtom(handleCheckout)
+export const useSetCheckout = () => useSetAtom(handleCheckout)
+export const useGetCheckout = () => useGetAtom(handleCheckout)
+
+export const useCheckoutStart = () => {
+
+    const navigateUrl = useNavigateUrl()
+
+    const start = async ({ product, seller = {} }) => {
+
+        const response = await api.stripe.set({ product, seller })
+
+        if (response?.isOffline) return response
+        if (response?.isError) return response
+        if (!response?.url) return { isError: true }
+
+        navigateUrl(response.url)
+        return { isValid: true }
+    }
+
+    return start
+}