how to get autocomplete / intellisense like in this forum announcement demo from Thi_Nguyen?

[the-vampiire]

https://community.dbdiagram.io/t/improvement-new-dbml-parser/2798

i dont get any of this in the playground or in vscode. any advice on how to get it set up? it makes it difficult to adopt using DBML without and syntactical support.

@H-DNA i think maybe this was your PR for the announcement in the forum?

[H-DNA]

Hi @the-vampiire, I believe the new parser & the implemented language services have only been integrated to dbdiagram.

As far as I know, the team is planning on a vscode extension for DBML.

Concerning the playground, this will be noted and discussed with the team.

Thank you!

[the-vampiire]

yes i was on dbdiagram. there is no autocomplete there

this happens on macos in chrome / brave / safari

here is the console logs if it helps, only 2 warnings:

full traces

index-0YBnY0Wm.js:85 Could not create web worker(s). Falling back to loading web worker code in main thread, which might cause UI freezes. Please see https://github.com/microsoft/monaco-editor#faq
WM @ index-0YBnY0Wm.js:85
_getOrCreateWorker @ index-0YBnY0Wm.js:96
_getProxy @ index-0YBnY0Wm.js:96
workerWithSyncedResources @ index-0YBnY0Wm.js:96
_workerWithResources @ index-0YBnY0Wm.js:96
await in _workerWithResources
provideLinks @ index-0YBnY0Wm.js:96
(anonymous) @ index-0YBnY0Wm.js:799
JJ @ index-0YBnY0Wm.js:799
(anonymous) @ index-0YBnY0Wm.js:799
$n @ index-0YBnY0Wm.js:81
computeLinksNow @ index-0YBnY0Wm.js:799
(anonymous) @ index-0YBnY0Wm.js:799
doRun @ index-0YBnY0Wm.js:81
onTimeout @ index-0YBnY0Wm.js:81
setTimeout
schedule @ index-0YBnY0Wm.js:81
F1 @ index-0YBnY0Wm.js:799
_createInstance @ index-0YBnY0Wm.js:678
createInstance @ index-0YBnY0Wm.js:678
_instantiateById @ index-0YBnY0Wm.js:723
_instantiateSome @ index-0YBnY0Wm.js:723
(anonymous) @ index-0YBnY0Wm.js:723
requestIdleCallback
yC @ index-0YBnY0Wm.js:81
Vv @ index-0YBnY0Wm.js:82
initialize @ index-0YBnY0Wm.js:723
m1 @ index-0YBnY0Wm.js:725
_k @ index-0YBnY0Wm.js:729
pP @ index-0YBnY0Wm.js:729
_createInstance @ index-0YBnY0Wm.js:678
createInstance @ index-0YBnY0Wm.js:678
hDe @ index-0YBnY0Wm.js:730
g @ index-0YBnY0Wm.js:821
await in g
(anonymous) @ index-0YBnY0Wm.js:821
(anonymous) @ index-0YBnY0Wm.js:14
K1 @ index-0YBnY0Wm.js:14
rd @ index-0YBnY0Wm.js:14
e.__weh.e.__weh @ index-0YBnY0Wm.js:14
g$ @ index-0YBnY0Wm.js:14
or @ index-0YBnY0Wm.js:14
mount @ index-0YBnY0Wm.js:14
e.mount @ index-0YBnY0Wm.js:18
(anonymous) @ index-0YBnY0Wm.js:870
index-0YBnY0Wm.js:85

index-0YBnY0Wm.js:85 You must define a function MonacoEnvironment.getWorkerUrl or MonacoEnvironment.getWorker

[H-DNA]

As far as I know, autocompletion & other language services are only supported in dbdiagram (https://dbdiagram.io/d).

I think the DBML playground (https://dbml.dbdiagram.io/playground/), which you showed in the picture, does not support autocompletion.