svelte-common 6.10.25 → 6.11.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-common",
-  "version": "6.10.25",
+  "version": "6.11.0",
   "publishConfig": {
     "access": "public",
     "provenance": true
@@ -55,22 +55,22 @@
   "devDependencies": {
     "@semantic-release/commit-analyzer": "^13.0.0",
     "@semantic-release/exec": "^6.0.3",
-    "@semantic-release/github": "^10.1.0",
+    "@semantic-release/github": "^10.1.3",
     "@semantic-release/release-notes-generator": "^14.0.1",
     "@sveltejs/vite-plugin-svelte": "^3.1.1",
     "ava": "^6.1.3",
     "c8": "^10.1.2",
     "documentation": "^14.0.3",
-    "mf-styling": "^3.1.6",
-    "npm-pkgbuild": "^15.3.25",
+    "mf-styling": "^3.1.7",
+    "npm-pkgbuild": "^15.3.26",
     "semantic-release": "^24.0.0",
-    "stylelint": "^16.7.0",
+    "stylelint": "^16.8.1",
     "stylelint-config-standard": "^36.0.1",
-    "svelte": "^5.0.0-next.184",
+    "svelte": "^5.0.0-next.201",
     "testcafe": "^3.6.2",
-    "typescript": "^5.5.3",
-    "vite": "^5.3.3",
-    "vite-plugin-compression2": "^1.1.2"
+    "typescript": "^5.5.4",
+    "vite": "^5.3.5",
+    "vite-plugin-compression2": "^1.1.3"
   },
   "peerDependencies": {
     "svelte": "^4.0.0 || ^5.0.0-next.0"

package/src/components/AnchorContentCatcher.svelte

@@ -1,7 +1,7 @@
 <script>
   import { onMount } from "svelte";
 
-  export let close;
+  let { close } = $props();
 
   let anchor;
   let content;

package/src/components/ApplicationDetails.svelte

@@ -1,7 +1,5 @@
 <script>
-  export let name;
-  export let version;
-  export let description;
+  let { name, version, description } = $props();
 </script>
 
 <tr>

package/src/components/Bytes.svelte

@@ -1,6 +1,6 @@
 <script>
   import { formatBytes } from "../util.mjs";
-  export let value;
+  let { value } = $props();
 </script>
 
 <span>{formatBytes(value)}</span>

package/src/components/DateTime.svelte

@@ -1,8 +1,8 @@
 <script>
   import { dateFormatter } from "../util.mjs";
-  export let date;
+  let { date } = $props();
 </script>
 
 {#if date}
-<time datetime={date.toISOString()}>{dateFormatter.format(date)}</time>
-{/if}
+  <time datetime={date.toISOString()}>{dateFormatter.format(date)}</time>
+{/if}

package/src/components/Duration.svelte

@@ -1,6 +1,6 @@
 <script>
   import { formatDuration, formatDurationISO } from "../util.mjs";
-  export let seconds;
+  let { seconds } = $props();
 </script>
 
 <time datetime={formatDurationISO(seconds)}>{formatDuration(seconds)}</time>

package/src/components/Modal.svelte

@@ -1,5 +1,5 @@
 <script>
-  export let close;
+  let { close } = $props();
 
   let background;
 
@@ -18,12 +18,12 @@
   };
 </script>
 
-<svelte:window on:keyup={handleKeyup} />
+<svelte:window keyup={handleKeyup} />
 
 <div
   role="none"
-  on:click={handleOuterClick}
-  on:keyup={handleKeyup}
+  click={handleOuterClick}
+  keyup={handleKeyup}
   bind:this={background}
 >
   <div class="center modal">

package/src/components/Peer.svelte

@@ -1,6 +1,6 @@
 <script>
   import TCPSocket from "./TCPSocket.svelte";
-  export let peer;
+  let { peer } = $props();
 </script>
 
 <div class="peer">

package/src/components/PeerDetails.svelte

@@ -1,7 +1,6 @@
 <script>
   import Peer from "./Peer.svelte";
-
-  export let peers;
+  let { peers } = $props();
 </script>
 
 <tr>

package/src/components/ServerDetails.svelte

@@ -2,7 +2,7 @@
   import Duration from "./Duration.svelte";
   import Bytes from "./Bytes.svelte";
 
-  export let server;
+  let { server } = $props();
 
   const memSlots = [
     { key: "external", title: "External" },

package/src/components/ServiceWorkerDetails.svelte

@@ -1,5 +1,5 @@
 <script>
-  export let serviceWorker;
+  let { serviceWorker } = $props();
 </script>
 
 <tr>

package/src/components/ServiceWorkerRegistrationDetails.svelte

@@ -1,6 +1,6 @@
 <script>
   import { Command, CommandButton } from "svelte-command";
-  export let serviceWorkerRegistration;
+  let { serviceWorkerRegistration } = $props();
 </script>
 
 <tr>

package/src/components/SessionDetails.svelte

@@ -1,7 +1,7 @@
 <script>
   import { EntitlementBadges, Entitlement } from "svelte-entitlement";
   import DateTime from "./DateTime.svelte";
-  export let session;
+  let { session } = $props();
 </script>
 
 <tr>

package/src/components/TCPSocket.svelte

@@ -1,5 +1,5 @@
 <script>
-  export let socket;
+  let { socket } = $props();
 </script>
 
 {socket.host}:{socket.port}