fulldev-ui 0.6.4 → 0.7.0-beta.1

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

@@ -1,49 +0,0 @@
----
-import { getCollection, getEntry } from 'astro:content'
-import { getHref } from 'fulldev-ui/utils/getHref.ts'
-import { dash, pascal } from 'radash'
-import { mergeDeep } from 'remeda'
-
-export async function getStaticPaths() {
-  const collection = await getCollection('pages')
-  return collection.map((entry) => ({
-    params: {
-      page: getHref(entry.slug),
-    },
-    props: entry,
-  }))
-}
-
-const layoutName = Astro.props.data._layout ?? 'Page'
-const layoutComponentName = pascal(layoutName)
-
-const layoutsComponents = {
-  ...import.meta.glob('/src/layouts/**/*.astro'),
-  ...import.meta.glob('../layouts/**/*.astro'),
-}
-
-const layoutComponentPath = Object.keys(layoutsComponents).find(
-  (path) => path.split('/').pop()?.split('.')[0] === layoutComponentName
-)
-
-const LayoutComponent =
-  layoutComponentPath &&
-  (await (layoutsComponents[layoutComponentPath] as any)()).default
-
-const layoutEntryName = dash(layoutName)
-const layoutEntry = await getEntry('layouts', layoutEntryName)
-const baseLayout = await getEntry('layouts', 'base')
-const mergedLayouts = mergeDeep(baseLayout || {}, layoutEntry || {})
-const merged = mergeDeep(mergedLayouts, Astro.props)
-
-const { data, ...rest } = merged
----
-
-{
-  LayoutComponent && (
-    <LayoutComponent
-      {...data}
-      {...rest}
-    />
-  )
-}

package/src/pages/test.astro

@@ -1,16 +0,0 @@
-<form
-  method="post"
-  action="https://app.loops.so/api/newsletter-form/cljwl3ixr003pmi0pw4q1bvoy"
->
-  <input
-    type="text"
-    name="firstName"
-    required
-  />
-  <input
-    type="email"
-    name="email"
-    required
-  />
-  <button type="submit">Sign up</button>
-</form>

package/src/schemas/badge.ts

@@ -1,14 +0,0 @@
-import type { ComponentProps } from 'astro/types'
-import { z } from 'astro:content'
-import type Badge from 'fulldev-ui/components/Badge.astro'
-
-export const badgeSchema = z
-  .object({
-    icon: z.string().optional(),
-    text: z.string().optional(),
-    href: z.string().optional(),
-    target: z.literal('_blank').optional(),
-    size: z.enum(['sm', 'md', 'lg']).optional(),
-    variant: z.enum(['primary', 'secondary', 'outline']).optional(),
-  })
-  .strict() satisfies z.ZodType<ComponentProps<typeof Badge>>

package/src/schemas/block.ts

@@ -1,42 +0,0 @@
-import { z } from 'astro:content'
-import { buttonSchema } from 'fulldev-ui/schemas/button.ts'
-import { cardSchema } from 'fulldev-ui/schemas/card.ts'
-import { menuSchema } from 'fulldev-ui/schemas/menu.ts'
-import { pathSchema } from 'fulldev-ui/schemas/path.ts'
-
-export const blockSchema = cardSchema
-  .extend({
-    _block: z.string().optional(),
-    depth: z.union([z.literal(1), z.literal(2), z.literal(3)]).optional(),
-    themer: z.boolean().optional(),
-    search: z.boolean().optional(),
-    cart: z.boolean().optional(),
-    cards: cardSchema.array().optional(),
-    pros: cardSchema.optional(),
-    cons: cardSchema.optional(),
-    pages: pathSchema('pages').array().optional(),
-    records: pathSchema('records').array().optional(),
-    soldout: z.boolean().optional(),
-    variants: z.record(z.string(), z.string().array()).optional(),
-    categories: pathSchema('pages').array().optional(),
-    menus: menuSchema.array().optional(),
-    form: z
-      .object({
-        fields: z.array(z.any()).optional(),
-        button: buttonSchema.optional(),
-      })
-      .strict()
-      .optional(),
-    headings: z
-      .array(
-        z.object({
-          depth: z.number(),
-          slug: z.string(),
-          text: z.string(),
-        })
-      )
-      .optional(),
-  })
-  .strict()
-
-export type BlockSchema = z.infer<typeof blockSchema>

package/src/schemas/button.ts

@@ -1,17 +0,0 @@
-import { z } from 'astro:content'
-import { imageSchema } from 'fulldev-ui/schemas/image.ts'
-
-export const buttonSchema = z
-  .object({
-    icon: z.string().optional(),
-    image: imageSchema.optional(),
-    text: z.string().optional(),
-    href: z.string().optional(),
-    target: z.literal('_blank').optional(),
-    size: z.enum(['sm', 'md', 'lg']).optional(),
-    reverse: z.boolean().optional(),
-    variant: z.enum(['primary', 'secondary', 'outline', 'ghost']).optional(),
-  })
-  .strict()
-
-export type ButtonSchema = z.infer<typeof buttonSchema>

package/src/schemas/card.ts

@@ -1,43 +0,0 @@
-import { z } from 'astro:content'
-import { badgeSchema } from 'fulldev-ui/schemas/badge.ts'
-import { buttonSchema } from 'fulldev-ui/schemas/button.ts'
-import { channelSchema } from 'fulldev-ui/schemas/channel.ts'
-import { imageSchema } from 'fulldev-ui/schemas/image.ts'
-import { linkSchema } from 'fulldev-ui/schemas/link.ts'
-import { logoSchema } from 'fulldev-ui/schemas/logo.ts'
-import { menuSchema } from 'fulldev-ui/schemas/menu.ts'
-import { proofSchema } from 'fulldev-ui/schemas/proof.ts'
-
-export const cardSchema = z
-  .object({
-    target: z.string().optional(),
-    href: z.string().optional(),
-    order: z.number().optional(),
-    dark: z.boolean().optional(),
-    text: z.string().optional(),
-    content: z.string().optional(),
-    badge: badgeSchema.optional(),
-    tagline: z.string().optional(),
-    heading: z.string().optional(),
-    paragraph: z.string().optional(),
-    list: z.string().array().optional(),
-    socials: z.string().array().optional(),
-    logo: logoSchema.optional(),
-    link: linkSchema.optional(),
-    links: linkSchema.array().optional(),
-    menus: menuSchema.array().optional(),
-    badges: z.string().array().optional(),
-    button: buttonSchema.optional(),
-    buttons: buttonSchema.array().optional(),
-    image: imageSchema.optional(),
-    images: imageSchema.array().optional(),
-    channels: channelSchema.array().optional(),
-    proof: proofSchema.optional(),
-    price: z.number().optional(),
-    icon: z.string().optional(),
-    rating: z.number().optional(),
-    avatar: imageSchema.optional(),
-    avatars: imageSchema.array().optional(),
-    soldout: z.boolean().optional(),
-  })
-  .strict()

package/src/schemas/channel.ts

@@ -1,15 +0,0 @@
-import type { ComponentProps } from 'astro/types'
-import { z } from 'astro:content'
-import Channel from 'fulldev-ui/components/Channel.astro'
-
-export const channelSchema = z
-  .object({
-    icon: z.string().optional(),
-    heading: z.string().optional(),
-    text: z.string().optional(),
-    href: z.string().optional(),
-    size: z.enum(['sm', 'md', 'lg']).optional(),
-    variant: z.enum(['secondary', 'outline']).optional(),
-    target: z.enum(['_blank', '_self', '_parent', '_top']).optional(),
-  })
-  .strict() satisfies z.ZodType<ComponentProps<typeof Channel>>

package/src/schemas/checkbox.ts

@@ -1,13 +0,0 @@
-import type { ComponentProps } from 'astro/types'
-import { z } from 'astro:content'
-import type Checkbox from 'fulldev-ui/components/Checkbox.astro'
-
-export const checkboxSchema = z
-  .object({
-    name: z.string().optional(),
-    label: z.string().optional(),
-    id: z.string().optional(),
-    value: z.string().optional(),
-    size: z.enum(['sm', 'md', 'lg']).optional(),
-  })
-  .strict() satisfies z.ZodType<ComponentProps<typeof Checkbox>>

package/src/schemas/footer.ts

@@ -1,17 +0,0 @@
-import { z } from 'astro:content'
-import { channelSchema } from 'fulldev-ui/schemas/channel.ts'
-import { logoSchema } from 'fulldev-ui/schemas/logo.ts'
-import { menuSchema } from 'fulldev-ui/schemas/menu.ts'
-
-export const footerSchema = z
-  .object({
-    logo: logoSchema.optional(),
-    heading: z.string().optional(),
-    paragraph: z.string().optional(),
-    socials: z.string().url().array().optional(),
-    channels: channelSchema.array().optional(),
-    menus: menuSchema.array().optional(),
-  })
-  .strict()
-
-export type FooterSchema = z.infer<typeof footerSchema>

package/src/schemas/head.ts

@@ -1,17 +0,0 @@
-import type { ComponentProps } from 'astro/types'
-import { z } from 'astro:content'
-import type Head from 'fulldev-ui/components/Head.astro'
-import { imageSchema } from 'fulldev-ui/schemas/image.ts'
-
-export const headSchema = z
-  .object({
-    title: z.string().optional(),
-    description: z.string().optional(),
-    image: imageSchema.optional(),
-    theme: z.enum(['light', 'dark', 'system']).optional(),
-    favicon: z.string().optional(),
-    company: z.string().optional(),
-    scripts: z.string().array().optional(),
-    code: z.string().optional(),
-  })
-  .strict() satisfies z.ZodType<ComponentProps<typeof Head>>

package/src/schemas/image.ts

@@ -1,53 +0,0 @@
-import type { ComponentProps } from 'astro/types'
-import { z } from 'astro:content'
-import type Image from 'fulldev-ui/components/Image.astro'
-
-// const imagePath = z.preprocess((data: unknown) => {
-//   if (typeof data === 'string') {
-//     return data.split('/').pop()
-//   }
-//   return data
-// }, reference('images'))
-
-// export const imageSchema = 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()
-//   )
-//   .optional()
-
-// export const imageSchema = z
-//   .object({
-//     src: z.string().optional(),
-//     alt: z.string().optional(),
-//     width: z.number().optional(),
-//     height: z.number().optional(),
-//   })
-//   .strict() satisfies z.ZodType<ComponentProps<typeof Image>>
-
-const image = z
-  .object({
-    src: z.string().optional(),
-    alt: z.string().optional(),
-    width: z.number().optional(),
-    height: z.number().optional(),
-  })
-  .strict() satisfies z.ZodType<ComponentProps<typeof Image>>
-
-export const imageSchema = z
-  .preprocess(
-    (data: unknown) => (typeof data === 'string' ? { src: data } : data),
-    image
-  )
-  .optional() as z.ZodType<ComponentProps<typeof Image>>

package/src/schemas/input.ts

@@ -1,13 +0,0 @@
-import type { ComponentProps } from 'astro/types'
-import { z } from 'astro:content'
-import Input from 'fulldev-ui/components/Input.astro'
-
-export const inputSchema = z
-  .object({
-    icon: z.string().optional(),
-    label: z.string().optional(),
-    placeholder: z.string().optional(),
-    value: z.string().optional(),
-    size: z.enum(['sm', 'md', 'lg']).optional(),
-  })
-  .strict() satisfies z.ZodType<ComponentProps<typeof Input>>

package/src/schemas/link.ts

@@ -1,14 +0,0 @@
-import type { ComponentProps } from 'astro/types'
-import { z } from 'astro:content'
-import Link from 'fulldev-ui/components/Link.astro'
-
-export const linkSchema = z
-  .object({
-    text: z.string().optional(),
-    href: z.string().optional(),
-    icon: z.string().optional(),
-    target: z.literal('_blank').optional(),
-    size: z.enum(['sm', 'md', 'lg']).optional(),
-    variant: z.enum(['primary', 'underline', 'muted']).optional(),
-  })
-  .strict() satisfies z.ZodType<ComponentProps<typeof Link>>

package/src/schemas/logo.ts

@@ -1,13 +0,0 @@
-import type { ComponentProps } from 'astro/types'
-import { z } from 'astro:content'
-import Logo from 'fulldev-ui/components/Logo.astro'
-import { imageSchema } from 'fulldev-ui/schemas/image.ts'
-
-export const logoSchema = z
-  .object({
-    image: imageSchema.optional(),
-    text: z.string().optional(),
-    href: z.string().optional(),
-    size: z.enum(['sm', 'md', 'lg']).optional(),
-  })
-  .strict() satisfies z.ZodType<ComponentProps<typeof Logo>>

package/src/schemas/menu.ts

@@ -1,11 +0,0 @@
-import type { ComponentProps } from 'astro/types'
-import { z } from 'astro:content'
-import Menu from 'fulldev-ui/components/Menu.astro'
-import { linkSchema } from 'fulldev-ui/schemas/link.ts'
-
-export const menuSchema = z
-  .object({
-    heading: z.string().optional(),
-    links: linkSchema.array().optional(),
-  })
-  .strict() satisfies z.ZodType<ComponentProps<typeof Menu>>

package/src/schemas/page.ts

@@ -1,23 +0,0 @@
-import { z } from 'astro:content'
-import { blockSchema } from 'fulldev-ui/schemas/block.ts'
-import { headSchema } from 'fulldev-ui/schemas/head.ts'
-import { menuSchema } from 'fulldev-ui/schemas/menu.ts'
-
-export const pageSchema = blockSchema
-  .extend({
-    _layout: z.string().optional(),
-    _schema: z.string().optional(),
-    title: z.string().optional(),
-    description: z.string().optional(),
-    head: headSchema.optional(),
-    banner: blockSchema.optional(),
-    navigation: blockSchema.optional(),
-    header: blockSchema.optional(),
-    sections: blockSchema.array().optional(),
-    subheader: blockSchema.array().optional(),
-    sidebar: menuSchema.array().optional(),
-    footer: blockSchema.optional(),
-  })
-  .strict()
-
-export type PageSchema = z.infer<typeof pageSchema>

package/src/schemas/proof.ts

@@ -1,12 +0,0 @@
-import type { ComponentProps } from 'astro/types'
-import { z } from 'astro:content'
-import type Proof from 'fulldev-ui/components/Proof.astro'
-import { imageSchema } from 'fulldev-ui/schemas/image.ts'
-
-export const proofSchema = z
-  .object({
-    rating: z.number().optional(),
-    avatars: imageSchema.array().optional(),
-    text: z.string().optional(),
-  })
-  .strict() satisfies z.ZodType<ComponentProps<typeof Proof>>

package/src/schemas/textarea.ts

@@ -1,11 +0,0 @@
-import type { ComponentProps } from 'astro/types'
-import { z } from 'astro:content'
-import type Textarea from 'fulldev-ui/components/Textarea.astro'
-
-export const textareaSchema = z
-  .object({
-    label: z.string().optional(),
-    placeholder: z.string().optional(),
-    value: z.string().optional(),
-  })
-  .strict() satisfies z.ZodType<ComponentProps<typeof Textarea>>

package/src/stores/cart.svelte.ts

@@ -1,78 +0,0 @@
-import { derived, writable } from 'svelte/store'
-
-export type CartItem = {
-  uid: string
-  quantity: number
-  slug: string
-  title: string
-  price?: number | undefined
-  image?: string | undefined
-  variants?:
-    | {
-        [k: string]: string | undefined
-      }
-    | undefined
-}
-
-export type Cart = CartItem[]
-
-const isServer = import.meta.env.SSR
-const storageJson = !isServer && localStorage.getItem('cart')
-const storageData = storageJson ? JSON.parse(storageJson) : []
-
-export const cart = writable<Cart>(storageData)
-
-cart.subscribe((newCart) => {
-  if (isServer) return
-  const json = JSON.stringify(newCart)
-  localStorage.setItem('cart', json)
-})
-
-export const getUid = (
-  slug: CartItem['slug'],
-  variants?: CartItem['variants']
-) => (variants ? `${slug}-${Object.values(variants)?.join('-')}` : slug)
-
-export const getItemIndex = (currentCart: Cart, uid: CartItem['uid']) => {
-  const index = currentCart.findIndex((i) => i.uid === uid)
-  if (index === -1) throw new Error(`Item with uid ${uid} not found`)
-  return index
-}
-
-export const addItem = (item: CartItem) =>
-  cart.update((currentCart) => [...currentCart, item])
-
-export const removeItem = (uid: CartItem['uid']) =>
-  cart.update((currentCart) => {
-    const index = getItemIndex(currentCart, uid)
-    currentCart.splice(index, 1)
-    return [...currentCart]
-  })
-
-export const updateQuantity = (
-  uid: CartItem['uid'],
-  quantity: CartItem['quantity']
-) =>
-  cart.update((currentCart) => {
-    const index = getItemIndex(currentCart, uid)
-    if (currentCart[index]) currentCart[index].quantity = quantity
-    return [...currentCart]
-  })
-
-export const openCart = () => {
-  const cartDialog = document.querySelector('dialog#cart')
-  if (cartDialog instanceof HTMLDialogElement) cartDialog.showModal()
-}
-
-export const closeCart = () => {
-  const cartDialog = document.querySelector('dialog#cart')
-  if (cartDialog instanceof HTMLDialogElement) cartDialog.close()
-}
-
-export const totalPrice = derived(cart, ($cart) => {
-  return $cart.length
-  // return $cart.reduce(
-  //   (acc, item) => acc + (item.price || 0) * (item.quantity || 0),
-  //   0
-  // )
-})

package/src/stores/cart.ts

@@ -1,76 +0,0 @@
-import { persistentAtom } from '@nanostores/persistent'
-import { computed } from 'nanostores'
-
-type Item = {
-  slug: string
-  title: string
-  price: number
-  image: string
-  quantity: number
-  variants: string[]
-}
-
-type Cart = Item[] | []
-
-export const $cart = persistentAtom<Cart>('cart', [], {
-  encode: JSON.stringify,
-  decode: JSON.parse,
-})
-
-// for svelte files
-export const cart = $cart
-
-export const getCart = () => $cart.get()
-
-export const setCart = (cart: Cart) => $cart.set(cart)
-
-export const removeItem = (slug: string) => {
-  const currentCart = getCart()
-  const newCart = [...currentCart]
-  const index = currentCart.findIndex((item) => item.slug === slug)
-  newCart.splice(index, 1)
-  $cart.set(newCart)
-}
-
-export const addItem = (item: Item) => {
-  const currentCart = getCart()
-  const newCart = [...currentCart]
-  const index = currentCart.findIndex(
-    (i) => i.slug === item.slug && i.variants.join() === item.variants.join()
-  )
-  if (index === -1) newCart.push(item)
-  else {
-    let newItem = { ...newCart[index] } as Item
-    newItem.quantity += item.quantity
-    newCart[index] = newItem
-  }
-  setCart(newCart)
-}
-
-export const updateQuantity = (slug: string, quantity: number) => {
-  const currentCart = getCart()
-  const newCart = [...currentCart]
-  const index = currentCart.findIndex((item) => item.slug === slug)
-  let newItem = { ...newCart[index] } as Item
-  newItem.quantity = quantity
-  newCart[index] = newItem
-  setCart(newCart)
-}
-
-export const $totalPrice = computed($cart, ($cart) =>
-  $cart.reduce((a, b) => +a + b.price * b.quantity, 0)
-)
-
-export const openCart = () => {
-  const cartDialog = document.querySelector('dialog#cart')
-  if (cartDialog instanceof HTMLDialogElement) cartDialog.showModal()
-}
-
-export const closeCart = () => {
-  const cartDialog = document.querySelector('dialog#cart')
-  if (cartDialog instanceof HTMLDialogElement) cartDialog.close()
-}
-
-// export const totalQuantity = computed(cart, ($cart) =>
-//   $cart.reduce((a, b) => +a + b.quantity, 0)
-// )

package/src/structures/Card.astro

@@ -1,35 +0,0 @@
----
-import type { HTMLAttributes, HTMLTag } from 'astro/types'
-import Element from 'fulldev-ui/components/Element.astro'
-
-interface Props extends HTMLAttributes<'a'>, HTMLAttributes<'div'> {
-  as?: HTMLTag
-}
-
-const { href, as = href ? 'a' : 'div', ...rest } = Astro.props
----
-
-<Element
-  class:list="card"
-  {as}
-  {href}
-  {...rest}
->
-  <slot />
-</Element>
-
-<style is:global>
-  @layer fulldev {
-    .card {
-      @apply w-full overflow-hidden rounded-lg border bg-card p-4 text-card-foreground;
-
-      &:is(a[href]) {
-        @apply focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2;
-
-        &:hover .image {
-          @apply opacity-75 transition-opacity;
-        }
-      }
-    }
-  }
-</style>