;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; ;; Emmet minor mode (defgroup emmet nil "Customization group for emmet-mode." :group 'convenience) (defun emmet-expr-on-line () "Extract a emmet expression and the corresponding bounds for the current line." (let* ((end (point)) (start (emmet-find-left-bound)) (line (buffer-substring-no-properties start end))) (let ((expr (emmet-regex "\\([ \t]*\\)\\([^\n]+\\)" line 2))) (if (first expr) (list (first expr) start end))))) (defun emmet-find-left-bound () "Find the left bound of an emmet expr" (save-excursion (save-match-data (let ((char (char-before)) (last-gt (point))) (while char (cond ((member char '(?\} ?\] ?\))) (backward-sexp) (setq char (char-before))) ((eq char ?\>) (setq last-gt (point)) (backward-char) (setq char (char-before))) ((eq char ?\<) (goto-char last-gt) (setq char nil)) ((not (string-match-p "[[:space:]\n;]" (string char))) (backward-char) (setq char (char-before))) (t (setq char nil)))) (point))))) (defcustom emmet-indentation 4 "Number of spaces used for indentation." :type '(number :tag "Spaces") :group 'emmet) (defcustom emmet-indent-after-insert t "Indent region after insert?" :type 'boolean :group 'emmet) (defvar emmet-use-css-transform nil "When true, transform Emmet snippets into CSS, instead of the usual HTML.") (make-variable-buffer-local 'emmet-use-css-transform) (defvar emmet-use-sass-syntax nil "When true, uses Sass syntax for CSS abbreviations expanding, e. g. without semicolons") (make-variable-buffer-local 'emmet-use-sass-syntax) (defvar emmet-css-major-modes '(css-mode scss-mode sass-mode less-mode less-css-mode) "Major modes that use emmet for CSS, rather than HTML.") (defun emmet-transform (input) (if emmet-use-css-transform (emmet-css-transform input) (emmet-html-transform input))) ;;;###autoload (defun emmet-expand-line (arg) "Replace the current line's emmet expression with the corresponding expansion. If prefix ARG is given or region is visible call `emmet-preview' to start an interactive preview. Otherwise expand line directly. For more information see `emmet-mode'." (interactive "P") (let* ((here (point)) (preview (if emmet-preview-default (not arg) arg)) (beg (if preview (emmet-find-left-bound) (when (use-region-p) (region-beginning)))) (end (if preview here (when (use-region-p) (region-end))))) (if (and preview beg) (progn (goto-char here) (emmet-preview beg end)) (let ((expr (emmet-expr-on-line))) (if expr (let ((markup (emmet-transform (first expr)))) (when markup (delete-region (second expr) (third expr)) (emmet-insert-and-flash markup) (let ((output-markup (buffer-substring-no-properties (second expr) (point)))) (when (and emmet-move-cursor-after-expanding (emmet-html-text-p markup)) (let ((p (point))) (goto-char (+ (- p (length output-markup)) (emmet-html-next-insert-point output-markup))))))))))))) (defvar emmet-mode-keymap (let ((map (make-sparse-keymap))) (define-key map (kbd "C-j") 'emmet-expand-line) (define-key map (kbd "") 'emmet-expand-line) (define-key map (kbd "") 'emmet-next-edit-point) (define-key map (kbd "") 'emmet-prev-edit-point) map) "Keymap for emmet minor mode.") (defun emmet-after-hook () "Initialize Emmet's buffer-local variables." (if (memq major-mode emmet-css-major-modes) (setq emmet-use-css-transform t)) (if (eq major-mode 'sass-mode) (setq emmet-use-sass-syntax t))) ;;;###autoload (define-minor-mode emmet-mode "Minor mode for writing HTML and CSS markup. With emmet for HTML and CSS you can write a line like ul#name>li.item*2 and have it expanded to
This minor mode defines keys for quick access: \\{emmet-mode-keymap} Home page URL `http://www.emacswiki.org/emacs/Emmet'. See also `emmet-expand-line'." :lighter " Emmet" :keymap emmet-mode-keymap :after-hook (emmet-after-hook)) ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; ;; Emmet yasnippet integration (defun emmet-transform-yas (input) (let* ((leaf-count 0) (emmet-leaf-function (lambda () (format "$%d" (incf leaf-count))))) (emmet-transform input))) ;;;###autoload (defun emmet-expand-yas () (interactive) (let ((expr (emmet-expr-on-line))) (if expr (let* ((markup (emmet-transform-yas (first expr))) (filled (replace-regexp-in-string "><" ">\n<" markup))) (delete-region (second expr) (third expr)) (insert filled) (indent-region (second expr) (point)) (yas/expand-snippet (buffer-substring (second expr) (point)) (second expr) (point)))))) ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; ;;; Real-time preview ;; ;;;;;;;;;; ;; Lennart's version (defvar emmet-preview-input nil) (make-local-variable 'emmet-preview-input) (defvar emmet-preview-output nil) (make-local-variable 'emmet-preview-output) (defvar emmet-old-show-paren nil) (make-local-variable 'emmet-old-show-paren) (defface emmet-preview-input '((default :box t :inherit secondary-selection)) "Face for preview input field." :group 'emmet) (defface emmet-preview-output '((default :inherit highlight)) "Face for preview output field." :group 'emmet) (defvar emmet-preview-keymap (let ((map (make-sparse-keymap))) (define-key map (kbd "RET") 'emmet-preview-accept) (define-key map (kbd "") 'emmet-preview-accept) (define-key map [(control ?g)] 'emmet-preview-abort) map)) (defun emmet-html-text-p (markup) (string-match "^[\s|\t|\n|\r]*<.*$" markup)) (defun emmet-preview-accept () (interactive) (let ((ovli emmet-preview-input)) (if (not (and (overlayp ovli) (bufferp (overlay-buffer ovli)))) (message "Preview is not active") (let* ((indent (current-indentation)) (markup (emmet-preview-transformed indent))) (when markup (delete-region (overlay-start ovli) (overlay-end ovli)) (emmet-insert-and-flash markup) (let ((output-markup (buffer-substring-no-properties (line-beginning-position) (point)))) (when (and emmet-move-cursor-after-expanding (emmet-html-text-p markup)) (let ((p (point))) (goto-char (+ (- p (length output-markup)) (emmet-html-next-insert-point output-markup)))))))))) (emmet-preview-abort)) (defun emmet-html-next-insert-point (str) (with-temp-buffer (insert str) (goto-char (point-min)) (or (emmet-aif (emmet-go-to-edit-point 1 t) (- it 1)) ; try to find an edit point (emmet-aif (re-search-forward ".+ beg (overlay-end emmet-preview-input)) (< beg (overlay-start emmet-preview-input)) (> end (overlay-end emmet-preview-input)) (< end (overlay-start emmet-preview-input))) (setq emmet-preview-pending-abort t))) (defun emmet-preview-abort () "Abort emmet code preview." (interactive) (setq emmet-preview-pending-abort nil) (remove-hook 'before-change-functions 'emmet-preview-before-change t) (when (overlayp emmet-preview-input) (delete-overlay emmet-preview-input)) (setq emmet-preview-input nil) (when (overlayp emmet-preview-output) (delete-overlay emmet-preview-output)) (setq emmet-preview-output nil) (remove-hook 'post-command-hook 'emmet-preview-post-command t) (when emmet-old-show-paren (show-paren-mode 1))) (defun emmet-preview-post-command () (condition-case err (emmet-preview-post-command-1) (error (message "emmet-preview-post: %s" err)))) (defun emmet-preview-post-command-1 () (if (and (not emmet-preview-pending-abort) (<= (point) (overlay-end emmet-preview-input)) (>= (point) (overlay-start emmet-preview-input))) (emmet-update-preview (current-indentation)) (emmet-preview-abort))) (defun emmet-preview-transformed (indent) (let* ((string (buffer-substring-no-properties (overlay-start emmet-preview-input) (overlay-end emmet-preview-input)))) (let ((output (emmet-transform string))) (when output output)))) (defun emmet-update-preview (indent) (let* ((pretty (emmet-preview-transformed indent)) (show (when pretty (propertize pretty 'face 'highlight)))) (when show (overlay-put emmet-preview-output 'after-string (concat show "\n"))))) ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; ;; Implementation of "Go to Edit Point" functionality ;; ;; http://docs.emmet.io/actions/go-to-edit-point/ ;; ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; (defun emmet-go-to-edit-point (count &optional only-before-closed-tag) (let* ((between-tags (if only-before-closed-tag "\\(><\\)/" "\\(><\\)")) (indented-line "\\(^[[:blank:]]+$\\)") (between-quotes "\\(=\\(\"\\|'\\)\\{2\\}\\)") (edit-point (format "\\(%s\\|%s\\|%s\\)" between-tags indented-line between-quotes))) (if (> count 0) (progn (forward-char) (let ((search-result (re-search-forward edit-point nil t count))) (if search-result (progn (cond ((match-string 2) (goto-char (- (match-end 2) 1))) ((match-string 3) (end-of-line)) ((match-string 4) (backward-char))) (point)) (backward-char)))) (progn (backward-char) (let ((search-result (re-search-backward edit-point nil t (- count)))) (if search-result (progn (cond ((match-string 2) (goto-char (- (match-end 2) 1))) ((match-string 3) (end-of-line)) ((match-string 4) (forward-char 2))) (point)) (forward-char))))))) ;;;###autoload (defun emmet-next-edit-point (count) (interactive "^p") (unless (or emmet-use-css-transform (emmet-go-to-edit-point count)) (error "Last edit point reached."))) ;;;###autoload (defun emmet-prev-edit-point (count) (interactive "^p") (unless (or emmet-use-css-transform (emmet-go-to-edit-point (- count))) (error "First edit point reached."))) (provide 'emmet-mode) ;;; emmet-mode.el ends here