@industry-theme/markdown-panels 0.2.21 → 0.2.23

package/dist/index.d.ts

@@ -1,4 +1,8 @@
+import { MarkdownPanel } from './panels/MarkdownPanel';
+import type { MarkdownPanelProps } from './panels/MarkdownPanel';
 import type { PanelDefinition } from './types';
+export { MarkdownPanel };
+export type { MarkdownPanelProps };
 /**
  * Export array of panel definitions.
  * This is the required export for panel extensions.

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAqB,MAAM,SAAS,CAAC;AAGlE;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,eAAe,EA0BnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,qBAEzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,qBAE3B,CAAC;AAEF;;;GAGG;AACH,OAAO,EACL,kBAAkB,EAClB,0BAA0B,EAC1B,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,EAAE,eAAe,EAAqB,MAAM,SAAS,CAAC;AAIlE,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,kBAAkB,EAAE,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,eAAe,EA0BnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,qBAEzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,qBAE3B,CAAC;AAEF;;;GAGG;AACH,OAAO,EACL,kBAAkB,EAClB,0BAA0B,EAC1B,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,SAAS,CAAC"}

package/dist/panels/MarkdownPanel.d.ts

@@ -1,15 +1,28 @@
 import React from 'react';
 import 'themed-markdown/dist/index.css';
 import type { PanelComponentProps } from '../types';
+export interface MarkdownPanelProps extends PanelComponentProps {
+    /**
+     * Optional file path to display.
+     * If provided, this takes precedence over the active-file context slice.
+     * This allows the host to control panel state via props instead of context.
+     */
+    filePath?: string | null;
+    /**
+     * Optional width to pass to DocumentView for layout calculations.
+     * Useful when embedding in panels that need responsive width handling.
+     */
+    width?: number;
+}
 /**
  * MarkdownPanel - A panel for rendering markdown documents with industry theming
  *
  * This panel integrates with the panel framework to:
  * - Listen to file:opened events
- * - Read content from the active-file context slice
+ * - Read content from the active-file context slice (or from filePath prop)
  * - Display markdown with themed rendering using DocumentView
  * - Support view mode switching between document and slides
  * - Provide font size controls and slide navigation
  */
-export declare const MarkdownPanel: React.FC<PanelComponentProps>;
+export declare const MarkdownPanel: React.FC<MarkdownPanelProps>;
 //# sourceMappingURL=MarkdownPanel.d.ts.map

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;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"}
+{"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,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;IAC7D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsatD,CAAC"}

package/dist/panels.bundle.js

@@ -46751,7 +46751,8 @@ var SlidePresentationBook = ({
   handlePromptCopy,
   fontSizeScale,
   theme: theme2,
-  repositoryInfo
+  repositoryInfo,
+  width
 }) => {
   const [isMobile, setIsMobile] = useState(false);
   useEffect(() => {
@@ -47150,7 +47151,8 @@ var SlidePresentationBook = ({
       handlePromptCopy,
       fontSizeScale,
       searchQuery: showSearch ? searchQuery : void 0,
-      repositoryInfo
+      repositoryInfo,
+      containerWidth: width
     }) : /* @__PURE__ */ React2__default.createElement("div", {
       style: {
         height: "100%",
@@ -47273,7 +47275,8 @@ var SlidePresentationBook = ({
       handlePromptCopy,
       fontSizeScale,
       searchQuery: showSearch ? searchQuery : void 0,
-      repositoryInfo
+      repositoryInfo,
+      containerWidth: width
     }) : /* @__PURE__ */ React2__default.createElement("div", {
       style: {
         height: "100%",
@@ -47465,6 +47468,7 @@ var SlidePresentationBook = ({
       fontSizeScale,
       searchQuery: showSearch ? searchQuery : void 0,
       repositoryInfo,
+      containerWidth: width,
       transparentBackground: true,
       additionalPadding: {
         left: `${theme2.space[4]}px`,
@@ -47511,6 +47515,7 @@ var SlidePresentationBook = ({
       fontSizeScale,
       searchQuery: showSearch ? searchQuery : void 0,
       repositoryInfo,
+      containerWidth: width,
       transparentBackground: true,
       additionalPadding: {
         left: `${theme2.space[2]}px`,
@@ -47581,6 +47586,7 @@ var SlidePresentationBook = ({
     fontSizeScale,
     searchQuery: showSearch ? searchQuery : void 0,
     repositoryInfo,
+    containerWidth: width,
     transparentBackground: false,
     disableScroll: false
   }))) : /* @__PURE__ */ React2__default.createElement("div", {
@@ -47649,6 +47655,7 @@ var DocumentView = ({
   content: content2,
   onCheckboxChange,
   maxWidth = "900px",
+  width,
   slideIdPrefix = "document",
   enableHtmlPopout = true,
   enableKeyboardScrolling = true,
@@ -47693,7 +47700,8 @@ var DocumentView = ({
     handlePromptCopy,
     repositoryInfo,
     transparentBackground,
-    editable
+    editable,
+    containerWidth: width
   })));
 };
 function parseMarkdownIntoPresentation2(markdownContent, repositoryInfo) {
@@ -47710,8 +47718,10 @@ const getBasePath = (filePath) => {
 };
 const MarkdownPanel = ({
   context,
-  actions: _actions,
-  events
+  actions,
+  events,
+  filePath: filePathProp,
+  width
 }) => {
   var _a, _b, _c, _d, _e2, _f, _g;
   const { theme: theme2 } = useTheme();
@@ -47720,6 +47730,15 @@ const MarkdownPanel = ({
   const [fontSizeScale, setFontSizeScale] = useState(1);
   const [isMobile, setIsMobile] = useState(false);
   const [preferencesLoaded, setPreferencesLoaded] = useState(false);
+  useEffect(() => {
+    if (filePathProp) {
+      console.log("[MarkdownPanel] Loading file from prop:", filePathProp);
+      const setActiveFile = actions == null ? void 0 : actions.setActiveFile;
+      if (typeof setActiveFile === "function") {
+        setActiveFile(filePathProp);
+      }
+    }
+  }, [filePathProp, actions]);
   useEffect(() => {
     const checkMobile = () => {
       setIsMobile(window.innerWidth < 768);
@@ -48047,7 +48066,8 @@ const MarkdownPanel = ({
                 },
                 slideIdPrefix: "markdown-panel",
                 maxWidth: "100%",
-                repositoryInfo
+                repositoryInfo,
+                width
               }
             ) : /* @__PURE__ */ jsx(
               SlidePresentationBook,
@@ -48069,7 +48089,8 @@ const MarkdownPanel = ({
                 tocDisplayMode: "sidebar",
                 tocSidebarPosition: "left",
                 initialTocOpen: false,
-                repositoryInfo
+                repositoryInfo,
+                width
               }
             )
           }
@@ -48209,6 +48230,7 @@ const onPackageUnload = async () => {
   console.log("Panel package unloading - Industry-Themed Markdown Panels");
 };
 export {
+  MarkdownPanel,
   changeFontSizeTool,
   markdownPanelTools,
   markdownPanelToolsMetadata,