Codelens Working Example

[ArunPatal]

Hello,

I am trying to implementing codelens with no success.

I already had seen example doc.
https://github.com/ajaxorg/ace/blob/master/demo/code_lens.html

Below is the code which i copied from example file, But i could not see any change after enabling codelens.
any working example will be helpful;
(all files are included as i have no error in console)

var codelens = ace.require("ace/ext/code_lens");
var editor = ace.edit("demoEditor");
editor.session.setMode("ace/mode/javascript");
editor.session.setValue(demoCode);


var commandId = "describeCodeLens";
    editor.commands.addCommand({
        name: commandId,
        exec: function(editor, args) {
            // services available in `ctx`
            alert('CodeLens command called with arguments ' + args);
        }
    });
    editor.commands.addCommand({
        name: "clearCodeLenses",
        exec: function(editor, args) {
            editor.setOption("enableCodeLens", false);
            codeLens.clear(editor.session);
        }
    });
    editor.setOption("enableCodeLens", true);

codelens.registerCodeLensProvider(editor, { provideCodeLenses: function(session, callback) {
					var p = [{start: {row: 0}, command: {id: "clearCodeLenses", title: "Clear all code lenses", arguments: []}}];
					var l = session.getLength()
					for (var row = 2; row < l; row ++) {

						var line = session.getLine(row);
						var endColumn = line.length;
						var m = /[{>]\s*$/.exec(line);

						if (!m) continue;
						p.push({start: {row: row,column: m.index }, command: {
							id: commandId,
							title: "Line " + (row + 1),
							arguments: ["line", row]
						}});

						if (m.index < 10) continue;
						p.push({start: {row: row, column: m.index}, end: {row: row, column: m.index + 1}, command: {
							id: commandId,
							title: "column " + endColumn,
							arguments: ["column", endColumn]
						}});

						if (m.index < 30) continue;
						p.push({start: {row: row,column: m.index}, command: {
							id: commandId,
							title: "Third Link",
							arguments: ["3", row]
						}});
					};
					console.log(p);
					callback(p);
				}});

[nightwing]

There is a typo in the example, the last line should have been callback(null, p); now it passes the lense data in place of error.

[ArunPatal]

There is a typo in the example, the last line should have been callback(null, p); now it passes the lense data in place of error.

Thanks, it works 👍

[ArunPatal]

Hello,

clicking Clear all code lenses can not clear data. Please check image

//below line prevent removing dom elements
editor.setOption("enableCodeLens", false);

aceControl.editor.commands.addCommand({
        name: "clearCodeLenses",
        exec: function(editor, args) {
                       //below line prevent removing dom elements
			editor.setOption("enableCodeLens", false);

			codelens.clear(editor.session);
        }
});