JS-дополнение после точки

Lua-макрос для встроенного редактора Far Manager: после ввода точки у известного объекта показывает список методов, свойств и событий и вставляет выбранное — как в IDE. Работает по статическому словарю, без анализа кода (как классические словари-плагины в vim).

Использование

В файле .js, .mjs, .cjs или .jsx введите имя объекта и точку — сразу появится список.

Набрали	Список	Enter
`document.`	getElementById, querySelector, body, onclick…	`document.getElementById('');`
`console.`	log, warn, error, group…	`console.log();`
`Math.`	E, LN2, max, random…	`Math.max();`
`window.location.`	assign, reload, replace…	`window.location.assign('');`

метод вставляется сразу с закрывающей скобкой и ;; если первый параметр — строка (DOMString, string и т.п.), сразу ставятся кавычки: getElementById('');;
курсор — внутри скобок или, для строк, между кавычками — сразу вводите аргумент;
свойства и события вставляются просто именем без скобок;
Enter — вставить, Esc — оставить только точку;
у неизвестных объектов (переменных, this, чисел) меню не появляется — точка вставляется как обычно.

Как определяется объект

Берётся последний идентификатор перед точкой и ищется в словаре:

точное имя — Math, JSON, Date…
псевдоним глобальных объектов — document → Document, window/top/parent/self → Window, console → Console, location → Location, navigator → Navigator, history → History, event → Event, localStorage / sessionStorage → Storage;
имя с заглавной буквы — так работает window.location. (последний сегмент location → Location).

Словарь

Словарь — файл jsdict.lua: 412 объектов, более 3600 членов (методы, свойства, события DOM/JS: Document, Window, Element, HTMLElement, все HTML-элементы, Array, String, Object, Math, JSON, WebGL, SVG и др.). Загружается макросом один раз, при первом вызове.

Расширить словарь можно двумя способами:

вручную дописать объекты/члены в jsdict.lua (формат { n = "имя", p = { "параметры" }, d = "сигнатура", m = true } — m означает метод, p — параметры для списка);
перегенерировать целиком из исходников: node dev/build_jsdict.js <папка sublime-completions> jsdict.lua.

Исходные данные — пакет JavaScript-Completions (MIT, © 2014 Lorenzo Pichilli). Данные из описаний MDN/спецификаций, покрытие объектов неполное (например, у Location только методы). Формат членов: n — имя, p — параметры, d — описание/сигнатура, m — метод.

Ограничения

нет семантики: для переменных и произвольных цепочек (a.b.c., результатов функций) список не появляется;
события-свойства вида onclick вставляются как присваивание, а не addEventListener;
Node.js (fs., path.) и jQuery в словаре нет — можно добавить как отдельные объекты.

Установка

Скачать архив JS-дополнения: farjs.7z (страница загрузки — download.php).

Убедитесь, что Far Manager завершён.
Распакуйте архив (нужен 7-Zip) прямо в папку макросов профиля — без подпапок: %APPDATA%\Far Manager\Profile\Macros\scripts\.
Запустите Far Manager. При старте не должно быть ошибок (проверьте Alt+F8).

Файлы

Файл	Назначение
`js_far.lua`	макрос: клавиша `.` в редакторе
`jsdict.lua`	словарь объектов
`dev/build_jsdict.js`	конвертер исходников в словарь

Полный справочник объектов

Все 412 объектов словаря jsdict.lua, сгруппированы по первой букве. Раскройте раздел, чтобы увидеть объекты и число членов.

A (14)

Объект	Членов
`AnalyserNode`	8
`ApplicationCache`	18
`Array`	23
`ArrayBuffer`	3
`Attr`	6
`AudioBuffer`	5
`AudioBufferSourceNode`	8
`AudioDestinationNode`	1
`AudioListener`	5
`AudioParam`	8
`AudioProcessingEvent`	3
`AudioTrack`	5
`AudioTrackList`	6
`AutocompleteErrorEvent`	1

B (5)

Объект	Членов
`BarProp`	1
`BeforeUnloadEvent`	1
`Blob`	4
`Boolean`	2
`BroadcastChannel`	3

C (26)

Объект	Членов
`CSS`	1
`CSSCharsetRule`	1
`CSSGroupingRule`	3
`CSSHostRule`	3
`CSSImportRule`	3
`CSSMarginRule`	2
`CSSMediaRule`	1
`CSSNamespaceRule`	2
`CSSPageRule`	2
`CSSRule`	13
`CSSRuleList`	2
`CSSStyleDeclaration`	12
`CSSStyleRule`	2
`CSSStyleSheet`	4
`CanvasGradient`	1
`CanvasPattern`	1
`CanvasProxy`	1
`CanvasRenderingContext2D`	67
`ChannelMergerNode`	0
`ChannelSplitterNode`	0
`CharacterData`	13
`CloseEvent`	3
`Comment`	0
`Console`	19
`ConvolverNode`	2
`CustomEvent`	2

D (17)

Объект	Членов
`DOMError`	2
`DOMImplementation`	4
`DOMSettableTokenList`	1
`DOMTokenList`	6
`DataTransfer`	9
`DataTransferItem`	4
`DataTransferItemList`	5
`DataView`	19
`Date`	45
`DedicatedWorkerGlobalScope`	2
`DelayNode`	1
`Document`	148
`DocumentFragment`	11
`DocumentType`	7
`DragEvent`	1
`DrawingStyle`	11
`DynamicsCompressorNode`	6

E (10)

Объект	Членов
`Element`	41
`ElementTimeControl`	4
`Elements`	2
`Error`	2
`ErrorEvent`	5
`Event`	17
`EventListener`	1
`EventSource`	10
`EventTarget`	3
`External`	2

F (7)

Объект	Членов
`File`	2
`FileList`	2
`FileReader`	16
`FileReaderSync`	3
`Float32Array`	8
`Float64Array`	8
`Function`	5

G (3)

Объект	Членов
`GainNode`	1
`GetSVGDocument`	1
`Global`	12

H (73)

Объект	Членов
`HTMLAnchorElement`	8
`HTMLAreaElement`	10
`HTMLAudioElement`	0
`HTMLBRElement`	0
`HTMLBaseElement`	2
`HTMLBodyElement`	13
`HTMLButtonElement`	19
`HTMLCanvasElement`	8
`HTMLCollection`	3
`HTMLContentElement`	3
`HTMLDListElement`	0
`HTMLDataElement`	1
`HTMLDataListElement`	1
`HTMLDetailsElement`	1
`HTMLDialogElement`	5
`HTMLDivElement`	0
`HTMLElement`	96
`HTMLEmbedElement`	5
`HTMLFieldSetElement`	11
`HTMLFormElement`	17
`HTMLHRElement`	0
`HTMLHeadElement`	0
`HTMLHeadingElement`	0
`HTMLHtmlElement`	0
`HTMLIFrameElement`	10
`HTMLImageElement`	11
`HTMLInputElement`	55
`HTMLKeygenElement`	14
`HTMLLIElement`	1
`HTMLLabelElement`	3
`HTMLLegendElement`	1
`HTMLLinkElement`	9
`HTMLMapElement`	3
`HTMLMediaElement`	44
`HTMLMenuElement`	2
`HTMLMenuItemElement`	8
`HTMLMetaElement`	3
`HTMLMeterElement`	7
`HTMLModElement`	2
`HTMLOListElement`	3
`HTMLObjectElement`	17
`HTMLOptGroupElement`	2
`HTMLOptionElement`	8
`HTMLOutputElement`	13
`HTMLParagraphElement`	0
`HTMLParamElement`	2
`HTMLPreElement`	0
`HTMLProgressElement`	4
`HTMLQuoteElement`	1
`HTMLScriptElement`	7
`HTMLSelectElement`	25
`HTMLShadowElement`	2
`HTMLSourceElement`	2
`HTMLSpanElement`	0
`HTMLStyleElement`	4
`HTMLTableCaptionElement`	0
`HTMLTableCellElement`	4
`HTMLTableColElement`	1
`HTMLTableDataCellElement`	0
`HTMLTableElement`	16
`HTMLTableHeaderCellElement`	4
`HTMLTableRowElement`	5
`HTMLTableSectionElement`	3
`HTMLTemplateElement`	1
`HTMLTextAreaElement`	32
`HTMLTimeElement`	1
`HTMLTitleElement`	1
`HTMLTrackElement`	11
`HTMLUListElement`	0
`HTMLUnknownElement`	0
`HTMLVideoElement`	5
`HashChangeEvent`	2
`History`	7

I (16)

Объект	Членов
`IDBCursor`	8
`IDBCursorWithValue`	1
`IDBDatabase`	10
`IDBFactory`	3
`IDBIndex`	10
`IDBKeyRange`	8
`IDBObjectStore`	15
`IDBOpenDBRequest`	2
`IDBRequest`	7
`IDBTransaction`	8
`IDBVersionChangeEvent`	2
`ImageBitmap`	2
`ImageData`	3
`Int16Array`	8
`Int32Array`	8
`Int8Array`	8

J (1)

Объект	Членов
`JSON`	2

L (1)

Объект	Членов
`Location`	3

M (15)

Объект	Членов
`Math`	26
`MediaController`	29
`MediaElementAudioSourceNode`	0
`MediaError`	5
`MediaList`	5
`MediaStreamAudioDestinationNode`	1
`MediaStreamAudioSourceNode`	0
`MessageChannel`	2
`MessageEvent`	5
`MessagePort`	4
`MimeType`	4
`MimeTypeArray`	3
`Miscellaneous`	34
`MutationObserver`	3
`MutationRecord`	9

N (6)

Объект	Членов
`Navigator`	21
`Node`	44
`NodeFilter`	17
`NodeIterator`	8
`NodeList`	2
`Number`	11

O (2)

Объект	Членов
`Object`	19
`OfflineAudioCompletionEvent`	1

P (9)

Объект	Членов
`PageTransitionEvent`	1
`Path2D`	13
`PeriodicWave`	0
`Plugin`	6
`PluginArray`	4
`PopStateEvent`	1
`PortCollection`	4
`ProcessingInstruction`	2
`PseudoElement`	3

R (3)

Объект	Членов
`Range`	30
`RegExp`	6
`RelatedEvent`	1

S (165)

Объект	Членов
`SVGAElement`	13
`SVGAltGlyphDefElement`	0
`SVGAltGlyphElement`	3
`SVGAltGlyphItemElement`	0
`SVGAngle`	11
`SVGAnimateColorElement`	3
`SVGAnimateElement`	3
`SVGAnimateMotionElement`	0
`SVGAnimateTransformElement`	0
`SVGAnimatedAngle`	2
`SVGAnimatedBoolean`	2
`SVGAnimatedEnumeration`	2
`SVGAnimatedInteger`	2
`SVGAnimatedLength`	2
`SVGAnimatedLengthList`	2
`SVGAnimatedNumber`	2
`SVGAnimatedNumberList`	2
`SVGAnimatedPathData`	4
`SVGAnimatedPoints`	2
`SVGAnimatedPreserveAspectRatio`	2
`SVGAnimatedRect`	2
`SVGAnimatedString`	2
`SVGAnimatedTransformList`	2
`SVGAnimationElement`	13
`SVGCSSRule`	1
`SVGCircleElement`	14
`SVGClipPathElement`	15
`SVGColor`	10
`SVGColorProfileElement`	10
`SVGColorProfileRule`	9
`SVGComponentTransferFunctionElement`	13
`SVGCursorElement`	8
`SVGDefsElement`	11
`SVGDescElement`	5
`SVGDocument`	5
`SVGElement`	5
`SVGElementInstance`	8
`SVGElementInstanceList`	2
`SVGEllipseElement`	15
`SVGExternalResourcesRequired`	1
`SVGFEBlendElement`	14
`SVGFEColorMatrixElement`	13
`SVGFEComponentTransferElement`	6
`SVGFECompositeElement`	19
`SVGFEConvolveMatrixElement`	21
`SVGFEDiffuseLightingElement`	10
`SVGFEDisplacementMapElement`	15
`SVGFEDistantLightElement`	2
`SVGFEFloodElement`	5
`SVGFEFuncAElement`	0
`SVGFEFuncBElement`	0
`SVGFEFuncGElement`	0
`SVGFEFuncRElement`	0
`SVGFEGaussianBlurElement`	9
`SVGFEImageElement`	10
`SVGFEMergeElement`	5
`SVGFEMergeNodeElement`	1
`SVGFEMorphologyElement`	12
`SVGFEOffsetElement`	8
`SVGFEPointLightElement`	3
`SVGFESpecularLightingElement`	11
`SVGFESpotLightElement`	8
`SVGFETileElement`	6
`SVGFETurbulenceElement`	17
`SVGFilterElement`	19
`SVGFilterPrimitiveStandardAttributes`	5
`SVGFitToViewBox`	2
`SVGFontElement`	4
`SVGFontFaceElement`	0
`SVGFontFaceFormatElement`	0
`SVGFontFaceNameElement`	0
`SVGFontFaceSrcElement`	0
`SVGFontFaceUriElement`	0
`SVGForeignObjectElement`	15
`SVGGElement`	11
`SVGGlyphElement`	3
`SVGGlyphRefElement`	10
`SVGGradientElement`	15
`SVGHKernElement`	0
`SVGICCColor`	2
`SVGImageElement`	17
`SVGLangSpace`	2
`SVGLength`	17
`SVGLengthList`	8
`SVGLineElement`	15
`SVGLinearGradientElement`	4
`SVGLocatable`	6
`SVGMPathElement`	2
`SVGMarkerElement`	23
`SVGMaskElement`	19
`SVGMatrix`	17
`SVGMetadataElement`	0
`SVGMissingGlyphElement`	3
`SVGNumber`	1
`SVGNumberList`	8
`SVGPaint`	14
`SVGPathElement`	38
`SVGPathSeg`	22
`SVGPathSegArcAbs`	7
`SVGPathSegArcRel`	7
`SVGPathSegClosePath`	0
`SVGPathSegCurvetoCubicAbs`	6
`SVGPathSegCurvetoCubicRel`	6
`SVGPathSegCurvetoCubicSmoothAbs`	4
`SVGPathSegCurvetoCubicSmoothRel`	4
`SVGPathSegCurvetoQuadraticAbs`	4
`SVGPathSegCurvetoQuadraticRel`	4
`SVGPathSegCurvetoQuadraticSmoothAbs`	2
`SVGPathSegCurvetoQuadraticSmoothRel`	2
`SVGPathSegLinetoAbs`	2
`SVGPathSegLinetoHorizontalAbs`	1
`SVGPathSegLinetoHorizontalRel`	1
`SVGPathSegLinetoRel`	2
`SVGPathSegLinetoVerticalAbs`	1
`SVGPathSegLinetoVerticalRel`	1
`SVGPathSegList`	8
`SVGPathSegMovetoAbs`	2
`SVGPathSegMovetoRel`	2
`SVGPatternElement`	23
`SVGPoint`	3
`SVGPointList`	8
`SVGPolygonElement`	13
`SVGPolylineElement`	13
`SVGPreserveAspectRatio`	16
`SVGRadialGradientElement`	5
`SVGRect`	4
`SVGRectElement`	17
`SVGRenderingIntent`	6
`SVGSVGElement`	60
`SVGScriptElement`	3
`SVGSetElement`	0
`SVGStopElement`	4
`SVGStringList`	8
`SVGStylable`	3
`SVGStyleElement`	5
`SVGSwitchElement`	11
`SVGSymbolElement`	8
`SVGTRefElement`	1
`SVGTSpanElement`	0
`SVGTests`	4
`SVGTextContentElement`	24
`SVGTextElement`	1
`SVGTextPathElement`	10
`SVGTextPositioningElement`	5
`SVGTitleElement`	5
`SVGTransform`	16
`SVGTransformList`	10
`SVGTransformable`	1
`SVGURIReference`	1
`SVGUnitTypes`	3
`SVGUseElement`	18
`SVGVKernElement`	0
`SVGViewElement`	8
`SVGViewSpec`	8
`SVGZoomAndPan`	4
`SVGZoomEvent`	5
`ScriptProcessorNode`	2
`ShadowRoot`	11
`SharedWorker`	2
`SharedWorkerGlobalScope`	3
`Storage`	6
`StorageEvent`	5
`String`	21
`StyleSheet`	7
`StyleSheetList`	2

T (11)

Объект	Членов
`Text`	2
`TextMetrics`	12
`TextTrack`	11
`TextTrackCue`	7
`TextTrackCueList`	3
`TextTrackList`	6
`TimeEvent`	3
`TimeRanges`	3
`Touch`	1
`TrackEvent`	1
`TreeWalker`	11

U (5)

Объект	Членов
`URL`	3
`Uint16Array`	8
`Uint32Array`	8
`Uint8Array`	8
`Uint8ClampedArray`	8

V (3)

Объект	Членов
`ValidityState`	11
`VideoTrack`	5
`VideoTrackList`	7

W (18)

Объект	Членов
`WebGLActiveInfo`	3
`WebGLBuffer`	0
`WebGLContextEvent`	1
`WebGLFramebuffer`	0
`WebGLObject`	0
`WebGLProgram`	0
`WebGLRenderbuffer`	0
`WebGLRenderingContext`	436
`WebGLShader`	0
`WebGLShaderPrecisionFormat`	3
`WebGLTexture`	0
`WebGLUniformLocation`	0
`WebSocket`	16
`Window`	124
`Worker`	4
`WorkerGlobalScope`	16
`WorkerLocation`	0
`WorkerNavigator`	10

X (2)

Объект	Членов
`XMLDocument`	1
`XMLHttpRequest`	19

Генератор полного справочника — dev/gen_js_help.lua. Обновление справочника: перегенерировать jsdict.lua, затем запустить генератор.