fulldev-ui 0.2.13 → 0.3.0-beta.1

package/src/css/sizes.css

@@ -1,217 +0,0 @@
-:root,
-.density-base {
-  --space-sm-1: 3px;
-  --space-sm-2: 6px;
-  --space-sm-3: 12px;
-  --space-sm-4: 24px;
-  --space-sm-5: 48px;
-  --space-sm-6: 96px;
-  --space-md-1: 4px;
-  --space-md-2: 8px;
-  --space-md-3: 16px;
-  --space-md-4: 32px;
-  --space-md-5: 64px;
-  --space-md-6: 128px;
-  --space-lg-1: 5px;
-  --space-lg-2: 10px;
-  --space-lg-3: 20px;
-  --space-lg-4: 40px;
-  --space-lg-5: 80px;
-  --space-lg-6: 160px;
-
-  --element-sm-1: 6px;
-  --element-sm-2: 9px;
-  --element-sm-3: 12px;
-  --element-md-1: 8px;
-  --element-md-2: 12px;
-  --element-md-3: 16px;
-  --element-lg-1: 10px;
-  --element-lg-2: 16px;
-  --element-lg-3: 20px;
-
-  --text-sm-1: 12px;
-  --text-sm-2: 14px;
-  --text-sm-3: 20px;
-  --text-sm-4: 24px;
-  --text-sm-5: 30px;
-  --text-md-1: 14px;
-  --text-md-2: 16px;
-  --text-md-3: 24px;
-  --text-md-4: 30px;
-  --text-md-5: 36px;
-  --text-lg-1: 16px;
-  --text-lg-2: 18px;
-  --text-lg-3: 30px;
-  --text-lg-4: 36px;
-  --text-lg-5: 36px;
-
-  @media (min-width: 1024px) {
-    --text-sm-1: 14px;
-    --text-sm-2: 16px;
-    --text-sm-3: 24px;
-    --text-sm-4: 30px;
-    --text-sm-5: 36px;
-    --text-md-1: 16px;
-    --text-md-2: 18px;
-    --text-md-3: 30px;
-    --text-md-4: 36px;
-    --text-md-5: 48px;
-    --text-lg-1: 16px;
-    --text-lg-2: 20px;
-    --text-lg-3: 36px;
-    --text-lg-4: 48px;
-    --text-lg-5: 60px;
-  }
-}
-
-.density-compact {
-  --space-sm-1: 3px;
-  --space-sm-2: 6px;
-  --space-sm-3: 9px;
-  --space-sm-4: 12px;
-  --space-sm-5: 15px;
-  --space-sm-6: 18px;
-  --space-md-1: 4px;
-  --space-md-2: 8px;
-  --space-md-3: 12px;
-  --space-md-4: 16px;
-  --space-md-5: 20px;
-  --space-md-6: 24px;
-  --space-lg-1: 5px;
-  --space-lg-2: 10px;
-  --space-lg-3: 15px;
-  --space-lg-4: 20px;
-  --space-lg-5: 25px;
-  --space-lg-6: 30px;
-
-  --element-sm-1: 6px;
-  --element-sm-2: 8px;
-  --element-sm-3: 10px;
-  --element-md-1: 8px;
-  --element-md-2: 10px;
-  --element-md-3: 12px;
-  --element-lg-1: 10px;
-  --element-lg-2: 12px;
-  --element-lg-3: 14px;
-
-  --text-sm-1: 12px;
-  --text-sm-2: 12px;
-  --text-sm-3: 12px;
-  --text-sm-4: 14px;
-  --text-sm-5: 16px;
-  --text-md-1: 14px;
-  --text-md-2: 14px;
-  --text-md-3: 14px;
-  --text-md-4: 16px;
-  --text-md-5: 18px;
-  --text-lg-1: 14px;
-  --text-lg-2: 16px;
-  --text-lg-3: 16px;
-  --text-lg-4: 18px;
-  --text-lg-5: 20px;
-
-  @media (min-width: 1024px) {
-    --text-sm-1: 12px;
-    --text-sm-2: 14px;
-    --text-sm-3: 14px;
-    --text-sm-4: 16px;
-    --text-sm-5: 18px;
-    --text-md-1: 14px;
-    --text-md-2: 16px;
-    --text-md-3: 16px;
-    --text-md-4: 18px;
-    --text-md-5: 20px;
-    --text-lg-1: 16px;
-    --text-lg-2: 18px;
-    --text-lg-3: 18px;
-    --text-lg-4: 20px;
-    --text-lg-5: 24px;
-  }
-}
-
-/* --------------------------- */
-/* Generate sizes */
-/* --------------------------- */
-
-.size-sm,
-.size-sm
-  [class*='density-']:not(.size-sm [class*='size-'] [class*='density-']):not(
-    .size-sm [class*='size-'][class*='density-']
-  ) {
-  --space-1: var(--space-sm-1);
-  --space-2: var(--space-sm-2);
-  --space-3: var(--space-sm-3);
-  --space-4: var(--space-sm-4);
-  --space-5: var(--space-sm-5);
-  --space-6: var(--space-sm-6);
-
-  --element-1: var(--element-sm-1);
-  --element-2: var(--element-sm-2);
-  --element-3: var(--element-sm-3);
-
-  --text-1: var(--text-sm-1);
-  --text-2: var(--text-sm-2);
-  --text-3: var(--text-sm-3);
-  --text-4: var(--text-sm-4);
-  --text-5: var(--text-sm-5);
-
-  --radius-1: calc(var(--border-radius, 1) * var(--element-sm-1));
-  --radius-2: calc(var(--border-radius, 1) * var(--element-sm-2));
-  --radius-3: calc(var(--border-radius, 1) * var(--element-sm-3));
-}
-
-:where(:root),
-:where([class*='density-']),
-.size-md,
-.size-md
-  [class*='density-']:not(.size-md [class*='size-'] [class*='density-']):not(
-    .size-md [class*='size-'][class*='density-']
-  ) {
-  --space-1: var(--space-md-1);
-  --space-2: var(--space-md-2);
-  --space-3: var(--space-md-3);
-  --space-4: var(--space-md-4);
-  --space-5: var(--space-md-5);
-  --space-6: var(--space-md-6);
-
-  --element-1: var(--element-md-1);
-  --element-2: var(--element-md-2);
-  --element-3: var(--element-md-3);
-
-  --text-1: var(--text-md-1);
-  --text-2: var(--text-md-2);
-  --text-3: var(--text-md-3);
-  --text-4: var(--text-md-4);
-  --text-5: var(--text-md-5);
-
-  --radius-1: calc(var(--border-radius, 1) * var(--element-md-1));
-  --radius-2: calc(var(--border-radius, 1) * var(--element-md-2));
-  --radius-3: calc(var(--border-radius, 1) * var(--element-md-3));
-}
-
-.size-lg,
-.size-lg
-  [class*='density-']:not(.size-lg [class*='size-'] [class*='density-']):not(
-    .size-lg [class*='size-'][class*='density-']
-  ) {
-  --space-1: var(--space-lg-1);
-  --space-2: var(--space-lg-2);
-  --space-3: var(--space-lg-3);
-  --space-4: var(--space-lg-4);
-  --space-5: var(--space-lg-5);
-  --space-6: var(--space-lg-6);
-
-  --element-1: var(--element-lg-1);
-  --element-2: var(--element-lg-2);
-  --element-3: var(--element-lg-3);
-
-  --text-1: var(--text-lg-1);
-  --text-2: var(--text-lg-2);
-  --text-3: var(--text-lg-3);
-  --text-4: var(--text-lg-4);
-  --text-5: var(--text-lg-5);
-
-  --radius-1: calc(var(--border-radius, 1) * var(--element-lg-1));
-  --radius-2: calc(var(--border-radius, 1) * var(--element-lg-2));
-  --radius-3: calc(var(--border-radius, 1) * var(--element-lg-3));
-}

package/src/layouts/todo.md

@@ -1,2 +0,0 @@
-example:
-Layout component should choose which layout. Could also be a local hero. similar behaviour as blocks, but then only layouts.

package/src/schemas/attributesSchema.ts

@@ -1,125 +0,0 @@
-import { z } from 'astro:content'
-
-export const attributesSchema = z.object({
-  abbr: z.any(),
-  accept: z.any(),
-  acceptCharset: z.any(),
-  accessKey: z.any(),
-  allowFullScreen: z.any(),
-  allowTransparency: z.any(),
-  alt: z.any(),
-  async: z.any(),
-  autoComplete: z.any(),
-  autoFocus: z.any(),
-  autoPlay: z.any(),
-  cellPadding: z.any(),
-  cellSpacing: z.any(),
-  challenge: z.any(),
-  charset: z.any(),
-  checked: z.any(),
-  cite: z.any(),
-  class: z.any(),
-  className: z.any(),
-  cols: z.any(),
-  colSpan: z.any(),
-  command: z.any(),
-  content: z.any(),
-  contentEditable: z.any(),
-  contextMenu: z.any(),
-  controls: z.any(),
-  coords: z.any(),
-  crossOrigin: z.any(),
-  data: z.any(),
-  dateTime: z.any(),
-  default: z.any(),
-  defer: z.any(),
-  dir: z.any(),
-  disabled: z.any(),
-  download: z.any(),
-  draggable: z.any(),
-  dropzone: z.any(),
-  encType: z.any(),
-  for: z.any(),
-  form: z.any(),
-  action: z.any(),
-  formEncType: z.any(),
-  method: z.any(),
-  formNoValidate: z.any(),
-  target: z.any(),
-  frameBorder: z.any(),
-  headers: z.any(),
-  height: z.any(),
-  hidden: z.any(),
-  high: z.any(),
-  href: z.any(),
-  hrefLang: z.any(),
-  htmlFor: z.any(),
-  httpEquiv: z.any(),
-  id: z.any(),
-  inputMode: z.any(),
-  isMap: z.any(),
-  itemId: z.any(),
-  itemProp: z.any(),
-  itemRef: z.any(),
-  itemScope: z.any(),
-  itemType: z.any(),
-  kind: z.any(),
-  label: z.any(),
-  lang: z.any(),
-  list: z.any(),
-  loop: z.any(),
-  manifest: z.any(),
-  max: z.any(),
-  maxLength: z.any(),
-  media: z.any(),
-  mediaGroup: z.any(),
-  min: z.any(),
-  minLength: z.any(),
-  multiple: z.any(),
-  muted: z.any(),
-  name: z.any(),
-  noValidate: z.any(),
-  open: z.any(),
-  optimum: z.any(),
-  pattern: z.any(),
-  ping: z.any(),
-  placeholder: z.any(),
-  poster: z.any(),
-  preload: z.any(),
-  rel: z.any(),
-  required: z.any(),
-  rows: z.any(),
-  sizes: z.any(),
-
-  // role: z.any(),
-  // radioGroup: z.any(),
-  // readOnly: z.any(),
-  // rowSpan: z.any(),
-  // sandbox: z.any(),
-  // scope: z.any(),
-  // scoped: z.any(),
-  // scrolling: z.any(),
-  // seamless: z.any(),
-  // selected: z.any(),
-  // shape: z.any(),
-  // size: z.any(),
-  // sortable: z.any(),
-  // span: z.any(),
-  // spellCheck: z.any(),
-  src: z.any(),
-  // srcDoc: z.any(),
-  srcset: z.any(),
-  // start: z.any(),
-  // step: z.any(),
-  style: z.any(),
-  tabIndex: z.any(),
-  title: z.any(),
-  // translate: z.any(),
-  type: z.any(),
-  // typeMustMatch: z.any(),
-  // useMap: z.any(),
-  value: z.any(),
-  width: z.any(),
-  // wmode: z.any(),
-  // wrap: z.any(),
-})

package/src/schemas/htmlAttributesSchema.ts

@@ -1,126 +0,0 @@
-const arr = [
-  'abbr',
-  'accept',
-  'acceptCharset',
-  'accessKey',
-  'action',
-  'allowFullScreen',
-  'allowTransparency',
-  'alt',
-  'async',
-  'autoComplete',
-  'autoFocus',
-  'autoPlay',
-  'cellPadding',
-  'cellSpacing',
-  'challenge',
-  'charset',
-  'checked',
-  'cite',
-  'class',
-  'className',
-  'cols',
-  'colSpan',
-  'command',
-  'content',
-  'contentEditable',
-  'contextMenu',
-  'controls',
-  'coords',
-  'crossOrigin',
-  'data',
-  'dateTime',
-  'default',
-  'defer',
-  'dir',
-  'disabled',
-  'download',
-  'draggable',
-  'dropzone',
-  'encType',
-  'for',
-  'form',
-  'formAction',
-  'formEncType',
-  'formMethod',
-  'formNoValidate',
-  'formTarget',
-  'frameBorder',
-  'headers',
-  'height',
-  'hidden',
-  'high',
-  'href',
-  'hrefLang',
-  'htmlFor',
-  'httpEquiv',
-  'icon',
-  'id',
-  'inputMode',
-  'isMap',
-  'itemId',
-  'itemProp',
-  'itemRef',
-  'itemScope',
-  'itemType',
-  'kind',
-  'label',
-  'lang',
-  'list',
-  'loop',
-  'manifest',
-  'max',
-  'maxLength',
-  'media',
-  'mediaGroup',
-  'method',
-  'min',
-  'minLength',
-  'multiple',
-  'muted',
-  'name',
-  'noValidate',
-  'open',
-  'optimum',
-  'pattern',
-  'ping',
-  'placeholder',
-  'poster',
-  'preload',
-  'radioGroup',
-  'readOnly',
-  'rel',
-  'required',
-  'role',
-  'rows',
-  'rowSpan',
-  'sandbox',
-  'scope',
-  'scoped',
-  'scrolling',
-  'seamless',
-  'selected',
-  'shape',
-  'size',
-  'sizes',
-  'sortable',
-  'span',
-  'spellCheck',
-  'src',
-  'srcDoc',
-  'srcSet',
-  'start',
-  'step',
-  'style',
-  'tabIndex',
-  'target',
-  'title',
-  'translate',
-  'type',
-  'typeMustMatch',
-  'useMap',
-  'value',
-  'width',
-  'wmode',
-  'wrap',
-]

package/src/schemas/pageSchema.ts

@@ -1,185 +0,0 @@
-import {
-  getCollection,
-  getEntries,
-  getEntry,
-  z,
-  type CollectionEntry,
-  type CollectionKey,
-} from 'astro:content'
-import { flatten, unflatten } from 'flat'
-import {
-  all,
-  camel,
-  construct,
-  get,
-  isString,
-  mapValues,
-  objectify,
-} from 'radash'
-import { mapKeys, merge } from 'remeda'
-
-interface Options {
-  casing: boolean
-  layouts: boolean
-  references: boolean
-  selfs: boolean
-}
-
-const defaults: Options = {
-  casing: true,
-  layouts: true,
-  references: true,
-  selfs: true,
-}
-
-let cascade: any = {}
-
-const transformReferences = async (data: object) =>
-  await all(
-    mapValues(flatten(data) as any, async (value) => {
-      if (!isString(value)) return value
-      const parts = (value as string).split(' ')
-      const results = await all(
-        parts.map(async (valuePart) => {
-          if (!valuePart.startsWith('$')) return valuePart
-          if (valuePart.startsWith('$self')) return valuePart
-
-          const reference = valuePart.split('.')[0].replace('$', '')
-          const collection = reference.split('/')[0]
-          const slug = reference.split('/').slice(1).join('/')
-          const path = valuePart.split('.').slice(1).join('.')
-
-          if (collection && slug) {
-            let response = await getEntry(collection as CollectionKey, slug)
-            const parsed = await pageSchema().parseAsync(response?.data)
-            // let response: any = get(cascade, `${collection}/${slug}`)
-            const result = get(parsed, path)
-            response = undefined
-            return result
-          } else if (collection) {
-            const response = await getCollection(collection as CollectionKey)
-            // const response: any = get(cascade, collection)
-            const result = response?.map((entry: any) => get(entry?.data, path))
-            return result
-          }
-
-          return valuePart
-        })
-      )
-      if (results.length == 1) return results[0]
-      return results.join(' ')
-    })
-  )
-
-const transformLayouts = (data: object) => {
-  const flat: any = flatten(data)
-  let store: any = {}
-  let i: number = 0
-
-  const merged = mapKeys(flat, (key) => {
-    if (!isString(key)) return key
-    const parts = key.split('.')
-    const result = parts.map((part) => {
-      return part.replace(/^_+/, '')
-    })
-    const filtered = result.filter(Boolean)
-    const joined = filtered.join('.')
-    return joined
-  })
-  const nested = construct(merged)
-  return nested
-}
-
-const transformSelfs = (data: object) => {
-  const flat = flatten(data) as any
-  const mapped = mapValues(flat, (value) => {
-    if (!isString(value)) return value
-    const parts = (value as string).split(' ')
-    const result = parts.map((part) => {
-      if (!part.startsWith('$self')) return part
-      const pathParts = part.split('.').slice(1)
-      const camelCased = pathParts.map((part) => camel(part))
-      const path = camelCased.join('.')
-      const result = get(data, path)
-      return result ? result : part
-    })
-    return result.join(' ')
-  })
-  return unflatten(mapped)
-}
-
-const transformCasing = (object: object) => {
-  const flat = flatten(object)
-  const mapped = mapKeys(flat, (key) => {
-    if (!isString(key)) return key
-    const parts = (key as string).split('.')
-    const result = parts.map((part) => camel(part))
-    return result.join('.')
-  })
-  return unflatten(mapped)
-}
-
-const buildCascade = async (data: any) => {
-  const flat: any = flatten(data)
-  const values = Object.values(flat)
-  const strings = values.filter(isString)
-  const parts = strings.map((value: any) => value.split(' ')).flat()
-  const fullpaths = parts.filter(
-    (value) => value.startsWith('$') && !value.startsWith('$self')
-  )
-  const filepaths = fullpaths.map((f) => f.replace('$', '').split('.')[0])
-
-  const collections = filepaths.filter((f) => !f.includes('/'))
-  const collectionsNew = collections.filter((c) => !cascade[c])
-  // console.log('collectionsNew', collectionsNew)
-  const collectionsPromises = collectionsNew.map((c) => getCollection(c))
-  const collectionsResponses = await Promise.all(collectionsPromises)
-  const collectionsCascade = objectify(
-    collectionsResponses,
-    (c: any) => c[0]?.collection
-  )
-
-  const entries = filepaths.filter((f) => f.includes('/'))
-  const entriesNew = entries.filter(
-    (e) => !cascade[e.split('/').slice(1).join('/')]
-  )
-  // console.log('entriesNew', entriesNew)
-  const entriesResponses = await getEntries(
-    entriesNew.map((e) => ({
-      collection: e.split('/')[0],
-      slug: e.split('/').slice(1).join('/'),
-    }))
-  )
-  const entriesCascade = objectify(
-    entriesResponses,
-    (e: any) => `${e?.collection}/${e?.slug || e?.id}`
-  )
-
-  cascade = { ...cascade, ...collectionsCascade, ...entriesCascade }
-}
-
-let doIStay = false
-
-export const pageSchema = (options: Partial<Options> = {}) =>
-  z.any().transform(async (data: CollectionEntry<CollectionKey>['data']) => {
-    const { layouts, casing, references, selfs } = merge(defaults, options)
-
-    // console.log('doIStay', doIStay)
-    // console.log('cascade', Object.keys(cascade))
-    doIStay = true
-    // await buildCascade(data)
-
-    if (references) data = await transformReferences(data)
-    // console.log('references', data)
-
-    if (layouts) data = transformLayouts(data)
-    // console.log('layouts', data)
-
-    if (casing) data = transformCasing(data)
-    // console.log('casing', data)
-
-    if (selfs) data = transformSelfs(data)
-    // console.log('selfs', data)
-
-    return data
-  })