Skip to main content

Interface: AppConfig

_internal.AppConfig

These are properties that define how the app behaves.

Hierarchy​

Properties​

allowLangChange​

• allowLangChange: boolean

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

Default

true

Defined in​

models.ts:604

mode​

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

Sets the display mode.

Default

"full"

Defined in​

models.ts:616

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:598

tools​

• tools: Partial<{ active: "" | "console" | "compiled" | "tests" ; enabled: "all" | ("console" | "compiled" | "tests")[] ; status: ToolsPaneStatus }>

Sets enabled and active tools and status of tools pane.

Default

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

Example

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

Defined in​

models.ts:632

view​

• Optional view: "split" | "result" | "editor"

Sets the default view for the playground.

Default

"split"

Defined in​

models.ts:610

zoom​

• zoom: 0.25 | 0.5 | 1

Sets result page zoom level.

Defined in​

models.ts:641

Sponsors