Package using modern Svelte tooling

Author: arackaf

jsconfig.json

@@ -0,0 +1 @@
+{}

package-lock.json

@@ -2,16 +2,20 @@
   "name": "svelte-file-dropzone",
   "version": "1.0.0",
   "description": "Svelte component for fileupload and file dropzone",
-  "svelte": "src/components/Dropzone.svelte",
-  "module": "dist/index.mjs",
-  "main": "dist/index.js",
   "scripts": {
     "build": "rollup -c",
-    "prepublishOnly": "npm run build",
+    "package": "svelte-kit sync && svelte-package && publint",
+    "prepublishOnly": "npm run package",
     "test": "echo \"Error: no test specified\" && exit 1",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook"
   },
+  "exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js"
+		}
+	},
   "repository": {
     "url": "https://github.com/thecodejack/svelte-file-dropzone"
   },
@@ -20,7 +24,10 @@
   "dependencies": {
     "file-selector": "^0.2.4"
   },
-  "devDependencies": {
+  "peerDependencies": {
+		"svelte": "^3.54.0"
+	},
+  "devDependencies": {    
     "@babel/core": "7.18.10",
     "@rollup/plugin-commonjs": "22.0.2",
     "@rollup/plugin-node-resolve": "13.3.0",
@@ -30,11 +37,15 @@
     "@storybook/addon-storysource": "6.5.10",
     "@storybook/addons": "6.5.10",
     "@storybook/svelte": "6.5.10",
+    "@sveltejs/kit": "^1.5.0",
+		"@sveltejs/package": "^2.0.0",
     "babel-loader": "8.2.5",
+    "publint": "^0.1.9",
     "rollup": "2.77.2",
     "rollup-plugin-svelte": "7.1.0",
-    "svelte": "3.49.0",
-    "svelte-loader": "3.1.3"
+    "svelte": "^3.54.0",
+    "svelte-loader": "3.1.3",
+    "vite": "^4.0.0"
   },
   "keywords": [
     "svelte",
@@ -49,5 +60,8 @@
   "files": [
     "src",
     "dist"
-  ]
+  ],
+  "svelte": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+  "type": "module"
 }

package.json

@@ -9,7 +9,7 @@
     isIeOrEdge,
     isPropagationStopped,
     TOO_MANY_FILES_REJECTION
-  } from "./../utils/index";
+  } from "../utils/index";
   import { onMount, onDestroy, createEventDispatcher } from "svelte";
 
   //props
@@ -335,6 +335,7 @@
 <div
   bind:this={rootRef}
   tabindex="0"
+  role="button"
   class="{disableDefaultStyles ? '' : 'dropzone'}
   {containerClasses}"
   style={containerStyles}

src/components/Dropzone.svelte renamed to src/lib/components/Dropzone.svelte

@@ -0,0 +1,2 @@
+// Reexport your entry components here
+export { Dropzone } from './components/Dropzone.svelte';