fulldev-ui 0.4.29 → 0.5.0-beta.1

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>

package/src/components/Block.astro

@@ -1,157 +0,0 @@
----
-import { getCollection, getEntries, getEntry } from 'astro:content'
-import { assign, mapKeys } from 'radash'
-
-interface Props {
-  _bookshop_name?: string
-  [key: string | number | symbol]: any
-}
-
-let { _bookshop_name, records, pages, source, ...rest } = Astro.props
-
-const packageBlocks = import.meta.glob('../blocks/**/*.astro')
-const userBlocks = import.meta.glob('/src/blocks/**/*.astro')
-
-const mapBlockKeys = (blocks: any) =>
-  mapKeys(blocks, (key: any) => key.split('/').pop().split('.').shift())
-
-const components = {
-  ...mapBlockKeys(packageBlocks),
-  ...mapBlockKeys(userBlocks),
-}
-
-const found = components[_bookshop_name as any] as any
-const functioncomp = found && (await found())
-const Component = functioncomp?.default
-
-records = records
-  ? (await getEntries(records)).map((entry: any) => entry?.data)
-  : undefined
-
-pages = pages
-  ? (await getEntries(pages)).map((entry: any) => ({
-      href: `/${entry.slug}/`,
-      ...entry?.data,
-    }))
-  : undefined
-
-const slug = Astro.url.pathname.replace(/^\/|\/$/g, '')
-
-const children =
-  source === 'children' && slug
-    ? [
-        ...(
-          await getCollection(
-            'pages',
-            (page: any) =>
-              page.slug.startsWith(slug) &&
-              page.slug !== slug &&
-              !page.slug.replace(`${slug}/`, '').includes('/')
-          )
-        ).map((page: any) => ({ href: `/${page.slug}/`, ...page.data })),
-        ...(
-          await getCollection(
-            'records',
-            (record: any) =>
-              record.id.startsWith(slug) &&
-              record.id !== slug &&
-              !record.id.replace(`${slug}/`, '').includes('/')
-          )
-        ).map((record: any) => record.data),
-      ]
-    : undefined
-
-const references =
-  source === 'references' && slug
-    ? (
-        await getCollection('pages', (page: any) =>
-          page.data?.pages?.find(
-            (page: any) =>
-              page.slug
-                .replace('.md', '')
-                .replace('/index', '')
-                .replace('src/content/', '') === slug
-          )
-        )
-      ).map((item: any) => ({ href: `/${item.slug}/`, ...item.data }))
-    : undefined
-
-const siblings =
-  source === 'siblings' && slug
-    ? (
-        await getCollection('pages', (page: any) => {
-          const currentPageFolder = slug.split('/').slice(0, -1).join('/')
-          const pageFolder = page.slug.split('/').slice(0, -1).join('/')
-          return (
-            page.slug !== slug &&
-            pageFolder === currentPageFolder &&
-            page.slug.startsWith(currentPageFolder)
-          )
-        })
-      )
-        .map((item: any) => ({ href: `/${item.slug}/`, ...item.data }))
-        .sort(() => Math.random() - 0.5) // Randomize the order
-    : undefined
-
-const mergedPages = pages
-  ? await Promise.all(
-      pages.map(async (page: any) => {
-        if (!page.i18n) return page
-        const i18n = await getEntry(page.i18n)
-        return assign(i18n?.data, page)
-      })
-    )
-  : undefined
-
-const mergedChildren = children
-  ? await Promise.all(
-      children.map(async (child: any) => {
-        if (!child.i18n) return child
-        const i18n = await getEntry(child.i18n)
-        return assign(i18n?.data, child)
-      })
-    )
-  : undefined
-
-const mergedReferences = references
-  ? await Promise.all(
-      references.map(async (reference: any) => {
-        if (!reference.i18n) return reference
-        const i18n = await getEntry(reference.i18n)
-        return assign(i18n?.data, reference)
-      })
-    )
-  : undefined
-
-const mergedSiblings = siblings
-  ? await Promise.all(
-      siblings.map(async (sibling: any) => {
-        if (!sibling.i18n) return sibling
-        const i18n = await getEntry(sibling.i18n)
-        return assign(i18n?.data, sibling)
-      })
-    )
-  : undefined
----
-
-{
-  Component && (
-    <Component
-      cards={
-        mergedPages ||
-        mergedSiblings ||
-        records ||
-        mergedChildren ||
-        mergedReferences
-      }
-      pages={
-        mergedPages ||
-        mergedSiblings ||
-        records ||
-        mergedChildren ||
-        mergedReferences
-      }
-      {...rest}
-    />
-  )
-}

package/src/components/Blocks.astro

@@ -1,5 +0,0 @@
----
-import Block from './Block.astro'
----
-
-{Object.values(Astro.props ?? {})?.map((block: any) => <Block {...block} />)}

package/src/components/Box.astro

@@ -1,63 +0,0 @@
----
-import type { HTMLTag, Polymorphic } from 'astro/types'
-import Bento from './Bento.astro'
-import Carousel from './Carousel.astro'
-import Column from './Column.astro'
-import Grid from './Grid.astro'
-import Masonry from './Masonry.astro'
-import Row from './Row.astro'
-import Split from './Split.astro'
-import Spread from './Spread.astro'
-import Stack from './Stack.astro'
-import Wrap from './Wrap.astro'
-
-type Props<As extends HTMLTag = 'div'> = Polymorphic<{ as: As }> & {
-  align?: 'start' | 'center' | 'end'
-  position?: 'inset'
-  space?: 'none' | 'auto'
-  size?: 'sm' | 'md' | 'lg'
-  structure?:
-    | 'bento'
-    | 'carousel'
-    | 'column'
-    | 'grid'
-    | 'masonry'
-    | 'row'
-    | 'split'
-    | 'spread'
-    | 'wrap'
-    | 'stack'
-}
-
-const structuresMap = {
-  bento: Bento,
-  carousel: Carousel,
-  column: Column,
-  grid: Grid,
-  masonry: Masonry,
-  row: Row,
-  split: Split,
-  spread: Spread,
-  wrap: Wrap,
-  stack: Stack,
-}
-
-const {
-  as = 'div',
-  space = 'auto',
-  structure = 'column',
-  align = 'start',
-  ...rest
-} = Astro.props
-
-const Structure = structuresMap[structure] ?? structuresMap['column']
----
-
-<Structure
-  {as}
-  {align}
-  {space}
-  {...rest as any}
->
-  <slot />
-</Structure>

package/src/components/Carousel.astro

@@ -1,54 +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 }> & {
-  color?: 'base' | 'brand'
-  size?: 'sm' | 'md' | 'lg'
-  position?: 'inset'
-}
-
-const { ...rest } = Astro.props
----
-
-<Root
-  class:list="carousel"
-  {...rest}
->
-  <slot />
-</Root>
-
-<style is:global lang="scss">
-  @layer fulldev {
-    .carousel {
-      --column-width: calc(21 * var(--space-4));
-
-      display: flex;
-      position: relative;
-      position: relative;
-      flex-direction: row;
-      align-items: flex-start;
-      gap: var(--space-4);
-      padding-bottom: var(--space-4);
-      width: 100%;
-      overflow-x: auto;
-      scroll-behavior: smooth;
-      scroll-snap-type: x mandatory;
-
-      > .root {
-        flex-grow: 0;
-        flex-shrink: 0;
-        width: var(--column-width);
-        scroll-snap-align: center;
-      }
-
-      &.position-inset {
-        margin-right: calc(var(--inset-right) * -1);
-        margin-left: calc(var(--inset-left) * -1);
-        padding-right: var(--inset-right);
-        padding-left: var(--inset-left);
-        width: calc(100% + var(--inset-left) + var(--inset-right));
-      }
-    }
-  }
-</style>

package/src/components/Column.astro

@@ -1,73 +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 }> & {
-  color?: 'base' | 'brand'
-  size?: 'sm' | 'md' | 'lg'
-  align?: 'start' | 'center' | 'end'
-  space?: 'none' | 'auto'
-}
-
-const { space = 'auto', align = 'start', ...rest } = Astro.props
----
-
-<Root
-  class:list="column"
-  {align}
-  {space}
-  {...rest}
->
-  <slot />
-</Root>
-
-<style is:global lang="scss">
-  @layer fulldev {
-    .column {
-      display: flex;
-      position: relative;
-      flex-direction: column;
-
-      &.align-start {
-        align-items: flex-start;
-        text-align: left;
-      }
-
-      &.align-center {
-        align-items: center;
-        text-align: center;
-
-        & > *:not(.align-center) > *:not(.align-center) {
-          text-align: left;
-        }
-      }
-
-      &.align-end {
-        align-items: flex-end;
-      }
-
-      &.justify-start {
-        justify-content: center;
-      }
-
-      &.justify-center {
-        justify-content: center;
-      }
-
-      &.justify-end {
-        justify-content: flex-end;
-      }
-
-      &.space-auto {
-        > * + * {
-          margin-top: var(--space-auto);
-        }
-
-        > * + .carousel {
-          margin-top: 0;
-          padding-top: var(--space-auto);
-        }
-      }
-    }
-  }
-</style>

package/src/components/Grid.astro

@@ -1,32 +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 }> & {
-  color?: 'base' | 'brand'
-  size?: 'sm' | 'md' | 'lg'
-}
-
-const { ...rest } = Astro.props
----
-
-<Root
-  class:list="grid"
-  {...rest}
->
-  <slot />
-</Root>
-
-<style is:global lang="scss">
-  @layer fulldev {
-    .grid {
-      --column-width: calc(21 * var(--space-4));
-
-      display: grid;
-      position: relative;
-      grid-template-columns: repeat(auto-fill, minmax(var(--column-width), 1fr));
-      gap: var(--space-4);
-      width: 100%;
-    }
-  }
-</style>