@cellgit/markdown-render 0.1.0 → 1.0.0

package/ios-example/SwiftUIMarkdownExample.swift

@@ -0,0 +1,111 @@
+import SwiftUI
+
+/// Demonstrates how to embed `MarkdownViewController` inside SwiftUI
+struct SwiftUIMarkdownExampleView: View {
+    @State private var markdown = """
+    # SwiftUI + MarkdownRender
+
+    - 自动暗黑模式
+    - 代码高亮
+    - 数学公式支持
+
+    $$x = \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}$$
+    """
+
+    @State private var contentHeight: CGFloat = 20
+
+    var body: some View {
+        ScrollView {
+            MarkdownViewControllerRepresentable(markdown: markdown, contentHeight: $contentHeight)
+                .frame(height: contentHeight)
+                .animation(.easeInOut(duration: 0.2), value: contentHeight)
+                .padding()
+        }
+        .background(Color(.systemBackground))
+        .navigationTitle("Markdown Preview")
+        .toolbar {
+            Button("随机内容") {
+                markdown = SwiftUIMarkdownExampleView.randomMarkdown()
+            }
+        }
+    }
+
+    private static func randomMarkdown() -> String {
+        let samples: [String] = [
+            """
+            # ChatGPT 风格
+
+            ```swift
+            func greet(_ name: String) {
+                print("Hello, \\(name)!")
+            }
+            ```
+            """,
+            """
+            ## 表格示例
+
+            | 语言 | 类型 |
+            |------|------|
+            | Swift | 静态 |
+            | JavaScript | 动态 |
+            """,
+            """
+            # 数学
+
+            Inline: $E = mc^2$
+
+            Block:
+            $$
+            \\int_{-\\infty}^{+\\infty} e^{-x^2} dx = \\sqrt{\\pi}
+            $$
+            """
+        ]
+        return samples.randomElement() ?? samples[0]
+    }
+}
+
+struct MarkdownViewControllerRepresentable: UIViewControllerRepresentable {
+    var markdown: String
+    @Binding var contentHeight: CGFloat
+
+    func makeCoordinator() -> Coordinator {
+        Coordinator(contentHeight: $contentHeight)
+    }
+
+    func makeUIViewController(context: Context) -> MarkdownViewController {
+        let controller = MarkdownViewController()
+        controller.onContentHeightChange = { [weak coordinator = context.coordinator] height in
+            coordinator?.updateHeight(height)
+        }
+        return controller
+    }
+
+    func updateUIViewController(_ uiViewController: MarkdownViewController, context: Context) {
+        uiViewController.renderMarkdown(markdown)
+    }
+
+    final class Coordinator {
+        private var contentHeight: Binding<CGFloat>
+
+        init(contentHeight: Binding<CGFloat>) {
+            self.contentHeight = contentHeight
+        }
+
+        func updateHeight(_ height: CGFloat) {
+            guard height >= 0 else { return }
+            if abs(contentHeight.wrappedValue - height) > 0.5 {
+                contentHeight.wrappedValue = height
+            }
+        }
+    }
+}
+
+#if DEBUG
+struct SwiftUIMarkdownExampleView_Previews: PreviewProvider {
+    static var previews: some View {
+        NavigationView {
+            SwiftUIMarkdownExampleView()
+        }
+    }
+}
+#endif

package/package.json

@@ -1,7 +1,10 @@
 {
   "name": "@cellgit/markdown-render",
-  "version": "0.1.0",
-  "description": "A frontend markdown rendering library with syntax highlighting, math support, and iOS system colors adaptation",
+  "version": "1.0.0",
+  "description": "Streaming-friendly markdown renderer with KaTeX math, code highlighting, and iOS-ready WebView bundle.",
+  "engines": {
+    "node": ">=18"
+  },
   "type": "module",
   "main": "dist/markdown-render.esm.js",
   "module": "dist/markdown-render.esm.js",
@@ -18,6 +21,8 @@
     "dist",
     "ios-example",
     "README.md",
+    "README.zh-CN.md",
+    "THIRD-PARTY-NOTICES.md",
     "QUICK_START_iOS.md",
     "iOS_COLORS.md"
   ],
@@ -25,7 +30,9 @@
     "build": "rollup -c && node scripts/copy-katex-fonts.js && node scripts/copy-html-template.js",
     "build:ios": "npm run build && node scripts/bundle-for-ios.js",
     "prepublishOnly": "npm run build",
-    "test": "echo \"No tests specified\" && exit 0"
+    "test": "node --import ./tests/register-loader.mjs --test tests/*.test.mjs",
+    "test:math": "node --import ./tests/register-loader.mjs --test tests/math*.test.mjs",
+    "math:report": "node --import ./tests/register-loader.mjs scripts/render-math-regression.mjs"
   },
   "keywords": [
     "markdown",
@@ -46,27 +53,28 @@
     "system-colors",
     "mobile"
   ],
-  "author": "",
+  "author": "cellgit",
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/yourusername/markdown-render.git"
+    "url": "git+https://github.com/cellgit/markdown-render.git"
   },
   "bugs": {
-    "url": "https://github.com/yourusername/markdown-render/issues"
+    "url": "https://github.com/cellgit/markdown-render/issues"
   },
-  "homepage": "https://github.com/yourusername/markdown-render#readme",
+  "homepage": "https://github.com/cellgit/markdown-render#readme",
   "dependencies": {
     "highlight.js": "^11.9.0",
     "katex": "^0.16.9",
     "markdown-it": "^14.1.0",
-    "markdown-it-task-lists": "^2.1.1",
-    "markdown-it-emoji": "^3.0.0"
+    "markdown-it-emoji": "^3.0.0",
+    "markdown-it-task-lists": "^2.1.1"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
+    "jsdom": "^29.1.1",
     "rollup": "^4.9.6",
     "rollup-plugin-import-css": "^3.5.2"
   }