@octaviaflow/core 3.0.0 → 3.0.1

package/dist/index.js

@@ -8594,8 +8594,9 @@ function LinkButton({
 }
 
 // src/components/MonacoEditor/MonacoEditor.tsx
-import { Editor } from "@monaco-editor/react";
 import {
+  Suspense,
+  lazy,
   useCallback as useCallback9,
   useEffect as useEffect10,
   useRef as useRef19,
@@ -8693,6 +8694,9 @@ var OCTAVIAFLOW_THEME_ID = "octaviaflow-light";
 
 // src/components/MonacoEditor/MonacoEditor.tsx
 import { Fragment as Fragment12, jsx as jsx48, jsxs as jsxs47 } from "react/jsx-runtime";
+var Editor = lazy(
+  () => import("@monaco-editor/react").then((mod) => ({ default: mod.Editor }))
+);
 var MARKER_SEVERITY = {
   hint: 1,
   info: 2,
@@ -8948,7 +8952,10 @@ function MonacoEditor({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx48("div", { className: "ods-monaco__body", style: { minHeight }, children: /* @__PURE__ */ jsx48(
+        /* @__PURE__ */ jsx48("div", { className: "ods-monaco__body", style: { minHeight }, children: /* @__PURE__ */ jsx48(Suspense, { fallback: /* @__PURE__ */ jsxs47("div", { className: "ods-monaco__loading", children: [
+          /* @__PURE__ */ jsx48("span", { className: "ods-monaco__loading-spin", "aria-hidden": "true", children: /* @__PURE__ */ jsx48("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsx48("circle", { cx: "7", cy: "7", r: "5", stroke: "currentColor", strokeWidth: "1.4", strokeDasharray: "4 18", strokeLinecap: "round" }) }) }),
+          /* @__PURE__ */ jsx48("span", { children: "Loading editor\u2026" })
+        ] }), children: /* @__PURE__ */ jsx48(
           Editor,
           {
             value,
@@ -8964,7 +8971,7 @@ function MonacoEditor({
             ] }),
             "aria-label": ariaLabel
           }
-        ) }),
+        ) }) }),
         !hideFooter && /* @__PURE__ */ jsxs47("div", { className: "ods-monaco__footer", children: [
           /* @__PURE__ */ jsxs47("span", { className: "ods-monaco__pos", children: [
             "Ln ",
@@ -8997,9 +9004,11 @@ function MonacoEditor({
 }
 
 // src/components/MonacoEditor/MonacoDiffEditor.tsx
-import { DiffEditor } from "@monaco-editor/react";
-import { useRef as useRef20, useState as useState14 } from "react";
+import { Suspense as Suspense2, lazy as lazy2, useRef as useRef20, useState as useState14 } from "react";
 import { jsx as jsx49, jsxs as jsxs48 } from "react/jsx-runtime";
+var DiffEditor = lazy2(
+  () => import("@monaco-editor/react").then((mod) => ({ default: mod.DiffEditor }))
+);
 function MonacoDiffEditor({
   original,
   modified,
@@ -9104,7 +9113,10 @@ function MonacoDiffEditor({
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsx49("div", { className: "ods-monaco__body", style: { minHeight }, children: /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx49("div", { className: "ods-monaco__body", style: { minHeight }, children: /* @__PURE__ */ jsx49(Suspense2, { fallback: /* @__PURE__ */ jsxs48("div", { className: "ods-monaco__loading", children: [
+          /* @__PURE__ */ jsx49("span", { className: "ods-monaco__loading-spin", "aria-hidden": "true", children: /* @__PURE__ */ jsx49("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsx49("circle", { cx: "7", cy: "7", r: "5", stroke: "currentColor", strokeWidth: "1.4", strokeDasharray: "4 18", strokeLinecap: "round" }) }) }),
+          /* @__PURE__ */ jsx49("span", { children: "Loading diff\u2026" })
+        ] }), children: /* @__PURE__ */ jsx49(
           DiffEditor,
           {
             original,
@@ -9119,7 +9131,7 @@ function MonacoDiffEditor({
               /* @__PURE__ */ jsx49("span", { children: "Loading diff\u2026" })
             ] })
           }
-        ) })
+        ) }) })
       ]
     }
   );