fulldev-ui 0.7.0-beta.9 → 0.7.0

package/src/content/pages/blocks/pricings-3.md

@@ -0,0 +1,9 @@
+---
+block: pricings-3
+layout: block
+seo:
+  title: Pricings 3 - fulldev/ui
+  description: Here you can find version 3 of all pricings blocks.
+  noindex: true
+  nofollow: true
+---

package/src/content/pages/blocks/pricings.md

@@ -0,0 +1,12 @@
+---
+block: blocks-2
+title: Pricings
+description: Here you can find all the pricings blocks available in the library.
+refs:
+  - /src/content/pages/blocks/pricings-1.md
+  - /src/content/pages/blocks/pricings-2.md
+  - /src/content/pages/blocks/pricings-3.md
+seo:
+  title: Pricings blocks - fulldev/ui
+  description: Here you can find all the pricings blocks available in the library.
+---

package/src/content/pages/blocks/product-1.md

@@ -0,0 +1,9 @@
+---
+block: product-1
+layout: block
+seo:
+  title: Product 1 - fulldev/ui
+  description: Here you can find version 1 of all product blocks.
+  noindex: true
+  nofollow: true
+---

package/src/content/pages/blocks/product.md

@@ -0,0 +1,10 @@
+---
+block: blocks-2
+title: Product
+description: Here you can find all the product blocks available in the library.
+refs:
+  - /src/content/pages/blocks/product-1.md
+seo:
+  title: Product blocks - fulldev/ui
+  description: Here you can find all the product blocks available in the library.
+---

package/src/content/pages/blocks/products-1.md

@@ -0,0 +1,9 @@
+---
+block: products-1
+layout: block
+seo:
+  title: Products 1 - fulldev/ui
+  description: Here you can find version 1 of all products blocks.
+  noindex: true
+  nofollow: true
+---

package/src/content/pages/blocks/products-2.md

@@ -0,0 +1,9 @@
+---
+block: products-2
+layout: block
+seo:
+  title: Products 2 - fulldev/ui
+  description: Here you can find version 2 of all products blocks.
+  noindex: true
+  nofollow: true
+---

package/src/content/pages/blocks/products-3.md

@@ -0,0 +1,9 @@
+---
+block: products-3
+layout: block
+seo:
+  title: Products 3 - fulldev/ui
+  description: Here you can find version 3 of all products blocks.
+  noindex: true
+  nofollow: true
+---

package/src/content/pages/blocks/products-4.md

@@ -0,0 +1,9 @@
+---
+block: products-4
+layout: block
+seo:
+  title: Products 4 - fulldev/ui
+  description: Here you can find version 4 of all products blocks.
+  noindex: true
+  nofollow: true
+---

package/src/content/pages/blocks/products-5.md

@@ -0,0 +1,9 @@
+---
+block: products-5
+layout: block
+seo:
+  title: Products 5 - fulldev/ui
+  description: Here you can find version 5 of all products blocks.
+  noindex: true
+  nofollow: true
+---

package/src/content/pages/blocks/products.md

@@ -0,0 +1,14 @@
+---
+block: blocks-2
+title: Products
+description: Here you can find all the products blocks available in the library.
+refs:
+  - /src/content/pages/blocks/products-1.md
+  - /src/content/pages/blocks/products-2.md
+  - /src/content/pages/blocks/products-3.md
+  - /src/content/pages/blocks/products-4.md
+  - /src/content/pages/blocks/products-5.md
+seo:
+  title: Products blocks - fulldev/ui
+  description: Here you can find all the products blocks available in the library.
+---

package/src/content/pages/blocks/reviews-1.md

@@ -0,0 +1,9 @@
+---
+block: reviews-1
+layout: block
+seo:
+  title: Reviews 1 - fulldev/ui
+  description: Here you can find version 1 of all reviews blocks.
+  noindex: true
+  nofollow: true
+---

package/src/content/pages/blocks/reviews-2.md

@@ -0,0 +1,9 @@
+---
+block: reviews-2
+layout: block
+seo:
+  title: Reviews 2 - fulldev/ui
+  description: Here you can find version 2 of all reviews blocks.
+  noindex: true
+  nofollow: true
+---

package/src/content/pages/blocks/reviews-3.md

@@ -0,0 +1,9 @@
+---
+block: reviews-3
+layout: block
+seo:
+  title: Reviews 3 - fulldev/ui
+  description: Here you can find version 3 of all reviews blocks.
+  noindex: true
+  nofollow: true
+---

package/src/content/pages/blocks/reviews-4.md

@@ -0,0 +1,9 @@
+---
+block: reviews-4
+layout: block
+seo:
+  title: Reviews 4 - fulldev/ui
+  description: Here you can find version 4 of all reviews blocks.
+  noindex: true
+  nofollow: true
+---

package/src/content/pages/blocks/reviews-5.md

@@ -0,0 +1,9 @@
+---
+block: reviews-5
+layout: block
+seo:
+  title: Reviews 5 - fulldev/ui
+  description: Here you can find version 5 of all reviews blocks.
+  noindex: true
+  nofollow: true
+---

package/src/content/pages/blocks/reviews.md

@@ -0,0 +1,14 @@
+---
+block: blocks-2
+title: Reviews
+description: Here you can find all the reviews blocks available in the library.
+refs:
+  - /src/content/pages/blocks/reviews-1.md
+  - /src/content/pages/blocks/reviews-2.md
+  - /src/content/pages/blocks/reviews-3.md
+  - /src/content/pages/blocks/reviews-4.md
+  - /src/content/pages/blocks/reviews-5.md
+seo:
+  title: Reviews blocks - fulldev/ui
+  description: Here you can find all the reviews blocks available in the library.
+---

package/src/content/pages/blocks/services-1.md

@@ -0,0 +1,9 @@
+---
+block: services-1
+layout: block
+seo:
+  title: Services 1 - fulldev/ui
+  description: Here you can find version 1 of all services blocks.
+  noindex: true
+  nofollow: true
+---

package/src/content/pages/blocks/services-2.md

@@ -0,0 +1,9 @@
+---
+block: services-2
+layout: block
+seo:
+  title: Services 2 - fulldev/ui
+  description: Here you can find version 2 of all services blocks.
+  noindex: true
+  nofollow: true
+---

package/src/content/pages/blocks/services-3.md

@@ -0,0 +1,9 @@
+---
+block: services-3
+layout: block
+seo:
+  title: Services 3 - fulldev/ui
+  description: Here you can find version 3 of all services blocks.
+  noindex: true
+  nofollow: true
+---

package/src/content/pages/blocks/services-4.md

@@ -0,0 +1,9 @@
+---
+block: services-4
+layout: block
+seo:
+  title: Services 4 - fulldev/ui
+  description: Here you can find version 4 of all services blocks.
+  noindex: true
+  nofollow: true
+---

package/src/content/pages/blocks/services-5.md

@@ -0,0 +1,9 @@
+---
+block: services-5
+layout: block
+seo:
+  title: Services 5 - fulldev/ui
+  description: Here you can find version 5 of all services blocks.
+  noindex: true
+  nofollow: true
+---

package/src/content/pages/blocks/services-6.md

@@ -0,0 +1,9 @@
+---
+block: services-6
+layout: block
+seo:
+  title: Services 6 - fulldev/ui
+  description: Here you can find version 6 of all services blocks.
+  noindex: true
+  nofollow: true
+---

package/src/content/pages/blocks/services-7.md

@@ -0,0 +1,9 @@
+---
+block: services-7
+layout: block
+seo:
+  title: Services 7 - fulldev/ui
+  description: Here you can find version 7 of all services blocks.
+  noindex: true
+  nofollow: true
+---

package/src/content/pages/blocks/services.md

@@ -0,0 +1,16 @@
+---
+block: blocks-2
+title: Services
+description: Here you can find all the services blocks available in the library.
+refs:
+  - /src/content/pages/blocks/services-1.md
+  - /src/content/pages/blocks/services-2.md
+  - /src/content/pages/blocks/services-3.md
+  - /src/content/pages/blocks/services-4.md
+  - /src/content/pages/blocks/services-5.md
+  - /src/content/pages/blocks/services-6.md
+  - /src/content/pages/blocks/services-7.md
+seo:
+  title: Services blocks - fulldev/ui
+  description: Here you can find all the services blocks available in the library.
+---

package/src/content/pages/blocks.md

@@ -0,0 +1,45 @@
+---
+sections:
+  - block: links-1
+    html: |
+      <h2>Blocks</h2>
+      <p>Here you can find all the blocks available in the library. Blocks have not been extensively tested, but they are good examples. We are working on improvements and adding more blocks.</p>
+    links:
+      - text: Article (2)
+        href: /blocks/article/
+      - text: Articles (4)
+        href: /blocks/articles/
+      - text: Banner (2)
+        href: /blocks/banner/
+      - text: Contact (3)
+        href: /blocks/contact/
+      - text: Content (4)
+        href: /blocks/content/
+      - text: Cta (8)
+        href: /blocks/cta/
+      - text: Faqs (4)
+        href: /blocks/faqs/
+      - text: Features (6)
+        href: /blocks/features/
+      - text: Footer (2)
+        href: /blocks/footer/
+      - text: Header (3)
+        href: /blocks/header/
+      - text: Hero (13)
+        href: /blocks/hero/
+      - text: Logos (3)
+        href: /blocks/logos/
+      - text: Pricing (3)
+        href: /blocks/pricings/
+      - text: Product (1)
+        href: /blocks/product/
+      - text: Products (5)
+        href: /blocks/products/
+      - text: Reviews (5)
+        href: /blocks/reviews/
+      - text: Services (7)
+        href: /blocks/services/
+seo:
+  title: Astro Blocks for content-driven websites - fulldev/ui
+  description: fulldev/ui is a complete Astro block library with ready-to-use UI blocks. Build content-driven websites faster with our Astro UI blocks library designed for developers.
+---

package/src/content/pages/index.md

@@ -0,0 +1,73 @@
+---
+sections:
+  - block: hero-14
+    link:
+      text: Inspired by shadcn/ui, but built for Astro 🚀
+    html: |
+      <h1><strong><span class="text-primary">Astro</span> UI component and block library</strong> compatible with shadcn/ui</h1>
+      <p>Vanilla Astro components with no framework dependencies - Shadcn/ui compatible - content-first components like section and tile.</p>
+    links:
+      - text: View Components
+        href: /docs/components/
+      - text: View Blocks
+        href: /blocks/
+  - block: blocks-4
+    refs:
+      - /src/content/pages/blocks/articles-3.md
+      - /src/content/pages/blocks/contact-2.md
+      - /src/content/pages/blocks/cta-3.md
+      - /src/content/pages/blocks/cta-5.md
+      - /src/content/pages/blocks/faqs-2.md
+      - /src/content/pages/blocks/features-5.md
+      - /src/content/pages/blocks/footer-1.md
+      - /src/content/pages/blocks/header-1.md
+      - /src/content/pages/blocks/logos-2.md
+      - /src/content/pages/blocks/pricings-3.md
+      - /src/content/pages/blocks/products-1.md
+      - /src/content/pages/blocks/reviews-4.md
+      - /src/content/pages/blocks/services-4.md
+      - /src/content/pages/blocks/services-5.md
+  - block: features-5
+    items:
+      - title: Built for developers
+        description: Work in the framework you know and love, get performance benefits of Astro out of the box.
+        icon: code
+      - title: Built for content
+        description: Integrates seamlessly with Astro content collections, which works great with AI agents.
+        icon: file-text
+      - title: Built for agents
+        description: Because we use the same API as shadcn/ui, AI agents understand how to use it.
+        icon: rocket
+  - block: content-5
+    html: |
+      <h2>Complete Astro UI <strong>components library</strong></h2>
+      <p>fulldev/ui is an Astro component library built with vanilla Astro and zero framework dependencies. Our Astro UI components are fully compatible with shadcn/ui design patterns and work seamlessly with Astro content collections. Perfect for building content-driven websites.</p>
+    links:
+      - text: View Components
+        href: /docs/components/
+    image:
+      src: ../../assets/my-accordion-code-example-homepage.astro.webp
+      alt: Astro UI Components
+  - block: content-6
+    html: |
+      <h2>Prebuilt Astro <strong>content blocks</strong></h2>
+      <p>Skip the repetitive work. Our library of Astro blocks includes ready-to-use sections like heroes, reviews, pricings, and call-to-actions. Designed for content-first websites, these pre-built Astro blocks help you scaffold complex layouts faster while maintaining design consistency.</p>
+    links:
+      - text: View Blocks
+        href: /blocks/
+    image:
+      src: ../../assets/my-cta-code-example-homepage.astro.webp
+      alt: Astro Blocks
+  - block: cta-8
+    html: |
+      <h2><strong>Free and open-source</strong> Astro UI component library</h2>
+      <p>Everything you need to build stunning content-driven websites with zero framework dependencies. Complete Astro components, pre-built blocks, and shadcn/ui compatibility.</p>
+    links:
+      - text: View Components
+        href: /docs/components/
+      - text: View Blocks
+        href: /blocks/
+seo:
+  title: Astro UI component and block library for content-driven websites - fulldev/ui
+  description: fulldev/ui is a complete Astro component library with ready-to-use UI components and blocks. Build content-driven websites faster with our Astro UI components library designed for developers.
+---

package/src/content.config.example.ts

@@ -0,0 +1,21 @@
+import { defineCollection } from "astro:content"
+import { glob } from "astro/loaders"
+
+import { page } from "@/lib/schemas"
+
+export const collections = {
+  pages: defineCollection({
+    loader: glob({
+      pattern: "**/[^_]*.{md,mdx}",
+      base: "src/content/pages",
+    }),
+    schema: page,
+  }),
+  layouts: defineCollection({
+    loader: glob({
+      pattern: "**/[^_]*.{yaml,yml,json}",
+      base: "src/content/layouts",
+    }),
+    schema: page,
+  }),
+}

package/src/content.config.ts

@@ -0,0 +1,28 @@
+import { docsLoader } from "@astrojs/starlight/loaders"
+import { docsSchema } from "@astrojs/starlight/schema"
+import { defineCollection } from "astro:content"
+import { glob } from "astro/loaders"
+
+import { page } from "@/lib/schemas"
+
+export const collections = {
+  pages: defineCollection({
+    loader: glob({
+      pattern: "**/[^_]*.{md,mdx}",
+      base: "src/content/pages",
+    }),
+    schema: page,
+  }),
+  layouts: defineCollection({
+    loader: glob({
+      pattern: "**/[^_]*.{yaml,yml,json}",
+      base: "src/content/layouts",
+    }),
+    schema: page,
+  }),
+  // Starlight docs
+  docs: defineCollection({
+    loader: docsLoader(),
+    schema: docsSchema(),
+  }),
+}

package/src/env.d.ts

@@ -0,0 +1,2 @@
+/// <reference path="../.astro/types.d.ts" />
+/// <reference types="astro/client" />

package/src/lib/schemas.ts

@@ -0,0 +1,169 @@
+import { z, type SchemaContext } from "astro:content"
+
+const link = z
+  .object({
+    text: z.string(),
+    href: z.string(), // internal: trailing slash; external: full URL
+    icon: z.string(),
+    target: z.string(), // _blank for external
+  })
+  .partial()
+  .strict()
+
+const image = ({ image }: SchemaContext) =>
+  z
+    .object({
+      src: image(), // local relative: ../../assets/image.webp; remote: full URL
+      alt: z.string(),
+    })
+    .partial()
+    .strict()
+
+const logo = ({ image }: SchemaContext) =>
+  z
+    .object({
+      src: image(), // local relative: ../../assets/image.webp; remote: full URL
+      alt: z.string(),
+      text: z.string(),
+      href: z.string(),
+    })
+    .partial()
+    .strict()
+
+const seo = (ctx: SchemaContext) =>
+  z
+    .object({
+      title: z.string(),
+      description: z.string(),
+      image: image(ctx),
+      noindex: z.boolean(),
+      nofollow: z.boolean(),
+      canonical: z.string(),
+    })
+    .partial()
+    .strict()
+
+const form = z
+  .object({
+    action: z.string(),
+    submit: z.string(), // submit button label
+    inbox: z.string(), // CloudCannon inbox key
+    fields: z.array(
+      z
+        .object({
+          type: z
+            .enum([
+              "text",
+              "email",
+              "textarea",
+              "tel",
+              "checkbox",
+              "radio-group",
+              "select",
+            ])
+            .default("text"),
+          name: z.string(),
+          label: z.string(),
+          placeholder: z.string(),
+          required: z.boolean(),
+          value: z.string(),
+          options: z.array(z.string()),
+        })
+        .partial()
+        .strict()
+    ),
+  })
+  .partial()
+  .strict()
+
+const menu = z
+  .object({
+    text: z.string(),
+    href: z.string(),
+    target: z.string(),
+    links: link.array(),
+  })
+  .partial()
+  .strict()
+
+const rating = z.number().min(0).max(5)
+
+// References
+const ref = z.string() // path: "/src/content/pages/services/my-service.md"
+const glob = z.string() // page folder: "services/"
+
+const item = (ctx: SchemaContext) =>
+  z
+    .object({
+      href: z.string(),
+      html: z.string(),
+      name: z.string(),
+      title: z.string(),
+      link: link,
+      subtitle: z.string(),
+      description: z.string(),
+      tagline: z.string(),
+      icon: z.string(),
+      image: image(ctx),
+      images: image(ctx).array(),
+      logo: logo(ctx),
+      logos: logo(ctx).array(),
+      links: link.array(),
+      rating: rating,
+      price: z.string().or(z.number()),
+      unit: z.string(),
+      socials: z.string().array(),
+      list: z.string().array(),
+      video: z.string(),
+    })
+    .partial()
+    .strict()
+
+const block = (ctx: SchemaContext) =>
+  item(ctx)
+    .extend({
+      block: z.string(),
+      id: z.string(),
+      class: z.string(),
+      menus: menu.array(),
+      form: form,
+      item: item(ctx),
+      ref: ref,
+      items: item(ctx)
+        .extend({
+          item: item(ctx),
+          ref: ref,
+          items: item(ctx).array(),
+          refs: ref.array(),
+          glob: glob,
+        })
+        .partial()
+        .strict()
+        .array(),
+      refs: ref.array(),
+      glob: glob,
+    })
+    .partial()
+    .strict()
+
+const page = (ctx: SchemaContext) =>
+  block(ctx)
+    .extend({
+      block: z.string(),
+      layout: z.string(),
+      headers: block(ctx).array(),
+      sections: block(ctx).array(),
+      footers: block(ctx).array(),
+      seo: seo(ctx),
+      head: z.string(),
+      body: z.string(),
+    })
+    .partial()
+    .strict()
+
+// exports are used in astro content collections. See src/content.config.ts
+export { block, page }
+
+// Export for dynamic block rendering in src/components/block.astro
+export type BlockSchema = z.infer<ReturnType<typeof block>>
+export type PageSchema = z.infer<ReturnType<typeof page>>

package/src/lib/utils.ts

@@ -1,5 +1,5 @@
-import { type ClassValue, clsx } from 'clsx'
-import { twMerge } from 'tailwind-merge'
+import { clsx, type ClassValue } from "clsx"
+import { twMerge } from "tailwind-merge"
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs))

package/src/pages/[...page].astro

@@ -0,0 +1,37 @@
+---
+import { getCollection, getEntry, render } from "astro:content"
+
+import Layout from "@/components/layout.astro"
+
+export async function getStaticPaths() {
+  const pages = await getCollection("pages")
+  return pages.map((page) => {
+    return {
+      params: {
+        page: page.id === "index" ? undefined : page.id,
+      },
+      props: page,
+    }
+  })
+}
+
+const page = Astro.props
+const { layout } = page.data
+const { Content } = await render(Astro.props)
+
+const indexLayout = await getEntry("layouts", "index")
+const pageLayout = layout ? await getEntry("layouts", layout) : undefined
+---
+
+<Layout
+  {...indexLayout?.data}
+  {...pageLayout?.data}
+  {...page.data}
+  sections={[
+    ...(page.data?.sections || []),
+    ...(pageLayout?.data?.sections || []),
+    ...(indexLayout?.data?.sections || []),
+  ]}
+>
+  <Content />
+</Layout>