forked from markteekman/accessible-astro-starter
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
8 changed files
with
296 additions
and
7 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,164 @@ | ||
| declare module 'astro:content' { | ||
| interface Render { | ||
| '.mdx': Promise<{ | ||
| Content: import('astro').MarkdownInstance<{}>['Content']; | ||
| headings: import('astro').MarkdownHeading[]; | ||
| remarkPluginFrontmatter: Record<string, any>; | ||
| }>; | ||
| } | ||
| } | ||
|
|
||
| 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 = { | ||
| "posts": { | ||
| "the-old-man.md": { | ||
| id: "the-old-man.md"; | ||
| slug: "the-old-man"; | ||
| body: string; | ||
| collection: "posts"; | ||
| data: InferEntrySchema<"posts"> | ||
| } & { render(): Render[".md"] }; | ||
| }; | ||
|
|
||
| }; | ||
|
|
||
| type DataEntryMap = { | ||
| "authors": { | ||
| "samuel-c-tyler": { | ||
| id: "samuel-c-tyler"; | ||
| collection: "authors"; | ||
| data: any | ||
| }; | ||
| }; | ||
|
|
||
| }; | ||
|
|
||
| type AnyEntryMap = ContentEntryMap & DataEntryMap; | ||
|
|
||
| export type ContentConfig = typeof import("../src/content/config.js"); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
| { | ||
| "name": "Samuel C Tyler" | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,22 @@ | ||
| // Import utilities from `astro:content` | ||
| import { z, defineCollection } from "astro:content"; | ||
| // Define a `type` and `schema` for each collection | ||
| const postsCollection = defineCollection({ | ||
| type: 'content', | ||
| schema: z.object({ | ||
| title: z.string(), | ||
| pubDate: z.date(), | ||
| description: z.string(), | ||
| author: z.string(), | ||
| order: z.number(), | ||
| image: z.object({ | ||
| url: z.string(), | ||
| alt: z.string() | ||
| }), | ||
| tags: z.array(z.string()) | ||
| }) | ||
| }); | ||
| // Export a single `collections` object to register your collection(s) | ||
| export const collections = { | ||
| posts: postsCollection, | ||
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,19 @@ | ||
| --- | ||
| title: "Welcome to my blog" | ||
| pubDate: 2024-01-01 | ||
| description: Welcommen | ||
| author: samuel-c-tyler # references `src/content/authors/ben-holmes.json` | ||
| order: 1 | ||
| image: | ||
| url: "null" | ||
| alt: the old man | ||
| tags: | ||
| - old man | ||
| - characters | ||
| - deities | ||
| relatedPosts: | ||
| - about-me # references `src/content/blog/about-me.md` | ||
| - my-year-in-review # references `src/content/blog/my-year-in-review.md` | ||
| --- | ||
|
|
||
| # The Old Man |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,55 @@ | ||
| --- | ||
| import { getCollection } from 'astro:content'; | ||
| import DefaultLayout from '../../layouts/DefaultLayout.astro' | ||
| export async function getStaticPaths() { | ||
| const blogEntries = await getCollection('posts'); | ||
| return blogEntries.map(entry => ({ | ||
| params: { slug: entry.slug }, props: { entry }, | ||
| })); | ||
| } | ||
| const { post } = Astro.props; | ||
| const { Content } = await entry.render(); | ||
| --- | ||
|
|
||
| <DefaultLayout title={post.title} description={post.body} url={post.title}> | ||
| <div class="container"> | ||
| <div class="mt-12"> | ||
| <Breadcrumbs> | ||
| <BreadcrumbsItem href="/" label="Home" /> | ||
| <BreadcrumbsItem href="/blog" label="Blog" /> | ||
| <BreadcrumbsItem currentPage={true} label={post.title} /> | ||
| </Breadcrumbs> | ||
| </div> | ||
| </div> | ||
| <section class="my-12"> | ||
| <div class="container"> | ||
| <h1>{post.title}</h1><br /> | ||
| <p>By userId: {post.userId}</p> | ||
| </div> | ||
| </section> | ||
| <section class="my-12"> | ||
| <div class="container"> | ||
| <p class="text-2xl">{post.body}</p> | ||
| </div> | ||
| </section> | ||
| </DefaultLayout> | ||
|
|
||
| <style lang="scss"> | ||
| ul { | ||
| display: grid; | ||
| grid-template-columns: 1fr; | ||
| grid-gap: 4rem; | ||
|
|
||
| @media (min-width: 550px) { | ||
| grid-template-columns: repeat(2, 1fr); | ||
| grid-gap: 2rem; | ||
| } | ||
|
|
||
| @media (min-width: 950px) { | ||
| grid-template-columns: repeat(3, 1fr); | ||
| } | ||
| } | ||
| </style> | ||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters