@readme/markdown 8.3.0 → 8.4.0

package/components/TailwindRoot/index.tsx

@@ -1,11 +1,13 @@
 import React from 'react';
 
+import { tailwindPrefix } from '../../utils/consts';
+
 interface Props extends React.PropsWithChildren<{ flow: boolean }> {}
 
 const TailwindRoot = ({ children, flow }: Props) => {
   const Tag = flow ? 'div' : 'span';
 
-  return <Tag className="readme-tailwind">{children}</Tag>;
+  return <Tag className={tailwindPrefix}>{children}</Tag>;
 };
 
 export default TailwindRoot;

package/dist/lib/compile.d.ts

@@ -3,6 +3,7 @@ export type CompileOpts = CompileOptions & {
     components?: Record<string, string>;
     copyButtons?: boolean;
     useTailwind?: boolean;
+    useTailwindRoot?: boolean;
 };
-declare const compile: (text: string, { components, copyButtons, useTailwind, ...opts }?: CompileOpts) => Promise<string>;
+declare const compile: (text: string, { components, copyButtons, useTailwind, useTailwindRoot, ...opts }?: CompileOpts) => Promise<string>;
 export default compile;

package/dist/main.js

@@ -18590,11 +18590,15 @@ function TableOfContents({ children }) {
 }
 /* harmony default export */ const components_TableOfContents = (TableOfContents);
 
+;// ./utils/consts.ts
+const tailwindPrefix = 'readme-tailwind';
+
 ;// ./components/TailwindRoot/index.tsx
 
+
 const TailwindRoot = ({ children, flow }) => {
     const Tag = flow ? 'div' : 'span';
-    return external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(Tag, { className: "readme-tailwind" }, children);
+    return external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(Tag, { className: tailwindPrefix }, children);
 };
 /* harmony default export */ const components_TailwindRoot = (TailwindRoot);
 
@@ -71623,10 +71627,12 @@ async function tailwindBundle(string, { prefix }) {
 
 
 
-const exportTailwindStylesheet = async (tree, components) => {
+
+const exportTailwindStylesheet = async (tree, vfile, { components, parseRoot }) => {
     if (hasNamedExport(tree, 'stylesheet'))
         return;
-    const stylesheet = (await tailwind_bundle(Object.values(components).join('\n\n'), { prefix: '.readme-tailwind' })).css;
+    const stringToParse = [...Object.values(components), parseRoot ? String(vfile) : ''].join('\n\n');
+    const stylesheet = (await tailwind_bundle(stringToParse, { prefix: `.${tailwindPrefix}` })).css;
     const exportNode = {
         type: 'mdxjsEsm',
         value: '',
@@ -71677,13 +71683,13 @@ const injectTailwindRoot = ({ components = {} }) => (node, index, parent) => {
     // eslint-disable-next-line consistent-return
     return SKIP;
 };
-const tailwind = ({ components }) => async (tree, vfile) => {
+const tailwind = ({ components, parseRoot }) => async (tree, vfile) => {
     const localComponents = getExports(tree).reduce((acc, name) => {
         acc[name] = String(vfile);
         return acc;
     }, {});
     visit(tree, isMDXElement, injectTailwindRoot({ components: { ...components, ...localComponents } }));
-    await exportTailwindStylesheet(tree, { ...components, ...localComponents });
+    await exportTailwindStylesheet(tree, vfile, { components: { ...components, ...localComponents }, parseRoot });
     return tree;
 };
 /* harmony default export */ const transform_tailwind = (tailwind);
@@ -83709,7 +83715,7 @@ const tocToMdx = (toc, components) => {
 
 
 const { codeTabsTransformer: compile_codeTabsTransformer, ...transforms } = defaultTransforms;
-const compile_compile = async (text, { components = {}, copyButtons, useTailwind, ...opts } = {}) => {
+const compile_compile = async (text, { components = {}, copyButtons, useTailwind, useTailwindRoot, ...opts } = {}) => {
     const remarkPlugins = [
         remarkFrontmatter,
         remarkGfm,
@@ -83717,7 +83723,7 @@ const compile_compile = async (text, { components = {}, copyButtons, useTailwind
         [compile_codeTabsTransformer, { copyButtons }],
     ];
     if (useTailwind) {
-        remarkPlugins.push([transform_tailwind, { components }]);
+        remarkPlugins.push([transform_tailwind, { components, parseRoot: useTailwindRoot }]);
     }
     try {
         const vfile = await compile(text, {

package/dist/main.node.js

@@ -21609,11 +21609,15 @@ function TableOfContents({ children }) {
 }
 /* harmony default export */ const components_TableOfContents = (TableOfContents);
 
+;// ./utils/consts.ts
+const tailwindPrefix = 'readme-tailwind';
+
 ;// ./components/TailwindRoot/index.tsx
 
+
 const TailwindRoot = ({ children, flow }) => {
     const Tag = flow ? 'div' : 'span';
-    return external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(Tag, { className: "readme-tailwind" }, children);
+    return external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(Tag, { className: tailwindPrefix }, children);
 };
 /* harmony default export */ const components_TailwindRoot = (TailwindRoot);
 
@@ -76205,10 +76209,12 @@ async function tailwindBundle(string, { prefix }) {
 
 
 
-const exportTailwindStylesheet = async (tree, components) => {
+
+const exportTailwindStylesheet = async (tree, vfile, { components, parseRoot }) => {
     if (hasNamedExport(tree, 'stylesheet'))
         return;
-    const stylesheet = (await tailwind_bundle(Object.values(components).join('\n\n'), { prefix: '.readme-tailwind' })).css;
+    const stringToParse = [...Object.values(components), parseRoot ? String(vfile) : ''].join('\n\n');
+    const stylesheet = (await tailwind_bundle(stringToParse, { prefix: `.${tailwindPrefix}` })).css;
     const exportNode = {
         type: 'mdxjsEsm',
         value: '',
@@ -76259,13 +76265,13 @@ const injectTailwindRoot = ({ components = {} }) => (node, index, parent) => {
     // eslint-disable-next-line consistent-return
     return SKIP;
 };
-const tailwind = ({ components }) => async (tree, vfile) => {
+const tailwind = ({ components, parseRoot }) => async (tree, vfile) => {
     const localComponents = getExports(tree).reduce((acc, name) => {
         acc[name] = String(vfile);
         return acc;
     }, {});
     visit(tree, isMDXElement, injectTailwindRoot({ components: { ...components, ...localComponents } }));
-    await exportTailwindStylesheet(tree, { ...components, ...localComponents });
+    await exportTailwindStylesheet(tree, vfile, { components: { ...components, ...localComponents }, parseRoot });
     return tree;
 };
 /* harmony default export */ const transform_tailwind = (tailwind);
@@ -88291,7 +88297,7 @@ const tocToMdx = (toc, components) => {
 
 
 const { codeTabsTransformer: compile_codeTabsTransformer, ...transforms } = defaultTransforms;
-const compile_compile = async (text, { components = {}, copyButtons, useTailwind, ...opts } = {}) => {
+const compile_compile = async (text, { components = {}, copyButtons, useTailwind, useTailwindRoot, ...opts } = {}) => {
     const remarkPlugins = [
         remarkFrontmatter,
         remarkGfm,
@@ -88299,7 +88305,7 @@ const compile_compile = async (text, { components = {}, copyButtons, useTailwind
         [compile_codeTabsTransformer, { copyButtons }],
     ];
     if (useTailwind) {
-        remarkPlugins.push([transform_tailwind, { components }]);
+        remarkPlugins.push([transform_tailwind, { components, parseRoot: useTailwindRoot }]);
     }
     try {
         const vfile = await compile(text, {