214 lines
7.7 KiB
EmacsLisp
214 lines
7.7 KiB
EmacsLisp
;;; lang/javascript/config.el -*- lexical-binding: t; -*-
|
|
|
|
(def-package! js2-mode
|
|
:mode "\\.js$"
|
|
:interpreter "node"
|
|
:config
|
|
(setq js2-skip-preprocessor-directives t
|
|
js2-highlight-external-variables nil
|
|
js-chain-indent t
|
|
;; let flycheck handle this
|
|
js2-mode-show-parse-errors nil
|
|
js2-mode-show-strict-warnings nil)
|
|
|
|
(add-hook! 'js2-mode-hook #'(flycheck-mode rainbow-delimiters-mode))
|
|
|
|
(set! :repl 'js2-mode #'+javascript/repl)
|
|
(set! :electric 'js2-mode :chars '(?\} ?\) ?.))
|
|
(set! :lookup 'js2-mode :xref-backend #'xref-js2-xref-backend)
|
|
|
|
;; Conform switch-case indentation to js2 normal indent
|
|
(defvaralias 'js-switch-indent-offset 'js2-basic-offset)
|
|
|
|
(sp-with-modes '(js2-mode rjsx-mode)
|
|
(sp-local-pair "/*" "*/" :post-handlers '(("| " "SPC"))))
|
|
|
|
;; If it's available globally, use eslint_d
|
|
(setq flycheck-javascript-eslint-executable (executable-find "eslint_d"))
|
|
|
|
(defun +javascript|init-flycheck-eslint ()
|
|
"Favor local eslint over global installs and configure flycheck for eslint."
|
|
(when (derived-mode-p 'js-mode)
|
|
(when-let* ((exec-path (list (doom-project-expand "node_modules/.bin")))
|
|
(eslint (executable-find "eslint")))
|
|
(setq-local flycheck-javascript-eslint-executable eslint))
|
|
(when (flycheck-find-checker-executable 'javascript-eslint)
|
|
;; Flycheck has it's own trailing command and semicolon warning that was
|
|
;; conflicting with the eslint settings.
|
|
(setq-local js2-strict-trailing-comma-warning nil)
|
|
(setq-local js2-strict-missing-semi-warning nil))))
|
|
(add-hook 'flycheck-mode-hook #'+javascript|init-flycheck-eslint)
|
|
|
|
(map! :map js2-mode-map
|
|
:localleader
|
|
:nr "r" #'+javascript/refactor-menu
|
|
:n "S" #'+javascript/skewer-this-buffer))
|
|
|
|
|
|
;; A find-{definition,references} backend for js2-mode. NOTE The xref API is
|
|
;; unstable and may break with an Emacs update.
|
|
(def-package! xref-js2
|
|
:when (featurep! :feature lookup)
|
|
:commands xref-js2-xref-backend)
|
|
|
|
|
|
(def-package! nodejs-repl :commands nodejs-repl)
|
|
|
|
|
|
(def-package! js2-refactor
|
|
:commands
|
|
(js2r-extract-function js2r-extract-method js2r-introduce-parameter
|
|
js2r-localize-parameter js2r-expand-object js2r-contract-object
|
|
js2r-expand-function js2r-contract-function js2r-expand-array
|
|
js2r-contract-array js2r-wrap-buffer-in-iife js2r-inject-global-in-iife
|
|
js2r-add-to-globals-annotation js2r-extract-var js2r-inline-var
|
|
js2r-rename-var js2r-var-to-this js2r-arguments-to-object js2r-ternary-to-if
|
|
js2r-split-var-declaration js2r-split-string js2r-unwrap js2r-log-this
|
|
js2r-debug-this js2r-forward-slurp js2r-forward-barf)
|
|
:init
|
|
(def-menu! +javascript/refactor-menu
|
|
"Refactoring commands for `js2-mode' buffers."
|
|
'(("Extract into function" :exec js2r-extract-function :region t)
|
|
("Extract into method" :exec js2r-extract-method :region t)
|
|
("Introduce parameter to function" :exec js2r-introduce-parameter :region t)
|
|
("Localize parameter" :exec js2r-localize-parameter :region nil)
|
|
("Expand object" :exec js2r-expand-object :region nil)
|
|
("Expand function" :exec js2r-expand-function :region nil)
|
|
("Expand array" :exec js2r-expand-array :region nil)
|
|
("Contract object" :exec js2r-contract-object :region nil)
|
|
("Contract function" :exec js2r-contract-function :region nil)
|
|
("Contract array" :exec js2r-contract-array :region nil)
|
|
("Wrap buffer in IIFE" :exec js2r-wrap-buffer-in-iife :region nil)
|
|
("Inject global into IIFE" :exec js2r-inject-global-in-iife :region t)
|
|
("Add to globals annotation" :exec js2r-add-to-globals-annotation :region nil)
|
|
("Extract variable" :exec js2r-extract-var :region t)
|
|
("Inline variable" :exec js2r-inline-var :region t)
|
|
("Rename variable" :exec js2r-rename-var :region nil)
|
|
("Replace var with this" :exec js2r-var-to-this :region nil)
|
|
("Arguments to object" :exec js2r-arguments-to-object :region nil)
|
|
("Ternary to if" :exec js2r-ternary-to-if :region nil)
|
|
("Split var declaration" :exec js2r-split-var-declaration :region nil)
|
|
("Split string" :exec js2r-split-string :region nil)
|
|
("Unwrap" :exec js2r-unwrap :region t)
|
|
("Log this" :exec js2r-log-this)
|
|
("Debug this" :exec js2r-debug-this)
|
|
("Reformat buffer (eslint_d)" :exec eslintd-fix :region nil :when (fboundp 'eslintd-fix)))
|
|
:prompt "Refactor: "))
|
|
|
|
|
|
(def-package! tern
|
|
:hook (js2-mode . tern-mode)
|
|
:config
|
|
(advice-add #'tern-project-dir :override #'doom-project-root))
|
|
|
|
|
|
(def-package! company-tern
|
|
:when (featurep! :completion company)
|
|
:after tern
|
|
:config
|
|
(set! :company-backend 'js2-mode '(company-tern)))
|
|
|
|
|
|
(def-package! rjsx-mode
|
|
:commands rjsx-mode
|
|
:mode "\\.jsx$"
|
|
:mode "components/.+\\.js$"
|
|
:init
|
|
(defun +javascript-jsx-file-p ()
|
|
(and buffer-file-name
|
|
(equal (file-name-extension buffer-file-name) "js")
|
|
(re-search-forward "\\(^\\s-*import React\\|\\( from \\|require(\\)[\"']react\\)"
|
|
magic-mode-regexp-match-limit t)
|
|
(progn (goto-char (match-beginning 1))
|
|
(not (sp-point-in-string-or-comment)))))
|
|
|
|
(push (cons #'+javascript-jsx-file-p 'rjsx-mode) magic-mode-alist)
|
|
|
|
:config
|
|
(set! :electric 'rjsx-mode :chars '(?\} ?\) ?. ?>))
|
|
|
|
;; disable electric keys (I use snippets and `emmet-mode' instead)
|
|
(map! :map rjsx-mode-map
|
|
"<" nil
|
|
"C-d" nil)
|
|
(add-hook! rjsx-mode
|
|
;; jshint doesn't really know how to deal with jsx
|
|
(push 'javascript-jshint flycheck-disabled-checkers)))
|
|
|
|
|
|
(def-package! coffee-mode
|
|
:mode "\\.coffee$"
|
|
:init (setq coffee-indent-like-python-mode t))
|
|
|
|
|
|
(def-package! web-beautify
|
|
:commands web-beautify-js
|
|
:init
|
|
(map! :map* (json-mode js2-mode-map) :n "gQ" #'web-beautify-js))
|
|
|
|
|
|
(def-package! eslintd-fix
|
|
:commands (eslintd-fix-mode eslintd-fix))
|
|
|
|
|
|
;;
|
|
;; Skewer-mode
|
|
;;
|
|
|
|
(def-package! skewer-mode
|
|
:commands (skewer-mode run-skewer)
|
|
:config
|
|
(map! :map skewer-mode-map
|
|
:localleader
|
|
:n "sE" #'skewer-eval-last-expression
|
|
:n "se" #'skewer-eval-defun
|
|
:n "sf" #'skewer-load-buffer))
|
|
|
|
(def-package! skewer-css ; in skewer-mode
|
|
:commands skewer-css-mode
|
|
:config
|
|
(map! :map skewer-css-mode-map
|
|
:localleader
|
|
:n "se" #'skewer-css-eval-current-declaration
|
|
:n "sr" #'skewer-css-eval-current-rule
|
|
:n "sb" #'skewer-css-eval-buffer
|
|
:n "sc" #'skewer-css-clear-all))
|
|
|
|
(def-package! skewer-html ; in skewer-mode
|
|
:commands skewer-html-mode
|
|
:config
|
|
(map! :map skewer-html-mode-map
|
|
:localleader
|
|
:n "se" #'skewer-html-eval-tag))
|
|
|
|
|
|
;;
|
|
;; Projects
|
|
;;
|
|
|
|
(def-project-mode! +javascript-screeps-mode
|
|
:match "/screeps\\(-ai\\)?/.+$"
|
|
:modes (+javascript-npm-mode)
|
|
:add-hooks (+javascript|init-screeps-mode)
|
|
:on-load (load! +screeps))
|
|
|
|
(def-project-mode! +javascript-gulp-mode
|
|
:files "gulpfile.js")
|
|
|
|
(def-project-mode! +javascript-npm-mode
|
|
:modes (html-mode css-mode web-mode js2-mode markdown-mode)
|
|
:files "package.json"
|
|
:on-enter
|
|
(when (make-local-variable 'exec-path)
|
|
(push (doom-project-expand "node_modules/.bin")
|
|
exec-path)))
|
|
|
|
|
|
;;
|
|
;; Tools
|
|
;;
|
|
|
|
(def-project-mode! +javascript-eslintd-fix-mode
|
|
:add-hooks (eslintd-fix-mode))
|
|
|