@fullstackunicorn/create-root 1.0.23 → 1.0.25

package/assets/root.fullstackunicorn.dev/workspace/volume/data/lookups/cookies/en-US.json

@@ -1,24 +1,8 @@
 {
     "@lang": "en-US",
     "@meta": {
-        "metadata": {
-            "title": "Cookies | ROOT",
-            "description": "Manage your cookie preferences on ROOT. Learn about necessary, functionality, analytics, experience, and marketing cookies, and customize your choices for privacy and usability."
-        },
-        "opengraph": {
-            "type": "website",
-            "title": "Cookies | ROOT",
-            "description": "Understand and manage ROOT’s use of cookies, including essential, functionality, analytics, experience, and marketing cookies. Adjust your preferences anytime."
-        },
-        "twitter": {
-            "title": "Cookies | ROOT",
-            "description": "Manage your cookie preferences on ROOT. Control necessary, functionality, analytics, experience, and marketing cookies."
-        },
-        "schema": {
-            "description": "ROOT’s cookies settings page explains the use of necessary, functionality, analytics, experience, and marketing cookies, allowing users to customize their preferences.",
-            "applicationSubCategory": "Privacy & Cookies",
-            "keywords": "ROOT cookies, manage cookies, cookie preferences, analytics cookies, marketing cookies, privacy settings"
-        }
+        "title": "Cookies | ROOT",
+        "description": "Manage your cookie preferences on ROOT. Learn about necessary, functionality, analytics, experience, and marketing cookies, and customize your choices for privacy and usability."
     },
     "@data": {
         "modal": {
@@ -59,4 +43,4 @@
             }
         }
     }
-}
+}

package/assets/root.fullstackunicorn.dev/workspace/volume/data/lookups/cookies/it-IT.json

@@ -1,24 +1,8 @@
 {
     "@lang": "it-IT",
     "@meta": {
-        "metadata": {
-            "title": "Cookie | ROOT",
-            "description": "Gestisci le tue preferenze sui cookie in ROOT. Scopri i cookie necessari, di funzionalità, analitici, di esperienza e di marketing, e personalizza le tue scelte per privacy e usabilità."
-        },
-        "opengraph": {
-            "type": "website",
-            "title": "Cookie | ROOT",
-            "description": "Comprendi e gestisci l’uso dei cookie di ROOT, inclusi cookie essenziali, di funzionalità, analitici, di esperienza e di marketing. Modifica le tue preferenze in qualsiasi momento."
-        },
-        "twitter": {
-            "title": "Cookie | ROOT",
-            "description": "Gestisci le tue preferenze sui cookie in ROOT. Controlla cookie necessari, di funzionalità, analitici, di esperienza e di marketing."
-        },
-        "schema": {
-            "description": "La pagina delle impostazioni dei cookie di ROOT spiega l’uso di cookie necessari, di funzionalità, analitici, di esperienza e di marketing, permettendo agli utenti di personalizzare le proprie preferenze.",
-            "applicationSubCategory": "Privacy e Cookie",
-            "keywords": "ROOT cookie, gestione cookie, preferenze cookie, cookie analitici, cookie marketing, impostazioni privacy"
-        }
+        "title": "Cookie | ROOT",
+        "description": "Gestisci le tue preferenze sui cookie in ROOT. Scopri i cookie necessari, di funzionalità, analitici, di esperienza e di marketing, e personalizza le tue scelte per privacy e usabilità."
     },
     "@data": {
         "modal": {
@@ -34,7 +18,7 @@
         "data": {
             "cookie-necessary": {
                 "title": "Necessari",
-                "description": "I cookie necessari sono strettamente indispensabili per fornirti i servizi disponibili attraverso il nostro sito web e per utilizzare alcune delle sue funzionalità, come l’accesso alle aree riservate. Poiché questi cookie sono essenziali per il funzionamento del sito, non possono essere disabilitati.",
+                "description": "I cookie necessari sono strettamente indispensabili per fornirti i servizi disponibili attraverso il nostro sito web e per utilizzare alcune delle sue funzionalità, come l'accesso alle aree riservate. Poiché questi cookie sono essenziali per il funzionamento del sito, non possono essere disabilitati.",
                 "label": "Necessari"
             },
             "cookie-functionality": {
@@ -44,7 +28,7 @@
             },
             "cookie-analytics": {
                 "title": "Analitici",
-                "description": "I cookie analitici ci aiutano a capire come i visitatori interagiscono con il nostro sito web raccogliendo e riportando informazioni in forma anonima. Questi dati ci permettono di migliorare le prestazioni e l’usabilità della nostra piattaforma.",
+                "description": "I cookie analitici ci aiutano a capire come i visitatori interagiscono con il nostro sito web raccogliendo e riportando informazioni in forma anonima. Questi dati ci permettono di migliorare le prestazioni e l'usabilità della nostra piattaforma.",
                 "label": "Analitici"
             },
             "cookie-experience": {
@@ -54,9 +38,9 @@
             },
             "cookie-marketing": {
                 "title": "Marketing",
-                "description": "I cookie di marketing ci permettono, insieme ai nostri partner, di mostrarti annunci personalizzati in base ai tuoi interessi e di misurarne l’efficacia. Possono anche tracciare la tua navigazione su diversi siti web per creare un profilo dei tuoi interessi e proporti annunci pertinenti. Se disabilitati, vedrai comunque annunci, ma meno rilevanti.",
+                "description": "I cookie di marketing ci permettono, insieme ai nostri partner, di mostrarti annunci personalizzati in base ai tuoi interessi e di misurarne l'efficacia. Possono anche tracciare la tua navigazione su diversi siti web per creare un profilo dei tuoi interessi e proporti annunci pertinenti. Se disabilitati, vedrai comunque annunci, ma meno rilevanti.",
                 "label": "Marketing"
             }
         }
     }
-}
+}

package/assets/root.fullstackunicorn.dev/workspace/volume/data/root/user/en-US.json

@@ -1,11 +1,9 @@
 {
     "@lang": "en-US",
     "@meta": {
-        "metadata": {
-            "title": "Account, Preferences, and Legal Settings | ROOT",
-            "description": "Manage your account, language, theme, cookies, and legal policies in ROOT. Easily log in, switch between dark and light mode, and configure your preferences for a personalized experience.",
-            "cover": "get/media/covers/user-cover.jpg"
-        }
+        "title": "Account, Preferences, and Legal Settings | ROOT",
+        "description": "Manage your account, language, theme, cookies, and legal policies in ROOT. Easily log in, switch between dark and light mode, and configure your preferences for a personalized experience.",
+        "cover": "get/media/covers/user-cover.jpg"
     },
     "@head": {
         "heading": "User Settings"
@@ -46,4 +44,4 @@
             "label": "View Legal & Policies"
         }
     }
-}
+}

package/assets/root.fullstackunicorn.dev/workspace/volume/data/root/user/it-IT.json

@@ -1,23 +1,9 @@
 {
     "@lang": "it-IT",
     "@meta": {
-        "metadata": {
-            "title": "Account, Preferenze e Impostazioni Legali | ROOT",
-            "description": "Gestisci account, lingua, tema, cookie e politiche legali in ROOT. Accedi facilmente, passa dalla modalità scura a quella chiara e personalizza la tua esperienza."
-        },
-        "opengraph": {
-            "title": "Account e Preferenze ROOT",
-            "description": "Controlla account, lingua, tema, cookie e impostazioni legali in ROOT. Goditi un’esperienza sicura e personalizzabile su tutte le piattaforme."
-        },
-        "twitter": {
-            "title": "Gestisci Account e Preferenze su ROOT",
-            "description": "Accedi, passa tra modalità scura/chiara e regola lingua, cookie e impostazioni legali per un’esperienza ROOT personalizzata."
-        },
-        "schema": {
-            "description": "ROOT consente agli utenti di gestire account, lingua, tema, cookie e impostazioni legali per un’esperienza sicura e personalizzabile.",
-            "applicationSubCategory": "Impostazioni account e utente",
-            "keywords": "ROOT, impostazioni account, accesso, modalità scura, modalità chiara, cambio lingua, preferenze cookie, documenti legali"
-        }
+        "title": "Account, Preferenze e Impostazioni Legali | ROOT",
+        "description": "Gestisci account, lingua, tema, cookie e politiche legali in ROOT. Accedi facilmente, passa dalla modalità scura a quella chiara e personalizza la tua esperienza.",
+        "cover": "get/media/covers/user-cover.jpg"
     },
     "@data": {
         "account": {
@@ -36,7 +22,7 @@
         },
         "language": {
             "title": "Lingua",
-            "description": "Scegli una lingua per l’interfaccia grafica"
+            "description": "Scegli una lingua per l'interfaccia grafica"
         },
         "theme": {
             "title": "Tema",
@@ -55,4 +41,4 @@
             "label": "Visualizza Legale & Politiche"
         }
     }
-}
+}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.23",
+  "version": "1.0.25",
   "name": "@fullstackunicorn/create-root",
   "author": "lucanigido (https://fullstackunicorn.dev/author/lucanigido)",
   "description": "create-root: bootstrapper that writes config assets and installs @fullstackunicorn/root",

package/assets/root.fullstackunicorn.dev/frontend/pages/app/Home.abs.js

@@ -1,11 +0,0 @@
-class Abs {
-
-    constructor() {
-        this.settings = {}
-        this.settings.slideshow = {}
-        this.settings.slideshow.aspectRatio = 1920/815
-    }
-
-}
-
-export const abs = new Abs()

package/assets/root.fullstackunicorn.dev/frontend/pages/app/Home.api.js

@@ -1,18 +0,0 @@
-import { uri } from '#@/App.uri.js'
-import { api } from '#@/client/@api.js'
-import { useApi } from '#@/pages/@use.js'
- 
-const dataFetch = async params => {
-
-    const verbal = await api.statics.get(uri.data.content.verbal, params)
-    // const logic = await api.statics.get(uri.data.content.logic, params)
-
-    const meta = verbal['@meta']
-    const data = {}
-    data.heading = verbal['@head'].heading
-    data.data = verbal['@data']
-
-    return { data, meta }
-}
-
-export const useApiHome = () => useApi(dataFetch)

package/assets/root.fullstackunicorn.dev/frontend/pages/app/Home.js

@@ -1,23 +0,0 @@
-import { PageTitle } from '#@/panels/layout/PageTitle'
-import { Slider } from '#@/panels/slider/Slider.js'
-import { Bottom } from '#@/panels/layout/Bottom.js'
-import { useApiHome } from '#@/pages/app/Home.api.js'
-import { abs } from '#@/pages/app/Home.abs.js'
-
-export const Home = () => {
-
-    const api = useApiHome()
-
-    if (!api) return null
-    return (
-        <>
-            <Slider
-                keys={{ picture: 'picture' }}
-                list={Object.values(api.data.slideshow)}
-                settings={abs.settings.slideshow}
-            />
-            <PageTitle title={api.data.body.intro.paragraph}/>
-            <Bottom />
-        </>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/panels/card/book/BookCard.js

@@ -1,58 +0,0 @@
-import { Shopper } from '#@/panels/shopper/bookstore/Shopper.js'
-import { BookProse } from '#@/panels/card/book/BookProse.js'
-import { BookCardPod } from '#@/panels/card/book/BookCard.pod.js'
-
-export const BookCard = ({ item = {}, keys = {}, settings = {}, prose={}, onPressQuantity, onPressLanguage }) => {
-
-    const data = {}
-    data.picture = item[keys.picture]
-    data.title = item[keys.title]
-    data.subtitle = item[keys.subtitle]
-    data.description = item[keys.description]
-    data.price = item[keys.price]
-    data.quantity = item[keys.quantity] || '1'
-    data.language = item[keys.language] || 'English'
-    data.shippingTitle = item[keys.shippingTitle] || 'Free Shipping'
-    data.shippingDescription = item[keys.shippingDescription] || 'Currently eligible for free shipping.'
-    data.stockTitle = item[keys.stockTitle] || 'In Stock'
-    data.stockDescription = item[keys.stockDescription] || 'Ships within 24 hours'
-
-    const labels = {}
-    labels.quantity = settings.quantityLabel || 'Quantity'
-    labels.language = settings.languageLabel || 'Language'
-    labels.button = settings.buttonLabel || 'BUY NOW'
-
-    const product = {}
-    product.code = item[keys.code]
-    product.name = item[keys.title]
-    product.description = item[keys.description]
-    product.image = item[keys.image] || item[keys.picture]?.src || ''
-    product.price = item[keys.priceRaw] ?? item[keys.priceMinor] ?? item[keys.amount] ?? 0
-    product.currency = (settings.currency || 'DKK')
-    product.quantity = Number(item[keys.quantity] || 1)
-
-    const seller = {}
-    seller.code = item[keys.sellerCode] || ''
-    seller.name = item[keys.sellerName] || ''
-
-    return (
-        <BookCardPod
-            settings={settings}
-            data={data}
-            shopper={(
-                <Shopper
-                    data={data}
-                    labels={labels}
-                    settings={settings}
-                    product={product}
-                    seller={seller}
-                    onPressQuantity={onPressQuantity}
-                    onPressLanguage={onPressLanguage}
-                />
-            )}
-        >
-            <BookProse item={prose.main}/>
-            <BookProse item={prose.about}/>
-        </BookCardPod>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/panels/card/book/BookCard.pod.js

@@ -1,37 +0,0 @@
-import { useStyle } from '#@/style/@use.js'
-import { View } from '#@/imports/core/View.js'
-import { Text } from '#@/imports/core/Text.js'
-
-const BookTitleBlockPod = ({ title, subtitle }) => {
-
-    const { s, c, f, F, S } = useStyle()
-
-    F.title = [s.fs32, s.lh50, s.fw700]
-    F.subtitle = [s.fs20, s.lh32, s.fw400]
-
-    S.box = [s.col_cXcY, s.X, s.marginT16, c.item_NN_B600]
-    S.title = [...F.title, s.textC, s.Xc, c.item_NN_B400]
-    S.subtitle = [...F.subtitle, s.textC, s.Xc, c.item_NN_B400]
-
-    return (
-        <View classes={S.box}>
-            <Text classes={S.title} font={f.f1} text={title} />
-            <Text classes={S.subtitle} font={f.f1} text={subtitle} />
-        </View>
-    )
-}
-
-export const BookCardPod = ({ settings = {}, data = {}, shopper, children }) => {
-
-    const { s, S } = useStyle()
-
-    S.root = [s.col_cX, s.X, s.gap16]
-
-    return (
-        <View classes={S.root}>
-            <BookTitleBlockPod title={data.title} subtitle={data.subtitle} />
-            {shopper}
-            {children}
-        </View>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/panels/card/book/BookProse.js

@@ -1,22 +0,0 @@
-import { Prose } from '#@/panels/prose/Prose.js'
-
-export const BookProse = ({ item={} }) => {
-
-    return Object.entries(item).map(([key, node]) => {
-
-        if (node?.type !== 'prose') return null
-
-        return (
-            <Prose
-                key={key}
-                lang={{
-                    value: node.value,
-                    style: node.attributes?.style || {},
-                    spans: node.attributes?.spans || [],
-                }}
-            />
-        )
-    })
-}
-
-

package/assets/root.fullstackunicorn.dev/frontend/panels/grid/book/Grid.js

@@ -1,115 +0,0 @@
-import { Fragment, useMemo } from 'react'
-import { useContainerSize } from '#@/imports/use.js'
-import { GridPod, GridRowPod, XGapPod, YGapPod } from '#@/panels/grid/book/Grid.pod.js'
-import { Item } from '#@/panels/grid/book/Item.js'
-
-const chunkRows = (list = [], columns = 1) => {
-    const safeColumns = Math.max(1, columns)
-    const rows = []
-
-    for (let i = 0; i < list.length; i += safeColumns) {
-        rows.push(list.slice(i, i + safeColumns))
-    }
-
-    return rows
-}
-
-const getColumns = (containerWidth, settings = {}) => {
-    const minWidth = settings.cardMinWidth || 220
-    const gapX = settings.cardGapX ?? settings.cardGap ?? 16
-
-    if (!containerWidth || containerWidth <= 0) return 1
-
-    let columns = Math.floor((containerWidth + gapX) / (minWidth + gapX))
-    if (columns < 1) columns = 1
-
-    let cardWidth = Math.floor((containerWidth - ((columns - 1) * gapX)) / columns)
-
-    while (columns > 1 && settings.cardMinWidth && cardWidth < settings.cardMinWidth) {
-        columns -= 1
-        cardWidth = Math.floor((containerWidth - ((columns - 1) * gapX)) / columns)
-    }
-
-    while (columns < 12 && settings.cardMaxWidth && cardWidth > settings.cardMaxWidth) {
-        columns += 1
-        cardWidth = Math.floor((containerWidth - ((columns - 1) * gapX)) / columns)
-    }
-
-    if (columns < 1) columns = 1
-
-    return columns
-}
-
-const getCardWidth = (containerWidth, columns, settings = {}) => {
-    if (!containerWidth || containerWidth <= 0) return 0
-
-    const gapX = columns > 1 ? (settings.cardGapX ?? settings.cardGap ?? 16) : 0
-    const totalGap = (columns - 1) * gapX
-    const width = Math.floor((containerWidth - totalGap) / columns)
-
-    return width > 0 ? width : 0
-}
-
-export const Grid = ({ list = [], data = {}, keys = {}, settings = {}, top, bottom, trigger }) => {
-    const { viewRef, width: containerWidth } = useContainerSize()
-
-    const columns = useMemo(() => {
-        return getColumns(containerWidth, settings)
-    }, [containerWidth, settings])
-
-    const cardWidth = useMemo(() => {
-        return getCardWidth(containerWidth, columns, settings)
-    }, [containerWidth, columns, settings])
-
-    const rows = useMemo(() => {
-        return chunkRows(list, columns)
-    }, [list, columns])
-
-    const gapX = columns > 1 ? (settings.cardGapX ?? settings.cardGap ?? 16) : 0
-    const gapY = settings.cardGapY ?? settings.rowGap ?? settings.cardGap ?? 16
-
-    const cardInline = cardWidth > 0 ? {
-        width: `${cardWidth}px`,
-        minWidth: `${cardWidth}px`,
-        maxWidth: `${cardWidth}px`,
-    } : {}
-
-    return (
-        <>
-            {top}
-
-            <GridPod viewRef={viewRef}>
-                {containerWidth > 0 && rows.map((row, rowIndex) => (
-                    <Fragment key={`row-${rowIndex}`}>
-                        <GridRowPod>
-                            {row.map((key, columnIndex) => {
-                                const item = data[key]
-                                if (!item) return null
-
-                                const isLast = columnIndex === row.length - 1
-
-                                return (
-                                    <Fragment key={key || `${rowIndex}-${columnIndex}`}>
-                                        <Item
-                                            type={settings.cardType}
-                                            inline={cardInline}
-                                            picture={item[keys.picture]}
-                                            title={item[keys.title]}
-                                            price={item[keys.text]}
-                                            linkTo={item[keys.link] || `/${key}`}
-                                        />
-                                        {!isLast && <XGapPod size={gapX} />}
-                                    </Fragment>
-                                )
-                            })}
-                        </GridRowPod>
-
-                        {rowIndex < rows.length - 1 && <YGapPod size={gapY} />}
-                    </Fragment>
-                ))}
-            </GridPod>
-
-            {bottom}
-        </>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/panels/grid/book/Grid.pod.js

@@ -1,65 +0,0 @@
-import { useStyle } from '#@/style/@use.js'
-import { View } from '#@/imports/core/View.js'
-
-export const XGapPod = ({ size = 16 }) => {
-    const { S, I } = useStyle()
-
-    S.gap = []
-    I.gap = {
-        width: `${size}px`,
-        minWidth: `${size}px`,
-        maxWidth: `${size}px`,
-        flexShrink: 0,
-    }
-
-    return <View classes={S.gap} inline={I.gap} />
-}
-
-export const YGapPod = ({ size = 16 }) => {
-    const { S, I } = useStyle()
-
-    S.gap = []
-    I.gap = {
-        height: `${size}px`,
-        minHeight: `${size}px`,
-        maxHeight: `${size}px`,
-        width: '100%',
-        flexShrink: 0,
-    }
-
-    return <View classes={S.gap} inline={I.gap} />
-}
-
-export const GridRowPod = ({ children }) => {
-    const { s, S, I } = useStyle()
-
-    S.row = [s.row, s.Xx, s.Yc]
-    I.row = {
-        // width: '100%',
-        // height:'100%',
-        // alignItems: 'stretch',
-        // justifyContent: 'flex-start',
-        flexWrap: 'nowrap',
-    }
-
-    return (
-        <View classes={S.row} inline={I.row}>
-            {children}
-        </View>
-    )
-}
-
-export const GridPod = ({ children, viewRef }) => {
-    const { s, S, I } = useStyle()
-
-    S.grid = [s.col]
-    I.grid = {
-        width: '100%',
-    }
-
-    return (
-        <View classes={S.grid} inline={I.grid} viewRef={viewRef}>
-            {children}
-        </View>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/panels/grid/book/Item.js

@@ -1,3 +0,0 @@
-import { ItemPod } from '#@/panels/grid/book/Item.pod.js'
-
-export const Item = ItemPod

package/assets/root.fullstackunicorn.dev/frontend/panels/grid/book/Item.pod.js

@@ -1,50 +0,0 @@
-import { useStyle } from '#@/style/@use.js'
-import { HoverCard } from '#@/imports/animated/HoverCard.js'
-import { View } from '#@/imports/core/View.js'
-import { Img } from '#@/imports/core/Img.js'
-import { Text } from '#@/imports/core/Text.js'
-import { Link } from '#@/modules/core/Link.js'
-
-export const ItemPod = ({ picture, title, price, linkTo, inline = {}, type }) => {
-
-    const { s, c, f, t, F, B, S, I, H } = useStyle()
-
-    B.card = t.cards?.[type] || t.cards.portrait
-
-    F.title = [s.fs17, s.fw600, s.lh24, c.item_NN_B600]
-    F.price = [s.fs16, s.fw500, c.item_NN_B400]
-
-    S.box = [s.col, s.Yr]
-    S.link = B.card.link
-    S.card = B.card.box
-    S.pictureWrap = B.card.pictureWrap
-    S.pictureBox = B.card.pictureBox
-    S.picture = B.card.picture
-    S.content = B.card.content
-    S.title = [...F.title, ...B.card.title]
-    S.spacer = [s.Yc]
-    S.price = [...F.price, ...B.card.price]
-
-    I.box = inline
-    I.link = { display: 'block', width: '100%' }
-    I.pictureBox = { ratio: picture.ratio}
-
-    return (
-        <View classes={S.box} inline={I.box}>
-            <Link linkTo={linkTo} classes={S.link} inline={I.link}>
-                <HoverCard classes={S.card}>
-                    <View classes={S.pictureWrap}>
-                        <View classes={S.pictureBox} inline={I.pictureBok}>
-                            <Img classes={S.picture} picture={picture} />
-                        </View>
-                    </View>
-                    <View classes={S.content}>
-                        <Text classes={S.title} text={title} />
-                        <View classes={S.spacer} />
-                        <Text classes={S.price} text={price} />
-                    </View>
-                </HoverCard>
-            </Link>
-        </View>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/panels/layout/Bottom.js

@@ -1,12 +0,0 @@
-import { BottomPod } from './Bottom.pod.js'
-
-export const Bottom = () => {
-
-    const year = new Date().getFullYear()
-    const minderable = { href:"https://websites.minderable.com", text:'Powered by Minderable' }
-    const text = `Copyright © ${year}`
-
-    return (
-        <BottomPod text={text} minderable={minderable}/>
-    )
-}