Interface: UserConfig
Extends
Extended by
Properties
appLanguage
appLanguage:
undefined|AppLanguage
Sets the app UI language used.
Defined in
autosave
autosave:
boolean
If true, the project is automatically saved on code change,
after time delay.
Default
false
Defined in
autotest
autotest:
boolean
If true, the project is watched for code changes which trigger tests to auto-run.
Default
false
Defined in
autoupdate
autoupdate:
boolean
If true, the result page is automatically updated on code change,
after time delay.
Default
true
Defined in
closeBrackets
closeBrackets:
boolean
Use auto-complete to close brackets and quotes.
Default
true
Inherited from
Defined in
delay
delay:
number
Time delay (in milliseconds) following code change,
after which the result page is updated (if autoupdate is true)
and/or the project is saved (if autosave is true).
Default
1500
Defined in
editor
editor:
undefined|"monaco"|"codemirror"|"codejar"
Selects the code editor to use.
If undefined (the default), Monaco editor is used on desktop, CodeMirror is used on mobile
and CodeJar is used in codeblocks, in lite mode and in readonly playgrounds.
Default
undefined
Inherited from
Defined in
editorMode
editorMode:
undefined|"vim"|"emacs"
Sets editor mode.
Inherited from
Defined in
editorTheme
editorTheme:
undefined|string|EditorTheme[]
Sets the code editor themes.
See docs for editor themes for details.
Examples
"vs"
"monaco:twilight, codemirror:one-dark"
["vs@light"]
["vs@light", "vs-dark@dark"]
["monaco:vs@light", "codemirror:github-light@light", "dracula@dark"]
Inherited from
Defined in
emmet
emmet:
boolean
Enables Emmet.
Default
true
Inherited from
Defined in
enableAI
enableAI:
boolean
If true, AI code assistant is enabled.
Default
false
Inherited from
Defined in
fontFamily
fontFamily:
undefined|string
Sets the code editor font family.
Inherited from
Defined in
fontSize
fontSize:
undefined|number
Sets the font size.
If undefined (the default), the font size is set to 14 for the full app and 12 for embeds.
Default
undefined
Inherited from
Defined in
formatOnsave
formatOnsave:
boolean
If true, the code is automatically formatted on saving the project.
Default
false
Defined in
layout
layout:
undefined|"horizontal"|"vertical"|"responsive"
Sets the app layout to horizontal or vertical.
If set to "responsive" (the default) or undefined,
the layout is vertical in small screens when the playground height is larger than its width,
otherwise horizontal.
Default
"responsive"
Defined in
lineNumbers
lineNumbers:
boolean|"relative"
Show line numbers in code editor.
Default
true
Inherited from
Defined in
recoverUnsaved
recoverUnsaved:
boolean
Enables recovering last unsaved project when the app is reopened.
Default
true
Defined in
semicolons
semicolons:
boolean
Configures Prettier code formatter to use semi-colons.
Default
true
Inherited from
Defined in
showSpacing
showSpacing:
boolean
Enables showing element spacing in the result page.
Default
false
Defined in
singleQuote
singleQuote:
boolean
Configures Prettier code formatter to use single quotes instead of double quotes.
Default
false
Inherited from
Defined in
tabSize
tabSize:
number
The number of spaces per indentation-level.
Also used in code formatting.
Default
2
Inherited from
Defined in
theme
theme:
Theme
Sets the app theme to light/dark mode.
Default
"dark"
Inherited from
Defined in
themeColor
themeColor:
undefined|string
Sets the app theme color.
If undefined, it is set to "hsl(214, 40%, 50%)".
Default
undefined
Inherited from
Defined in
trailingComma
trailingComma:
boolean
Configures Prettier code formatter to use trailing commas.
Default
true
Inherited from
Defined in
useTabs
useTabs:
boolean
If true, lines are indented with tabs instead of spaces.
Also used in code formatting.
Default
false
Inherited from
Defined in
welcome
welcome:
boolean
If true, the welcome screen is displayed when the app loads.
Defined in
wordWrap
wordWrap:
boolean
Enables word-wrap for long lines.
Default
false