From 431d70a7fe66c6a78f6e474bf46db67b42bd7baf Mon Sep 17 00:00:00 2001
From: Andrew Michael McNutt <mcnutt.andrew@gmail.com>
Date: Mon, 18 Mar 2024 15:13:24 -0700
Subject: [PATCH] Tour

---
 package.json                            |   4 +-
 public/lint-schema.json                 |  54 ++++++-
 src/App.svelte                          |  15 +-
 src/content-modules/LeftPanel.svelte    |   4 +-
 src/content-modules/MainColumn.svelte   |   2 +-
 src/content-modules/TourProvider.svelte | 194 ++++++++++++++++++++++++
 src/lib/lints/muth-guidelines.ts        |   2 +-
 src/scatterplot/ColorScatterPlot.svelte |   2 +-
 src/stores/config-store.ts              |  27 ++--
 src/stores/lint-store.ts                |   3 +-
 yarn.lock                               |  19 +--
 11 files changed, 284 insertions(+), 42 deletions(-)
 create mode 100644 src/content-modules/TourProvider.svelte

diff --git a/package.json b/package.json
index ff5c7896..56055398 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,7 @@
     "test": "vitest run",
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
-    "gen-schema": "npx ts-json-schema-generator --path src/lib/lint-language/lint-type.ts --type LintProgram > public/lint-schema.json --minify && ts-node-esm scripts/pretty-schema.ts"
+    "gen-schema": "npx ts-json-schema-generator --path src/lib/lint-language/lint-type.ts --type LintProgram > public/lint-schema.json --minify && vite-node scripts/pretty-schema.ts"
   },
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "^3.0.0",
@@ -31,7 +31,6 @@
     "svelte": "^4.2.3",
     "svelte-check": "^3.6.0",
     "ts-json-schema-generator": "^1.5.0",
-    "ts-node": "^10.9.2",
     "tslib": "^2.6.2",
     "typescript": "^5.2.2",
     "vega-typings": "^1.0.1",
@@ -45,6 +44,7 @@
     "colorjs.io": "^0.5.0",
     "d3-scale": "^4.0.2",
     "d3-shape": "^3.2.0",
+    "driver.js": "^1.3.1",
     "fracturedjsonjs": "^3.1.0",
     "idb-keyval": "^6.2.1",
     "jsonc-parser": "^3.2.1",
diff --git a/public/lint-schema.json b/public/lint-schema.json
index b33868c7..5cf22382 100644
--- a/public/lint-schema.json
+++ b/public/lint-schema.json
@@ -54,6 +54,20 @@
                     "required": ["first"], 
                     "type": "object"
                 }, 
+                {
+                    "additionalProperties": false, 
+                    "properties": {
+                        "middle": {
+                            "anyOf": [
+                                {"$ref": "#/definitions/LintVariable"}                           , 
+                                { "items": {"$ref": "#/definitions/LintValue"}, "type": "array" }, 
+                                {"$ref": "#/definitions/LintMap"}                                  
+                            ]
+                        }
+                    }, 
+                    "required": ["middle"], 
+                    "type": "object"
+                }, 
                 {
                     "additionalProperties": false, 
                     "properties": {
@@ -187,7 +201,11 @@
                         "channel": {"$ref": "#/definitions/ColorChannel"}, 
                         "space": {"$ref": "#/definitions/ColorSpace"}, 
                         "toSpace": {
-                            "anyOf": [ {"$ref": "#/definitions/LintVariable"}, {"$ref": "#/definitions/LintColor"} ]
+                            "anyOf": [
+                                {"$ref": "#/definitions/LintVariable" }, 
+                                {"$ref": "#/definitions/LintColor"    }, 
+                                {"$ref": "#/definitions/LintAggregate"}  
+                            ]
                         }
                     }, 
                     "required": ["toSpace", "space", "channel"], 
@@ -196,7 +214,11 @@
                 {"$ref": "#/definitions/LintColorTagCheck"}, 
                 {
                     "additionalProperties": {
-                        "anyOf": [ {"$ref": "#/definitions/LintVariable"}, {"type": "string"} ]
+                        "anyOf": [
+                            {"$ref": "#/definitions/LintVariable"                   }, 
+                            {"$ref": "#/definitions/LintAggregate"                  }, 
+                            {                                       "type": "string"}  
+                        ]
                     }, 
                     "type": "object"
                 }
@@ -388,7 +410,7 @@
                 {
                     "additionalProperties": false, 
                     "properties": {
-                        "filter": {"$ref": "#/definitions/alias-1448761563-3892-3953-1448761563-0-6459"}, 
+                        "filter": {"$ref": "#/definitions/alias-1448761563-3969-4030-1448761563-0-6599"}, 
                         "func"  : {"$ref": "#/definitions/LintExpression"}                              , 
                         "varb"  : {"type": "string"}                                                      
                     }, 
@@ -399,7 +421,7 @@
                     "additionalProperties": false, 
                     "properties": {
                         "func": {"$ref": "#/definitions/LintValue"}                                   , 
-                        "map" : {"$ref": "#/definitions/alias-1448761563-3892-3953-1448761563-0-6459"}, 
+                        "map" : {"$ref": "#/definitions/alias-1448761563-3969-4030-1448761563-0-6599"}, 
                         "varb": {"type": "string"}                                                      
                     }, 
                     "required": ["map", "func", "varb"], 
@@ -408,7 +430,7 @@
                 {
                     "additionalProperties": false, 
                     "properties": {
-                        "reverse": {"$ref": "#/definitions/alias-1448761563-3892-3953-1448761563-0-6459"}
+                        "reverse": {"$ref": "#/definitions/alias-1448761563-3969-4030-1448761563-0-6599"}
                     }, 
                     "required": ["reverse"], 
                     "type": "object"
@@ -417,7 +439,7 @@
                     "additionalProperties": false, 
                     "properties": {
                         "func": {"$ref": "#/definitions/LintValue"}                                   , 
-                        "sort": {"$ref": "#/definitions/alias-1448761563-3892-3953-1448761563-0-6459"}, 
+                        "sort": {"$ref": "#/definitions/alias-1448761563-3969-4030-1448761563-0-6599"}, 
                         "varb": {"type": "string"}                                                      
                     }, 
                     "required": ["sort", "func", "varb"], 
@@ -425,7 +447,7 @@
                 }, 
                 {
                     "additionalProperties": false, 
-                    "properties": { "speed": {"$ref": "#/definitions/alias-1448761563-3892-3953-1448761563-0-6459"} }, 
+                    "properties": { "speed": {"$ref": "#/definitions/alias-1448761563-3969-4030-1448761563-0-6599"} }, 
                     "required": ["speed"], 
                     "type": "object"
                 }
@@ -497,6 +519,22 @@
                     "required": ["/"], 
                     "type": "object"
                 }, 
+                {
+                    "additionalProperties": false, 
+                    "properties": {
+                        "//": {
+                            "additionalProperties": false, 
+                            "properties": {
+                                "left" : {"$ref": "#/definitions/LintValue"}, 
+                                "right": {"$ref": "#/definitions/LintValue"}  
+                            }, 
+                            "required": ["left", "right"], 
+                            "type": "object"
+                        }
+                    }, 
+                    "required": ["//"], 
+                    "type": "object"
+                }, 
                 {
                     "additionalProperties": false, 
                     "properties": {
@@ -740,7 +778,7 @@
             "description": "A LintValue is a JSON object that represents a value. It can be a string, a number, a boolean, a LintColor, a LintVariable, a LintMathOps, a LintPairOps, a LintAggregate, a LintColorFunction or a LintExpression"
         }, 
         "LintVariable": {"type": "string"}, 
-        "alias-1448761563-3892-3953-1448761563-0-6459": {
+        "alias-1448761563-3969-4030-1448761563-0-6599": {
             "anyOf": [
                 {"$ref": "#/definitions/LintVariable"}                           , 
                 { "items": {"$ref": "#/definitions/LintValue"}, "type": "array" }, 
diff --git a/src/App.svelte b/src/App.svelte
index de44c7af..a98cd5e4 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -28,6 +28,8 @@
   import SetSimulation from "./controls/SetSimulation.svelte";
   import Zoom from "./controls/Zoom.svelte";
   import Browse from "./content-modules/Browse.svelte";
+  import TourProvider from "./content-modules/TourProvider.svelte";
+  import { buttonStyle } from "./lib/styles";
 
   const tabs = ["examples", "compare", "eval"];
   // const tabs = ["examples", "compare", "eval", "browse"];
@@ -76,6 +78,14 @@
         <div class="w-full flex bg-stone-800 px-2 py-3 text-white">
           <SetSimulation />
           <Zoom />
+          <div>
+            <button
+              class={buttonStyle}
+              on:click={() => configStore.setTour(true)}
+            >
+              Tour
+            </button>
+          </div>
         </div>
         {#if $configStore.route !== "browse"}
           {#if palPresent}
@@ -91,7 +101,7 @@
         {/if}
       </div>
 
-      <div class="grow">
+      <div class="grow" id="right-col">
         <div class="bg-stone-800">
           <div class="flex">
             <Nav
@@ -125,6 +135,9 @@
 
 <KeyboardHooks />
 <svelte:window bind:innerWidth />
+{#if $configStore.tour}
+  <TourProvider />
+{/if}
 
 <style>
   .main-content {
diff --git a/src/content-modules/LeftPanel.svelte b/src/content-modules/LeftPanel.svelte
index b3c64309..8bdc8a58 100644
--- a/src/content-modules/LeftPanel.svelte
+++ b/src/content-modules/LeftPanel.svelte
@@ -20,7 +20,7 @@
   <div class="text-4xl font-bold bg-stone-800 text-white px-2 py-1">
     Color Buddy 𑁍
   </div>
-  <section class="flex flex-col flex-none">
+  <section class="flex flex-col flex-none" id="top-controls">
     <div class="flex w-full justify-between items-start">
       <div class="flex ml-1">
         <NewPal />
@@ -45,7 +45,7 @@
     <div class="flex justify-center z-50"></div>
   </section>
 
-  <section class="flex flex-col flex-1 overflow-auto p-1">
+  <section class="flex flex-col flex-1 overflow-auto p-1" id="left-panel">
     <div class="flex justify-center items-center">
       <Nav
         tabs={leftPanelTabs}
diff --git a/src/content-modules/MainColumn.svelte b/src/content-modules/MainColumn.svelte
index d402bb8e..299aee1a 100644
--- a/src/content-modules/MainColumn.svelte
+++ b/src/content-modules/MainColumn.svelte
@@ -82,7 +82,7 @@
       : currentPal.colors.map((x) => simulate_cvd(selectedCVDType, x.color))}
   />
 
-  <div class="flex flex-wrap">
+  <div class="flex flex-wrap" id="scatterplot-controls">
     <button
       class={`${buttonStyle} pl-0`}
       on:click={() => configStore.setScatterplotMode("putting")}
diff --git a/src/content-modules/TourProvider.svelte b/src/content-modules/TourProvider.svelte
new file mode 100644
index 00000000..88160594
--- /dev/null
+++ b/src/content-modules/TourProvider.svelte
@@ -0,0 +1,194 @@
+<script lang="ts">
+  import configStore from "../stores/config-store";
+  import focusStore from "../stores/focus-store";
+  import { driver } from "driver.js";
+  import "driver.js/dist/driver.css";
+
+  function closeClick() {
+    configStore.setTour(false);
+    driverObj.destroy();
+  }
+  let driverObj = driver({
+    showProgress: true,
+    onCloseClick: closeClick,
+    onDestroyed: closeClick,
+    steps: [
+      {
+        popover: {
+          title: "Welcome to Color Buddy",
+          onCloseClick: closeClick,
+          description:
+            "Color buddy is an application that helps you build excellent color palettes. These are mainly for data visualization, however they work for any use case. Let's take a quick tour of the application to get you started.",
+          onNextClick: () => {
+            configStore.setLeftPanelRoute("palettes");
+            configStore.setRoute("examples");
+            focusStore.clearColors();
+            configStore.setColorSim("none");
+            driverObj.moveNext();
+          },
+        },
+      },
+      {
+        element: "#top-controls",
+        popover: {
+          title: "Top Controls",
+          onCloseClick: closeClick,
+          description:
+            "The top controls allow you to create a new palette, undo and redo changes, and configure the application. You can also use the top controls to upload and download palettes.",
+        },
+      },
+      {
+        element: "#left-panel",
+        popover: {
+          title: "Palettes View",
+          onCloseClick: closeClick,
+          description:
+            "The palettes view allows you to see all of the palettes you have created. You can click on a palette to select it, and then you can edit it using the controls panel. You can also delete or duplicate palettes (such as for versioning).",
+        },
+      },
+      {
+        element: "#scatterplot",
+        popover: {
+          title: "Scatterplot",
+          onCloseClick: closeClick,
+          description:
+            "The scatterplot shows the colors in your palette in a 2D space. You can drag the colors around to adjust their position. You can also drag a box around a group of colors and move it around, just like you would in a graphics editor.",
+          onNextClick: () => {
+            configStore.setColorSim("deuteranopia");
+            driverObj.moveNext();
+          },
+        },
+      },
+      {
+        element: "#scatterplot",
+        popover: {
+          title: "Color Vision Deficiency Simulation",
+          onCloseClick: closeClick,
+          description:
+            "You can simulate color vision deficiencies using the controls at the top of the page. This will help you make sure that your palettes are accessible to everyone. Let's try simulating a color vision deficiency.",
+        },
+      },
+      {
+        element: "#scatterplot-controls",
+        popover: {
+          title: "Reordering Colors",
+          onCloseClick: closeClick,
+          description:
+            "You can reorder the colors by clicking on one of them and clicking 'Move Left' or 'Move Right'. In addition you can add a color by clicking 'Add Color' and remove a color by clicking 'delete'.",
+          onNextClick: () => {
+            configStore.setLeftPanelRoute("controls");
+            driverObj.moveNext();
+          },
+        },
+      },
+      {
+        element: "#left-panel",
+        popover: {
+          title: "Controls: Nothing selected",
+          onCloseClick: closeClick,
+          description:
+            "The controls panel allows you to add colors to your palette, remove colors from your palette, and adjust the order of your colors. When none are selected, it just gives you a way to add colors. Let's select a colors and see what happens.",
+          onPrevClick: () => {
+            configStore.setLeftPanelRoute("palettes");
+            driverObj.movePrevious();
+          },
+          onNextClick: () => {
+            focusStore.setColors([0]);
+            driverObj.moveNext();
+          },
+        },
+      },
+      {
+        element: "#left-panel",
+        popover: {
+          title: "Controls: One color selected",
+          onCloseClick: closeClick,
+          description:
+            "Now we can see that we have a few more options! We can change the color using sliders, or use some basic color commands to change its color. Let's see what happens when we have a couple of colors selected.",
+          onPrevClick: () => {
+            focusStore.clearColors();
+            driverObj.movePrevious();
+          },
+          onNextClick: () => {
+            focusStore.setColors([0, 1]);
+            driverObj.moveNext();
+          },
+        },
+      },
+      {
+        element: "#left-panel",
+        popover: {
+          title: "Controls: Multiple colors selected",
+          onCloseClick: closeClick,
+          description:
+            "Now we have even more options! In addition to some color manipulation options, we also add some graphics manipulation style options, like being able to align or distribute colors. We can also interpolate those values to create sequential palettes if you like.",
+          onPrevClick: () => {
+            focusStore.setColors([0]);
+            driverObj.movePrevious();
+          },
+        },
+      },
+      {
+        element: "#right-col",
+        popover: {
+          title: "Examples",
+          onCloseClick: closeClick,
+          description: `The examples tab gives you a few examples of the current palette in use. You can see how it looks on visualizations or on some vector graphics. If you want you can upload your own examples. Vector graphics are uploaded in SVG while visualizations are uploaded using Vega or Vega-Lite programs. 
+            
+            You can simulate color vision deficiencies on the example by clicking the 'use simulated colors' button. 
+            
+            Click on a color you want to edit to select it!`,
+          onNextClick: () => {
+            configStore.setRoute("compare");
+            configStore.setComparePal(1);
+            driverObj.moveNext();
+          },
+        },
+      },
+      {
+        element: "#right-col",
+        popover: {
+          title: "Compare",
+          onCloseClick: closeClick,
+          description:
+            "The compare tab allows you to compare your palette to other palettes. You can see how your palette compares to other palettes using the scatterplot. Check out the diff mode to see a comparison!",
+          onNextClick: () => {
+            configStore.setRoute("eval");
+            configStore.setEvalDisplayMode("regular");
+            driverObj.moveNext();
+          },
+          onPrevClick: () => {
+            configStore.setRoute("examples");
+            driverObj.movePrevious();
+          },
+        },
+      },
+      {
+        element: "#right-col",
+        popover: {
+          title: "Evaluate",
+          onCloseClick: closeClick,
+          description:
+            "The evaluate tab allows you to evaluate your palette across lots of different terms and features. If one of these checks (referred to as lints) is failing then you click 'fixes' to see what is wrong and help you fix it!",
+          onPrevClick: () => {
+            configStore.setRoute("compare");
+            driverObj.movePrevious();
+          },
+        },
+      },
+      {
+        popover: {
+          title: "Enjoy using Color Buddy",
+          onCloseClick: closeClick,
+          description:
+            "We hope you enjoy using Color Buddy. If you have any questions or comments, please feel free to reach out to us. We are always looking for ways to improve the application.",
+          onNextClick: () => {
+            configStore.setTour(false);
+            driverObj.destroy();
+          },
+        },
+      },
+    ],
+  });
+  driverObj.drive();
+</script>
diff --git a/src/lib/lints/muth-guidelines.ts b/src/lib/lints/muth-guidelines.ts
index 75874272..93997ffb 100644
--- a/src/lib/lints/muth-guidelines.ts
+++ b/src/lib/lints/muth-guidelines.ts
@@ -203,7 +203,7 @@ const requireColorComplements: CustomLint = {
   level: "warning",
   group: "design",
   description: `Use color complements whenever possible`,
-  failMessage: `This palette has colors that do not have good contrast.`,
+  failMessage: `Color complements are a great way to make your colors pop. Try to use them whenever possible.`,
   id: `require-color-complements-built-in`,
   blameMode: "pair",
   expectedPassingTests: [],
diff --git a/src/scatterplot/ColorScatterPlot.svelte b/src/scatterplot/ColorScatterPlot.svelte
index 487130a6..dd267753 100644
--- a/src/scatterplot/ColorScatterPlot.svelte
+++ b/src/scatterplot/ColorScatterPlot.svelte
@@ -324,7 +324,7 @@
 
 <!-- svelte-ignore a11y-no-static-element-interactions -->
 <!-- svelte-ignore a11y-no-static-element-interactions -->
-<div class="flex pb-2" style="background: {bg.toDisplay()}">
+<div class="flex pb-2" style="background: {bg.toDisplay()}" id="scatterplot">
   <div class="flex flex-col items-center">
     <div class="flex h-full">
       <div class="h-full py-4" style="max-height: {height}px"></div>
diff --git a/src/stores/config-store.ts b/src/stores/config-store.ts
index f15d0588..5103b6be 100644
--- a/src/stores/config-store.ts
+++ b/src/stores/config-store.ts
@@ -1,26 +1,27 @@
 import { writable } from "svelte/store";
 
 interface StoreData {
-  colorSim: "deuteranopia" | "protanopia" | "tritanopia" | "none" | "grayscale";
-  comparePal: number | undefined;
-  compareSelectedExample: number;
   channelPickerSpace: "lab" | "lch" | "hsl" | "hsv" | "rgb";
   channelPickerSpaceBackground: "lab" | "lch" | "hsl" | "hsv" | "rgb";
+  colorSim: "deuteranopia" | "protanopia" | "tritanopia" | "none" | "grayscale";
   compareBackground: string | undefined;
   compareBackgroundSpace: "lab" | "lch" | "hsl" | "hsv" | "rgb";
+  comparePal: number | undefined;
+  compareSelectedExample: number;
   engine: "openai" | "google";
-  evalDisplayMode: "regular" | "compact" | "lint-customization";
   evalDeltaDisplay: "none" | "76" | "CMC" | "2000" | "ITP" | "Jz" | "OK";
+  evalDisplayMode: "regular" | "compact" | "lint-customization";
   exampleRoute: "svg" | "vega" | "swatches";
   includeQuotes: boolean;
   leftRoute: "controls" | "palettes" | "colors";
+  mainColumnSelectedExample: number;
   route: "examples" | "compare" | "eval" | "browse";
   scatterplotMode: "moving" | "putting";
-  showGamutMarkers: boolean;
   showColorBackground: boolean;
+  showGamutMarkers: boolean;
   tooltipXY?: [string, string];
+  tour: boolean;
   useSimulatorOnExamples: boolean;
-  mainColumnSelectedExample: number;
   xZoom: [number, number];
   yZoom: [number, number];
   zZoom: [number, number];
@@ -28,25 +29,26 @@ interface StoreData {
 
 const InitialStore: StoreData = {
   colorSim: "none",
-  comparePal: undefined,
-  compareSelectedExample: -1,
+  channelPickerSpace: "lab",
+  channelPickerSpaceBackground: "lab",
   compareBackground: undefined,
   compareBackgroundSpace: "lab",
+  comparePal: undefined,
+  compareSelectedExample: -1,
   engine: "openai",
-  evalDisplayMode: "regular",
   evalDeltaDisplay: "none",
+  evalDisplayMode: "regular",
   exampleRoute: "vega",
   includeQuotes: false,
   leftRoute: "palettes",
+  mainColumnSelectedExample: -1,
   route: "examples",
   scatterplotMode: "moving",
   showColorBackground: true,
   showGamutMarkers: true,
   tooltipXY: undefined,
-  mainColumnSelectedExample: -1,
+  tour: false,
   useSimulatorOnExamples: false,
-  channelPickerSpace: "lab",
-  channelPickerSpaceBackground: "lab",
   xZoom: [0, 1],
   yZoom: [0, 1],
   zZoom: [0, 1],
@@ -128,6 +130,7 @@ function createStore() {
       persist((old) => ({ ...old, compareBackground: n })),
     setCompareBackgroundSpace: (n: StoreData["compareBackgroundSpace"]) =>
       persist((old) => ({ ...old, compareBackgroundSpace: n })),
+    setTour: (n: StoreData["tour"]) => persist((old) => ({ ...old, tour: n })),
   };
 }
 
diff --git a/src/stores/lint-store.ts b/src/stores/lint-store.ts
index 0e6b8620..b637c4dc 100644
--- a/src/stores/lint-store.ts
+++ b/src/stores/lint-store.ts
@@ -151,7 +151,8 @@ function createStore() {
     if (newStore.firstLoad) {
       newStore.globallyIgnoredLints = newStore.lints
         .map((x: CustomLint) => x.id)
-        .filter((x: string) => GLOBAL_OKAY_LIST_SET.has(x));
+        .filter((x: string) => !GLOBAL_OKAY_LIST_SET.has(x));
+      newStore.firstLoad = false;
     }
     set(newStore);
     idb.set(storeName, serializeStore(newStore));
diff --git a/yarn.lock b/yarn.lock
index 307a3c61..6582777f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3281,13 +3281,6 @@ collection-visit@^1.0.0:
     map-visit "^1.0.0"
     object-visit "^1.0.0"
 
-color-blind@^0.1.3:
-  version "0.1.3"
-  resolved "https://registry.npmjs.org/color-blind/-/color-blind-0.1.3.tgz"
-  integrity sha512-n65+lsZBF7UvN7Vpml2NmlH4zYppxRwZCRUg21BmTn1uV39+Tv6Dap8KdPZ2uRe7KybOe0jEalvfdvY9zJJlJw==
-  dependencies:
-    onecolor "^3.1.0"
-
 color-convert@^1.9.0, color-convert@^1.9.3:
   version "1.9.3"
   resolved "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz"
@@ -4189,6 +4182,11 @@ dotenv@^16.3.1:
   resolved "https://registry.npmjs.org/dotenv/-/dotenv-16.3.1.tgz"
   integrity sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ==
 
+driver.js@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/driver.js/-/driver.js-1.3.1.tgz#5ac4d0d9e1c60f7eade418992ceffef7bf6c6610"
+  integrity sha512-MvUdXbqSgEsgS/H9KyWb5Rxy0aE6BhOVT4cssi2x2XjmXea6qQfgdx32XKVLLSqTaIw7q/uxU5Xl3NV7+cN6FQ==
+
 eastasianwidth@^0.2.0:
   version "0.2.0"
   resolved "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz"
@@ -7352,11 +7350,6 @@ one-time@^1.0.0:
   dependencies:
     fn.name "1.x.x"
 
-onecolor@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.npmjs.org/onecolor/-/onecolor-3.1.0.tgz"
-  integrity sha512-YZSypViXzu3ul5LMu/m6XjJ9ol8qAy9S2VjHl5E6UlhUH1KGKWabyEJifn0Jjpw23bYDzC2ucKMPGiH5kfwSGQ==
-
 onetime@^2.0.0:
   version "2.0.1"
   resolved "https://registry.npmjs.org/onetime/-/onetime-2.0.1.tgz"
@@ -9503,7 +9496,7 @@ ts-json-schema-generator@^1.5.0:
     safe-stable-stringify "^2.4.3"
     typescript "~5.3.2"
 
-ts-node@^10.9.1, ts-node@^10.9.2:
+ts-node@^10.9.1:
   version "10.9.2"
   resolved "https://registry.npmjs.org/ts-node/-/ts-node-10.9.2.tgz"
   integrity sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==