@industry-theme/markdown-panels 0.3.0 → 0.3.1

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import { MarkdownPanel } from './panels/MarkdownPanel';
-import type { MarkdownPanelProps } from './panels/MarkdownPanel';
+import type { MarkdownPanelProps, ContentChangeInfo } from './panels/MarkdownPanel';
 import type { PanelDefinition, MarkdownPanelActions, MarkdownPanelContext } from './types';
 export { MarkdownPanel };
-export type { MarkdownPanelProps };
+export type { MarkdownPanelProps, ContentChangeInfo };
 /**
  * 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":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,EACV,eAAe,EAEf,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAIjB,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,kBAAkB,EAAE,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,eAAe,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,EA2B/E,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,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACpF,OAAO,KAAK,EACV,eAAe,EAEf,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAIjB,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,CAAC;AAEtD;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,eAAe,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,EA2B/E,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,6 +1,21 @@
 import React from 'react';
 import 'themed-markdown/dist/index.css';
 import type { PanelComponentProps, MarkdownPanelActions, MarkdownPanelContext } from '../types';
+/**
+ * Information about a content change event
+ */
+export interface ContentChangeInfo {
+    /** The file path that changed */
+    path: string;
+    /** Previous content before the change */
+    previousContent: string;
+    /** New content after the change */
+    newContent: string;
+    /** Character count difference (positive = added, negative = removed) */
+    charDiff: number;
+    /** Timestamp of when the change was detected */
+    timestamp: number;
+}
 export interface MarkdownPanelProps extends PanelComponentProps<MarkdownPanelActions, MarkdownPanelContext> {
     /**
      * Optional file path to display.
@@ -13,6 +28,12 @@ export interface MarkdownPanelProps extends PanelComponentProps<MarkdownPanelAct
      * Useful when embedding in panels that need responsive width handling.
      */
     width?: number;
+    /**
+     * Optional callback when file content changes externally.
+     * Called with info about the change including previous/new content.
+     * Useful for implementing diff visualization or change animations.
+     */
+    onContentChange?: (change: ContentChangeInfo) => void;
 }
 /**
  * MarkdownPanel - A panel for rendering markdown documents with industry theming

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,EACV,mBAAmB,EAEnB,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,UAAU,CAAC;AAmBlB,MAAM,WAAW,kBACf,SAAQ,mBAAmB,CAAC,oBAAoB,EAAE,oBAAoB,CAAC;IACvE;;;;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,CAudtD,CAAC"}
+{"version":3,"file":"MarkdownPanel.d.ts","sourceRoot":"","sources":["../../src/panels/MarkdownPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AASpE,OAAO,gCAAgC,CAAC;AACxC,OAAO,KAAK,EACV,mBAAmB,EAEnB,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,UAAU,CAAC;AAmBlB;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,iCAAiC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,yCAAyC;IACzC,eAAe,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,QAAQ,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,kBACf,SAAQ,mBAAmB,CAAC,oBAAoB,EAAE,oBAAoB,CAAC;IACvE;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;CACvD;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsgBtD,CAAC"}

package/dist/panels.bundle.js

@@ -47721,15 +47721,17 @@ const MarkdownPanel = ({
   actions,
   events,
   filePath: filePathProp,
-  width
+  width,
+  onContentChange
 }) => {
-  var _a, _b, _c, _d, _e2;
+  var _a, _b, _c, _d, _e2, _f;
   const { theme: theme2 } = useTheme();
   const [viewMode, setViewMode] = useState("document");
   const [currentSlide, setCurrentSlide] = useState(0);
   const [fontSizeScale, setFontSizeScale] = useState(1);
   const [isMobile, setIsMobile] = useState(false);
   const [preferencesLoaded, setPreferencesLoaded] = useState(false);
+  const previousContentRef = useRef(null);
   const [propBasedContent, setPropBasedContent] = useState(null);
   useEffect(() => {
     if (!filePathProp) {
@@ -47806,6 +47808,36 @@ const MarkdownPanel = ({
   } : activeFileSlice;
   const isMarkdown = ((_a = activeFile == null ? void 0 : activeFile.data) == null ? void 0 : _a.type) === "markdown" || ((_c = (_b = activeFile == null ? void 0 : activeFile.data) == null ? void 0 : _b.path) == null ? void 0 : _c.match(/\.(md|mdx|markdown)$/i));
   const markdownContent = ((_d = activeFile == null ? void 0 : activeFile.data) == null ? void 0 : _d.content) || "";
+  const currentFilePath = ((_e2 = activeFile == null ? void 0 : activeFile.data) == null ? void 0 : _e2.path) || "";
+  useEffect(() => {
+    const prev = previousContentRef.current;
+    if (!markdownContent || !currentFilePath) {
+      return;
+    }
+    if (prev && prev.path === currentFilePath && prev.content !== markdownContent) {
+      const changeInfo = {
+        path: currentFilePath,
+        previousContent: prev.content,
+        newContent: markdownContent,
+        charDiff: markdownContent.length - prev.content.length,
+        timestamp: Date.now()
+      };
+      if (onContentChange) {
+        onContentChange(changeInfo);
+      }
+      events.emit({
+        type: "markdown-panel:content-changed",
+        source: "markdown-panel",
+        timestamp: Date.now(),
+        payload: changeInfo
+      });
+      console.log("[MarkdownPanel] Content changed:", {
+        path: currentFilePath,
+        charDiff: changeInfo.charDiff
+      });
+    }
+    previousContentRef.current = { path: currentFilePath, content: markdownContent };
+  }, [markdownContent, currentFilePath, onContentChange, events]);
   const presentation = useMemo(
     () => parseMarkdownIntoPresentation2(markdownContent),
     [markdownContent]
@@ -47873,7 +47905,7 @@ const MarkdownPanel = ({
         },
         children: /* @__PURE__ */ jsx("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ jsxs("p", { style: { color: theme2.colors.textSecondary }, children: [
           "Loading ",
-          ((_e2 = activeFile.data) == null ? void 0 : _e2.path) || "file",
+          ((_f = activeFile.data) == null ? void 0 : _f.path) || "file",
           "..."
         ] }) })
       }