fulldev-ui 0.5.0-beta.0 → 0.5.0-beta.2

package/src/components/Sidebar.astro

@@ -12,11 +12,19 @@ interface Props extends GlobalProps, HTMLAttributes<'aside'> {
   size?: 'sm' | 'md' | 'lg' | undefined
   search?: boolean | undefined
   logo?: string | undefined
+  company?: string | undefined
   buttons?: any[] | undefined
   open?: boolean | undefined
 }
 
-const { size = 'sm', open = false, logo, buttons, search } = Astro.props
+const {
+  size = 'sm',
+  open = false,
+  logo,
+  company,
+  buttons,
+  search,
+} = Astro.props
 ---
 
 <input
@@ -31,7 +39,10 @@ const { size = 'sm', open = false, logo, buttons, search } = Astro.props
   {size}
   {open}
 >
-  <Logo {logo} />
+  <Logo
+    src={logo}
+    company={company}
+  />
   {search && <Search />}
   <Element class:list="buttons">
     {

package/src/components/docs/PropsTable.astro

@@ -6,7 +6,7 @@ import { pascal } from 'radash'
 const slug = Astro.url.pathname.replace(/\/$/, '').split('/').pop() || ''
 const componentName = pascal(slug)
 
-const allComponents = import.meta.glob('src/**/*.astro', { eager: true })
+const allComponents = import.meta.glob('/src/**/*.astro', { eager: true })
 const foundComponent = Object.entries(allComponents).find(
   ([key]) => key.split('/').pop() === `${componentName}.astro`
 )?.[1] as any

package/src/content/presets/base.yml

@@ -13,7 +13,7 @@ toc: false
 themeselect: true
 
 header:
-  logo: Fulldev UI
+  company: Fulldev UI
   buttons:
     - text: Docs
       href: /overview/introduction

package/src/content/presets/docs.yml

@@ -5,7 +5,7 @@ header: false
 banner: false
 
 navigation:
-  logo: Fulldev UI
+  company: Fulldev UI
   buttons:
     - heading: Get Started
       buttons:

package/src/integration/index.ts

@@ -1,5 +1,7 @@
 import viteYaml from '@rollup/plugin-yaml'
 import type { AstroIntegration } from 'astro'
+import favicons from 'astro-favicons'
+import type { CollectionEntry } from 'astro:content'
 import merge from 'deepmerge'
 import fs from 'fs/promises'
 import yaml from 'js-yaml'
@@ -14,9 +16,11 @@ type Color = {
 }
 
 interface Config {
+  favicon?: string
+  company?: string
   css?: string
+  basePreset?: CollectionEntry<'presets'>['id']
   injectRoutes?: boolean
-  overrideComponents?: boolean
   generateImageEntries?: boolean
   colors: {
     theme: 'light' | 'dark'
@@ -52,6 +56,21 @@ export default function fulldevIntegration(
         injectRoute,
       }) => {
         // ----------------------
+        // Inject favicon integration
+        // ----------------------
+        config.favicon &&
+          config.company &&
+          updateConfig({
+            integrations: [
+              favicons({
+                path: 'favicon',
+                masterPicture: config.favicon,
+                appName: config.company,
+                appShortName: config.company,
+              }),
+            ],
+          })
+        // ----------------------
         // Inject css
         // ----------------------
         config?.css && injectScript('page-ssr', `import "${config?.css}";`)

package/src/layouts/OverviewLayout.astro

@@ -11,7 +11,7 @@ import { getChildPages } from 'fulldev-ui/utils/getChildPages.ts'
 
 type Props = ComponentProps<typeof Layout>
 
-const { slug, render, sections, children, ...rest } = Astro.props
+const { slug, sections, title, description } = Astro.props
 
 const childPages = await getChildPages(slug)
 const categoryPages = await getCategoryPages(slug)
@@ -19,14 +19,17 @@ const categoryPages = await getCategoryPages(slug)
 ---
 
 <Layout {...Astro.props}>
-  <Intro {...rest} />
+  <Intro
+    heading={title}
+    text={description}
+  />
   <Categories
-    pages={childPages}
+    cards={childPages}
     structure="grid"
     panel
   />
   <Products
-    pages={categoryPages}
+    cards={categoryPages}
     structure="grid"
   />
   <Article style={{ '--screen': '768px' }} />

package/src/schemas/pageSchema.ts

@@ -1,6 +1,8 @@
 import { getEntries, getEntry, z } from 'astro:content'
 import { assign } from 'radash'
+import fulldevConfig from 'virtual:fulldev-ui/config'
 import image from './components/image'
+import images from './components/images'
 import sections from './components/sections'
 import categories from './utils/categories'
 import component from './utils/component'
@@ -25,12 +27,20 @@ const presets = z
   })
   .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))
-    )
+
+    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
   })
@@ -51,6 +61,7 @@ export default i18n.pipe(presets).pipe(
       title: z.string(),
       description: z.string().optional(),
       image,
+      images,
       sections,
       header: z.any(),
       footer: z.any(),

package/.astro/assets.mjs

@@ -1 +0,0 @@
-export default new Map();