96 lines
3.5 KiB
EmacsLisp
96 lines
3.5 KiB
EmacsLisp
;;; packages.el --- react Layer packages File for Spacemacs
|
|
;;
|
|
;; Copyright (c) 2012-2016 Sylvain Benner & Contributors
|
|
;;
|
|
;; Author: Andrea Moretti <axyzxp@gmail.com>
|
|
;; URL: https://github.com/axyz
|
|
;;
|
|
;; This file is not part of GNU Emacs.
|
|
;;
|
|
;;; License: GPLv3
|
|
|
|
(setq react-packages
|
|
'(
|
|
company
|
|
company-tern
|
|
emmet-mode
|
|
evil-matchit
|
|
flycheck
|
|
js-doc
|
|
smartparens
|
|
tern
|
|
web-beautify
|
|
web-mode
|
|
))
|
|
|
|
(defun react/post-init-company ()
|
|
(spacemacs|add-company-hook react-mode))
|
|
|
|
(defun react/post-init-company-tern ()
|
|
(push 'company-tern company-backends-react-mode))
|
|
|
|
(defun react/post-init-emmet-mode ()
|
|
(add-hook 'react-mode-hook 'emmet-mode))
|
|
|
|
(defun react/post-init-evil-matchit ()
|
|
(with-eval-after-load 'evil-matchit
|
|
(plist-put evilmi-plugins 'react-mode '((evilmi-simple-get-tag evilmi-simple-jump)
|
|
(evilmi-javascript-get-tag evilmi-javascript-jump)
|
|
(evilmi-html-get-tag evilmi-html-jump)))))
|
|
|
|
(defun react/post-init-flycheck ()
|
|
(with-eval-after-load 'flycheck
|
|
(dolist (checker '(javascript-eslint javascript-standard))
|
|
(flycheck-add-mode checker 'react-mode)))
|
|
(defun react/use-eslint-from-node-modules ()
|
|
(let* ((root (locate-dominating-file
|
|
(or (buffer-file-name) default-directory)
|
|
"node_modules"))
|
|
(global-eslint (executable-find "eslint"))
|
|
(local-eslint (expand-file-name "node_modules/.bin/eslint"
|
|
root))
|
|
(eslint (if (file-executable-p local-eslint)
|
|
local-eslint
|
|
global-eslint)))
|
|
(setq-local flycheck-javascript-eslint-executable eslint)))
|
|
|
|
(add-hook 'react-mode-hook #'react/use-eslint-from-node-modules)
|
|
|
|
(spacemacs/add-flycheck-hook 'react-mode))
|
|
|
|
(defun react/post-init-js-doc ()
|
|
(add-hook 'react-mode-hook 'spacemacs/js-doc-require)
|
|
(spacemacs/js-doc-set-key-bindings 'react-mode))
|
|
|
|
(defun react/post-init-smartparens ()
|
|
(if dotspacemacs-smartparens-strict-mode
|
|
(add-hook 'react-mode-hook #'smartparens-strict-mode)
|
|
(add-hook 'react-mode-hook #'smartparens-mode)))
|
|
|
|
(defun react/post-init-tern ()
|
|
(add-hook 'react-mode-hook 'tern-mode)
|
|
(spacemacs//set-tern-key-bindings 'react-mode))
|
|
|
|
(defun react/post-init-web-beautify ()
|
|
(spacemacs/set-leader-keys-for-major-mode 'react-mode "=" 'web-beautify-js))
|
|
|
|
(defun react/post-init-web-mode ()
|
|
(define-derived-mode react-mode web-mode "react")
|
|
(add-to-list 'auto-mode-alist '("\\.jsx\\'" . react-mode))
|
|
(add-to-list 'auto-mode-alist '("\\.react.js\\'" . react-mode))
|
|
(add-to-list 'auto-mode-alist '("\\index.android.js\\'" . react-mode))
|
|
(add-to-list 'auto-mode-alist '("\\index.ios.js\\'" . react-mode))
|
|
(add-to-list 'magic-mode-alist '("/\\*\\* @jsx React\\.DOM \\*/" . react-mode))
|
|
(add-to-list 'magic-mode-alist '("^import React" . react-mode))
|
|
(defun spacemacs//setup-react-mode ()
|
|
"Adjust web-mode to accommodate react-mode"
|
|
(emmet-mode 0)
|
|
;; See https://github.com/CestDiego/emmet-mode/commit/3f2904196e856d31b9c95794d2682c4c7365db23
|
|
(setq-local emmet-expand-jsx-className? t)
|
|
;; Enable js-mode snippets
|
|
(yas-activate-extra-mode 'js-mode)
|
|
;; Force jsx content type
|
|
(web-mode-set-content-type "jsx")
|
|
;; Don't auto-quote attribute values
|
|
(setq-local web-mode-enable-auto-quoting nil))
|
|
(add-hook 'react-mode-hook 'spacemacs//setup-react-mode))
|