@infinilabs/doc-detail 0.0.5 → 0.0.6

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@infinilabs/doc-detail",
   "private": false,
-  "version": "0.0.5",
+  "version": "0.0.6",
   "type": "module",
   "main": "dist/doc-detail.cjs",
   "module": "dist/doc-detail.js",

package/src/App.tsx

@@ -43,6 +43,17 @@ Approximately ten individuals, mostly men with one woman visible, are depicted w
 ## Relationships and Synthesis
 The document intertwines physical setting, human activity, and symbolic communication to portray a snapshot of corporate culture. The environment supports the event's purpose, the participants' uniformity reflects organizational cohesion, and the banner bridges corporate messaging with cultural tradition. Together, these elements construct a narrative of a modern, globally-aware company marking a moment of collective planning and aspirational growth.
 
+
+\`\`\`ts
+const analysisSummary = {
+  eventContext: "INFINI.com All Hands Meeting in 2023, Year of the Rabbit",
+  environment: "Modern conference room with professional yet relaxed atmosphere",
+  culturalElements: "Bilingual banner with metaphor for rapid advancement",
+  visualDetails: "Cohesive color palette, organized composition, branded attire",
+  humanElement: "Team identity through uniform clothing and active engagement",
+};
+\`\`\`
+
 \`\`\`mermaid
 mindmap
   root("Document Analysis: 106862408.jpg")

package/src/components/DocDetail/components/Preview/components/Markdown/index.tsx

@@ -4,8 +4,9 @@ import {
   type XMarkdownProps,
 } from "@ant-design/x-markdown";
 import { useEffect, useState, type FC } from "react";
-import { Mermaid } from "@ant-design/x";
+import { Mermaid, CodeHighlighter } from "@ant-design/x";
 import { Typography } from "antd";
+import clsx from "clsx";
 
 const { Text } = Typography;
 
@@ -19,6 +20,10 @@ const Code: FC<ComponentProps> = (props) => {
     return <Mermaid>{children}</Mermaid>;
   }
 
+  if (lang) {
+    return <CodeHighlighter lang={lang}>{children}</CodeHighlighter>;
+  }
+
   return <Text code>{children}</Text>;
 };
 
@@ -27,7 +32,7 @@ interface MarkdownProps extends XMarkdownProps {
 }
 
 const Markdown: FC<MarkdownProps> = (props) => {
-  const { url, ...rest } = props;
+  const { url, className, ...rest } = props;
 
   const [content, setContent] = useState(rest.content);
 
@@ -45,7 +50,14 @@ const Markdown: FC<MarkdownProps> = (props) => {
     fetchContent(url);
   }, [url]);
 
-  return <XMarkdown {...rest} content={content} components={{ code: Code }} />;
+  return (
+    <XMarkdown
+      {...rest}
+      className={clsx("[&_h1,h2,h3,h4,h5,h6,ul,ol,p]:[all:revert]", className)}
+      content={content}
+      components={{ code: Code }}
+    />
+  );
 };
 
 export default Markdown;