feat: automatically set svelte compiler options

Author: metonym

package.json

@@ -32,6 +32,7 @@
     "@types/html-minifier": "^4.0.0",
     "@types/markdown-it": "^12.0.0",
     "@types/markdown-it-anchor": "^4.0.4",
+    "@types/node": "^14.14.17",
     "@types/prettier": "^2.1.6",
     "@types/prismjs": "^1.16.2",
     "@types/rollup__plugin-virtual": "^2.0.1",
@@ -47,7 +48,11 @@
   },
   "homepage": "https://github.com/metonym/svelte-readme",
   "bugs": "https://github.com/metonym/svelte-readme/issues",
-  "keywords": ["svelte", "svelte-component", "documentation"],
+  "keywords": [
+    "svelte",
+    "svelte-component",
+    "documentation"
+  ],
   "files": [
     "dist"
   ],

src/createConfig.ts

@@ -133,6 +133,25 @@ export default function createConfig(opts: Partial<CreateConfigOptions>): InputO
   const pkg = getPackageJSON();
   const hash = minify ? hashREADME() : "";
   const output_dir = opts.outDir || "dist";
+  const svelte: Partial<RollupPluginSvelteOptions> = {
+    compilerOptions: {
+      dev: DEV,
+      immutable: true,
+    },
+    extensions: [".svelte", ".md"],
+    preprocess: [preprocessReadme({ ...pkg, prefixUrl: opts.prefixUrl })],
+  };
+
+  if (opts.svelte?.compilerOptions) {
+    svelte.compilerOptions = {
+      ...svelte.compilerOptions,
+      ...opts.svelte.compilerOptions,
+    };
+  }
+
+  if (opts.svelte?.extensions) {
+    svelte.extensions = [...svelte.extensions!, ...opts.svelte.extensions];
+  }
 
   console.log(`[createConfig] Running in ${DEV ? "development" : "production"}`);
   console.log("[createConfig] options:");
@@ -193,11 +212,7 @@ export default function createConfig(opts: Partial<CreateConfigOptions>): InputO
                 const app = new App({ target: document.body });
                 export default app;`,
       }),
-      rollupPluginSvelte({
-        ...(opts.svelte || {}),
-        extensions: [".svelte", ".md"],
-        preprocess: [preprocessReadme({ ...pkg, prefixUrl: opts.prefixUrl })],
-      }),
+      rollupPluginSvelte(svelte),
       resolve(),
       ...(opts.plugins || []),
       minify && terser(),

src/preprocessReadme.ts

@@ -8,6 +8,7 @@ import "prism-svelte";
 import isRelativeUrl from "is-relative-url";
 import { PreprocessorGroup } from "svelte/types/compiler/preprocess";
 import { Node } from "estree-walker";
+import { URL } from "url";
 
 const aliases: Record<string, string> = {
   sh: "bash",

tsconfig.json

@@ -3,6 +3,7 @@
     "declaration": true,
     "esModuleInterop": true,
     "moduleResolution": "node",
+    "lib": ["ESNext"],
     "outDir": "dist",
     "strict": true,
     "skipLibCheck": true

yarn.lock

@@ -119,6 +119,11 @@
   resolved "https://registry.yarnpkg.com/@types/node/-/node-14.14.9.tgz#04afc9a25c6ff93da14deabd65dc44485b53c8d6"
   integrity sha512-JsoLXFppG62tWTklIoO4knA+oDTYsmqWxHRvd4lpmfQRNhX6osheUOWETP2jMoV/2bEHuMra8Pp3Dmo/stBFcw==
 
+"@types/node@^14.14.17":
+  version "14.14.17"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.14.17.tgz#29fab92f3986c0e379968ad3c2043683d8020dbb"
+  integrity sha512-G0lD1/7qD60TJ/mZmhog76k7NcpLWkPVGgzkRy3CTlnFu4LUQh5v2Wa661z6vnXmD8EQrnALUyf0VRtrACYztw==
+
 "@types/prettier@^2.1.6":
   version "2.1.6"
   resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.1.6.tgz#f4b1efa784e8db479cdb8b14403e2144b1e9ff03"