Add browser build

.gitignore

@@ -3,3 +3,5 @@ node_modules
 .history
 plugin.js
 plugin.js.map
+browser.js
+browser.js.map

package.json

@@ -6,6 +6,8 @@
     "files": [
         "plugin.js",
         "plugin.js.map",
+        "browser.js",
+        "browser.js.map",
         "index.d.ts"
     ],
     "types": "./index.d.ts",
@@ -14,6 +16,7 @@
             "types": "./index.d.ts",
             "default": "./plugin.js"
         },
+        "./browser": "./browser.js",
         "./package.json": "./package.json"
     },
     "scripts": {
@@ -37,6 +40,7 @@
     },
     "homepage": "https://github.com/sveltejs/prettier-plugin-svelte#readme",
     "devDependencies": {
+        "@rollup/plugin-alias": "^5.1.0",
         "@rollup/plugin-commonjs": "14.0.0",
         "@rollup/plugin-node-resolve": "11.0.1",
         "@types/node": "^14.0.0",

rollup.config.js

@@ -1,14 +1,43 @@
+import alias from '@rollup/plugin-alias';
 import resolve from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
 import typescript from 'rollup-plugin-typescript';
 
-export default {
-    input: 'src/index.ts',
-    plugins: [resolve(), commonjs(), typescript()],
-    external: ['prettier', 'svelte'],
-    output: {
-        file: 'plugin.js',
-        format: 'cjs',
-        sourcemap: true,
+export default [
+    // CommonJS build
+    {
+        input: 'src/index.ts',
+        plugins: [resolve(), commonjs(), typescript()],
+        external: ['prettier', 'svelte/compiler'],
+        output: {
+            file: 'plugin.js',
+            format: 'cjs',
+            sourcemap: true,
+        },
     },
-};
+    // Browser build
+    // Supported use case: importing the plugin from a bundler like Vite or Webpack
+    // Unsupported use case: importing the plugin directly in the browser
+    {
+        input: 'src/index.ts',
+        plugins: [
+            alias({
+                // Replace imports from 'prettier' with 'prettier/standalone'
+                entries: [
+                    // But don't touch 'prettier/plugins/babel'
+                    { find: 'prettier/plugins/babel', replacement: 'prettier/plugins/babel' },
+                    { find: 'prettier', replacement: 'prettier/standalone' },
+                ],
+            }),
+            resolve(),
+            commonjs(),
+            typescript(),
+        ],
+        external: ['prettier/standalone', 'prettier/plugins/babel', 'svelte/compiler'],
+        output: {
+            file: 'browser.js',
+            format: 'esm',
+            sourcemap: true,
+        },
+    },
+];

src/index.ts

@@ -4,6 +4,7 @@ import { hasPragma, print } from './print';
 import { ASTNode } from './print/nodes';
 import { embed, getVisitorKeys } from './embed';
 import { snipScriptAndStyleTagContent } from './lib/snipTagContent';
+import { parse } from 'svelte/compiler';
 
 const babelParser = prettierPluginBabel.parsers.babel;
 
@@ -29,7 +30,7 @@ export const parsers: Record<string, Parser> = {
         hasPragma,
         parse: (text) => {
             try {
-                return <ASTNode>{ ...require(`svelte/compiler`).parse(text), __isRoot: true };
+                return <ASTNode>{ ...parse(text), __isRoot: true };
             } catch (err: any) {
                 if (err.start != null && err.end != null) {
                     // Prettier expects error objects to have loc.start and loc.end fields.