@redocly/theme 0.66.0-next.1 → 0.66.0-next.2

package/lib/components/CodeBlock/CodeBlockControls.js

@@ -55,7 +55,12 @@ function CodeBlockControls({ children, className, title, controls, tabs, dropdow
                         }
                         else {
                             telemetry.sendCopyCodeSnippetClickedMessage([
-                                { object: 'code_snippet', snippetType: 'copy' },
+                                {
+                                    id: 'copyCodeSnippetButton',
+                                    object: 'button',
+                                    uri: 'urn:redocly:redoc:ui:button:copyCodeSnippetButton',
+                                    snippetType: 'copy',
+                                },
                             ]);
                         }
                     } }))) : null))) : null;

package/lib/core/hooks/__tests__/mocks/mock-intersection-observer.d.ts

@@ -1,6 +1,7 @@
 export declare class MockIntersectionObserver {
     readonly root: Element | Document | null;
     readonly rootMargin: string;
+    readonly scrollMargin: string;
     readonly thresholds: ReadonlyArray<number>;
     private viewPort;
     private entries;

package/lib/core/hooks/__tests__/mocks/mock-intersection-observer.js

@@ -15,6 +15,12 @@ class MockIntersectionObserver {
             writable: true,
             value: void 0
         });
+        Object.defineProperty(this, "scrollMargin", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
         Object.defineProperty(this, "thresholds", {
             enumerable: true,
             configurable: true,
@@ -52,6 +58,7 @@ class MockIntersectionObserver {
         this.entries = [];
         this.root = null;
         this.rootMargin = '0px';
+        this.scrollMargin = '';
         this.thresholds = [1];
         this.callback = callback;
         this.viewPort.addEventListener('scroll', this.intersect);

package/lib/core/hooks/use-product-picker.d.ts

@@ -1,5 +1,5 @@
 export declare function useProductPicker(): {
-    currentProduct: import("@redocly/config").ProductUiConfig | undefined;
-    products: import("@redocly/config").ProductUiConfig[];
-    setProduct: (product: import("@redocly/config").ProductUiConfig | undefined) => void;
+    currentProduct: import("../..").ProductUiConfig | undefined;
+    products: import("../..").ProductUiConfig[];
+    setProduct: (product: import("../..").ProductUiConfig | undefined) => void;
 };

package/lib/markdoc/default.d.ts

@@ -27,109 +27,25 @@ import { connectMcp } from '../markdoc/tags/connect-mcp';
 import { loginButton } from '../markdoc/tags/login-button';
 import { diagram } from '../markdoc/tags/diagram';
 export declare const tags: {
-    [admonition.tagName]: import("@markdoc/markdoc").Schema & {
-        attributes?: Record<string, import("@markdoc/markdoc").SchemaAttribute & {
-            resolver?: string;
-        }>;
-    };
-    [debug.tagName]: import("@markdoc/markdoc").Schema & {
-        attributes?: Record<string, import("@markdoc/markdoc").SchemaAttribute & {
-            resolver?: string;
-        }>;
-    };
-    [html.tagName]: import("@markdoc/markdoc").Schema & {
-        attributes?: Record<string, import("@markdoc/markdoc").SchemaAttribute & {
-            resolver?: string;
-        }>;
-    };
-    [markdocExample.tagName]: import("@markdoc/markdoc").Schema & {
-        attributes?: Record<string, import("@markdoc/markdoc").SchemaAttribute & {
-            resolver?: string;
-        }>;
-    };
-    [partial.tagName]: import("@markdoc/markdoc").Schema & {
-        attributes?: Record<string, import("@markdoc/markdoc").SchemaAttribute & {
-            resolver?: string;
-        }>;
-    };
-    [tab.tagName]: import("@markdoc/markdoc").Schema & {
-        attributes?: Record<string, import("@markdoc/markdoc").SchemaAttribute & {
-            resolver?: string;
-        }>;
-    };
-    [tabs.tagName]: import("@markdoc/markdoc").Schema & {
-        attributes?: Record<string, import("@markdoc/markdoc").SchemaAttribute & {
-            resolver?: string;
-        }>;
-    };
-    [codeSnippet.tagName]: import("@markdoc/markdoc").Schema & {
-        attributes?: Record<string, import("@markdoc/markdoc").SchemaAttribute & {
-            resolver?: string;
-        }>;
-    };
-    [inlineSvg.tagName]: import("@markdoc/markdoc").Schema & {
-        attributes?: Record<string, import("@markdoc/markdoc").SchemaAttribute & {
-            resolver?: string;
-        }>;
-    };
-    [cards.tagName]: import("@markdoc/markdoc").Schema & {
-        attributes?: Record<string, import("@markdoc/markdoc").SchemaAttribute & {
-            resolver?: string;
-        }>;
-    };
-    [card.tagName]: import("@markdoc/markdoc").Schema & {
-        attributes?: Record<string, import("@markdoc/markdoc").SchemaAttribute & {
-            resolver?: string;
-        }>;
-    };
-    [img.tagName]: import("@markdoc/markdoc").Schema & {
-        attributes?: Record<string, import("@markdoc/markdoc").SchemaAttribute & {
-            resolver?: string;
-        }>;
-    };
-    [codeWalkthrough.tagName]: import("@markdoc/markdoc").Schema & {
-        attributes?: Record<string, import("@markdoc/markdoc").SchemaAttribute & {
-            resolver?: string;
-        }>;
-    };
-    [codeStep.tagName]: import("@markdoc/markdoc").Schema & {
-        attributes?: Record<string, import("@markdoc/markdoc").SchemaAttribute & {
-            resolver?: string;
-        }>;
-    };
-    [toggle.tagName]: import("@markdoc/markdoc").Schema & {
-        attributes?: Record<string, import("@markdoc/markdoc").SchemaAttribute & {
-            resolver?: string;
-        }>;
-    };
-    [input.tagName]: import("@markdoc/markdoc").Schema & {
-        attributes?: Record<string, import("@markdoc/markdoc").SchemaAttribute & {
-            resolver?: string;
-        }>;
-    };
-    [codeGroup.tagName]: import("@markdoc/markdoc").Schema & {
-        attributes?: Record<string, import("@markdoc/markdoc").SchemaAttribute & {
-            resolver?: string;
-        }>;
-    };
-    [icon.tagName]: import("@markdoc/markdoc").Schema & {
-        attributes?: Record<string, import("@markdoc/markdoc").SchemaAttribute & {
-            resolver?: string;
-        }>;
-    };
-    [connectMcp.tagName]: import("@markdoc/markdoc").Schema & {
-        attributes?: Record<string, import("@markdoc/markdoc").SchemaAttribute & {
-            resolver?: string;
-        }>;
-    };
-    [loginButton.tagName]: import("@markdoc/markdoc").Schema & {
-        attributes?: Record<string, import("@markdoc/markdoc").SchemaAttribute & {
-            resolver?: string;
-        }>;
-    };
-    [diagram.tagName]: import("@markdoc/markdoc").Schema & {
-        attributes?: Record<string, import("@markdoc/markdoc").SchemaAttribute & {
-            resolver?: string;
-        }>;
-    };
+    [admonition.tagName]: import("./tags/types").MarkdocTagSchema;
+    [debug.tagName]: import("./tags/types").MarkdocTagSchema;
+    [html.tagName]: import("./tags/types").MarkdocTagSchema;
+    [markdocExample.tagName]: import("./tags/types").MarkdocTagSchema;
+    [partial.tagName]: import("./tags/types").MarkdocTagSchema;
+    [tab.tagName]: import("./tags/types").MarkdocTagSchema;
+    [tabs.tagName]: import("./tags/types").MarkdocTagSchema;
+    [codeSnippet.tagName]: import("./tags/types").MarkdocTagSchema;
+    [inlineSvg.tagName]: import("./tags/types").MarkdocTagSchema;
+    [cards.tagName]: import("./tags/types").MarkdocTagSchema;
+    [card.tagName]: import("./tags/types").MarkdocTagSchema;
+    [img.tagName]: import("./tags/types").MarkdocTagSchema;
+    [codeWalkthrough.tagName]: import("./tags/types").MarkdocTagSchema;
+    [codeStep.tagName]: import("./tags/types").MarkdocTagSchema;
+    [toggle.tagName]: import("./tags/types").MarkdocTagSchema;
+    [input.tagName]: import("./tags/types").MarkdocTagSchema;
+    [codeGroup.tagName]: import("./tags/types").MarkdocTagSchema;
+    [icon.tagName]: import("./tags/types").MarkdocTagSchema;
+    [connectMcp.tagName]: import("./tags/types").MarkdocTagSchema;
+    [loginButton.tagName]: import("./tags/types").MarkdocTagSchema;
+    [diagram.tagName]: import("./tags/types").MarkdocTagSchema;
 };

package/lib/markdoc/tags/types.d.ts

@@ -1,9 +1,15 @@
-import type { Schema, SchemaAttribute } from '@markdoc/markdoc';
+import type { Node, Schema, SchemaAttribute } from '@markdoc/markdoc';
+export type RenderForLlmsContext = {
+    getBody: () => string;
+};
+export type RenderForLlmsFn = (node: Node, context: RenderForLlmsContext) => string;
+export type MarkdocTagSchema = Schema & {
+    attributes?: Record<string, SchemaAttribute & {
+        resolver?: string;
+    }>;
+    renderForLlms?: RenderForLlmsFn;
+};
 export type MarkdocSchemaWrapper = {
-    schema: Schema & {
-        attributes?: Record<string, SchemaAttribute & {
-            resolver?: string;
-        }>;
-    };
+    schema: MarkdocTagSchema;
     tagName: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme",
-  "version": "0.66.0-next.1",
+  "version": "0.66.0-next.2",
   "description": "Shared UI components lib",
   "keywords": [
     "theme",
@@ -43,13 +43,13 @@
     "@types/highlight-words-core": "1.2.3",
     "@types/lodash.debounce": "4.0.9",
     "@types/lodash.throttle": "4.1.9",
-    "@types/node": "22.18.13",
+    "@types/node": "24.1.0",
     "@types/nprogress": "0.2.3",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "@types/styled-components": "5.1.34",
     "@vitest/coverage-v8": "4.0.10",
-    "@vitest/ui": "3.2.4",
+    "@vitest/ui": "4.0.10",
     "concurrently": "7.6.0",
     "react-router-dom": "^6.30.3",
     "resize-observer-polyfill": "1.5.1",
@@ -59,11 +59,11 @@
     "tsc-alias": "1.8.16",
     "tsconfig-paths": "4.2.0",
     "tsconfig-paths-webpack-plugin": "3.5.2",
-    "typescript": "5.9.3",
+    "typescript": "6.0.3",
     "vitest": "4.0.10",
     "vitest-when": "0.6.2",
     "webpack": "5.105.2",
-    "@redocly/realm-asyncapi-sdk": "0.12.0-next.1"
+    "@redocly/realm-asyncapi-sdk": "0.12.0-next.2"
   },
   "dependencies": {
     "@tanstack/react-query": "5.62.3",

package/src/components/CodeBlock/CodeBlockControls.tsx

@@ -186,7 +186,12 @@ export function CodeBlockControls({
                   copy?.onClick?.();
                 } else {
                   telemetry.sendCopyCodeSnippetClickedMessage([
-                    { object: 'code_snippet', snippetType: 'copy' },
+                    {
+                      id: 'copyCodeSnippetButton',
+                      object: 'button',
+                      uri: 'urn:redocly:redoc:ui:button:copyCodeSnippetButton',
+                      snippetType: 'copy',
+                    },
                   ]);
                 }
               }}

package/src/core/hooks/__tests__/mocks/mock-intersection-observer.ts

@@ -1,6 +1,7 @@
 export class MockIntersectionObserver {
   public readonly root: Element | Document | null;
   public readonly rootMargin: string;
+  public readonly scrollMargin: string;
   public readonly thresholds: ReadonlyArray<number>;
 
   private viewPort: Element | Document | Window;
@@ -12,6 +13,7 @@ export class MockIntersectionObserver {
     this.entries = [];
     this.root = null;
     this.rootMargin = '0px';
+    this.scrollMargin = '';
     this.thresholds = [1];
     this.callback = callback;
 

package/src/core/hooks/code-walkthrough/__mocks__/mock-intersection-observer.ts

@@ -3,6 +3,7 @@ import { vi } from 'vitest';
 export class MockIntersectionObserver {
   public readonly root: Element | Document | null;
   public readonly rootMargin: string;
+  public readonly scrollMargin: string;
   public readonly thresholds: ReadonlyArray<number>;
   observe: (target: HTMLElement) => void;
   unobserve: (target: HTMLElement) => void;
@@ -12,6 +13,7 @@ export class MockIntersectionObserver {
   constructor(callback: IntersectionObserverCallback, options?: IntersectionObserverInit) {
     this.root = null;
     this.rootMargin = '0px';
+    this.scrollMargin = '';
     this.thresholds = [1];
     this.observe = vi.fn();
     this.unobserve = vi.fn();

package/src/markdoc/tags/types.ts

@@ -1,8 +1,17 @@
-import type { Schema, SchemaAttribute } from '@markdoc/markdoc';
+import type { Node, Schema, SchemaAttribute } from '@markdoc/markdoc';
+
+export type RenderForLlmsContext = {
+  getBody: () => string;
+};
+
+export type RenderForLlmsFn = (node: Node, context: RenderForLlmsContext) => string;
+
+export type MarkdocTagSchema = Schema & {
+  attributes?: Record<string, SchemaAttribute & { resolver?: string }>;
+  renderForLlms?: RenderForLlmsFn;
+};
 
 export type MarkdocSchemaWrapper = {
-  schema: Schema & {
-    attributes?: Record<string, SchemaAttribute & { resolver?: string }>;
-  };
+  schema: MarkdocTagSchema;
   tagName: string;
 };