fulldev-ui 0.4.32 → 0.5.0-beta-16

package/src/schemas/components/heading.ts

@@ -0,0 +1,3 @@
+import { z } from 'astro:content'
+
+export default z.string()

package/src/schemas/components/icon.ts

@@ -0,0 +1,3 @@
+import { z } from 'astro:content'
+
+export default z.string()

package/src/schemas/components/image.ts

@@ -0,0 +1,25 @@
+import { reference, z } from 'astro:content'
+
+const imagePath = z.preprocess((data: unknown) => {
+  if (typeof data === 'string') {
+    return data.split('/').pop()
+  }
+  return data
+}, reference('images'))
+
+export default z.union([imagePath, z.object({}).passthrough()]).pipe(
+  z
+    .object({
+      id: z
+        .string()
+        .refine(async (data) => await reference('images').parseAsync(data)),
+      src: z.string(),
+      alt: z.string(),
+      width: z.number(),
+      height: z.number(),
+    })
+    .partial()
+    .passthrough()
+)
+
+// export default z.any()

package/src/schemas/components/images.ts

@@ -0,0 +1,4 @@
+import { z } from 'astro:content'
+import image from './image'
+
+export default z.array(image)

package/src/schemas/components/list.ts

@@ -0,0 +1,3 @@
+import { z } from 'astro:content'
+
+export default z.array(z.string())

package/src/schemas/components/logo.ts

@@ -0,0 +1,3 @@
+import image from './image'
+
+export default image

package/src/schemas/components/menu.ts

@@ -0,0 +1,13 @@
+import { z } from 'astro:content'
+import buttons from './buttons'
+import heading from './heading'
+
+export default z.array(
+  z
+    .object({
+      heading,
+      buttons,
+    })
+    .partial()
+    .passthrough()
+)

package/src/schemas/components/price.ts

@@ -0,0 +1,3 @@
+import { z } from 'astro:content'
+
+export default z.number()

package/src/schemas/components/rating.ts

@@ -0,0 +1,15 @@
+import { z } from 'astro:content'
+import avatar from './avatar'
+import avatars from './avatars'
+import text from './text'
+
+export default z.number().or(
+  z
+    .object({
+      value: z.number(),
+      avatar,
+      avatars,
+      text,
+    })
+    .partial()
+)

package/src/schemas/components/section.ts

@@ -0,0 +1,15 @@
+import component from '../utils/component'
+import buttons from './buttons'
+import cards from './cards'
+import image from './image'
+import writeup from './writeup'
+
+export default writeup
+  .extend({
+    component,
+    image,
+    buttons,
+    cards,
+  })
+  .partial()
+  .passthrough()

package/src/schemas/components/sections.ts

@@ -0,0 +1,3 @@
+import section from './section'
+
+export default section.array()

package/src/schemas/components/sidebar.ts

@@ -0,0 +1,15 @@
+import { z } from 'astro:content'
+import logo from '../components/logo'
+import menu from '../components/menu'
+import heading from './heading'
+import toc from './toc'
+
+export default z
+  .object({
+    logo,
+    heading,
+    menu,
+    toc,
+  })
+  .partial()
+  .passthrough()

package/src/schemas/components/social.ts

@@ -0,0 +1,3 @@
+import { z } from 'astro:content'
+
+export default z.string()

package/src/schemas/components/socials.ts

@@ -0,0 +1,4 @@
+import { z } from 'astro:content'
+import social from './social'
+
+export default z.array(social)

package/src/schemas/components/tagline.ts

@@ -0,0 +1,3 @@
+import { z } from 'astro:content'
+
+export default z.string()

package/src/schemas/components/text.ts

@@ -0,0 +1,3 @@
+import { z } from 'astro:content'
+
+export default z.string()

package/src/schemas/components/toc.ts

@@ -0,0 +1,3 @@
+import { z } from 'astro:content'
+
+export default z.string()

package/src/schemas/components/writeup.ts

@@ -0,0 +1,20 @@
+import { z } from 'astro:content'
+import badge from './badge'
+import heading from './heading'
+import list from './list'
+import price from './price'
+import rating from './rating'
+import tagline from './tagline'
+import text from './text'
+
+export default z
+  .object({
+    rating,
+    badge,
+    tagline,
+    heading,
+    text,
+    list,
+    price,
+  })
+  .partial()

package/src/schemas/imageSchema.ts

@@ -0,0 +1,12 @@
+import { z } from 'astro:content'
+
+export default z
+  .object({
+    id: z.string(),
+    src: z.string(),
+    alt: z.string().default(''),
+    width: z.number(),
+    height: z.number(),
+    format: z.string(),
+  })
+  .passthrough()

package/src/schemas/pageSchema.ts

@@ -0,0 +1,91 @@
+import { getEntries, getEntry, z } from 'astro:content'
+import { assign } from 'radash'
+import fulldevConfig from 'virtual:fulldev-ui/config'
+import footer from './components/footer'
+import header from './components/header'
+import image from './components/image'
+import images from './components/images'
+import price from './components/price'
+import section from './components/section'
+import sections from './components/sections'
+import sidebar from './components/sidebar'
+import toc from './components/toc'
+import component from './utils/component'
+import navigation from './utils/navigation'
+import parents from './utils/parents'
+import pathSchema from './utils/pathSchema'
+
+export const i18n = z
+  .object({
+    i18n: pathSchema('pages').optional(),
+  })
+  .passthrough()
+  .transform(async ({ i18n, ...rest }) => {
+    if (!i18n) return rest
+    const entry = await getEntry(i18n)
+    const merged = assign(entry.data, rest) as typeof rest
+    return merged as typeof rest
+  })
+
+export const presets = z
+  .object({
+    presets: z.array(pathSchema('presets')).optional(),
+  })
+  .passthrough()
+  .transform(async ({ presets, ...rest }) => {
+    let mergedData = {}
+
+    if (fulldevConfig.basePreset) {
+      const baseEntry = await getEntry('presets', fulldevConfig.basePreset)
+      mergedData = assign(mergedData, baseEntry?.data || {})
+    }
+
+    if (presets) {
+      const entries = await getEntries(presets)
+      entries.forEach(
+        (preset: any) => (mergedData = assign(mergedData, preset.data))
+      )
+    }
+
+    mergedData = assign(mergedData, rest)
+    return mergedData as typeof rest
+  })
+
+export const page = z
+  .object({
+    component,
+    parents,
+    theme: z.enum(['light', 'dark']),
+    lang: z.string(),
+    seo: z
+      .object({
+        title: z.string().optional(),
+        description: z.string().optional(),
+      })
+      .optional(),
+    title: z.string(),
+    description: z.string().optional(),
+    image,
+    images,
+    section,
+    sections,
+    footer,
+    header: header,
+    sidebar: sidebar,
+    navigation,
+    toc,
+    price,
+    code: z.any(),
+    sizes: z.any(),
+    banner: z.any(),
+    _schema: z.any(),
+    uitverkocht: z.any(),
+    rating: z.any(),
+    variants: z.any(),
+    heading: z.any(),
+    href: z.any(),
+  })
+  .partial()
+  .strict()
+
+export default i18n.pipe(presets).pipe(page)

package/src/schemas/presetSchema.ts

@@ -0,0 +1,3 @@
+import { page } from './pageSchema'
+
+export default page

package/src/schemas/utils/component.ts

@@ -0,0 +1,17 @@
+import { z } from 'astro:content'
+import { mapKeys } from 'radash'
+
+export default z.string().refine(
+  (value) => {
+    const packageComponents = import.meta.glob('../../**/*.astro')
+    const userComponents = import.meta.glob('/src/**/*.astro')
+    const mapBlockKeys = (blocks: any) =>
+      mapKeys(blocks, (key: any) => key.split('/').pop().split('.').shift())
+    const mergedComponents = {
+      ...mapBlockKeys(packageComponents),
+      ...mapBlockKeys(userComponents),
+    }
+    return mergedComponents[value] !== undefined
+  },
+  (value) => ({ message: `component: the component "${value}" does not exist` })
+)

package/src/schemas/utils/navigation.ts

@@ -0,0 +1,8 @@
+import { z } from 'astro:content'
+import header from '../components/header'
+import sidebar from '../components/sidebar'
+
+export default sidebar.merge(header).extend({
+  header: z.boolean().optional(),
+  sidebar: z.boolean().optional(),
+})

package/src/schemas/utils/parents.ts

@@ -0,0 +1,3 @@
+import pathSchema from './pathSchema'
+
+export default pathSchema('pages').array().optional()

package/src/schemas/{utils.ts → utils/pathSchema.ts}

@@ -1,19 +1,10 @@
 import { reference, z, type AnyEntryMap } from 'astro:content'
 
-// export const pagesPath = z
-//   .string()
-//   .transform((value) => {
-//     const fullpath = value?.split(`pages/`).pop()
-//     const slug = fullpath?.split('.').shift()
-//     return slug
-//   })
-//   .pipe(reference('pages'))
-
-export const pathSchema = <C extends keyof AnyEntryMap>(collection: C) =>
+// TODO: preprocess instead
+export default <C extends keyof AnyEntryMap>(collection: C) =>
   z
     .string()
     .transform((value) => {
-      // @ts-ignore
       const fullpath = value?.split(`${collection}/`).pop()
       const slug = fullpath?.split('.').shift()
       const noIndexEnding = slug?.replace('/index', '')

package/src/stores/cart.ts

@@ -0,0 +1,23 @@
+import { persistentAtom } from '@nanostores/persistent'
+import { computed } from 'nanostores'
+
+// type Item = CollectionEntry<'products'>['data'] & {
+//   quantity: number
+// }
+
+type Item = any
+
+export const $cart = persistentAtom<Item[] | []>('cart', [], {
+  encode: JSON.stringify,
+  decode: JSON.parse,
+})
+
+// export const cartIsOpen = atom(false)
+
+export const $totalPrice = computed($cart, ($cart) =>
+  $cart.reduce((a, b) => +a + b.price * b.quantity, 0)
+)
+
+// export const totalQuantity = computed(cart, ($cart) =>
+//   $cart.reduce((a, b) => +a + b.quantity, 0)
+// )

package/src/types/global-props.ts

@@ -0,0 +1,16 @@
+export type GlobalProps = {
+  if?: any
+  theme?: 'light' | 'dark' | string | null | undefined
+  color?: 'base' | 'brand' | string | null | undefined
+  size?: 'sm' | 'md' | 'lg' | string | number | null | undefined
+  contrast?: boolean | undefined
+}
+
+// declare global {
+//   type GlobalProps = {
+//     theme?: 'light' | 'dark' | undefined
+//     color?: 'base' | 'brand' | undefined
+//     size?: 'sm' | 'md' | 'lg' | undefined
+//     contrast?: boolean | undefined
+//   }
+// }

package/src/types/virtual-modules.d.ts

@@ -0,0 +1,5 @@
+declare module 'virtual:*' {
+  import type { Config } from 'fulldev-ui/integration'
+  const content: Config
+  export default content
+}

package/src/utils/_archive/Childmorphic.ts

@@ -4,5 +4,5 @@
 //   [Key in keyof C & string as
 //     | Lowercase<Key>
 //     | Capitalize<Key>
-//     | `${string}${Capitalize<Key>}`]?: C[Key]
+//     | `${string}${Capitalize<Key>}`]?: undefined | C[Key]
 // }

package/src/utils/_archive/mergeEntries.ts

@@ -0,0 +1,28 @@
+// import { getEntry } from 'astro:content'
+// import { assign } from 'radash'
+
+// export const mergeEntries = async (entry: any) => {
+//   if (!entry) return entry
+//   const { data, slug } = entry
+//   const baseSettings = await getEntry('layouts', 'base')
+//   const enSettings = await getEntry('layouts', 'en')
+//   const deSettings = await getEntry('layouts', 'de')
+//   const frSettings = await getEntry('layouts', 'fr')
+//   const pageSettings = data.settings && (await getEntry(data.settings))
+//   const i18nSettings = data.i18n && (await getEntry(data.i18n))
+
+//   let merged = {}
+//   merged = assign(merged, baseSettings?.data ?? {})
+//   slug?.startsWith('en') && (merged = assign(merged, enSettings?.data ?? {}))
+//   slug?.startsWith('de') && (merged = assign(merged, deSettings?.data ?? {}))
+//   slug?.startsWith('fr') && (merged = assign(merged, frSettings?.data ?? {}))
+//   merged = assign(merged, i18nSettings?.data ?? {})
+//   merged = assign(merged, pageSettings?.data ?? {})
+//   merged = assign(merged, data)
+
+//   const newEntry = {
+//     ...entry,
+//     data: merged,
+//   }
+//   return newEntry
+// }

package/src/utils/cart.ts

@@ -0,0 +1,32 @@
+const slugify = (input: string): string => {
+  return input
+    .toLowerCase()
+    .replace(/[^a-z0-9]+/g, '-')
+    .replace(/^-+|-+$/g, '')
+}
+
+export const generateProductId = (
+  slug: string,
+  variants?: string[] | undefined
+): string => {
+  const slugified = slugify(slug)
+
+  if (variants && variants.length > 0)
+    return `${slugified}--${variants.map((variant) => slugify(variant)).join('--')}`
+
+  return slugified
+}
+
+export const generateProductName = (
+  title: string,
+  variants?: string[] | undefined
+): string => {
+  if (variants && variants.length > 0)
+    return `${title} / ${variants.join(' / ')}`
+
+  return title
+}
+
+export const formatPrice = (price: number): string => {
+  return `€${price?.toFixed(2).replace('.', ',')}`
+}

package/src/utils/getDeepReferenceChildren.ts

@@ -0,0 +1,14 @@
+import { getCollection, type CollectionEntry } from 'astro:content'
+
+// Pages that reference the current page
+export const getDeepReferenceChildren = async (
+  slug: CollectionEntry<'pages'>['slug']
+) =>
+  (
+    await getCollection('pages', (page) =>
+      page.data?.parents?.some((p: any) => p.slug.includes(slug))
+    )
+  )?.map(({ slug, data }) => ({
+    ...data,
+    href: `/${slug}/`,
+  }))

package/src/utils/getFolderChildren.ts

@@ -0,0 +1,18 @@
+import { getCollection, type CollectionEntry } from 'astro:content'
+
+// Records that are in a folder with the current page's slug
+export const getFolderChildren = async (
+  slug: CollectionEntry<'pages'>['slug']
+) =>
+  (
+    await getCollection(
+      'pages',
+      (page) =>
+        page.slug.startsWith(slug) &&
+        page.slug !== slug &&
+        !page.slug.replace(`${slug}/`, '').includes('/')
+    )
+  )?.map(({ slug, data }) => ({
+    ...data,
+    href: `/${slug}/`,
+  }))

package/src/utils/getReferenceChildren.ts

@@ -0,0 +1,14 @@
+import { getCollection, type CollectionEntry } from 'astro:content'
+
+// Pages that reference the current page
+export const getReferenceChildren = async (
+  slug: CollectionEntry<'pages'>['slug']
+) =>
+  (
+    await getCollection('pages', (page) =>
+      page.data?.parents?.some((p: any) => p.slug === slug)
+    )
+  )?.map(({ slug, data }) => ({
+    ...data,
+    href: `/${slug}/`,
+  }))

package/src/utils/getSiblingPages.ts

@@ -0,0 +1,14 @@
+import { getCollection, type CollectionEntry } from 'astro:content'
+
+// Pages that are in the same folder as the current page
+export const getSiblingPages = async (slug: CollectionEntry<'pages'>['slug']) =>
+  (
+    await getCollection('pages', (page) => {
+      const currentPageFolder = slug.split('/').slice(0, -1).join('/')
+      const pageFolder = page.slug.split('/').slice(0, -1).join('/')
+      return page.slug !== slug && pageFolder === currentPageFolder
+    })
+  )?.map(({ slug, data }) => ({
+    ...data,
+    href: `/${slug}/`,
+  }))

package/tsconfig.json

@@ -1,7 +1,7 @@
 {
-  "extends": "astro/tsconfigs/strict",
+  "extends": "astro/tsconfigs/strictest",
+  "include": ["src", "astro.config.ts"],
   "compilerOptions": {
-    "jsx": "preserve",
     "baseUrl": ".",
     "paths": {
       "fulldev-ui/*": [
@@ -9,7 +9,4 @@
       ]
     }
   },
-  "exclude": [
-    "dist"
-  ]
 }

package/public/favicon/site.webmanifest

@@ -1,19 +0,0 @@
-{
-    "name": "",
-    "short_name": "",
-    "icons": [
-        {
-            "src": "/favicon/android-chrome-192x192.png",
-            "sizes": "192x192",
-            "type": "image/png"
-        },
-        {
-            "src": "/favicon/android-chrome-512x512.png",
-            "sizes": "512x512",
-            "type": "image/png"
-        }
-    ],
-    "theme_color": "#ffffff",
-    "background_color": "#ffffff",
-    "display": "standalone"
-}

package/public/images/logo-placeholder.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="220" height="40" fill="none" viewBox="0 0 220 40"><path fill="#0E1534" d="M20 40c11.046 0 20-8.954 20-20V6a6 6 0 0 0-6-6H21v8.774c0 2.002.122 4.076 1.172 5.78a9.999 9.999 0 0 0 6.904 4.627l.383.062a.8.8 0 0 1 0 1.514l-.383.062a10 10 0 0 0-8.257 8.257l-.062.383a.8.8 0 0 1-1.514 0l-.062-.383a10 10 0 0 0-4.627-6.904C12.85 21.122 10.776 21 8.774 21H.024C.547 31.581 9.29 40 20 40Z"></path><path fill="#0E1534" d="M0 19h8.774c2.002 0 4.076-.122 5.78-1.172a10.018 10.018 0 0 0 3.274-3.274C18.878 12.85 19 10.776 19 8.774V0H6a6 6 0 0 0-6 6v13ZM46.455 2a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM211.711 12.104c5.591 0 8.289 3.905 8.289 8.428v8.495h-5.851V21.54c0-2.05-.748-3.742-2.893-3.742-2.145 0-2.86 1.692-2.86 3.742v7.486h-5.851V21.54c0-2.05-.715-3.742-2.861-3.742-2.145 0-2.893 1.692-2.893 3.742v7.486h-5.85v-8.495c0-4.523 2.697-8.428 8.288-8.428 3.056 0 5.266 1.204 6.274 3.189 1.072-1.985 3.413-3.19 6.208-3.19ZM180.427 23.82c1.885 0 2.698-1.725 2.698-3.776v-7.29h5.85v8.006c0 4.784-2.795 8.755-8.548 8.755-5.754 0-8.549-3.97-8.549-8.755v-8.006h5.851v7.29c0 2.05.812 3.776 2.698 3.776ZM163.275 29.547c-3.673 0-6.046-1.269-7.444-3.742l4.226-2.376c.585 1.041 1.462 1.562 2.925 1.562 1.203 0 1.755-.423 1.755-.944 0-1.985-8.581.033-8.581-6.28 0-3.06 2.6-5.533 7.021-5.533 3.868 0 5.981 1.887 6.924 3.71l-4.226 2.408c-.357-.976-1.463-1.562-2.568-1.562-.845 0-1.3.358-1.3.846 0 2.018 8.581.163 8.581 6.281 0 3.417-3.348 5.63-7.313 5.63ZM142.833 36.512h-5.851V20.858c0-4.98 3.738-8.592 8.939-8.592 5.071 0 8.939 3.873 8.939 8.592 0 5.207-3.446 8.657-8.614 8.657-1.203 0-2.405-.358-3.413-.912v7.909Zm3.088-12.497c1.853 0 3.088-1.432 3.088-3.125 0-1.724-1.235-3.124-3.088-3.124s-3.088 1.4-3.088 3.125c0 1.692 1.235 3.124 3.088 3.124ZM131.121 11.03c-1.918 0-3.51-1.595-3.51-3.515 0-1.92 1.592-3.515 3.51-3.515 1.918 0 3.511 1.595 3.511 3.515 0 1.92-1.593 3.515-3.511 3.515Zm-2.925 1.724h5.851v16.273h-5.851V12.754ZM116.97 29.515c-5.071 0-8.939-3.905-8.939-8.657 0-4.719 3.868-8.624 8.939-8.624s8.939 3.905 8.939 8.624c0 4.752-3.868 8.657-8.939 8.657Zm0-5.5c1.853 0 3.088-1.432 3.088-3.125 0-1.724-1.235-3.156-3.088-3.156s-3.088 1.432-3.088 3.156c0 1.693 1.235 3.125 3.088 3.125ZM96.983 37c-4.03 0-6.956-1.79-8.451-4.98l4.843-2.603c.52 1.107 1.495 2.246 3.51 2.246 2.114 0 3.511-1.335 3.674-3.678-.78.684-2.016 1.204-3.868 1.204-4.519 0-8.16-3.482-8.16-8.364 0-4.718 3.869-8.559 8.94-8.559 5.201 0 8.939 3.613 8.939 8.592v6.444c0 5.858-4.064 9.698-9.427 9.698Zm.39-13.31c1.755 0 3.088-1.205 3.088-2.995 0-1.757-1.332-2.929-3.088-2.929-1.723 0-3.088 1.172-3.088 2.93 0 1.79 1.365 2.993 3.088 2.993ZM78.607 29.515c-5.071 0-8.94-3.905-8.94-8.657 0-4.719 3.869-8.624 8.94-8.624 5.07 0 8.939 3.905 8.939 8.624 0 4.752-3.869 8.657-8.94 8.657Zm0-5.5c1.853 0 3.088-1.432 3.088-3.125 0-1.724-1.235-3.156-3.088-3.156s-3.088 1.432-3.088 3.156c0 1.693 1.235 3.125 3.088 3.125ZM59.013 7.06v16.434H68.7v5.533H58.2c-3.705 0-5.2-1.953-5.2-5.045V7.06h6.013Z"></path></svg>