@malloy-publisher/sdk 0.0.116 → 0.0.117

package/dist/components/Workbook/Workbook.es.js

@@ -0,0 +1,377 @@
+import { jsx as e, jsxs as l, Fragment as U } from "react/jsx-runtime";
+import ee from "../../node_modules/@mui/icons-material/esm/Add.es.js";
+import { Box as c, Typography as u, Button as k, Dialog as oe, DialogTitle as te, DialogContent as ne, DialogContentText as re, DialogActions as le, Divider as se, Menu as ae, MenuItem as N } from "@mui/material";
+import s from "react";
+import { WorkbookManager as ie } from "./WorkbookManager.es.js";
+import { useServer as L } from "../ServerProvider.es.js";
+import { StyledCard as ce, StyledCardContent as de, StyledCardMedia as ue } from "../styles.es.js";
+import { MutableCell as he } from "./MutableCell.es.js";
+import { useWorkbookStorage as fe } from "./WorkbookStorageProvider.es.js";
+import { ModelPicker as me } from "./ModelPicker.es.js";
+import { useRouterClickHandler as pe } from "../click_helper.es.js";
+import { parseResourceUri as ge } from "../../utils/formatting.es.js";
+import h from "../../node_modules/@mui/material/esm/Stack/Stack.es.js";
+function $e({ workbookPath: a, resourceUri: f }) {
+  const m = pe(), { server: W, getAccessToken: y } = L(), { apiClients: R } = L(), { workbookStorage: p } = fe(), { projectName: v, packageName: b } = ge(f), [$, C] = s.useState(void 0), [z, x] = s.useState(
+    void 0
+  );
+  if (!p)
+    throw new Error(
+      "Workbook storage be provided via WorkbookStorageProvider"
+    );
+  const [n, d] = s.useState(), [H, S] = s.useState(), [_, M] = s.useState(), [T, B] = s.useState(
+    []
+  ), [j, J] = s.useState(
+    null
+  ), [O, q] = s.useState(null), G = !!j, P = () => {
+    J(null), q(null);
+  }, w = (o, t) => {
+    n && (d(
+      n.insertCell(t, {
+        isMarkdown: o,
+        value: ""
+      })
+    ), o ? M(t) : S(t), P(), console.log("handleAddCell", o, t));
+  }, [K, D] = s.useState(!1), Q = () => {
+    D(!0);
+  }, V = async () => {
+    a && p && await p.deleteWorkbook(a).then(() => {
+      x(void 0), C(void 0);
+    }).catch((o) => {
+      x(`Error deleting workbook: ${o.message}`), C(void 0);
+    }), D(!1), m(`/${v}/${b}`);
+  }, F = () => {
+    D(!1);
+  }, A = s.useCallback(async () => {
+    if (!n) {
+      console.log("No workbook data ref");
+      return;
+    }
+    try {
+      d(await n.saveWorkbook()), x(void 0), C("Workbook saved");
+    } catch (o) {
+      x(`Error saving workbook: ${o.message}`), C(void 0);
+    }
+  }, [n]);
+  if (s.useEffect(() => {
+    if (!n)
+      return;
+    (async () => {
+      const t = new Map(
+        T.map(({ modelPath: i, sourceInfos: E }) => [
+          i,
+          E
+        ])
+      ), r = [], g = [];
+      for (const i of n.getModels())
+        t.has(i) ? r.push({
+          modelPath: i,
+          sourceInfos: t.get(i)
+        }) : (console.log("Fetching model from Publisher", i), g.push(
+          R.models.getModel(v, b, i, void 0).then((E) => ({
+            modelPath: i,
+            sourceInfos: E.data.sourceInfos.map(
+              (Z) => JSON.parse(Z)
+            )
+          }))
+        ));
+      if (g.length > 0) {
+        const i = await Promise.all(g);
+        B([...r, ...i]);
+      } else
+        B(r);
+    })();
+  }, [y, n, b, v, W]), s.useEffect(() => {
+    a && ie.loadWorkbook(p, a).then(
+      (o) => {
+        d(o);
+      }
+    );
+  }, [a, p]), !n)
+    return /* @__PURE__ */ e("div", { children: "Loading..." });
+  const X = (o) => {
+    const t = [];
+    for (const r of o)
+      for (const g of r.sourceInfos)
+        t.push({
+          modelPath: r.modelPath,
+          sourceInfo: g
+        });
+    return t;
+  }, I = (o, t) => /* @__PURE__ */ e(
+    k,
+    {
+      size: "small",
+      startIcon: /* @__PURE__ */ e(ee, {}),
+      onClick: () => w(o, t),
+      variant: "contained",
+      sx: {
+        backgroundColor: "#fff",
+        color: (r) => r.palette.mode === "dark" ? r.palette.grey[100] : r.palette.grey[700],
+        boxShadow: "none",
+        "&:hover": {
+          backgroundColor: (r) => r.palette.mode === "dark" ? r.palette.grey[500] : r.palette.grey[300],
+          boxShadow: "none"
+        }
+      },
+      children: o ? "Markdown" : "Explore"
+    }
+  ), Y = /* @__PURE__ */ l(
+    c,
+    {
+      sx: {
+        display: "flex",
+        gap: 1,
+        justifyContent: "center",
+        flex: 2
+      },
+      children: [
+        I(!1, n.getCells().length),
+        I(!0, n.getCells().length)
+      ]
+    }
+  );
+  return /* @__PURE__ */ l(ce, { variant: "outlined", children: [
+    /* @__PURE__ */ l(de, { children: [
+      /* @__PURE__ */ e(c, { sx: { mb: 2 }, children: /* @__PURE__ */ e(c, { sx: { minHeight: "24px" }, children: z ? /* @__PURE__ */ e(u, { color: "error", variant: "body2", children: z }) : $ ? /* @__PURE__ */ e(u, { color: "success", variant: "body2", children: $ }) : /* @__PURE__ */ e("span", { children: " " }) }) }),
+      /* @__PURE__ */ l(
+        h,
+        {
+          sx: {
+            flexDirection: "row",
+            justifyContent: "space-between",
+            alignItems: "center"
+          },
+          children: [
+            /* @__PURE__ */ l(h, { direction: "row", spacing: 1, alignItems: "center", children: [
+              /* @__PURE__ */ e(
+                u,
+                {
+                  variant: "overline",
+                  sx: {
+                    fontSize: "13px",
+                    fontWeight: "bold",
+                    verticalAlign: "middle"
+                  },
+                  children: "Workbook"
+                }
+              ),
+              /* @__PURE__ */ e(
+                u,
+                {
+                  variant: "subtitle2",
+                  sx: {
+                    fontSize: "13px",
+                    fontWeight: "normal",
+                    verticalAlign: "middle",
+                    ml: 1
+                  },
+                  children: `${a.workspace} > ${a.path}`
+                }
+              )
+            ] }),
+            /* @__PURE__ */ l(h, { sx: { display: "flex", flexDirection: "row", gap: 1 }, children: [
+              /* @__PURE__ */ e(
+                c,
+                {
+                  sx: {
+                    display: "flex",
+                    alignItems: "center",
+                    mt: 1,
+                    mb: 1
+                  },
+                  children: /* @__PURE__ */ e(ke, { workbookData: n })
+                }
+              ),
+              /* @__PURE__ */ l(
+                c,
+                {
+                  sx: {
+                    display: "flex",
+                    alignItems: "center",
+                    mt: 1,
+                    mb: 1
+                  },
+                  children: [
+                    /* @__PURE__ */ e(
+                      k,
+                      {
+                        color: "error",
+                        onClick: Q,
+                        size: "small",
+                        children: "Delete"
+                      }
+                    ),
+                    /* @__PURE__ */ l(
+                      oe,
+                      {
+                        open: K,
+                        onClose: F,
+                        children: [
+                          /* @__PURE__ */ e(te, { children: "Delete Workbook" }),
+                          /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ l(re, { children: [
+                            'Are you sure you want to delete the workbook "',
+                            a.path,
+                            '"? This action cannot be undone.'
+                          ] }) }),
+                          /* @__PURE__ */ l(le, { children: [
+                            /* @__PURE__ */ e(
+                              k,
+                              {
+                                onClick: F,
+                                color: "primary",
+                                size: "small",
+                                children: "Cancel"
+                              }
+                            ),
+                            /* @__PURE__ */ e(
+                              k,
+                              {
+                                onClick: V,
+                                color: "error",
+                                autoFocus: !0,
+                                size: "small",
+                                children: "Delete"
+                              }
+                            )
+                          ] })
+                        ]
+                      }
+                    )
+                  ]
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(se, {}),
+      /* @__PURE__ */ l(
+        h,
+        {
+          sx: {
+            display: "flex",
+            flexDirection: "row",
+            width: "100%",
+            mt: 2
+          },
+          children: [
+            /* @__PURE__ */ e(c, { sx: { flex: 1 }, children: /* @__PURE__ */ e(
+              me,
+              {
+                initialSelectedModels: n.getModels(),
+                onModelChange: (o) => {
+                  d(n.setModels(o)), A();
+                },
+                resourceUri: f
+              }
+            ) }),
+            /* @__PURE__ */ e(c, { sx: { flex: 1 } })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(ue, { children: /* @__PURE__ */ l(h, { children: [
+      n.getCells().length === 0 && /* @__PURE__ */ l(U, { children: [
+        /* @__PURE__ */ e(
+          u,
+          {
+            sx: {
+              textAlign: "center",
+              p: 2,
+              variant: "subtitle2",
+              fontWeight: "medium"
+            },
+            children: "Workbook is empty"
+          }
+        ),
+        /* @__PURE__ */ e(
+          u,
+          {
+            variant: "body2",
+            sx: { textAlign: "center", mb: 2, variant: "body2" },
+            children: "Click the + buttons to add a markdown or code cell."
+          }
+        )
+      ] }),
+      n.getCells().map((o, t) => /* @__PURE__ */ e(
+        s.Fragment,
+        {
+          children: /* @__PURE__ */ e(
+            he,
+            {
+              cell: o,
+              resourceUri: f,
+              addButtonCallback: (r) => I(r, t),
+              sourceAndPaths: X(T),
+              editingMarkdown: _ === t,
+              editingMalloy: H === t,
+              onDelete: () => {
+                d(n.deleteCell(t)), A();
+              },
+              onCellChange: (r) => {
+                d(n.setCell(t, r));
+              },
+              onEdit: () => {
+                o.isMarkdown ? M(t) : S(t);
+              },
+              onClose: () => {
+                o.isMarkdown ? M(void 0) : S(void 0), A();
+              }
+            },
+            `${t}-${o.isMarkdown}-${a.workspace}-${a.path}`
+          )
+        },
+        `${t}-${n.getCells().length}`
+      )),
+      Y,
+      /* @__PURE__ */ l(
+        ae,
+        {
+          anchorEl: j,
+          open: G,
+          onClose: P,
+          anchorOrigin: { vertical: "bottom", horizontal: "right" },
+          transformOrigin: { vertical: "top", horizontal: "right" },
+          children: [
+            /* @__PURE__ */ e(N, { onClick: () => w(!0, O ?? 0), children: "Add Markdown" }),
+            /* @__PURE__ */ e(
+              N,
+              {
+                onClick: () => w(!1, O ?? 0),
+                children: "Add Malloy"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(
+        h,
+        {
+          sx: {
+            flexDirection: "row",
+            justifyContent: "flex-end",
+            p: 1
+          }
+        }
+      )
+    ] }) })
+  ] });
+}
+function ke({
+  workbookData: a
+}) {
+  const [f, m] = s.useState(!1);
+  return /* @__PURE__ */ e(k, { color: "primary", onClick: async () => {
+    if (!a) return;
+    const y = a.toMalloyWorkbook();
+    try {
+      await navigator.clipboard.writeText(y), m(!0), setTimeout(() => m(!1), 1500);
+    } catch {
+      m(!1), alert("Failed to copy to clipboard");
+    }
+  }, size: "small", children: f ? "Copied!" : "Export" });
+}
+export {
+  $e as default
+};

package/dist/components/Workbook/WorkbookList.es.js

@@ -0,0 +1,75 @@
+import { jsxs as l, Fragment as u, jsx as r } from "react/jsx-runtime";
+import { Box as k, Typography as x, Divider as g, List as f, ListItem as b, ListItemText as h } from "@mui/material";
+import a from "react";
+import { useWorkbookStorage as w } from "./WorkbookStorageProvider.es.js";
+function E({ onWorkbookClick: d }) {
+  const { workbookStorage: t } = w(), [i, m] = a.useState([]), [n, c] = a.useState(
+    void 0
+  );
+  return a.useEffect(() => {
+    t && t.listWorkspaces(!1).then((o) => {
+      const e = [];
+      Promise.all(
+        o.map(async (p) => {
+          await t.listWorkbooks(p).then((s) => {
+            e.push(...s);
+          }).catch((s) => {
+            c(
+              `Error listing workbooks: ${s.message}`
+            );
+          });
+        })
+      ).then(() => {
+        m(e), c(void 0);
+      });
+    });
+  }, [t]), /* @__PURE__ */ l(u, { children: [
+    n && /* @__PURE__ */ r(k, { sx: { mb: 2 }, children: /* @__PURE__ */ r(x, { color: "error", variant: "body2", children: n }) }),
+    /* @__PURE__ */ r(g, {}),
+    /* @__PURE__ */ r(
+      k,
+      {
+        sx: {
+          maxHeight: "300px",
+          overflow: "auto",
+          "&::-webkit-scrollbar": {
+            width: "8px"
+          },
+          "&::-webkit-scrollbar-track": {
+            background: "transparent"
+          },
+          "&::-webkit-scrollbar-thumb": {
+            background: "rgba(0,0,0,0.2)",
+            borderRadius: "4px"
+          }
+        },
+        children: /* @__PURE__ */ l(f, { dense: !0, children: [
+          i.length === 0 && /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(
+            h,
+            {
+              primary: "No workbooks found.",
+              sx: { textAlign: "center" }
+            }
+          ) }),
+          i.map((o) => /* @__PURE__ */ r(
+            b,
+            {
+              onClick: (e) => d(o, e),
+              sx: {
+                cursor: "pointer",
+                "&:hover": {
+                  backgroundColor: "action.hover"
+                }
+              },
+              children: /* @__PURE__ */ r(h, { primary: o.path })
+            },
+            o.path
+          ))
+        ] })
+      }
+    )
+  ] });
+}
+export {
+  E as WorkbookList
+};

package/dist/components/Workbook/WorkbookStorageProvider.es.js

@@ -0,0 +1,22 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useContext as i, createContext as u, useMemo as s } from "react";
+const t = u(void 0);
+function c({
+  children: o,
+  workbookStorage: r
+}) {
+  const e = s(() => ({ workbookStorage: r }), [r]);
+  return /* @__PURE__ */ n(t.Provider, { value: e, children: o });
+}
+function m() {
+  const o = i(t);
+  if (!o)
+    throw new Error(
+      "useWorkbookStorage must be used within a WorkbookStorageProvider"
+    );
+  return o;
+}
+export {
+  c as WorkbookStorageProvider,
+  m as useWorkbookStorage
+};