From 36f887cf4232c70cfbc72ed0678a2a6603763e0f Mon Sep 17 00:00:00 2001 From: "bit-sync[bot]" Date: Wed, 19 Aug 2026 14:28:11 +0000 Subject: [PATCH 1/2] chore(bit-sync): sync lane teambit.api-reference/fix-syntax-highlighter-registries @ 5e3541302 Bit-Lane-Head: 5e35413024bed1082861a5c46e22557659b502b0 [bit-sync] --- .bitmap | 15 ++++++++--- .../grouped-schema-nodes-overview-summary.tsx | 26 ++++++++++++++++--- .../function-node-summary.tsx | 19 +++++++++++++- 3 files changed, 52 insertions(+), 8 deletions(-) diff --git a/.bitmap b/.bitmap index d62ab8a..72ae1ac 100644 --- a/.bitmap +++ b/.bitmap @@ -12,7 +12,7 @@ "api-reference": { "name": "api-reference", "scope": "teambit.api-reference", - "version": "1.0.1096", + "version": "1.0.1109", "mainFile": "index.ts", "rootDir": "components/api-reference" }, @@ -75,7 +75,7 @@ "overview/renderers/grouped-schema-nodes-overview-summary": { "name": "overview/renderers/grouped-schema-nodes-overview-summary", "scope": "teambit.api-reference", - "version": "0.0.70", + "version": "0bf4a5b0514ec637d8d9dd6e60c02227752a68d6", "mainFile": "index.ts", "rootDir": "components/overview/renderers/grouped-schema-nodes-overview-summary" }, @@ -159,7 +159,7 @@ "renderers/schema-node-member-summary": { "name": "renderers/schema-node-member-summary", "scope": "teambit.api-reference", - "version": "0.0.80", + "version": "1db233ecaedfef439880dc80a09d05509a060d47", "mainFile": "index.ts", "rootDir": "components/renderers/schema-node-member-summary" }, @@ -310,5 +310,12 @@ "mainFile": "index.ts", "rootDir": "components/utils/sort-api-nodes" }, - "$schema-version": "17.0.0" + "$schema-version": "17.0.0", + "_bit_lane": { + "id": { + "name": "fix-syntax-highlighter-registries", + "scope": "teambit.api-reference" + }, + "exported": true + } } \ No newline at end of file diff --git a/components/overview/renderers/grouped-schema-nodes-overview-summary/grouped-schema-nodes-overview-summary.tsx b/components/overview/renderers/grouped-schema-nodes-overview-summary/grouped-schema-nodes-overview-summary.tsx index 0d9fab4..1684d63 100644 --- a/components/overview/renderers/grouped-schema-nodes-overview-summary/grouped-schema-nodes-overview-summary.tsx +++ b/components/overview/renderers/grouped-schema-nodes-overview-summary/grouped-schema-nodes-overview-summary.tsx @@ -12,7 +12,16 @@ import type { APINodeRenderProps } from '@teambit/api-reference.models.api-node- import { nodeStyles } from '@teambit/api-reference.models.api-node-renderer'; import { VariableNodeSummary, EnumMemberSummary } from '@teambit/api-reference.renderers.schema-node-member-summary'; import { parameterRenderer as defaultParamRenderer } from '@teambit/api-reference.renderers.parameter'; -import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter'; +// deep import on purpose: the package root re-exports `default-highlight` (highlight.js with every +// language) and `prism` (refractor with every language) alongside the light builds, so importing +// anything from the root pulls ~2.3 MB into every consumer's bundle. +import SyntaxHighlighter from 'react-syntax-highlighter/dist/esm/prism-light'; +import tsSyntax from 'react-syntax-highlighter/dist/esm/languages/prism/typescript'; +import tsxSyntax from 'react-syntax-highlighter/dist/esm/languages/prism/tsx'; +import jsSyntax from 'react-syntax-highlighter/dist/esm/languages/prism/javascript'; +import jsxSyntax from 'react-syntax-highlighter/dist/esm/languages/prism/jsx'; +import cssSyntax from 'react-syntax-highlighter/dist/esm/languages/prism/css'; +import mdSyntax from 'react-syntax-highlighter/dist/esm/languages/prism/markdown'; import defaultTheme from '@teambit/api-reference.utils.custom-prism-syntax-highlighter-theme'; import { Link as BaseLink } from '@teambit/base-react.navigation.link'; import pluralize from 'pluralize'; @@ -20,6 +29,14 @@ import classnames from 'classnames'; import styles from './grouped-schema-nodes-overview-summary.module.scss'; +// `lang` below is the source file's ending: ts/tsx/js/jsx, with scss/sass mapped to css and mdx to md. +SyntaxHighlighter.registerLanguage('ts', tsSyntax); +SyntaxHighlighter.registerLanguage('tsx', tsxSyntax); +SyntaxHighlighter.registerLanguage('js', jsSyntax); +SyntaxHighlighter.registerLanguage('jsx', jsxSyntax); +SyntaxHighlighter.registerLanguage('css', cssSyntax); +SyntaxHighlighter.registerLanguage('md', mdSyntax); + // @todo - this will be fixed as part of the @teambit/base-react.navigation.link upgrade to latest const Link = BaseLink as any; @@ -135,7 +152,9 @@ export function SchemaNodesSummary({ headings={_headings} /> {groupedMembersByType.map((member) => { - // @ts-expect-error - version skew: local SchemaNode has diff() but npm-published version doesn't yet + // @ts-ignore - version skew: local SchemaNode has diff() but the npm-published one doesn't yet. + // Only errors in the capsule build, where two semantic-schema versions genuinely coexist; the + // workspace type-check resolves a single copy (tsconfig paths), so @ts-expect-error would be unused there. return renderTable(type ?? '', member, _headings); })} @@ -146,7 +165,8 @@ export function SchemaNodesSummary({ {groupedMembersByType.map((member) => ( diff --git a/components/renderers/schema-node-member-summary/function-node-summary.tsx b/components/renderers/schema-node-member-summary/function-node-summary.tsx index 77b9b1f..c9b1c7f 100644 --- a/components/renderers/schema-node-member-summary/function-node-summary.tsx +++ b/components/renderers/schema-node-member-summary/function-node-summary.tsx @@ -1,6 +1,15 @@ import type { HTMLAttributes } from 'react'; import React, { useMemo } from 'react'; -import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter'; +// deep import on purpose: the package root re-exports `default-highlight` (highlight.js with every +// language) and `prism` (refractor with every language) alongside the light builds, so importing +// anything from the root pulls ~2.3 MB into every consumer's bundle. +import SyntaxHighlighter from 'react-syntax-highlighter/dist/esm/prism-light'; +import tsSyntax from 'react-syntax-highlighter/dist/esm/languages/prism/typescript'; +import tsxSyntax from 'react-syntax-highlighter/dist/esm/languages/prism/tsx'; +import jsSyntax from 'react-syntax-highlighter/dist/esm/languages/prism/javascript'; +import jsxSyntax from 'react-syntax-highlighter/dist/esm/languages/prism/jsx'; +import cssSyntax from 'react-syntax-highlighter/dist/esm/languages/prism/css'; +import mdSyntax from 'react-syntax-highlighter/dist/esm/languages/prism/markdown'; import type { SchemaNode } from '@teambit/semantics.entities.semantic-schema'; import { SetAccessorSchema } from '@teambit/semantics.entities.semantic-schema'; import { transformSignature } from '@teambit/api-reference.utils.schema-node-signature-transform'; @@ -15,6 +24,14 @@ import classNames from 'classnames'; import styles from './function-node-summary.module.scss'; +// `lang` below is the source file's ending: ts/tsx/js/jsx, with scss/sass mapped to css and mdx to md. +SyntaxHighlighter.registerLanguage('ts', tsSyntax); +SyntaxHighlighter.registerLanguage('tsx', tsxSyntax); +SyntaxHighlighter.registerLanguage('js', jsSyntax); +SyntaxHighlighter.registerLanguage('jsx', jsxSyntax); +SyntaxHighlighter.registerLanguage('css', cssSyntax); +SyntaxHighlighter.registerLanguage('md', mdSyntax); + export type FunctionNodeSummaryProps = { groupElementClassName?: string; node: SchemaNode; From 80f71419865612afbdc6d91375e6a521519a19f0 Mon Sep 17 00:00:00 2001 From: "bit-sync[bot]" Date: Wed, 19 Aug 2026 14:32:26 +0000 Subject: [PATCH 2/2] chore(bit-sync): sync lane teambit.api-reference/fix-syntax-highlighter-registries @ 0f6216e8d Bit-Lane-Head: 0f6216e8d3093fe80905a31cfb85f9d6fd17676e [bit-sync] --- .bitmap | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/.bitmap b/.bitmap index 72ae1ac..918e0e8 100644 --- a/.bitmap +++ b/.bitmap @@ -75,7 +75,7 @@ "overview/renderers/grouped-schema-nodes-overview-summary": { "name": "overview/renderers/grouped-schema-nodes-overview-summary", "scope": "teambit.api-reference", - "version": "0bf4a5b0514ec637d8d9dd6e60c02227752a68d6", + "version": "9c987951b9e881351ee2f9e5f4cb16fe5ed1385e", "mainFile": "index.ts", "rootDir": "components/overview/renderers/grouped-schema-nodes-overview-summary" }, @@ -159,7 +159,7 @@ "renderers/schema-node-member-summary": { "name": "renderers/schema-node-member-summary", "scope": "teambit.api-reference", - "version": "1db233ecaedfef439880dc80a09d05509a060d47", + "version": "e9c3b5da396d6b2af5c38cfd773da5b761713c91", "mainFile": "index.ts", "rootDir": "components/renderers/schema-node-member-summary" },