@mantine-vue/code-highlight 3.2.0 → 3.4.0

package/lib/CodeHighlight/CodeHighlight.types.d.ts

@@ -37,6 +37,8 @@ export interface CodeHighlightSettings {
     controls?: VNodeChild[] | (() => VNodeChild);
     /** Set to use dark or light color scheme. When using shiki adapter, you can use loaded themes here. */
     codeColorScheme?: 'dark' | 'light' | (string & {});
+    /** If set, indentation of the first line is preserved. @default false */
+    withFirstLineIndentation?: boolean;
 }
 export interface CodeHighlightProps extends CodeHighlightSettings {
     __withOffset?: boolean;

package/lib/CodeHighlight/InlineCodeHighlight.types.d.ts

@@ -13,6 +13,8 @@ export interface InlineCodeHighlightProps {
     radius?: string | number;
     /** Adds border to the root element. @default false */
     withBorder?: boolean;
+    /** If set, indentation of the first line is preserved. @default false */
+    withFirstLineIndentation?: boolean;
     /** CSS classes applied to component elements. */
     classNames?: any;
     /** Inline styles applied to component elements. */

package/lib/CodeHighlightProvider/CodeHighlightProvider.d.ts

@@ -1,6 +1,12 @@
 import type { CodeHighlightProviderContext } from './CodeHighlightProvider.types';
 export declare function provideCodeHighlightAdapterContext(value: CodeHighlightProviderContext): void;
-export declare function useHighlight(): import("./CodeHighlightProvider.types").Highlighter;
+export declare function useHighlight(): (input: Parameters<CodeHighlightProviderContext["highlight"]>[0]) => {
+    highlightedCode: string;
+    isHighlighted: boolean;
+    codeElementProps?: Record<string, any>;
+};
+export declare function useLoadLanguage(): (language: string | undefined) => void;
+export declare function useIsLanguageLoaded(): (language: string | undefined) => boolean;
 export declare const CodeHighlightAdapterProvider: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./CodeHighlightProvider.types").CodeHighlightAdapterProviderProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};

package/lib/CodeHighlightProvider/CodeHighlightProvider.types.d.ts

@@ -14,10 +14,14 @@ export type Highlighter = (input: HighlighterInput) => {
 export interface CodeHighlightAdapter {
     loadContext?: () => Promise<any>;
     getHighlighter: (ctx: any) => Highlighter;
+    /** Lazily loads grammar data for a language. */
+    loadLanguage?: (ctx: any, language: string) => Promise<any> | undefined;
 }
 export interface CodeHighlightProviderContext {
     adapter: CodeHighlightAdapter;
     highlight: Highlighter;
+    loadLanguage: (language: string | undefined) => void;
+    isLanguageLoaded: (language: string | undefined) => boolean;
 }
 export interface CodeHighlightAdapterProviderProps {
     /** Highlighting adapter used by descendant components. */

package/lib/CodeHighlightProvider/adapters/shiki-adapter.d.ts

@@ -2,6 +2,7 @@ import type { CodeHighlightAdapter } from '../CodeHighlightProvider';
 export declare function stripShikiCodeBlocks(data: string): string;
 interface CreateShikiAdapterOptions {
     forceColorScheme?: 'dark' | 'light' | (string & {});
+    resolveLanguage?: (language: string) => any;
 }
-export declare const createShikiAdapter: (loadShiki: () => Promise<any>, { forceColorScheme }?: CreateShikiAdapterOptions) => CodeHighlightAdapter;
+export declare const createShikiAdapter: (loadShiki: () => Promise<any>, { forceColorScheme, resolveLanguage }?: CreateShikiAdapterOptions) => CodeHighlightAdapter;
 export {};

package/lib/index.d.mts

@@ -3,7 +3,9 @@ export { InlineCodeHighlight } from './CodeHighlight/InlineCodeHighlight';
 export { CodeHighlightTabs } from './CodeHighlightTabs/CodeHighlightTabs';
 export { CodeHighlightControl } from './CodeHighlight/CodeHighlightControl/CodeHighlightControl';
 export { useCodeHighlightContext } from './CodeHighlight/CodeHighlight.context';
-export { CodeHighlightAdapterProvider, useHighlight, } from './CodeHighlightProvider/CodeHighlightProvider';
+export { CodeHighlightAdapterProvider, useHighlight, useIsLanguageLoaded, useLoadLanguage, } from './CodeHighlightProvider/CodeHighlightProvider';
+export { normalizeCode } from './normalize-code';
+export type { NormalizeCodeOptions } from './normalize-code';
 export { createHighlightJsAdapter } from './CodeHighlightProvider/adapters/highlight-js-adapter';
 export { createShikiAdapter, stripShikiCodeBlocks, } from './CodeHighlightProvider/adapters/shiki-adapter';
 export { plainTextAdapter } from './CodeHighlightProvider/adapters/plain-text-adapter';

package/lib/index.d.ts

@@ -3,7 +3,9 @@ export { InlineCodeHighlight } from './CodeHighlight/InlineCodeHighlight';
 export { CodeHighlightTabs } from './CodeHighlightTabs/CodeHighlightTabs';
 export { CodeHighlightControl } from './CodeHighlight/CodeHighlightControl/CodeHighlightControl';
 export { useCodeHighlightContext } from './CodeHighlight/CodeHighlight.context';
-export { CodeHighlightAdapterProvider, useHighlight, } from './CodeHighlightProvider/CodeHighlightProvider';
+export { CodeHighlightAdapterProvider, useHighlight, useIsLanguageLoaded, useLoadLanguage, } from './CodeHighlightProvider/CodeHighlightProvider';
+export { normalizeCode } from './normalize-code';
+export type { NormalizeCodeOptions } from './normalize-code';
 export { createHighlightJsAdapter } from './CodeHighlightProvider/adapters/highlight-js-adapter';
 export { createShikiAdapter, stripShikiCodeBlocks, } from './CodeHighlightProvider/adapters/shiki-adapter';
 export { plainTextAdapter } from './CodeHighlightProvider/adapters/plain-text-adapter';

package/lib/normalize-code.d.ts

@@ -0,0 +1,6 @@
+export interface NormalizeCodeOptions {
+    /** If set, indentation of the first line is preserved. @default false */
+    withFirstLineIndentation?: boolean;
+}
+/** Removes blank leading lines and trailing whitespace before highlighting or copying code. */
+export declare function normalizeCode(code: string, { withFirstLineIndentation }?: NormalizeCodeOptions): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine-vue/code-highlight",
-  "version": "3.2.0",
+  "version": "3.4.0",
   "description": "Vue code highlight components equivalent to @mantine/code-highlight",
   "license": "MIT",
   "files": [
@@ -39,8 +39,8 @@
     "vue": "^3.5.0"
   },
   "peerDependencies": {
-    "@mantine-vue/core": "3.2.0",
-    "@mantine-vue/hooks": "3.2.0",
+    "@mantine-vue/core": "3.4.0",
+    "@mantine-vue/hooks": "3.4.0",
     "vue": "^3.5.0"
   }
 }