@barzhsieh/nuxt-content-mermaid 3.0.4 → 3.0.5

package/dist/module.d.mts

@@ -102,6 +102,7 @@ interface RuntimeOptions {
         /**
          * Whether to lazy load the diagram when it enters the viewport.
          * Can be a boolean or an object with IntersectionObserver options.
+         * The threshold must be between 0 and 1, inclusive.
          * @default true
          */
         lazy?: boolean | {

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": "^4.1.0"
   },
-  "version": "3.0.4",
+  "version": "3.0.5",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -94,7 +94,9 @@ function extractInlineAttrsBlock(info) {
   for (let i = startIndex; i < info.length; i++) {
     const char = info[i];
     if (quote) {
-      if (char === quote && info[i - 1] !== "\\")
+      if (char === "\\")
+        i += 1;
+      else if (char === quote)
         quote = null;
       continue;
     }
@@ -126,7 +128,7 @@ function parseInlineAttrsBlock(raw) {
       index += 1;
     const key = raw.slice(keyStart, index).trim();
     if (!key)
-      break;
+      return null;
     index = skipWhitespace(raw, index);
     let value = true;
     if (index < raw.length && (raw[index] === "=" || raw[index] === ":")) {
@@ -206,7 +208,9 @@ function readBalancedValue(input, start) {
   for (let i = start; i < input.length; i++) {
     const char = input[i];
     if (quote) {
-      if (char === quote && input[i - 1] !== "\\")
+      if (char === "\\")
+        i += 1;
+      else if (char === quote)
         quote = null;
       continue;
     }
@@ -434,7 +438,7 @@ function resolveMarkdownToolbar(layers) {
 }
 
 const MERMAID_COMPONENT_NAME = "ContentMermaidTransport";
-const PAGE_MERMAID_CONFIG_EXPRESSION = "config";
+const PAGE_RENDER_DATA_EXPRESSION = "runtimeData";
 function serializeInlineAttributeRecord(value) {
   return JSON.stringify(value).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/'/g, "&#39;");
 }
@@ -484,7 +488,7 @@ function transformMarkdownDiagrams(body) {
   };
   const buildComponentTag = (encoded, toolbar) => {
     const attrs = [
-      `:page-config="${PAGE_MERMAID_CONFIG_EXPRESSION}"`
+      `:page-data="${PAGE_RENDER_DATA_EXPRESSION}"`
     ];
     if (toolbar && isNonEmptyRecord(toolbar)) {
       attrs.push(`:toolbar='${serializeInlineAttributeRecord(toolbar)}'`);

package/dist/runtime/built-in-renderer/BuiltInRenderer.vue

@@ -15,6 +15,7 @@ import { defu } from "defu";
 import { materializeMermaidConfigForInvocation, resolveMermaidTheme } from "../mermaid-config";
 import { createMermaidRenderer } from "../mermaid-rendering";
 import { getRuntimeMermaidSnapshot } from "../runtime-snapshot";
+import { createPngRasterizerLoader } from "../png-rasterizer-loader";
 import {
   createSafeStandaloneSvgClone,
   downloadBlob,
@@ -34,10 +35,7 @@ import IconCollapse from "../components/icons/IconCollapse.vue";
 import IconDownload from "../components/icons/IconDownload.vue";
 import MermaidFullscreenPresentation from "../components/MermaidFullscreenPresentation.vue";
 import { DEFAULT_TOOLBAR_LABELS } from "../constants";
-let pngRasterizerModulePromise;
-function loadPngRasterizer() {
-  return pngRasterizerModulePromise ??= import("../png-rasterizer");
-}
+const loadPngRasterizer = createPngRasterizerLoader(() => import("../png-rasterizer"));
 const props = defineProps({
   toolbar: { type: Object, required: false },
   code: { type: String, required: false },

package/dist/runtime/components/ContentMermaidTransport.d.vue.ts

@@ -1,7 +1,9 @@
 import type { PageMermaidConfig } from '../../types/config.js';
 import type { MermaidToolbarOptions } from '../../types/mermaid.js';
 type __VLS_Props = {
-    pageConfig?: PageMermaidConfig | null;
+    pageData?: {
+        config?: PageMermaidConfig | null;
+    };
     toolbar?: MermaidToolbarOptions;
     code?: string;
 };

package/dist/runtime/components/ContentMermaidTransport.vue

@@ -1,13 +1,14 @@
 <script setup>
 import { computed, resolveComponent } from "vue";
 const props = defineProps({
-  pageConfig: { type: [Object, null], required: false },
+  pageData: { type: Object, required: false },
   toolbar: { type: Object, required: false },
   code: { type: String, required: false }
 });
-const normalizedPageConfig = computed(
-  () => props.pageConfig === null ? void 0 : props.pageConfig
-);
+const normalizedPageConfig = computed(() => {
+  const config = props.pageData?.config;
+  return config === null ? void 0 : config;
+});
 const MermaidComponent = resolveComponent("Mermaid");
 </script>
 

package/dist/runtime/components/ContentMermaidTransport.vue.d.ts

@@ -1,7 +1,9 @@
 import type { PageMermaidConfig } from '../../types/config.js';
 import type { MermaidToolbarOptions } from '../../types/mermaid.js';
 type __VLS_Props = {
-    pageConfig?: PageMermaidConfig | null;
+    pageData?: {
+        config?: PageMermaidConfig | null;
+    };
     toolbar?: MermaidToolbarOptions;
     code?: string;
 };

package/dist/runtime/configuration/module.js

@@ -106,6 +106,10 @@ export function validateRuntimeOptions(value, phase) {
         assertPlainObject(lazy, phase);
         assertKnownKeys(lazy, /* @__PURE__ */ new Set(["threshold"]), phase, ["loader", "lazy"]);
         assertNumberProperty(lazy, "threshold", phase, ["loader", "lazy"]);
+        const threshold = descriptorValue(lazy, "threshold");
+        if (typeof threshold === "number" && (threshold < 0 || threshold > 1)) {
+          throwConfigurationIssue(phase, ["loader", "lazy", "threshold"], "INVALID_VALUE", "a number between 0 and 1", "out-of-range-number");
+        }
       }
     }
   }

package/dist/runtime/png-rasterizer-loader.d.ts

@@ -0,0 +1,3 @@
+type PngRasterizerModule = typeof import('./png-rasterizer');
+export declare function createPngRasterizerLoader(importModule: () => Promise<PngRasterizerModule>): () => Promise<typeof import("./png-rasterizer.js")>;
+export {};

package/dist/runtime/png-rasterizer-loader.js

@@ -0,0 +1,7 @@
+export function createPngRasterizerLoader(importModule) {
+  let modulePromise;
+  return () => modulePromise ??= importModule().catch((error) => {
+    modulePromise = void 0;
+    throw error;
+  });
+}

package/dist/types/config.ts

@@ -0,0 +1,91 @@
+import type { MermaidConfig } from 'mermaid'
+import type { ExpandOptions } from '../runtime/types/expand'
+import type { MermaidToolbarOptions } from './mermaid'
+
+export type JsonPrimitive = string | number | boolean | null
+export type JsonValue = JsonPrimitive | JsonObject | JsonValue[]
+export type JsonObject = { [key: string]: JsonValue }
+
+type IsAny<T> = 0 extends (1 & T) ? true : false
+
+type RuntimeDataMember<T> = IsAny<T> extends true
+  ? never
+  : T extends JsonPrimitive
+    ? T
+    : T extends (...args: never[]) => unknown
+      ? never
+      : T extends readonly (infer Item)[]
+        ? RuntimeDataMember<Item>[]
+        : T extends object
+          ? { [Key in keyof T]: RuntimeDataMember<T[Key]> }
+          : never
+
+export type RuntimeMermaidConfig = RuntimeDataMember<MermaidConfig> & JsonObject
+export type PageMermaidConfig = RuntimeMermaidConfig
+
+export interface RuntimeOptions {
+  /**
+   * Enable debug mode for detailed logging and error reporting
+   * @default false
+   */
+  debug?: boolean
+  /**
+   * Options related to loading mermaid
+   */
+  loader?: {
+    /**
+     * Pure-data configuration passed through Nuxt public runtime config.
+     */
+    init?: RuntimeMermaidConfig
+    /**
+     * Whether to lazy load the diagram when it enters the viewport.
+     * Can be a boolean or an object with IntersectionObserver options.
+     * The threshold must be between 0 and 1, inclusive.
+     * @default true
+     */
+    lazy?: boolean | { threshold?: number }
+  }
+  /**
+   * Options related to theme handling
+   */
+  theme?: {
+    /** @deprecated No effect; retained for 3.0 compatibility. */
+    useColorModeTheme?: boolean
+    light?: MermaidConfig['theme']
+    dark?: MermaidConfig['theme']
+  }
+  /**
+   * Names for custom implementation components
+   */
+  components?: {
+    renderer?: string
+    spinner?: string
+    error?: string
+  }
+  /**
+   * Expand configuration. `false` disables expand, `true` uses defaults.
+   */
+  expand?: ExpandOptions | boolean
+  /**
+   * Default toolbar settings for Mermaid component
+   */
+  toolbar?: MermaidToolbarOptions
+}
+
+export interface ModuleOptions extends RuntimeOptions {
+  /**
+   * Whether to enable the entire Mermaid process at build time.
+   * @default true
+   */
+  enabled?: boolean
+}
+
+interface MermaidComponentBaseProps {
+  toolbar?: MermaidToolbarOptions
+  code?: string
+}
+
+export type MermaidComponentProps = MermaidComponentBaseProps & (
+  | { pageConfig?: PageMermaidConfig, config?: never }
+  | { pageConfig?: never, config?: MermaidConfig }
+)

package/dist/types/mermaid.d.ts

@@ -0,0 +1,78 @@
+import type { DefineComponent } from 'vue'
+import type { Mermaid } from 'mermaid'
+import type { MermaidComponentProps, ModuleOptions, RuntimeOptions } from './config'
+import type { MermaidThemeMode, SimpleMermaidTheme } from '../runtime/composables/useMermaidTheme'
+
+export type MermaidToolbarButtons = {
+  copy?: boolean
+  fullscreen?: boolean
+  expand?: boolean
+}
+
+export type MermaidToolbarLabels = {
+  copy?: string
+  copied?: string
+  copyFailed?: string
+  expand?: string
+  collapse?: string
+  minimize?: string
+  enterFullscreen?: string
+  exitFullscreen?: string
+  zoomIn?: string
+  zoomOut?: string
+  resetZoom?: string
+  download?: string
+  downloadSvg?: string
+  downloadPng?: string
+}
+
+export type MermaidToolbarOptions = {
+  title?: string
+  fontSize?: string | number
+  fullscreenToolbarScale?: number
+  buttons?: MermaidToolbarButtons
+  labels?: MermaidToolbarLabels
+}
+
+declare module '#app' {
+  interface NuxtApp {
+    $mermaid: () => Promise<Mermaid>
+  }
+}
+declare module 'vue' {
+  interface ComponentCustomProperties {
+    $mermaid: () => Promise<Mermaid>
+  }
+  interface GlobalComponents {
+    Mermaid: DefineComponent<MermaidComponentProps>
+  }
+}
+
+declare module '@nuxt/schema' {
+  interface NuxtConfig {
+    contentMermaid?: ModuleOptions
+  }
+
+  interface NuxtOptions {
+    contentMermaid?: ModuleOptions
+  }
+
+  interface PublicRuntimeConfig {
+    contentMermaid?: RuntimeOptions
+  }
+}
+
+declare global {
+  interface ImportMeta {
+    glob<T = unknown>(
+      pattern: string,
+      options?: {
+        eager?: boolean
+        import?: string
+      },
+    ): Record<string, () => Promise<T>>
+  }
+}
+
+export type { MermaidThemeMode, SimpleMermaidTheme }
+export {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@barzhsieh/nuxt-content-mermaid",
-  "version": "3.0.4",
+  "version": "3.0.5",
   "description": "A Nuxt module designed for integrating Mermaid with `@nuxt/content`. It automatically converts `mermaid` code blocks in Markdown into responsive chart components, and supports lazy loading and dark/light theme switching.",
   "keywords": [
     "nuxt",
@@ -89,7 +89,7 @@
     "release:prepare:major": "changelogen --release --major --no-commit --no-tag --no-github && pnpm install --lockfile-only --ignore-scripts",
     "release:prepare:minor": "changelogen --release --minor --no-commit --no-tag --no-github && pnpm install --lockfile-only --ignore-scripts",
     "release:prepare:patch": "changelogen --release --patch --no-commit --no-tag --no-github && pnpm install --lockfile-only --ignore-scripts",
-    "test": "vitest run",
+    "test": "vitest run --exclude test/packagePrepack.test.ts && vitest run test/packagePrepack.test.ts",
     "test:package-artifact": "node scripts/release-verification/package-artifact.mjs --profile v3-known-latest",
     "test:compatibility-profile": "node scripts/release-verification/package-artifact.mjs",
     "test:package-contract": "pnpm prepack && vue-tsc -p test/release-verification/consumer-template/type-contracts/tsconfig.json --noEmit",