@sqlrooms/cells 0.29.0-rc.1 → 0.29.0-rc.11

package/package.json

@@ -1,7 +1,13 @@
 {
   "name": "@sqlrooms/cells",
-  "version": "0.29.0-rc.1",
-  "private": false,
+  "version": "0.29.0-rc.11",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sqlrooms/sqlrooms.git"
+  },
+  "license": "MIT",
+  "author": "SQLRooms Contributors",
+  "sideEffects": false,
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -9,39 +15,32 @@
   "files": [
     "dist"
   ],
-  "author": "SQLRooms Contributors",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/sqlrooms/sqlrooms.git"
-  },
-  "sideEffects": false,
   "scripts": {
-    "dev": "tsc -w",
     "build": "tsc",
+    "dev": "tsc -w",
+    "lint": "eslint .",
     "test": "NODE_OPTIONS='--experimental-vm-modules --no-warnings' jest",
     "test:watch": "NODE_OPTIONS='--experimental-vm-modules --no-warnings' jest --watch",
-    "lint": "eslint .",
     "typecheck": "tsc --noEmit",
     "typedoc": "typedoc"
   },
   "dependencies": {
     "@paralleldrive/cuid2": "^2.2.2",
-    "@sqlrooms/data-table": "0.29.0-rc.1",
-    "@sqlrooms/db": "0.29.0-rc.1",
-    "@sqlrooms/duckdb": "0.29.0-rc.1",
-    "@sqlrooms/room-store": "0.29.0-rc.1",
-    "@sqlrooms/sql-editor": "0.29.0-rc.1",
-    "@sqlrooms/ui": "0.29.0-rc.1",
-    "@sqlrooms/utils": "0.29.0-rc.1",
-    "@sqlrooms/vega": "0.29.0-rc.1",
+    "@sqlrooms/data-table": "0.29.0-rc.11",
+    "@sqlrooms/db": "0.29.0-rc.11",
+    "@sqlrooms/duckdb": "0.29.0-rc.11",
+    "@sqlrooms/room-store": "0.29.0-rc.11",
+    "@sqlrooms/sql-editor": "0.29.0-rc.11",
+    "@sqlrooms/ui": "0.29.0-rc.11",
+    "@sqlrooms/utils": "0.29.0-rc.11",
+    "@sqlrooms/vega": "0.29.0-rc.11",
     "@tanstack/react-table": "^8.21.3",
     "apache-arrow": "17.0.0",
     "immer": "^11.0.1",
     "lucide-react": "^0.555.0",
-    "monaco-editor": "^0.55.1",
     "react-hook-form": "^7.68.0",
     "react-markdown": "^10.1.0",
+    "remark-breaks": "^4.0.0",
     "remark-gfm": "^4.0.1",
     "zod": "^4.1.8"
   },
@@ -53,5 +52,5 @@
     "react": "^18 || ^19",
     "react-dom": "^18 || ^19"
   },
-  "gitHead": "69f127fd34bd7f2ce3d75d6098dbf8c1f5ab50f3"
+  "gitHead": "e451e434c67f59d16a45493689f092af134b207c"
 }

package/dist/components/DeleteSheetModal.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export type DeleteSheetModalProps = {
-    isOpen: boolean;
-    onClose: () => void;
-    onConfirm: () => void;
-    sheetTitle?: string;
-};
-export declare const DeleteSheetModal: React.FC<DeleteSheetModalProps>;
-//# sourceMappingURL=DeleteSheetModal.d.ts.map

package/dist/components/DeleteSheetModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DeleteSheetModal.d.ts","sourceRoot":"","sources":["../../src/components/DeleteSheetModal.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2B5D,CAAC"}

package/dist/components/DeleteSheetModal.js

@@ -1,6 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Button, } from '@sqlrooms/ui';
-export const DeleteSheetModal = ({ isOpen, onClose, onConfirm, sheetTitle, }) => {
-    return (_jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { children: ["Delete ", sheetTitle || 'Sheet'] }), _jsx(DialogDescription, { children: "Are you sure you want to delete this sheet? This action cannot be undone." })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: onClose, children: "Cancel" }), _jsx(Button, { variant: "destructive", onClick: onConfirm, children: "Delete" })] })] }) }));
-};
-//# sourceMappingURL=DeleteSheetModal.js.map

package/dist/components/DeleteSheetModal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DeleteSheetModal.js","sourceRoot":"","sources":["../../src/components/DeleteSheetModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,MAAM,GACP,MAAM,cAAc,CAAC;AAUtB,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAChE,MAAM,EACN,OAAO,EACP,SAAS,EACT,UAAU,GACX,EAAE,EAAE;IACH,OAAO,CACL,KAAC,MAAM,IAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,OAAO,EAAE,YAC9D,MAAC,aAAa,eACZ,MAAC,YAAY,eACX,MAAC,WAAW,0BAAS,UAAU,IAAI,OAAO,IAAe,EACzD,KAAC,iBAAiB,4FAGE,IACP,EACf,MAAC,YAAY,eACX,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,uBAEjC,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,aAAa,EAAC,OAAO,EAAE,SAAS,uBAEvC,IACI,IACD,GACT,CACV,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  Button,\n} from '@sqlrooms/ui';\nimport React from 'react';\n\nexport type DeleteSheetModalProps = {\n  isOpen: boolean;\n  onClose: () => void;\n  onConfirm: () => void;\n  sheetTitle?: string;\n};\n\nexport const DeleteSheetModal: React.FC<DeleteSheetModalProps> = ({\n  isOpen,\n  onClose,\n  onConfirm,\n  sheetTitle,\n}) => {\n  return (\n    <Dialog open={isOpen} onOpenChange={(open) => !open && onClose()}>\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>Delete {sheetTitle || 'Sheet'}</DialogTitle>\n          <DialogDescription>\n            Are you sure you want to delete this sheet? This action cannot be\n            undone.\n          </DialogDescription>\n        </DialogHeader>\n        <DialogFooter>\n          <Button variant=\"outline\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button variant=\"destructive\" onClick={onConfirm}>\n            Delete\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"]}

package/dist/components/SheetsTabBar.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export type SheetsTabBarProps = {
-    className?: string;
-};
-export declare const SheetsTabBar: React.FC<SheetsTabBarProps>;
-//# sourceMappingURL=SheetsTabBar.d.ts.map

package/dist/components/SheetsTabBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SheetsTabBar.d.ts","sourceRoot":"","sources":["../../src/components/SheetsTabBar.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAK5D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAQF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmIpD,CAAC"}

package/dist/components/SheetsTabBar.js

@@ -1,57 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, TabStrip, } from '@sqlrooms/ui';
-import { AppWindow, FileText, LayoutDashboard, PencilIcon, PlusIcon, TrashIcon, } from 'lucide-react';
-import React, { useCallback, useMemo, useState } from 'react';
-import { useCellsStore } from '../hooks';
-import { DeleteSheetModal } from './DeleteSheetModal';
-const TYPE_ICONS = {
-    notebook: FileText,
-    canvas: LayoutDashboard,
-    app: AppWindow,
-};
-export const SheetsTabBar = ({ className }) => {
-    const sheetOrder = useCellsStore((s) => s.cells.config.sheetOrder);
-    const sheets = useCellsStore((s) => s.cells.config.sheets);
-    const currentSheetId = useCellsStore((s) => s.cells.config.currentSheetId);
-    const supportedTypes = useCellsStore((s) => s.cells.supportedSheetTypes);
-    const addSheet = useCellsStore((s) => s.cells.addSheet);
-    const removeSheet = useCellsStore((s) => s.cells.removeSheet);
-    const closeSheet = useCellsStore((s) => s.cells.closeSheet);
-    const openSheet = useCellsStore((s) => s.cells.openSheet);
-    const setSheetOrder = useCellsStore((s) => s.cells.setSheetOrder);
-    const renameSheet = useCellsStore((s) => s.cells.renameSheet);
-    const setCurrentSheet = useCellsStore((s) => s.cells.setCurrentSheet);
-    const [sheetToDelete, setSheetToDelete] = useState(null);
-    const handleDeleteRequest = useCallback((sheetId) => {
-        const sheet = sheets[sheetId];
-        if (sheet && sheet.cellIds.length === 0) {
-            removeSheet(sheetId);
-        }
-        else {
-            setSheetToDelete(sheetId);
-        }
-    }, [sheets, removeSheet]);
-    const handleConfirmDelete = useCallback(() => {
-        if (sheetToDelete) {
-            removeSheet(sheetToDelete);
-            setSheetToDelete(null);
-        }
-    }, [sheetToDelete, removeSheet]);
-    const tabs = useMemo(() => Object.values(sheets).map((sheet) => ({
-        id: sheet.id,
-        name: sheet.title || 'Untitled',
-        type: sheet.type || 'notebook',
-    })), [sheets]);
-    return (_jsxs(TabStrip, { className: className, tabs: tabs, openTabs: sheetOrder, selectedTabId: currentSheetId, onSelect: setCurrentSheet, onRename: renameSheet, onClose: closeSheet, onOpenTabsChange: setSheetOrder, renderTabTitle: (tab) => {
-            const Icon = TYPE_ICONS[tab.type] || FileText;
-            return (_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(Icon, { className: "text-muted-foreground h-3.5 w-3.5 shrink-0" }), _jsx("div", { className: "truncate text-sm", children: tab.name })] }));
-        }, renderTabMenu: (tab) => (_jsxs(_Fragment, { children: [_jsxs(TabStrip.MenuItem, { onClick: () => renameSheet(tab.id, tab.name), children: [_jsx(PencilIcon, { className: "mr-2 h-4 w-4" }), "Rename"] }), _jsx(TabStrip.MenuSeparator, {}), _jsxs(TabStrip.MenuItem, { variant: "destructive", onClick: () => handleDeleteRequest(tab.id), children: [_jsx(TrashIcon, { className: "mr-2 h-4 w-4" }), "Delete"] })] })), renderSearchItemActions: (tab) => (_jsxs(_Fragment, { children: [_jsx(TabStrip.SearchItemAction, { icon: _jsx(PencilIcon, { className: "h-3 w-3" }), "aria-label": `Rename ${tab.name}`, onClick: () => renameSheet(tab.id, tab.name) }), _jsx(TabStrip.SearchItemAction, { icon: _jsx(TrashIcon, { className: "h-3 w-3" }), "aria-label": `Delete ${tab.name}`, onClick: () => handleDeleteRequest(tab.id) })] })), children: [_jsx(TabStrip.SearchDropdown, {}), _jsx(TabStrip.Tabs, { tabClassName: "pl-2" }), supportedTypes.length === 1 ? (_jsx(AddNewSheetButton, { onClick: () => addSheet(undefined, supportedTypes[0]) })) : (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(AddNewSheetButton, {}) }), _jsx(DropdownMenuContent, { align: "start", children: supportedTypes.map((type) => {
-                            const Icon = TYPE_ICONS[type];
-                            return (_jsxs(DropdownMenuItem, { onClick: () => addSheet(undefined, type), className: "capitalize", children: [_jsx(Icon, { className: "mr-2 h-4 w-4" }), "New ", type] }, type));
-                        }) })] })), _jsx(DeleteSheetModal, { isOpen: sheetToDelete !== null, onClose: () => setSheetToDelete(null), onConfirm: handleConfirmDelete, sheetTitle: sheetToDelete ? sheets[sheetToDelete]?.title : undefined })] }));
-};
-const AddNewSheetButton = React.forwardRef(({ className, ...props }, ref) => {
-    return (_jsx(Button, { ref: ref, size: "icon", variant: "ghost", className: `hover:bg-primary/10 h-full w-8 rounded-none ${className ?? ''}`, ...props, children: _jsx(PlusIcon, { className: "h-4 w-4" }) }));
-});
-AddNewSheetButton.displayName = 'AddNewSheetButton';
-//# sourceMappingURL=SheetsTabBar.js.map

package/dist/components/SheetsTabBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SheetsTabBar.js","sourceRoot":"","sources":["../../src/components/SheetsTabBar.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  TabStrip,\n  TabDescriptor,\n} from '@sqlrooms/ui';\nimport {\n  AppWindow,\n  FileText,\n  LayoutDashboard,\n  PencilIcon,\n  PlusIcon,\n  TrashIcon,\n} from 'lucide-react';\nimport React, {useCallback, useMemo, useState} from 'react';\nimport {useCellsStore} from '../hooks';\nimport {SheetType} from '../types';\nimport {DeleteSheetModal} from './DeleteSheetModal';\n\nexport type SheetsTabBarProps = {\n  className?: string;\n};\n\nconst TYPE_ICONS: Record<SheetType, React.ElementType> = {\n  notebook: FileText,\n  canvas: LayoutDashboard,\n  app: AppWindow,\n};\n\nexport const SheetsTabBar: React.FC<SheetsTabBarProps> = ({className}) => {\n  const sheetOrder = useCellsStore((s) => s.cells.config.sheetOrder);\n  const sheets = useCellsStore((s) => s.cells.config.sheets);\n  const currentSheetId = useCellsStore((s) => s.cells.config.currentSheetId);\n  const supportedTypes = useCellsStore((s) => s.cells.supportedSheetTypes);\n  const addSheet = useCellsStore((s) => s.cells.addSheet);\n  const removeSheet = useCellsStore((s) => s.cells.removeSheet);\n  const closeSheet = useCellsStore((s) => s.cells.closeSheet);\n  const openSheet = useCellsStore((s) => s.cells.openSheet);\n  const setSheetOrder = useCellsStore((s) => s.cells.setSheetOrder);\n  const renameSheet = useCellsStore((s) => s.cells.renameSheet);\n  const setCurrentSheet = useCellsStore((s) => s.cells.setCurrentSheet);\n\n  const [sheetToDelete, setSheetToDelete] = useState<string | null>(null);\n\n  const handleDeleteRequest = useCallback(\n    (sheetId: string) => {\n      const sheet = sheets[sheetId];\n      if (sheet && sheet.cellIds.length === 0) {\n        removeSheet(sheetId);\n      } else {\n        setSheetToDelete(sheetId);\n      }\n    },\n    [sheets, removeSheet],\n  );\n\n  const handleConfirmDelete = useCallback(() => {\n    if (sheetToDelete) {\n      removeSheet(sheetToDelete);\n      setSheetToDelete(null);\n    }\n  }, [sheetToDelete, removeSheet]);\n\n  const tabs = useMemo(\n    () =>\n      Object.values(sheets).map((sheet) => ({\n        id: sheet.id,\n        name: sheet.title || 'Untitled',\n        type: sheet.type || 'notebook',\n      })),\n    [sheets],\n  );\n\n  return (\n    <TabStrip\n      className={className}\n      tabs={tabs}\n      openTabs={sheetOrder}\n      selectedTabId={currentSheetId}\n      onSelect={setCurrentSheet}\n      onRename={renameSheet}\n      onClose={closeSheet}\n      onOpenTabsChange={setSheetOrder}\n      renderTabTitle={(tab: TabDescriptor) => {\n        const Icon = TYPE_ICONS[tab.type as SheetType] || FileText;\n        return (\n          <div className=\"flex min-w-0 items-center gap-2\">\n            <Icon className=\"text-muted-foreground h-3.5 w-3.5 shrink-0\" />\n            <div className=\"truncate text-sm\">{tab.name}</div>\n          </div>\n        );\n      }}\n      renderTabMenu={(tab) => (\n        <>\n          <TabStrip.MenuItem onClick={() => renameSheet(tab.id, tab.name)}>\n            <PencilIcon className=\"mr-2 h-4 w-4\" />\n            Rename\n          </TabStrip.MenuItem>\n          <TabStrip.MenuSeparator />\n          <TabStrip.MenuItem\n            variant=\"destructive\"\n            onClick={() => handleDeleteRequest(tab.id)}\n          >\n            <TrashIcon className=\"mr-2 h-4 w-4\" />\n            Delete\n          </TabStrip.MenuItem>\n        </>\n      )}\n      renderSearchItemActions={(tab) => (\n        <>\n          <TabStrip.SearchItemAction\n            icon={<PencilIcon className=\"h-3 w-3\" />}\n            aria-label={`Rename ${tab.name}`}\n            onClick={() => renameSheet(tab.id, tab.name)}\n          />\n          <TabStrip.SearchItemAction\n            icon={<TrashIcon className=\"h-3 w-3\" />}\n            aria-label={`Delete ${tab.name}`}\n            onClick={() => handleDeleteRequest(tab.id)}\n          />\n        </>\n      )}\n    >\n      <TabStrip.SearchDropdown />\n      <TabStrip.Tabs tabClassName=\"pl-2\" />\n\n      {supportedTypes.length === 1 ? (\n        <AddNewSheetButton\n          onClick={() => addSheet(undefined, supportedTypes[0])}\n        />\n      ) : (\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <AddNewSheetButton />\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"start\">\n            {supportedTypes.map((type) => {\n              const Icon = TYPE_ICONS[type];\n              return (\n                <DropdownMenuItem\n                  key={type}\n                  onClick={() => addSheet(undefined, type)}\n                  className=\"capitalize\"\n                >\n                  <Icon className=\"mr-2 h-4 w-4\" />\n                  New {type}\n                </DropdownMenuItem>\n              );\n            })}\n          </DropdownMenuContent>\n        </DropdownMenu>\n      )}\n      <DeleteSheetModal\n        isOpen={sheetToDelete !== null}\n        onClose={() => setSheetToDelete(null)}\n        onConfirm={handleConfirmDelete}\n        sheetTitle={sheetToDelete ? sheets[sheetToDelete]?.title : undefined}\n      />\n    </TabStrip>\n  );\n};\n\nconst AddNewSheetButton = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentPropsWithoutRef<typeof Button>\n>(({className, ...props}, ref) => {\n  return (\n    <Button\n      ref={ref}\n      size=\"icon\"\n      variant=\"ghost\"\n      className={`hover:bg-primary/10 h-full w-8 rounded-none ${className ?? ''}`}\n      {...props}\n    >\n      <PlusIcon className=\"h-4 w-4\" />\n    </Button>\n  );\n});\nAddNewSheetButton.displayName = 'AddNewSheetButton';\n"]}