Extend monaco editor hints by file
I'm looking for a way to extend the type hints in monaco editor (like Object, String or Boolean) with my own king of type. The goal is that the editor knows the type and can provide code completion to the specific type.
All the previous examples I found are by inserting strings on addExtraLib but this is not professional:
monaco.languages.typescript.javascriptDefaults.addExtraLib([
'declare class MyClass {',
' count: number',
'}'
].join('n'));
What I am looking for is to provide e.g. following .d.ts file or any file to let the editor know of my type, to better automate the process:
// myclass.d.ts
export class MyClass = {
count: number
}
Is there something I am missing out?
javascript typescript monaco-editor
asked Nov 19 '18 at 21:20
knnhcnknnhcn
12511
add a comment |
I'm looking for a way to extend the type hints in monaco editor (like Object, String or Boolean) with my own king of type. The goal is that the editor knows the type and can provide code completion to the specific type.
All the previous examples I found are by inserting strings on addExtraLib but this is not professional:
monaco.languages.typescript.javascriptDefaults.addExtraLib([
'declare class MyClass {',
' count: number',
'}'
].join('n'));
What I am looking for is to provide e.g. following .d.ts file or any file to let the editor know of my type, to better automate the process:
// myclass.d.ts
export class MyClass = {
count: number
}
Is there something I am missing out?
javascript typescript monaco-editor
asked Nov 19 '18 at 21:20
knnhcnknnhcn
12511
add a comment |
I'm looking for a way to extend the type hints in monaco editor (like Object, String or Boolean) with my own king of type. The goal is that the editor knows the type and can provide code completion to the specific type.
All the previous examples I found are by inserting strings on addExtraLib but this is not professional:
monaco.languages.typescript.javascriptDefaults.addExtraLib([
'declare class MyClass {',
' count: number',
'}'
].join('n'));
What I am looking for is to provide e.g. following .d.ts file or any file to let the editor know of my type, to better automate the process:
// myclass.d.ts
export class MyClass = {
count: number
}
Is there something I am missing out?
javascript typescript monaco-editor
asked Nov 19 '18 at 21:20
knnhcnknnhcn
12511
I'm looking for a way to extend the type hints in monaco editor (like Object, String or Boolean) with my own king of type. The goal is that the editor knows the type and can provide code completion to the specific type.
All the previous examples I found are by inserting strings on addExtraLib but this is not professional:
monaco.languages.typescript.javascriptDefaults.addExtraLib([
'declare class MyClass {',
' count: number',
'}'
].join('n'));
What I am looking for is to provide e.g. following .d.ts file or any file to let the editor know of my type, to better automate the process:
// myclass.d.ts
export class MyClass = {
count: number
}
Is there something I am missing out?
javascript typescript monaco-editor
javascript typescript monaco-editor
asked Nov 19 '18 at 21:20
knnhcnknnhcn
12511
asked Nov 19 '18 at 21:20
knnhcnknnhcn
12511
asked Nov 19 '18 at 21:20
knnhcnknnhcn
12511
asked Nov 19 '18 at 21:20
knnhcnknnhcn
12511
asked Nov 19 '18 at 21:20
knnhcnknnhcn
12511
12511
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
After a long time I have finally come across an issue where is explained how to import type definitions by file.
But as also stated in the comment, it still has to be string. The end solution I came up with is to raw-import my files where the types are defined in strings and then add it that way into monaco editor.
Linkt to comment
answered Dec 18 '18 at 14:00
knnhcnknnhcn
12511
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53382797%2fextend-monaco-editor-hints-by-file%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
After a long time I have finally come across an issue where is explained how to import type definitions by file.
But as also stated in the comment, it still has to be string. The end solution I came up with is to raw-import my files where the types are defined in strings and then add it that way into monaco editor.
Linkt to comment
answered Dec 18 '18 at 14:00
knnhcnknnhcn
12511
add a comment |
After a long time I have finally come across an issue where is explained how to import type definitions by file.
But as also stated in the comment, it still has to be string. The end solution I came up with is to raw-import my files where the types are defined in strings and then add it that way into monaco editor.
Linkt to comment
answered Dec 18 '18 at 14:00
knnhcnknnhcn
12511
add a comment |
After a long time I have finally come across an issue where is explained how to import type definitions by file.
But as also stated in the comment, it still has to be string. The end solution I came up with is to raw-import my files where the types are defined in strings and then add it that way into monaco editor.
Linkt to comment
answered Dec 18 '18 at 14:00
knnhcnknnhcn
12511
After a long time I have finally come across an issue where is explained how to import type definitions by file.
But as also stated in the comment, it still has to be string. The end solution I came up with is to raw-import my files where the types are defined in strings and then add it that way into monaco editor.
Linkt to comment
answered Dec 18 '18 at 14:00
knnhcnknnhcn
12511
answered Dec 18 '18 at 14:00
knnhcnknnhcn
12511
answered Dec 18 '18 at 14:00
knnhcnknnhcn
12511
answered Dec 18 '18 at 14:00
knnhcnknnhcn
12511
12511
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53382797%2fextend-monaco-editor-hints-by-file%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
