2017-06-08 11:47:56 +02:00
|
|
|
;;; lang/web/+html.el -*- lexical-binding: t; -*-
|
2017-02-19 18:57:16 -05:00
|
|
|
|
2019-07-23 12:44:03 +02:00
|
|
|
(use-package! web-mode
|
2020-03-05 13:10:01 +02:00
|
|
|
:mode "\\.[px]?html?\\'"
|
2020-02-19 17:28:13 -05:00
|
|
|
:mode "\\.\\(?:tpl\\|blade\\)\\(?:\\.php\\)?\\'"
|
|
|
|
:mode "\\.erb\\'"
|
2021-09-15 18:20:03 +05:30
|
|
|
:mode "\\.[lh]?eex\\'"
|
2021-04-21 15:53:34 -04:00
|
|
|
:mode "\\.sface\\'"
|
2020-02-19 17:28:13 -05:00
|
|
|
:mode "\\.jsp\\'"
|
|
|
|
:mode "\\.as[cp]x\\'"
|
2021-06-08 02:59:30 +07:00
|
|
|
:mode "\\.ejs\\'"
|
2020-02-19 17:28:13 -05:00
|
|
|
:mode "\\.hbs\\'"
|
|
|
|
:mode "\\.mustache\\'"
|
|
|
|
:mode "\\.svelte\\'"
|
|
|
|
:mode "\\.twig\\'"
|
2020-04-26 21:51:01 +02:00
|
|
|
:mode "\\.jinja2?\\'"
|
2020-10-30 21:24:05 -04:00
|
|
|
:mode "\\.eco\\'"
|
2020-02-19 17:28:13 -05:00
|
|
|
:mode "wp-content/themes/.+/.+\\.php\\'"
|
|
|
|
:mode "templates/.+\\.php\\'"
|
2020-05-18 14:38:02 -04:00
|
|
|
:init
|
|
|
|
;; If the user has installed `vue-mode' then, by appending this to
|
|
|
|
;; `auto-mode-alist' rather than prepending it, its autoload will have
|
|
|
|
;; priority over this one.
|
|
|
|
(add-to-list 'auto-mode-alist '("\\.vue\\'" . web-mode) 'append)
|
|
|
|
:mode "\\.vue\\'"
|
2017-02-19 18:57:16 -05:00
|
|
|
:config
|
2018-09-08 18:35:45 -04:00
|
|
|
(set-docsets! 'web-mode "HTML" "CSS" "Twig" "WordPress")
|
feature/lookup: rewrite dash docset integration
+ Uses alist variable to store config, rather than hooks
+ Added check for installed docsets in +lookup/documentation
+ Set docsets for various language modules (c-mode, c++-mode, css-mode,
scss-mode, sass-mode, web-mode, go-mode, racket-mode, emacs-lisp-mode,
js2-mode, rjsx-mode, typescript-mode, rust-mode, and php-mode)
+ Made *eww* popups for dash docsets larger
+ Renamed set-docset! => set-docsets! (set-docset! is aliased to
set-docsets!)
+ New +lookup/install-docset alias
2018-08-31 02:44:49 +02:00
|
|
|
|
2018-09-03 03:59:24 +02:00
|
|
|
;; tidy is already defined by the format-all package. We redefine it to add
|
|
|
|
;; more sensible arguments to the tidy command.
|
|
|
|
(set-formatter! 'html-tidy
|
|
|
|
'("tidy" "-q" "-indent"
|
|
|
|
"--tidy-mark" "no"
|
|
|
|
"--drop-empty-elements" "no"
|
2020-03-27 14:18:38 -04:00
|
|
|
("--show-body-only" "%s" (if +format-region-p "true" "auto"))
|
2018-09-03 03:59:24 +02:00
|
|
|
("--indent-spaces" "%d" tab-width)
|
|
|
|
("--indent-with-tabs" "%s" (if indent-tabs-mode "yes" "no"))
|
|
|
|
("-xml" (memq major-mode '(nxml-mode xml-mode))))
|
|
|
|
:ok-statuses '(0 1))
|
|
|
|
|
2018-04-28 15:54:39 -04:00
|
|
|
(setq web-mode-enable-html-entities-fontification t
|
2019-05-04 18:57:35 -04:00
|
|
|
web-mode-auto-close-style 1)
|
2018-06-24 15:09:49 +02:00
|
|
|
|
|
|
|
(after! smartparens
|
2018-08-04 13:39:39 +02:00
|
|
|
(defun +web-is-auto-close-style-3 (_id action _context)
|
|
|
|
(and (eq action 'insert)
|
|
|
|
(eq web-mode-auto-close-style 3)))
|
2018-11-12 02:35:53 -05:00
|
|
|
(sp-local-pair 'web-mode "<" ">" :unless '(:add +web-is-auto-close-style-3))
|
2018-08-04 13:39:39 +02:00
|
|
|
|
2018-06-24 15:09:49 +02:00
|
|
|
;; let smartparens handle these
|
|
|
|
(setq web-mode-enable-auto-quoting nil
|
|
|
|
web-mode-enable-auto-pairing t)
|
2018-08-04 13:39:39 +02:00
|
|
|
|
|
|
|
;; 1. Remove web-mode auto pairs whose end pair starts with a latter
|
|
|
|
;; (truncated autopairs like <?p and hp ?>). Smartparens handles these
|
|
|
|
;; better.
|
|
|
|
;; 2. Strips out extra closing pairs to prevent redundant characters
|
|
|
|
;; inserted by smartparens.
|
2018-06-24 15:09:49 +02:00
|
|
|
(dolist (alist web-mode-engines-auto-pairs)
|
2018-08-04 13:39:39 +02:00
|
|
|
(setcdr alist
|
|
|
|
(cl-loop for pair in (cdr alist)
|
|
|
|
unless (string-match-p "^[a-z-]" (cdr pair))
|
2019-11-15 02:14:06 -05:00
|
|
|
collect (cons (car pair)
|
|
|
|
(string-trim-right (cdr pair)
|
|
|
|
"\\(?:>\\|]\\|}\\)+\\'")))))
|
2019-05-02 17:57:31 -04:00
|
|
|
(delq! nil web-mode-engines-auto-pairs))
|
2017-02-19 18:57:16 -05:00
|
|
|
|
2020-02-19 19:01:38 -05:00
|
|
|
(add-to-list 'web-mode-engines-alist '("elixir" . "\\.eex\\'"))
|
2021-09-16 00:29:21 +02:00
|
|
|
(add-to-list 'web-mode-engines-alist '("phoenix" . "\\.[lh]eex\\'"))
|
2020-02-19 19:01:38 -05:00
|
|
|
|
2020-12-14 16:50:40 -05:00
|
|
|
;; Use // instead of /* as the default comment delimited in JS
|
|
|
|
(setf (alist-get "javascript" web-mode-comment-formats nil nil #'equal)
|
|
|
|
"//")
|
2020-02-19 19:03:46 -05:00
|
|
|
|
|
|
|
(add-hook! 'web-mode-hook
|
|
|
|
(defun +web--fix-js-comments-h ()
|
|
|
|
"Fix comment handling in `web-mode' for JavaScript."
|
|
|
|
(when (member web-mode-content-type '("javascript" "jsx"))
|
|
|
|
;; For some reason the default is to insert HTML comments even
|
|
|
|
;; in JavaScript.
|
|
|
|
(setq-local comment-start "//")
|
|
|
|
(setq-local comment-end "")
|
|
|
|
;; Needed since otherwise the default value generated by
|
|
|
|
;; `comment-normalize-vars' will key off the syntax and think
|
|
|
|
;; that a single "/" starts a comment, which completely borks
|
|
|
|
;; auto-fill.
|
|
|
|
(setq-local comment-start-skip "// *"))))
|
|
|
|
|
2017-02-23 00:06:12 -05:00
|
|
|
(map! :map web-mode-map
|
2018-03-29 04:45:28 -07:00
|
|
|
(:localleader
|
2022-02-09 15:34:24 +01:00
|
|
|
:desc "Rehighlight buffer" "h" #'web-mode-reload
|
2018-12-23 23:54:27 -05:00
|
|
|
:desc "Indent buffer" "i" #'web-mode-buffer-indent
|
2019-07-29 09:21:16 +02:00
|
|
|
(:prefix ("a" . "attribute")
|
2018-12-23 23:54:27 -05:00
|
|
|
"b" #'web-mode-attribute-beginning
|
|
|
|
"e" #'web-mode-attribute-end
|
|
|
|
"i" #'web-mode-attribute-insert
|
|
|
|
"n" #'web-mode-attribute-next
|
|
|
|
"s" #'web-mode-attribute-select
|
|
|
|
"k" #'web-mode-attribute-kill
|
|
|
|
"p" #'web-mode-attribute-previous
|
2022-03-19 22:39:34 +07:00
|
|
|
"t" #'web-mode-attribute-transpose)
|
2019-07-29 09:21:16 +02:00
|
|
|
(:prefix ("b" . "block")
|
2018-12-23 23:54:27 -05:00
|
|
|
"b" #'web-mode-block-beginning
|
|
|
|
"c" #'web-mode-block-close
|
|
|
|
"e" #'web-mode-block-end
|
|
|
|
"k" #'web-mode-block-kill
|
|
|
|
"n" #'web-mode-block-next
|
|
|
|
"p" #'web-mode-block-previous
|
|
|
|
"s" #'web-mode-block-select)
|
2019-07-29 09:21:16 +02:00
|
|
|
(:prefix ("d" . "dom")
|
2018-12-23 23:54:27 -05:00
|
|
|
"a" #'web-mode-dom-apostrophes-replace
|
|
|
|
"d" #'web-mode-dom-errors-show
|
|
|
|
"e" #'web-mode-dom-entities-encode
|
|
|
|
"n" #'web-mode-dom-normalize
|
|
|
|
"q" #'web-mode-dom-quotes-replace
|
|
|
|
"t" #'web-mode-dom-traverse
|
|
|
|
"x" #'web-mode-dom-xpath)
|
2019-07-29 09:21:16 +02:00
|
|
|
(:prefix ("e" . "element")
|
2018-12-23 23:54:27 -05:00
|
|
|
"/" #'web-mode-element-close
|
|
|
|
"a" #'web-mode-element-content-select
|
|
|
|
"b" #'web-mode-element-beginning
|
|
|
|
"c" #'web-mode-element-clone
|
|
|
|
"d" #'web-mode-element-child
|
|
|
|
"e" #'web-mode-element-end
|
|
|
|
"f" #'web-mode-element-children-fold-or-unfold
|
|
|
|
"i" #'web-mode-element-insert
|
|
|
|
"k" #'web-mode-element-kill
|
|
|
|
"m" #'web-mode-element-mute-blanks
|
|
|
|
"n" #'web-mode-element-next
|
|
|
|
"p" #'web-mode-element-previous
|
|
|
|
"r" #'web-mode-element-rename
|
|
|
|
"s" #'web-mode-element-select
|
|
|
|
"t" #'web-mode-element-transpose
|
|
|
|
"u" #'web-mode-element-parent
|
|
|
|
"v" #'web-mode-element-vanish
|
|
|
|
"w" #'web-mode-element-wrap)
|
2019-07-29 09:21:16 +02:00
|
|
|
(:prefix ("t" . "tag")
|
2018-12-23 23:54:27 -05:00
|
|
|
"a" #'web-mode-tag-attributes-sort
|
|
|
|
"b" #'web-mode-tag-beginning
|
|
|
|
"e" #'web-mode-tag-end
|
|
|
|
"m" #'web-mode-tag-match
|
|
|
|
"n" #'web-mode-tag-next
|
|
|
|
"p" #'web-mode-tag-previous
|
|
|
|
"s" #'web-mode-tag-select))
|
2018-04-05 02:26:19 -04:00
|
|
|
|
2018-12-23 23:54:27 -05:00
|
|
|
:g "M-/" #'web-mode-comment-or-uncomment
|
2017-04-17 02:17:10 -04:00
|
|
|
:i "SPC" #'self-insert-command
|
|
|
|
:n "za" #'web-mode-fold-or-unfold
|
|
|
|
:nv "]a" #'web-mode-attribute-next
|
|
|
|
:nv "[a" #'web-mode-attribute-previous
|
|
|
|
:nv "]t" #'web-mode-tag-next
|
|
|
|
:nv "[t" #'web-mode-tag-previous
|
|
|
|
:nv "]T" #'web-mode-element-child
|
|
|
|
:nv "[T" #'web-mode-element-parent))
|
2017-02-19 18:57:16 -05:00
|
|
|
|
2017-03-19 22:47:50 -04:00
|
|
|
|
2018-05-25 00:46:11 +02:00
|
|
|
;;
|
2018-06-15 02:58:12 +02:00
|
|
|
(after! pug-mode
|
|
|
|
(set-company-backend! 'pug-mode 'company-web-jade))
|
|
|
|
(after! web-mode
|
2019-10-10 14:30:36 -04:00
|
|
|
(set-company-backend! 'web-mode 'company-css 'company-web-html))
|
2018-06-15 02:58:12 +02:00
|
|
|
(after! slim-mode
|
|
|
|
(set-company-backend! 'slim-mode 'company-web-slim))
|
2019-02-21 16:08:27 -05:00
|
|
|
|
|
|
|
|
|
|
|
(when (featurep! +lsp)
|
2020-05-01 19:53:19 -04:00
|
|
|
(add-hook! '(html-mode-local-vars-hook
|
2021-09-18 16:28:16 +02:00
|
|
|
web-mode-local-vars-hook
|
|
|
|
nxml-mode-local-vars-hook)
|
2020-05-01 19:53:19 -04:00
|
|
|
#'lsp!))
|