;;; Code:
;; web mode
(use-package web-mode
  :mode ("\\.html\\'" . web-mode)
  :config (setq
		   web-mode-markup-indent-offset 2
		   web-mode-code-indent-offset 2
		   web-mode-css-indent-offset 2
           web-mode-enable-current-element-highlight t
           web-mode-enable-current-column-highlight t
           ))
(add-to-list 'auto-mode-alist '("\\.html?\\'" . web-mode))
(add-to-list 'auto-mode-alist '("\\.css\\'" . web-mode))
(add-to-list 'auto-mode-alist '("\\.js\\'" . web-mode))
(add-to-list 'auto-mode-alist '("\\.php\\'" . web-mode))

;; JavaScript
(require 'js2-mode)
(add-to-list 'auto-mode-alist '("\\.js\\'" . js2-mode))
(push '("\\.js[x]?\\'" . js2-mode) auto-mode-alist)
(add-hook 'js2-mode-hook #'js2-imenu-extras-mode)

(defun setup-js2-mode()
  "Hooks for Javscript 2 Mode."
  (setq js-indent-level 2)
  (company-mode t)
  (company-quickhelp-mode t)
  (smartparens-mode 1)
)
(add-hook 'js2-mode-hook 'setup-js2-mode)
(setq js2-highlight-level 3)
(setq js2-idle-timer-delay 0.1)

;; JS2-Refactor
(use-package js2-refactor)
(add-hook 'js2-mode-hook #'js2-refactor-mode)
(defun js2-refactor-keybind-setup()
  "Set up the keybinds."
  (local-set-key [f2] 'js2r-rename-var)
)
(add-hook 'js2-mode-hook 'js2-refactor-keybind-setup)


;; Tide for refactoring
(defun setup-tide-mode()
  (tide-setup)
  (local-set-key [f2] 'tide-rename-symbol)
  (tide-hl-identifier-mode +1)
  (setq typescript-indent-level 2)
  (company-mode t)
  (company-quickhelp-mode t)
  (smartparens-mode 1)
)
(add-hook 'typescript-mode-hook #'setup-tide-mode)

(require 'web-mode)
(add-to-list 'auto-mode-alist '("\\.tsx\\'" . web-mode))
(add-hook 'web-mode-hook
          (lambda ()
            (when (string-equal "tsx" (file-name-extension buffer-file-name))
              (setup-tide-mode))))
;; enable typescript-tslint checker
(flycheck-add-mode 'typescript-tslint 'web-mode)

;; Package management
(use-package eglot
  :custom
  (eglot-autoshutdown t)
  :ensure t
  :defer 3
  :hook
  ((js2-mode) . eglot-ensure))
  :config
  (cl-pushnew '((js-mode typescript-mode typescriptreact-mode) . ("typescript-language-server" "--stdio"))
              eglot-server-programs
              :test #'equal)

;; Ignore certain directories in projectile
(with-eval-after-load 'projectile
    (add-to-list 'projectile-globally-ignored-directories "node_modules")
    (add-to-list 'projectile-project-root-files "package.json"))

(provide 'web)
;;; web.el ends here