fulldev-ui 0.4.29 → 0.5.0-beta.0

package/src/schemas/components/footer.ts

@@ -0,0 +1,24 @@
+import { z } from 'astro:content'
+import buttons from './buttons'
+import channels from './channels'
+import heading from './heading'
+import logo from './logo'
+import socials from './socials'
+import text from './text'
+
+export default z
+  .object({
+    logo,
+    text,
+    socials,
+    channels,
+    columns: z.array(
+      z
+        .object({
+          heading,
+          buttons,
+        })
+        .partial()
+    ),
+  })
+  .partial()

package/src/schemas/components/header.ts

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

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,18 @@
+import { reference, z } from 'astro:content'
+
+export default z.union([reference('images'), 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/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/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/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,63 @@
+import { getEntries, getEntry, z } from 'astro:content'
+import { assign } from 'radash'
+import image from './components/image'
+import sections from './components/sections'
+import categories from './utils/categories'
+import component from './utils/component'
+import navigation from './utils/navigation'
+import pathSchema from './utils/pathSchema'
+
+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
+  })
+
+const presets = z
+  .object({
+    presets: z.array(pathSchema('presets')).optional(),
+  })
+  .passthrough()
+  .transform(async ({ presets, ...rest }) => {
+    if (!presets) return rest
+    const entries = await getEntries(presets)
+    let mergedData = {}
+    entries.forEach(
+      (preset: any) => (mergedData = assign(mergedData, preset.data))
+    )
+    mergedData = assign(mergedData, rest)
+    return mergedData as typeof rest
+  })
+
+export default i18n.pipe(presets).pipe(
+  z
+    .object({
+      component,
+      categories,
+      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,
+      sections,
+      header: z.any(),
+      footer: z.any(),
+      navigation,
+      toc: z.any(),
+      sidebar: z.any(),
+    })
+    .partial()
+    .passthrough()
+)

package/src/schemas/presetSchema.ts

@@ -0,0 +1,29 @@
+import { z } from 'astro:content'
+import image from './components/image'
+import sections from './components/sections'
+import categories from './utils/categories'
+import component from './utils/component'
+
+export default z
+  .object({
+    component,
+    categories,
+    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,
+    sections,
+    header: z.any(),
+    footer: z.any(),
+    navigation: z.any(),
+    toc: z.any(),
+    sidebar: z.any(),
+  })
+  .partial()

package/src/schemas/utils/categories.ts

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

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,53 @@
+// import { z } from 'astro:content'
+// import button from '../components/button'
+// import buttons from '../components/buttons'
+// import heading from '../components/heading'
+// import logo from '../components/logo'
+
+// export default z.object({
+//   logo,
+//   buttons: z.array(
+//     button.or(
+//       z.object({
+//         heading,
+//         buttons,
+//       })
+//     )
+//   ),
+// })
+
+import { z } from 'astro:content'
+import pathSchema from '../utils/pathSchema'
+
+const button = pathSchema('pages').or(
+  z
+    .object({
+      text: z.string(),
+      href: z.string(),
+      heading: z.never(),
+      buttons: z.never(),
+    })
+    .partial()
+    .passthrough()
+)
+
+const group = z
+  .object({
+    heading: z.string(),
+    buttons: z.array(button),
+    text: z.never(),
+    href: z.never(),
+  })
+  .partial()
+  .passthrough()
+
+export default z
+  .object({
+    logo: z.string(),
+    search: z.boolean(),
+    sidebar: z.boolean(),
+    toc: z.boolean(),
+    buttons: z.array(button.or(group)),
+  })
+  .partial()
+  .passthrough()

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/types/global-props.d.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/getCategoryPages.ts

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

package/src/utils/getChildPages.ts

@@ -0,0 +1,16 @@
+import { getCollection, type CollectionEntry } from 'astro:content'
+
+// Records that are in a folder with the current page's slug
+export const getChildPages = 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/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,6 @@
 {
-  "extends": "astro/tsconfigs/strict",
+  "extends": "astro/tsconfigs/strictest",
   "compilerOptions": {
-    "jsx": "preserve",
     "baseUrl": ".",
     "paths": {
       "fulldev-ui/*": [

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>

package/src/components/Bento.astro

@@ -1,43 +0,0 @@
----
-import type { HTMLTag, Polymorphic } from 'astro/types'
-import Root from 'fulldev-ui/components/Root.astro'
-
-type Props<As extends HTMLTag = 'div'> = Polymorphic<{ as: As }> & {
-  size?: 'sm' | 'md' | 'lg'
-  color?: 'base' | 'brand'
-}
-
-const { ...rest } = Astro.props
----
-
-<Root
-  class:list="bento"
-  {...rest}
->
-  <slot />
-</Root>
-
-<style is:global lang="scss">
-  @layer fulldev {
-    .bento {
-      display: grid;
-      position: relative;
-      grid-template-columns: 1fr;
-      gap: var(--space-4);
-      width: 100%;
-
-      @media (min-width: 1024px) {
-        grid-template-columns: repeat(5, 1fr);
-
-        & > * {
-          grid-column: span 2;
-        }
-
-        & > *:nth-child(3n + 2),
-        & > *:nth-child(3n + 3) {
-          grid-column: span 3;
-        }
-      }
-    }
-  }
-</style>