From f746700d649f94ea5f62e7de36a1cc37e55d0066 Mon Sep 17 00:00:00 2001 From: Matthew Kosarek Date: Wed, 4 Jan 2023 13:29:04 -0500 Subject: Improving tsx mode a little bit more for spacing issues --- lisp/web.el | 38 +++++++++++++++----------------------- 1 file changed, 15 insertions(+), 23 deletions(-) diff --git a/lisp/web.el b/lisp/web.el index c999e45..77c6ef9 100644 --- a/lisp/web.el +++ b/lisp/web.el @@ -23,27 +23,6 @@ (add-to-list 'auto-mode-alist '("\\.php\\'" . web-mode)) (setq-default js-indent-level 2) -;; JavaScript -(add-to-list 'auto-mode-alist '("\\.js\\'" . javascript-mode)) -(push '("\\.js[x]?\\'" . javascript-mode) auto-mode-alist) - -;; TypeScript -(use-package tree-sitter-langs - :config - (tree-sitter-require 'tsx) - (add-to-list 'tree-sitter-major-mode-language-alist '(typescript-tsx-mode . tsx)) - ) -(use-package typescript-mode - :mode "\.ts\'" - :config (setq typescript-indent-level 2) - :init - (define-derived-mode typescript-tsx-mode typescript-mode "TypeScript[tsx]") - (add-to-list 'auto-mode-alist '("\\.tsx\\'" . typescript-tsx-mode)) - ) - - - - (require 'flycheck) (setq-default flycheck-disabled-checkers (append flycheck-disabled-checkers @@ -55,6 +34,9 @@ (flycheck-add-mode 'typescript-tslint 'typescript-mode) (add-hook 'js-mode-hook 'flycheck-mode) (add-hook 'typescript-mode-hook 'flycheck-mode) + +; use local eslint from node_modules before global +; http://emacs.stackexchange.com/questions/21205/flycheck-with-file-relative-eslint-executable (defun my-use-eslint-from-node-modules () "Use eslint from local node_modules instead of globally." (let* ((root (locate-dominating-file @@ -66,16 +48,26 @@ (when (and eslint (file-executable-p eslint)) (setq-local flycheck-javascript-eslint-executable eslint)))) (add-hook 'flycheck-mode-hook #'my-use-eslint-from-node-modules) +;; TSX +(use-package tree-sitter-langs + :config + (tree-sitter-require 'tsx) + (add-to-list 'tree-sitter-major-mode-language-alist '(typescript-tsx-mode . tsx)) + ) -; use local eslint from node_modules before global -; http://emacs.stackexchange.com/questions/21205/flycheck-with-file-relative-eslint-executable +(define-derived-mode typescript-tsx-mode web-mode "TypeScript[tsx]") +(add-to-list 'auto-mode-alist '("\\.tsx\\'" . typescript-tsx-mode)) +(flycheck-add-mode 'typescript-tslint 'typescript-tsx-mode) +(add-hook 'typescript-tsx-mode 'flycheck-mode) ;; Package management (require 'eglot) (add-hook 'js-mode-hook 'eglot-ensure) (add-hook 'typescript-mode-hook 'eglot-ensure) +(add-hook 'typescript-tsx-mode-hook 'eglot-ensure) (add-to-list 'eglot-server-programs '(js-mode . ("typescript-language-server" "--stdio"))) (add-to-list 'eglot-server-programs '(typescript-mode . ("typescript-language-server" "--stdio"))) +(add-to-list 'eglot-server-programs '(typescript-tsx-mode . ("typescript-language-server" "--stdio"))) ;; Ignore certain directories in projectile (require 'projectile) -- cgit v1.2.1