export const Route = createFileRoute('/$')({
loader: async ({ location }) => {
const urlParts = tanStackUrlUtility.getUrlParts(location);
const { response, type } = await dynamicPageUtility.getPageType({
urlParts,
});
const page = DYNAMIC_PAGE_CONFIG[type];
if (!page) {
throw notFound();
}
const data = await page.getData({
...response,
urlParts,
});
return {
type,
data,
};
},
component: CatchAllRoute,
head: ({ loaderData }) => {
return metadataPropsToTanStackHead(loaderData?.data.metadata);
},
headers: (ctx) => {
if (!ctx.match.error) {
return { 'Cache-Control': 'public, s-maxage=60, max-age=60, stale-while-revalidate=300' };
}
},
});
function CatchAllRoute() {
const { type, data } = Route.useLoaderData();
return <DynamicPage type={type} componentProps={data.componentProps} />;
}
const onChange = (id: string) => {
const dateObject = dateUtility.createDateObject(id);
window.history.replaceState(
null,
'',
?date=${dateUtility.formatInTimeZone(dateObject!, TIMEZONE.DEFAULT, DATE_FORMAT.SHORT_DATE)}
);
},
https://x.com/powersync_/status/2010721010006552775?s=20
dry-scarlet · 2mo ago
You can now submit your website/app/project to http://TanStack.com 's new showcase and have it seen by the TanStack community! - Global showcase browser - Per-library filters - Category filters Submit here: https://tanstack.com/showcase/submit View all here: https://tanstack.com/showcase
dry-scarlet · 3mo ago
TanStack AI Alpha 2 is here! 🖼️ Image, video, audio, speech, transcription, structured output 📦 Split adapters = smaller bundles, faster dev/contributions, easier 🎄 Fully tree shakable adapters ✨ Cleaner, flattened, fully type-safe APIs https://tanstack.com/blog/tanstack-ai-alpha-2
dry-scarlet · 3mo ago