Svelte Toc

ideallifementorship

svelte-Table Of Content based on https://svelte.dev/llms-small.txt

Download

$derived
- $effect.pre
- $effect.tracking
- $effect.root
- When not to use $effect
$props
- Fallback values
- Renaming props
- Rest props
- Updating props
- Type safety
$bindable
$inspect
- $inspect(...).with
- $inspect.trace(...)
$host
Basic markup
- Tags
- Element attributes
- Component props
- Events
  - Event delegation
- Text expressions
- Comments
{#if ...}
{#each ...}
- Keyed each blocks
- Each blocks without an item
- Else blocks
{#key ...}
{#await ...}
{#snippet ...}
- Snippet scope
- Passing snippets to components
- Typing snippets
- Exporting snippets
- Programmatic snippets
- Snippets and slots
{@render ...}
- Optional snippets
{@html ...}
- Styling
{@const ...}
{@debug ...}
bind:
- Function bindings
- <input bind:value>
- <input bind:checked>
- <input bind:group>
- <input bind:files>
- <select bind:value>
- <audio>
- <video>
- <img>
- <details bind:open>
- Contenteditable bindings
- Dimensions
- bind:this
- bind:_property_ for components
use:
- Typing
transition:
- Built-in transitions
- Local vs global
- Transition parameters
- Custom transition functions
- Transition events
in: and out:
animate:
- Animation Parameters
- Custom animation functions
style:
class
- Attributes
  - Objects and arrays
- The class: directive
Scoped styles
- Specificity
- Scoped keyframes
Global styles
- :global(...)
- :global
Custom properties
Nested <style> elements
<svelte:boundary>
- Properties
  - failed
  - onerror
<svelte:window>
<svelte:document>
<svelte:body>
<svelte:head>
<svelte:element>
<svelte:options>
Stores
- When to use stores
- svelte/store
  - writable
  - readable
  - derived
  - readonly
  - get
- Store contract
Context
- Setting and getting context
- Encapsulating context interactions
Lifecycle hooks
- onMount
- onDestroy
- tick
- Deprecated: beforeUpdate / afterUpdate
  - Chat window example
Imperative component API * mount * unmount * render * hydrate
svelte/motion
- Spring
  - Spring.of
- Tweened
  - Tween.of
svelte/reactivity/window
- devicePixelRatio
- innerHeight
- innerWidth
- online
- outerHeight
- outerWidth
- screenLeft
- screenTop
- scrollX
- scrollY
svelte/reactivity
- MediaQuery
- SvelteDate
- SvelteMap
- SvelteSet
- SvelteURL
  - SvelteURLSearchParams
- createSubscriber
svelte/server
- render
svelte/store
- derived
- fromStore
- get
- readable
- readonly
- toStore
- writable
- Readable
- StartStopNotifier
- Subscriber
- Unsubscriber
- Updater
- Writable
svelte/transition
- blur
- crossfade
- draw
- fade
- fly
- scale
- slide
- BlurParams
- CrossfadeParams
- DrawParams
- EasingFunction
- FadeParams
- FlyParams
- ScaleParams
- SlideParams
- TransitionConfig

Start of SvelteKit documentation

Introduction
- Before we begin
- What is SvelteKit?
- What is Svelte?
- SvelteKit vs Svelte
Creating a project
- Editor setup
Project structure
- Project files
  - src
  - static
  - tests
  - package.json
  - svelte.config.js
  - tsconfig.json
  - vite.config.js
- Other files
  - .svelte-kit
Web standards
- Fetch APIs
  - Request
  - Response
  - Headers
- FormData
- Stream APIs
- URL APIs
  - URLSearchParams
- Web Crypto
Routing
- +page
  - +page.svelte
  - +page.js
  - +page.server.js
- +error
- +layout
  - +layout.svelte
  - +layout.js
  - +layout.server.js
- +server
  - Receiving data
  - Fallback method handler
  - Content negotiation
- $types
- Other files
- Further reading
Loading data
- Page data
- Layout data
- Universal vs server
- Using URL data
- Making fetch requests
- Cookies
- Headers
- Using parent data
- Errors
- Redirects
- Streaming with promises
- Parallel loading
- Rerunning load functions
- Implications for authentication
- Further reading
Form actions
- Default actions
- Named actions
- Anatomy of an action
  - Validation errors
  - Redirects
- Loading data
- Progressive enhancement
  - use:enhance
  - Customising use:enhance
  - Custom event listener
- Alternatives
- GET vs POST
- Further reading
Page options
- prerender
  - Prerendering server routes
  - When not to prerender
  - Route conflicts
  - Troubleshooting
- entries
- ssr
- csr
- trailingSlash
- config
- Further reading
State management
- Avoid shared state on the server
- Component and page state is preserved
- Storing state in the URL
- Storing ephemeral state in snapshots
Building your app
- During the build
- Preview your app
Adapters
- Using adapters
- Platform-specific context
Single-page apps
- Usage
- Apache
- Prerendering individual pages
Advanced routing
- Rest parameters
  - 404 pages
- Optional parameters
- Matching
- Sorting
- Encoding
- Advanced layouts
  - (group)
  - Breaking out of layouts
  - +page@
  - +layout@
  - When to use layout groups
- Further reading
Hooks
- Server hooks
  - handle
  - locals
  - handleFetch
    - Credentials
- Shared hooks
  - handleError
  - init
- Universal hooks
  - reroute
  - transport
- Further reading
Errors
- Error objects
- Expected errors
- Unexpected errors
- Responses
- Type safety
- Further reading
Link options
- data-sveltekit-preload-data
- data-sveltekit-preload-code
- data-sveltekit-reload
- data-sveltekit-replacestate
- data-sveltekit-keepfocus
- data-sveltekit-noscroll
- Disabling options
Service workers
- Inside the service worker
- During development
- Type safety
- Other solutions
Server-only modules
- Private environment variables
- Server-only utilities
- Your modules
- How it works
- Further reading
Snapshots
Shallow routing
- API
- Loading data for a route
- Caveats
Auth * Sessions vs tokens * Integration points * Guides
Images
- Vite's built-in handling
- @sveltejs/enhanced-img
  - Setup
  - Basic usage
  - Dynamically choosing an image
  - Intrinsic Dimensions
  - srcset and sizes
  - Per-image transforms
- Loading images dynamically from a CDN
- Best practices
Accessibility
- Route announcements
- Focus management
- The "lang" attribute
- Further reading
SEO
- Out of the box
- Manual setup
  - <title> and <meta>
  - Sitemaps
  - AMP
@sveltejs/kit
- Server
- VERSION
- error
- fail
- isActionFailure
- isHttpError
- isRedirect
- json
- redirect
- text
- Action
- ActionFailure
- ActionResult
- Actions
- Adapter
- AfterNavigate
- AwaitedActions
- BeforeNavigate
- Builder
- ClientInit
- Config
- Cookies
- Emulator
- Handle
- HandleClientError
- HandleFetch
- HandleServerError
- HttpError
- HttpMethod
- Logger
- MaybePromise
- PrerenderEntryGeneratorMismatchHandler
- PrerenderEntryGeneratorMismatchHandlerValue
- PrerenderHttpErrorHandler
- PrerenderHttpErrorHandlerValue
- PrerenderMap
- PrerenderMissingIdHandler
- PrerenderMissingIdHandlerValue
- PrerenderOption
- Prerendered
- RequestOptions
- RouteSegment
- TrailingSlash
- Csp
  - CspDirectives
@sveltejs/kit/hooks
- sequence
@sveltejs/kit/node/polyfills
- installPolyfills
@sveltejs/kit/node
- createReadableStream
- getRequest
- setResponse
@sveltejs/kit/vite
- sveltekit
$app/environment
- browser
- building
- dev
- version
$app/forms
- applyAction
- deserialize
- enhance
$app/navigation
- afterNavigate
- beforeNavigate
- disableScrollHandling
- goto
- invalidate
- invalidateAll
- onNavigate
- preloadCode
- preloadData
- pushState
- replaceState
$app/paths
- assets
- base
- resolveRoute
$app/server
- read
$app/state
- navigating
- page
- updated
$app/stores
- getStores
- navigating
- page
- updated
$env/dynamic/private
$env/dynamic/public
$env/static/private
$env/static/public
$lib
- $lib/server
$service-worker
- base
- build
- files
- prerendered
- version
Configuration
- compilerOptions
- extensions
- kit
  - adapter
  - alias
  - appDir
  - csp
    - mode
    - directives
    - reportOnly
  - csrf
    - checkOrigin
  - embedded
  - env
    - dir
    - publicPrefix
    - privatePrefix
  - files
    - assets
    - hooks
    - lib
    - params
    - routes
    - serviceWorker
    - appTemplate
    - errorTemplate
  - inlineStyleThreshold
  - moduleExtensions
  - outDir
  - output
    - preloadStrategy
    - bundleStrategy
  - paths
    - assets
    - base
    - relative
  - prerender
    - concurrency
    - crawl
    - entries
    - handleHttpError
    - handleMissingId
    - handleEntryGeneratorMismatch
    - origin
  - router
    - type
  - serviceWorker
    - register
    - files?
  - typescript
    - config?
  - version
    - name
    - pollInterval
Command Line Interface
- svelte-kit sync
Types
- Generated types
  - Default tsconfig.json
- $lib
  - $lib/server
- app.d.ts * Error * Locals * PageData * PageState * Platform
- Action
- ActionFailure
- ActionResult
- Actions
- Adapter
- AfterNavigate
- AwaitedActions
- BeforeNavigate
- Builder
- ClientInit
- Config
- Cookies
- Emulator
- Handle
- HandleClientError
- HandleFetch
- HandleServerError
- HttpError
- HttpMethod
- Logger
- MaybePromise
- PrerenderEntryGeneratorMismatchHandler
- PrerenderEntryGeneratorMismatchHandlerValue
- PrerenderHttpErrorHandler
- PrerenderHttpErrorHandlerValue
- PrerenderMap
- PrerenderMissingIdHandler
- PrerenderMissingIdHandlerValue
- PrerenderOption
- Prerendered
- RequestOptions
- RouteSegment
- TrailingSlash
- Csp
  - CspDirectives
- RequestHandler
- Reroute
- ResolveOptions
- RouteDefinition
- SSRManifest
- ServerInit
- ServerInitOptions
- ServerLoad
- ServerLoadEvent
- Snapshot
- SubmitFunction
- Transport
- Transporter
@sveltejs/kit/hooks
- sequence
@sveltejs/kit/node/polyfills
- installPolyfills
@sveltejs/kit/node
- createReadableStream
- getRequest
- setResponse
@sveltejs/kit/vite
- sveltekit
$app/environment
- browser
- building
- dev
- version
$app/forms
- applyAction
- deserialize
- enhance
$app/navigation
- afterNavigate
- beforeNavigate
- disableScrollHandling
- goto
- invalidate
- invalidateAll
- onNavigate
- preloadCode
- preloadData
- pushState
- replaceState
$app/paths
- assets
- base
- resolveRoute
$app/server
- read
$app/state
- navigating
- page
- updated
$app/stores
- getStores
- navigating
- page
- updated
$env/dynamic/private
$env/dynamic/public
$env/static/private
$env/static/public
$lib
$service-worker
- base
- build
- files
- prerendered
- version

Start of Svelte CLI documentation

Overview
- Usage
- Acknowledgements
sv create
- Usage
- Options
sv add
- Usage
- Options
- Official add-ons
sv check
- Installation
- Usage
- Options
- Troubleshooting
- Machine-readable output
- Credits
- FAQ
sv migrate
- Usage
- Migrations

Start of Svelte documentation

Overview
Getting started
- Alternatives to SvelteKit
- Editor tooling
- Getting help
.svelte files
- <script>
- <script module>
- <style>
.svelte.js and .svelte.ts files
What are runes?
$state
- Deep state
- Classes
- $state.raw
- $state.snapshot
- Passing state into functions
$derived
- $derived.by
- Understanding dependencies
- Update propagation
$effect
- Understanding dependencies
- $effect.pre
- $effect.tracking
- $effect.root
Imperative component API
- mount
- unmount
- render
- hydrate
Lifecycle hooks
- onMount
- onDestroy
- tick
- Deprecated: beforeUpdate / afterUpdate
  - Chat window example
Testing
- Unit and integration testing using Vitest
  - Using runes inside your test files
  - Component testing
- E2E tests using Playwright
TypeScript
- <script lang="ts">
- Preprocessor setup
  - Using SvelteKit or Vite
  - Other build tools
- tsconfig.json settings
- Typing $props
- Generic $props
- Typing wrapper components
- Typing $state
- The Component type
- Enhancing built-in DOM types
svelte
- SvelteComponent
- SvelteComponentTyped
- afterUpdate
- beforeUpdate
- createEventDispatcher
- createRawSnippet
- flushSync
- getAllContexts
- getContext
- hasContext
- hydrate
- mount
- onDestroy
- onMount
- setContext
- tick
- unmount
- untrack
- Component
- ComponentConstructorOptions
- ComponentEvents
- ComponentInternals
- ComponentProps
- ComponentType
- EventDispatcher
- MountOptions
- Snippet
svelte/action
- Action
- ActionReturn
svelte/animate
- flip
- AnimationConfig
- FlipParams
svelte/compiler
- VERSION
- compile
- compileModule
- migrate
- parse
- preprocess
- walk
- AST
- CompileError
- CompileOptions
- CompileResult
- MarkupPreprocessor
- ModuleCompileOptions
- Preprocessor
- PreprocessorGroup
- Processed
- Warning
svelte/easing
- backIn
- backInOut
- backOut
- bounceIn
- bounceInOut
- bounceOut
- circIn
- circInOut
- circOut
- cubicIn
- cubicInOut
- cubicOut
- elasticIn
- elasticInOut
- elasticOut
- expoIn
- expoInOut
- expoOut
- linear
- quadIn
- quadInOut
- quadOut
- quartIn
- quartInOut
- quartOut
- quintIn
- quintInOut
- quintOut
- sineIn
- sineInOut
- sineOut
svelte/events
- on
svelte/motion
- spring
- tweened
  - Spring
  - Spring.of
  - Tween
  - Tween.of
- prefersReducedMotion

Okay, I will continue the table of contents from where I left off, focusing on completing the entries related to Svelte, and then moving on to the SvelteKit sections.

$derived
- $effect.pre
- $effect.tracking
- $effect.root
- When not to use $effect
$props
- Fallback values
- Renaming props
- Rest props
- Updating props
- Type safety
$bindable
$inspect
- $inspect(...).with
- $inspect.trace(...)
$host
Basic markup
- Tags
- Element attributes
- Component props
- Events
  - Event delegation
- Text expressions
- Comments
{#if ...}
{#each ...}
- Keyed each blocks
- Each blocks without an item
- Else blocks
{#key ...}
{#await ...}
{#snippet ...}
- Snippet scope
- Passing snippets to components
- Typing snippets
- Exporting snippets
- Programmatic snippets
- Snippets and slots
{@render ...}
- Optional snippets
{@html ...}
- Styling
{@const ...}
{@debug ...}
bind:
- Function bindings
- <input bind:value>
- <input bind:checked>
- <input bind:group>
- <input bind:files>
- <select bind:value>
- <audio>
- <video>
- <img>
- <details bind:open>
- Contenteditable bindings
- Dimensions
- bind:this
- bind:_property_ for components
use:
- Typing
transition:
- Built-in transitions
- Local vs global
- Transition parameters
- Custom transition functions
- Transition events
in: and out:
animate:
- Animation Parameters
- Custom animation functions
style:
class
- Attributes
  - Objects and arrays
- The class: directive
Scoped styles
- Specificity
- Scoped keyframes
Global styles
- :global(...)
- :global
Custom properties
Nested <style> elements
<svelte:boundary>
- Properties
  - failed
  - onerror
<svelte:window>
<svelte:document>
<svelte:body>
<svelte:head>
<svelte:element>
<svelte:options>
Stores
- When to use stores
- svelte/store
  - writable
  - readable
  - derived
  - readonly
  - get
- Store contract
Context
- Setting and getting context
- Encapsulating context interactions
Lifecycle hooks
- onMount
- onDestroy
- tick
- Deprecated: beforeUpdate / afterUpdate
  - Chat window example
Imperative component API
- mount
- unmount
- render
- hydrate
svelte/motion
- Spring
  - Spring.of
- Tweened
  - Tween.of
  - prefersReducedMotion
svelte/reactivity/window
- devicePixelRatio
- innerHeight
- innerWidth
- online
- outerHeight
- outerWidth
- screenLeft
- screenTop
- scrollX
- scrollY
svelte/reactivity
- MediaQuery
- SvelteDate
- SvelteMap
- SvelteSet
- SvelteURL
  - SvelteURLSearchParams
- createSubscriber
svelte/server
- render
svelte/store
- derived
- fromStore
- get
- readable
- readonly
- toStore
- writable
- Readable
- StartStopNotifier
- Subscriber
- Unsubscriber
- Updater
- Writable
svelte/transition
- blur
- crossfade
- draw
- fade
- fly
- scale
- slide
- BlurParams
- CrossfadeParams
- DrawParams
- EasingFunction
- FadeParams
- FlyParams
- ScaleParams
- SlideParams
- TransitionConfig
svelte/action
- Action
- ActionReturn
svelte/animate * flip * AnimationConfig * FlipParams
svelte/compiler * VERSION * compile * compileModule * migrate * parse * preprocess * walk * AST * CompileError * CompileOptions * CompileResult * MarkupPreprocessor * ModuleCompileOptions * Preprocessor * PreprocessorGroup * Processed * Warning
svelte/easing * backIn * backInOut * backOut * bounceIn * bounceInOut * bounceOut * circIn * circInOut * circOut * cubicIn * cubicInOut * cubicOut * elasticIn * elasticInOut * elasticOut * expoIn * expoInOut * expoOut * linear * quadIn * quadInOut * quadOut * quartIn * quartInOut * quartOut * quintIn * quintInOut * quintOut * sineIn * sineInOut * sineOut
svelte/events
- on
svelte/motion * spring * tweened
- Spring
- Spring.of
- Tween
- Tween.of * prefersReducedMotion

Start of SvelteKit documentation

Introduction
- Before we begin
- What is SvelteKit?
- What is Svelte?
- SvelteKit vs Svelte
Creating a project
- Editor setup
Project structure
- Project files
  - src
  - static
  - tests
  - package.json
  - svelte.config.js
  - tsconfig.json
  - vite.config.js
- Other files
  - .svelte-kit
Web standards
- Fetch APIs
  - Request
  - Response
  - Headers
- FormData
- Stream APIs
- URL APIs
  - URLSearchParams
- Web Crypto
Routing
- +page
  - +page.svelte
  - +page.js
  - +page.server.js
- +error
- +layout
  - +layout.svelte
  - +layout.js
  - +layout.server.js
- +server
  - Receiving data
  - Fallback method handler
  - Content negotiation
- $types
- Other files
- Further reading
Loading data
- Page data
- Layout data
- Universal vs server
- Using URL data
- Making fetch requests
- Cookies
- Headers
- Using parent data
- Errors
- Redirects
- Streaming with promises
- Parallel loading
- Rerunning load functions
- Implications for authentication
- Further reading
Form actions
- Default actions
- Named actions
- Anatomy of an action
  - Validation errors
  - Redirects
- Loading data
- Progressive enhancement
  - use:enhance
  - Customising use:enhance
  - Custom event listener
- Alternatives
- GET vs POST
- Further reading
Page options
- prerender
  - Prerendering server routes
  - When not to prerender
  - Route conflicts
  - Troubleshooting
- entries
- ssr
- csr
- trailingSlash
- config
- Further reading
State management
- Avoid shared state on the server
- Component and page state is preserved
- Storing state in the URL
- Storing ephemeral state in snapshots
Building your app
- During the build
- Preview your app
Adapters
- Using adapters
- Platform-specific context
Single-page apps
- Usage
- Apache
- Prerendering individual pages
Advanced routing
- Rest parameters
  - 404 pages
- Optional parameters
- Matching
- Sorting
- Encoding
- Advanced layouts
  - (group)
  - Breaking out of layouts
  - +page@
  - +layout@
  - When to use layout groups
- Further reading
Hooks
- Server hooks
  - handle
  - locals
  - handleFetch
    - Credentials
- Shared hooks
  - handleError
  - init
- Universal hooks
  - reroute
  - transport
- Further reading
Errors
- Error objects
- Expected errors
- Unexpected errors
- Responses
- Type safety
- Further reading
Link options
- data-sveltekit-preload-data
- data-sveltekit-preload-code
- data-sveltekit-reload
- data-sveltekit-replacestate
- data-sveltekit-keepfocus
- data-sveltekit-noscroll
- Disabling options
Service workers
- Inside the service worker
- During development
- Type safety
- Other solutions
Server-only modules
- Private environment variables
- Server-only utilities
- Your modules
- How it works
- Further reading
Snapshots
Shallow routing
- API
- Loading data for a route
- Caveats
Auth * Sessions vs tokens * Integration points * Guides
Images
- Vite's built-in handling
- @sveltejs/enhanced-img
  - Setup
  - Basic usage
  - Dynamically choosing an image
  - Intrinsic Dimensions
  - srcset and sizes
  - Per-image transforms
- Loading images dynamically from a CDN
- Best practices
Accessibility
- Route announcements
- Focus management
- The "lang" attribute
- Further reading
SEO
- Out of the box
- Manual setup
  - <title> and <meta>
  - Sitemaps
  - AMP
@sveltejs/kit
- Server
- VERSION
- error
- fail
- isActionFailure
- isHttpError
- isRedirect
- json
- redirect
- text
- Action
- ActionFailure
- ActionResult
- Actions
- Adapter
- AfterNavigate
- AwaitedActions
- BeforeNavigate
- Builder
- ClientInit
- Config
- Cookies
- Emulator
- Handle
- HandleClientError
- HandleFetch
- HandleServerError
- HttpError
- HttpMethod
- Logger
- MaybePromise
- PrerenderEntryGeneratorMismatchHandler
- PrerenderEntryGeneratorMismatchHandlerValue
- PrerenderHttpErrorHandler
- PrerenderHttpErrorHandlerValue
- PrerenderMap
- PrerenderMissingIdHandler
- PrerenderMissingIdHandlerValue
- PrerenderOption
- Prerendered
- RequestOptions
- RouteSegment
- TrailingSlash
  - Csp
    - CspDirectives
@sveltejs/kit/hooks
- sequence
@sveltejs/kit/node/polyfills
- installPolyfills
@sveltejs/kit/node
- createReadableStream
- getRequest
- setResponse
@sveltejs/kit/vite
- sveltekit
$app/environment
- browser
- building
- dev
- version
$app/forms
- applyAction
- deserialize
- enhance
$app/navigation
- afterNavigate
- beforeNavigate
- disableScrollHandling
- goto
- invalidate
- invalidateAll
- onNavigate
- preloadCode
- preloadData
- pushState
- replaceState
$app/paths
- assets
- base
- resolveRoute
$app/server
- read
$app/state
- navigating
- page
- updated
$app/stores
- getStores
- navigating
- page
- updated
$env/dynamic/private
$env/dynamic/public
$env/static/private
$env/static/public
$lib
$service-worker
- base
- build
- files
- prerendered
- version

Start of Svelte CLI documentation

Overview
- Usage
- Acknowledgements
sv create
- Usage
- Options
sv add
- Usage
- Options
- Official add-ons
sv check
- Installation
- Usage
- Options
- Troubleshooting
- Machine-readable output
- Credits
- FAQ
sv migrate
- Usage
- Migrations

Start of Svelte documentation

Overview
Getting started
- Alternatives to SvelteKit
- Editor tooling
- Getting help
.svelte files
- <script>
- <script module>
- <style>
.svelte.js and .svelte.ts files
What are runes?
$state
- Deep state
- Classes
- $state.raw
- $state.snapshot
- Passing state into functions
$derived
- $derived.by
- Understanding dependencies
- Update propagation
$effect
- Understanding dependencies
- $effect.pre
- $effect.tracking
- $effect.root
Imperative component API
- mount
- unmount
- render
- hydrate
Lifecycle hooks
- onMount
- onDestroy
- tick
- Deprecated: beforeUpdate / afterUpdate
  - Chat window example
Testing
- Unit and integration testing using Vitest
  - Using runes inside your test files
  - Component testing
- E2E tests using Playwright
TypeScript
- <script lang="ts">
- Preprocessor setup
  - Using SvelteKit or Vite
  - Other build tools
- tsconfig.json settings
- Typing $props
- Generic $props
- Typing wrapper components
- Typing $state
- The Component type
- Enhancing built-in DOM types
svelte
- SvelteComponent
- SvelteComponentTyped
- afterUpdate
- beforeUpdate
- createEventDispatcher
- createRawSnippet
- flushSync
- getAllContexts
- getContext
- hasContext
- hydrate
- mount
- onDestroy
- onMount
- setContext
- tick
- unmount
- untrack
- Component
- ComponentConstructorOptions
- ComponentEvents
- ComponentInternals
- ComponentProps
- ComponentType
- EventDispatcher
- MountOptions
- Snippet
svelte/action
- Action
- ActionReturn
svelte/animate
- flip
- AnimationConfig
- FlipParams
svelte/compiler * VERSION * compile
- compileModule
  - migrate
  - parse
  - preprocess
- walk
  - AST
  - CompileError
  - CompileOptions
  - CompileResult
  - MarkupPreprocessor
  - ModuleCompileOptions
  - Preprocessor
  - PreprocessorGroup
  - Processed
  - Warning
svelte/easing * backIn * backInOut * backOut * bounceIn * bounceInOut * bounceOut * circIn * circInOut * circOut * cubicIn * cubicInOut * cubicOut * elasticIn * elasticInOut * elasticOut * expoIn * expoInOut * expoOut * linear * quadIn * quadInOut * quadOut * quartIn * quartInOut * quartOut * quintIn * quintInOut * quintOut * sineIn * sineInOut * sineOut
svelte/events
- on
svelte/motion * spring * tweened * Spring
- Spring.of
- Tween
- Tween.of * prefersReducedMotion

Okay, I will continue the table of contents from that point, expanding the Svelte section and then moving to SvelteKit.

$derived
- $effect.pre
- $effect.tracking
- $effect.root
- When not to use $effect
$props
- Fallback values
- Renaming props
- Rest props
- Updating props
- Type safety
$bindable
$inspect
- $inspect(...).with
- $inspect.trace(...)
$host
Basic markup
- Tags
- Element attributes
- Component props
- Events
  - Event delegation
- Text expressions
- Comments
{#if ...}
{#each ...}
- Keyed each blocks
- Each blocks without an item
- Else blocks
{#key ...}
{#await ...}
{#snippet ...}
- Snippet scope
- Passing snippets to components
- Typing snippets
- Exporting snippets
- Programmatic snippets
- Snippets and slots
{@render ...}
- Optional snippets
{@html ...}
- Styling
{@const ...}
{@debug ...}
bind:
- Function bindings
- <input bind:value>
- <input bind:checked>
- <input bind:group>
- <input bind:files>
- <select bind:value>
- <audio>
- <video>
- <img>
- <details bind:open>
- Contenteditable bindings
- Dimensions
- bind:this
- bind:_property_ for components
use:
- Typing
transition:
- Built-in transitions
- Local vs global
- Transition parameters
- Custom transition functions
- Transition events
in: and out:
animate:
- Animation Parameters
- Custom animation functions
style:
class
- Attributes
  - Objects and arrays
- The class: directive
Scoped styles
- Specificity
- Scoped keyframes
Global styles
- :global(...)
- :global
Custom properties
Nested <style> elements
<svelte:boundary>
- Properties
  - failed
  - onerror
<svelte:window>
<svelte:document>
<svelte:body>
<svelte:head>
<svelte:element>
<svelte:options>
Stores
- When to use stores
- svelte/store
  - writable
  - readable
  - derived
  - readonly
  - get
- Store contract
Context
- Setting and getting context
- Encapsulating context interactions
Lifecycle hooks
- onMount
- onDestroy
- tick
- Deprecated: beforeUpdate / afterUpdate
  - Chat window example
Imperative component API * mount * unmount * render * hydrate
svelte/motion
- spring
  - Spring.of
- tweened
  - Tween.of
- prefersReducedMotion
svelte/reactivity/window
- devicePixelRatio
- innerHeight
- innerWidth
- online
- outerHeight
- outerWidth
- screenLeft
- screenTop
- scrollX
- scrollY
svelte/reactivity
- MediaQuery
- SvelteDate
- SvelteMap
- SvelteSet
- SvelteURL
  - SvelteURLSearchParams
- createSubscriber
svelte/server * render
svelte/store * derived * fromStore * get * readable * readonly
- toStore * writable * Readable * StartStopNotifier * Subscriber * Unsubscriber * Updater * Writable
svelte/transition * blur * crossfade * draw * fade * fly * scale * slide * BlurParams * CrossfadeParams * DrawParams * EasingFunction * FadeParams * FlyParams * ScaleParams * SlideParams * TransitionConfig
svelte/action
- Action
- ActionReturn
svelte/animate
- flip
- AnimationConfig
- FlipParams
svelte/compiler
- VERSION
- compile
- compileModule
- migrate
- parse
- preprocess
- walk
- AST
- CompileError
- CompileOptions
- CompileResult
- MarkupPreprocessor
- ModuleCompileOptions
- Preprocessor
- PreprocessorGroup
- Processed
- Warning
svelte/easing * backIn * backInOut * backOut * bounceIn * bounceInOut * bounceOut * circIn * circInOut * circOut * cubicIn * cubicInOut * cubicOut * elasticIn * elasticInOut * elasticOut * expoIn * expoInOut * expoOut * linear * quadIn * quadInOut * quadOut * quartIn * quartInOut * quartOut * quintIn * quintInOut * quintOut * sineIn * sineInOut * sineOut
svelte/events
- on
svelte/motion
- spring
- Spring
  - Spring.of
- tweened
- Tween
  - Tween.of * prefersReducedMotion

Start of SvelteKit documentation

Introduction
- Before we begin
- What is SvelteKit?
- What is Svelte?
- SvelteKit vs Svelte
Creating a project
- Editor setup
Project structure
- Project files
  - src
  - static
  - tests
  - package.json
  - svelte.config.js
  - tsconfig.json
  - vite.config.js
- Other files
  - .svelte-kit
Web standards
- Fetch APIs
  - Request
  - Response
  - Headers
- FormData
- Stream APIs
- URL APIs
  - URLSearchParams
- Web Crypto
Routing
- +page
  - +page.svelte
  - +page.js
  - +page.server.js
- +error
- +layout
  - +layout.svelte
  - +layout.js
  - +layout.server.js
- +server
  - Receiving data
  - Fallback method handler
  - Content negotiation
- $types
- Other files
- Further reading
Loading data
- Page data
- Layout data
- Universal vs server
- Using URL data
- Making fetch requests
- Cookies
- Headers
- Using parent data
- Errors
- Redirects
- Streaming with promises
- Parallel loading
- Rerunning load functions
- Implications for authentication
- Further reading
Form actions
- Default actions
- Named actions
- Anatomy of an action
  - Validation errors
  - Redirects
- Loading data
- Progressive enhancement
  - use:enhance
  - Customising use:enhance
  - Custom event listener
- Alternatives
- GET vs POST
- Further reading
Page options
- prerender
  - Prerendering server routes
  - When not to prerender
  - Route conflicts
  - Troubleshooting
- entries
- ssr
- csr
- trailingSlash
- config
- Further reading
State management
- Avoid shared state on the server
- Component and page state is preserved
- Storing state in the URL
- Storing ephemeral state in snapshots
Building your app
- During the build
- Preview your app
Adapters
- Using adapters
- Platform-specific context
Single-page apps
- Usage
- Apache
- Prerendering individual pages
Advanced routing
- Rest parameters
  - 404 pages
- Optional parameters
- Matching
- Sorting
- Encoding
- Advanced layouts
  - (group)
  - Breaking out of layouts
  - +page@
  - +layout@
  - When to use layout groups
- Further reading
Hooks
- Server hooks
  - handle
  - locals
  - handleFetch
    - Credentials
- Shared hooks
  - handleError
  - init
- Universal hooks
  - reroute
  - transport
- Further reading
Errors
- Error objects
- Expected errors
- Unexpected errors
- Responses
- Type safety
- Further reading
Link options
- data-sveltekit-preload-data
- data-sveltekit-preload-code
- data-sveltekit-reload
- data-sveltekit-replacestate
- data-sveltekit-keepfocus
- data-sveltekit-noscroll
- Disabling options
Service workers
- Inside the service worker
- During development
- Type safety
- Other solutions
Server-only modules
- Private environment variables
- Server-only utilities
- Your modules
- How it works
- Further reading
Snapshots
Shallow routing
- API
- Loading data for a route
- Caveats
Auth * Sessions vs tokens * Integration points * Guides
Images
- Vite's built-in handling
- @sveltejs/enhanced-img
  - Setup
  - Basic usage
  - Dynamically choosing an image
  - Intrinsic Dimensions
  - srcset and sizes
  - Per-image transforms
- Loading images dynamically from a CDN
- Best practices
Accessibility
- Route announcements
- Focus management
- The "lang" attribute
- Further reading
SEO
- Out of the box
- Manual setup
  - <title> and <meta>
  - Sitemaps
  - AMP
@sveltejs/kit
- Server
- VERSION
- error
- fail
- isActionFailure
- isHttpError
- isRedirect
- json
- redirect
- text
- Action
- ActionFailure
- ActionResult
- Actions
- Adapter
- AfterNavigate
- AwaitedActions
- BeforeNavigate
- Builder
- ClientInit
- Config
- Cookies
- Emulator
- Handle
- HandleClientError
- HandleFetch
- HandleServerError
- HttpError
- HttpMethod
- Logger
- MaybePromise
- PrerenderEntryGeneratorMismatchHandler
- PrerenderEntryGeneratorMismatchHandlerValue
- PrerenderHttpErrorHandler
- PrerenderHttpErrorHandlerValue
- PrerenderMap
- PrerenderMissingIdHandler
- PrerenderMissingIdHandlerValue
- PrerenderOption
- Prerendered
- RequestOptions
- RouteSegment
- TrailingSlash
  - Csp
    - CspDirectives
@sveltejs/kit/hooks
- sequence
@sveltejs/kit/node/polyfills
- installPolyfills
@sveltejs/kit/node
- createReadableStream
- getRequest
- setResponse
@sveltejs/kit/vite
- sveltekit
$app/environment
- browser
- building
- dev
- version
$app/forms
- applyAction
- deserialize
- enhance
$app/navigation
- afterNavigate
- beforeNavigate
- disableScrollHandling
- goto
- invalidate
- invalidateAll
- onNavigate
- preloadCode
- preloadData
- pushState
- replaceState
$app/paths
- assets
- base
- resolveRoute
$app/server * read
$app/state * navigating * page * updated
$app/stores * getStores * navigating * page * updated
$env/dynamic/private
$env/dynamic/public
$env/static/private
$env/static/public
$lib
$service-worker
- base
- build
- files
- prerendered
- version

Start of Svelte CLI documentation

Overview
- Usage
- Acknowledgements
sv create
- Usage
- Options
sv add
- Usage
- Options
- Official add-ons
  - drizzle
  - eslint
  - sveltekit-adapter
  - lucia
  - mdsvex
  - paraglide
  - playwright
  - prettier
  - storybook
  - tailwindcss
  - vitest
sv check
- Installation
- Usage
- Options
- Troubleshooting
- Machine-readable output
- Credits
- FAQ
sv migrate
- Usage
- Migrations
  - app-state
  - svelte-5
  - self-closing-tags
  - svelte-4
  - sveltekit-2
  - package
  - routes

Start of Svelte documentation

Overview
Getting started
- Alternatives to SvelteKit
- Editor tooling
- Getting help
.svelte files
- <script>
- <script module>
- <style>
.svelte.js and .svelte.ts files
What are runes?
$state
- Deep state
- Classes
- $state.raw
- $state.snapshot
- Passing state into functions
$derived
- $derived.by
- Understanding dependencies
- Update propagation
$effect
- Understanding dependencies
- $effect.pre
- $effect.tracking
- $effect.root
Imperative component API
- mount
- unmount
- render
- hydrate
Lifecycle hooks
- onMount
- onDestroy
- tick
- Deprecated: beforeUpdate / afterUpdate
  - Chat window example
Testing
- Unit and integration testing using Vitest
  - Using runes inside your test files
  - Component testing
- E2E tests using Playwright
TypeScript
- <script lang="ts">
- Preprocessor setup
  - Using SvelteKit or Vite
  - Other build tools
- tsconfig.json settings
- Typing $props
- Generic $props
- Typing wrapper components
- Typing $state
- The Component type
- Enhancing built-in DOM types
svelte * SvelteComponent * SvelteComponentTyped * afterUpdate * beforeUpdate * createEventDispatcher
- createRawSnippet * flushSync * getAllContexts * getContext * hasContext * hydrate * mount * onDestroy * onMount * setContext * tick * unmount * untrack * Component * ComponentConstructorOptions * ComponentEvents * ComponentInternals * ComponentProps * ComponentType * EventDispatcher * MountOptions * Snippet
svelte/action
- Action
- ActionReturn
svelte/animate
- flip
- AnimationConfig
- FlipParams
svelte/compiler
- VERSION
- compile
- compileModule
- migrate
- parse
- preprocess
  - walk
- AST
- CompileError
- CompileOptions
- CompileResult
- MarkupPreprocessor
- ModuleCompileOptions
- Preprocessor
- PreprocessorGroup
- Processed
- Warning
svelte/easing
- backIn
- backInOut
- backOut
- bounceIn
- bounceInOut
- bounceOut
- circIn
- circInOut
- circOut
- cubicIn
- cubicInOut
- cubicOut
- elasticIn
- elasticInOut
- elasticOut
- expoIn
- expoInOut
- expoOut
- linear
- quadIn
- quadInOut
- quadOut
- quartIn
- quartInOut
- quartOut
- quintIn
- quintInOut
- quintOut
- sineIn
- sineInOut
- sineOut
svelte/events * on
svelte/motion
- spring
  - Spring
    - Spring.of
- tweened
- Tween
  - Tween.of
- prefersReducedMotion

Start of SvelteKit documentation

Introduction
- Before we begin
- What is SvelteKit?
- What is Svelte?
- SvelteKit vs Svelte
Creating a project
- Editor setup
Project structure
- Project files
  - src
    - lib
    - server
    - params
    - routes
    - app.html
    - error.html
    - hooks.client.js
    - hooks.server.js
    - service-worker.js
  - static
  - tests
  - package.json
  - svelte.config.js
  - tsconfig.json
  - vite.config.js
- Other files
  - .svelte-kit
Web standards
- Fetch APIs
  - Request
  - Response
  - Headers
- FormData
- Stream APIs
- URL APIs
  - URLSearchParams
- Web Crypto
Routing
- +page
  - +page.svelte
  - +page.js
  - +page.server.js
- +error
- +layout
  - +layout.svelte
  - +layout.js
  - +layout.server.js
- +server
  - Receiving data
  - Fallback method handler
  - Content negotiation
- $types
- Other files
- Further reading
Loading data
- Page data
- Layout data
- Universal vs server
- Using URL data
- Making fetch requests
- Cookies
- Headers
- Using parent data
- Errors
- Redirects
- Streaming with promises
- Parallel loading
- Rerunning load functions
- Implications for authentication
- Further reading
Form actions
- Default actions
- Named actions
- Anatomy of an action
  - Validation errors
  - Redirects
- Loading data
- Progressive enhancement
  - use:enhance
  - Customising use:enhance
  - Custom event listener
- Alternatives
- GET vs POST
- Further reading
Page options
- prerender
  - Prerendering server routes
  - When not to prerender
  - Route conflicts
  - Troubleshooting
- entries
- ssr
- csr
- trailingSlash
- config
- Further reading
State management
- Avoid shared state on the server
- Component and page state is preserved
- Storing state in the URL
- Storing ephemeral state in snapshots
Building your app
- During the build
- Preview your app
Adapters
- Using adapters
- Platform-specific context
Single-page apps
- Usage
- Apache
- Prerendering individual pages
Advanced routing
- Rest parameters
  - 404 pages
- Optional parameters
- Matching
- Sorting
- Encoding
- Advanced layouts
  - (group)
  - Breaking out of layouts
  - +page@
  - +layout@
  - When to use layout groups
- Further reading
Hooks
- Server hooks
  - handle
  - locals
  - handleFetch
    - Credentials
- Shared hooks
  - handleError
  - init
- Universal hooks
  - reroute
  - transport
- Further reading
Errors
- Error objects
- Expected errors
- Unexpected errors
- Responses
- Type safety
- Further reading
Link options
- data-sveltekit-preload-data
- data-sveltekit-preload-code
- data-sveltekit-reload
- data-sveltekit-replacestate
- data-sveltekit-keepfocus
- data-sveltekit-noscroll
- Disabling options
Service workers
- Inside the service worker
- During development
- Type safety
- Other solutions
Server-only modules
- Private environment variables
- Server-only utilities
- Your modules
- How it works
- Further reading
Snapshots
Shallow routing
- API
- Loading data for a route
- Caveats
Auth * Sessions vs tokens * Integration points * Guides
Images
- Vite's built-in handling
- @sveltejs/enhanced-img
  - Setup
  - Basic usage
  - Dynamically choosing an image
  - Intrinsic Dimensions
  - srcset and sizes
  - Per-image transforms
- Loading images dynamically from a CDN
- Best practices
Accessibility
- Route announcements
- Focus management
- The "lang" attribute
- Further reading
SEO
- Out of the box
- Manual setup
  - <title> and <meta>
  - Sitemaps
  - AMP
@sveltejs/kit
- Server
- VERSION
- error
- fail
- isActionFailure
- isHttpError
- isRedirect
- json
- redirect
- text
- Action
- ActionFailure
- ActionResult
- Actions
- Adapter
- AfterNavigate
- AwaitedActions
- BeforeNavigate
- Builder
- ClientInit
- Config
- Cookies * Emulator
- Handle
- HandleClientError
- HandleFetch
- HandleServerError
- HttpError
- HttpMethod
- Logger * MaybePromise
- PrerenderEntryGeneratorMismatchHandler
- PrerenderEntryGeneratorMismatchHandlerValue
- PrerenderHttpErrorHandler
- PrerenderHttpErrorHandlerValue
- PrerenderMap
- PrerenderMissingIdHandler
- PrerenderMissingIdHandlerValue
- PrerenderOption
- Prerendered
- RequestOptions
- RouteSegment
- TrailingSlash
- Csp
  - CspDirectives
@sveltejs/kit/hooks * sequence
@sveltejs/kit/node/polyfills
- installPolyfills
@sveltejs/kit/node
- createReadableStream
- getRequest
- setResponse
@sveltejs/kit/vite
- sveltekit
$app/environment
- browser
- building
- dev
- version
$app/forms
- applyAction
- deserialize
- enhance
$app/navigation
- afterNavigate
- beforeNavigate
- disableScrollHandling
- goto
- invalidate
- invalidateAll
- onNavigate
- preloadCode
- preloadData
- pushState
- replaceState
$app/paths
- assets
- base
- resolveRoute
$app/server * read
$app/state * navigating * page * updated
$app/stores * getStores * navigating * page * updated
$env/dynamic/private
$env/dynamic/public
$env/static/private
$env/static/public
$lib
$service-worker
- base
- build
- files
- prerendered
- version

Start of Svelte CLI documentation

Overview
- Usage
- Acknowledgements
sv create
- Usage
- Options
sv add
- Usage
- Options
- Official add-ons
  - drizzle
  - eslint
  - sveltekit-adapter
  - lucia
  - mdsvex
  - paraglide

Okay, I will focus on the SvelteKit documentation part and will organize it into more distinct categories to make it easier to navigate. I'll retain the original sectioning where appropriate, but also introduce some new categories that are more conceptual and feature-oriented.

# Table of Contents

# SvelteKit Fundamentals

1.  **Introduction**
    *   Before we begin
    *   What is SvelteKit?
    *   What is Svelte?
    *   SvelteKit vs Svelte

2.  **Creating a Project**
    *   Editor Setup
    *   Project Structure
        *   Project Files
            *   `src`
                *   `lib`
                *   `server`
                *   `params`
                *   `routes`
                *   `app.html`
                *   `error.html`
                *   `hooks.client.js`
                *   `hooks.server.js`
                *  `service-worker.js`
            *  `static`
            *  `tests`
            *  `package.json`
            *   `svelte.config.js`
            *   `tsconfig.json`
            *   `vite.config.js`
        *   Other Files
            *   `.svelte-kit`

3.  **Web Standards in SvelteKit**
    *   Fetch APIs
        *   Request
        *   Response
        *   Headers
    *   FormData
    *   Stream APIs
    *   URL APIs
        *   URLSearchParams
    *   Web Crypto

# SvelteKit Routing and Pages

4. **Routing**
    *   `+page`
        *   `+page.svelte`
        *   `+page.js`
        *   `+page.server.js`
    *   `+error`
    *   `+layout`
        *   `+layout.svelte`
        *   `+layout.js`
        *   `+layout.server.js`
    *   `+server`
        *   Receiving data
        *   Fallback method handler
        *   Content negotiation
    *   `$types`
    *   Other files
    *   Further reading
5. **Advanced Routing**
    *   Rest parameters
        *   404 pages
    *   Optional parameters
    *   Matching
    *   Sorting
    *   Encoding
    *   Advanced layouts
        *   (group)
        *   Breaking out of layouts
        *   +page@
        *   +layout@
        *   When to use layout groups
    *   Further reading

6. **Page Options**
    *   `prerender`
        *   Prerendering server routes
        *   When not to prerender
        *   Route conflicts
        *   Troubleshooting
    *   `entries`
    *   `ssr`
    *   `csr`
    *   `trailingSlash`
    *   `config`
    *   Further reading
7. **Link Options**
    *   `data-sveltekit-preload-data`
    *   `data-sveltekit-preload-code`
    *   `data-sveltekit-reload`
    *   `data-sveltekit-replacestate`
    *   `data-sveltekit-keepfocus`
    *   `data-sveltekit-noscroll`
    *   Disabling options

# SvelteKit Data Handling

8. **Loading Data**
    *   Page data
    *   Layout data
    *   Universal vs server
    *   Using URL data
    *   Making fetch requests
    *   Cookies
    *   Headers
    *   Using parent data
    *   Errors
    *   Redirects
    *   Streaming with promises
    *   Parallel loading
    *   Rerunning load functions
     *  Implications for authentication
    *   Further reading

9.  **Form actions**
    *   Default actions
    *   Named actions
    *   Anatomy of an action
        *   Validation errors
        *   Redirects
    *   Loading data
    *   Progressive enhancement
        *   `use:enhance`
        *   Customising `use:enhance`
        *   Custom event listener
    *   Alternatives
    *   GET vs POST
    *   Further reading

# SvelteKit Advanced Features
10. **Hooks**
    *   Server hooks
        *   `handle`
        *   `locals`
        *   `handleFetch`
            *   Credentials
    *   Shared hooks
        *   `handleError`
        *   `init`
    *   Universal hooks
        *   `reroute`
        *    `transport`
    *   Further reading

11. **State management**
     *  Avoid shared state on the server
    *   Component and page state is preserved
    *   Storing state in the URL
    *   Storing ephemeral state in snapshots

12. **Snapshots**

13. **Shallow routing**
    *   API
    *   Loading data for a route
    *   Caveats
14. **Service workers**
    *   Inside the service worker
    *   During development
    *   Type safety
    *   Other solutions

15. **Server-only modules**
    *   Private environment variables
    *   Server-only utilities
    *   Your modules
    *   How it works
    *   Further reading

16. **Authentication**
    *  Sessions vs tokens
    *  Integration points
    *  Guides

# SvelteKit Deployment & Optimization

17. **Building your app**
    *   During the build
    *   Preview your app

18. **Adapters**
    *   Using adapters
    *   Platform-specific context

19. **Single-page apps**
    *   Usage
    *   Apache
    *   Prerendering individual pages

20. **Images**
    *   Vite's built-in handling
    *   `@sveltejs/enhanced-img`
        *   Setup
        *   Basic usage
        *   Dynamically choosing an image
        *   Intrinsic Dimensions
        *   `srcset` and `sizes`
        *   Per-image transforms
    *   Loading images dynamically from a CDN
    *   Best practices

# SvelteKit Accessibility & SEO

21. **Accessibility**
    *   Route announcements
    *   Focus management
    *   The "lang" attribute
    *   Further reading

22. **SEO**
    *   Out of the box
    *   Manual setup
        *   `<title>` and `<meta>`
        *   Sitemaps
        *   AMP

# SvelteKit API Reference

23.  **@sveltejs/kit**
    *   `Server`
    *   `VERSION`
    *   `error`
    *   `fail`
    *   `isActionFailure`
    *   `isHttpError`
    *   `isRedirect`
    *   `json`
    *   `redirect`
    *   `text`
    *   `Action`
    *   `ActionFailure`
    *   `ActionResult`
    *   `Actions`
    *   `Adapter`
    *   `AfterNavigate`
    *   `AwaitedActions`
    *   `BeforeNavigate`
    *   `Builder`
    *   `ClientInit`
    *   `Config`
    *   `Cookies`
    *   `Emulator`
    *   `Handle`
    *   `HandleClientError`
    *   `HandleFetch`
    *   `HandleServerError`
    *   `HttpError`
    *    `HttpMethod`
        *  `Logger`
        *  `MaybePromise`
    *   `PrerenderEntryGeneratorMismatchHandler`
        * `PrerenderEntryGeneratorMismatchHandlerValue`
    *   `PrerenderHttpErrorHandler`
        *  `PrerenderHttpErrorHandlerValue`
    *   `PrerenderMap`
    *   `PrerenderMissingIdHandler`
      *   `PrerenderMissingIdHandlerValue`
    *   `PrerenderOption`
    *   `Prerendered`
    *   `RequestOptions`
    *   `RouteSegment`
    *   `TrailingSlash`
        *    Csp
            *   CspDirectives

24. **@sveltejs/kit/hooks**
    *   `sequence`

25. **@sveltejs/kit/node/polyfills**
    *   `installPolyfills`

26. **@sveltejs/kit/node**
    *   `createReadableStream`
    *   `getRequest`
    *   `setResponse`

27. **@sveltejs/kit/vite**
    *   `sveltekit`

28. **$app/environment**
    *   `browser`
    *   `building`
    *   `dev`
    *   `version`

29. **$app/forms**
    *   `applyAction`
    *   `deserialize`
    *   `enhance`

30. **$app/navigation**
    *   `afterNavigate`
    *   `beforeNavigate`
    *   `disableScrollHandling`
    *   `goto`
    *   `invalidate`
    *   `invalidateAll`
    *   `onNavigate`
    *   `preloadCode`
    *   `preloadData`
    *   `pushState`
    *   `replaceState`

31. **$app/paths**
    *   `assets`
    *   `base`
    *   `resolveRoute`

32. **$app/server**
    *   `read`

33. **$app/state**
    *   `navigating`
    *   `page`
    *   `updated`

34. **$app/stores**
    *   `getStores`
    *   `navigating`
    *   `page`
    *   `updated`

35. **$env/dynamic/private**

36. **$env/dynamic/public**

37. **$env/static/private**

38. **$env/static/public**

39. **$lib**

40. **$service-worker**
    *   `base`
    *   `build`
    *   `files`
    *   `prerendered`
    *   `version`
    

# Start of Svelte CLI documentation

1.  **Overview**
    *   Usage
    *   Acknowledgements

2.  **sv create**
    *   Usage
    *   Options

3.  **sv add**
    *   Usage
    *   Options
    *   Official add-ons
        *   `drizzle`
        *   `eslint`
        *   `sveltekit-adapter`
        *    `lucia`
        *   `mdsvex`
        *   `paraglide`
        *   `playwright`
        *    `prettier`
        *   `storybook`
        *   `tailwindcss`
        *   `vitest`

4.  **sv check**
    *   Installation
    *   Usage
    *   Options
    *   Troubleshooting
    *   Machine-readable output
    *   Credits
    *   FAQ

5. **sv migrate**
    *   Usage
    *   Migrations
        *   `app-state`
        *   `svelte-5`
        *   `self-closing-tags`
        *    `svelte-4`
        *   `sveltekit-2`
        *   `package`
        *   `routes`

# Start of Svelte documentation

1.  **Overview**

2.  **Getting started**
    *   Alternatives to SvelteKit
    *   Editor tooling
    *   Getting help

3.  **.svelte files**
    *   `<script>`
    *   `<script module>`
    *   `<style>`

4.  **.svelte.js and .svelte.ts files**

5.  **What are runes?**

6.  **$state**
    *   Deep state
    *   Classes
    *   `$state.raw`
    *   `$state.snapshot`
    *   Passing state into functions

7.  **$derived**
    *   `$derived.by`
    *   Understanding dependencies
    *   Update propagation

8.  **$effect**
    *   Understanding dependencies
    *   `$effect.pre`
    *   `$effect.tracking`
    *   `$effect.root`

9.  **Imperative component API**
    *   `mount`
    *   `unmount`
    *   `render`
    *   `hydrate`

10. **Lifecycle hooks**
    *   `onMount`
    *   `onDestroy`
    *   `tick`
    *   Deprecated: `beforeUpdate` / `afterUpdate`
        *   Chat window example

11. **Testing**
    *   Unit and integration testing using Vitest
        *   Using runes inside your test files
        *   Component testing
    *   E2E tests using Playwright

12. **TypeScript**
    *   `<script lang="ts">`
    *   Preprocessor setup
        *   Using SvelteKit or Vite
        *   Other build tools
    *   `tsconfig.json` settings
    *   Typing `$props`
    *   Generic `$props`
    *   Typing wrapper components
    *   Typing `$state`
    *   The `Component` type
    *   Enhancing built-in DOM types

13. **svelte**
    *   `SvelteComponent`
    *   `SvelteComponentTyped`
    *   `afterUpdate`
    *    `beforeUpdate`
    *   `createEventDispatcher`
        *    `createRawSnippet`
    *   `flushSync`
    *    `getAllContexts`
    *   `getContext`
    *    `hasContext`
    *   `hydrate`
    *    `mount`
    *   `onDestroy`
    *    `onMount`
    *   `setContext`
    *    `tick`
    *   `unmount`
    *    `untrack`
    *   `Component`
    *   `ComponentConstructorOptions`
    *   `ComponentEvents`
    *   `ComponentInternals`
    *    `ComponentProps`
    *    `ComponentType`
    *   `EventDispatcher`
    *   `MountOptions`
    *  `Snippet`

14.  **svelte/action**
    *   `Action`
    *   `ActionReturn`

15. **svelte/animate**
    *   `flip`
    *    `AnimationConfig`
    *   `FlipParams`

16. **svelte/compiler**
    *   `VERSION`
    *   `compile`
        *   `compileModule`
    *   `migrate`
    *   `parse`
    *   `preprocess`
    *   `walk`
    *   AST
    *   CompileError
    *   CompileOptions
    *   CompileResult
    *   MarkupPreprocessor
    *   ModuleCompileOptions
    *   Preprocessor
    *   PreprocessorGroup
    *   Processed
    *   Warning

17. **svelte/easing**
    *   `backIn`
    *   `backInOut`
    *   `backOut`
    *   `bounceIn`
    *   `bounceInOut`
    *   `bounceOut`
    *   `circIn`
    *   `circInOut`
    *   `circOut`
    *   `cubicIn`
    *   `cubicInOut`
    *   `cubicOut`
    *   `elasticIn`
    *   `elasticInOut`
    *   `elasticOut`
    *   `expoIn`
    *   `expoInOut`
    *   `expoOut`
    *   `linear`
    *   `quadIn`
    *   `quadInOut`
    *   `quadOut`
    *   `quartIn`
    *   `quartInOut`
    *   `quartOut`
    *   `quintIn`
    *   `quintInOut`
    *   `quintOut`
    *   `sineIn`
    *   `sineInOut`
    *   `sineOut`

18.  **svelte/events**
    *   `on`

19.  **svelte/motion**
        *   `spring`
        *    `Spring`
                *   `Spring.of`
        *   `tweened`
            *   `Tween`
                *    `Tween.of`
        *    `prefersReducedMotion`

I've attempted to create a logical structure with these categories:

SvelteKit Fundamentals: Contains introductory material and core concepts about project setup and structure.
SvelteKit Routing and Pages: Focuses on how routing works, including pages, layouts, errors and server endpoints
SvelteKit Data Handling: Covers all aspects related to data including loading, forms, actions, and progressive enhancement.
SvelteKit Advanced Features: This category includes less frequently used features like hooks, state management, snapshots and service workers.
SvelteKit Deployment & Optimization: Deals with building, adapting, and optimizing your app for deployment.
SvelteKit Accessibility & SEO: Contains best practices and specific documentation around making your app accessible and SEO-friendly
SvelteKit API Reference: This contains all the reference documentation on various SvelteKit API's, organized by the module they belong to.

I've tried to bring a better categorization to the table of contents. Please let me know if you would like me to refine it further.

Top categories