@coderminer/vue-markdown 0.0.0-stage → 1.0.0

package/dist/styles/math.css

@@ -0,0 +1,18 @@
+[data-vmd-part='math'] {
+  color: var(--vmd-math-color);
+  background: var(--vmd-math-bg);
+}
+
+[data-vmd-part='math'][data-display='true'] {
+  display: block;
+  margin-top: var(--vmd-space-4);
+  margin-bottom: var(--vmd-space-4);
+  margin-block: var(--vmd-space-4);
+  overflow-x: auto;
+  text-align: center;
+}
+
+[data-vmd-part='math-error'] {
+  color: var(--vmd-color-danger);
+  font-family: var(--vmd-font-mono);
+}

package/dist/styles/tokens.css

@@ -0,0 +1,96 @@
+:root,
+[data-vmd-theme='light'] {
+  --vmd-font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
+    "Helvetica Neue", Arial, "Noto Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
+  --vmd-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono",
+    monospace;
+  --vmd-font-size: 1rem;
+  --vmd-line-height: 1.75;
+
+  --vmd-color-text: #1f2328;
+  --vmd-color-muted: #59636e;
+  --vmd-color-bg: #ffffff;
+  --vmd-color-surface: #f6f8fa;
+  --vmd-color-border: #d1d9e0;
+  --vmd-color-accent: #0969da;
+  --vmd-color-accent-contrast: #ffffff;
+  --vmd-color-danger: #cf222e;
+  --vmd-color-success: #1a7f37;
+
+  --vmd-space-1: 0.25rem;
+  --vmd-space-2: 0.5rem;
+  --vmd-space-3: 0.75rem;
+  --vmd-space-4: 1rem;
+  --vmd-space-5: 1.5rem;
+  --vmd-space-6: 2rem;
+
+  --vmd-radius-sm: 4px;
+  --vmd-radius-md: 6px;
+  --vmd-radius-lg: 10px;
+
+  --vmd-shadow-sm: 0 1px 2px rgb(31 35 40 / 8%);
+  --vmd-shadow-md: 0 4px 12px rgb(31 35 40 / 12%);
+
+  --vmd-motion-duration: 160ms;
+  --vmd-motion-easing: cubic-bezier(0.2, 0, 0.2, 1);
+
+  --vmd-code-bg: #f6f8fa;
+  --vmd-code-text: #1f2328;
+  --vmd-code-border: #d1d9e0;
+  --vmd-code-toolbar-bg: #eef1f4;
+
+  --vmd-math-color: #1f2328;
+  --vmd-math-bg: transparent;
+  --vmd-mermaid-bg: #ffffff;
+  --vmd-mermaid-border: #d1d9e0;
+
+  --vmd-z-fullscreen: 1000;
+}
+
+[data-vmd-theme='dark'] {
+  --vmd-color-text: #e6edf3;
+  --vmd-color-muted: #9198a1;
+  --vmd-color-bg: #0d1117;
+  --vmd-color-surface: #151b23;
+  --vmd-color-border: #3d444d;
+  --vmd-color-accent: #4493f8;
+  --vmd-color-accent-contrast: #ffffff;
+  --vmd-color-danger: #f85149;
+  --vmd-color-success: #3fb950;
+  --vmd-shadow-sm: 0 1px 2px rgb(1 4 9 / 40%);
+  --vmd-shadow-md: 0 4px 12px rgb(1 4 9 / 55%);
+  --vmd-code-bg: #151b23;
+  --vmd-code-text: #e6edf3;
+  --vmd-code-border: #3d444d;
+  --vmd-code-toolbar-bg: #1c232c;
+  --vmd-math-color: #e6edf3;
+  --vmd-mermaid-bg: #0d1117;
+  --vmd-mermaid-border: #3d444d;
+}
+
+@media (prefers-color-scheme: dark) {
+  [data-vmd-theme='auto'] {
+    --vmd-color-text: #e6edf3;
+    --vmd-color-muted: #9198a1;
+    --vmd-color-bg: #0d1117;
+    --vmd-color-surface: #151b23;
+    --vmd-color-border: #3d444d;
+    --vmd-color-accent: #4493f8;
+    --vmd-color-accent-contrast: #ffffff;
+    --vmd-color-danger: #f85149;
+    --vmd-color-success: #3fb950;
+    --vmd-shadow-sm: 0 1px 2px rgb(1 4 9 / 40%);
+    --vmd-shadow-md: 0 4px 12px rgb(1 4 9 / 55%);
+    --vmd-code-bg: #151b23;
+    --vmd-code-text: #e6edf3;
+    --vmd-code-border: #3d444d;
+    --vmd-code-toolbar-bg: #1c232c;
+    --vmd-math-color: #e6edf3;
+    --vmd-mermaid-bg: #0d1117;
+    --vmd-mermaid-border: #3d444d;
+  }
+}
+
+[data-vmd-theme='custom'] {
+  /* Intentionally empty: the host supplies every color token. */
+}

package/package.json

@@ -1,6 +1,211 @@
-{
-  "name": "@coderminer/vue-markdown",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+{
+  "name": "@coderminer/vue-markdown",
+  "version": "1.0.0",
+  "description": "A general-purpose, customizable, plugin-driven Vue 3 Markdown component suite.",
+  "keywords": [
+    "vue",
+    "vue3",
+    "markdown",
+    "markdown-renderer",
+    "unified",
+    "remark",
+    "rehype",
+    "syntax-highlighting",
+    "katex",
+    "mermaid",
+    "ssr"
+  ],
+  "homepage": "https://coderminer.github.io/vue-markdown/",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/coderminer/vue-markdown.git"
+  },
+  "bugs": {
+    "url": "https://github.com/coderminer/vue-markdown/issues"
+  },
+  "author": "CoderMiner",
+  "type": "module",
+  "license": "MIT",
+  "engines": {
+    "node": ">=20"
+  },
+  "files": [
+    "dist",
+    "CHANGELOG.md"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "types": "./dist/index.d.ts",
+  "module": "./dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./headless": {
+      "types": "./dist/headless.d.ts",
+      "import": "./dist/headless.js"
+    },
+    "./pipeline": {
+      "types": "./dist/pipeline.d.ts",
+      "import": "./dist/pipeline.js"
+    },
+    "./plugins": {
+      "types": "./dist/plugins.d.ts",
+      "import": "./dist/plugins.js"
+    },
+    "./presets": {
+      "types": "./dist/presets.d.ts",
+      "import": "./dist/presets.js"
+    },
+    "./node-components": {
+      "types": "./dist/node-components.d.ts",
+      "import": "./dist/node-components.js"
+    },
+    "./highlight": {
+      "types": "./dist/highlight/index.d.ts",
+      "import": "./dist/highlight/index.js"
+    },
+    "./highlight/shiki": {
+      "types": "./dist/highlight/shiki.d.ts",
+      "import": "./dist/highlight/shiki.js"
+    },
+    "./math": {
+      "types": "./dist/math/index.d.ts",
+      "import": "./dist/math/index.js"
+    },
+    "./mermaid": {
+      "types": "./dist/mermaid/index.d.ts",
+      "import": "./dist/mermaid/index.js"
+    },
+    "./editor": {
+      "types": "./dist/editor/index.d.ts",
+      "import": "./dist/editor/index.js"
+    },
+    "./html": {
+      "types": "./dist/html/index.d.ts",
+      "import": "./dist/html/index.js"
+    },
+    "./components/*": {
+      "types": "./dist/components/*.d.ts",
+      "import": "./dist/components/*.js"
+    },
+    "./styles/tokens.css": "./dist/styles/tokens.css",
+    "./styles/components.css": "./dist/styles/components.css",
+    "./styles/math.css": "./dist/styles/math.css",
+    "./styles/math-full.css": "./dist/styles/math-full.css",
+    "./style.css": "./dist/style.css",
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "dev": "vite --config vite.demo.config.ts",
+    "build": "npm run build:lib && npm run build:demo",
+    "build:lib": "vite build --config vite.lib.config.ts && node scripts/copy-styles.mjs && node scripts/fix-dts.mjs",
+    "build:demo": "vite build --config vite.demo.config.ts",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "vue-tsc --noEmit -p tsconfig.json",
+    "lint": "eslint .",
+    "size": "node scripts/size-guard.mjs",
+    "bench": "node bench/index.mjs",
+    "prepublishOnly": "npm run build:lib",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:preview": "vitepress preview docs"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@codemirror/commands": "^6.0.0",
+    "@codemirror/language": "^6.0.0",
+    "@codemirror/state": "^6.0.0",
+    "@codemirror/view": "^6.0.0",
+    "highlight.js": "^11.0.0",
+    "katex": ">=0.16 <1",
+    "mermaid": "^12.0.0",
+    "rehype-raw": "^7.0.0",
+    "shiki": "^4.0.0",
+    "vue": "^3.5.0"
+  },
+  "peerDependenciesMeta": {
+    "highlight.js": {
+      "optional": true
+    },
+    "katex": {
+      "optional": true
+    },
+    "shiki": {
+      "optional": true
+    },
+    "mermaid": {
+      "optional": true
+    },
+    "rehype-raw": {
+      "optional": true
+    },
+    "@codemirror/state": {
+      "optional": true
+    },
+    "@codemirror/view": {
+      "optional": true
+    },
+    "@codemirror/language": {
+      "optional": true
+    },
+    "@codemirror/commands": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "github-slugger": "^2.0.0",
+    "hast-util-from-html": "^2.0.3",
+    "hast-util-sanitize": "^5.0.2",
+    "rehype-katex": "^7.0.1",
+    "rehype-sanitize": "^6.0.0",
+    "rehype-stringify": "^10.0.1",
+    "remark-frontmatter": "^5.0.0",
+    "remark-gfm": "^4.0.1",
+    "remark-math": "^6.0.0",
+    "remark-parse": "^11.0.0",
+    "remark-rehype": "^11.1.2",
+    "unified": "^11.0.5",
+    "unist-util-visit": "^5.1.0",
+    "vfile": "^6.0.3",
+    "yaml": "^2.9.1"
+  },
+  "devDependencies": {
+    "@codemirror/commands": "^6.11.1",
+    "@codemirror/language": "^6.13.1",
+    "@codemirror/state": "^6.7.6",
+    "@codemirror/view": "^6.43.15",
+    "@eslint/js": "^9.39.5",
+    "@types/node": "^26.6.5",
+    "@vitejs/plugin-vue": "^6.0.10",
+    "@vue/server-renderer": "^3.5.44",
+    "@vue/test-utils": "^2.5.1",
+    "commonmark-spec": "^0.31.2",
+    "eslint": "^9.39.5",
+    "eslint-plugin-vue": "^10.11.1",
+    "happy-dom": "^21.0.4",
+    "hast-util-to-html": "^9.0.5",
+    "highlight.js": "^11.12.0",
+    "katex": "^0.19.1",
+    "mermaid": "^12.2.0",
+    "rehype-highlight": "^7.0.2",
+    "rehype-raw": "^7.0.0",
+    "remark-frontmatter": "^5.0.0",
+    "remark-gfm": "^4.0.1",
+    "shiki": "^4.5.0",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.72.0",
+    "vite": "^8.3.5",
+    "vite-plugin-dts": "^5.1.2",
+    "vitepress": "^1.6.4",
+    "vitest": "^5.0.5",
+    "vue": "^3.5.44",
+    "vue-eslint-parser": "^10.4.1",
+    "vue-tsc": "^3.3.13"
+  }
+}