From 43ffed789064db2c59fe3fe8e1c1c2e142b3e483 Mon Sep 17 00:00:00 2001
From: Jay Barra <jay.f.barra@gmail.com>
Date: Thu, 23 Mar 2023 17:00:51 -0400
Subject: [PATCH] Pretter svelte-mode (#178)

Adds support for `svelte-mode` using prettier.

Co-authored-by: Radon Rosborough <radon@intuitiveexplanations.com>
---
 CHANGELOG.md                                  |  2 ++
 apheleia-formatters.el                        |  3 +++
 .../installers/prettier-svelte.bash           |  1 +
 .../samplecode/prettier-svelte/in.svelte      |  9 +++++++++
 .../samplecode/prettier-svelte/out.svelte     | 19 +++++++++++++++++++
 5 files changed, 34 insertions(+)
 create mode 100644 test/formatters/installers/prettier-svelte.bash
 create mode 100644 test/formatters/samplecode/prettier-svelte/in.svelte
 create mode 100644 test/formatters/samplecode/prettier-svelte/out.svelte

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7bde205..bf494fe 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,8 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog].
 
 ## Unreleased
+### Enhancements
+* Prettier is now enabled in `svelte-mode`.
 ### Bugs fixed
 * `ktlint` would emit log messages into its stdout when formatting,
   and these would get spliced into the source file. This has been fixed
diff --git a/apheleia-formatters.el b/apheleia-formatters.el
index eb76d79..4c324e1 100644
--- a/apheleia-formatters.el
+++ b/apheleia-formatters.el
@@ -54,6 +54,8 @@
      . (npx "prettier" "--stdin-filepath" filepath "--parser=ruby"))
     (prettier-scss
      . (npx "prettier" "--stdin-filepath" filepath "--parser=scss"))
+    (prettier-svelte
+     . (npx "prettier" "--stdin-filepath" filepath "--parser=svelte"))
     (prettier-typescript
      . (npx "prettier" "--stdin-filepath" filepath "--parser=typescript"))
     (prettier-yaml
@@ -178,6 +180,7 @@ rather than using this system."
     (rust-mode . rustfmt)
     (rust-ts-mode . rustfmt)
     (scss-mode . prettier-scss)
+    (svelte-mode . prettier-svelte)
     (terraform-mode . terraform)
     (TeX-latex-mode . latexindent)
     (TeX-mode . latexindent)
diff --git a/test/formatters/installers/prettier-svelte.bash b/test/formatters/installers/prettier-svelte.bash
new file mode 100644
index 0000000..70fae61
--- /dev/null
+++ b/test/formatters/installers/prettier-svelte.bash
@@ -0,0 +1 @@
+npm install -g prettier-plugin-svelte prettier
diff --git a/test/formatters/samplecode/prettier-svelte/in.svelte b/test/formatters/samplecode/prettier-svelte/in.svelte
new file mode 100644
index 0000000..493b89e
--- /dev/null
+++ b/test/formatters/samplecode/prettier-svelte/in.svelte
@@ -0,0 +1,9 @@
+<script> let attrName = "myattr"; let title = "title"; const myFunc = () => {title = "updated title";}; </script>
+<div class="foo">
+<ul class={myattr}>
+<li><a href="/">Home</a></li>
+</ul>
+</div>
+<style>
+  .foo { background: #ababab; }
+</style>
diff --git a/test/formatters/samplecode/prettier-svelte/out.svelte b/test/formatters/samplecode/prettier-svelte/out.svelte
new file mode 100644
index 0000000..e4bfa98
--- /dev/null
+++ b/test/formatters/samplecode/prettier-svelte/out.svelte
@@ -0,0 +1,19 @@
+<script>
+  let attrName = "myattr";
+  let title = "title";
+  const myFunc = () => {
+    title = "updated title";
+  };
+</script>
+
+<div class="foo">
+  <ul class={myattr}>
+    <li><a href="/">Home</a></li>
+  </ul>
+</div>
+
+<style>
+  .foo {
+    background: #ababab;
+  }
+</style>