svelte import sort

Author: canarddemagret

package.json

@@ -16,7 +16,8 @@
     "example": "prettier --config ./examples/.prettierrc --plugin lib/src/index.js",
     "test": "jest -i",
     "type-check": "tsc --noEmit",
-    "prepublishOnly": "npm run compile && npm run test"
+    "prepublishOnly": "npm run compile && npm run test",
+    "postinstall": "patch-package"
   },
   "keywords": [
     "prettier",
@@ -48,17 +49,29 @@
     "@types/node": "20.8.6",
     "@vue/compiler-sfc": "^3.2.41",
     "jest": "26.6.3",
+    "patch-package": "^8.0.0",
+    "postinstall-postinstall": "^2.1.0",
     "prettier": "2.8",
+    "prettier-plugin-svelte": "2",
+    "svelte": "^4.2.10",
     "ts-jest": "26.5.3",
     "typescript": "4.9.4"
   },
   "peerDependencies": {
     "@vue/compiler-sfc": "3.x",
-    "prettier": "2.x - 3.x"
+    "prettier": "2.x - 3.x",
+    "prettier-plugin-svelte": "2.x",
+    "svelte": "4.x"
   },
   "peerDependenciesMeta": {
     "@vue/compiler-sfc": {
       "optional": true
+    },
+    "prettier-plugin-svelte": {
+      "optional": true
+    },
+    "svelte": {
+      "optional": true
     }
   }
 }

patches/prettier-plugin-svelte+2.10.1.patch

@@ -0,0 +1,13 @@
+diff --git a/node_modules/prettier-plugin-svelte/plugin.js b/node_modules/prettier-plugin-svelte/plugin.js
+index bcb248e..9d4ad94 100644
+--- a/node_modules/prettier-plugin-svelte/plugin.js
++++ b/node_modules/prettier-plugin-svelte/plugin.js
+@@ -2120,7 +2120,7 @@ const parsers = {
+         hasPragma,
+         parse: (text) => {
+             try {
+-                return Object.assign(Object.assign({}, require(`svelte/compiler`).parse(text)), { __isRoot: true });
++                return Object.assign(Object.assign({}, require(`svelte/compiler.cjs`).parse(text)), { __isRoot: true });
+             }
+             catch (err) {
+                 if (err.start != null && err.end != null) {

src/index.ts

@@ -5,6 +5,9 @@ import { parsers as typescriptParsers } from 'prettier/parser-typescript';
 
 import { defaultPreprocessor } from './preprocessors/default-processor';
 import { vuePreprocessor } from './preprocessors/vue-preprocessor';
+import { sveltePreprocessor } from './preprocessors/svelte-preprocessor';
+
+const { parsers: svelteParsers } = require('prettier-plugin-svelte');
 
 const options = {
     importOrder: {
@@ -68,6 +71,10 @@ module.exports = {
             ...htmlParsers.vue,
             preprocess: vuePreprocessor,
         },
+        svelte: {
+            ...svelteParsers.svelte,
+            preprocess: sveltePreprocessor,
+        },
     },
     options,
 };

src/preprocessors/default-processor.ts

@@ -2,6 +2,8 @@ import { PrettierOptions } from '../types';
 import { preprocessor } from './preprocessor';
 
 export function defaultPreprocessor(code: string, options: PrettierOptions) {
-    if (options.filepath?.endsWith('.vue')) return code;
+    for (const extension of ['svelte', 'vue']) {
+        if (options.filepath?.endsWith(`.${extension}`)) return code;
+    }
     return preprocessor(code, options);
 }

src/preprocessors/svelte-preprocessor.ts

@@ -0,0 +1,24 @@
+import { PrettierOptions } from '../types';
+import { preprocessor } from './preprocessor';
+
+const booleanGuard = <T>(value: T | undefined): value is T => Boolean(value);
+
+const sortImports = (code: string, options: PrettierOptions) => {
+    const { parse } = require('svelte/compiler.cjs');
+    const { instance, module } = parse(code);
+    const sources = [instance, module].filter(booleanGuard);
+    if (!sources.length) return code;
+    return sources.reduce((code, source) => {
+        const snippet = code.slice(source.content.start, source.content.end);
+        const preprocessed = preprocessor(snippet, options);
+        const result = code.replace(snippet, `\n${preprocessed}\n`);
+        return result;
+    }, code);
+};
+
+export function sveltePreprocessor(code: string, options: PrettierOptions) {
+    const sorted = sortImports(code, options);
+
+    const prettierPluginSvelte = require('prettier-plugin-svelte');
+    return prettierPluginSvelte.parsers.svelte.preprocess(sorted, options);
+}