chore(deps): bump js-yaml from 4.3.2 to 5.4.2

package.json

@@ -108,7 +108,7 @@
     "fast-deep-equal": "^3.1.3",
     "gh-pages": "^6.3.0",
     "hyparquet": "^1.31.2",
-    "js-yaml": "^4.3.2",
+    "js-yaml": "^5.4.2",
     "localforage": "^1.10.0",
     "lucide-react": "^1.52.0",
     "mobx": "^6.16.1",
@@ -150,7 +150,6 @@
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",
     "@testing-library/user-event": "^14.6.7",
-    "@types/js-yaml": "^4.0.9",
     "@types/node": "^26.6.4",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",

scripts/hydrate-component-library.ts

@@ -4,7 +4,7 @@ import crypto from "crypto";
 import fs from "fs/promises";
 import http from "http";
 import https from "https";
-import yaml from "js-yaml";
+import * as yaml from "js-yaml";
 import process from "process";
 
 // Type definitions

src/components/Project/ProjectResourcePreview.tsx

@@ -1,5 +1,5 @@
 import { Link } from "@tanstack/react-router";
-import yaml from "js-yaml";
+import * as yaml from "js-yaml";
 import type { ReactNode } from "react";
 
 import { CodeViewer, languageFor } from "@/components/shared/CodeViewer";

src/components/Project/pipelineValidity.test.ts

@@ -1,6 +1,6 @@
 import { readFileSync } from "node:fs";
 
-import yaml from "js-yaml";
+import * as yaml from "js-yaml";
 import { describe, expect, it } from "vitest";
 
 import type { ComponentSpec } from "@/utils/componentSpec";

src/components/shared/ComponentEditor/useComponentSpecValidator.tsx

@@ -2,7 +2,7 @@ import { addMediaTypePlugin } from "@hyperjump/browser";
 import { type OutputUnit, validate } from "@hyperjump/json-schema/draft-06";
 import { buildSchemaDocument } from "@hyperjump/json-schema/experimental";
 import { useSuspenseQuery } from "@tanstack/react-query";
-import yaml from "js-yaml";
+import * as yaml from "js-yaml";
 
 import { PIPELINE_YAML_LOAD_OPTIONS } from "@/utils/yaml";
 

src/components/shared/ComponentEditor/utils/preserveComponentName.ts

@@ -1,4 +1,4 @@
-import yaml from "js-yaml";
+import * as yaml from "js-yaml";
 
 import type { ComponentSpec } from "@/utils/componentSpec";
 import { isValidComponentSpec } from "@/utils/componentSpec";

src/components/shared/ManageComponent/PublishComponent.test.tsx

@@ -1,6 +1,6 @@
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { render, screen, waitFor } from "@testing-library/react";
-import yaml from "js-yaml";
+import * as yaml from "js-yaml";
 import type { ReactNode } from "react";
 import { beforeEach, describe, expect, test, vi } from "vitest";
 

src/models/componentSpec/__tests__/entities/task.test.ts

@@ -1,4 +1,4 @@
-import yaml from "js-yaml";
+import * as yaml from "js-yaml";
 import { describe, expect, it } from "vitest";
 
 import { Task } from "../../entities/task";

src/providers/ComponentLibraryProvider/ComponentLibraryProvider.test.tsx

@@ -1,6 +1,6 @@
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { act, renderHook, waitFor } from "@testing-library/react";
-import yaml from "js-yaml";
+import * as yaml from "js-yaml";
 import { type ReactNode } from "react";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 

src/providers/ComponentLibraryProvider/libraries/publishedComponentsLibrary.test.ts

@@ -1,5 +1,5 @@
 import { QueryClient } from "@tanstack/react-query";
-import yaml from "js-yaml";
+import * as yaml from "js-yaml";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 
 import type {

src/providers/TourProvider/tourPipelineLifecycle.ts

@@ -1,4 +1,4 @@
-import yaml from "js-yaml";
+import * as yaml from "js-yaml";
 
 import type { TourDefinition } from "@/components/Learn/tours/registry";
 import { defaultPipelineYamlWithName } from "@/utils/constants";

src/routes/v2/pages/Editor/components/DebugPanel.tsx

@@ -1,4 +1,4 @@
-import yaml from "js-yaml";
+import * as yaml from "js-yaml";
 import { observer } from "mobx-react-lite";
 import { useEffect, useState } from "react";
 

src/routes/v2/pages/Editor/hooks/useLoadSpec.ts

@@ -1,5 +1,5 @@
 import { useQueryClient, useSuspenseQuery } from "@tanstack/react-query";
-import yaml from "js-yaml";
+import * as yaml from "js-yaml";
 import {
   registerRootStore,
   type UndoStore as MobxUndoStore,

src/routes/v2/pages/PipelineFolders/hooks/useEmptyPipelineIds.ts

@@ -1,5 +1,5 @@
 import { useQuery } from "@tanstack/react-query";
-import yaml from "js-yaml";
+import * as yaml from "js-yaml";
 
 import type { PipelineFile } from "@/services/pipelineStorage/PipelineFile";
 import { FoldersQueryKeys } from "@/services/pipelineStorage/types";

src/services/componentService.test.ts

@@ -1,4 +1,4 @@
-import yaml from "js-yaml";
+import * as yaml from "js-yaml";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 
 import type { ComponentLibrary } from "@/types/componentLibrary";

src/services/hydrateComponentReference.test.ts

@@ -1,5 +1,5 @@
 import { waitFor } from "@testing-library/dom";
-import yaml from "js-yaml";
+import * as yaml from "js-yaml";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 
 import {

src/services/importPipeline.test.ts

@@ -1,4 +1,4 @@
-import yaml from "js-yaml";
+import * as yaml from "js-yaml";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 
 import * as componentStore from "@/utils/componentStore";

src/services/pipelineService.ts

@@ -1,4 +1,4 @@
-import yaml from "js-yaml";
+import * as yaml from "js-yaml";
 
 import { getAppSettings } from "@/appSettings";
 import type { PipelineLibrary } from "@/types/pipelineLibrary";

src/utils/cache.ts

@@ -1,4 +1,4 @@
-import yaml from "js-yaml";
+import * as yaml from "js-yaml";
 
 import type { TaskSpec } from "./componentSpec";
 import { ISO8601_DURATION_ZERO_DAYS } from "./constants";

src/utils/submitPipeline.test.ts

@@ -1,4 +1,4 @@
-import yaml from "js-yaml";
+import * as yaml from "js-yaml";
 import { observable } from "mobx";
 import {
   afterEach,

src/utils/yaml.ts

@@ -1,11 +1,11 @@
-import yaml from "js-yaml";
+import * as yaml from "js-yaml";
 
 import { type ComponentSpec, isValidComponentSpec } from "./componentSpec";
 
 // Each subgraph level nests ~6 YAML mappings. A limit of 1000 allows around 150 levels of nested subgraphs.
-export const PIPELINE_YAML_LOAD_OPTIONS = {
+export const PIPELINE_YAML_LOAD_OPTIONS: yaml.LoadOptions = {
   maxDepth: 1000,
-} as unknown as yaml.LoadOptions;
+};
 
 class ComponentSpecParsingError extends Error {
   readonly name = "ComponentSpecParsingError";