addet formatting and lspconfig

lua/pika/plugins/lsp/formatting.lua

@@ -0,0 +1,41 @@
+return {
+	"stevearc/conform.nvim",
+	event = { "BufReadPre", "BufNewFile" },
+	config = function()
+		local conform = require("conform")
+
+		conform.setup({
+			formatters_by_ft = {
+				javascript = { "prettier" },
+				typescript = { "prettier" },
+				javascriptreact = { "prettier" },
+				typescriptreact = { "prettier" },
+				svelte = { "prettier" },
+				css = { "prettier" },
+				-- html = { 'prettier' },
+				fish = { "fish_indent" },
+				php = { "pretty-php" },
+				json = { "yq" },
+				yaml = { "yq" },
+				markdown = { "prettier" },
+				graphql = { "prettier" },
+				liquid = { "prettier" },
+				sh = { "shfmt" },
+				lua = { "stylua" },
+			},
+			format_on_save = {
+				lsp_fallback = false,
+				async = false,
+				timeout_ms = 1000,
+			},
+		})
+
+		vim.keymap.set({ "n", "v" }, "<leader>mp", function()
+			conform.format({
+				lsp_fallback = true,
+				async = false,
+				timeout_ms = 1000,
+			})
+		end, { desc = "Format file or range (in visual mode)" })
+	end,
+}

lua/pika/plugins/lsp/lspconfig.lua

@@ -7,87 +7,139 @@ return {
 		{ "folke/neodev.nvim", opts = {} },
 	},
 	config = function()
+		-- import lspconfig plugin
 		local lspconfig = require("lspconfig")
-    local mason_lspconfig = require("mason-lspconfig")
-    local cmp_nvim_lsp = require("cmp_nvim_lsp")
-    local keymap = vim.keymap
 
-    -- Function to make the buffer or selection pretty
+		-- import mason_lspconfig plugin
-    local function make_pretty()
+		local mason_lspconfig = require("mason-lspconfig")
-      local mode = vim.api.nvim_get_mode().mode
+
-      if mode == "v" or mode == "V" then
+		-- import cmp-nvim-lsp plugin
-        vim.cmd("'<,'>lua vim.lsp.buf.format()")
+		local cmp_nvim_lsp = require("cmp_nvim_lsp")
-      else
+
-        vim.lsp.buf.format()
+		local keymap = vim.keymap -- for conciseness
-      end
-    end
 
 		vim.api.nvim_create_autocmd("LspAttach", {
 			group = vim.api.nvim_create_augroup("UserLspConfig", {}),
 			callback = function(ev)
+				-- Buffer local mappings.
+				-- See `:help vim.lsp.*` for documentation on any of the below functions
 				local opts = { buffer = ev.buf, silent = true }
 
-        keymap.set({ "n", "v" }, "<leader>ca", vim.lsp.buf.code_action,
+				opts.desc = "See available code actions"
-          { buffer = ev.buf, desc = "See available code actions" })
+				keymap.set({ "n", "v" }, "<leader>ca", vim.lsp.buf.code_action, opts) -- see available code actions, in visual mode will apply to selection
-        keymap.set("n", "<leader>rn", vim.lsp.buf.rename, { buffer = ev.buf, desc = "Smart rename" })
-        keymap.set("n", "<leader>D", "<cmd>Telescope diagnostics bufnr=0<CR>",
-          { buffer = ev.buf, desc = "Show buffer diagnostics" })
-        keymap.set("n", "<leader>d", vim.diagnostic.open_float, { buffer = ev.buf, desc = "Show line diagnostics" })
-        keymap.set("n", "K", vim.lsp.buf.hover, { buffer = ev.buf, desc = "Show documentation for what is under cursor" })
-        keymap.set("n", "<leader>rs", ":LspRestart<CR>", { buffer = ev.buf, desc = "Restart LSP" })
 
-        -- Add the "make pretty" keymap
+				opts.desc = "Smart rename"
-        keymap.set({ "n", "v" }, "<leader>mp", make_pretty, { buffer = ev.buf, desc = "Make pretty" })
+				keymap.set("n", "<leader>rn", vim.lsp.buf.rename, opts) -- smart rename
+
+				opts.desc = "Show buffer diagnostics"
+				keymap.set("n", "<leader>D", "<cmd>Telescope diagnostics bufnr=0<CR>", opts) -- show diagnostics for file
+
+				opts.desc = "Show line diagnostics"
+				keymap.set("n", "<leader>d", vim.diagnostic.open_float, opts) -- show diagnostics for line
+
+				opts.desc = "Show documentation for what is under cursor"
+				keymap.set("n", "K", vim.lsp.buf.hover, opts) -- show documentation for what is under cursor
+
+				opts.desc = "Restart LSP"
+				keymap.set("n", "<leader>rs", ":LspRestart<CR>", opts) -- mapping to restart lsp if necessary
 			end,
 		})
 
+		-- used to enable autocompletion (assign to every lsp server config)
 		local capabilities = cmp_nvim_lsp.default_capabilities()
 
+		-- Change the Diagnostic symbols in the sign column (gutter)
+		-- (not in youtube nvim video)
 		local signs = { Error = " ", Warn = " ", Hint = " ", Info = " " }
 		for type, icon in pairs(signs) do
 			local hl = "DiagnosticSign" .. type
 			vim.fn.sign_define(hl, { text = icon, texthl = hl, numhl = "" })
 		end
 
-    local server_configs = {
+		mason_lspconfig.setup_handlers({
-      svelte = {
+			-- default handler for installed servers
+			function(server_name)
+				lspconfig[server_name].setup({
+					capabilities = capabilities,
+				})
+			end,
+			["svelte"] = function()
+				-- configure svelte server
+				lspconfig["svelte"].setup({
+					capabilities = capabilities,
 					on_attach = function(client, bufnr)
 						vim.api.nvim_create_autocmd("BufWritePost", {
 							pattern = { "*.js", "*.ts" },
 							callback = function(ctx)
+								-- Here use ctx.match instead of ctx.file
 								client.notify("$/onDidChangeTsOrJsFile", { uri = ctx.match })
 							end,
 						})
 					end,
-      },
+				})
-      graphql = {
+			end,
+			["graphql"] = function()
+				-- configure graphql language server
+				lspconfig["graphql"].setup({
+					capabilities = capabilities,
 					filetypes = { "graphql", "gql", "svelte", "typescriptreact", "javascriptreact" },
+				})
+			end,
+			["emmet_ls"] = function()
+				-- configure emmet language server
+				lspconfig["emmet_ls"].setup({
+					capabilities = capabilities,
+					filetypes = {
+						"html",
+						"typescriptreact",
+						"javascriptreact",
+						"css",
+						"sass",
+						"scss",
+						"less",
+						"svelte",
 					},
-      emmet_ls = {
+				})
-        filetypes = { "html", "typescriptreact", "javascriptreact", "css", "sass", "scss", "less", "svelte" },
+			end,
-      },
+			["lua_ls"] = function()
-      lua_ls = {
+				-- ─< configure lua server (with special settings) >────────────────────────────────────
+				lspconfig["lua_ls"].setup({
+					capabilities = capabilities,
 					settings = {
 						Lua = {
-            diagnostics = { globals = { "vim" } },
+							-- ─< make the language server recognize "vim" global >─────────────────────────────────
-            completion = { callSnippet = "Replace" },
+							diagnostics = {
+								globals = { "vim" },
+							},
+							completion = {
+								callSnippet = "Replace",
 							},
 						},
 					},
-      cssls = {
+				})
-        filetypes = { "html", "css", "scss", "php" },
+			end,
-      },
+			["cssls"] = function()
-      intelephense = {},
+				-- ─< configure CSS server >────────────────────────────────────────────────────────────
-      marksman = {},
+				lspconfig["cssls"].setup({
-    }
+					capabilities = capabilities,
-
+					filetypes = {
-    mason_lspconfig.setup_handlers({
+						"html",
-      function(server_name)
+						"css",
-        lspconfig[server_name].setup({
+						"scss",
+						"php",
+					},
+				})
+			end,
+			["intelephense"] = function()
+				-- ─< configure PHP server >────────────────────────────────────────────────────────────
+				lspconfig["intelephense"].setup({
+					capabilities = capabilities,
+				})
+			end,
+			["marksman"] = function()
+				-- ─< configure Markdown server >───────────────────────────────────────────────────────
+				lspconfig["marksman"].setup({
 					capabilities = capabilities,
-          on_attach = server_configs[server_name] and server_configs[server_name].on_attach or nil,
-          filetypes = server_configs[server_name] and server_configs[server_name].filetypes or nil,
-          settings = server_configs[server_name] and server_configs[server_name].settings or nil,
 				})
 			end,
 		})