Fixed display of truncated string in SuperDebug.

Author: ciscoheat

CHANGELOG.md

@@ -5,6 +5,12 @@ Headlines: Added, Changed, Deprecated, Removed, Fixed, Security
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [Unreleased]
+
+### Fixed
+
+- SuperDebug truncate length showed only the whole string length, not the truncated.
+
 ## [1.4.0] - 2023-07-20
 
 ### Fixed

src/lib/client/SuperDebug.svelte

@@ -162,7 +162,7 @@
             match =
               stringTruncate > 0 && match.length > stringTruncate
                 ? match.slice(0, stringTruncate / 2) +
-                  `[..${match.length}..]` +
+                  `[..${match.length - stringTruncate}/${match.length}..]` +
                   match.slice(-stringTruncate / 2)
                 : match;
 

src/routes/super-debug/+page.svelte

@@ -216,6 +216,17 @@
       >.
     </p>
   </section>
+
+  <section>
+    <h4>SuperDebug and long strings</h4>
+    <SuperDebug
+      data={{
+        longString:
+          'The long name without any apparent end, goes on like a wind, however that is supposed to be. Very long. And winded. Long-winded so to speak.'
+      }}
+      label="Truncated string"
+    />
+  </section>
 </main>
 
 <style>