@fuma-content/studio 1.0.0 → 1.0.2

package/build/server/__ssr_build/assets/yaml-BEdFfhvc.js

@@ -0,0 +1,63 @@
+import { r as reactExports, j as jsxRuntimeExports } from "../index.js";
+import { F as Ft } from "./index-PpqpVA51.js";
+import { dump, load } from "js-yaml";
+import { z } from "./index-DvVNShHF.js";
+import "../__vite_rsc_assets_manifest.js";
+import "node:async_hooks";
+function YamlEditor({
+  defaultValue,
+  onValueChange
+}) {
+  const { resolvedTheme } = z();
+  const [error, setError] = reactExports.useState(null);
+  const [value, setValue] = reactExports.useState(() => {
+    try {
+      return dump(defaultValue);
+    } catch {
+      return "";
+    }
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col bg-secondary text-secondary-foreground overflow-hidden border rounded-lg", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Ft,
+      {
+        height: "240px",
+        language: "yaml",
+        value,
+        onChange: (newValue = "") => {
+          setValue(newValue);
+          try {
+            const parsed = load(newValue);
+            onValueChange(parsed);
+            setError(null);
+          } catch (e) {
+            if (e instanceof Error) {
+              setError(e.message);
+            }
+          }
+        },
+        theme: resolvedTheme === "dark" ? "vs-dark" : "light",
+        loading: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "ps-17 py-5 text-sm size-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: value }) }),
+        options: {
+          minimap: { enabled: false },
+          padding: {
+            top: 20,
+            bottom: 20
+          },
+          fontSize: 14,
+          lineHeight: 1.428571,
+          lineNumbers: "on",
+          scrollBeyondLastLine: false,
+          automaticLayout: true,
+          tabSize: 2,
+          formatOnPaste: true,
+          formatOnType: true
+        }
+      }
+    ),
+    error && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "p-2 text-sm font-mono border-t font-semibold bg-card text-destructive", children: error })
+  ] });
+}
+export {
+  YamlEditor
+};