summaryrefslogtreecommitdiffstats
path: root/lisp/ravi-init-web.el
blob: 13dd758828dde49c487935ce1166c68b2438b757 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
;;; ravi-init-web.el --- Web development             -*- lexical-binding: t; -*-

;; Copyright (C) 2014

;; Author:  <ravi@nero.lan>
;; Keywords:

;; This program is free software; you can redistribute it and/or modify
;; it under the terms of the GNU General Public License as published by
;; the Free Software Foundation, either version 3 of the License, or
;; (at your option) any later version.

;; This program is distributed in the hope that it will be useful,
;; but WITHOUT ANY WARRANTY; without even the implied warranty of
;; MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
;; GNU General Public License for more details.

;; You should have received a copy of the GNU General Public License
;; along with this program.  If not, see <http://www.gnu.org/licenses/>.

;;; Commentary:

;; Web development tools

;;; Code:

(use-package emmet-mode
  :commands (emmet-mode)
  :init
  (progn
    (add-hook 'css-mode-hook 'emmet-mode)
    (add-hook 'sgml-mode-hook 'emmet-mode))
  :config
  (progn
    (unbind-key "C-j" emmet-mode-keymap)
    (bind-key "M-r" 'emmet-expand-line emmet-mode-keymap))
  :ensure t
  :diminish t)

;; Javascript
(use-package js2-mode
  :mode (("\\.js$" . js2-mode)
         ("\\.json$" . js2-mode)
         ("Jakefile$" . js2-mode))
  ;; :interpreter ("node" . js2-mode)
  :config
  (progn

    (use-package js2-refactor
      :config
      (progn
        (js2r-add-keybindings-with-prefix "C-c C-m"))
      :ensure t)

    (defun ravi/js2-mode-hook ()
      (emmet-mode)
      (setq js2-basic-offset 2))
    (add-hook 'js2-mode-hook 'ravi/js2-mode-hook))
  :ensure t
  )

;; Interact with the browser
(use-package skewer-mode
  :config
  (progn
    (skewer-setup))
  :ensure t)

;; HTML with web-mode
(use-package web-mode
  :mode (("\\.html" . web-mode))
  :config
  (progn

    ;; Make it work with smartparens
    (defun ravi/web-mode-sp-hook ()
      (setq web-mode-enable-auto-pairing nil)
      (smartparens-mode)
      (sp-use-smartparens-bindings))
    (add-hook 'web-mode-hook 'ravi/web-mode-sp-hook)
    (add-hook 'web-mode-hook 'emmet-mode)
    (defun sp-web-mode-is-code-context (id action context)
      (when (and
             (eq action 'insert)
             (not (or (get-text-property (point) 'part-side) (get-text-property (point) 'block-side))))
        t))
    (sp-local-pair 'web-mode "<" nil :when '(sp-web-mode-is-code-context))

    ;; Customization
    (setq web-mode-enable-current-element-highlight t)
    (setq web-mode-markup-indent-offset 2)
    (setq web-mode-css-indent-offset 2)
    (setq web-mode-code-indent-offset 2)
    (setq web-mode-enable-part-face t)
    )

  :ensure t)

(provide 'ravi-init-web)
;;; ravi-init-web.el ends here