wx-svelte-uploader 2.0.1 → 2.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "wx-svelte-uploader",
-	"version": "2.0.1",
+	"version": "2.1.0",
 	"description": "A Svelte UI component for easy and intuitive file upload",
 	"productTag": "uploader",
 	"productTrial": false,
@@ -30,10 +30,10 @@
 	"bugs": {
 		"url": "https://forum.svar.dev"
 	},
-	"homepage": "https://svar.dev/svelte/uploader/",
+	"homepage": "https://svar.dev/svelte/core/",
 	"dependencies": {
-		"wx-svelte-core": "2.0.1",
-		"wx-lib-dom": "0.7.1"
+		"wx-svelte-core": "2.1.0",
+		"wx-lib-dom": "0.8.0"
 	},
 	"files": [
 		"src",

package/src/components/Uploader.svelte

@@ -23,42 +23,36 @@
 	let count = 0;
 	let lastCtx = {};
 
-	const api = {
-		open: ctx => open(ctx),
-		getState: () => getState(),
-		droparea: (node, ctx) => {
-			if (disabled) return;
-
-			ctx = ctx || {};
-			node.addEventListener("dragenter", () => {
-				if (ctx.dragEnter) ctx.dragEnter();
-				dragenter();
-			});
-			node.addEventListener("dragleave", () => {
-				if (ctx.dragEnter) ctx.dragLeave();
-				dragleave();
-			});
+	export const droparea = (node, ctx) => {
+		if (disabled) return;
 
-			node.addEventListener("dragover", ev => ev.preventDefault(), true);
-			node.addEventListener(
-				"drop",
-				ev => {
-					ev.preventDefault();
-					lastCtx = ctx;
-					drop(ev);
-					if (ctx.dragEnter) ctx.dragLeave();
-				},
-				true
-			);
-		},
+		ctx = ctx || {};
+		node.addEventListener("dragenter", () => {
+			if (ctx.dragEnter) ctx.dragEnter();
+			dragenter();
+		});
+		node.addEventListener("dragleave", () => {
+			if (ctx.dragEnter) ctx.dragLeave();
+			dragleave();
+		});
+
+		node.addEventListener("dragover", ev => ev.preventDefault(), true);
+		node.addEventListener(
+			"drop",
+			ev => {
+				ev.preventDefault();
+				lastCtx = ctx;
+				drop(ev);
+				if (ctx.dragEnter) ctx.dragLeave();
+			},
+			true
+		);
 	};
 
 	onMount(() => {
 		input.webkitdirectory = folder;
 	});
 
-	setContext(apiKey, api);
-
 	function add(ev) {
 		const files = Array.from(ev.target.files);
 		files.forEach(f => addFile(f));
@@ -153,7 +147,7 @@
 	// returns client if any file is being uploaded
 	// returns error if any file has failed and no file is being uploaded
 	// returns server if all files have been uploaded
-	function getState() {
+	export function getState() {
 		let status = "server";
 		for (let i = 0; i < data.length; i++) {
 			if (data[i].status === "client") return "client";
@@ -184,10 +178,12 @@
 		if (count === 0) drag = false;
 	}
 
-	function open(ctx) {
+	export function open(ctx) {
 		lastCtx = ctx || {};
 		input.click();
 	}
+
+	setContext(apiKey, { open, getState, droparea });
 </script>
 
 {#if apiOnly}
@@ -206,7 +202,7 @@
 		class="label"
 		class:active={drag}
 		class:wx-disabled={disabled}
-		use:api.droparea
+		use:droparea
 	>
 		<input
 			type="file"

package/whatsnew.md

@@ -1,19 +1,35 @@
-### 2.0.1
+## 2.1.0
 
--   [add] svelte 5 support
+-   Using core@2.1.0
 
-### 1.3.0
+## 2.0.2
 
--   [dev] using core@1.3.0
+### Fixes
 
-### 0.2.1
+-   Restore ability to use api
 
--   [fix] disabled state was ignored by drag-n-drop operations
+## 2.0.1
 
-### 0.2.0
+### New features
 
--   [add] disabled state
+-   Svelte 5 support
 
-### 0.1.0
+## 1.3.0
+
+-   Using core@1.3.0
+
+## 0.2.1
+
+### Fixes
+
+-   Disabled state was ignored by drag-n-drop operations
+
+## 0.2.0
+
+### New features
+
+-   Disabled state
+
+## 0.1.0
 
 Initial version