fulldev-ui 0.3.36 → 0.4.0-beta.1

package/src/layouts/PostLayout.astro

@@ -0,0 +1,32 @@
+---
+import type { CollectionEntry } from 'astro:content'
+import Intro from 'fulldev-ui/blocks/Intro.astro'
+import Blocks from 'fulldev-ui/components/Blocks.astro'
+import Prose from 'fulldev-ui/components/experimental/Prose.astro'
+import Section from 'fulldev-ui/components/Section.astro'
+import Layout from 'fulldev-ui/layouts/Layout.astro'
+
+type Props = CollectionEntry<'pages'>
+
+const { data, render } = Astro.props
+const { section, sections, blocks } = data
+const { Content } = await render()
+---
+
+<Layout {...Astro.props}>
+  <Intro
+    _bookshop_name="Intro"
+    style={{ '--screen': '768px' }}
+    align="start"
+    {...section}
+    {...data}
+  />
+  <Section>
+    <Prose id="prose">
+      <Content />
+    </Prose>
+  </Section>
+  <Blocks {...sections} />
+  <Blocks {...blocks} />
+  <slot />
+</Layout>

package/src/layouts/ProductLayout.astro

@@ -0,0 +1,31 @@
+---
+import type { CollectionEntry } from 'astro:content'
+import Block from 'fulldev-ui/components/Block.astro'
+import Blocks from 'fulldev-ui/components/Blocks.astro'
+import Prose from 'fulldev-ui/components/experimental/Prose.astro'
+import Section from 'fulldev-ui/components/Section.astro'
+import Layout from 'fulldev-ui/layouts/Layout.astro'
+
+type Props = CollectionEntry<'pages'>
+
+const { data, render } = Astro.props
+const { section, sections, block, blocks } = data
+const { Content } = await render()
+---
+
+<Layout {...Astro.props}>
+  <Block
+    _bookshop_name="ProductSection"
+    {...data}
+  />
+  <Block {...section} />
+  <Block {...block} />
+  <Section style={{ '--screen': '768px' }}>
+    <Prose id="prose">
+      <Content />
+    </Prose>
+  </Section>
+  <Blocks {...sections} />
+  <Blocks {...blocks} />
+  <slot />
+</Layout>

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

@@ -0,0 +1,41 @@
+---
+import { getCollection } from 'astro:content'
+import PageLayout from 'fulldev-ui/layouts/PageLayout.astro'
+import { mapKeys } from 'radash'
+import { mergeEntries } from '../utils/mergeEntries'
+
+export async function getStaticPaths() {
+  const pages = await getCollection('pages')
+  return pages.map((page: any) => ({
+    params: {
+      page: page.slug === 'index' ? undefined : page.slug,
+    },
+    props: page,
+  }))
+}
+
+// @ts-ignore
+const { data, slug, ...rest } = Astro.props
+
+const merged = (await mergeEntries({ data, slug })) as any
+
+const packageLayouts = import.meta.glob('../layouts/**/*.astro')
+const userLayouts = import.meta.glob('/src/layouts/**/*.astro')
+
+const mapBlockKeys = (blocks: any) =>
+  mapKeys(blocks, (key: any) => key.split('/').pop().split('.').shift())
+
+const components = {
+  ...mapBlockKeys(packageLayouts),
+  ...mapBlockKeys(userLayouts),
+}
+
+const found = components[(merged.data._layout ?? 'PageLayout') as string] as any
+const functioncomp = found && (await found())
+const Layout = functioncomp?.default ?? PageLayout
+---
+
+<Layout
+  data={merged.data}
+  {...rest}
+/>

package/src/schemas/base.ts

@@ -0,0 +1,81 @@
+import { z } from 'astro:content'
+
+export const button = z
+  .object({
+    text: z.string(),
+    href: z.string(),
+    icon: z.string(),
+  })
+  .partial()
+  .passthrough()
+
+export const link = z
+  .object({
+    text: z.string(),
+    href: z.string(),
+  })
+  .partial()
+  .passthrough()
+
+export const base = z
+  .object({
+    tagline: z.string(),
+    icon: z.string(),
+    badge: z.string().or(
+      z.object({
+        text: z.string(),
+        href: z.string(),
+      })
+    ),
+    heading: z.string(),
+    text: z.string(),
+    html: z.string(),
+    image: z.string(),
+    images: z.string().array(),
+    rating: z.number(),
+    button: button,
+    buttons: button.array(),
+    link: link,
+    links: link.array(),
+    list: z.string().array(),
+    avatar: z.string(),
+    price: z.number(),
+    input: z
+      .object({
+        placeholder: z.string(),
+        submit: z.string(),
+      })
+      .partial()
+      .passthrough(),
+    logos: z.string().array(),
+    logo: z.string(),
+    channels: z
+      .object({
+        phone: z.string(),
+        email: z.string(),
+        address: z.string(),
+      })
+      .partial()
+      .passthrough(),
+    socials: z
+      .object({
+        facebook: z.string(),
+        instagram: z.string(),
+      })
+      .partial()
+      .passthrough(),
+    hours: z
+      .object({
+        monday: z.string(),
+        tuesday: z.string(),
+        wednesday: z.string(),
+        thursday: z.string(),
+        friday: z.string(),
+        saturday: z.string(),
+        sunday: z.string(),
+      })
+      .partial()
+      .passthrough(),
+  })
+  .partial()
+  .passthrough()

package/src/schemas/block.ts

@@ -0,0 +1,15 @@
+import { z } from 'astro:content'
+import { base } from './base'
+import { card } from './card'
+import { pathSchema } from './utils'
+
+export const block = base
+  .extend({
+    columns: card.array(),
+    cards: z.array(card),
+    source: z.enum(['children', 'references']),
+    pages: pathSchema('pages').array(),
+    records: pathSchema('records').array(),
+  })
+  .partial()
+  .passthrough()

package/src/schemas/card.ts

@@ -0,0 +1,3 @@
+import { base } from './base'
+
+export const card = base

package/src/schemas/page.ts

@@ -0,0 +1,43 @@
+import { z } from 'astro:content'
+import { base } from './base'
+import { block } from './block'
+import { pathSchema } from './utils'
+
+export const page = base
+  .extend({
+    i18n: pathSchema('pages'),
+    settings: pathSchema('settings'),
+    seo: z
+      .object({
+        title: z.string(),
+        description: z.string(),
+        image: z.string(),
+      })
+      .partial()
+      .passthrough(),
+    code: z
+      .object({
+        head: z.string(),
+        body: z.string(),
+      })
+      .partial()
+      .passthrough(),
+    pages: pathSchema('pages').array(),
+    records: pathSchema('records').array(),
+    title: z.string(),
+    description: z.string(),
+    header: block.or(z.literal(false)),
+    headers: block.array().or(z.literal(false)),
+    hero: block.or(z.literal(false)),
+    block: block.or(z.literal(false)),
+    section: block.or(z.literal(false)),
+    blocks: block.array().or(z.object({}).catchall(block)),
+    sections: block.array().or(z.object({}).catchall(block)),
+    cta: block.or(z.literal(false)),
+    footer: block.or(z.literal(false)),
+    footers: block.array().or(z.literal(false)),
+  })
+  .partial()
+  .passthrough()
+
+export type Page = z.infer<typeof page>

package/src/schemas/utils.ts

@@ -0,0 +1,22 @@
+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) =>
+  z
+    .string()
+    .transform((value) => {
+      // @ts-ignore
+      const fullpath = value?.split(`${collection}/`).pop()
+      const slug = fullpath?.split('.').shift()
+      const noIndexEnding = slug?.replace('/index', '')
+      return noIndexEnding
+    })
+    .pipe(reference(collection))

package/src/utils/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('settings', 'base')
+  const enSettings = await getEntry('settings', 'en')
+  const deSettings = await getEntry('settings', 'de')
+  const frSettings = await getEntry('settings', '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/tsconfig.json

@@ -2,5 +2,14 @@
   "extends": "astro/tsconfigs/strict",
   "compilerOptions": {
     "jsx": "preserve",
-  }
+    "baseUrl": ".",
+    "paths": {
+      "fulldev-ui/*": [
+        "src/*"
+      ]
+    }
+  },
+  "exclude": [
+    "dist"
+  ]
 }

package/.astro/settings.json

@@ -1,5 +0,0 @@
-{
-	"_variables": {
-		"lastUpdateCheck": 1721808035237
-	}
-}

package/.astro/types.d.ts

@@ -1,147 +0,0 @@
-declare module 'astro:content' {
-	interface Render {
-		'.md': Promise<{
-			Content: import('astro').MarkdownInstance<{}>['Content'];
-			headings: import('astro').MarkdownHeading[];
-			remarkPluginFrontmatter: Record<string, any>;
-		}>;
-	}
-}
-
-declare module 'astro:content' {
-	type Flatten<T> = T extends { [K: string]: infer U } ? U : never;
-
-	export type CollectionKey = keyof AnyEntryMap;
-	export type CollectionEntry<C extends CollectionKey> = Flatten<AnyEntryMap[C]>;
-
-	export type ContentCollectionKey = keyof ContentEntryMap;
-	export type DataCollectionKey = keyof DataEntryMap;
-
-	type AllValuesOf<T> = T extends any ? T[keyof T] : never;
-	type ValidContentEntrySlug<C extends keyof ContentEntryMap> = AllValuesOf<
-		ContentEntryMap[C]
-	>['slug'];
-
-	export function getEntryBySlug<
-		C extends keyof ContentEntryMap,
-		E extends ValidContentEntrySlug<C> | (string & {}),
-	>(
-		collection: C,
-		// Note that this has to accept a regular string too, for SSR
-		entrySlug: E
-	): E extends ValidContentEntrySlug<C>
-		? Promise<CollectionEntry<C>>
-		: Promise<CollectionEntry<C> | undefined>;
-
-	export function getDataEntryById<C extends keyof DataEntryMap, E extends keyof DataEntryMap[C]>(
-		collection: C,
-		entryId: E
-	): Promise<CollectionEntry<C>>;
-
-	export function getCollection<C extends keyof AnyEntryMap, E extends CollectionEntry<C>>(
-		collection: C,
-		filter?: (entry: CollectionEntry<C>) => entry is E
-	): Promise<E[]>;
-	export function getCollection<C extends keyof AnyEntryMap>(
-		collection: C,
-		filter?: (entry: CollectionEntry<C>) => unknown
-	): Promise<CollectionEntry<C>[]>;
-
-	export function getEntry<
-		C extends keyof ContentEntryMap,
-		E extends ValidContentEntrySlug<C> | (string & {}),
-	>(entry: {
-		collection: C;
-		slug: E;
-	}): E extends ValidContentEntrySlug<C>
-		? Promise<CollectionEntry<C>>
-		: Promise<CollectionEntry<C> | undefined>;
-	export function getEntry<
-		C extends keyof DataEntryMap,
-		E extends keyof DataEntryMap[C] | (string & {}),
-	>(entry: {
-		collection: C;
-		id: E;
-	}): E extends keyof DataEntryMap[C]
-		? Promise<DataEntryMap[C][E]>
-		: Promise<CollectionEntry<C> | undefined>;
-	export function getEntry<
-		C extends keyof ContentEntryMap,
-		E extends ValidContentEntrySlug<C> | (string & {}),
-	>(
-		collection: C,
-		slug: E
-	): E extends ValidContentEntrySlug<C>
-		? Promise<CollectionEntry<C>>
-		: Promise<CollectionEntry<C> | undefined>;
-	export function getEntry<
-		C extends keyof DataEntryMap,
-		E extends keyof DataEntryMap[C] | (string & {}),
-	>(
-		collection: C,
-		id: E
-	): E extends keyof DataEntryMap[C]
-		? Promise<DataEntryMap[C][E]>
-		: Promise<CollectionEntry<C> | undefined>;
-
-	/** Resolve an array of entry references from the same collection */
-	export function getEntries<C extends keyof ContentEntryMap>(
-		entries: {
-			collection: C;
-			slug: ValidContentEntrySlug<C>;
-		}[]
-	): Promise<CollectionEntry<C>[]>;
-	export function getEntries<C extends keyof DataEntryMap>(
-		entries: {
-			collection: C;
-			id: keyof DataEntryMap[C];
-		}[]
-	): Promise<CollectionEntry<C>[]>;
-
-	export function reference<C extends keyof AnyEntryMap>(
-		collection: C
-	): import('astro/zod').ZodEffects<
-		import('astro/zod').ZodString,
-		C extends keyof ContentEntryMap
-			? {
-					collection: C;
-					slug: ValidContentEntrySlug<C>;
-				}
-			: {
-					collection: C;
-					id: keyof DataEntryMap[C];
-				}
-	>;
-	// Allow generic `string` to avoid excessive type errors in the config
-	// if `dev` is not running to update as you edit.
-	// Invalid collection names will be caught at build time.
-	export function reference<C extends string>(
-		collection: C
-	): import('astro/zod').ZodEffects<import('astro/zod').ZodString, never>;
-
-	type ReturnTypeOrOriginal<T> = T extends (...args: any[]) => infer R ? R : T;
-	type InferEntrySchema<C extends keyof AnyEntryMap> = import('astro/zod').infer<
-		ReturnTypeOrOriginal<Required<ContentConfig['collections'][C]>['schema']>
-	>;
-
-	type ContentEntryMap = {
-		"pages": {
-"index.md": {
-	id: "index.md";
-  slug: "index";
-  body: string;
-  collection: "pages";
-  data: any
-} & { render(): Render[".md"] };
-};
-
-	};
-
-	type DataEntryMap = {
-		
-	};
-
-	type AnyEntryMap = ContentEntryMap & DataEntryMap;
-
-	export type ContentConfig = never;
-}

package/.env

@@ -1 +0,0 @@
-TEST='HOI

package/astro.config.mjs

@@ -1,6 +0,0 @@
-import { defineConfig } from 'astro/config'
-
-// https://astro.build/config
-export default defineConfig({
-  integrations: [],
-})

package/src/components/_Block.astro

@@ -1,20 +0,0 @@
----
-interface Props {
-  _block?: string
-  [key: string | number | symbol]: any
-}
-
-const libraryComponents = await Astro.glob('../blocks/**/*.astro')
-const userComponents = await Astro.glob('/src/blocks/**/*.astro')
-const components = [...userComponents, ...libraryComponents]
-
-const { _block, ...rest } = Astro.props
-
-const Component = components.find((component) => {
-  const fileName = component.default.moduleId?.split('/').pop()
-  const componentName = fileName?.split('.')[0]
-  return componentName === _block
-})?.default
----
-
-{Component && <Component {...rest} />}

package/src/components/_Blocks.astro

@@ -1,11 +0,0 @@
----
-import Block from './_Block.astro'
-
-interface Props {
-  blocks?: any
-}
-
-const { blocks } = Astro.props
----
-
-{blocks?.map((block: any) => <Block {...block} />)}

package/src/components/_Children.astro

@@ -1,31 +0,0 @@
-<!-- ---
-import { isObject,pascal } from 'radash'
-import { isArray,isString } from 'remeda'
-
-interface Props {
-  [key: string]: any
-}
-
-const components = await Astro.glob('../**/*.astro')
----
-
-{
-  Object.entries(Astro.props).map(([key, value]) => {
-    const lastPart = key.split(/(?=[A-Z])/).pop()
-    if (!lastPart) return null
-    const part = pascal(lastPart)
-
-    if (part === 'Text' && isString(value)) return value
-    if (part === 'Html') return <Fragment set:html={value} />
-
-    const Component: any = components.find((component) => {
-      const fileName = component.default.moduleId?.split('/').pop()
-      const componentName = fileName?.split('.')[0]
-      return componentName === part
-    })?.default
-
-    if (!Component) return null
-    if (isObject(value) || isArray(value)) return <Component {...value} />
-    return <Component html={value} />
-  })
-} -->

package/src/components/_archive/Body.astro

@@ -1,37 +0,0 @@
----
-import type { ComponentProps, HTMLTag, Polymorphic } from 'astro/types'
-import Component from '../_Component.astro'
-
-type Props<As extends HTMLTag = 'body'> = Polymorphic<{ as: As }> &
-  ComponentProps<typeof Component>
-
-const { as = 'body', ...rest } = Astro.props
----
-
-<Component
-  class:list={['body']}
-  {as}
-  {...rest}
->
-  <slot />
-
-  <style is:global lang="scss">
-    @import '../../css/utils.scss';
-
-    @include component('body') {
-      display: flex;
-      flex-direction: column;
-      align-items: stretch;
-      margin: 0;
-      background: var(--background);
-      padding: 0;
-      width: 100%;
-      max-width: 100vw;
-      height: 100%;
-      min-height: 100vh;
-      color: var(--text);
-      font-size: var(--text-2);
-      font-family: var(--font-family);
-    }
-  </style>
-</Component>

package/src/components/_archive/Main.astro

@@ -1,28 +0,0 @@
----
-import type { ComponentProps, HTMLTag, Polymorphic } from 'astro/types'
-import Component from '../_Component.astro'
-
-type Props<As extends HTMLTag = 'main'> = Polymorphic<{ as: As }> &
-  ComponentProps<typeof Component>
-
-const { as = 'main', ...rest } = Astro.props
----
-
-<Component
-  class:list={['main']}
-  {as}
-  {...rest}
->
-  <slot />
-</Component>
-
-<style is:global lang="scss">
-  @import '../../css/utils.scss';
-
-  @include component('main') {
-    display: flex;
-    flex-direction: column;
-    align-items: stretch;
-    width: 100%;
-  }
-</style>

package/src/components/_archive/Nav.astro

@@ -1,50 +0,0 @@
----
-import type { ComponentProps, HTMLTag, Polymorphic } from 'astro/types'
-import Component from '../_Component.astro'
-
-type Props<As extends HTMLTag = 'nav'> = Polymorphic<{ as: As }> &
-  ComponentProps<typeof Component> & {
-    structure?: 'spread' | 'group' | 'row'
-    align?: 'start' | 'center' | 'end'
-    space?: 'none' | 'auto'
-  }
-
-const {
-  as = 'nav',
-  space = 'auto',
-  structure = 'spread',
-  ...rest
-} = Astro.props
----
-
-<Component
-  class:list={['nav']}
-  {as}
-  {structure}
-  {space}
-  {...rest}
->
-  <slot />
-</Component>
-
-<style is:global lang="scss">
-  @import '../../css/utils.scss';
-
-  @include component('nav') {
-    margin-left: auto;
-    width: max-content;
-
-    &.align-start {
-      align-items: flex-start;
-      text-align: left;
-    }
-
-    &.align-center {
-      align-items: center;
-    }
-
-    &.align-end {
-      align-items: flex-end;
-    }
-  }
-</style>