Add problem marker if component impl is not available in module.{js,ts}

[ctjdr]

Story

As a developer I want to be informed if a component declared in a bundle has no implementation.

Basic elements

• Open manifest.json file or when editing the component name or impl fields
• extension checks if impl can be found in module's layer file (defaults to module.js, otherwise lookup in "layer" prop of the manifest)
• if no matching entry found -> add problem diagnostics entry
• if matching entry found ->
• check if file with name given in layer file is found
• if no matching file found -> add problem diagnostic entry

(see https://code.visualstudio.com/api/language-extensions/programmatic-language-features#provide-diagnostics)

Add-ons and open ends

• Provide code actions to help solve errors/warnings

[ctjdr]

Module file might look like this:

import ".";
import "./SlideSelector";
import "./SlideSelectorWidget";
import "./SlideWidget";
import "./SlideShowWidget";
import "./SlideModel";
import "./SlideActions";
import "./SlideActionStore";

or

define([
    "./ACELoader",
    "./ACEEditor",
    "./ACEEditorControlFactory"
], {});

[ctjdr]

Marker 1:

• in manifest.json
• "Missing entry in layer file xyz"

Marker 2:

• in layer file
• "Cannot find file xyz"
• ignore "esri/...."
• maybe ignore all references into other bundles, i.e. non-"./..." imports

[ctjdr]

Detecting the corresponding implementation file of a component requires to parse the module file, as this can be any kind of JavaScript or TypeScript), eg. like this:

import "./main";
import AbcClass from "./AbcFile";

export default {
    Abc: AbcClass
}

One could use a parser like Babel parser, acorn, ... to parse the module file and detect the implementing file but maybe this is too much effort for too little effect.