diff --git a/app/components/BytesForm.tsx b/app/components/BytesForm.tsx index 8fcc1a67..ae12b262 100644 --- a/app/components/BytesForm.tsx +++ b/app/components/BytesForm.tsx @@ -16,7 +16,7 @@ export default function BytesForm() { {state !== 'loading' ? ( Subscribe diff --git a/app/components/Markdown.tsx b/app/components/Markdown.tsx index 12d41dc5..80682e4e 100644 --- a/app/components/Markdown.tsx +++ b/app/components/Markdown.tsx @@ -23,7 +23,10 @@ const CustomHeading = ({ }) => { if (id) { return ( - + *]:scroll-my-[5rem] [&>*]:lg:scroll-my-4`} + > ) diff --git a/app/libraries/virtual.ts b/app/libraries/virtual.ts index 6ac235c5..99fa1aa0 100644 --- a/app/libraries/virtual.ts +++ b/app/libraries/virtual.ts @@ -6,7 +6,7 @@ export const virtualProject: Library = { cardStyles: `shadow-xl shadow-purple-700/20 dark:shadow-lg dark:shadow-purple-500/30 text-purple-500 border-2 border-transparent hover:border-current`, to: '/virtual', tagline: `Headless UI for Virtualizing Large Element Lists`, - description: `Virtualize only the visible content for massive scrollable DOM nodes at 60FPS in TS/JS, React, Vue, Solid, Svelte & Lit while retaining 100% control over markup and styles.`, + description: `Virtualize only the visible content for massive scrollable DOM nodes at 60FPS in TS/JS, React, Vue, Solid, Svelte, Lit & Angular while retaining 100% control over markup and styles.`, ogImage: 'https://github.com/tanstack/query/raw/main/media/header.png', bgStyle: 'bg-purple-500', textStyle: 'text-purple-500', @@ -17,7 +17,7 @@ export const virtualProject: Library = { colorFrom: 'from-purple-500', colorTo: 'to-violet-600', textColor: 'text-purple-600', - frameworks: ['react', 'solid', 'vue', 'svelte', 'lit'], + frameworks: ['react', 'solid', 'vue', 'svelte', 'lit', 'angular'], defaultDocs: 'framework/react/overview', scarfId: '32372eb1-91e0-48e7-8df1-4808a7be6b94', } diff --git a/app/routes/_libraries.start.$version.index.tsx b/app/routes/_libraries.start.$version.index.tsx index 31a28d9a..260c192a 100644 --- a/app/routes/_libraries.start.$version.index.tsx +++ b/app/routes/_libraries.start.$version.index.tsx @@ -4,6 +4,7 @@ import { CgCornerUpLeft, CgSpinner } from 'react-icons/cg' import { PiTreeStructureBold, PiRocketLaunchDuotone } from 'react-icons/pi' import { TbServerBolt } from 'react-icons/tb' import { + FaBook, FaDiscord, FaGithub, FaTshirt, @@ -20,6 +21,7 @@ import { createFileRoute } from '@tanstack/react-router' import { Framework, getBranch } from '~/libraries' import { seo } from '~/utils/seo' import { partners } from '~/utils/partners' +import { VscPreview } from 'react-icons/vsc' const menu = [ { @@ -30,22 +32,22 @@ const menu = [ ), to: '/', }, - // { - // label: ( - // - // Examples - // - // ), - // to: './docs/react/examples/basic', - // }, - // { - // label: ( - // - // Docs - // - // ), - // to: './docs/', - // }, + { + label: ( + + Examples + + ), + to: '../../router/latest/docs/framework/react/examples/start-basic', + }, + { + label: ( + + Docs + + ), + to: '../../router/latest/docs/framework/react/start/overview', + }, // { // label: ( // @@ -190,9 +192,9 @@ export default function VersionIndex() { fully type-safe and powerfully-unmatched routing system {' '} that is designed to handle the beefiest of full-stack routing - requirements with ease. Start builds on top of Router's type- to - also provide type-safe full-stack APIs that keep you in the fast - lane. + requirements with ease. Start builds on top of Router's fully + inferred type safety to also provide type-safe full-stack APIs + that keep you in the fast lane. @@ -323,6 +325,7 @@ Check it out at https://tanstack.com/start/` )}`} target="_blank" className={`flex items-center gap-2 py-2 px-4 bg-cyan-500 rounded text-white uppercase font-extrabold`} + rel="noreferrer" > Tweet about it! {' '} @@ -497,6 +500,7 @@ Check it out at https://tanstack.com/start/` href={partner.href} target="_blank" className="bg-white shadow-xl shadow-gray-500/20 rounded-lg dark:border border-gray-500/20 dark:bg-gray-800 dark:shadow-none group overflow-hidden grid" + rel="noreferrer" > {partner.homepageImg} diff --git a/app/routes/_libraries.virtual.$version.index.tsx b/app/routes/_libraries.virtual.$version.index.tsx index 8281b032..ab1aa91d 100644 --- a/app/routes/_libraries.virtual.$version.index.tsx +++ b/app/routes/_libraries.virtual.$version.index.tsx @@ -162,8 +162,8 @@ export default function RouteComp() { lg:text-xl lg:max-w-2xl" > Virtualize only the visible DOM nodes within massive scrollable - elements at 60FPS in TS/JS, React, Vue, Solid, Svelte & Lit while - retaining 100% control over markup and styles. + elements at 60FPS in TS/JS, React, Vue, Solid, Svelte, Lit & Angular + while retaining 100% control over markup and styles. (