@industry-theme/markdown-panels 0.2.15 → 0.2.16

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;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,CAiYvD,CAAC"}

package/dist/panels.bundle.js

@@ -47677,6 +47677,7 @@ const MarkdownPanel = ({
   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 +47686,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;
@@ -47703,10 +47724,38 @@ const MarkdownPanel = ({
   const slides = presentation.slides.map((slide) => slide.location.content);
   const hasSlides = slides.length > 1;
   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(
@@ -47876,10 +47925,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 +47947,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,14 +47986,12 @@ 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%"
               }
             ) : /* @__PURE__ */ jsx(