@docusaurus/theme-classic 0.0.0-4733 → 0.0.0-4734

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/lib-next/theme/DocItem/index.js +7 -3
  2. package/lib-next/theme/DocPage/index.js +3 -7
  3. package/lib-next/theme/LayoutProviders/index.js +4 -1
  4. package/package.json +13 -13
  5. package/src/theme/DocItem/index.tsx +7 -3
  6. package/src/theme/DocPage/index.tsx +4 -7
  7. package/src/theme/LayoutProviders/index.tsx +4 -1
package/lib-next/theme/DocItem/index.js CHANGED
@@ -15,7 +15,11 @@ import TOC from '@theme/TOC';
15
15
  import TOCCollapsible from '@theme/TOCCollapsible';
16
16
  import Heading from '@theme/Heading';
17
17
  import styles from './styles.module.css';
18
- import {ThemeClassNames, useWindowSize} from '@docusaurus/theme-common';
18
+ import {
19
+ HtmlClassNameProvider,
20
+ ThemeClassNames,
21
+ useWindowSize,
22
+ } from '@docusaurus/theme-common';
19
23
  import DocBreadcrumbs from '@theme/DocBreadcrumbs';
20
24
  import MDXContent from '@theme/MDXContent';
21
25
  export default function DocItem(props) {
@@ -41,7 +45,7 @@ export default function DocItem(props) {
41
45
  const renderTocDesktop =
42
46
  canRenderTOC && (windowSize === 'desktop' || windowSize === 'ssr');
43
47
  return (
44
- <>
48
+ <HtmlClassNameProvider className={`docs-doc-id-${metadata.unversionedId}`}>
45
49
  <Seo
46
50
  {...{
47
51
  title,
@@ -106,6 +110,6 @@ export default function DocItem(props) {
106
110
  </div>
107
111
  )}
108
112
  </div>
109
- </>
113
+ </HtmlClassNameProvider>
110
114
  );
111
115
  }
package/lib-next/theme/DocPage/index.js CHANGED
@@ -16,13 +16,13 @@ import {translate} from '@docusaurus/Translate';
16
16
  import clsx from 'clsx';
17
17
  import styles from './styles.module.css';
18
18
  import {
19
+ HtmlClassNameProvider,
19
20
  ThemeClassNames,
20
21
  docVersionSearchTag,
21
22
  DocsSidebarProvider,
22
23
  useDocsSidebar,
23
24
  DocsVersionProvider,
24
25
  } from '@docusaurus/theme-common';
25
- import Head from '@docusaurus/Head';
26
26
 
27
27
  function DocPageContent({
28
28
  currentDocRoute,
@@ -145,11 +145,7 @@ export default function DocPage(props) {
145
145
  ? versionMetadata.docsSidebars[sidebarName]
146
146
  : null;
147
147
  return (
148
- <>
149
- <Head>
150
- {/* TODO we should add a core addRoute({htmlClassName}) action */}
151
- <html className={versionMetadata.className} />
152
- </Head>
148
+ <HtmlClassNameProvider className={versionMetadata.className}>
153
149
  <DocsVersionProvider version={versionMetadata}>
154
150
  <DocsSidebarProvider sidebar={sidebar ?? null}>
155
151
  <DocPageContent
@@ -162,6 +158,6 @@ export default function DocPage(props) {
162
158
  </DocPageContent>
163
159
  </DocsSidebarProvider>
164
160
  </DocsVersionProvider>
165
- </>
161
+ </HtmlClassNameProvider>
166
162
  );
167
163
  }
package/lib-next/theme/LayoutProviders/index.js CHANGED
@@ -12,6 +12,7 @@ import {
12
12
  DocsPreferredVersionContextProvider,
13
13
  MobileSecondaryMenuProvider,
14
14
  ScrollControllerProvider,
15
+ PluginHtmlClassNameProvider,
15
16
  } from '@docusaurus/theme-common';
16
17
  export default function LayoutProviders({children}) {
17
18
  return (
@@ -21,7 +22,9 @@ export default function LayoutProviders({children}) {
21
22
  <ScrollControllerProvider>
22
23
  <DocsPreferredVersionContextProvider>
23
24
  <MobileSecondaryMenuProvider>
24
- {children}
25
+ <PluginHtmlClassNameProvider>
26
+ {children}
27
+ </PluginHtmlClassNameProvider>
25
28
  </MobileSecondaryMenuProvider>
26
29
  </DocsPreferredVersionContextProvider>
27
30
  </ScrollControllerProvider>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@docusaurus/theme-classic",
3
- "version": "0.0.0-4733",
3
+ "version": "0.0.0-4734",
4
4
  "description": "Classic theme for Docusaurus",
5
5
  "main": "lib/index.js",
6
6
  "types": "src/theme-classic.d.ts",
@@ -21,15 +21,15 @@
21
21
  "format:lib-next": "prettier --config ../../.prettierrc --write \"lib-next/**/*.{js,ts,jsx,tsc}\""
22
22
  },
23
23
  "dependencies": {
24
- "@docusaurus/core": "0.0.0-4733",
25
- "@docusaurus/plugin-content-blog": "0.0.0-4733",
26
- "@docusaurus/plugin-content-docs": "0.0.0-4733",
27
- "@docusaurus/plugin-content-pages": "0.0.0-4733",
28
- "@docusaurus/theme-common": "0.0.0-4733",
29
- "@docusaurus/theme-translations": "0.0.0-4733",
30
- "@docusaurus/utils": "0.0.0-4733",
31
- "@docusaurus/utils-common": "0.0.0-4733",
32
- "@docusaurus/utils-validation": "0.0.0-4733",
24
+ "@docusaurus/core": "0.0.0-4734",
25
+ "@docusaurus/plugin-content-blog": "0.0.0-4734",
26
+ "@docusaurus/plugin-content-docs": "0.0.0-4734",
27
+ "@docusaurus/plugin-content-pages": "0.0.0-4734",
28
+ "@docusaurus/theme-common": "0.0.0-4734",
29
+ "@docusaurus/theme-translations": "0.0.0-4734",
30
+ "@docusaurus/utils": "0.0.0-4734",
31
+ "@docusaurus/utils-common": "0.0.0-4734",
32
+ "@docusaurus/utils-validation": "0.0.0-4734",
33
33
  "@mdx-js/react": "^1.6.22",
34
34
  "clsx": "^1.1.1",
35
35
  "copy-text-to-clipboard": "^3.0.1",
@@ -42,8 +42,8 @@
42
42
  "rtlcss": "^3.5.0"
43
43
  },
44
44
  "devDependencies": {
45
- "@docusaurus/module-type-aliases": "0.0.0-4733",
46
- "@docusaurus/types": "0.0.0-4733",
45
+ "@docusaurus/module-type-aliases": "0.0.0-4734",
46
+ "@docusaurus/types": "0.0.0-4734",
47
47
  "@types/mdx-js__react": "^1.5.5",
48
48
  "@types/prismjs": "^1.26.0",
49
49
  "@types/rtlcss": "^3.1.2",
@@ -59,5 +59,5 @@
59
59
  "engines": {
60
60
  "node": ">=14"
61
61
  },
62
- "gitHead": "b3f9b5a5da00e86eaaba2220c340d4ed81c3baea"
62
+ "gitHead": "0ca49e19e1c96a7d4a0f2bb72ccfca4b7a3eb9bb"
63
63
  }
package/src/theme/DocItem/index.tsx CHANGED
@@ -17,7 +17,11 @@ import TOC from '@theme/TOC';
17
17
  import TOCCollapsible from '@theme/TOCCollapsible';
18
18
  import Heading from '@theme/Heading';
19
19
  import styles from './styles.module.css';
20
- import {ThemeClassNames, useWindowSize} from '@docusaurus/theme-common';
20
+ import {
21
+ HtmlClassNameProvider,
22
+ ThemeClassNames,
23
+ useWindowSize,
24
+ } from '@docusaurus/theme-common';
21
25
  import DocBreadcrumbs from '@theme/DocBreadcrumbs';
22
26
  import MDXContent from '@theme/MDXContent';
23
27
 
@@ -49,7 +53,7 @@ export default function DocItem(props: Props): JSX.Element {
49
53
  canRenderTOC && (windowSize === 'desktop' || windowSize === 'ssr');
50
54
 
51
55
  return (
52
- <>
56
+ <HtmlClassNameProvider className={`docs-doc-id-${metadata.unversionedId}`}>
53
57
  <Seo {...{title, description, keywords, image}} />
54
58
 
55
59
  <div className="row">
@@ -107,6 +111,6 @@ export default function DocItem(props: Props): JSX.Element {
107
111
  </div>
108
112
  )}
109
113
  </div>
110
- </>
114
+ </HtmlClassNameProvider>
111
115
  );
112
116
  }
package/src/theme/DocPage/index.tsx CHANGED
@@ -20,14 +20,15 @@ import {translate} from '@docusaurus/Translate';
20
20
 
21
21
  import clsx from 'clsx';
22
22
  import styles from './styles.module.css';
23
+
23
24
  import {
25
+ HtmlClassNameProvider,
24
26
  ThemeClassNames,
25
27
  docVersionSearchTag,
26
28
  DocsSidebarProvider,
27
29
  useDocsSidebar,
28
30
  DocsVersionProvider,
29
31
  } from '@docusaurus/theme-common';
30
- import Head from '@docusaurus/Head';
31
32
 
32
33
  type DocPageContentProps = {
33
34
  readonly currentDocRoute: DocumentRoute;
@@ -160,11 +161,7 @@ export default function DocPage(props: Props): JSX.Element {
160
161
  : null;
161
162
 
162
163
  return (
163
- <>
164
- <Head>
165
- {/* TODO we should add a core addRoute({htmlClassName}) action */}
166
- <html className={versionMetadata.className} />
167
- </Head>
164
+ <HtmlClassNameProvider className={versionMetadata.className}>
168
165
  <DocsVersionProvider version={versionMetadata}>
169
166
  <DocsSidebarProvider sidebar={sidebar ?? null}>
170
167
  <DocPageContent
@@ -175,6 +172,6 @@ export default function DocPage(props: Props): JSX.Element {
175
172
  </DocPageContent>
176
173
  </DocsSidebarProvider>
177
174
  </DocsVersionProvider>
178
- </>
175
+ </HtmlClassNameProvider>
179
176
  );
180
177
  }
package/src/theme/LayoutProviders/index.tsx CHANGED
@@ -13,6 +13,7 @@ import {
13
13
  DocsPreferredVersionContextProvider,
14
14
  MobileSecondaryMenuProvider,
15
15
  ScrollControllerProvider,
16
+ PluginHtmlClassNameProvider,
16
17
  } from '@docusaurus/theme-common';
17
18
  import type {Props} from '@theme/LayoutProviders';
18
19
 
@@ -24,7 +25,9 @@ export default function LayoutProviders({children}: Props): JSX.Element {
24
25
  <ScrollControllerProvider>
25
26
  <DocsPreferredVersionContextProvider>
26
27
  <MobileSecondaryMenuProvider>
27
- {children}
28
+ <PluginHtmlClassNameProvider>
29
+ {children}
30
+ </PluginHtmlClassNameProvider>
28
31
  </MobileSecondaryMenuProvider>
29
32
  </DocsPreferredVersionContextProvider>
30
33
  </ScrollControllerProvider>