@malloy-publisher/sdk 0.0.46 → 0.0.48

package/package.json

@@ -1,7 +1,7 @@
 {
    "name": "@malloy-publisher/sdk",
    "description": "Malloy Publisher SDK",
-   "version": "0.0.46",
+   "version": "0.0.48",
    "type": "module",
    "main": "dist/index.cjs.js",
    "module": "dist/index.es.js",

package/src/components/AnalyzePackageButton.tsx

@@ -0,0 +1,185 @@
+import { Add, Launch } from "@mui/icons-material";
+import {
+   Button,
+   Menu,
+   MenuItem,
+   ListItemIcon,
+   ListItemText,
+   Typography,
+   Dialog,
+   DialogTitle,
+   DialogContent,
+   FormControl,
+   TextField,
+} from "@mui/material";
+import {
+   NotebookStorageProvider,
+   BrowserNotebookStorage,
+   MutableNotebookList,
+} from "./MutableNotebook";
+import React from "react";
+import { useRouterClickHandler } from "./click_helper";
+
+export interface AnalyzePackageButtonProps {
+   projectName: string;
+   packageName: string;
+}
+
+export function AnalyzePackageButton({
+   projectName,
+   packageName,
+}: AnalyzePackageButtonProps) {
+   const [workbookName, setWorkbookName] = React.useState("");
+   const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);
+   const [newDialogOpen, setNewDialogOpen] = React.useState(false);
+   const [openDialogOpen, setOpenDialogOpen] = React.useState(false);
+   const navigate = useRouterClickHandler();
+
+   const open = Boolean(anchorEl);
+   const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {
+      setAnchorEl(event.currentTarget);
+   };
+   const handleMenuClose = () => {
+      setAnchorEl(null);
+   };
+   const handleOpenDialogClose = () => {
+      setOpenDialogOpen(false);
+   };
+   const handleNewDialogClose = () => {
+      setNewDialogOpen(false);
+   };
+
+   const handleNotebookClick = (notebook: string, event: React.MouseEvent) => {
+      setOpenDialogOpen(false);
+      // Navigate to the ScratchNotebookPage with anchor text for notebookPath
+      navigate(
+         `/${projectName}/${packageName}/scratchNotebook/${encodeURIComponent(notebook)}`,
+         event,
+      );
+   };
+
+   const createNotebookClick = (event?: React.MouseEvent) => {
+      setNewDialogOpen(false);
+      // Navigate to the ScratchNotebookPage with anchor text for notebookPath
+      navigate(
+         `/${projectName}/${packageName}/scratchNotebook/${encodeURIComponent(workbookName)}`,
+         event,
+      );
+      setWorkbookName("");
+   };
+
+   return (
+      <>
+         <Button
+            aria-controls={open ? "basic-menu" : undefined}
+            aria-haspopup="true"
+            aria-expanded={open ? "true" : undefined}
+            onClick={handleClick}
+            sx={{ height: "40px" }}
+         >
+            Analyze Package
+         </Button>
+         <Menu
+            id="basic-menu"
+            anchorEl={anchorEl}
+            open={open}
+            onClose={handleMenuClose}
+            slotProps={{
+               list: {
+                  "aria-labelledby": "basic-button",
+               },
+            }}
+         >
+            <MenuItem
+               onClick={() => {
+                  setNewDialogOpen(true);
+                  handleMenuClose();
+               }}
+            >
+               <ListItemIcon>
+                  <Add fontSize="small" />
+               </ListItemIcon>
+               <ListItemText>
+                  <Typography variant="body2">New Workbook</Typography>
+               </ListItemText>
+            </MenuItem>
+            <MenuItem
+               onClick={() => {
+                  setOpenDialogOpen(true);
+                  handleMenuClose();
+               }}
+            >
+               <ListItemIcon>
+                  <Launch fontSize="small" />
+               </ListItemIcon>
+               <ListItemText>
+                  <Typography variant="body2">Open Workbook</Typography>
+               </ListItemText>
+            </MenuItem>
+         </Menu>
+         <Dialog
+            open={newDialogOpen}
+            onClose={handleNewDialogClose}
+            sx={{
+               "& .MuiDialog-paper": {
+                  width: "100%",
+                  maxWidth: "300px",
+               },
+            }}
+         >
+            <DialogTitle variant="subtitle1" sx={{ fontWeight: "medium" }}>
+               Create Workbook
+            </DialogTitle>
+            <DialogContent>
+               <FormControl
+                  sx={{
+                     width: "100%",
+                     display: "flex",
+                     alignItems: "center",
+                     gap: 2,
+                  }}
+               >
+                  <TextField
+                     label="Workbook Name"
+                     value={workbookName}
+                     onChange={(e) => setWorkbookName(e.target.value)}
+                     sx={{
+                        width: "100%",
+                        maxWidth: "400px",
+                        mt: 1,
+                     }}
+                  />
+                  <Button onClick={(event) => createNotebookClick(event)}>
+                     Create
+                  </Button>
+               </FormControl>
+            </DialogContent>
+         </Dialog>
+         <Dialog
+            open={openDialogOpen}
+            onClose={handleOpenDialogClose}
+            sx={{
+               "& .MuiDialog-paper": {
+                  width: "100%",
+                  maxWidth: "300px",
+               },
+            }}
+         >
+            <DialogTitle variant="subtitle1" sx={{ fontWeight: "medium" }}>
+               Open Workbook
+            </DialogTitle>
+            <DialogContent>
+               <NotebookStorageProvider
+                  notebookStorage={new BrowserNotebookStorage()}
+                  userContext={{
+                     project: projectName,
+                     package: packageName,
+                  }}
+               >
+                  <MutableNotebookList onNotebookClick={handleNotebookClick} />
+               </NotebookStorageProvider>
+            </DialogContent>
+         </Dialog>
+      </>
+   );
+}

package/src/components/MutableNotebook/MutableNotebookList.tsx

@@ -0,0 +1,69 @@
+import { Box, Divider, List, ListItem, ListItemText } from "@mui/material";
+import React from "react";
+import { useNotebookStorage } from "./NotebookStorageProvider";
+
+interface MutableNotebookListProps {
+   onNotebookClick: (notebook: string, event: React.MouseEvent) => void;
+}
+
+export function MutableNotebookList({
+   onNotebookClick,
+}: MutableNotebookListProps) {
+   const { notebookStorage, userContext } = useNotebookStorage();
+   const [notebooks, setNotebooks] = React.useState<string[]>([]);
+
+   React.useEffect(() => {
+      if (notebookStorage && userContext) {
+         setNotebooks(notebookStorage.listNotebooks(userContext));
+      }
+   }, [notebookStorage, userContext]);
+
+   return (
+      <>
+         <Divider />
+         <Box
+            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",
+               },
+            }}
+         >
+            <List dense>
+               {notebooks.length === 0 && (
+                  <ListItem>
+                     <ListItemText
+                        primary="No notebooks found."
+                        sx={{ textAlign: "center" }}
+                     />
+                  </ListItem>
+               )}
+               {notebooks.map((notebook) => (
+                  <ListItem
+                     key={notebook}
+                     onClick={(event: React.MouseEvent) =>
+                        onNotebookClick(notebook, event)
+                     }
+                     sx={{
+                        cursor: "pointer",
+                        "&:hover": {
+                           backgroundColor: "action.hover",
+                        },
+                     }}
+                  >
+                     <ListItemText primary={notebook} />
+                  </ListItem>
+               ))}
+            </List>
+         </Box>
+      </>
+   );
+}

package/src/components/MutableNotebook/index.ts

@@ -1,8 +1,8 @@
 export { BrowserNotebookStorage } from "./BrowserNotebookStorage";
 export { default as MutableNotebook } from "./MutableNotebook";
 export type { NotebookStorage, UserContext } from "./NotebookStorage";
+export { MutableNotebookList } from "./MutableNotebookList";
 export {
-    default as NotebookStorageProvider,
-    useNotebookStorage
+   default as NotebookStorageProvider,
+   useNotebookStorage,
 } from "./NotebookStorageProvider";
-

package/src/components/index.ts

@@ -9,3 +9,4 @@ export * from "./Loading";
 export { useRouterClickHandler } from "./click_helper";
 export { ServerProvider, useServer } from "./ServerProvider";
 export type { ServerContextValue, ServerProviderProps } from "./ServerProvider";
+export { AnalyzePackageButton } from "./AnalyzePackageButton";

package/vite.config.ts

@@ -7,7 +7,7 @@ import { peerDependencies } from "./package.json";
 export default ({ mode }) => {
    return defineConfig({
       define: {
-         "process.env": JSON.stringify(mode),
+         "process.env.NODE_ENV": JSON.stringify(mode),
       },
       build: {
          minify: mode === "production",