Skip to main content

Interface: AppConfig

These are properties that define how the app behaves.

Extended by​

Properties​

allowLangChange​

allowLangChange: boolean

If false, the UI will not show the menu that allows changing editor language.

Default​

true

Defined in​

models.ts:603

mode​

mode: "focus" | "full" | "result" | "editor" | "lite" | "simple" | "codeblock"

Sets the display mode.

Default​

"full"

Defined in​

models.ts:615

readonly​

readonly: boolean

If true, editors are loaded in read-only mode, where the user is not allowed to change the code.

By default, when readonly is set to true, the light-weight code editor CodeJar is used. If you wish to use another editor, set the editor property.

Default​

false

Defined in​

models.ts:597

tools​

tools: Partial<object>

Sets enabled and active tools and status of tools pane.

Type declaration​

active​

active: "" | "console" | "compiled" | "tests"

enabled​

enabled: "all" | ("console" | "compiled" | "tests")[]

status​

status: ToolsPaneStatus

Default​

{ enabled: "all", active: "", status: "" }

Example​

{
  "tools": {
    "enabled": ["console", "compiled"],
    "active": "console",
    "status": "open"
  }
}

Defined in​

models.ts:631

view?​

optional view: "split" | "result" | "editor"

Sets the default view for the playground.

Default​

"split"

Defined in​

models.ts:609

zoom​

zoom: 0.25 | 0.5 | 1

Sets result page zoom level.

Defined in​

models.ts:640

Sponsors