refactoring: introduce componentSpecFromYaml

Author: maxy-shpfy

src/services/componentService.ts

@@ -36,6 +36,7 @@ import {
   saveComponent,
   type UserComponent,
 } from "@/utils/localforage";
+import { componentSpecFromYaml } from "@/utils/yaml";
 
 export interface ExistingAndNewComponent {
   existingComponent: UserComponent | undefined;
@@ -445,7 +446,7 @@ async function hydrateFromPartialContentfulComponentReference(
     : component.text;
 
   const spec = isTextOnlyComponentReference(component)
-    ? (yaml.load(component.text) as ComponentSpec)
+    ? componentSpecFromYaml(component.text)
     : component.spec;
 
   if (!text || !spec) {

src/utils/yaml.ts

@@ -1,4 +1,6 @@
-import type { ComponentSpec } from "./componentSpec";
+import yaml from "js-yaml";
+
+import { type ComponentSpec, isValidComponentSpec } from "./componentSpec";
 import { componentSpecToText } from "./componentStore";
 
 const copyToYaml = (
@@ -14,4 +16,16 @@ const copyToYaml = (
   );
 };
 
+export function componentSpecFromYaml(yamlText: string): ComponentSpec {
+  const loadedSpec = yaml.load(yamlText);
+  if (typeof loadedSpec !== "object" || loadedSpec === null) {
+    throw new Error("Invalid component specification format");
+  }
+  if (!isValidComponentSpec(loadedSpec)) {
+    throw new Error("Invalid component specification format");
+  }
+
+  return loadedSpec;
+}
+
 export default copyToYaml;