@industry-theme/markdown-panels 0.2.15 → 0.2.17

package/dist/panels/MarkdownPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownPanel.d.ts","sourceRoot":"","sources":["../../src/panels/MarkdownPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAQ5D,OAAO,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,mBAAmB,EAAmB,MAAM,UAAU,CAAC;AAUrE;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgVvD,CAAC"}
+{"version":3,"file":"MarkdownPanel.d.ts","sourceRoot":"","sources":["../../src/panels/MarkdownPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAS5D,OAAO,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,mBAAmB,EAAmB,MAAM,UAAU,CAAC;AAmBrE;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsZvD,CAAC"}

package/dist/panels.bundle.js

@@ -43296,6 +43296,7 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
   handleRunBashCommand,
   handlePromptCopy,
   enableHtmlPopout = true,
+  autoFocusOnVisible = true,
   searchQuery,
   slideHeaderMarginTopOverride,
   theme: themeOverride,
@@ -43502,11 +43503,11 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
     }
   }, [enableKeyboardScrolling, isVisible, slideIndex, scrollConfig]);
   useEffect(() => {
-    if (isVisible && slideRef.current) {
+    if (autoFocusOnVisible && isVisible && slideRef.current) {
       console.log("🎯 Auto-focusing slide container");
       slideRef.current.focus();
     }
-  }, [isVisible]);
+  }, [autoFocusOnVisible, isVisible]);
   const openPlaceholderModal = (placeholders, promptContent) => {
     if (!handlePromptCopy)
       return;
@@ -46595,11 +46596,13 @@ var SlidePresentationBook = ({
   slideIdPrefix = "slide",
   enableHtmlPopout = true,
   enableKeyboardScrolling = true,
+  autoFocusOnVisible = true,
   onLinkClick,
   handleRunBashCommand,
   handlePromptCopy,
   fontSizeScale,
-  theme: theme2
+  theme: theme2,
+  repositoryInfo
 }) => {
   const [isMobile, setIsMobile] = useState(false);
   useEffect(() => {
@@ -46992,11 +46995,13 @@ var SlidePresentationBook = ({
       onCheckboxChange,
       enableHtmlPopout,
       enableKeyboardScrolling,
+      autoFocusOnVisible,
       onLinkClick,
       handleRunBashCommand,
       handlePromptCopy,
       fontSizeScale,
-      searchQuery: showSearch ? searchQuery : void 0
+      searchQuery: showSearch ? searchQuery : void 0,
+      repositoryInfo
     }) : /* @__PURE__ */ React2__default.createElement("div", {
       style: {
         height: "100%",
@@ -47113,11 +47118,13 @@ var SlidePresentationBook = ({
       onCheckboxChange,
       enableHtmlPopout,
       enableKeyboardScrolling,
+      autoFocusOnVisible,
       onLinkClick,
       handleRunBashCommand,
       handlePromptCopy,
       fontSizeScale,
-      searchQuery: showSearch ? searchQuery : void 0
+      searchQuery: showSearch ? searchQuery : void 0,
+      repositoryInfo
     }) : /* @__PURE__ */ React2__default.createElement("div", {
       style: {
         height: "100%",
@@ -47302,11 +47309,13 @@ var SlidePresentationBook = ({
       onCheckboxChange,
       enableHtmlPopout,
       enableKeyboardScrolling,
+      autoFocusOnVisible,
       onLinkClick,
       handleRunBashCommand,
       handlePromptCopy,
       fontSizeScale,
       searchQuery: showSearch ? searchQuery : void 0,
+      repositoryInfo,
       transparentBackground: true,
       additionalPadding: {
         left: `${theme2.space[4]}px`,
@@ -47346,11 +47355,13 @@ var SlidePresentationBook = ({
       onCheckboxChange,
       enableHtmlPopout,
       enableKeyboardScrolling,
+      autoFocusOnVisible,
       onLinkClick,
       handleRunBashCommand,
       handlePromptCopy,
       fontSizeScale,
       searchQuery: showSearch ? searchQuery : void 0,
+      repositoryInfo,
       transparentBackground: true,
       additionalPadding: {
         left: `${theme2.space[2]}px`,
@@ -47414,11 +47425,13 @@ var SlidePresentationBook = ({
     onCheckboxChange,
     enableHtmlPopout,
     enableKeyboardScrolling,
+    autoFocusOnVisible,
     onLinkClick,
     handleRunBashCommand,
     handlePromptCopy,
     fontSizeScale,
     searchQuery: showSearch ? searchQuery : void 0,
+    repositoryInfo,
     transparentBackground: false,
     disableScroll: false
   }))) : /* @__PURE__ */ React2__default.createElement("div", {
@@ -47494,6 +47507,7 @@ var DocumentView = ({
   slideIdPrefix = "document",
   enableHtmlPopout = true,
   enableKeyboardScrolling = true,
+  autoFocusOnVisible = true,
   onLinkClick,
   handleRunBashCommand,
   handlePromptCopy,
@@ -47541,6 +47555,7 @@ var DocumentView = ({
       onCheckboxChange,
       enableHtmlPopout,
       enableKeyboardScrolling,
+      autoFocusOnVisible,
       onLinkClick,
       handleRunBashCommand,
       fontSizeScale,
@@ -47577,6 +47592,7 @@ var DocumentView = ({
       onCheckboxChange,
       enableHtmlPopout,
       enableKeyboardScrolling,
+      autoFocusOnVisible,
       onLinkClick,
       handleRunBashCommand,
       fontSizeScale,
@@ -47643,6 +47659,7 @@ var DocumentView = ({
     onCheckboxChange,
     enableHtmlPopout,
     enableKeyboardScrolling,
+    autoFocusOnVisible,
     onLinkClick,
     handleRunBashCommand,
     fontSizeScale,
@@ -47666,17 +47683,23 @@ const basename = (path2) => {
   const parts = path2.split("/");
   return parts[parts.length - 1] || path2;
 };
+const getBasePath = (filePath) => {
+  const parts = filePath.split("/");
+  parts.pop();
+  return parts.join("/");
+};
 const MarkdownPanel = ({
   context,
   actions: _actions,
   events
 }) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f, _g;
   const { theme: theme2 } = useTheme();
   const [viewMode, setViewMode] = useState("book");
   const [currentSlide, setCurrentSlide] = useState(0);
   const [fontSizeScale, setFontSizeScale] = useState(1);
   const [isMobile, setIsMobile] = useState(false);
+  const [preferencesLoaded, setPreferencesLoaded] = useState(false);
   useEffect(() => {
     const checkMobile = () => {
       setIsMobile(window.innerWidth < 768);
@@ -47685,10 +47708,30 @@ const MarkdownPanel = ({
     window.addEventListener("resize", checkMobile);
     return () => window.removeEventListener("resize", checkMobile);
   }, []);
+  useEffect(() => {
+    const unsubscribe = events.on("markdown-panel:set-preferences", (event) => {
+      const payload = event.payload;
+      if (payload.viewMode) {
+        setViewMode(payload.viewMode);
+      }
+      if (payload.fontSizeScale !== void 0) {
+        setFontSizeScale(payload.fontSizeScale);
+      }
+      setPreferencesLoaded(true);
+    });
+    return unsubscribe;
+  }, [events]);
+  useEffect(() => {
+    events.emit({
+      type: "markdown-panel:request-preferences",
+      source: "markdown-panel",
+      timestamp: Date.now(),
+      payload: {}
+    });
+  }, [events]);
   useEffect(() => {
     const unsubscribe = events.on("file:opened", (event) => {
       console.log("Markdown Panel: File opened:", event.payload);
-      setViewMode("book");
       setCurrentSlide(0);
     });
     return unsubscribe;
@@ -47702,11 +47745,51 @@ const MarkdownPanel = ({
   );
   const slides = presentation.slides.map((slide) => slide.location.content);
   const hasSlides = slides.length > 1;
+  const repositoryInfo = useMemo(() => {
+    var _a2, _b2, _c2;
+    const source2 = (_a2 = activeFile == null ? void 0 : activeFile.data) == null ? void 0 : _a2.source;
+    if (!source2) return void 0;
+    const branch = source2.locationType === "branch" ? source2.location : ((_b2 = source2.metadata) == null ? void 0 : _b2.currentBranch) || "main";
+    return {
+      owner: source2.owner,
+      repo: source2.name,
+      branch,
+      basePath: getBasePath(((_c2 = activeFile == null ? void 0 : activeFile.data) == null ? void 0 : _c2.path) || "")
+    };
+  }, [(_e = activeFile == null ? void 0 : activeFile.data) == null ? void 0 : _e.source, (_f = activeFile == null ? void 0 : activeFile.data) == null ? void 0 : _f.path]);
   const handleFontSizeIncrease = () => {
-    setFontSizeScale((prev) => Math.min(prev + 0.1, 3));
+    setFontSizeScale((prev) => {
+      const newScale = Math.min(prev + 0.1, 3);
+      events.emit({
+        type: "markdown-panel:font-scale-change",
+        source: "markdown-panel",
+        timestamp: Date.now(),
+        payload: { fontSizeScale: newScale }
+      });
+      return newScale;
+    });
   };
   const handleFontSizeDecrease = () => {
-    setFontSizeScale((prev) => Math.max(prev - 0.1, 0.5));
+    setFontSizeScale((prev) => {
+      const newScale = Math.max(prev - 0.1, 0.5);
+      events.emit({
+        type: "markdown-panel:font-scale-change",
+        source: "markdown-panel",
+        timestamp: Date.now(),
+        payload: { fontSizeScale: newScale }
+      });
+      return newScale;
+    });
+  };
+  const handleViewModeChange = (mode) => {
+    setViewMode(mode);
+    setCurrentSlide(0);
+    events.emit({
+      type: "markdown-panel:view-mode-change",
+      source: "markdown-panel",
+      timestamp: Date.now(),
+      payload: { viewMode: mode }
+    });
   };
   if (activeFile == null ? void 0 : activeFile.loading) {
     return /* @__PURE__ */ jsx(
@@ -47722,7 +47805,7 @@ const MarkdownPanel = ({
         },
         children: /* @__PURE__ */ jsx("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ jsxs("p", { style: { color: theme2.colors.textSecondary }, children: [
           "Loading ",
-          ((_e = activeFile.data) == null ? void 0 : _e.path) || "file",
+          ((_g = activeFile.data) == null ? void 0 : _g.path) || "file",
           "..."
         ] }) })
       }
@@ -47876,10 +47959,7 @@ const MarkdownPanel = ({
                       /* @__PURE__ */ jsx(
                         "button",
                         {
-                          onClick: () => {
-                            setViewMode("book");
-                            setCurrentSlide(0);
-                          },
+                          onClick: () => handleViewModeChange("book"),
                           title: "Sections",
                           style: {
                             background: viewMode === "book" ? theme2.colors.primary : "transparent",
@@ -47901,10 +47981,7 @@ const MarkdownPanel = ({
                       /* @__PURE__ */ jsx(
                         "button",
                         {
-                          onClick: () => {
-                            setViewMode("document");
-                            setCurrentSlide(0);
-                          },
+                          onClick: () => handleViewModeChange("document"),
                           title: "Document",
                           style: {
                             background: viewMode === "document" ? theme2.colors.primary : "transparent",
@@ -47943,15 +48020,14 @@ const MarkdownPanel = ({
             children: viewMode === "document" ? /* @__PURE__ */ jsx(
               DocumentView,
               {
-                content: slides,
+                content: markdownContent,
                 theme: theme2,
                 fontSizeScale,
                 onCheckboxChange: () => {
                 },
                 slideIdPrefix: "markdown-panel",
-                showSectionHeaders: true,
-                showSeparators: true,
-                maxWidth: "100%"
+                maxWidth: "100%",
+                repositoryInfo
               }
             ) : /* @__PURE__ */ jsx(
               SlidePresentationBook,
@@ -47972,7 +48048,8 @@ const MarkdownPanel = ({
                 enableKeyboardScrolling: true,
                 tocDisplayMode: "sidebar",
                 tocSidebarPosition: "left",
-                initialTocOpen: false
+                initialTocOpen: false,
+                repositoryInfo
               }
             )
           }