vuepress-plugin-md-power 1.0.0-rc.181 → 1.0.0-rc.183

package/lib/client/components/CodeRepl.vue

@@ -97,8 +97,6 @@ function runCode() {
 
 .code-repl-output {
   position: relative;
-  top: -20px;
-  padding-top: 6px;
   margin: 0 -1.5rem;
   background-color: var(--vp-code-block-bg);
   transition: background-color var(--vp-t-color);

package/lib/client/components/CodeTabs.vue

@@ -157,6 +157,9 @@ function onTabNavClick(index: number): void {
 
 .vp-code-tab-nav {
   position: relative;
+  display: inline-flex;
+  gap: 4px;
+  align-items: center;
   padding: 0 12px;
   font-size: 14px;
   font-weight: 500;
@@ -202,7 +205,7 @@ function onTabNavClick(index: number): void {
 .vp-code-tab-nav .vp-icon {
   width: 18px;
   height: 18px;
-  margin-left: 0;
+  margin: 0;
 }
 
 .vp-code-tab-nav span {

package/lib/client/composables/mark.js

@@ -1,13 +1,11 @@
-import { onBeforeUnmount, onMounted } from "vue";
-import { onContentUpdated, useRouter } from "vuepress/client";
+import { onContentUpdated } from "vuepress/client";
 
 //#region src/client/composables/mark.ts
 const MARK_MODE_ATTR = "data-mark-mode";
 const MARK_MODE_LAZY = "lazy";
 const MARK_VISIBLE_CLASS = "vp-mark-visible";
 const MARK_BOUND_ATTR = "data-vp-mark-bound";
-const MARK_SELECTOR = ".vp-doc mark";
-const DOC_SELECTOR = ".vp-doc";
+const MARK_SELECTOR = "mark";
 const BOUND_SELECTOR = `${MARK_SELECTOR}[${MARK_BOUND_ATTR}="1"]`;
 function setupMarkHighlight(mode) {
 	if (typeof window === "undefined" || __VUEPRESS_SSR__) return;
@@ -18,9 +16,7 @@ function setupMarkHighlight(mode) {
 	}
 	root.setAttribute(MARK_MODE_ATTR, MARK_MODE_LAZY);
 	let intersectionObserver = null;
-	let mutationObserver = null;
 	let rafId = null;
-	let removeAfterEach = null;
 	const ensureObserver = () => {
 		if (!intersectionObserver) intersectionObserver = new IntersectionObserver((entries, obs) => {
 			for (const entry of entries) {
@@ -57,51 +53,18 @@ function setupMarkHighlight(mode) {
 			bindMarks();
 		});
 	};
-	const observeDocMutations = () => {
-		const doc = document.querySelector(DOC_SELECTOR);
-		if (!doc) return;
-		if (mutationObserver) mutationObserver.disconnect();
-		mutationObserver = new MutationObserver((mutations) => {
-			if (mutations.some((mutation) => mutation.addedNodes.length > 0)) scheduleBind();
-		});
-		mutationObserver.observe(doc, {
-			childList: true,
-			subtree: true
-		});
-	};
 	const resetObserver = () => {
-		document.querySelectorAll(BOUND_SELECTOR).forEach((mark) => {
+		if (!intersectionObserver) return;
+		intersectionObserver.disconnect();
+		intersectionObserver = null;
+		Array.from(document.querySelectorAll(BOUND_SELECTOR) || []).forEach((mark) => {
 			if (!mark.classList.contains(MARK_VISIBLE_CLASS)) mark.removeAttribute(MARK_BOUND_ATTR);
 		});
-		if (intersectionObserver) {
-			intersectionObserver.disconnect();
-			intersectionObserver = null;
-		}
 	};
-	const router = useRouter();
-	onMounted(() => {
-		observeDocMutations();
-		scheduleBind();
-	});
 	onContentUpdated(() => {
 		resetObserver();
-		observeDocMutations();
 		scheduleBind();
 	});
-	if (router?.afterEach) removeAfterEach = router.afterEach(() => {
-		resetObserver();
-		observeDocMutations();
-		scheduleBind();
-	});
-	if (router?.isReady) router.isReady().then(() => scheduleBind()).catch(() => {});
-	onBeforeUnmount(() => {
-		if (rafId !== null) cancelAnimationFrame(rafId);
-		resetObserver();
-		mutationObserver?.disconnect();
-		mutationObserver = null;
-		removeAfterEach?.();
-		removeAfterEach = null;
-	});
 }
 
 //#endregion

package/lib/node/index.d.ts

@@ -146,6 +146,20 @@ interface IconifyProvider extends IconProviderBase {
    * @default ''
    */
   prefix?: LiteralUnion<IconifyPrefix>;
+  /**
+   * preload iconify icons
+   *
+   * 预加载 iconify 图标，
+   *
+   *
+   * - `string[]` 需要预加载的图标名称，`collect:name` 格式
+   * - `Record<collect, name[]>` 以 collect 为 key, value 为需要预加载的图标 `name`
+   *    其中，如果 key 为 `preflight` 时，value 为预加载图标的 `collect:name` 格式
+   *
+   * 此配置主要用于开发组件时，在组件中直接使用 `<VPIcon name="xx" />` 时无法触发
+   * 主题的图标本地资源分析功能，通过预加载的方式直接预设为本地资源图标。
+   */
+  preload?: string[] | Record<LiteralUnion<IconifyPrefix | 'preflight'>, string[]>;
 }
 type FontAwesomeAssetBuiltIn = 'fontawesome' | 'fontawesome-with-brands';
 type IconAssetLink = `//${string}` | `//${string}` | `https://${string}` | `http://${string}`;

package/lib/node/index.js

@@ -1777,11 +1777,12 @@ function parseFileTreeRawContent(content) {
 		children: []
 	};
 	const stack = [root];
-	const lines = content.trim().split("\n");
+	const lines = content.trimEnd().split("\n");
+	const spaceLength = lines[0].match(/^\s*/)?.[0].length ?? 0;
 	for (const line of lines) {
 		const match = line.match(/^(\s*)-(.*)$/);
 		if (!match) continue;
-		const level = Math.floor(match[1].length / 2);
+		const level = Math.floor((match[1].length - spaceLength) / 2);
 		const info = match[2].trim();
 		while (stack.length > 0 && stack[stack.length - 1].level >= level) stack.pop();
 		const parent = stack[stack.length - 1];

package/lib/shared/index.d.ts

@@ -144,6 +144,20 @@ interface IconifyProvider extends IconProviderBase {
    * @default ''
    */
   prefix?: LiteralUnion<IconifyPrefix>;
+  /**
+   * preload iconify icons
+   *
+   * 预加载 iconify 图标，
+   *
+   *
+   * - `string[]` 需要预加载的图标名称，`collect:name` 格式
+   * - `Record<collect, name[]>` 以 collect 为 key, value 为需要预加载的图标 `name`
+   *    其中，如果 key 为 `preflight` 时，value 为预加载图标的 `collect:name` 格式
+   *
+   * 此配置主要用于开发组件时，在组件中直接使用 `<VPIcon name="xx" />` 时无法触发
+   * 主题的图标本地资源分析功能，通过预加载的方式直接预设为本地资源图标。
+   */
+  preload?: string[] | Record<LiteralUnion<IconifyPrefix | 'preflight'>, string[]>;
 }
 type FontAwesomeAssetBuiltIn = 'fontawesome' | 'fontawesome-with-brands';
 type IconAssetLink = `//${string}` | `//${string}` | `https://${string}` | `http://${string}`;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vuepress-plugin-md-power",
   "type": "module",
-  "version": "1.0.0-rc.181",
+  "version": "1.0.0-rc.183",
   "description": "The Plugin for VuePress 2 - markdown power",
   "author": "pengzhanbo <volodymyr@foxmail.com>",
   "license": "MIT",
@@ -39,8 +39,8 @@
     "markdown-it": "^14.1.0",
     "mpegts.js": "^1.7.3",
     "pyodide": "^0.29.0",
-    "sass": "^1.94.2",
-    "sass-embedded": "^1.93.3",
+    "sass": "^1.96.0",
+    "sass-embedded": "^1.96.0",
     "stylus": "^0.64.0",
     "vuepress": "2.0.0-rc.26"
   },
@@ -85,7 +85,7 @@
     "@mdit/plugin-tab": "^0.23.0",
     "@mdit/plugin-tasklist": "^0.22.2",
     "@pengzhanbo/utils": "^2.1.2",
-    "@vuepress/helper": "2.0.0-rc.120",
+    "@vuepress/helper": "2.0.0-rc.121",
     "@vueuse/core": "^14.1.0",
     "chokidar": "5.0.0",
     "image-size": "^2.0.2",
@@ -95,7 +95,7 @@
     "markdown-it-container": "^4.0.0",
     "nanoid": "^5.1.6",
     "qrcode": "^1.5.4",
-    "shiki": "^3.19.0",
+    "shiki": "^3.20.0",
     "tm-grammars": "^1.26.0",
     "tm-themes": "^1.10.13",
     "vue": "^3.5.25"