@fullstackunicorn/create-root 1.0.28 → 2.0.0

package/assets/root.fullstackunicorn.dev/frontend/modules/modals/slider/SliderItem.pod.js

@@ -1,39 +0,0 @@
-import { useStyle } from '#@/style/@use'
-import { Slider } from '#@/modules/core/Slider'
-import { Icon } from '#@/modules/core/Icon'
-import { View } from '#@/imports/core/View'
-import { Text } from '#@/imports/core/Text'
-import { Textline } from '#@/imports/core/Text'
-import { Pressable } from '#@/imports/core/Pressable'
-
-export const SliderItemPod = ({ 
-    svg, title, description, label, 
-    isHover, setIsHover, isTrue, setIsTrue }) => {
-
-    const { s, c, f, t, F, B, S, I, H } = useStyle()
-    
-    B.hover = isHover ? [c.base_C1_W600] : [c.base_NN_W650]
-    
-    S.box = t.root.cards.box
-    S.top = t.root.cards.top
-    S.title = t.root.cards.title
-    S.description = t.root.cards.description
-    S.pressable = [...t.root.cards.pressable, ...B.hover]
-    S.icon = t.root.cards.icon
-    S.label = t.root.cards.label
-    S.slider = t.root.cards.slider
-    
-    return (
-        <View classes={S.box}>
-            <View classes={S.top}>
-                <Textline classes={S.title} font={f.f1} text={title} />
-                <Text classes={S.description} font={f.f1} text={description} />
-            </View>
-            <Pressable classes={S.pressable} onPress={setIsTrue} setIsHover={setIsHover}>
-                <Icon classes={S.icon} svg={svg} />
-                <Textline classes={S.label} font={f.f1} text={label} />
-                <Slider classes={S.slider} isOn={isTrue} />
-            </Pressable>
-        </View>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/modals/slider/SliderPage.js

@@ -1,37 +0,0 @@
-import { SliderItem } from '#@/modules/modals/slider/SliderItem.js'
-import { SliderPagePod } from './SliderPage.pod.js'
-
-export const SliderPage = ({ formResult, sliderLogic, sliderVerbal, sliderVisual, description }) => {
-
-    const data = Object.keys(sliderLogic.data)
-
-    const mapper = ({ item: name }) => {
-
-        const isAlwaysOn = sliderLogic.data[name].isAlwaysOn
-        const isAlwaysOff = sliderLogic.data[name].isAlwaysOff
-
-        return (
-            <SliderItem
-                name={name}
-                svg={sliderVisual[name].svg}
-                isAlways={isAlwaysOn || isAlwaysOff}
-                formResult={formResult}
-                key={sliderVerbal[name].title}
-                title={sliderVerbal[name].title}
-                description={sliderVerbal[name].description}
-                label={sliderVerbal[name].label}
-                labelOn={sliderVerbal[name].on}
-                labelOff={sliderVerbal[name].off}
-            />
-        )
-    }
-
-    return (
-        <SliderPagePod
-            type='base'
-            description={description}
-            data={data}
-            mapper={mapper}
-        />
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/modals/slider/SliderPage.pod.js

@@ -1,24 +0,0 @@
-import { useStyle } from '#@/style/@use'
-import { List } from '#@/imports/core/List'
-import { Text } from '#@/imports/core/Text'
-import { View } from '#@/imports/core/View'
-
-export const SliderPagePod = ({ data, mapper, description }) => {
-
-    const { s, c, f, t, F, B, S, I, H } = useStyle()
-
-    S.base = [s.col, s.Yc]
-    S.description = t.root.cards.description
-    S.list = [s.col, s.Yc]
-
-    return (
-        <View classes={S.base}>
-            <List 
-                classes={S.list}
-                description={<Text classes={S.description} font={f.f1} text={description}/>}
-                data={data} 
-                mapper={mapper}
-            />
-        </View>
-    )
-} 

package/assets/root.fullstackunicorn.dev/frontend/modules/page/PageBox.js

@@ -1,15 +0,0 @@
-import { useChronology } from '#@/base/router/@use.js'
-import { Head } from '#@/imports/head/Head.js'
-
-export const PageBox = ({ children, isMissing }) => {
-
-    useChronology(isMissing)
-
-    return (
-        <>
-            <Head/>
-            {children}
-        </>
-    )
-
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/page/PageScrollable.js

@@ -1,13 +0,0 @@
-import { usePersistentScroll } from '#@/imports/scroll/@use.js'
-import { PageScrollablePod } from '#@/modules/page/PageScrollable.pod.js'
-
-export const PageScrollable = ({ type = 'fixed', children }) => {
-
-    const { scrollRef, onScroll } = usePersistentScroll()
-
-    return (
-        <PageScrollablePod type={type} scrollRef={scrollRef} onScroll={onScroll}>
-            {children}
-        </PageScrollablePod>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/page/PageScrollable.pod.js

@@ -1,23 +0,0 @@
-import { useStyle } from '#@/style/@use.js'
-import { Scrollable } from '#@/imports/core/Scrollable.js'
-import { Fader } from '#@/imports/animated/Fader.js'
-
-export const PageScrollablePod = ({ children, type, scrollRef, onScroll }) => {
-
-    const { s, c, f, t, F, B, S, I, H } = useStyle()
-
-    S.scrollable = [s.col_cX, s.XYc]
-
-    return (
-        <Scrollable
-            classes={S.scrollable}
-            isPage
-            scrollRef={scrollRef}
-            onScroll={onScroll}
-        >
-            <Fader classes={t.page[type]}>
-                {children}
-            </Fader>
-        </Scrollable>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/prose/@formatter.js

@@ -1,113 +0,0 @@
-import { dateTime } from '#@/abstracts/dateTime.js'
-
-class Formatter {
-
-    regexTokens = /(\{\{[^}]+\}\}|\s+|[\p{L}\p{N}\p{M}]+|[^\s])/gu
-
-    tokenize = (text = '') => [...String(text).matchAll(this.regexTokens)]
-
-    style = {}
-
-    spans = (tokens = [], stylesRaw = []) => {
-
-        const tokensEnd = tokens.length - 1
-        if (!F3.arr.isGood(stylesRaw)) return [{ start: 0, end: tokensEnd, style: this.style }]
-
-        const sortedStyles = [...stylesRaw].sort((a, b) => a.start - b.start)
-
-        const result = []
-        let start = 0
-
-        for (const style of sortedStyles) {
-            const end = style.start - 1
-            if (start < style.start) result.push({ start, end, style: this.style })
-            result.push(style)
-            start = style.end + 1
-        }
-
-        if (start < tokens.length) result.push({ start, end: tokensEnd, style: this.style })
-
-        return result
-    }
-
-    getStyle = (server = {}, proseStyle = {}, result = []) => {
-
-        const block = proseStyle?.block
-        if (!F3.str.isGood(block)) return result
-
-        if (server.block?.[block]) result.push(...server.block[block])
-
-        const fa = F3.str.isGood(proseStyle?.fa) ? proseStyle.fa : 'as'
-        if (server.fa?.[fa]) {
-            result.push(...server.fa[fa])
-        }
-
-        const li = proseStyle?.li
-        if (F3.str.isGood(li) && server.li?.[li]) {
-            result.push(...server.li[li])
-        }
-
-        return result
-    }
-
-    getStyles = (spanStyle = {}, server = {}, block = 'p', result = []) => {
-
-        if (!F3.str.isGood(block)) block = 'p'
-
-        if (F3.str.isGood(spanStyle?.fp) && server.fp?.[`${block}${spanStyle.fp}`]) {
-            result.push(...server.fp[`${block}${spanStyle.fp}`])
-        }
-
-        if (F3.str.isGood(spanStyle?.fw) && server.fw?.[`${block}${spanStyle.fw}`]) {
-            result.push(...server.fw[`${block}${spanStyle.fw}`])
-        }
-
-        if (F3.str.isGood(spanStyle?.fd) && server.fd?.[spanStyle.fd]) {
-            result.push(...server.fd[spanStyle.fd])
-        }
-
-        if (F3.str.isGood(spanStyle?.fc) && server.fc?.[spanStyle.fc]) {
-            result.push(...server.fc[spanStyle.fc])
-        }
-
-        if (F3.str.isGood(spanStyle?.fb) && server.fb?.[spanStyle.fb]) {
-            result.push(...server.fb[spanStyle.fb])
-        }
-
-        return result
-    }
-
-    regexDefinitions = /[\p{L}\p{N}]+/gu
-
-    getCleanWord(tokenText) {
-        const cleaned = tokenText.replace(/^[^A-Za-z\p{L}]+|[^A-Za-z\p{L}]+$/gu, '')
-        return cleaned ? cleaned.toLowerCase() : null
-    }
-
-    render = (text, lookup) => {
-
-        const regex = /\{\{[^}]+\}\}/
-        const match = String(text).match(regex)
-
-        if (!match) return { render: 'text', text }
-
-        try {
-            const object = JSON.parse(match[0].slice(1, -1))
-            const result = this[object.k](object, lookup)
-
-            if (text === match[0]) return result
-            return text.replace(match[0], result)
-
-        } catch (e) {
-            return { render: 'text', text }
-        }
-    }
-
-    code = ({ v, lang }) => ({ render: 'code', code: v, lang })
-    url = ({ v, url }) => ({ render: 'url', label: v, url })
-    link = ({ v, path }) => ({ render: 'link', label: v, path })
-    phrase = ({ v }) => ({ render: 'phrase', text: v })
-    date = ({ v }, lookup) => dateTime.getDate(v, lookup)
-}
-
-export const formatter = new Formatter()

package/assets/root.fullstackunicorn.dev/frontend/modules/prose/@runs.js

@@ -1,52 +0,0 @@
-import { formatter } from '#@/modules/prose/@formatter.js'
-
-class Runs {
-
-    build = ({ tokens = [], spans = [], lookup = {} }) => {
-        return spans.map(span => {
-            const sliced = tokens.slice(span.start, span.end + 1)
-            return {
-                style: F3.obj.safe(span.style),
-                runs: this.merge(sliced, lookup)
-            }
-        })
-    }
-
-    merge = (tokens = [], lookup = {}) => {
-        const result = []
-        let text = ''
-
-        const flushText = () => {
-            if (!text) return
-            result.push({ render: 'text', text })
-            text = ''
-        }
-
-        for (const token of tokens) {
-            const value = token?.[0] || ''
-            const rendered = formatter.render(value, lookup)
-
-            if (F3.str.isGood(rendered)) {
-                text += rendered
-                continue
-            }
-
-            const data = F3.obj.safe(rendered)
-            const render = data.render || 'text'
-
-            if (render === 'text' || render === 'phrase') {
-                text += data.text || ''
-                continue
-            }
-
-            flushText()
-            result.push(data)
-        }
-
-        flushText()
-
-        return result
-    }
-}
-
-export const runs = new Runs()

package/assets/root.fullstackunicorn.dev/frontend/modules/prose/Basic.js

@@ -1,30 +0,0 @@
-import { useNavigate, useNavigateUrl } from '#@/imports/router'
-import { LinkPod } from './Basic.pod.js'
-
-export const Url = ({ label, url }) => {
-
-    const navigateUrl = useNavigateUrl()
-    const onPress = () => navigateUrl(url)
-
-    return (
-        <LinkPod
-            text={label}
-            linkTo={url}
-            onPress={onPress}
-        />
-    )
-}
-
-export const Link = ({ label, path }) => {
-
-    const navigate = useNavigate()
-    const onPress = () => navigate(path)
-
-    return (
-        <LinkPod
-            text={label}
-            linkTo={path}
-            onPress={onPress}
-        />
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/prose/Basic.pod.js

@@ -1,16 +0,0 @@
-import { useStyle } from '#@/style/@use'
-import { Link } from '#@/imports/core/Link'
-import { TextSpan } from '#@/imports/core/Text'
-
-export const LinkPod = ({ text, linkTo, onPress }) => {
-
-    const { s, c, f, t, F, B, S, I, H } = useStyle()
-
-    S.link = [c.item_C1]
-
-    return (
-        <Link linkTo={linkTo} onPress={onPress}> 
-            <TextSpan classes={S.link} text={text} font={f.f1}/>
-        </Link>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/prose/Prose.js

@@ -1,56 +0,0 @@
-import { useGetStatics } from '#@/base/statics/@use.js'
-import { formatter } from '#@/modules/prose/@formatter.js'
-import { runs } from '#@/modules/prose/@runs.js'
-import { Url, Link } from '#@/modules/prose/Basic.js'
-import { ProsePod, StylePod, TokenCodePod } from './Prose.pod.js'
-
-export const Style = ({ block = 'p', style = {}, runs = [] }) => {
-    const content = runs.map((run, index) => {
-        if (run.render === 'url') return <Url key={index} {...run} />
-        if (run.render === 'link') return <Link key={index} {...run} />
-        if (run.render === 'code') return <TokenCodePod key={index} text={run.code} />
-        return run.text || ''
-    })
-
-    return (
-        <StylePod
-            block={block}
-            style={style}
-            tokens={content}
-        />
-    )
-}
-
-export const Styles = ({ block = 'p', styles = [] }) => {
-    return styles.map((item, index) => {
-        return (
-            <Style
-                key={index}
-                block={block}
-                style={item.style}
-                runs={item.runs}
-            />
-        )
-    })
-}
-
-export const Prose = ({ lang = {} }) => {
-
-    const statics = useGetStatics()
-    const lookup = { logic: statics.logic.lookup, verbal: statics.verbal.lookup }
-
-    const attributes = F3.obj.safe(lang.attributes)
-    const style = F3.obj.safe(lang.style || attributes.style)
-    const spansRaw = F3.arr.safe(lang.spans || attributes.spans)
-
-    const tokens = formatter.tokenize(lang.value)
-    const spans = formatter.spans(tokens, spansRaw)
-    const styles = runs.build({ tokens, spans, lookup })
-
-    return (
-        <ProsePod
-            style={style}
-            styles={<Styles block={style.block} styles={styles} />}
-        />
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/prose/Prose.pod.js

@@ -1,46 +0,0 @@
-import { useStyle } from '#@/style/@use'
-import { formatter } from '#@/modules/prose/@formatter.js'
-import { TextFont, TextSpan } from '#@/imports/core/Text'
-import { View } from '#@/imports/core/View'
-import { Bulleted } from '#@/modules/core/Bulleted.js'
-
-export const TokenCodePod = ({ text }) => {
-
-    const { s, c, f, t, F, B, S, I, H } = useStyle()
-
-    S.code = [s.radius4, s.border1, s.paddingX8, s.fw400, c.line_NN_W500, c.item_NN_B400, c.base_NN_W600]
-
-    return <TextFont classes={S.code} text={text} font={f.m1} />
-}
-
-export const StylePod = ({ block = 'p', style = {}, tokens }) => {
-
-    const { s, c, f, t, F, B, S, I, H } = useStyle()
-
-    S.style = formatter.getStyles(style, t.server, block)
-
-    return <TextSpan classes={S.style} text={tokens} font={f.f1} />
-}
-
-export const ProsePod = ({ style = {}, styles }) => {
-
-    const { s, c, f, t, F, B, S, I, H } = useStyle()
-
-    S.root = [s.Xc, ...formatter.getStyle(t.server, style)]
-
-    if (style.li === 'ul') {
-        return (
-            <View classes={S.root}>
-                <Bulleted block={style.block}>
-                    {styles}
-                </Bulleted>
-            </View>
-        )
-    }
-
-    return (
-        <View classes={S.root}>
-            {styles}
-        </View>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/trademarks/@use.js

@@ -1,25 +0,0 @@
-import { uri } from '#@/App.uri.js'
-import { constants } from '#@/root/constants.js'
-import { useGetIsDark } from '#@/base/theme/@use.js'
-
-export const useTrademarkSrc = () => {
-
-    const isDark = useGetIsDark()
-    const path = isDark ? constants.trademark.inverse : constants.trademark.canonical
-
-    return {
-        src: F3.fabUrl(uri.trademarks, { path }),
-        y: constants.trademark.Y,
-    }
-}
-
-export const useLogoSrc = () => {
-
-    const isDark = useGetIsDark()
-    const path = isDark ? constants.logo.inverse : constants.logo.canonical
-
-    return {
-        src: F3.fabUrl(uri.trademarks, { path }),
-        xy: constants.logo.XY || 40
-    }
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/trademarks/Logo.js

@@ -1,19 +0,0 @@
-import { routes } from '#@/root/routes.js'
-import { useUrl } from '#@/base/router/@use.js'
-import { useLogoSrc } from '#@/modules/trademarks/@use.js'
-import { LogoPod } from './Logo.pod.js'
-
-export const Logo = () => {
-
-    const logo = useLogoSrc() 
-    const { lang } = useUrl()
-    const linkHome = F3.fabUrl(routes.public.home.path, { lang })
-
-    return (
-        <LogoPod 
-            src={logo.src}
-            size={logo.xy}
-            linkHome={linkHome}
-        />
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/trademarks/Logo.pod.js

@@ -1,17 +0,0 @@
-import { useStyle } from '#@/style/@use.js'
-import { Link } from '#@/modules/core/Link.js'
-import { ImgData } from '#@/imports/core/Img.js'
-
-export const LogoPod = ({ src, size, linkHome }) => {
-
-    const { s, c, f, t, F, B, S, I, H } = useStyle()
-
-    S.imgBox = [s.row_cXcY, s.X48, s.Y64]
-    I.img = {height:size, width:size}
-
-    return (
-        <Link classes={S.imgBox} linkTo={linkHome}>
-            <ImgData inline={I.img} src={src}/>
-        </Link>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/trademarks/Trademark.js

@@ -1,20 +0,0 @@
-import { routes } from '#@/root/routes.js'
-import { useUrl } from '#@/base/router/@use.js'
-import { useTrademarkSrc } from '#@/modules/trademarks/@use.js'
-import { TrademarkPod } from './Trademark.pod.js'
-
-export const Trademark = ({  }) => {
-
-    const trademark = useTrademarkSrc()
-    const { lang } = useUrl()
-    const linkHome = F3.fabUrl(routes.public.home.path, { lang })
-
-    if (trademark.isTooSmall) return null
-    return (
-        <TrademarkPod 
-            src={trademark.src} 
-            height={trademark.y}
-            linkHome={linkHome}
-        />
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/trademarks/Trademark.pod.js

@@ -1,17 +0,0 @@
-import { useStyle } from '#@/style/@use.js'
-import { Link } from '#@/modules/core/Link.js'
-import { ImgData } from '#@/imports/core/Img.js'
-
-export const TrademarkPod = ({ src, height, linkHome }) => {
-
-    const { s, c, f, t, F, B, S, I, H } = useStyle()
-
-    S.link = [s.marginX16]
-    I.img = { height }
-
-    return (
-        <Link classes={S.link} inline={I.img} linkTo={linkHome}>
-            <ImgData classes={S.img} inline={I.img} src={src}/>
-        </Link>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/package.json

@@ -1,58 +0,0 @@
-{
-    "name": "@root.fullstackunicorn.dev/frontend",
-    "author": "lucanigido (https://fullstackunicorn.dev/author/lucanigido)",
-    "version": "1.0.0",
-    "type": "module",
-    "license": "UNLICENSED",
-    "private": true,
-    "homepage": "https://root.fullstackunicorn.dev",
-    "main": "App.js",
-    "imports": {
-        "#@": "./",
-        "#@/*": "./*"
-    },
-    "scripts": {
-        "initialize": "chmod +x ./config.cmd.sh && bash ./config.cmd.sh add",
-        "cmd": "chmod +x ./config.cmd.sh && ./config.cmd.sh",
-        "build": "vite build",
-        "preview": "vite preview",
-        "start": "env-cmd vite --host",
-        "check": "eslint . --max-warnings 0"
-    },
-    "dependencies": {
-        "@fullstackunicorn/initialize": "^1.0.15",
-        "axios": "^1.15.0",
-        "blurhash": "^2.0.5",
-        "idb-keyval": "^6.2.2",
-        "jotai": "^2.19.1",
-        "jwt-decode": "^4.0.0",
-        "jwt-encode": "^1.0.1",
-        "object-hash": "^3.0.0",
-        "process": "^0.11.10",
-        "qs": "^6.15.1",
-        "react": "^19.2.4",
-        "react-blurhash": "^0.3.0",
-        "react-dom": "^19.2.4",
-        "react-helmet-async": "^3.0.0",
-        "react-router-dom": "^7.14.1",
-        "react-syntax-highlighter": "^16.1.1",
-        "sass": "^1.99.0",
-        "shiki": "^4.0.2",
-        "uuid": "^13.0.0"
-    },
-    "devDependencies": {
-        "@eslint/js": "^9.39.4",
-        "@fullstackunicorn/reduce": "^1.0.22",
-        "@fullstackunicorn/style": "^1.0.9",
-        "@types/react": "^19.2.14",
-        "@types/react-dom": "^19.2.3",
-        "@vitejs/plugin-react": "^6.0.1",
-        "env-cmd": "^11.0.0",
-        "eslint": "^9.39.4",
-        "eslint-plugin-react": "^7.37.5",
-        "eslint-plugin-react-hooks": "^7.0.1",
-        "eslint-plugin-react-refresh": "^0.5.2",
-        "globals": "^17.4.0",
-        "vite": "^8.0.4"
-    }
-}