-
Notifications
You must be signed in to change notification settings - Fork 1.8k
/
Copy paththeme.config.tsx
124 lines (118 loc) · 4.4 KB
/
theme.config.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
import type { DocsThemeConfig } from "nextra-theme-docs";
import { components } from "@/components/mdx";
// import { CubeLogo } from "@/components/common/CubeLogo";
import { Footer } from "@/components/common/Footer";
import { SearchIcon, SearchTrigger } from '@cube-dev/marketing-ui';
import { MainLayout } from '@/components/layouts/MainLayout';
import { LogoWithVersion } from '@/components/common/LogoWithVersion/LogoWithVersion';
// Copied from https://cube.dev/blog source code to match its style.
// For .Button--size-s class, font-size was reduced from 16px to 15px because,
// unlike in the docs, Cera Pro font is used in https://cube.dev/blog
import { Button as BlogButton } from '@/components/common/BlogButton/Button';
const repo = "https://github.com/cube-js/cube";
const branch = "master";
const path = "/docs/";
const isProduction = process.env.NODE_ENV !== 'development'
const GoogleTagManager = () => (
<>
<script dangerouslySetInnerHTML={{ __html: `
(function(w,d,s,l,i){
w[l]=w[l]||[];
w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});
var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),
dl=l!='dataLayer'?'&l='+l:'';
j.async=true;
j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-52W7VM2');
`}} ></script>
</>
)
const config: DocsThemeConfig = {
logo: LogoWithVersion,
logoLink: undefined,
docsRepositoryBase: `${repo}/blob/${branch}${path}`,
project: {
link: repo,
},
chat: {
link: 'https://slack.cube.dev',
icon: <svg fill="#000000" width="24" height="24" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><title>ionicons-v5_logos</title><path d="M126.12,315.1A47.06,47.06,0,1,1,79.06,268h47.06Z"/><path d="M149.84,315.1a47.06,47.06,0,0,1,94.12,0V432.94a47.06,47.06,0,1,1-94.12,0Z"/><path d="M196.9,126.12A47.06,47.06,0,1,1,244,79.06v47.06Z"/><path d="M196.9,149.84a47.06,47.06,0,0,1,0,94.12H79.06a47.06,47.06,0,0,1,0-94.12Z"/><path d="M385.88,196.9A47.06,47.06,0,1,1,432.94,244H385.88Z"/><path d="M362.16,196.9a47.06,47.06,0,0,1-94.12,0V79.06a47.06,47.06,0,1,1,94.12,0Z"/><path d="M315.1,385.88A47.06,47.06,0,1,1,268,432.94V385.88Z"/><path d="M315.1,362.16a47.06,47.06,0,0,1,0-94.12H432.94a47.06,47.06,0,1,1,0,94.12Z"/></svg>
},
head: (
<>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
{isProduction && <GoogleTagManager />}
</>
),
useNextSeoProps: () => {
return {
description: "Documentation for Cube, the Semantic Layer for building data apps",
titleTemplate: "%s | Cube Docs",
openGraph: {
description: "Documentation for Cube, the Semantic Layer for building data apps",
},
twitter: {
handle: 'the_cube_dev',
site: 'the_cube_dev',
},
};
},
primaryHue: {
light: 251,
dark: 342,
},
components,
main: MainLayout,
sidebar: {
defaultMenuCollapseLevel: 1,
//
// @TODO This is disabled for now because there's no way to modify the title
// for the breadcrumb, which results in breadcrumbs like "Foo > `@cubejs-client/core`",
// when instead we want the backticks to be processed as Markdown and transformed into
// a code block.
// titleComponent: ({ title }) => {
// const normalizedTitle = title.startsWith('`') && title.endsWith('`')
// ? title.replace(/`/g, '')
// : title;
// return (<>{normalizedTitle}</>);
// },
},
search: {
component: <SearchTrigger><SearchIcon /></SearchTrigger>,
},
gitTimestamp: () => null,
footer: {
component: <Footer />,
},
darkMode: false,
nextThemes: {
defaultTheme: "light",
forcedTheme: "light",
},
navbar: {
extraContent: (
<div style={{ marginLeft: '24px' }}>
<BlogButton
color="pink"
size="s"
href="https://cubecloud.dev/auth/signup?utm_source=docs&utm_medium=site&UTM_Publisher=Cube"
>
Try Cube for Free
</BlogButton>
</div>
)
},
toc: {
extraContent: (
<div>
<br/>
<a target="_blank" href="https://cube.dev/blog/cube-cloud-named-fast-moving-leader-in-gigaoms-2024-sonar-report?utm_source=cube&utm_medium=docs">
<img src="https://ucarecdn.com/a16cd6ee-4310-4507-a528-3caeda0777c2/"/>
</a>
</div>
)
}
};
export default config;