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

package/lib/client/components/CanIUse.vue

@@ -12,20 +12,21 @@ interface MessageData {
   }
 }
 
-const { feature, past = 2, future = 1, meta = '' } = defineProps<{
+const { feature, past = 2, future = 1, meta = '', baseline = false } = defineProps<{
   feature: string
   past?: number
   future?: number
   meta?: string
+  baseline?: boolean
 }>()
 
 const url = 'https://caniuse.pengzhanbo.cn/'
 
-const height = ref('330px')
+const height = ref(baseline ? '150px' : '350px')
 
 const isDark = useDarkMode()
 const source = computed(() => {
-  const source = `${url}${feature}#past=${past}&future=${future}&meta=${meta}&theme=${isDark.value ? 'dark' : 'light'}`
+  const source = `${url}${feature}${baseline ? '/baseline#' : `#past=${past}&future=${future}&`}meta=${meta}&theme=${isDark.value ? 'dark' : 'light'}`
 
   return source
 })
@@ -34,7 +35,7 @@ useEventListener('message', (event) => {
   const data = parseData(event.data)
   const { type, payload } = data
   if (
-    type === 'ciu_embed'
+    type === 'ciu-embed'
     && payload
     && payload.feature === feature
     && payload.meta === meta
@@ -57,13 +58,7 @@ function parseData(data: string | MessageData): MessageData {
 </script>
 
 <template>
-  <div
-    class="ciu_embed"
-    :data-feature="feature"
-    :data-meta="meta"
-    :data-past="past"
-    :data-future="future"
-  >
+  <div class="ciu_embed" :class="{ baseline }">
     <iframe :src="source" :style="{ height }" :title="`Can I use ${feature}`" />
   </div>
 </template>
@@ -73,6 +68,11 @@ function parseData(data: string | MessageData): MessageData {
   margin: 16px -24px;
 }
 
+.ciu_embed.baseline {
+  overflow: hidden;
+  border-radius: 8px;
+}
+
 .ciu_embed iframe {
   width: 100%;
   border: none;

package/lib/client/composables/codeRepl.js

@@ -1,4 +1,4 @@
-import { t as rustExecute } from "./rustRepl-DzeWGqns.js";
+import { rustExecute } from "./rustRepl.js";
 import { onMounted, ref } from "vue";
 import { http } from "../utils/http.js";
 import { sleep } from "../utils/sleep.js";

package/lib/client/composables/rustRepl.js

@@ -1,3 +1,104 @@
-import { t as rustExecute } from "./rustRepl-DzeWGqns.js";
+import { tryOnScopeDispose } from "@vueuse/core";
 
+//#region src/client/composables/rustRepl.ts
+/**
+* 相比于 golang 和 kotlin 可以比较简单的实现，
+* rust 需要通过 websocket 建立连接在实现交互，因此，将其进行一些包装，
+* 方便在 codeRepl 中使用
+*/
+const wsUrl = "wss://play.rust-lang.org/websocket";
+const payloadType = {
+	connected: "websocket/connected",
+	request: "output/execute/wsExecuteRequest",
+	execute: {
+		begin: "output/execute/wsExecuteBegin",
+		stderr: "output/execute/wsExecuteStderr",
+		stdout: "output/execute/wsExecuteStdout",
+		end: "output/execute/wsExecuteEnd"
+	}
+};
+let ws = null;
+let isOpen = false;
+let uuid = 0;
+function connect() {
+	if (isOpen) return Promise.resolve();
+	ws = new WebSocket(wsUrl);
+	uuid = 0;
+	ws.addEventListener("open", () => {
+		isOpen = true;
+		send(payloadType.connected, { iAcceptThisIsAnUnsupportedApi: true }, {
+			websocket: true,
+			sequenceNumber: uuid
+		});
+	});
+	ws.addEventListener("close", () => {
+		isOpen = false;
+		ws = null;
+	});
+	tryOnScopeDispose(() => ws?.close());
+	return new Promise((resolve) => {
+		function connected(e) {
+			if (JSON.parse(e.data).type === payloadType.connected) {
+				ws?.removeEventListener("message", connected);
+				resolve();
+			}
+		}
+		ws?.addEventListener("message", connected);
+	});
+}
+function send(type, payload, meta) {
+	const msg = {
+		type,
+		meta,
+		payload
+	};
+	ws?.send(JSON.stringify(msg));
+}
+async function rustExecute(code, { onEnd, onError, onStderr, onStdout, onBegin }) {
+	await connect();
+	const meta = { sequenceNumber: uuid++ };
+	const payload = {
+		backtrace: false,
+		channel: "stable",
+		crateType: "bin",
+		edition: "2021",
+		mode: "release",
+		tests: false,
+		code
+	};
+	send(payloadType.request, payload, meta);
+	let stdout = "";
+	let stderr = "";
+	function onMessage(e) {
+		const { type, payload: payload$1, meta: _meta = {} } = JSON.parse(e.data);
+		if (_meta.sequenceNumber !== meta.sequenceNumber) return;
+		if (type === payloadType.execute.begin) onBegin?.();
+		if (type === payloadType.execute.stdout) {
+			stdout += payload$1;
+			if (stdout.endsWith("\n")) {
+				onStdout?.(stdout);
+				stdout = "";
+			}
+		}
+		if (type === payloadType.execute.stderr) {
+			stderr += payload$1;
+			if (stderr.endsWith("\n")) {
+				if (stderr.startsWith("error:")) {
+					const index = stderr.indexOf("\n");
+					onStderr?.(stderr.slice(0, index));
+					onStderr?.(stderr.slice(index + 1));
+				} else onStderr?.(stderr);
+				stderr = "";
+			}
+		}
+		if (type === payloadType.execute.end) {
+			if (payload$1.success === false) onError?.(payload$1.exitDetail);
+			ws?.removeEventListener("message", onMessage);
+			onEnd?.();
+		}
+	}
+	ws?.addEventListener("message", onMessage);
+}
+
+//#endregion
 export { rustExecute };

package/lib/node/index.d.ts

@@ -6,7 +6,8 @@ import "markdown-it";
 import { Plugin } from "vuepress/core";
 
 //#region src/shared/caniuse.d.ts
-type CanIUseMode = 'embed' | 'image';
+type CanIUseMode = 'embed' | 'baseline'
+/** @deprecated */ | 'image';
 interface CanIUseTokenMeta {
   feature: string;
   mode: CanIUseMode;

package/lib/node/index.js

@@ -3311,13 +3311,13 @@ const UNDERLINE_RE = /_+/g;
 const caniusePlugin = (md, { mode: defaultMode = "embed" } = {}) => {
 	createEmbedRuleBlock(md, {
 		type: "caniuse",
-		syntaxPattern: /^@\[caniuse\s*(embed|image)?(?:\{([0-9,\-]*)\})?\]\(([^)]*)\)/,
+		syntaxPattern: /^@\[caniuse\s*(embed|image|baseline)?(?:\{([0-9,\-]*)\})?\]\(([^)]*)\)/,
 		meta: ([, mode, versions = "", feature]) => ({
 			feature,
 			mode: mode || defaultMode,
 			versions
 		}),
-		content: (meta) => resolveCanIUse(meta)
+		content: (meta, _c, env) => resolveCanIUse(meta, env)
 	});
 };
 /**
@@ -3331,32 +3331,37 @@ const caniusePlugin = (md, { mode: defaultMode = "embed" } = {}) => {
 * ```
 */
 function legacyCaniuse(md, { mode = "embed" } = {}) {
-	const modeMap = ["image", "embed"];
+	const modeMap = [
+		"image",
+		"embed",
+		"baseline"
+	];
 	const isMode = (mode$1) => modeMap.includes(mode$1);
 	mode = isMode(mode) ? mode : modeMap[0];
 	createContainerPlugin(md, "caniuse", {
-		before: (info) => {
+		before: (info, _t, _i, _o, env) => {
 			const feature = info.split(/\s+/)[0];
 			const versions = info.match(/\{(.*)\}/)?.[1] || "";
 			return feature ? resolveCanIUse({
 				feature,
 				mode,
 				versions
-			}) : "";
+			}, env) : "";
 		},
 		after: () => ""
 	});
 }
-function resolveCanIUse({ feature, mode, versions }) {
+function resolveCanIUse({ feature, mode, versions }, env) {
 	if (!feature) return "";
 	if (mode === "image") {
+		logger$1.warn(`[caniuse] image mode is deprecated, use ${colors.cyan(`@[caniuse](${feature})`)} instead. (${colors.gray(env.filePathRelative || "")})`);
 		const link = "https://caniuse.bitsofco.de/image/";
 		const alt = `Data on support for the ${feature} feature across the major browsers from caniuse.com`;
-		return `<ClientOnly><p><picture>
+		return `<p><picture>
       <source type="image/webp" srcset="${link}${feature}.webp">
       <source type="image/png" srcset="${link}${feature}.png">
       <img src="${link}${feature}.jpg" alt="${alt}" width="100%">
-    </picture></p></ClientOnly>`;
+    </picture></p>`;
 	}
 	feature = feature.replace(UNDERLINE_RE, "_");
 	const { past, future } = resolveVersions(versions);
@@ -3365,7 +3370,8 @@ function resolveCanIUse({ feature, mode, versions }) {
 		feature,
 		meta,
 		past,
-		future
+		future,
+		baseline: mode === "baseline"
 	})} />`;
 }
 function resolveVersions(versions) {

package/lib/shared/index.d.ts

@@ -4,7 +4,8 @@ import { Markdown, MarkdownEnv } from "vuepress/markdown";
 import { BuiltinTheme, ThemeRegistration } from "shiki";
 
 //#region src/shared/caniuse.d.ts
-type CanIUseMode = 'embed' | 'image';
+type CanIUseMode = 'embed' | 'baseline'
+/** @deprecated */ | 'image';
 interface CanIUseTokenMeta {
   feature: string;
   mode: CanIUseMode;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vuepress-plugin-md-power",
   "type": "module",
-  "version": "1.0.0-rc.183",
+  "version": "1.0.0-rc.184",
   "description": "The Plugin for VuePress 2 - markdown power",
   "author": "pengzhanbo <volodymyr@foxmail.com>",
   "license": "MIT",
@@ -32,15 +32,15 @@
   ],
   "peerDependencies": {
     "artplayer": "^5.3.0",
-    "dashjs": "^5.1.0",
-    "esbuild": "^0.27.1",
+    "dashjs": "^5.1.1",
+    "esbuild": "^0.27.2",
     "hls.js": "^1.6.15",
-    "less": "^4.4.2",
+    "less": "^4.5.1",
     "markdown-it": "^14.1.0",
     "mpegts.js": "^1.7.3",
     "pyodide": "^0.29.0",
-    "sass": "^1.96.0",
-    "sass-embedded": "^1.96.0",
+    "sass": "^1.97.1",
+    "sass-embedded": "^1.97.1",
     "stylus": "^0.64.0",
     "vuepress": "2.0.0-rc.26"
   },
@@ -98,12 +98,12 @@
     "shiki": "^3.20.0",
     "tm-grammars": "^1.26.0",
     "tm-themes": "^1.10.13",
-    "vue": "^3.5.25"
+    "vue": "^3.5.26"
   },
   "devDependencies": {
     "@types/markdown-it": "^14.1.2",
     "artplayer": "^5.3.0",
-    "dashjs": "^5.1.0",
+    "dashjs": "^5.1.1",
     "hls.js": "^1.6.15",
     "mpegts.js": "1.7.3"
   },

package/lib/client/composables/rustRepl-DzeWGqns.js

@@ -1,104 +0,0 @@
-import { tryOnScopeDispose } from "@vueuse/core";
-
-//#region src/client/composables/rustRepl.ts
-/**
-* 相比于 golang 和 kotlin 可以比较简单的实现，
-* rust 需要通过 websocket 建立连接在实现交互，因此，将其进行一些包装，
-* 方便在 codeRepl 中使用
-*/
-const wsUrl = "wss://play.rust-lang.org/websocket";
-const payloadType = {
-	connected: "websocket/connected",
-	request: "output/execute/wsExecuteRequest",
-	execute: {
-		begin: "output/execute/wsExecuteBegin",
-		stderr: "output/execute/wsExecuteStderr",
-		stdout: "output/execute/wsExecuteStdout",
-		end: "output/execute/wsExecuteEnd"
-	}
-};
-let ws = null;
-let isOpen = false;
-let uuid = 0;
-function connect() {
-	if (isOpen) return Promise.resolve();
-	ws = new WebSocket(wsUrl);
-	uuid = 0;
-	ws.addEventListener("open", () => {
-		isOpen = true;
-		send(payloadType.connected, { iAcceptThisIsAnUnsupportedApi: true }, {
-			websocket: true,
-			sequenceNumber: uuid
-		});
-	});
-	ws.addEventListener("close", () => {
-		isOpen = false;
-		ws = null;
-	});
-	tryOnScopeDispose(() => ws?.close());
-	return new Promise((resolve) => {
-		function connected(e) {
-			if (JSON.parse(e.data).type === payloadType.connected) {
-				ws?.removeEventListener("message", connected);
-				resolve();
-			}
-		}
-		ws?.addEventListener("message", connected);
-	});
-}
-function send(type, payload, meta) {
-	const msg = {
-		type,
-		meta,
-		payload
-	};
-	ws?.send(JSON.stringify(msg));
-}
-async function rustExecute(code, { onEnd, onError, onStderr, onStdout, onBegin }) {
-	await connect();
-	const meta = { sequenceNumber: uuid++ };
-	const payload = {
-		backtrace: false,
-		channel: "stable",
-		crateType: "bin",
-		edition: "2021",
-		mode: "release",
-		tests: false,
-		code
-	};
-	send(payloadType.request, payload, meta);
-	let stdout = "";
-	let stderr = "";
-	function onMessage(e) {
-		const { type, payload: payload$1, meta: _meta = {} } = JSON.parse(e.data);
-		if (_meta.sequenceNumber !== meta.sequenceNumber) return;
-		if (type === payloadType.execute.begin) onBegin?.();
-		if (type === payloadType.execute.stdout) {
-			stdout += payload$1;
-			if (stdout.endsWith("\n")) {
-				onStdout?.(stdout);
-				stdout = "";
-			}
-		}
-		if (type === payloadType.execute.stderr) {
-			stderr += payload$1;
-			if (stderr.endsWith("\n")) {
-				if (stderr.startsWith("error:")) {
-					const index = stderr.indexOf("\n");
-					onStderr?.(stderr.slice(0, index));
-					onStderr?.(stderr.slice(index + 1));
-				} else onStderr?.(stderr);
-				stderr = "";
-			}
-		}
-		if (type === payloadType.execute.end) {
-			if (payload$1.success === false) onError?.(payload$1.exitDetail);
-			ws?.removeEventListener("message", onMessage);
-			onEnd?.();
-		}
-	}
-	ws?.addEventListener("message", onMessage);
-}
-
-//#endregion
-export { rustExecute as t };