Release v3.0.0

README.md

@@ -23,6 +23,8 @@ Load from the [jsdelivr.com CDN](https://www.jsdelivr.com/package/npm/pretty-pri
 ...
 <script src=https://cdn.jsdelivr.net/npm/[email protected]/dist/pretty-print-json.min.js></script>
 ```
+The minified JS file is 2 KB.
+
 For **dark mode**, replace `pretty-print-json.css` with `pretty-print-json.dark-mode.css` in
 the `<link>` tag.
 

dist/css/pretty-print-json.css

@@ -1,4 +1,4 @@
-/*! pretty-print-json v2.1.2 ~~ https://pretty-print-json.js.org ~~ MIT License */
+/*! pretty-print-json v3.0.0 ~~ https://pretty-print-json.js.org ~~ MIT License */
 
 /* Layout */
 .json-container           { font-family: menlo, consolas, monospace; font-style: normal; font-weight: bold; line-height: 1.4em; font-size: 0.9rem; transition: background-color 400ms; }

dist/css/pretty-print-json.dark-mode.css

@@ -1,4 +1,4 @@
-/*! pretty-print-json v2.1.2 ~~ https://pretty-print-json.js.org ~~ MIT License */
+/*! pretty-print-json v3.0.0 ~~ https://pretty-print-json.js.org ~~ MIT License */
 
 /* Layout */
 .json-container           { font-family: menlo, consolas, monospace; font-style: normal; font-weight: bold; line-height: 1.4em; font-size: 0.9rem; transition: background-color 400ms; }

dist/css/pretty-print-json.prefers.css

@@ -1,4 +1,4 @@
-/*! pretty-print-json v2.1.2 ~~ https://pretty-print-json.js.org ~~ MIT License */
+/*! pretty-print-json v3.0.0 ~~ https://pretty-print-json.js.org ~~ MIT License */
 
 /* Layout */
 .json-container           { font-family: menlo, consolas, monospace; font-style: normal; font-weight: bold; line-height: 1.4em; font-size: 0.9rem; transition: background-color 400ms; }

dist/pretty-print-json.d.ts

@@ -1,4 +1,4 @@
-//! pretty-print-json v2.1.2 ~~ https://pretty-print-json.js.org ~~ MIT License
+//! pretty-print-json v3.0.0 ~~ https://pretty-print-json.js.org ~~ MIT License
 
 export type FormatSettings = {
     indent: number;

dist/pretty-print-json.dev.js

@@ -1,15 +1,8 @@
-//! pretty-print-json v2.1.2 ~~ https://pretty-print-json.js.org ~~ MIT License
+//! pretty-print-json v3.0.0 ~~ https://pretty-print-json.js.org ~~ MIT License
 
 const prettyPrintJson = {
-    version: '2.1.2',
+    version: '3.0.0',
     toHtml(data, options) {
-        if (!''.at)
-            String.prototype.at = function (i) { return this.charAt(i + (i < 0 ? this.length : 0)); };
-        const deprecatedTrailingComma = options?.['trailingComma'];
-        if (deprecatedTrailingComma !== undefined)
-            options.trailingCommas = deprecatedTrailingComma;
-        if (deprecatedTrailingComma !== undefined)
-            console.warn('pretty-print-json: Use "trailingCommas" option instead of "trailingComma".');
         const defaults = {
             indent: 3,
             lineNumbers: false,

dist/pretty-print-json.js

@@ -1,15 +1,8 @@
-//! pretty-print-json v2.1.2 ~~ https://pretty-print-json.js.org ~~ MIT License
+//! pretty-print-json v3.0.0 ~~ https://pretty-print-json.js.org ~~ MIT License
 
 const prettyPrintJson = {
-    version: '2.1.2',
+    version: '3.0.0',
     toHtml(data, options) {
-        if (!''.at)
-            String.prototype.at = function (i) { return this.charAt(i + (i < 0 ? this.length : 0)); };
-        const deprecatedTrailingComma = options?.['trailingComma'];
-        if (deprecatedTrailingComma !== undefined)
-            options.trailingCommas = deprecatedTrailingComma;
-        if (deprecatedTrailingComma !== undefined)
-            console.warn('pretty-print-json: Use "trailingCommas" option instead of "trailingComma".');
         const defaults = {
             indent: 3,
             lineNumbers: false,

docs/dynamic/index.html

@@ -13,7 +13,7 @@
    <link rel=preconnect href=https://fonts.googleapis.com>
    <link rel=preconnect href=https://fonts.gstatic.com crossorigin>
    <link rel=stylesheet href=https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/all.min.css>
-   <link rel=stylesheet href=https://cdn.jsdelivr.net/npm/pretty-print-json@2.0/dist/css/pretty-print-json.css>
+   <link rel=stylesheet href=https://cdn.jsdelivr.net/npm/pretty-print-json@3.0/dist/css/pretty-print-json.css>
    <link rel=stylesheet href=https://cdn.jsdelivr.net/npm/[email protected]/dist/dna-engine.css>
    <link rel=stylesheet href=https://cdn.jsdelivr.net/npm/[email protected]/dist/reset.min.css>
    <style>
@@ -48,7 +48,7 @@
       const app = {
          loadModule(module) {
             const buttonClicked = new Date();
-            const url = 'https://cdn.jsdelivr.net/npm/pretty-print-json@2.0/dist/pretty-print-json.js';
+            const url = 'https://cdn.jsdelivr.net/npm/pretty-print-json@3.0/dist/pretty-print-json.js';
             globalThis.document.querySelector('main pre').classList.add('active');
             const onModuleLoad = (module) => {
                const pageLoaded =   Number(globalThis.document.body.dataset.pageLoaded);

docs/index.html

@@ -21,7 +21,7 @@
    <link rel=preconnect       href=https://fonts.googleapis.com>
    <link rel=preconnect       href=https://fonts.gstatic.com crossorigin>
    <link rel=stylesheet       href=https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/all.min.css>
-   <link rel=stylesheet       href=https://cdn.jsdelivr.net/npm/pretty-print-json@2.1/dist/css/pretty-print-json.css>
+   <link rel=stylesheet       href=https://cdn.jsdelivr.net/npm/pretty-print-json@3.0/dist/css/pretty-print-json.css>
    <link rel=stylesheet       href=https://cdn.jsdelivr.net/npm/[email protected]/dist/dna-engine.css>
    <link rel=stylesheet       href=https://cdn.jsdelivr.net/npm/[email protected]/dist/reset.min.css>
    <style>
@@ -169,8 +169,8 @@
          [data-component=pretty-print] >section:last-child >div { min-height: 200px; }
          }
    </style>
-   <script defer src=https://cdn.jsdelivr.net/npm/pretty-print-json@2.1/dist/pretty-print-json.min.js></script>
-   <script defer src=https://cdn.jsdelivr.net/npm/fetch-json@3.2/dist/fetch-json.min.js></script>
+   <script defer src=https://cdn.jsdelivr.net/npm/pretty-print-json@3.0/dist/pretty-print-json.min.js></script>
+   <script defer src=https://cdn.jsdelivr.net/npm/fetch-json@3.3/dist/fetch-json.min.js></script>
    <script defer src=https://cdn.jsdelivr.net/npm/[email protected]/dist/dna-engine.min.js></script>
    <script defer src=https://cdn.jsdelivr.net/npm/[email protected]/dist/lib-x.min.js></script>
    <script data-on-load=app.setup data-wait-for=libX>

package.json

@@ -1,6 +1,6 @@
 {
    "name": "pretty-print-json",
-   "version": "2.1.2",
+   "version": "3.0.0",
    "description": "Pretty-print JSON data into HTML to indent and colorize (written in functional TypeScript)",
    "license": "MIT",
    "type": "module",
@@ -107,7 +107,7 @@
       "dna-engine": "~3.1",
       "eslint": "~8.56",
       "esm-to-plain-js": "~1.1",
-      "fetch-json": "~3.2",
+      "fetch-json": "~3.3",
       "jsdom": "~24.0",
       "jshint": "~2.13",
       "mocha": "~10.2",

spec/dynamic.html

@@ -13,7 +13,7 @@
    <link rel=preconnect href=https://fonts.googleapis.com>
    <link rel=preconnect href=https://fonts.gstatic.com crossorigin>
    <link rel=stylesheet href=https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/all.min.css>
-   <link rel=stylesheet href=https://cdn.jsdelivr.net/npm/pretty-print-json@2.0/dist/css/pretty-print-json.css>
+   <link rel=stylesheet href=https://cdn.jsdelivr.net/npm/pretty-print-json@3.0/dist/css/pretty-print-json.css>
    <link rel=stylesheet href=https://cdn.jsdelivr.net/npm/[email protected]/dist/dna-engine.css>
    <link rel=stylesheet href=https://cdn.jsdelivr.net/npm/[email protected]/dist/reset.min.css>
    <style>
@@ -48,7 +48,7 @@
       const app = {
          loadModule(module) {
             const buttonClicked = new Date();
-            const url = 'https://cdn.jsdelivr.net/npm/pretty-print-json@2.0/dist/pretty-print-json.js';
+            const url = 'https://cdn.jsdelivr.net/npm/pretty-print-json@3.0/dist/pretty-print-json.js';
             globalThis.document.querySelector('main pre').classList.add('active');
             const onModuleLoad = (module) => {
                const pageLoaded =   Number(globalThis.document.body.dataset.pageLoaded);

spec/interactive.html

@@ -170,7 +170,7 @@
          }
    </style>
    <script defer src=../dist/pretty-print-json.min.js></script>
-   <script defer src=https://cdn.jsdelivr.net/npm/fetch-json@3.2/dist/fetch-json.min.js></script>
+   <script defer src=https://cdn.jsdelivr.net/npm/fetch-json@3.3/dist/fetch-json.min.js></script>
    <script defer src=https://cdn.jsdelivr.net/npm/[email protected]/dist/dna-engine.min.js></script>
    <script defer src=https://cdn.jsdelivr.net/npm/[email protected]/dist/lib-x.min.js></script>
    <script data-on-load=app.setup data-wait-for=libX>