tessl/npm-sveltejs--kit
Web framework for Svelte with SSR, file-based routing, load functions, form actions, and API endpoints
—
Pending
environment.mddocs/reference/
Environment
Detect runtime environment with boolean flags for browser, dev mode, building, and app version.
Capabilities
Environment Constants
// From '$app/environment'
const browser: boolean;
const dev: boolean;
const building: boolean;
const version: string;Usage:
import { browser, dev, building, version } from '$app/environment';
// Browser-only code
if (browser) {
localStorage.setItem('key', 'value');
window.addEventListener('resize', handleResize);
}
// Dev-only logging
if (dev) {
console.log('Debug info:', data);
}
// Skip expensive operations during build
if (!building) {
await connectToDatabase();
}
// Display version
console.log('App version:', version);Conditional Execution:
<script>
import { browser, dev } from '$app/environment';
// Only runs in browser
$: if (browser) {
document.title = pageTitle;
}
// Dev-only features
{#if dev}
<DebugPanel />
{/if}
</script>Notes
browser:truein browser,falseduring SSRdev:truewhen running dev server (npm run dev)building:trueduringvite buildand prerenderingversion: String fromconfig.kit.version.name(empty string if not set)- Use
browserto gate browser-only APIs (localStorage, window, document) - Use
devfor development-only features and logging - Use
buildingto skip operations during build (database connections, etc.) - All values are replaced at build time (dead code elimination)