@brillout/docpress 0.15.11 → 0.15.13-commit-ffe283f

package/dist/{remarkDetype.js → code-blocks/remarkDetype.js}

@@ -1,6 +1,7 @@
 export { remarkDetype };
 import { visit } from 'unist-util-visit';
-import { assertUsage } from './utils/assert.js';
+import { assertUsage } from '../utils/assert.js';
+import { parseMetaString } from './rehypeMetaToProps.js';
 import pc from '@brillout/picocolors';
 import module from 'node:module';
 // Cannot use `import { transform } from 'detype'` as it results in errors,
@@ -9,7 +10,6 @@ const { transform: detype } = module.createRequire(import.meta.url)('detype');
 const prettierOptions = {
     semi: false,
     singleQuote: true,
-    printWidth: 100,
     trailingComma: 'none',
 };
 function remarkDetype() {
@@ -54,16 +54,23 @@ function transformYaml(node) {
         type: 'mdxJsxFlowElement',
         name: 'CodeSnippets',
         children: [yamlJsCode, codeBlock],
-        attributes: [],
+        attributes: [
+            {
+                name: 'hideToggle',
+                type: 'mdxJsxAttribute',
+            },
+        ],
     };
     parent.children.splice(index, 1, yamlContainer);
 }
 async function transformTsToJs(node, file) {
     const { codeBlock, index, parent } = node;
-    let codeBlockContentJs = replaceFileNameSuffixes(codeBlock.value);
+    const maxWidth = Number(parseMetaString(codeBlock.meta)['max-width']);
+    let codeBlockReplacedJs = replaceFileNameSuffixes(codeBlock.value);
+    let codeBlockContentJs = '';
     // Remove TypeScript from the TS/TSX/Vue code node
     try {
-        codeBlockContentJs = await detype(codeBlockContentJs, `some-dummy-filename.${codeBlock.lang}`, {
+        codeBlockContentJs = await detype(codeBlockReplacedJs, `some-dummy-filename.${codeBlock.lang}`, {
             customizeBabelConfig(config) {
                 // Add `onlyRemoveTypeImports: true` to the internal `@babel/preset-typescript` config
                 // https://github.com/cyco130/detype/blob/46ec867e9efd31d31a312a215ca169bd6bff4726/src/transform.ts#L206
@@ -71,7 +78,10 @@ async function transformTsToJs(node, file) {
                 config.presets = [[config.presets[0], { onlyRemoveTypeImports: true }]];
             },
             removeTsComments: true,
-            prettierOptions,
+            prettierOptions: {
+                ...prettierOptions,
+                printWidth: maxWidth ? maxWidth : 99,
+            },
         });
     }
     catch (error) {
@@ -93,18 +103,26 @@ async function transformTsToJs(node, file) {
     if (codeBlockContentJs === codeBlock.value)
         return;
     const { position, lang, ...rest } = codeBlock;
+    const attributes = [];
     const jsCode = {
         ...rest,
         // The jsCode lang should be js|jsx|vue
         lang: lang.replace('t', 'j'),
         value: codeBlockContentJs,
     };
+    // Add `hideToggle` attribute (prop) to `CodeSnippets` if the only change was replacing `.ts` with `.js`
+    if (codeBlockReplacedJs === codeBlockContentJs) {
+        attributes.push({
+            name: 'hideToggle',
+            type: 'mdxJsxAttribute',
+        });
+    }
     // Wrap both the original `codeBlock` and `jsCode` with <CodeSnippets>
     const container = {
         type: 'mdxJsxFlowElement',
         name: 'CodeSnippets',
         children: [jsCode, codeBlock],
-        attributes: [],
+        attributes,
     };
     parent.children.splice(index, 1, container);
 }

package/dist/code-blocks/shikiTransformerAutoLinks.d.ts

@@ -0,0 +1,8 @@
+export { shikiTransformerAutoLinks };
+import type { ShikiTransformer } from 'shiki';
+/**
+ * A Shiki transformer that converts plain HTTPS URLs in code blocks into clickable `<a>` links.
+ *
+ * Inspired by `@jcayzac/shiki-transformer-autolinks`, but tailored for a narrower use case.
+ */
+declare function shikiTransformerAutoLinks(): ShikiTransformer;

package/dist/code-blocks/shikiTransformerAutoLinks.js

@@ -0,0 +1,51 @@
+export { shikiTransformerAutoLinks };
+const linkRE = /https:\/\/[^\s]*[^.,\s"'`]/g;
+/**
+ * A Shiki transformer that converts plain HTTPS URLs in code blocks into clickable `<a>` links.
+ *
+ * Inspired by `@jcayzac/shiki-transformer-autolinks`, but tailored for a narrower use case.
+ */
+function shikiTransformerAutoLinks() {
+    return {
+        name: 'docpress-shiki-autolinks',
+        span(span) {
+            if (span.children.length !== 1)
+                return;
+            let child = span.children[0];
+            if (child.type !== 'text')
+                return;
+            const links = [];
+            const matches = Array.from(child.value.matchAll(linkRE));
+            // Filter out URLs that contain `${...}`. e.g. `https://star-wars.brillout.com/api/films/${id}.json`.
+            const filtered = matches.filter(([href]) => !href.includes('${'));
+            if (filtered.length === 0)
+                return;
+            for (const match of filtered) {
+                const [href] = match;
+                links.unshift({ href, index: match.index });
+            }
+            const newChildren = [];
+            for (const { href, index } of links) {
+                const postIndex = index + href.length;
+                const postValue = child.value.slice(postIndex);
+                if (postValue.length > 0) {
+                    newChildren.unshift({ type: 'text', value: postValue });
+                }
+                newChildren.unshift({
+                    type: 'element',
+                    tagName: 'a',
+                    properties: { href },
+                    children: [{ type: 'text', value: href }],
+                });
+                child = {
+                    type: 'text',
+                    value: child.value.slice(0, index),
+                };
+            }
+            if (child.value.length > 0) {
+                newChildren.unshift(child);
+            }
+            span.children = newChildren;
+        },
+    };
+}

package/dist/components/index.d.ts

@@ -8,4 +8,3 @@ export * from './HorizontalLine';
 export * from './CodeBlockTransformer';
 export * from './Comment';
 export * from './FileRemoved';
-export * from './CodeSnippets';

package/dist/components/index.js

@@ -8,4 +8,3 @@ export * from './HorizontalLine';
 export * from './CodeBlockTransformer';
 export * from './Comment';
 export * from './FileRemoved';
-export * from './CodeSnippets';

package/dist/determineNavItemsColumnLayout.js

@@ -1,13 +1,13 @@
 export { determineNavItemsColumnLayout };
-import { assert, assertUsage } from './utils/assert';
+import { assert } from './utils/assert';
 function determineNavItemsColumnLayout(navItems) {
     const columnLayouts = getColumnEntries(navItems);
     columnLayouts.forEach((columnEntries) => {
         for (let numberOfColumns = columnEntries.length; numberOfColumns >= 1; numberOfColumns--) {
             const columnMapping = determineColumnLayout(columnEntries.map((columnEntry) => columnEntry.numberOfEntries), numberOfColumns);
             columnEntries.forEach((columnEntry, i) => {
-                columnEntry.navItemLeader.isColumnEntry ??= {};
-                columnEntry.navItemLeader.isColumnEntry[numberOfColumns] = columnMapping[i];
+                columnEntry.navItemLeader.isPotentialColumn ??= {};
+                columnEntry.navItemLeader.isPotentialColumn[numberOfColumns] = columnMapping[i];
             });
         }
     });
@@ -49,7 +49,8 @@ function getColumnEntries(navItems) {
             isFullWidthCategory = !!navItem.menuModalFullWidth;
             if (isFullWidthCategory)
                 isFullWidthCategoryBegin = true;
-            if (isFullWidthCategoryPrevious !== undefined && isFullWidthCategoryPrevious !== isFullWidthCategory) {
+            if (isFullWidthCategoryPrevious !== undefined &&
+                (isFullWidthCategoryPrevious !== isFullWidthCategory || (isFullWidthCategory && columnEntries.length > 0))) {
                 columnLayouts.push(columnEntries);
                 columnEntries = [];
             }
@@ -69,11 +70,11 @@ function getColumnEntries(navItems) {
             assert(numberOfHeadings !== null);
             if (isFullWidthCategoryBegin) {
                 assert(navItem.level === 1);
-                assertUsage(navItemNext && navItemNext.level === 4, 
-                // We can lift this requirement, but it isn't trivial to implement.
-                'level-1 headings with menuModalFullWidth need to be followed by a level-4 heading');
-                assert(navItemNext.numberOfHeadings);
-                numberOfHeadings = navItemNext.numberOfHeadings;
+                // If followed by a level-4 heading, use its count instead
+                if (navItemNext && navItemNext.level === 4) {
+                    assert(navItemNext.numberOfHeadings);
+                    numberOfHeadings = navItemNext.numberOfHeadings;
+                }
             }
             columnEntries.push({ navItemLeader: navItems[i], numberOfEntries: numberOfHeadings });
         }

package/dist/types/Config.d.ts

@@ -14,6 +14,7 @@ type Config = {
     twitter?: string;
     bluesky?: string;
     linkedin?: string;
+    changelog?: boolean;
     headings: HeadingDefinition[];
     headingsDetached: HeadingDetachedDefinition[];
     categories?: Category[];

package/dist/vite.config.js

@@ -5,12 +5,17 @@ import { parsePageSections } from './parsePageSections.js';
 import rehypePrettyCode from 'rehype-pretty-code';
 import remarkGfm from 'remark-gfm';
 import { transformerNotationDiff } from '@shikijs/transformers';
-import { remarkDetype } from './remarkDetype.js';
-import { rehypeMetaToProps } from './rehypeMetaToProps.js';
+import { rehypeMetaToProps } from './code-blocks/rehypeMetaToProps.js';
+import { remarkDetype } from './code-blocks/remarkDetype.js';
+import { shikiTransformerAutoLinks } from './code-blocks/shikiTransformerAutoLinks.js';
 const root = process.cwd();
 const prettyCode = [
     rehypePrettyCode,
-    { theme: 'github-light', keepBackground: false, transformers: [transformerNotationDiff()] },
+    {
+        theme: 'github-light',
+        keepBackground: false,
+        transformers: [transformerNotationDiff(), shikiTransformerAutoLinks()],
+    },
 ];
 const rehypePlugins = [prettyCode, [rehypeMetaToProps]];
 const remarkPlugins = [remarkGfm, remarkDetype];

package/docsearch/SearchLink.tsx

@@ -33,7 +33,11 @@ function SearchIcon() {
     <img
       src={iconMagnifyingGlass}
       width={18}
-      style={{ marginRight: 'var(--icon-text-padding)', position: 'relative', top: -1 }}
+      style={{
+        marginRight: 'var(--icon-text-padding)',
+        position: 'relative',
+        top: 1,
+      }}
       className="decolorize-7"
     />
   )

package/icons/coin.svg

@@ -0,0 +1,38 @@
+<svg width="448.52" height="448.52" data-name="Layer 1" version="1.1" viewBox="0 0 448.52 448.52" xmlns="http://www.w3.org/2000/svg">
+<defs>
+<linearGradient id="linear-gradient" x1="256" x2="256" y1="460.43" y2="11.91" gradientTransform="translate(-31.74,-11)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#bd7f26" offset="0"/>
+<stop stop-color="#e3ca75" offset="1"/>
+</linearGradient>
+<linearGradient id="linear-gradient-2" x1="256" x2="256" y1="449.56" y2="22.68" gradientTransform="translate(-31.74,-11)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#e5b151" offset="0"/>
+<stop stop-color="#ffd645" offset="1"/>
+</linearGradient>
+<linearGradient id="linear-gradient-3" x1="1902.1" x2="1902.1" y1="5236.8" y2="4882" gradientTransform="rotate(180 1063.2 2641.5)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#bd7f26" offset="0"/>
+<stop stop-color="#fbf2ac" offset="1"/>
+</linearGradient>
+<linearGradient id="linear-gradient-4" x1="1902.1" x2="1902.1" y1="5228.2" y2="4890.5" gradientTransform="rotate(180 1063.2 2641.5)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#edb300" offset="0"/>
+<stop stop-color="#be871d" offset="1"/>
+</linearGradient>
+<linearGradient id="linear-gradient-5" x1="256" x2="256" y1="372.53" y2="113.06" gradientTransform="translate(-31.74,-11)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#bd7f26" offset="0"/>
+<stop stop-color="#bd7f26" offset="1"/>
+</linearGradient>
+<linearGradient id="linear-gradient-6" x1="256" x2="256" y1="105.52" y2="365" gradientTransform="translate(-31.74,-11)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#ffd645" offset="0"/>
+<stop stop-color="#e5b151" offset="1"/>
+</linearGradient>
+</defs>
+<title>dollar_coin</title>
+<g fill-rule="evenodd">
+<path d="m224.26 448.52c123.53 0 224.26-100.67 224.26-224.13 0-123.73-100.73-224.39-224.26-224.39s-224.26 100.66-224.26 224.39c0 123.46 100.74 224.13 224.26 224.13z" fill="url(#linear-gradient)"/>
+<path d="m224.26 437.7c117.57 0 213.44-95.81 213.44-213.31 0-117.76-95.87-213.57-213.44-213.57s-213.44 95.81-213.44 213.57c0 117.5 95.88 213.31 213.44 213.31z" fill="url(#linear-gradient-2)"/>
+<path d="m224.26 46.89c-97.7 0-177.37 79.62-177.37 177.27 0 97.84 79.67 177.47 177.37 177.47s177.37-79.63 177.37-177.47c0-97.65-79.67-177.27-177.37-177.27z" fill="url(#linear-gradient-3)"/>
+<path d="m224.26 55.45c-93 0-168.81 75.78-168.81 168.71 0 93.14 75.81 168.91 168.81 168.91s168.81-75.77 168.81-168.91c0-92.93-75.81-168.71-168.81-168.71z" fill="url(#linear-gradient-4)"/>
+<path d="m158 271.81h13.42c15.66 0 15.41 2.48 22.62 14.66 8 13.42 26.1 21.37 45.48 13.17 9.69-4.22 17.15-17.14 8.7-32.06-8-14.41-26.59-16.4-45-20.88-19.89-5-40.76-11.68-51-26.84-15.66-23.86-15.41-57.66 17.4-78.29 13.17-8.21 26.6-13.42 41.76-14.91v-14.41c0-10.69 3-10.19 12.92-10.19 4.48 0 8 0.24 9.95 1.74s2.23 4.47 2.23 9.19v13.92a62.1 62.1 0 0 1 9.44 1.49c27.34 4.72 45.23 15.41 53.43 43.24 4.23 14.17-2.73 17.15-15.65 17.15h-19.82c-12.43 0-14.66-3-17.89-14.41-1.49-4.72-3.73-8.2-7.45-10.44-15.91-9.69-43.75-1.74-42.5 19.63 1 14.17 20.62 19.38 40.76 25.6 26.1 7.7 53.69 15.16 64.62 39.76 11.68 26.6 4.47 56.42-25.1 73.32a106.88 106.88 0 0 1-39.77 12.92v14.66c0 10.69-2 11.68-11.93 11.68-10.68 0-13.17 0-13.17-11.68v-14.4a145.16 145.16 0 0 1-20.14-3c-27.09-5.71-40.76-17.64-48.21-43.74-3.98-14.4 1.24-16.88 14.9-16.88z" fill="url(#linear-gradient-5)"/>
+<path d="m158 256.74h13.42c15.66 0 15.41 2.48 22.62 14.66 8 13.42 26.1 21.37 45.48 13.17 9.69-4.22 17.15-17.14 8.7-32.06-8-14.41-26.59-16.4-45-20.88-19.89-5-40.76-11.68-51-26.84-15.66-23.86-15.41-57.66 17.4-78.29 13.17-8.21 26.6-13.42 41.76-14.91v-14.41c0-10.69 3-10.19 12.92-10.19 4.48 0 8 0.24 9.95 1.74s2.23 4.47 2.23 9.19v13.92a62.1 62.1 0 0 1 9.44 1.49c27.34 4.72 45.23 15.41 53.43 43.24 4.23 14.17-2.73 17.15-15.65 17.15h-19.82c-12.43 0-14.66-3-17.89-14.41-1.49-4.72-3.73-8.2-7.45-10.44-15.91-9.69-43.75-1.74-42.5 19.63 1 14.17 20.62 19.38 40.76 25.6 26.1 7.7 53.69 15.16 64.62 39.76 11.68 26.6 4.47 56.42-25.1 73.32a106.88 106.88 0 0 1-39.77 12.92v14.66c0 10.69-2 11.68-11.93 11.68-10.68 0-13.17 0-13.17-11.68v-14.39a145.16 145.16 0 0 1-20.14-3c-27.09-5.71-40.76-17.64-48.21-43.74-3.98-14.41 1.24-16.89 14.9-16.89z" fill="#fbf2ac"/>
+<path d="m158 264.27h13.42c15.66 0 15.41 2.48 22.62 14.66 8 13.42 26.1 21.37 45.48 13.17 9.74-4.21 17.15-17.1 8.74-32.1-8-14.41-26.59-16.4-45-20.88-19.89-5-40.76-11.68-51-26.84-15.66-23.86-15.41-57.66 17.4-78.29 13.17-8.21 26.6-13.42 41.76-14.91v-14.37c0-10.69 3-10.19 12.92-10.19 4.48 0 8 0.24 9.95 1.74s2.23 4.47 2.23 9.19v13.92a62.1 62.1 0 0 1 9.44 1.49c27.34 4.72 45.23 15.41 53.43 43.24 4.23 14.17-2.73 17.15-15.65 17.15h-19.86c-12.43 0-14.66-3-17.89-14.41-1.49-4.72-3.73-8.2-7.45-10.44-15.91-9.69-43.75-1.74-42.5 19.63 1 14.17 20.62 19.38 40.76 25.6 26.1 7.7 53.69 15.16 64.62 39.76 11.68 26.6 4.47 56.42-25.1 73.32a106.88 106.88 0 0 1-39.77 12.92v14.66c0 10.69-2 11.68-11.93 11.68-10.68 0-13.17 0-13.17-11.68v-14.39a145.16 145.16 0 0 1-20.14-3c-27.09-5.71-40.76-17.64-48.21-43.74-3.98-14.4 1.24-16.89 14.9-16.89z" fill="url(#linear-gradient-6)"/>
+</g>
+</svg>

package/icons/index.ts

@@ -8,3 +8,5 @@ export { default as iconCompass } from './compass.svg'
 export { default as iconScroll } from './scroll.svg'
 export { default as iconGlobe } from './globe.svg'
 export { default as iconPlug } from './plug.svg'
+export { default as iconLoudspeaker } from './loudspeaker.svg'
+export { default as iconCoin } from './coin.svg'

package/icons/loudspeaker.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#BE1931" d="M12.908 30.75c-.276 2.209-2.291 3-4.5 3s-3.776-1.791-3.5-4l1-9c.276-2.209 2.291-4 4.5-4s6.468 0 3.5 4-1 10-1 10z"/><path fill="#CCD6DD" d="M35.825 14.75c0 6.902-1.544 12.5-3.45 12.5-1.905 0-20.45-5.598-20.45-12.5 0-6.903 18.545-12.5 20.45-12.5 1.906 0 3.45 5.597 3.45 12.5z"/><ellipse fill="#66757F" cx="32.375" cy="14.75" rx="3.45" ry="12.5"/><path fill="#DD2E44" d="M17.925 21.75l-14-1c-5 0-5-12 0-12l14-1c-3 3-3 11 0 14z"/><ellipse fill="#99AAB5" cx="31.325" cy="14.75" rx="1.5" ry="4.348"/></svg>

package/index.ts

@@ -1,16 +1,8 @@
 /**********/
 /* PUBLIC */
 /**********/
-export {
-  CodeBlockTransformer,
-  Link,
-  RepoLink,
-  FileAdded,
-  FileRemoved,
-  ImportMeta,
-  Emoji,
-  TypescriptOnly,
-} from './components'
+export { CodeBlockTransformer, Link, RepoLink, FileAdded, FileRemoved, ImportMeta, Emoji } from './components'
+export { TypescriptOnly } from './code-blocks/components/CodeSnippets'
 export { MenuToggle } from './Layout'
 export * from './components/Note'
 export * from './icons/index'
@@ -28,4 +20,4 @@ export { usePageContext } from './renderer/usePageContext'
 /************/
 // We provide our own `useMDXComponents()` to enable MDX component injection by setting `providerImportSource` to '@brillout/docpress'.
 // https://mdxjs.com/guides/injecting-components/
-export { useMDXComponents } from './components/useMDXComponents'
+export { useMDXComponents } from './code-blocks/hooks/useMDXComponents'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brillout/docpress",
-  "version": "0.15.11",
+  "version": "0.15.13-commit-ffe283f",
   "type": "module",
   "dependencies": {
     "@brillout/picocolors": "^1.0.10",
@@ -64,7 +64,8 @@
     "@types/mdast": "^4.0.4",
     "@types/node": "^22.5.5",
     "@types/react": "^18.3.8",
-    "@types/react-dom": "^18.3.0"
+    "@types/react-dom": "^18.3.0",
+    "mdast-util-mdx-jsx": "^3.2.0"
   },
   "repository": "https://github.com/brillout/docpress",
   "license": "MIT",

package/types/Config.ts

@@ -17,6 +17,7 @@ type Config = {
   twitter?: string
   bluesky?: string
   linkedin?: string
+  changelog?: boolean
 
   headings: HeadingDefinition[]
   headingsDetached: HeadingDetachedDefinition[]

package/vite.config.ts

@@ -7,13 +7,18 @@ import { parsePageSections } from './parsePageSections.js'
 import rehypePrettyCode from 'rehype-pretty-code'
 import remarkGfm from 'remark-gfm'
 import { transformerNotationDiff } from '@shikijs/transformers'
-import { remarkDetype } from './remarkDetype.js'
-import { rehypeMetaToProps } from './rehypeMetaToProps.js'
+import { rehypeMetaToProps } from './code-blocks/rehypeMetaToProps.js'
+import { remarkDetype } from './code-blocks/remarkDetype.js'
+import { shikiTransformerAutoLinks } from './code-blocks/shikiTransformerAutoLinks.js'
 
 const root = process.cwd()
 const prettyCode = [
   rehypePrettyCode,
-  { theme: 'github-light', keepBackground: false, transformers: [transformerNotationDiff()] },
+  {
+    theme: 'github-light',
+    keepBackground: false,
+    transformers: [transformerNotationDiff(), shikiTransformerAutoLinks()],
+  },
 ]
 const rehypePlugins: any = [prettyCode, [rehypeMetaToProps]]
 const remarkPlugins = [remarkGfm, remarkDetype]

package/dist/components/CodeSnippets/useSelectCodeLang.d.ts

@@ -1,7 +0,0 @@
-export { useSelectCodeLang };
-declare function useSelectCodeLang(): readonly [string, (value: string) => void];
-declare global {
-    interface WindowEventMap {
-        'code-lang-storage': CustomEvent;
-    }
-}

package/dist/components/CodeSnippets/useSelectCodeLang.js

@@ -1,50 +0,0 @@
-export { useSelectCodeLang };
-import { useState, useEffect, useCallback } from 'react';
-import { assertWarning } from '../../utils/assert';
-const storageKey = 'docpress:code-lang';
-const codeLangDefaultSsr = 'ts';
-const codeLangDefaultClient = 'js';
-function useSelectCodeLang() {
-    const [codeLangSelected, setCodeLangSelected] = useState(codeLangDefaultSsr);
-    const updateState = () => {
-        setCodeLangSelected(getCodeLangStorage());
-    };
-    const updateStateOnStorageEvent = (event) => {
-        if (event.key === storageKey)
-            updateState();
-    };
-    const getCodeLangStorage = () => {
-        try {
-            return window.localStorage.getItem(storageKey) ?? codeLangDefaultClient;
-        }
-        catch (error) {
-            console.error(error);
-            assertWarning(false, 'Error reading from localStorage');
-            return codeLangDefaultClient;
-        }
-    };
-    const selectCodeLang = useCallback((value) => {
-        try {
-            window.localStorage.setItem(storageKey, value);
-            setCodeLangSelected(value);
-            window.dispatchEvent(new CustomEvent('code-lang-storage'));
-        }
-        catch (error) {
-            console.error(error);
-            assertWarning(false, 'Error setting localStorage');
-        }
-    }, []);
-    useEffect(() => {
-        // Initial load from localStorage
-        updateState();
-        // Update code lang in current tab
-        window.addEventListener('code-lang-storage', updateState);
-        // Update code lang if changed in another tab
-        window.addEventListener('storage', updateStateOnStorageEvent);
-        return () => {
-            window.removeEventListener('code-lang-storage', updateState);
-            window.removeEventListener('storage', updateStateOnStorageEvent);
-        };
-    }, []);
-    return [codeLangSelected, selectCodeLang];
-}

package/dist/components/CodeSnippets.d.ts

@@ -1,11 +0,0 @@
-export { TypescriptOnly };
-export { CodeSnippets };
-import React from 'react';
-import './CodeSnippets.css';
-/** Only show if TypeScript is selected */
-declare function TypescriptOnly({ children }: {
-    children: React.ReactNode;
-}): React.JSX.Element;
-declare function CodeSnippets({ children }: {
-    children: React.ReactNode;
-}): React.JSX.Element;

package/dist/components/CodeSnippets.js

@@ -1,35 +0,0 @@
-// Public
-export { TypescriptOnly };
-// Internal
-export { CodeSnippets };
-import React, { useEffect, useRef } from 'react';
-import { useSelectCodeLang } from './CodeSnippets/useSelectCodeLang';
-import './CodeSnippets.css';
-/** Only show if TypeScript is selected */
-function TypescriptOnly({ children }) {
-    const [codeLangSelected] = useSelectCodeLang();
-    return React.createElement("div", { style: { display: codeLangSelected === 'ts' ? 'block' : 'none' } }, children);
-}
-function CodeSnippets({ children }) {
-    const [codeLangSelected, selectCodeLang] = useSelectCodeLang();
-    const prevPositionRef = useRef(null);
-    // Restores the scroll position of the toggle element after toggling languages.
-    useEffect(() => {
-        if (!prevPositionRef.current)
-            return;
-        const { top, el } = prevPositionRef.current;
-        const delta = el.getBoundingClientRect().top - top;
-        if (delta !== 0) {
-            window.scrollBy(0, delta);
-        }
-        prevPositionRef.current = null;
-    }, [codeLangSelected]);
-    return (React.createElement("div", { className: "code-snippets" },
-        React.createElement("input", { type: "checkbox", name: "code-lang-toggle", className: "code-lang-toggle raised", checked: codeLangSelected === 'ts', onChange: onChange, title: "Toggle language" }),
-        children));
-    function onChange(e) {
-        const element = e.target;
-        prevPositionRef.current = { top: element.getBoundingClientRect().top, el: element };
-        selectCodeLang(element.checked ? 'ts' : 'js');
-    }
-}

package/dist/rehypeMetaToProps.d.ts

@@ -1,19 +0,0 @@
-export { rehypeMetaToProps };
-import type { Root } from 'hast';
-/**
- * Rehype plugin to extract metadata from `<code>` blocks in markdown
- * and attach them as props to the parent `<pre>` element.
- *
- * This allows using those props inside a custom `<Pre>` component.
- *
- * Example:
- * ~~~mdx
- * ```js foo="bar" hide_copy='true'
- * export function add(a, b) {
- *   return a + b
- * }
- * ```
- * ~~~
- * These props are then added to the `<pre>` element
- */
-declare function rehypeMetaToProps(): (tree: Root) => void;