fulldev-ui 0.7.0-beta.4 → 0.7.0-beta.6

package/src/content/blocks/faqs2.md

@@ -0,0 +1,18 @@
+---
+block: Faqs2
+writeup: |
+  <h1>Lorem ipsum dolor sit amet</h1>
+  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.</p>
+buttons:
+  - text: "Lorem ipsum"
+    href: "#"
+  - text: "Lorem ipsum"
+    href: "#"
+faqs:
+  - title: "Lorem ipsum 1"
+    description: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos."
+  - title: "Lorem ipsum 2"
+    description: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos."
+  - title: "Lorem ipsum 3"
+    description: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos."
+---

package/src/content/blocks/features1.md

@@ -0,0 +1,16 @@
+---
+block: Features1
+writeup: |
+  <h1>Lorem ipsum dolor sit amet</h1>
+  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.</p>
+features:
+  - icon: check
+    title: "Lorem ipsum"
+    description: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos."
+  - icon: check
+    title: "Lorem ipsum"
+    description: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos."
+  - icon: check
+    title: "Lorem ipsum"
+    description: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos."
+---

package/src/content/blocks/hero1.md

@@ -0,0 +1,14 @@
+---
+block: Hero1
+writeup: |
+  <h1>Lorem ipsum dolor sit amet</h1>
+  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.</p>
+buttons:
+  - text: "Lorem ipsum"
+    href: "#"
+  - text: "Lorem ipsum"
+    href: "#"
+image:
+  src: "/images/placeholder.webp"
+  alt: "alt"
+---

package/src/content/blocks/intro1.md

@@ -0,0 +1,6 @@
+---
+block: Intro1
+writeup: |
+  <h1>Lorem ipsum dolor sit amet</h1>
+  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.</p>
+---

package/src/content/blocks/post-single1.md

@@ -0,0 +1,18 @@
+---
+block: PostSingle1
+title: "Lorem ipsum dolor sit amet"
+description: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos."
+image:
+  src: "/images/placeholder.webp"
+  alt: "alt"
+---
+
+<h2>Lorem ipsum dolor sit amet</h2>
+<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.</p>
+
+<h2>Lorem ipsum dolor sit amet</h2>
+<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.</p>
+
+<h2>Lorem ipsum dolor sit amet</h2>
+<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.</p>
+

package/src/content/blocks/product-group1.md

@@ -0,0 +1,21 @@
+---
+block: ProductGroup1
+title: "Lorem ipsum dolor sit amet"
+description: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos."
+products:
+  - title: "Lorem ipsum"
+    price: 100
+    images:
+      - src: "/images/placeholder.webp"
+        alt: "alt"
+  - title: "Lorem ipsum"
+    price: 100
+    images:
+      - src: "/images/placeholder.webp"
+        alt: "alt"
+  - title: "Lorem ipsum"
+    price: 100
+    images:
+      - src: "/images/placeholder.webp"
+        alt: "alt"
+---

package/src/content/blocks/product-list1.md

@@ -0,0 +1,25 @@
+---
+block: ProductList1
+writeup: |
+  <h1>Lorem ipsum dolor sit amet</h1>
+  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.</p>
+button:
+  text: "Lorem ipsum"
+  href: "#"
+products:
+  - title: "Lorem ipsum"
+    price: 100
+    images:
+      - src: "/images/placeholder.webp"
+        alt: "alt"
+  - title: "Lorem ipsum"
+    price: 100
+    images:
+      - src: "/images/placeholder.webp"
+        alt: "alt"
+  - title: "Lorem ipsum"
+    price: 100
+    images:
+      - src: "/images/placeholder.webp"
+        alt: "alt"
+---

package/src/content/blocks/product-single1.md

@@ -0,0 +1,23 @@
+---
+block: ProductSingle1
+title: "Lorem ipsum dolor sit amet"
+description: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos."
+price: 100
+images:
+  - src: "/images/placeholder.webp"
+    alt: "alt"
+  - src: "/images/placeholder.webp"
+    alt: "alt"
+  - src: "/images/placeholder.webp"
+    alt: "alt"
+---
+
+<h2>Lorem ipsum dolor sit amet</h2>
+<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.</p>
+
+<h2>Lorem ipsum dolor sit amet</h2>
+<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.</p>
+
+<h2>Lorem ipsum dolor sit amet</h2>
+<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.</p>
+

package/src/content/blocks/reviews1.md

@@ -0,0 +1,16 @@
+---
+block: Reviews1
+writeup: |
+  <h1>Lorem ipsum dolor sit amet</h1>
+  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.</p>
+reviews:
+  - rating: 5
+    title: "Lorem ipsum"
+    description: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos."
+  - rating: 5
+    title: "Lorem ipsum"
+    description: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos."
+  - rating: 5
+    title: "Lorem ipsum"
+    description: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos."
+---

package/src/content.config.ts

@@ -0,0 +1,20 @@
+import { pageSchema } from '@/schemas/collections/page'
+import { glob } from 'astro/loaders'
+import { defineCollection, z } from 'astro:content'
+
+export const collections = {
+  pages: defineCollection({
+    loader: glob({
+      pattern: '**/[^_]*.{md,mdx}',
+      base: './src/content/pages',
+    }),
+    schema: pageSchema,
+  }),
+  blocks: defineCollection({
+    loader: glob({
+      pattern: '**/[^_]*.{md,mdx}',
+      base: './src/content/blocks',
+    }),
+    schema: z.any(),
+  }),
+}

package/src/data/settings.json

@@ -0,0 +1,26 @@
+{
+  "company": "Fulldev UI",
+  "title": "Fulldev UI",
+  "description": "The Astro UI library for building content sites. Components and blocks to build content-driven websites.",
+  "logo": {
+    "src": "/images/logo.svg",
+    "alt": "Fulldev UI",
+    "text": "Fulldev UI"
+  },
+  "header": {
+    "menus": [
+      {
+        "text": "Docs",
+        "href": "/docs/"
+      },
+      {
+        "text": "Components",
+        "href": "/docs/components/"
+      },
+      {
+        "text": "Blocks",
+        "href": "/blocks/"
+      }
+    ]
+  }
+}

package/src/layouts/NavigationLayout.astro

@@ -0,0 +1,14 @@
+---
+import Box from '@/components/Box.astro'
+import Layout from '@/components/Layout.astro'
+import '@/styles/global.css'
+import type { ComponentProps } from 'astro/types'
+
+interface Props extends ComponentProps<typeof Layout> {}
+---
+
+<Layout>
+  <Box as="main">
+    <slot />
+  </Box>
+</Layout>

package/src/lib/integration.ts

@@ -0,0 +1,27 @@
+import tailwind from '@astrojs/tailwind'
+import vue from '@astrojs/vue'
+import type { AstroIntegration } from 'astro'
+
+interface Config {}
+
+export default function fulldevIntegration(config?: Partial<Config> | undefined): AstroIntegration {
+  return {
+    name: '/integration',
+    hooks: {
+      'astro:config:setup': async ({ updateConfig, injectScript }) => {
+        // Update the config with required integrations
+        updateConfig({
+          integrations: [
+            vue(),
+            tailwind({
+              applyBaseStyles: false,
+            }),
+          ],
+        })
+
+        // Inject the global CSS file
+        injectScript('page-ssr', `import "@/styles/global.css";`)
+      },
+    },
+  }
+}

package/src/pages/blocks/[...block].astro

@@ -0,0 +1,24 @@
+---
+import Block from '@/components/Block.astro'
+import NavigationLayout from '@/layouts/NavigationLayout.astro'
+import { getCollection, render } from 'astro:content'
+
+export async function getStaticPaths() {
+  const collection = await getCollection('blocks')
+  return collection.map((entry) => ({
+    params: {
+      block: entry.id,
+    },
+    props: entry,
+  }))
+}
+
+const { Content } = await render(Astro.props)
+const { data } = Astro.props
+---
+
+<NavigationLayout>
+  <Block {...data}>
+    <Content />
+  </Block>
+</NavigationLayout>

package/src/pages/blocks/index.astro

@@ -0,0 +1,21 @@
+---
+import NavigationLayout from '@/layouts/NavigationLayout.astro'
+import { getCollection } from 'astro:content'
+
+const collection = await getCollection('blocks')
+---
+
+<NavigationLayout>
+  <h1 class="p4 text-2xl font-bold">Blocks</h1>
+  <ul class="list-dist my-6 ml-4 list-disc p-4 li:mt-2">
+    {
+      collection
+        .sort((a, b) => a.id.localeCompare(b.id))
+        .map((block) => (
+          <li>
+            <a href={`/blocks/${block.id}/`}>{block.id}</a>
+          </li>
+        ))
+    }
+  </ul>
+</NavigationLayout>

package/src/pages/index.astro

@@ -0,0 +1,8 @@
+---
+import NavigationLayout from '@/layouts/NavigationLayout.astro'
+---
+
+<NavigationLayout>
+  <h1>Blocks</h1>
+  <a href="/blocks/">Blocks</a>
+</NavigationLayout>

package/src/schemas/blocks/categoryGroup.ts

@@ -7,7 +7,7 @@ export const categoryGroupSchema = z
     description: z.string().optional(),
     categories: categorySingleSchema
       .extend({
-        href: z.string(),
+        href: z.string().optional(),
       })
       .array()
       .optional(),

package/src/schemas/blocks/categoryList.ts

@@ -1,5 +1,5 @@
+import { buttonSchema } from '@/schemas/fields/button'
 import { z } from 'astro:content'
-import { buttonSchema } from 'fulldev-ui/schemas/fields/button'
 import { categorySingleSchema } from '../blocks/categorySingle'
 
 export const categoryListSchema = z

package/src/schemas/blocks/categorySingle.ts

@@ -1,5 +1,5 @@
+import { imageSchema } from '@/schemas/fields/image'
 import { z } from 'astro:content'
-import { imageSchema } from 'fulldev-ui/schemas/fields/image.ts'
 
 export const categorySingleSchema = z
   .object({

package/src/schemas/blocks/content.ts

@@ -1,5 +1,5 @@
+import { buttonSchema } from '@/schemas/fields/button'
 import { z } from 'astro:content'
-import { buttonSchema } from 'fulldev-ui/schemas/fields/button.ts'
 import { imageSchema } from '../fields/image'
 
 export const contentSchema = z

package/src/schemas/blocks/cta.ts

@@ -1,5 +1,5 @@
+import { buttonSchema } from '@/schemas/fields/button'
 import { z } from 'astro:content'
-import { buttonSchema } from 'fulldev-ui/schemas/fields/button.ts'
 
 export const ctaSchema = z
   .object({

package/src/schemas/blocks/faqs.ts

@@ -7,10 +7,11 @@ export const faqsSchema = z
     buttons: buttonSchema.array().optional(),
     faqs: z
       .object({
-        title: z.string(),
-        description: z.string(),
+        title: z.string().optional(),
+        description: z.string().optional(),
       })
-      .array(),
+      .array()
+      .optional(),
   })
   .strict()
 

package/src/schemas/blocks/features.ts

@@ -5,11 +5,12 @@ export const featuresSchema = z
     writeup: z.string().optional(),
     features: z
       .object({
-        icon: z.string(),
-        title: z.string(),
-        description: z.string(),
+        icon: z.string().optional(),
+        title: z.string().optional(),
+        description: z.string().optional(),
       })
-      .array(),
+      .array()
+      .optional(),
   })
   .strict()
 

package/src/schemas/blocks/footer.ts

@@ -1,7 +1,7 @@
+import { channelSchema } from '@/schemas/fields/channel'
+import { logoSchema } from '@/schemas/fields/logo'
+import { menuSchema } from '@/schemas/fields/menu'
 import { z } from 'astro:content'
-import { channelSchema } from 'fulldev-ui/schemas/fields/channel.ts'
-import { logoSchema } from 'fulldev-ui/schemas/fields/logo.ts'
-import { menuSchema } from 'fulldev-ui/schemas/fields/menu.ts'
 
 export const footerSchema = z
   .object({

package/src/schemas/blocks/header.ts

@@ -1,7 +1,7 @@
+import { buttonSchema } from '@/schemas/fields/button'
+import { logoSchema } from '@/schemas/fields/logo'
+import { menuSchema } from '@/schemas/fields/menu'
 import { z } from 'astro:content'
-import { buttonSchema } from 'fulldev-ui/schemas/fields/button.ts'
-import { logoSchema } from 'fulldev-ui/schemas/fields/logo.ts'
-import { menuSchema } from 'fulldev-ui/schemas/fields/menu.ts'
 
 export const headerSchema = z
   .object({

package/src/schemas/blocks/hero.ts

@@ -1,5 +1,5 @@
+import { buttonSchema } from '@/schemas/fields/button'
 import { z } from 'astro:content'
-import { buttonSchema } from 'fulldev-ui/schemas/fields/button.ts'
 import { badgeSchema } from '../fields/badge'
 import { imageSchema } from '../fields/image'
 

package/src/schemas/blocks/productList.ts

@@ -1,5 +1,5 @@
+import { buttonSchema } from '@/schemas/fields/button'
 import { z } from 'astro:content'
-import { buttonSchema } from 'fulldev-ui/schemas/fields/button'
 import { productSingleSchema } from './productSingle'
 
 export const productListSchema = z

package/src/schemas/blocks/productSingle.ts

@@ -1,5 +1,5 @@
+import { imageSchema } from '@/schemas/fields/image'
 import { reference, z } from 'astro:content'
-import { imageSchema } from 'fulldev-ui/schemas/fields/image.ts'
 import { buttonSchema } from '../fields/button'
 
 export const productSingleSchema = z

package/src/schemas/collections/block.ts

@@ -0,0 +1,83 @@
+import { z } from 'astro:content'
+import { categoryGroupSchema } from '../blocks/categoryGroup'
+import { categoryListSchema } from '../blocks/categoryList'
+import { contactSchema } from '../blocks/contact'
+import { contentSchema } from '../blocks/content'
+import { ctaSchema } from '../blocks/cta'
+import { faqsSchema } from '../blocks/faqs'
+import { featuresSchema } from '../blocks/features'
+import { footerSchema } from '../blocks/footer'
+import { headerSchema } from '../blocks/header'
+import { heroSchema } from '../blocks/hero'
+import { introSchema } from '../blocks/intro'
+import { postSingleSchema } from '../blocks/postSingle'
+import { productGroupSchema } from '../blocks/productGroup'
+import { productListSchema } from '../blocks/productList'
+import { productSingleSchema } from '../blocks/productSingle'
+import { reviewsSchema } from '../blocks/reviews'
+
+// export const blockSchema = z
+//   .object({
+//     title: z.string().optional(),
+//     description: z.string().optional(),
+//     categories: categorySingleSchema
+//       .extend({
+//         href: z.string().optional(),
+//       })
+//       .array()
+//       .optional(),
+//   })
+//   .passthrough()
+
+export const blockSchema = z.union([
+  categoryGroupSchema.extend({
+    block: z.string(),
+  }),
+  categoryListSchema.extend({
+    block: z.string(),
+  }),
+  contactSchema.extend({
+    block: z.string(),
+  }),
+  contentSchema.extend({
+    block: z.string(),
+  }),
+  ctaSchema.extend({
+    block: z.string(),
+  }),
+  faqsSchema.extend({
+    block: z.string(),
+  }),
+  featuresSchema.extend({
+    block: z.string(),
+  }),
+  footerSchema.extend({
+    block: z.string(),
+  }),
+  headerSchema.extend({
+    block: z.string(),
+  }),
+  heroSchema.extend({
+    block: z.string(),
+  }),
+  introSchema.extend({
+    block: z.string(),
+  }),
+  postSingleSchema.extend({
+    block: z.string(),
+  }),
+  productGroupSchema.extend({
+    block: z.string(),
+  }),
+  productListSchema.extend({
+    block: z.string(),
+  }),
+  productSingleSchema.extend({
+    block: z.string(),
+  }),
+  reviewsSchema.extend({
+    block: z.string(),
+  }),
+])
+
+export type BlockSchema = z.infer<typeof blockSchema>

package/src/schemas/collections/category.ts

@@ -0,0 +1,11 @@
+import { categorySingleSchema } from '@/schemas/blocks/categorySingle'
+import { metaSchema } from '@/schemas/fields/meta'
+import { sectionSchema } from '@/schemas/fields/section'
+import { z } from 'astro:content'
+
+export const categorySchema = categorySingleSchema.extend({
+  meta: metaSchema.optional(),
+  sections: sectionSchema.array().optional(),
+})
+
+export type CategorySchema = z.infer<typeof categorySchema>

package/src/schemas/collections/page.ts

@@ -0,0 +1,13 @@
+import { metaSchema } from '@/schemas/fields/meta'
+import { sectionSchema } from '@/schemas/fields/section'
+import { z } from 'astro:content'
+
+export const pageSchema = z
+  .object({
+    title: z.string().optional(),
+    meta: metaSchema.optional(),
+    sections: sectionSchema.array().optional(),
+  })
+  .strict()
+
+export type PageSchema = z.infer<typeof pageSchema>

package/src/schemas/collections/post.ts

@@ -0,0 +1,11 @@
+import { postSingleSchema } from '@/schemas/blocks/postSingle'
+import { metaSchema } from '@/schemas/fields/meta'
+import { sectionSchema } from '@/schemas/fields/section'
+import { z } from 'astro:content'
+
+export const postSchema = postSingleSchema.extend({
+  meta: metaSchema.optional(),
+  sections: sectionSchema.array().optional(),
+})
+
+export type PostSchema = z.infer<typeof postSchema>

package/src/schemas/collections/product.ts

@@ -0,0 +1,11 @@
+import { productSingleSchema } from '@/schemas/blocks/productSingle'
+import { metaSchema } from '@/schemas/fields/meta'
+import { sectionSchema } from '@/schemas/fields/section'
+import { z } from 'astro:content'
+
+export const productSchema = productSingleSchema.extend({
+  meta: metaSchema.optional(),
+  sections: sectionSchema.array().optional(),
+})
+
+export type ProductSchema = z.infer<typeof productSchema>

package/src/schemas/fields/card.ts

@@ -1,7 +1,7 @@
+import { badgeSchema } from '@/schemas/fields/badge'
+import { buttonSchema } from '@/schemas/fields/button'
+import { imageSchema } from '@/schemas/fields/image'
 import { z } from 'astro:content'
-import { badgeSchema } from 'fulldev-ui/schemas/fields/badge.ts'
-import { buttonSchema } from 'fulldev-ui/schemas/fields/button.ts'
-import { imageSchema } from 'fulldev-ui/schemas/fields/image.ts'
 
 export const cardSchema = z
   .object({

package/src/schemas/fields/menu.ts

@@ -1,5 +1,5 @@
+import { linkSchema } from '@/schemas/fields/link'
 import { z } from 'astro:content'
-import { linkSchema } from 'fulldev-ui/schemas/fields/link.ts'
 
 export const menuSchema = z
   .object({

package/src/schemas/fields/proof.ts

@@ -1,5 +1,5 @@
+import { imageSchema } from '@/schemas/fields/image'
 import { z } from 'astro:content'
-import { imageSchema } from 'fulldev-ui/schemas/fields/image.ts'
 
 export const proofSchema = z
   .object({

package/src/schemas/fields/section.ts

@@ -10,7 +10,7 @@ import { introSchema } from '../blocks/intro'
 import { productListSchema } from '../blocks/productList'
 import { reviewsSchema } from '../blocks/reviews'
 
-export const section = z.union([
+export const sectionSchema = z.union([
   categoryListSchema.extend({
     block: z.string(),
     categories: reference('categories').array().optional(),
@@ -45,4 +45,4 @@ export const section = z.union([
   }),
 ])
 
-export type SectionSchema = z.infer<typeof section>
+export type SectionSchema = z.infer<typeof sectionSchema>