Update packageing config

Author: BrianMitchL

README.md

@@ -24,6 +24,8 @@ The following CSS custom properties are optional and can be set to customize the
 
 ```svelte
 <script lang="ts">
+  import { CompareImage } from "svelte-compare-image";
+  // or
   import CompareImage from "svelte-compare-image/CompareImage.svelte";
 </script>
 

package-lock.json

@@ -29,6 +29,7 @@
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/svelte": "^3.0.3",
     "@types/jest": "^27.4.0",
+    "@types/micromatch": "^4.0.2",
     "@types/testing-library__jest-dom": "^5.14.2",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
@@ -37,6 +38,7 @@
     "eslint-plugin-svelte3": "^3.3.0",
     "eslint-plugin-testing-library": "^5.0.3",
     "jest": "^27.4.7",
+    "micromatch": "^4.0.4",
     "prettier": "^2.5.1",
     "prettier-plugin-svelte": "^2.5.1",
     "pretty-quick": "^3.1.3",

package.json

@@ -0,0 +1 @@
+export { default as CompareImage } from "./CompareImage.svelte";

src/lib/index.ts

@@ -1,5 +1,6 @@
 import adapter from "@sveltejs/adapter-static";
 import preprocess from "svelte-preprocess";
+import mm from "micromatch";
 
 const dev = process.env.NODE_ENV === "development";
 
@@ -17,6 +18,17 @@ const config = {
 
     // hydrate the <div id="svelte"> element in src/app.html
     target: "#svelte",
+    package: {
+      exports: (filepath) => {
+        if (mm.isMatch(filepath, "**/*.spec.{ts,js}")) return false;
+        return mm.isMatch(filepath, [
+          "!**/_*",
+          "!**/internal/**",
+          "!**/*.spec.{ts,js}",
+        ]);
+      },
+      files: mm.matcher("!**/?(build.*)*.spec.{ts,js}"),
+    },
   },
 };