@lark-apaas/coding-template-nestjs-react-fullstack 0.1.37 → 0.1.38-alpha.20260909120821

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/coding-template-nestjs-react-fullstack",
-  "version": "0.1.37",
+  "version": "0.1.38-alpha.20260909120821",
   "description": "NestJS + React fullstack template for miaoda coding",
   "type": "module",
   "files": [

package/template/client/src/components/ui/markdown.tsx

@@ -0,0 +1,43 @@
+'use client';
+
+import * as React from 'react';
+import ReactMarkdown, { type Options } from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+
+import { cn } from '@/lib/utils';
+
+export interface MarkdownProps extends Options {
+  className?: string;
+}
+
+const defaultComponents: NonNullable<Options['components']> = {
+  a: ({ className, href, ...props }) => (
+    <a
+      className={cn(className)}
+      href={href}
+      rel={props.rel ?? 'noreferrer'}
+      target={props.target ?? '_blank'}
+      {...props}
+    />
+  ),
+  img: ({ className, alt, ...props }) => (
+    <img className={cn(className)} alt={alt ?? ''} {...props} />
+  ),
+};
+
+export function Markdown({
+  className,
+  remarkPlugins,
+  components,
+  ...props
+}: MarkdownProps) {
+  return (
+    <div className={cn('prose max-w-none dark:prose-invert', className)}>
+      <ReactMarkdown
+        remarkPlugins={[remarkGfm, ...(remarkPlugins ?? [])]}
+        components={{ ...defaultComponents, ...components }}
+        {...props}
+      />
+    </div>
+  );
+}

package/template/client/src/index.css

@@ -3,5 +3,4 @@
 @import "./tailwind-theme.css";
 @import "./typography.css";
 
-@source "../../node_modules/streamdown/dist/*.js";
 @config "../../tailwind.config.ts";