2017-06-08 11:47:56 +02:00
|
|
|
;;; lang/web/config.el -*- lexical-binding: t; -*-
|
2015-06-15 09:06:10 +02:00
|
|
|
|
2018-05-27 12:44:22 +02:00
|
|
|
(load! "+html")
|
|
|
|
(load! "+css")
|
2015-06-15 09:06:10 +02:00
|
|
|
|
2016-05-11 05:36:49 -04:00
|
|
|
|
2019-07-23 12:44:03 +02:00
|
|
|
(use-package! emmet-mode
|
2017-03-23 15:47:38 -04:00
|
|
|
:preface (defvar emmet-mode-keymap (make-sparse-keymap))
|
2018-08-01 19:25:06 +02:00
|
|
|
:hook (css-mode web-mode html-mode haml-mode nxml-mode rjsx-mode reason-mode)
|
2017-03-23 15:47:38 -04:00
|
|
|
:config
|
2018-08-01 19:25:06 +02:00
|
|
|
(when (require 'yasnippet nil t)
|
|
|
|
(add-hook 'emmet-mode-hook #'yas-minor-mode-on))
|
2017-03-23 15:47:38 -04:00
|
|
|
(setq emmet-move-cursor-between-quotes t)
|
2018-08-01 19:25:06 +02:00
|
|
|
(setq-hook! 'rjsx-mode-hook emmet-expand-jsx-className? t)
|
2017-03-23 15:47:38 -04:00
|
|
|
(map! :map emmet-mode-keymap
|
2018-08-01 19:25:06 +02:00
|
|
|
:v [tab] #'emmet-wrap-with-markup
|
|
|
|
:i [tab] #'+web/indent-or-yas-or-emmet-expand
|
2017-04-17 02:17:10 -04:00
|
|
|
:i "M-E" #'emmet-expand-line))
|
2017-03-23 15:47:38 -04:00
|
|
|
|
|
|
|
|
2016-04-16 21:36:24 -04:00
|
|
|
;;
|
2019-09-13 21:59:03 -04:00
|
|
|
;;; Framework-based minor-modes
|
2016-05-11 05:36:49 -04:00
|
|
|
|
2017-03-02 18:20:46 -05:00
|
|
|
(def-project-mode! +web-jekyll-mode
|
2019-07-21 14:49:09 +02:00
|
|
|
:modes '(web-mode js-mode coffee-mode css-mode haml-mode pug-mode)
|
2018-11-07 19:22:03 -05:00
|
|
|
:files (and (or "_config.yml" "_config.toml")
|
|
|
|
(or "_layouts/" "_posts/"))
|
2017-10-04 17:59:39 +02:00
|
|
|
:on-enter
|
|
|
|
(when (eq major-mode 'web-mode)
|
|
|
|
(web-mode-set-engine "django")))
|
2017-02-19 18:57:16 -05:00
|
|
|
|
2020-04-08 12:56:34 -07:00
|
|
|
(def-project-mode! +web-django-mode
|
|
|
|
:modes '(web-mode)
|
|
|
|
:files ("manage.py")
|
|
|
|
:on-enter
|
|
|
|
(when (derived-mode-p 'web-mode)
|
|
|
|
(web-mode-set-engine "django")))
|
|
|
|
|
2017-03-02 18:20:46 -05:00
|
|
|
(def-project-mode! +web-wordpress-mode
|
2019-07-21 14:49:09 +02:00
|
|
|
:modes '(php-mode web-mode css-mode haml-mode pug-mode)
|
2017-03-02 18:20:46 -05:00
|
|
|
:files (or "wp-config.php" "wp-config-sample.php"))
|
2017-03-25 16:43:10 -04:00
|
|
|
|
2018-01-28 04:28:15 -05:00
|
|
|
(when (featurep! :lang javascript)
|
|
|
|
(def-project-mode! +web-angularjs-mode
|
2019-07-21 14:49:09 +02:00
|
|
|
:modes '(+javascript-npm-mode)
|
2018-01-28 04:28:15 -05:00
|
|
|
:when (+javascript-npm-dep-p 'angular))
|
|
|
|
|
|
|
|
(def-project-mode! +web-react-mode
|
2019-07-21 14:49:09 +02:00
|
|
|
:modes '(+javascript-npm-mode)
|
2018-01-28 04:28:15 -05:00
|
|
|
:when (+javascript-npm-dep-p 'react))
|
2017-04-01 23:54:30 -04:00
|
|
|
|
2018-01-28 04:28:15 -05:00
|
|
|
(def-project-mode! +web-phaser-mode
|
2019-07-21 14:49:09 +02:00
|
|
|
:modes '(+javascript-npm-mode)
|
2018-01-28 04:28:15 -05:00
|
|
|
:when (+javascript-npm-dep-p '(or phaser phaser-ce))))
|