lukasa1993
- 241 skills
- 0 followers
- 1 day ago last updated
- ▌ Tanstack Highlight Integrate Markdown Pipelines · lukasa1993 bundleIntegrate @tanstack/highlight with renderCodeFence, codeFenceToHast, remarkHighlightCodeBlocks, rehypeHighlightCodeBlocks, and Markdown fence metadata. Load for unified, Remark, Rehype, MDX, custom HAST traversal, structured output, titles, line numbers, or code annotations.
- ▌ Tanstack Query Intent Lifecycle Test Query Code · lukasa1993 bundleUse this when testing TanStack Query code with isolated QueryClient instances, test providers, retry false, cache cleanup, async assertions, hook testing, React/Vue/Solid/Angular harnesses, and deterministic query state.
- ▌ Tanstack AI Persistence Build Cloudflare Adapter · lukasa1993 bundleUse when a Cloudflare Worker needs TanStack AI chat persistence — writes a chat-persistence.ts into the app against its D1 binding (raw or via Drizzle), plus a Durable Object LockStore. Covers per-request bindings, wrangler config, D1 migrations, and lease-based locks.
- ▌ Tanstack Start Client Core Start Core Deployment · lukasa1993 bundleDeploy to Cloudflare Workers, Netlify, Vercel, Node.js/Docker, Bun, Railway. Selective SSR (ssr option per route), SPA mode, static prerendering, ISR with Cache-Control headers, SEO and head management.
- ▌ Tanstack Start Client Core Start Core Middleware · lukasa1993 bundlecreateMiddleware, request middleware (.server only), server function middleware (.client + .server), context passing via next({ context }), sendContext for client-server transfer, global middleware via createStart in src/start.ts, middleware factories, method order enforcement, fetch override precedence.
- ▌ Tanstack Highlight Integrate Framework Code Blocks · lukasa1993 bundleIntegrate @tanstack/highlight with React code-block props, Octane dangerouslySetInnerHTML data, createOctaneMdxHighlight, hydrated SSR, and post-navigation client content. Load when implementing application-owned code components or sharing highlighted output across server and client.
- ▌ Tanstack React Start Lifecycle Migrate From Nextjs · lukasa1993 bundleStep-by-step migration from Next.js App Router to TanStack Start: route definition conversion, API mapping, server function conversion from Server Actions, middleware conversion, data fetching pattern changes.
- ▌ Tanstack Devtools Utils Devtools Framework Adapters · lukasa1993 bundleUse devtools-utils factory functions to create per-framework plugin adapters. createReactPlugin/createSolidPlugin/createVuePlugin/createPreactPlugin, createReactPanel/createSolidPanel/createVuePanel/createPreactPanel. [Plugin, NoOpPlugin] tuple for tree-shaking. DevtoolsPanelProps (theme). Vue uses (name, component) not options object. Solid render must be function.
- ▌ Tanstack Highlight Configure Selective Highlighting · lukasa1993 bundleConfigure minimal @tanstack/highlight registries with createHighlighter, direct language subpaths, aliases, fallbackLanguage, and shared SSR/client modules. Load for initial setup, browser bundle reduction, language registration, embedded-language dependencies, or hydration consistency.
- ▌ Tanstack Query Intent Core Build Query Abstractions · lukasa1993 bundleUse this when creating TanStack Query abstractions: queryOptions factories, feature-local key modules, custom hooks built on top of options factories, TypeScript inference, avoiding wide UseQueryOptions wrappers, and sharing query configuration across hooks, loaders, prefetches, and QueryClient calls.
- ▌ Tanstack Query Intent Framework Debug With Devtools · lukasa1993 bundleUse this when adding, lazy-loading, or debugging TanStack Query devtools: ReactQueryDevtools, VueQueryDevtools, SolidQueryDevtools, SvelteQueryDevtools, Angular devtools panel, embedded panels, production imports, cache inspection, and offline misconceptions.
- ▌ Tanstack Start Client Core Start Core Server Routes · lukasa1993 bundleServer-side API endpoints using the server property on createFileRoute, HTTP method handlers (GET, POST, PUT, DELETE), createHandlers for per-handler middleware, handler context (request, params, context), request body parsing, response helpers, file naming for API routes.
- ▌ Tanstack Query Intent Core Fetch And Observe Queries · lukasa1993 bundleUse this when reading server state with useQuery, useQueries, createQuery, injectQuery, QueryObserver, QueryClient.fetchQuery, ensureQueryData, status, fetchStatus, pending, paused, success, and error states.
- ▌ Tanstack Devtools Event Client Devtools Bidirectional · lukasa1993 bundleTwo-way event patterns between devtools panel and application. App-to-devtools observation, devtools-to-app commands, time-travel debugging with snapshots and revert. structuredClone for snapshot safety, distinct event suffixes for observation vs commands, serializable payloads only.
- ▌ Tanstack Query Intent Core Coordinate Query Execution · lukasa1993 bundleUse this when coordinating enabled, skipToken, dependent queries, useQueries, parallel queries, disabled queries, background fetching indicators, isFetching, fetchStatus, and declarative refetch behavior.
- ▌ Tanstack Start Client Core Start Core Execution Model · lukasa1993 bundleIsomorphic-by-default principle, environment boundary functions (createServerFn, createServerOnlyFn, createClientOnlyFn, createIsomorphicFn), ClientOnly component, useHydrated hook, import protection, dead code elimination, environment variable safety (VITE_ prefix, process.env).
- ▌ Tanstack Query Intent Core Selectors And Derived State · lukasa1993 bundleUse this when selecting, transforming, or deriving data from TanStack Query: select functions, selector memoization, fine-grained subscriptions, structural sharing, queryOptions composition with select, and deriving client state from server state instead of syncing it through effects.
- ▌ Tanstack Start Client Core Start Core Server Functions · lukasa1993 bundlecreateServerFn (GET/POST), validator (Zod or function), useServerFn hook, server context utilities (getRequest, getRequestHeader, setResponseHeader, setResponseStatus), error handling (throw errors, redirect, notFound), streaming, FormData handling, file organization (.functions.ts, .server.ts).
- ▌ Tanstack AI Persistence Build Cloudflare Artifact Store · lukasa1993 bundleUse when a Cloudflare Worker needs durable byte storage for TanStack AI generated media (images, audio, video, transcripts) — writes a BlobStore backed by R2 and an ArtifactStore backed by D1, composes them onto the generation persistence so withGenerationPersistence persists artifact bytes, and serves them back from a Worker GET route. Includes one-line sketches for S3, GCS, Vercel Blob, Supabase, and a dev filesystem BlobStore.
- ▌ Tanstack Devtools Event Client Devtools Instrumentation · lukasa1993 bundleAnalyze library codebase for critical architecture and debugging points, add strategic event emissions. Identify middleware boundaries, state transitions, lifecycle hooks. Consolidate events (1 not 15), debounce high-frequency updates, DRY shared payload fields, guard emit() for production. Transparent server/client event bridging.
- ▌ Tanstack Query Intent Compositions Query Data And Forms · lukasa1993 bundleUse this when integrating TanStack Query data and mutations with forms: initial server state, editable client state, dirty fields, background updates, submit prevention, invalidation, reset-after-save, validation errors, and avoiding blind copies from Query cache into local form state.
- ▌ Tanstack Query Intent Core Concurrent Optimistic Updates · lukasa1993 bundleUse this when multiple optimistic mutations can overlap: mutation variables, submittedAt keys, scoped mutationKey filters, isMutating guards, cancellation, rollback context, filtered list updates, and avoiding windows of inconsistent UI during concurrent writes.
- ▌ Tanstack Query Intent Core Design Query Keys And Options · lukasa1993 bundleUse this when designing queryKey arrays, queryFn inputs, queryOptions, infiniteQueryOptions, mutationOptions, skipToken, key factories, or TypeScript inference for TanStack Query reads and writes.
- ▌ Tanstack Query Intent Framework Handle Status And Errors · lukasa1993 bundleUse this when designing TanStack Query loading, empty, stale, background error, retry, toast, throwOnError, and Error Boundary flows. Covers status versus fetchStatus, stale data after failed refetches, global QueryCache or MutationCache error callbacks, and local versus boundary-level error handling.
- ▌ Tanstack Query Intent Lifecycle Ssr Hydration And Streaming · lukasa1993 bundleUse this when implementing SSR, hydration, dehydrate, hydrate, HydrationBoundary, TanStack Start, TanStack Router SSR Query, Next.js app router, Next.js pages router, React Server Components, SvelteKit, Nuxt, SolidStart, Lit SSR, ReactQueryStreamedHydration, or streamedQuery.
- ▌ Tanstack Start Client Core Start Core Auth Server Primitives · lukasa1993 bundleServer-side authentication primitives for TanStack Start: session cookies (HttpOnly, Secure, SameSite, __Host- prefix), session read/issue/destroy via createServerFn and middleware, OAuth authorization-code flow with state and PKCE, password-reset enumeration defense, CSRF for non-GET RPCs, rate limiting auth endpoints, session rotation on privilege change. Pairs with router-core/auth-and-guards for the routing side.
- ▌ Tanstack Query Intent Core Paginate And Build Infinite Queri · lukasa1993 bundleUse this when implementing pagination, lagged queries, placeholderData, keepPreviousData migration, useInfiniteQuery, initialPageParam, getNextPageParam, getPreviousPageParam, maxPages, pages, or pageParams.
- ▌ Tanstack Query Intent Compositions Persist Offline And Ca66c · lukasa1993 bundleUse this when using persistQueryClient, PersistQueryClientProvider, createSyncStoragePersister, createAsyncStoragePersister, experimental fine-grained persisters, offline mutations, resumePausedMutations, maxAge, gcTime, and restore races.
- ▌ Tanstack Query Intent Core Seed Placeholder Select And 5c984 · lukasa1993 bundleUse this when choosing initialData, initialDataUpdatedAt, placeholderData, keepPreviousData, select, data transformation, cache seeding, detail-from-list seeding, or derived query data.
- ▌ Tanstack Query Intent Framework Use Suspense And Error 0e96f · lukasa1993 bundleUse this when using useSuspenseQuery, useSuspenseQueries, useSuspenseInfiniteQuery, QueryErrorResetBoundary, throwOnError, useQueryErrorResetBoundary, React.use query.promise, streamed hydration, and Suspense constraints in Query adapters.
- ▌ Tanstack Query Intent Lifecycle Migrate Major Versions 33ec7 · lukasa1993 bundleUse this when migrating TanStack Query across React Query v3, React Query v4, TanStack Query v5, Vue Query v5, Svelte Query v6, removed overloads, object syntax, cacheTime to gcTime, removed query callbacks, keepPreviousData migration, and query-codemods.
- ▌ Tanstack Query Intent Compositions Automatic Invalidati A8e9 · lukasa1993 bundleUse this when designing automatic invalidation policies for TanStack Query mutations with MutationCache callbacks, mutationKey-to-queryKey matching, mutation meta invalidation tags, awaited invalidation, and exclusions for static or unrelated queries.
- ▌ Tanstack Query Intent Compositions Broadcast Realtime A 6360 · lukasa1993 bundleUse this when synchronizing TanStack Query caches with broadcastQueryClient, BroadcastChannel, multi-tab cache sync, realtime invalidation, WebSocket events, server/browser boundaries, and experimental broadcast behavior.
- ▌ Tanstack Query Intent Compositions Compose Query With T D0bc · lukasa1993 bundleUse this when combining TanStack Query with TanStack Router or TanStack Start: router context QueryClient, createFileRoute loaders, ensureQueryData, @tanstack/react-router-ssr-query, setupRouterSsrQueryIntegration, SSR hydration, streaming, redirects, and Start server functions.
- ▌ Tanstack Query Intent Compositions Enforce Query Best P 48bb · lukasa1993 bundleUse this when configuring @tanstack/eslint-plugin-query, flat/recommended, flat/recommended-strict, exhaustive-deps, no-rest-destructuring, no-unstable-deps, no-void-query-fn, stable-query-client, prefer-query-options, infinite-query-property-order, and mutation-property-order.
- ▌ Tanstack Query Intent Core Cancel Queries And Consume A 19e3 · lukasa1993 bundleUse this when handling query cancellation, AbortSignal, cancelQueries, CancelledError, rollback after consumed signals, fetch cancellation, axios cancellation, and optimistic update overwrite prevention.
- ▌ Tanstack Query Intent Core Implement Optimistic Updates 20e8 · lukasa1993 bundleUse this when implementing optimistic updates, onMutate rollback context, cancelQueries before writes, setQueryData, setQueriesData, immutable cache writes, mutation rollback, and offline-aware optimistic state.
- ▌ Tanstack Query Intent Core Tune Defaults Freshness Retr 58e4 · lukasa1993 bundleUse this when configuring staleTime, gcTime, cache lifetime, retry, retryDelay, refetchOnWindowFocus, refetchOnReconnect, refetchInterval, networkMode, focusManager, onlineManager, timeoutManager, or QueryClient defaultOptions.
- ▌ Tanstack Query Intent Core Understand Query Internals A 8ab9 · lukasa1993 bundleUse this when explaining or debugging TanStack Query internals: QueryClient, QueryCache, MutationCache, Query, QueryObserver, active versus inactive queries, observer-level options, subscriptions, stale timers, and why loaders or imperative cache reads are not the same as observed queries.
- ▌ Tanstack Query Intent Core Write Mutations And Invalida 1820 · lukasa1993 bundleUse this when writing server state with useMutation, mutationFn, mutate, mutateAsync, mutationKey, useMutationState, invalidateQueries, setMutationDefaults, awaited invalidation, and mutation callbacks.
- ▌ Tanstack Query Intent Framework Shape Data And Render E Feb1 · lukasa1993 bundleUse this when optimizing TanStack Query rendering with structuralSharing, tracked properties, select, notifyOnChangeProps, stable hook deps, immutable data, Vue reactivity, and no-rest-destructuring or no-unstable-deps lint rules.