javascript.el

;;; javascript.el --- Configs for JS files and JSX files

;;; Commentary:
;;;
;;; Javascript configurations

;;; Code:
(load-file "~/.emacs.d/js-doc/js-doc.el")

;;; Helper functions::
(defun use-eslint-from-node-modules ()
  "Helper to always get eslint per project."
  (let* ((root (locate-dominating-file
                (or (buffer-file-name) default-directory)
                "node_modules"))
         (eslint (and root
                      (expand-file-name "node_modules/.bin/eslint"
                                        root))))
    (when (and eslint (file-executable-p eslint))
      (setq-local flycheck-javascript-eslint-executable eslint))))


(defun dpaulino/setup-js-doc-mode ()
  "Keybinding for js-doc-mode."
  (define-key js2-mode-map "\C-ci" 'js-doc-insert-function-doc)
  (define-key js2-mode-map "@" 'js-doc-insert-tag))

(defun dpaulino/setup-js-mode ()
  "Better js2-mode options."
  (tern-mode t)
  ;;; Disable warnings leave it for flycheck
  (js2-mode-hide-warnings-and-errors)
  ;;; Add js2-refactor mode for nice refactoring
  (js2-refactor-mode))

(use-package emmet-mode)

(use-package js2-refactor)

(use-package flycheck
  :init
  (use-eslint-from-node-modules)
  :config
  (setq-default flycheck-temp-prefix ".flycheck")
  (add-hook 'prog-mode-hook 'global-flycheck-mode))

(use-package company-tern)

(use-package tern
  :init
  (add-hook 'js-mode-hook 'company-tern))

(use-package prettier-js
  :init
  (add-to-list 'js-mode-hook 'prettier-js-mode))

(use-package json-mode
  :mode "\\.json\\'")

(use-package rjsx-mode
  :mode "\\.jsx\\'")

(use-package js2-mode
  :mode "\\.js\\'"
  :config
    ;;; Use only ESlint as JS checker
  (setq-default flycheck-disabled-checkers
                (append flycheck-disabled-checkers '(javascript-jshint)))

  (add-hook 'js-mode-hook #'dpaulino/setup-js-mode)
  (add-hook 'js-mode-hook #'dpaulino/setup-js-doc-mode)
    ;;; Flycheck config
  (flycheck-add-mode 'javascript-eslint 'web-mode))

(provide 'javascript.el)
;;; javascript.el ends here