# configuration/constants/viewport.constants.ts

> 21 lines of code and 11 definitions.

Tree: Project Scripts
Language: typescript
Layer: infrastructure
Canonical: https://banes-lab.com/anatomy/scripts#file-scripts-configuration-constants-viewport-constants-ts
Source text: https://banes-lab.com/source/scripts/configuration/constants/viewport.constants.ts.txt

Listed in [configuration/constants](https://banes-lab.com/api/source/scripts/configuration/constants.md), after [configuration/constants/style.constants.ts](https://banes-lab.com/source/scripts/configuration/constants/style.constants.ts.md).

## Definitions

- `PAGE_EXTENSION` (lexical_declaration, line 1, exported)
- `MISSING_PAGE` (lexical_declaration, line 3, exported)
- `HOME_PAGE` (lexical_declaration, line 5, exported)
- `HOME_ROUTE` (lexical_declaration, line 7, exported)
- `HOME_SHOT` (lexical_declaration, line 9, exported)
- `SHOT_EXTENSION` (lexical_declaration, line 11, exported)
- `REPORT_FILE` (lexical_declaration, line 13, exported)
- `ROUTE_SEPARATOR` (lexical_declaration, line 15, exported)
- `SHOT_SEPARATOR` (lexical_declaration, line 17, exported)
- `MEDIA_TYPES` (lexical_declaration, line 19, exported)
- `FALLBACK_MEDIA_TYPE` (lexical_declaration, line 31, exported)

## Contained in

- [configuration/constants](https://banes-lab.com/anatomy/scripts/folder-scripts-configuration-constants.md)

## Source

```typescript
export const PAGE_EXTENSION = ".html";

export const MISSING_PAGE = "404.html";

export const HOME_PAGE = "index.html";

export const HOME_ROUTE = "/";

export const HOME_SHOT = "home";

export const SHOT_EXTENSION = ".png";

export const REPORT_FILE = "viewport.report.json";

export const ROUTE_SEPARATOR = "/";

export const SHOT_SEPARATOR = "-";

export const MEDIA_TYPES: ReadonlyMap<string, string> = new Map([
    [".css", "text/css"],
    [".html", "text/html; charset=utf-8"],
    [".js", "text/javascript"],
    [".json", "application/json"],
    [".md", "text/markdown"],
    [".png", "image/png"],
    [".svg", "image/svg+xml"],
    [".webp", "image/webp"],
    [".woff2", "font/woff2"],
]);

export const FALLBACK_MEDIA_TYPE = "application/octet-stream";
```