@starrykit/slides-editor 0.1.32 → 0.1.33

package/dist/components/editor-header.d.ts

@@ -12,6 +12,7 @@ interface EditorHeaderProps {
     onTitleChange?: (t: string) => void;
     onDeckSwitch?: (deckId: string) => void;
     onDeckImport?: (files: FileList) => void;
+    onDeckImportPath?: () => void;
     onPresent?: () => void;
     onExportPdf?: (selection: PdfExportSelection) => void;
     onExportHtml?: () => void;
@@ -21,5 +22,5 @@ interface EditorHeaderProps {
     isSaving: boolean;
     isSwitchingDeck?: boolean;
 }
-export declare function EditorHeader({ title, decks, currentDeckId, onTitleChange, onDeckSwitch, onDeckImport, onPresent, onExportPdf, onExportHtml, onExportSourceFiles, pdfSlides, pdfThumbnails, isSaving, isSwitchingDeck, }: EditorHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function EditorHeader({ title, decks, currentDeckId, onTitleChange, onDeckSwitch, onDeckImport, onDeckImportPath, onPresent, onExportPdf, onExportHtml, onExportSourceFiles, pdfSlides, pdfThumbnails, isSaving, isSwitchingDeck, }: EditorHeaderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/editor-workspace.d.ts

@@ -48,6 +48,7 @@ interface EditorWorkspaceProps {
     onDeckTitleChange?: (title: string) => void;
     onDeckSwitch?: (deckId: string) => void;
     onDeckImport?: (files: FileList) => void;
+    onDeckImportPath?: () => void;
     onExportPdf?: (selection: PdfExportSelection) => void;
     onExportHtml?: () => void;
     onExportSourceFiles?: () => void;
@@ -90,5 +91,5 @@ interface EditorWorkspaceProps {
     onDuplicateElement: () => void;
     onDeleteElement: () => void;
 }
-declare function EditorWorkspace({ slides, activeSlide, deckTitle, decks, currentDeckId, isSaving, isSwitchingDeck, isPresenting, thumbnails, slideWidth, slideHeight, offsetX, offsetY, scale, preselectionOverlay, marqueeOverlay, selectionOverlay, toolbarKey, inspectedStyles, selectedElementType, selectionCommandAvailability, isSelectedElementLocked, groupScopeOverlayPassive, isEditingText, isCropMode, cropOverlay, manipulationOverlay, attributeValues, iframeRef, stageViewportRef, selectionOverlayRef, selectionContextMenuTriggerRef, isManipulating, isToolbarSuppressed, onDeckTitleChange, onDeckSwitch, onDeckImport, onExportPdf, onExportHtml, onExportSourceFiles, onPresent, onExitPresenting, onSelectSlide, onSidebarSlideFocusChange, onAddSlide, onAddSlideAbove, onAddSlideBelow, onDuplicateSlide, onDeleteSlide, onToggleSlideHidden, onRenameSlide, onReorderSlide, onSidebarFocusChange, onSelectionOverlayMouseDown, onSelectionOverlayMouseUp, onSelectionOverlayMouseMove, onSelectionOverlayContextMenu, onStageMouseLeave, onResizeHandleMouseDown, onCornerRotationZoneMouseDown, onCropHandleMouseDown, onSelectionOverlayDoubleClick, onBackgroundClick, onStyleChange, onStyleChanges, onStylePreview, onAttributeChange, onAlignToSlide, onCropImage, onDistribute, onGroup, onLayerOrder, onUngroup, onDuplicateElement, onDeleteElement, }: EditorWorkspaceProps): import("react/jsx-runtime").JSX.Element;
+declare function EditorWorkspace({ slides, activeSlide, deckTitle, decks, currentDeckId, isSaving, isSwitchingDeck, isPresenting, thumbnails, slideWidth, slideHeight, offsetX, offsetY, scale, preselectionOverlay, marqueeOverlay, selectionOverlay, toolbarKey, inspectedStyles, selectedElementType, selectionCommandAvailability, isSelectedElementLocked, groupScopeOverlayPassive, isEditingText, isCropMode, cropOverlay, manipulationOverlay, attributeValues, iframeRef, stageViewportRef, selectionOverlayRef, selectionContextMenuTriggerRef, isManipulating, isToolbarSuppressed, onDeckTitleChange, onDeckSwitch, onDeckImport, onDeckImportPath, onExportPdf, onExportHtml, onExportSourceFiles, onPresent, onExitPresenting, onSelectSlide, onSidebarSlideFocusChange, onAddSlide, onAddSlideAbove, onAddSlideBelow, onDuplicateSlide, onDeleteSlide, onToggleSlideHidden, onRenameSlide, onReorderSlide, onSidebarFocusChange, onSelectionOverlayMouseDown, onSelectionOverlayMouseUp, onSelectionOverlayMouseMove, onSelectionOverlayContextMenu, onStageMouseLeave, onResizeHandleMouseDown, onCornerRotationZoneMouseDown, onCropHandleMouseDown, onSelectionOverlayDoubleClick, onBackgroundClick, onStyleChange, onStyleChanges, onStylePreview, onAttributeChange, onAlignToSlide, onCropImage, onDistribute, onGroup, onLayerOrder, onUngroup, onDuplicateElement, onDeleteElement, }: EditorWorkspaceProps): import("react/jsx-runtime").JSX.Element;
 export { EditorWorkspace };

package/dist/index.d.ts

@@ -10,6 +10,7 @@ export interface SlidesEditorProps {
     onDeckTitleChange?: (title: string) => void;
     onDeckSwitch?: (deckId: string) => void;
     onDeckImport?: (files: FileList) => void;
+    onDeckImportPath?: () => void;
     onExportPdf?: (selection: PdfExportSelection) => void;
     onExportHtml?: () => void;
     onExportSourceFiles?: () => void;
@@ -22,6 +23,6 @@ export interface DeckSwitcherOption {
     relativePath: string;
     isCurrent: boolean;
 }
-declare function SlidesEditor({ slides: loadedSlides, deckTitle, decks, currentDeckId, isSaving, isSwitchingDeck, onSlidesChange, onDeckTitleChange, onDeckSwitch, onDeckImport, onExportPdf, onExportHtml, onExportSourceFiles, }: SlidesEditorProps): import("react/jsx-runtime").JSX.Element;
+declare function SlidesEditor({ slides: loadedSlides, deckTitle, decks, currentDeckId, isSaving, isSwitchingDeck, onSlidesChange, onDeckTitleChange, onDeckSwitch, onDeckImport, onDeckImportPath, onExportPdf, onExportHtml, onExportSourceFiles, }: SlidesEditorProps): import("react/jsx-runtime").JSX.Element;
 export { SlidesEditor };
 export * from "@starrykit/slides-core";

package/dist/index.js

@@ -66,6 +66,7 @@ function EditorHeader({
   onTitleChange,
   onDeckSwitch,
   onDeckImport,
+  onDeckImportPath,
   onPresent,
   onExportPdf,
   onExportHtml,
@@ -83,7 +84,7 @@ function EditorHeader({
   const deckRef = useRef(null);
   const deckImportInputRef = useRef(null);
   const titleDisplay = title || "Untitled presentation";
-  const canOpenDeckMenu = decks.length > 0 || Boolean(onDeckImport);
+  const canOpenDeckMenu = decks.length > 0 || Boolean(onDeckImportPath || onDeckImport);
   useEffect(() => {
     const onDoc = (e) => {
       if (exportRef.current && !exportRef.current.contains(e.target)) {
@@ -241,7 +242,7 @@ function EditorHeader({
                     deck.id
                   );
                 }),
-                onDeckImport ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                onDeckImportPath || onDeckImport ? /* @__PURE__ */ jsxs(Fragment, { children: [
                   /* @__PURE__ */ jsx("div", { className: "my-1 h-px bg-foreground/[0.08]" }),
                   /* @__PURE__ */ jsxs(
                     "button",
@@ -250,14 +251,18 @@ function EditorHeader({
                       role: "menuitem",
                       onClick: () => {
                         setDeckOpen(false);
+                        if (onDeckImportPath) {
+                          onDeckImportPath();
+                          return;
+                        }
                         deckImportInputRef.current?.click();
                       },
                       className: "flex w-full items-start gap-2.5 rounded-md px-2.5 py-2 text-left text-foreground/72 transition-colors hover:bg-foreground/[0.04] hover:text-foreground",
                       children: [
                         /* @__PURE__ */ jsx("span", { className: "mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx(FolderInput, { className: "h-3.5 w-3.5" }) }),
                         /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
-                          /* @__PURE__ */ jsx("span", { className: "block truncate text-[13px] font-medium", children: "Import deck..." }),
-                          /* @__PURE__ */ jsx("span", { className: "mt-0.5 block truncate text-[11px] text-foreground/45", children: "Choose a folder with manifest.json" })
+                          /* @__PURE__ */ jsx("span", { className: "block truncate text-[13px] font-medium", children: "Open deck path..." }),
+                          /* @__PURE__ */ jsx("span", { className: "mt-0.5 block truncate text-[11px] text-foreground/45", children: "Use an existing folder with manifest.json" })
                         ] })
                       ]
                     }
@@ -5808,6 +5813,7 @@ function EditorWorkspace({
   onDeckTitleChange,
   onDeckSwitch,
   onDeckImport,
+  onDeckImportPath,
   onExportPdf,
   onExportHtml,
   onExportSourceFiles,
@@ -5863,6 +5869,7 @@ function EditorWorkspace({
               isSwitchingDeck,
               onDeckSwitch,
               onDeckImport,
+              onDeckImportPath,
               isSaving,
               onPresent,
               onExportHtml,
@@ -11350,6 +11357,7 @@ function SlidesEditor({
   onDeckTitleChange,
   onDeckSwitch,
   onDeckImport,
+  onDeckImportPath,
   onExportPdf,
   onExportHtml,
   onExportSourceFiles
@@ -11645,6 +11653,7 @@ function SlidesEditor({
       onDeckTitleChange,
       onDeckSwitch,
       onDeckImport,
+      onDeckImportPath,
       onExportHtml,
       onExportSourceFiles,
       onExportPdf,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@starrykit/slides-editor",
-  "version": "0.1.32",
+  "version": "0.1.33",
   "description": "Embeddable React editor UI for Starry Slides — host-driven through props and callbacks.",
   "license": "MIT",
   "homepage": "https://github.com/StarryKit/starry-slides#readme",
@@ -22,15 +22,12 @@
       "import": "./dist/index.js"
     }
   },
-  "files": [
-    "dist",
-    "src/styles"
-  ],
+  "files": ["dist", "src/styles"],
   "scripts": {
     "build": "tsc -p tsconfig.json && tsup src/index.tsx --format esm --external react --external react-dom"
   },
   "dependencies": {
-    "@starrykit/slides-core": "0.1.32",
+    "@starrykit/slides-core": "0.1.33",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "html-to-image": "^1.11.11",