@stream-mdx/react 0.1.1 → 0.3.0

package/dist/mdx-client.cjs

@@ -61,6 +61,8 @@ var MDXClient = class {
   constructor(compileEndpoint = "/api/mdx-compile-v2") {
     this.cache = /* @__PURE__ */ new Map();
     this.inlineModules = /* @__PURE__ */ new Map();
+    this.compiledCache = /* @__PURE__ */ new Map();
+    this.compiledInflight = /* @__PURE__ */ new Map();
     this.compileEndpoint = compileEndpoint;
   }
   /**
@@ -85,34 +87,53 @@ var MDXClient = class {
       throw error;
     }
   }
-  /**
-   * Get compiled MDX by reference
-   */
-  async getCompiled(ref) {
+  async getCompiledInternal(ref) {
     const inline = this.inlineModules.get(ref.id);
     if (inline) {
-      return {
-        ...inline,
-        dependencies: Array.isArray(inline.dependencies) ? [...inline.dependencies] : []
-      };
+      return this.cloneCompiled(inline);
     }
-    const response = await fetch(`${this.compileEndpoint}?id=${ref.id}`);
-    if (!response.ok) {
-      throw new Error(`Failed to get compiled MDX: ${response.statusText}`);
+    const cached = this.compiledCache.get(ref.id);
+    if (cached) {
+      return this.cloneCompiled(cached);
+    }
+    const inflight = this.compiledInflight.get(ref.id);
+    if (inflight) {
+      const resolved = await inflight;
+      return this.cloneCompiled(resolved);
+    }
+    const fetchPromise = this.fetchCompiled(ref);
+    this.compiledInflight.set(ref.id, fetchPromise);
+    try {
+      const data = await fetchPromise;
+      this.compiledCache.set(ref.id, data);
+      return this.cloneCompiled(data);
+    } finally {
+      this.compiledInflight.delete(ref.id);
     }
-    const data = await response.json();
-    return {
-      id: data.id,
-      code: data.code,
-      dependencies: data.dependencies || [],
-      timestamp: data.timestamp
-    };
+  }
+  async getCompiled(ref, options) {
+    if (options?.signal) {
+      const inline = this.inlineModules.get(ref.id);
+      if (inline) {
+        return this.cloneCompiled(inline);
+      }
+      const cached = this.compiledCache.get(ref.id);
+      if (cached) {
+        return this.cloneCompiled(cached);
+      }
+      const data = await this.fetchCompiled(ref, options);
+      this.compiledCache.set(ref.id, data);
+      return this.cloneCompiled(data);
+    }
+    return this.getCompiledInternal(ref);
   }
   /**
    * Clear compilation cache
    */
   clearCache() {
     this.cache.clear();
+    this.compiledCache.clear();
+    this.compiledInflight.clear();
   }
   registerInlineModule(compiled) {
     this.inlineModules.set(compiled.id, {
@@ -149,6 +170,27 @@ var MDXClient = class {
       cached: data.cached || false
     };
   }
+  async fetchCompiled(ref, options) {
+    const response = await fetch(`${this.compileEndpoint}?id=${ref.id}`, {
+      signal: options?.signal
+    });
+    if (!response.ok) {
+      throw new Error(`Failed to get compiled MDX: ${response.statusText}`);
+    }
+    const data = await response.json();
+    return {
+      id: data.id,
+      code: data.code,
+      dependencies: data.dependencies || [],
+      timestamp: data.timestamp
+    };
+  }
+  cloneCompiled(compiled) {
+    return {
+      ...compiled,
+      dependencies: Array.isArray(compiled.dependencies) ? [...compiled.dependencies] : []
+    };
+  }
 };
 var MDXComponentFactory = class {
   constructor(mdxClient) {

package/dist/mdx-client.d.cts

@@ -1,6 +1,9 @@
 import { Block } from '@stream-mdx/core';
 import React from 'react';
 
+type CompiledFetchOptions = {
+    signal?: AbortSignal;
+};
 /**
  * MDX compilation client
  */
@@ -8,17 +11,23 @@ declare class MDXClient {
     private compileEndpoint;
     private cache;
     private inlineModules;
+    private compiledCache;
+    private compiledInflight;
     constructor(compileEndpoint?: string);
     /**
      * Compile MDX block on server
      */
     compile(block: Block): Promise<CompiledMDX>;
+    private getCompiledInternal;
     /**
      * Get compiled MDX by reference
      */
     getCompiled(ref: {
         id: string;
     }): Promise<CompiledMDX>;
+    getCompiled(ref: {
+        id: string;
+    }, options: CompiledFetchOptions): Promise<CompiledMDX>;
     /**
      * Clear compilation cache
      */
@@ -29,6 +38,8 @@ declare class MDXClient {
      * Actual compilation implementation
      */
     private doCompile;
+    private fetchCompiled;
+    private cloneCompiled;
 }
 /**
  * Compiled MDX result

package/dist/mdx-client.d.ts

@@ -1,6 +1,9 @@
 import { Block } from '@stream-mdx/core';
 import React from 'react';
 
+type CompiledFetchOptions = {
+    signal?: AbortSignal;
+};
 /**
  * MDX compilation client
  */
@@ -8,17 +11,23 @@ declare class MDXClient {
     private compileEndpoint;
     private cache;
     private inlineModules;
+    private compiledCache;
+    private compiledInflight;
     constructor(compileEndpoint?: string);
     /**
      * Compile MDX block on server
      */
     compile(block: Block): Promise<CompiledMDX>;
+    private getCompiledInternal;
     /**
      * Get compiled MDX by reference
      */
     getCompiled(ref: {
         id: string;
     }): Promise<CompiledMDX>;
+    getCompiled(ref: {
+        id: string;
+    }, options: CompiledFetchOptions): Promise<CompiledMDX>;
     /**
      * Clear compilation cache
      */
@@ -29,6 +38,8 @@ declare class MDXClient {
      * Actual compilation implementation
      */
     private doCompile;
+    private fetchCompiled;
+    private cloneCompiled;
 }
 /**
  * Compiled MDX result

package/dist/mdx-client.mjs

@@ -23,6 +23,8 @@ var MDXClient = class {
   constructor(compileEndpoint = "/api/mdx-compile-v2") {
     this.cache = /* @__PURE__ */ new Map();
     this.inlineModules = /* @__PURE__ */ new Map();
+    this.compiledCache = /* @__PURE__ */ new Map();
+    this.compiledInflight = /* @__PURE__ */ new Map();
     this.compileEndpoint = compileEndpoint;
   }
   /**
@@ -47,34 +49,53 @@ var MDXClient = class {
       throw error;
     }
   }
-  /**
-   * Get compiled MDX by reference
-   */
-  async getCompiled(ref) {
+  async getCompiledInternal(ref) {
     const inline = this.inlineModules.get(ref.id);
     if (inline) {
-      return {
-        ...inline,
-        dependencies: Array.isArray(inline.dependencies) ? [...inline.dependencies] : []
-      };
+      return this.cloneCompiled(inline);
     }
-    const response = await fetch(`${this.compileEndpoint}?id=${ref.id}`);
-    if (!response.ok) {
-      throw new Error(`Failed to get compiled MDX: ${response.statusText}`);
+    const cached = this.compiledCache.get(ref.id);
+    if (cached) {
+      return this.cloneCompiled(cached);
+    }
+    const inflight = this.compiledInflight.get(ref.id);
+    if (inflight) {
+      const resolved = await inflight;
+      return this.cloneCompiled(resolved);
+    }
+    const fetchPromise = this.fetchCompiled(ref);
+    this.compiledInflight.set(ref.id, fetchPromise);
+    try {
+      const data = await fetchPromise;
+      this.compiledCache.set(ref.id, data);
+      return this.cloneCompiled(data);
+    } finally {
+      this.compiledInflight.delete(ref.id);
     }
-    const data = await response.json();
-    return {
-      id: data.id,
-      code: data.code,
-      dependencies: data.dependencies || [],
-      timestamp: data.timestamp
-    };
+  }
+  async getCompiled(ref, options) {
+    if (options?.signal) {
+      const inline = this.inlineModules.get(ref.id);
+      if (inline) {
+        return this.cloneCompiled(inline);
+      }
+      const cached = this.compiledCache.get(ref.id);
+      if (cached) {
+        return this.cloneCompiled(cached);
+      }
+      const data = await this.fetchCompiled(ref, options);
+      this.compiledCache.set(ref.id, data);
+      return this.cloneCompiled(data);
+    }
+    return this.getCompiledInternal(ref);
   }
   /**
    * Clear compilation cache
    */
   clearCache() {
     this.cache.clear();
+    this.compiledCache.clear();
+    this.compiledInflight.clear();
   }
   registerInlineModule(compiled) {
     this.inlineModules.set(compiled.id, {
@@ -111,6 +132,27 @@ var MDXClient = class {
       cached: data.cached || false
     };
   }
+  async fetchCompiled(ref, options) {
+    const response = await fetch(`${this.compileEndpoint}?id=${ref.id}`, {
+      signal: options?.signal
+    });
+    if (!response.ok) {
+      throw new Error(`Failed to get compiled MDX: ${response.statusText}`);
+    }
+    const data = await response.json();
+    return {
+      id: data.id,
+      code: data.code,
+      dependencies: data.dependencies || [],
+      timestamp: data.timestamp
+    };
+  }
+  cloneCompiled(compiled) {
+    return {
+      ...compiled,
+      dependencies: Array.isArray(compiled.dependencies) ? [...compiled.dependencies] : []
+    };
+  }
 };
 var MDXComponentFactory = class {
   constructor(mdxClient) {

package/dist/mdx-coordinator.cjs

@@ -60,6 +60,8 @@ var MDXClient = class {
   constructor(compileEndpoint = "/api/mdx-compile-v2") {
     this.cache = /* @__PURE__ */ new Map();
     this.inlineModules = /* @__PURE__ */ new Map();
+    this.compiledCache = /* @__PURE__ */ new Map();
+    this.compiledInflight = /* @__PURE__ */ new Map();
     this.compileEndpoint = compileEndpoint;
   }
   /**
@@ -84,34 +86,53 @@ var MDXClient = class {
       throw error;
     }
   }
-  /**
-   * Get compiled MDX by reference
-   */
-  async getCompiled(ref) {
+  async getCompiledInternal(ref) {
     const inline = this.inlineModules.get(ref.id);
     if (inline) {
-      return {
-        ...inline,
-        dependencies: Array.isArray(inline.dependencies) ? [...inline.dependencies] : []
-      };
+      return this.cloneCompiled(inline);
     }
-    const response = await fetch(`${this.compileEndpoint}?id=${ref.id}`);
-    if (!response.ok) {
-      throw new Error(`Failed to get compiled MDX: ${response.statusText}`);
+    const cached = this.compiledCache.get(ref.id);
+    if (cached) {
+      return this.cloneCompiled(cached);
+    }
+    const inflight = this.compiledInflight.get(ref.id);
+    if (inflight) {
+      const resolved = await inflight;
+      return this.cloneCompiled(resolved);
+    }
+    const fetchPromise = this.fetchCompiled(ref);
+    this.compiledInflight.set(ref.id, fetchPromise);
+    try {
+      const data = await fetchPromise;
+      this.compiledCache.set(ref.id, data);
+      return this.cloneCompiled(data);
+    } finally {
+      this.compiledInflight.delete(ref.id);
     }
-    const data = await response.json();
-    return {
-      id: data.id,
-      code: data.code,
-      dependencies: data.dependencies || [],
-      timestamp: data.timestamp
-    };
+  }
+  async getCompiled(ref, options) {
+    if (options?.signal) {
+      const inline = this.inlineModules.get(ref.id);
+      if (inline) {
+        return this.cloneCompiled(inline);
+      }
+      const cached = this.compiledCache.get(ref.id);
+      if (cached) {
+        return this.cloneCompiled(cached);
+      }
+      const data = await this.fetchCompiled(ref, options);
+      this.compiledCache.set(ref.id, data);
+      return this.cloneCompiled(data);
+    }
+    return this.getCompiledInternal(ref);
   }
   /**
    * Clear compilation cache
    */
   clearCache() {
     this.cache.clear();
+    this.compiledCache.clear();
+    this.compiledInflight.clear();
   }
   registerInlineModule(compiled) {
     this.inlineModules.set(compiled.id, {
@@ -148,6 +169,27 @@ var MDXClient = class {
       cached: data.cached || false
     };
   }
+  async fetchCompiled(ref, options) {
+    const response = await fetch(`${this.compileEndpoint}?id=${ref.id}`, {
+      signal: options?.signal
+    });
+    if (!response.ok) {
+      throw new Error(`Failed to get compiled MDX: ${response.statusText}`);
+    }
+    const data = await response.json();
+    return {
+      id: data.id,
+      code: data.code,
+      dependencies: data.dependencies || [],
+      timestamp: data.timestamp
+    };
+  }
+  cloneCompiled(compiled) {
+    return {
+      ...compiled,
+      dependencies: Array.isArray(compiled.dependencies) ? [...compiled.dependencies] : []
+    };
+  }
 };
 var MDXComponentFactory = class {
   constructor(mdxClient) {

package/dist/mdx-coordinator.mjs

@@ -27,6 +27,8 @@ var MDXClient = class {
   constructor(compileEndpoint = "/api/mdx-compile-v2") {
     this.cache = /* @__PURE__ */ new Map();
     this.inlineModules = /* @__PURE__ */ new Map();
+    this.compiledCache = /* @__PURE__ */ new Map();
+    this.compiledInflight = /* @__PURE__ */ new Map();
     this.compileEndpoint = compileEndpoint;
   }
   /**
@@ -51,34 +53,53 @@ var MDXClient = class {
       throw error;
     }
   }
-  /**
-   * Get compiled MDX by reference
-   */
-  async getCompiled(ref) {
+  async getCompiledInternal(ref) {
     const inline = this.inlineModules.get(ref.id);
     if (inline) {
-      return {
-        ...inline,
-        dependencies: Array.isArray(inline.dependencies) ? [...inline.dependencies] : []
-      };
+      return this.cloneCompiled(inline);
     }
-    const response = await fetch(`${this.compileEndpoint}?id=${ref.id}`);
-    if (!response.ok) {
-      throw new Error(`Failed to get compiled MDX: ${response.statusText}`);
+    const cached = this.compiledCache.get(ref.id);
+    if (cached) {
+      return this.cloneCompiled(cached);
+    }
+    const inflight = this.compiledInflight.get(ref.id);
+    if (inflight) {
+      const resolved = await inflight;
+      return this.cloneCompiled(resolved);
+    }
+    const fetchPromise = this.fetchCompiled(ref);
+    this.compiledInflight.set(ref.id, fetchPromise);
+    try {
+      const data = await fetchPromise;
+      this.compiledCache.set(ref.id, data);
+      return this.cloneCompiled(data);
+    } finally {
+      this.compiledInflight.delete(ref.id);
     }
-    const data = await response.json();
-    return {
-      id: data.id,
-      code: data.code,
-      dependencies: data.dependencies || [],
-      timestamp: data.timestamp
-    };
+  }
+  async getCompiled(ref, options) {
+    if (options?.signal) {
+      const inline = this.inlineModules.get(ref.id);
+      if (inline) {
+        return this.cloneCompiled(inline);
+      }
+      const cached = this.compiledCache.get(ref.id);
+      if (cached) {
+        return this.cloneCompiled(cached);
+      }
+      const data = await this.fetchCompiled(ref, options);
+      this.compiledCache.set(ref.id, data);
+      return this.cloneCompiled(data);
+    }
+    return this.getCompiledInternal(ref);
   }
   /**
    * Clear compilation cache
    */
   clearCache() {
     this.cache.clear();
+    this.compiledCache.clear();
+    this.compiledInflight.clear();
   }
   registerInlineModule(compiled) {
     this.inlineModules.set(compiled.id, {
@@ -115,6 +136,27 @@ var MDXClient = class {
       cached: data.cached || false
     };
   }
+  async fetchCompiled(ref, options) {
+    const response = await fetch(`${this.compileEndpoint}?id=${ref.id}`, {
+      signal: options?.signal
+    });
+    if (!response.ok) {
+      throw new Error(`Failed to get compiled MDX: ${response.statusText}`);
+    }
+    const data = await response.json();
+    return {
+      id: data.id,
+      code: data.code,
+      dependencies: data.dependencies || [],
+      timestamp: data.timestamp
+    };
+  }
+  cloneCompiled(compiled) {
+    return {
+      ...compiled,
+      dependencies: Array.isArray(compiled.dependencies) ? [...compiled.dependencies] : []
+    };
+  }
 };
 var MDXComponentFactory = class {
   constructor(mdxClient) {