@vmz/plugin-shiki 0.2.3 → 0.2.5

package/components/Shiki.vmz

@@ -1,20 +1,19 @@
 <template>
-  <div class="shiki-host" v-html="html != null ? html : highlightSync(code, lang, theme)"></div>
+    <div v-html="html != null ? html : highlightSync(code, lang, theme)" class="shiki-host" />
 </template>
-
 <script client>
-import { highlight, highlightSync } from '@vmz/plugin-shiki/runtime';
+import { highlight, highlightSync } from "@vmz/plugin-shiki/runtime";
 
 export default class Shiki {
-  public code: string = '';
-  public lang: string = 'text';
-  public theme: string = 'vitesse-dark';
+    public code: string = "";
+    public lang: string = "text";
+    public theme: string = "vitesse-dark";
 
-  /** null → sync fallback / prewarm cache; set after async highlight. */
-  html: string | null = null;
+    /** null → sync fallback / prewarm cache; set after async highlight. */
+    html: string | null = null;
 
-  async onMount() {
-    this.html = await highlight(this.code, this.lang, this.theme);
-  }
+    async onMount() {
+        this.html = await highlight(this.code, this.lang, this.theme);
+    }
 }
 </script>

package/dist/runtime.d.ts

@@ -9,6 +9,7 @@ export type ShikiRuntimeConfig = {
     /** Default themes passed to the textmate highlighter factory. */
     themes?: string[];
 };
+type CodeHighlighter = Pick<Highlighter, 'codeToHtml'>;
 /** @internal test hook */
 export declare function getShikiRuntimeConfig(): Readonly<ShikiRuntimeConfig>;
 /** Reset module state (tests). */
@@ -19,7 +20,8 @@ export declare function resetShikiRuntimeForTests(): void;
 export declare function configureShiki(opts: ShikiRuntimeConfig): void;
 export declare function prewarmShiki(opts?: {
     themes?: string[];
-}): Promise<Highlighter>;
+}): Promise<CodeHighlighter>;
 export declare function highlight(code: string, lang?: string, theme?: string): Promise<string>;
 /** Sync highlight when prewarmed; otherwise escaped `<pre><code>`. */
 export declare function highlightSync(code: string, lang?: string, theme?: string): string;
+export {};

package/dist/runtime.js

@@ -80,7 +80,7 @@ function textmateSpec() {
 async function loadTextmateHighlighter(themes) {
     const spec = textmateSpec();
     try {
-        const mod = (await import(/* webpackIgnore: true */ spec));
+        const mod = (spec === DEFAULT_TEXTMATE ? await import('vmz-textmate/shiki') : await import(/* webpackIgnore: true */ spec));
         const factory = mod.createVmzHighlighter ?? mod.createHighlighter ?? mod.default?.createVmzHighlighter;
         if (typeof factory === 'function') {
             return factory({ themes, langs: [] });
@@ -92,7 +92,8 @@ async function loadTextmateHighlighter(themes) {
     return null;
 }
 async function loadGenericHighlighter(themes) {
-    const { createHighlighter } = await import('shiki');
+    const genericPackage = 'shiki';
+    const { createHighlighter } = await import(genericPackage);
     return createHighlighter({
         themes,
         langs: ['javascript', 'typescript', 'tsx', 'jsx', 'json', 'html', 'css', 'markdown', 'bash', 'text'],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vmz/plugin-shiki",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "type": "module",
   "description": "VMZ Shiki adapter - <Shiki> + code engine registration",
   "license": "MIT",
@@ -25,11 +25,11 @@
     "build": "tsc -p tsconfig.json"
   },
   "dependencies": {
-    "@vmz/plugin": "0.2.3"
+    "@vmz/plugin": "0.2.5"
   },
   "peerDependencies": {
     "shiki": ">=3",
-    "vmz-textmate": "0.2.3"
+    "vmz-textmate": "0.2.5"
   },
   "peerDependenciesMeta": {
     "shiki": {