chore: add logging

Author: ricardonunez-io

packages/mdx/src/plugins/rehype/twoslash/config.ts

@@ -5,8 +5,8 @@ import {
 } from '@shikijs/twoslash';
 import type { ElementContent } from 'hast';
 import type { ShikiTransformer } from 'shiki/types';
-import { createTwoslasher, type TwoslashInstance } from 'twoslash';
-import { createTwoslashFromCDN, TwoslashCdnReturn } from 'twoslash-cdn';
+import type { TwoslashInstance } from 'twoslash';
+import { createTwoslashFromCDN } from 'twoslash-cdn';
 import * as ts from 'typescript';
 
 type TransformerFactory = (options?: TransformerTwoslashOptions) => ShikiTransformer;
@@ -26,37 +26,50 @@ const twoslashStorageMap = new Map();
 export const cdnTwoslash = createTwoslashFromCDN({
   compilerOptions: twoslashCompilerOptions,
   fsMap,
+  fetcher(input, init) {
+    console.warn(`[GLOBAL__FETCHER]: Fetching ${input}`);
+    return fetch(input, init);
+  },
   storage: {
     getItemRaw(key) {
+      console.warn(`[GLOBAL__CDN-TWOSLASH] Getting item from cache: ${key}`);
       return twoslashStorageMap.get(key);
     },
     setItemRaw(key, value) {
+      console.warn(
+        `[GLOBAL__CDN-TWOSLASH] Setting new item in cache: { key: ${key}, value: ${value.slice(0, 100)}... }`
+      );
       twoslashStorageMap.set(key, value);
     },
   },
 });
 
-let cachedInstance: TwoslashCdnReturn | undefined;
-
 export const cdnTwoslashTransformer: TransformerFactory = createTransformerFactory(
   cdnTwoslash.runSync
 );
 
 export function getCdnTwoslashTransformer(options: TransformerTwoslashOptions): ShikiTransformer {
   function getInstance() {
-    cachedInstance ??= createTwoslashFromCDN({
+    return createTwoslashFromCDN({
       compilerOptions: twoslashCompilerOptions,
+      fetcher(input, init) {
+        console.warn(`[FETCHER]: Fetching ${input}`);
+        return fetch(input, init);
+      },
       fsMap,
       storage: {
         getItemRaw(key) {
+          console.warn(`[CDN-TWOSLASH] Getting item from cache: ${key}`);
           return twoslashStorageMap.get(key);
         },
         setItemRaw(key, value) {
+          console.warn(
+            `[CDN-TWOSLASH] Setting new item in cache: { key: ${key}, value: ${value.slice(0, 100)}... }`
+          );
           twoslashStorageMap.set(key, value);
         },
       },
     });
-    return cachedInstance;
   }
 
   return createTransformerFactory(