@rspress/plugin-preview 1.41.3 → 1.42.1-canary-20240226

package/dist/index.js

@@ -117,7 +117,7 @@ var __webpack_exports__ = {};
           return (
             <div className="preview-container">
               <div className="preview-nav">{"${routes[0].title}"}</div>
-              ${routes.map((demo, index)=>`<Demo_${index} />`).join('\n')}
+              ${routes.map((_demo, index)=>`<Demo_${index} />`).join('\n')}
             </div>
           )
         }
@@ -145,6 +145,7 @@ var __webpack_exports__ = {};
         });
         return sourceEntry;
     }
+    const node_utils_namespaceObject = require("@rspress/shared/node-utils");
     const convert = function(test) {
         if (null == test) return ok;
         if ('string' == typeof test) return typeFactory(test);
@@ -390,20 +391,18 @@ var __webpack_exports__ = {};
             }
             lib_visit(tree, 'heading', (node)=>{
                 if (1 === node.depth) {
-                    if (node.children) {
-                        var _node_children_;
-                        title = (null === (_node_children_ = node.children[0]) || void 0 === _node_children_ ? void 0 : _node_children_.value) || title;
-                    }
+                    const firstChild = node.children[0];
+                    title = firstChild && 'value' in firstChild && firstChild.value || title;
                 }
             });
             lib_visit(tree, 'mdxJsxFlowElement', (node)=>{
                 if ('code' === node.name) {
-                    var _node_attributes_find, _node_attributes_find1, _node_attributes_find2;
-                    const src = null === (_node_attributes_find = node.attributes.find((attr)=>'src' === attr.name)) || void 0 === _node_attributes_find ? void 0 : _node_attributes_find.value;
-                    if (!src) return;
-                    const currentMode = (null === (_node_attributes_find1 = node.attributes.find((attr)=>'previewMode' === attr.name)) || void 0 === _node_attributes_find1 ? void 0 : _node_attributes_find1.value) ?? previewMode;
-                    let isMobileMode = null === (_node_attributes_find2 = node.attributes.find((attr)=>'isMobile' === attr.name)) || void 0 === _node_attributes_find2 ? void 0 : _node_attributes_find2.value;
-                    isMobileMode = void 0 === isMobileMode ? 'iframe' === currentMode : null === isMobileMode || ('object' == typeof isMobileMode ? 'false' !== isMobileMode.value : 'false' !== isMobileMode);
+                    const src = (0, node_utils_namespaceObject.getNodeAttribute)(node, 'src');
+                    if ('string' != typeof src) return;
+                    const currentMode = (0, node_utils_namespaceObject.getNodeAttribute)(node, 'previewMode') ?? previewMode;
+                    const isMobileAttr = (0, node_utils_namespaceObject.getNodeAttribute)(node, 'isMobile');
+                    let isMobileMode = false;
+                    isMobileMode = void 0 === isMobileAttr ? 'iframe' === currentMode : null === isMobileAttr ? true : 'object' == typeof isMobileAttr ? 'false' !== isMobileAttr.value : 'false' !== isMobileAttr;
                     const id = generateId(pageName, index++);
                     constructDemoNode(id, src, node, isMobileMode, externalDemoIndex++);
                 }
@@ -412,12 +411,12 @@ var __webpack_exports__ = {};
                 if ('hasVisited' in node) return;
                 if (node.lang && previewLanguages.includes(node.lang)) {
                     var _node_meta, _node_meta1, _node_meta2, _node_meta3, _node_meta4, _node_meta5;
-                    if ((null == node ? void 0 : null === (_node_meta = node.meta) || void 0 === _node_meta ? void 0 : _node_meta.includes('pure')) || !(null == node ? void 0 : null === (_node_meta1 = node.meta) || void 0 === _node_meta1 ? void 0 : _node_meta1.includes('preview')) && 'pure' === defaultRenderMode) return;
+                    if ((null === (_node_meta = node.meta) || void 0 === _node_meta ? void 0 : _node_meta.includes('pure')) || !(null === (_node_meta1 = node.meta) || void 0 === _node_meta1 ? void 0 : _node_meta1.includes('preview')) && 'pure' === defaultRenderMode) return;
                     const value = injectDemoBlockImport(previewCodeTransform({
                         language: node.lang,
                         code: node.value
                     }), demoBlockComponentPath);
-                    const isMobileMode = (null == node ? void 0 : null === (_node_meta2 = node.meta) || void 0 === _node_meta2 ? void 0 : _node_meta2.includes('mobile')) || (null == node ? void 0 : null === (_node_meta3 = node.meta) || void 0 === _node_meta3 ? void 0 : _node_meta3.includes('iframe')) || !(null == node ? void 0 : null === (_node_meta4 = node.meta) || void 0 === _node_meta4 ? void 0 : _node_meta4.includes('web')) && !(null == node ? void 0 : null === (_node_meta5 = node.meta) || void 0 === _node_meta5 ? void 0 : _node_meta5.includes('internal')) && 'iframe' === previewMode;
+                    const isMobileMode = (null === (_node_meta2 = node.meta) || void 0 === _node_meta2 ? void 0 : _node_meta2.includes('mobile')) || (null === (_node_meta3 = node.meta) || void 0 === _node_meta3 ? void 0 : _node_meta3.includes('iframe')) || !(null === (_node_meta4 = node.meta) || void 0 === _node_meta4 ? void 0 : _node_meta4.includes('web')) && !(null === (_node_meta5 = node.meta) || void 0 === _node_meta5 ? void 0 : _node_meta5.includes('internal')) && 'iframe' === previewMode;
                     const id = generateId(pageName, index++);
                     const virtualModulePath = (0, external_node_path_namespaceObject.join)(virtualDir, `${id}.tsx`);
                     constructDemoNode(id, virtualModulePath, node, isMobileMode);
@@ -473,7 +472,7 @@ var __webpack_exports__ = {};
                         });
                     });
                 } catch (e) {
-                    if ('EADDRINUSE' !== e.code) throw e;
+                    if (!!e && 'object' == typeof e && 'code' in e && 'EADDRINUSE' !== e.code) throw e;
                     throw new Error(`Port "${port}" is occupied, please choose another one.`);
                 }
             },

package/index.d.ts

@@ -0,0 +1,8 @@
+declare module '@rspress/shared' {
+  interface PageIndexInfo {
+    devPort?: number;
+    extraHighlightLanguages?: string[];
+  }
+}
+
+export * from './dist'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rspress/plugin-preview",
-  "version": "1.41.3",
+  "version": "1.42.1-canary-20240226",
   "description": "A plugin for rspress to preview the code block in markdown/mdx file.",
   "bugs": "https://github.com/web-infra-dev/rspress/issues",
   "repository": {
@@ -10,8 +10,9 @@
   },
   "license": "MIT",
   "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "types": "./index.d.ts",
   "files": [
+    "index.d.ts",
     "dist",
     "static"
   ],
@@ -24,16 +25,17 @@
     "@rsbuild/plugin-solid": "~1.0.4",
     "lodash": "4.17.21",
     "qrcode.react": "^3.2.0",
-    "@rspress/shared": "1.41.3",
-    "@rspress/theme-default": "1.41.3"
+    "@rspress/shared": "1.42.1-canary-20240226",
+    "@rspress/theme-default": "1.42.1-canary-20240226"
   },
   "devDependencies": {
-    "@rslib/core": "0.4.1",
+    "@rslib/core": "0.5.2",
     "@types/lodash": "^4.17.15",
     "@types/mdast": "^3.0.15",
     "@types/node": "^18.11.17",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
+    "mdast-util-mdx-jsx": "^2.1.4",
     "mdast-util-mdxjs-esm": "^1.3.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
@@ -43,7 +45,7 @@
     "unist-util-visit": "^4.1.2"
   },
   "peerDependencies": {
-    "@rspress/core": "^1.41.3",
+    "@rspress/core": "^1.42.0",
     "react": ">=17.0.0",
     "react-router-dom": "^6.8.1"
   },
@@ -55,7 +57,6 @@
     "provenance": true,
     "registry": "https://registry.npmjs.org/"
   },
-  "jsnext:source": "./src/index.ts",
   "scripts": {
     "build": "rslib build",
     "dev": "rslib build -w",

package/static/global-components/Container.tsx

@@ -1,5 +1,5 @@
 import { NoSSR, useLang, usePageData, withBase } from '@rspress/core/runtime';
-import { useCallback, useState } from 'react';
+import { type MouseEvent, useCallback, useState } from 'react';
 import MobileOperation from './common/mobile-operation';
 import IconCode from './icons/Code';
 
@@ -26,12 +26,15 @@ const Container: React.FC<ContainerProps> = props => {
     // Do nothing in ssr
     return '';
   };
-  const toggleCode = (e: any) => {
-    if (!showCode) {
-      e.target.blur();
-    }
-    setShowCode(!showCode);
-  };
+  const toggleCode = useCallback(
+    (ev: MouseEvent<HTMLButtonElement>) => {
+      if (!showCode) {
+        ev.currentTarget.blur();
+      }
+      setShowCode(!showCode);
+    },
+    [showCode],
+  );
 
   const [iframeKey, setIframeKey] = useState(0);
   const refresh = useCallback(() => {

package/static/global-components/Device.tsx

@@ -1,5 +1,5 @@
 import { NoSSR, usePageData, withBase } from '@rspress/core/runtime';
-import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 // @ts-ignore
 import { normalizeId } from '../../dist/utils';
 import MobileOperation from './common/mobile-operation';

package/static/global-components/common/mobile-operation.tsx

@@ -1,6 +1,12 @@
 import { useLang } from '@rspress/core/runtime';
 import { QRCodeSVG } from 'qrcode.react';
-import { useCallback, useEffect, useRef, useState } from 'react';
+import {
+  type MouseEventHandler,
+  useCallback,
+  useEffect,
+  useRef,
+  useState,
+} from 'react';
 import IconLaunch from '../icons/Launch';
 import IconQrcode from '../icons/Qrcode';
 import IconRefresh from '../icons/Refresh';
@@ -28,9 +34,9 @@ export default (props: {
   const triggerRef = useRef(null);
   const t = lang === 'zh' ? locales.zh : locales.en;
 
-  const toggleQRCode = (e: any) => {
+  const toggleQRCode: MouseEventHandler<HTMLButtonElement> = e => {
     if (!showQRCode) {
-      e.target.blur();
+      e.currentTarget.blur();
     }
     setShowQRCode(!showQRCode);
   };
@@ -38,7 +44,7 @@ export default (props: {
     window.open(url);
   };
 
-  const contains = function (root: HTMLElement | null, ele: any) {
+  const contains = function (root: HTMLElement | null, ele: Node | null) {
     if (!root) {
       return false;
     }
@@ -56,13 +62,8 @@ export default (props: {
   };
 
   const onClickOutside = useCallback(
-    (e: MouseEvent) => {
-      console.log(
-        !contains(triggerRef.current, e.target),
-        triggerRef.current,
-        e.target,
-      );
-      if (!contains(triggerRef.current, e.target)) {
+    (ev: MouseEvent) => {
+      if (!contains(triggerRef.current, ev.target as Node)) {
         setShowQRCode(false);
       }
     },