SuperDebug update.

Author: ciscoheat

CHANGELOG.md

@@ -5,14 +5,18 @@ 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]
+## [1.3.0] - 2023-07-14
 
 ### Fixed
 
 - Fixed persisting form data when component used data from `$page` in combination with `onDestroy`. ([#164](https://github.com/ciscoheat/sveltekit-superforms/issues/164), thank you to everyone in that thread!)
 - Fixed exception message when the `dataType` option isn't set to `'json'` and the schema contains a nested object. ([#225](https://github.com/ciscoheat/sveltekit-superforms/issues/225))
 - Superforms are now ignoring normal SvelteKit form actions when they are posted. ([#230](https://github.com/ciscoheat/sveltekit-superforms/issues/230))
 
+### Added
+
+- More configuration options, customizable styling, automatic promise and store support for [SuperDebug](https://superforms.rocks/super-debug), thanks to [Josue](https://github.com/J-Josu)!
+
 ## [1.2.0] - 2023-07-06
 
 ### Added

src/lib/client/SuperDebug.svelte

@@ -22,7 +22,7 @@
    */
   export let display = true;
   /**
-   * Controls when to show the http status code of the current page (reflecs the status code of the last request).
+   * Controls when to show the HTTP status code of the current page (reflecs the status code of the last request).
    *
    * Default is `true`.
    */
@@ -34,11 +34,11 @@
   /**
    * Controls the maximum length of a string field of the data prop.
    *
-   * Default is `120` characters.
+   * Default is `120` characters. Set to `0` to disable trimming.
    */
   export let stringTruncate = 120;
   /**
-   * Reference to the pre element that contains the shown d
+   * Reference to the pre element that contains the data.
    *
    * @type {HTMLPreElement | undefined}
    */
@@ -47,6 +47,7 @@
    * Controls if the data prop should be treated as a promise (skips promise detection when true).
    *
    * Default is `false`.
+   * @deprecated Promises are auto-detected from 1.3.0.
    */
   export let promise = false;
   /**
@@ -133,7 +134,12 @@
           return '#}F#' + `[function ${value.name}]`;
         }
         if (value instanceof Error) {
-          return '#}E#' + `${value.name}: ${value.message || value.cause || 'uknown error message'}`;
+          return (
+            '#}E#' +
+            `${value.name}: ${
+              value.message || value.cause || '(No error message)'
+            }`
+          );
         }
         return value;
       },
@@ -154,7 +160,7 @@
           } else {
             cls = 'string';
             match =
-              match.length > stringTruncate
+              stringTruncate > 0 && match.length > stringTruncate
                 ? match.slice(0, stringTruncate / 2) +
                   `[..${match.length}..]` +
                   match.slice(-stringTruncate / 2)
@@ -292,9 +298,7 @@
   
   Other use cases includes debugging plain objects, promises, stores and more.
 
-  More info:
-  - [API](https://superforms.rocks/api#superdebug)
-  - [Examples](https://github.com/ciscoheat/sveltekit-superforms/tree/main/src/routes/super-debug)
+  More info: https://superforms.rocks/super-debug
   
   **Short example:**
 

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

@@ -85,7 +85,9 @@
       <strong>Note:</strong> looking for the capabilities of SuperDebug?
       Check
       <b>
-        <a href="super-debug/extensive-usage-cases">All data cases examples</a></b
+        <a href="super-debug/extensive-usage-cases"
+          >All data cases examples</a
+        ></b
       >.
     </p>
     <b>Change name: <input bind:value={$form.full_name} /></b>