@tanstack/create 0.62.1 → 0.63.0

package/src/frameworks/react/project/base/src/routes/blog.$slug.tsx.ejs

@@ -1,71 +0,0 @@
-import { createFileRoute, notFound } from '@tanstack/react-router'
-import { MDXContent } from '@content-collections/mdx/react'
-import { allBlogs } from 'content-collections'
-import { SITE_URL } from '#/lib/site'
-import { MdxCallout } from '#/components/MdxCallout'
-import { MdxMetrics } from '#/components/MdxMetrics'
-
-export const Route = createFileRoute('/blog/$slug')({
-  loader: ({ params }) => {
-    const post = Array.from(
-      new Map(
-        [...allBlogs]
-          .sort((a, b) => new Date(b.pubDate).valueOf() - new Date(a.pubDate).valueOf())
-          .map((entry) => [entry.slug, entry]),
-      ).values(),
-    ).find((entry) => entry.slug === params.slug)
-    if (!post) throw notFound()
-    return post
-  },
-  head: ({ loaderData, params }) => {
-    const title = loaderData?.title ?? 'Post'
-    const description = loaderData?.description ?? ''
-    const image = loaderData?.heroImage ?? '/images/lagoon-1.svg'
-    return {
-      links: [{ rel: 'canonical', href: `${SITE_URL}/blog/${params.slug}` }],
-      meta: [
-        { title },
-        { name: 'description', content: description },
-        {
-          property: 'og:image',
-          content: image.startsWith('http') ? image : `${SITE_URL}${image}`,
-        },
-      ],
-    }
-  },
-  component: BlogPost,
-})
-
-function BlogPost() {
-  const post = Route.useLoaderData()
-
-  return (
-    <main className="page-wrap px-4 pb-12 pt-16">
-      <article className="island-shell rounded-2xl p-6 sm:p-8">
-        {post.heroImage ? (
-          <img
-            src={post.heroImage}
-            alt=""
-            className="mb-6 h-64 w-full rounded-2xl object-cover"
-          />
-        ) : null}
-        <p className="island-kicker mb-2">Post</p>
-        <h1 className="display-title mb-3 text-4xl font-bold text-[var(--sea-ink)] sm:text-5xl">
-          {post.title}
-        </h1>
-        <p className="mb-6 text-sm text-[var(--sea-ink-soft)]">
-          {new Date(post.pubDate).toLocaleDateString()}
-        </p>
-        <div
-          className="prose prose-slate prose-headings:text-[var(--sea-ink)] prose-p:text-[var(--sea-ink-soft)] prose-li:text-[var(--sea-ink-soft)] prose-ul:text-[var(--sea-ink-soft)] prose-ol:text-[var(--sea-ink-soft)] prose-strong:text-[var(--sea-ink)] prose-a:text-[var(--lagoon-deep)] max-w-none"
-        >
-          {post.mdx ? (
-            <MDXContent code={post.mdx} components={{ MdxCallout, MdxMetrics }} />
-          ) : (
-            <div dangerouslySetInnerHTML={{ __html: post.html ?? '' }} />
-          )}
-        </div>
-      </article>
-    </main>
-  )
-}

package/src/frameworks/react/project/base/src/routes/blog.index.tsx.ejs

@@ -1,93 +0,0 @@
-import { Link, createFileRoute } from '@tanstack/react-router'
-import { allBlogs } from 'content-collections'
-import { SITE_DESCRIPTION, SITE_TITLE, SITE_URL } from '#/lib/site'
-
-const canonical = `${SITE_URL}/blog`
-const pageTitle = `Blog | ${SITE_TITLE}`
-
-export const Route = createFileRoute('/blog/')({
-  head: () => ({
-    links: [{ rel: 'canonical', href: canonical }],
-    meta: [
-      { title: pageTitle },
-      { name: 'description', content: SITE_DESCRIPTION },
-      { property: 'og:image', content: `${SITE_URL}/images/lagoon-1.svg` },
-    ],
-  }),
-  component: BlogIndex,
-})
-
-function BlogIndex() {
-  const postsByDate = Array.from(
-    new Map(
-      [...allBlogs]
-        .sort((a, b) => new Date(b.pubDate).valueOf() - new Date(a.pubDate).valueOf())
-        .map((post) => [post.slug, post]),
-    ).values(),
-  )
-
-  const featured = postsByDate[0]
-  const posts = postsByDate.slice(1)
-  return (
-    <main className="page-wrap px-4 pb-8 pt-14">
-      <section className="mb-4">
-        <p className="island-kicker mb-2">Latest Dispatches</p>
-        <h1 className="display-title m-0 text-4xl font-bold tracking-tight text-[var(--sea-ink)] sm:text-5xl">
-          Blog
-        </h1>
-      </section>
-
-      <section className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-        <article className="island-shell rise-in rounded-2xl p-5 sm:p-6 lg:col-span-2">
-          {featured.heroImage ? (
-            <img
-              src={featured.heroImage}
-              alt=""
-              className="mb-4 h-44 w-full rounded-xl object-cover xl:h-60"
-            />
-          ) : null}
-          <h2 className="m-0 text-2xl font-semibold text-[var(--sea-ink)]">
-            <Link
-              to="/blog/$slug"
-              params={{ slug: featured.slug }}
-              className="no-underline"
-            >
-              {featured.title}
-            </Link>
-          </h2>
-          <p className="mb-2 mt-3 text-base text-[var(--sea-ink-soft)]">
-            {featured.description}
-          </p>
-          <p className="m-0 text-xs text-[var(--sea-ink-soft)]">
-            {new Date(featured.pubDate).toLocaleDateString()}
-          </p>
-        </article>
-
-        {posts.map((post, index) => (
-          <article
-            key={post.slug}
-            className="island-shell rise-in rounded-2xl p-5 sm:last:col-span-2 lg:last:col-span-1"
-            style={{ animationDelay: `${index * 80 + 120}ms` }}
-          >
-            {post.heroImage ? (
-              <img
-                src={post.heroImage}
-                alt=""
-                className="mb-4 h-44 w-full rounded-xl object-cover"
-              />
-            ) : null}
-            <h2 className="m-0 text-2xl font-semibold text-[var(--sea-ink)]">
-              <Link to="/blog/$slug" params={{ slug: post.slug }} className="no-underline">
-                {post.title}
-              </Link>
-            </h2>
-            <p className="mb-2 mt-2 text-sm text-[var(--sea-ink-soft)]">{post.description}</p>
-            <p className="m-0 text-xs text-[var(--sea-ink-soft)]">
-              {new Date(post.pubDate).toLocaleDateString()}
-            </p>
-          </article>
-        ))}
-      </section>
-    </main>
-  )
-}

package/src/frameworks/react/project/base/src/routes/rss[.]xml.ts.ejs

@@ -1,35 +0,0 @@
-<% if (routerOnly) { ignoreFile() } %>
-import { createFileRoute } from '@tanstack/react-router'
-import { allBlogs } from 'content-collections'
-import { SITE_DESCRIPTION, SITE_TITLE, SITE_URL } from '#/lib/site'
-
-export const Route = createFileRoute('/rss.xml')({
-  server: {
-    handlers: {
-      GET: () => {
-        const posts = Array.from(
-          new Map(
-            [...allBlogs]
-              .sort((a, b) => new Date(b.pubDate).valueOf() - new Date(a.pubDate).valueOf())
-              .map((post) => [post.slug, post]),
-          ).values(),
-        )
-
-        const items = posts
-          .map((post) => {
-            const url = `${SITE_URL}/blog/${post.slug}`
-            return `<item><title><![CDATA[${post.title}]]></title><description><![CDATA[${post.description}]]></description><link>${url}</link><guid>${url}</guid><pubDate>${new Date(post.pubDate).toUTCString()}</pubDate></item>`
-          })
-          .join('')
-
-        const xml = `<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"><channel><title><![CDATA[${SITE_TITLE}]]></title><description><![CDATA[${SITE_DESCRIPTION}]]></description><link>${SITE_URL}</link>${items}</channel></rss>`
-
-        return new Response(xml, {
-          headers: {
-            'Content-Type': 'application/rss+xml; charset=utf-8',
-          },
-        })
-      },
-    },
-  },
-})