@seqera/docusaurus-theme-seqera 1.0.6-next.24 → 1.0.6-next.26

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 (8) hide show
  1. package/lib/theme/Homepage/index.d.ts +1 -4
  2. package/lib/theme/Homepage/index.js +37 -43
  3. package/lib/theme/Navbar/Content/index.js +3 -9
  4. package/lib/theme/NavbarItem/DefaultNavbarItem/Desktop/index.js +1 -1
  5. package/package.json +1 -1
  6. package/src/theme/Homepage/index.tsx +37 -47
  7. package/src/theme/Navbar/Content/index.tsx +3 -9
  8. package/src/theme/NavbarItem/DefaultNavbarItem/Desktop/index.tsx +1 -1
package/lib/theme/Homepage/index.d.ts CHANGED
@@ -1,5 +1,2 @@
1
1
  import { type ReactNode } from 'react';
2
- export interface Props {
3
- children?: ReactNode;
4
- }
5
- export default function Homepage({ children }: Props): ReactNode;
2
+ export default function Homepage(): ReactNode;
package/lib/theme/Homepage/index.js CHANGED
@@ -7,33 +7,30 @@ import IconWave from '@theme/Icon/Wave';
7
7
  import IconSeqeraCloud from '@theme/Icon/SeqeraCloud';
8
8
  import IconServiceStatus from '@theme/Icon/ServiceStatus';
9
9
  import IconQuestionMark from '@theme/Icon/QuestionMark';
10
- import IconCog from '@theme/Icon/Cog';
11
- import IconChangelog from '@theme/Icon/Changelog';
12
10
  import IconChatBubbles from '@theme/Icon/ChatBubbles';
13
11
  import IconMCP from '@theme/Icon/MCP';
14
12
  import IconSeqeraEnterprise from '@theme/Icon/SeqeraEnterprise';
15
13
  const CARD_DATA = {
16
- products: [
14
+ platform: [
17
15
  {
18
16
  href: '/platform-cloud',
19
17
  icon: <IconSeqeraCloud className="text-black" />,
20
18
  title: 'Seqera Cloud',
21
19
  description:
22
- 'comprehensive platform empowering teams across the entire scientific lifecycle',
20
+ 'Comprehensive platform empowering teams across the entire scientific lifecycle',
23
21
  },
24
22
  {
25
23
  href: '/platform-enterprise',
26
24
  icon: <IconSeqeraEnterprise className="text-black" />,
27
25
  title: 'Seqera Enterprise',
28
26
  description:
29
- 'manage within your own infrastructure for greater control and data sovereignty',
27
+ 'Platform management within your own infrastructure for greater control',
30
28
  },
31
29
  {
32
- href: '/platform-api',
33
- icon: <IconCog className="text-black" />,
34
- title: 'Platform API',
35
- description:
36
- 'integrate Seqera Platform seamlessly into existing processes',
30
+ href: '/fusion',
31
+ icon: <IconFusion className="text-fusion-600" />,
32
+ title: 'Fusion',
33
+ description: 'Optimized file system for cloud-native data pipelines',
37
34
  },
38
35
  ],
39
36
  ai: [
@@ -42,14 +39,13 @@ const CARD_DATA = {
42
39
  icon: <IconAI className="text-black max-w-5.5" />,
43
40
  title: 'Seqera AI',
44
41
  description:
45
- 'intelligent command-line assistant that helps you build, run, and manage bioinformatics workflows',
42
+ 'Intelligent command-line assistant that helps you build, run, and manage bioinformatics workflows',
46
43
  },
47
44
  {
48
45
  href: '/platform-cloud/seqera-mcp',
49
46
  icon: <IconMCP className="text-black max-w-5.5" />,
50
47
  title: 'Seqera MCP',
51
- description:
52
- 'enables AI assistants to interact with the Seqera ecosystem',
48
+ description: 'AI assistant that interacts with the Seqera ecosystem',
53
49
  },
54
50
  ],
55
51
  openSource: [
@@ -57,53 +53,41 @@ const CARD_DATA = {
57
53
  href: '/nextflow',
58
54
  icon: <IconNextflow className="text-nextflow-600" />,
59
55
  title: 'Nextflow',
60
- description: 'open-source orchestrator for deploying workflows',
56
+ description: 'Open-source orchestrator for deploying workflows',
61
57
  },
62
58
  {
63
59
  href: '/wave',
64
60
  icon: <IconWave className="text-wave-600" />,
65
61
  title: 'Wave',
66
- description: 'next generation container provisioning for data analysis',
62
+ description: 'Next-generation container provisioning for data analysis',
67
63
  },
68
64
  {
69
65
  href: '/multiqc',
70
66
  icon: <IconMultiQC className="text-multiqc-600" />,
71
67
  title: 'MultiQC',
72
68
  description:
73
- 'open-source tool to aggregate bioinformatic analyses results',
74
- },
75
- {
76
- href: '/fusion',
77
- icon: <IconFusion className="text-fusion-600" />,
78
- title: 'Fusion',
79
- description: 'optimized file system for cloud-native data pipelines',
69
+ 'Open-source tool to aggregate bioinformatic analyses results',
80
70
  },
81
71
  ],
82
72
  help: [
83
- {
84
- href: '/changelog',
85
- icon: <IconChangelog className="text-black w-[20px] h-[20px]" />,
86
- title: 'Changelog',
87
- description: 'product release notes on latest features and updates.',
88
- },
89
73
  {
90
74
  href: 'https://support.seqera.io/',
91
75
  icon: <IconQuestionMark className="text-black" />,
92
76
  title: 'Support Portal',
93
77
  description:
94
- 'contact support for help with your platform or enterprise account',
78
+ 'Contact support for help with your platform or enterprise account',
95
79
  },
96
80
  {
97
81
  href: 'https://community.seqera.io/',
98
82
  icon: <IconChatBubbles className="text-black" />,
99
83
  title: 'Community Forum',
100
- description: 'discuss, share and network with other users',
84
+ description: 'Discuss, share and network with other users',
101
85
  },
102
86
  {
103
87
  href: 'https://status.seqera.io/',
104
88
  icon: <IconServiceStatus className="text-black" />,
105
89
  title: 'Service Status',
106
- description: 'real-time monitoring of platform performance',
90
+ description: 'Monitor platform performance in real time',
107
91
  },
108
92
  ],
109
93
  };
@@ -131,31 +115,41 @@ function CardGrid({cards}) {
131
115
  </div>
132
116
  );
133
117
  }
134
- function CardSection({title, cards}) {
118
+ function CardSection2Col({title, cards}) {
135
119
  return (
136
- <div className="mt-16">
120
+ <div className="mt-8">
137
121
  <h2 className="text-[2rem] font-display font-medium mb-2">{title}</h2>
138
122
  <CardGrid cards={cards} />
139
123
  </div>
140
124
  );
141
125
  }
142
- export default function Homepage({children}) {
126
+ function CardSection3Col({title, cards}) {
127
+ return (
128
+ <div className="mt-8">
129
+ <h2 className="text-[2rem] font-display font-medium mb-2">{title}</h2>
130
+ <div className="grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-4">
131
+ {cards.map((card) => (
132
+ <Card key={card.href} {...card} />
133
+ ))}
134
+ </div>
135
+ </div>
136
+ );
137
+ }
138
+ // Main Homepage Component
139
+ export default function Homepage() {
143
140
  return (
144
141
  <div className="container-md py-18 prose-base md:prose-lg">
145
142
  <h1 className="font-display text-[3rem] font-medium mb-0">
146
- Seqera Documentation
143
+ Documentation
147
144
  </h1>
148
145
  <p className="text-xl mb-6">
149
- Explore our guides, documentation, and examples to build with Seqera.
146
+ Explore our guides, documentation, and examples to build with Seqera
150
147
  </p>
151
148
 
152
- <div className="mb-10">
153
- <CardGrid cards={CARD_DATA.products} />
154
- </div>
155
-
156
- <CardSection title="Seqera AI and MCP" cards={CARD_DATA.ai} />
157
- <CardSection title="Open Source" cards={CARD_DATA.openSource} />
158
- <CardSection title="Additional Resources" cards={CARD_DATA.help} />
149
+ <CardSection3Col title="Open Source" cards={CARD_DATA.openSource} />
150
+ <CardSection3Col title="Platform" cards={CARD_DATA.platform} />
151
+ <CardSection2Col title="Seqera AI" cards={CARD_DATA.ai} />
152
+ <CardSection3Col title="Help" cards={CARD_DATA.help} />
159
153
  </div>
160
154
  );
161
155
  }
package/lib/theme/Navbar/Content/index.js CHANGED
@@ -112,15 +112,9 @@ export default function NavbarContent() {
112
112
  <div className="mr-2">
113
113
  <Link
114
114
  className="navbar__link ml-8 font-normal"
115
- to={'/platform-cloud/seqera-ai'}
116
- aria-label="Seqera AI">
117
- Seqera AI
118
- </Link>
119
- <Link
120
- className="navbar__link ml-8 font-normal"
121
- to={'/platform-cloud/seqera-mcp'}
122
- aria-label="Seqera MCP">
123
- Seqera MCP
115
+ to={'/platform-api'}
116
+ aria-label="Platform API">
117
+ Platform API
124
118
  </Link>
125
119
  <Link
126
120
  className="navbar__link ml-8 font-normal"
package/lib/theme/NavbarItem/DefaultNavbarItem/Desktop/index.js CHANGED
@@ -9,7 +9,7 @@ export default function DefaultNavbarItemDesktop({
9
9
  const element = (
10
10
  <NavbarNavLink
11
11
  className={clsx(
12
- isDropdownItem ? 'dropdown__link' : 'navbar__link mr-8',
12
+ isDropdownItem ? 'dropdown__link' : 'navbar__link mr-8 font-normal',
13
13
  className,
14
14
  )}
15
15
  isDropdownLink={isDropdownItem}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seqera/docusaurus-theme-seqera",
3
- "version": "1.0.6-next.24",
3
+ "version": "1.0.6-next.26",
4
4
  "description": "Seqera docs theme for Docusaurus",
5
5
  "author": "Seqera docs team <education@seqera.io>",
6
6
  "license": "Apache-2.0",
package/src/theme/Homepage/index.tsx CHANGED
@@ -7,13 +7,10 @@ import IconWave from '@theme/Icon/Wave';
7
7
  import IconSeqeraCloud from '@theme/Icon/SeqeraCloud';
8
8
  import IconServiceStatus from '@theme/Icon/ServiceStatus';
9
9
  import IconQuestionMark from '@theme/Icon/QuestionMark';
10
- import IconCog from '@theme/Icon/Cog';
11
- import IconChangelog from '@theme/Icon/Changelog';
12
10
  import IconChatBubbles from '@theme/Icon/ChatBubbles';
13
11
  import IconMCP from '@theme/Icon/MCP';
14
12
  import IconSeqeraEnterprise from '@theme/Icon/SeqeraEnterprise';
15
13
 
16
-
17
14
  interface CardProps {
18
15
  href: string;
19
16
  icon: ReactNode;
@@ -27,24 +24,24 @@ interface CardSectionProps {
27
24
  }
28
25
 
29
26
  const CARD_DATA = {
30
- products: [
27
+ platform: [
31
28
  {
32
29
  href: '/platform-cloud',
33
30
  icon: <IconSeqeraCloud className="text-black" />,
34
31
  title: 'Seqera Cloud',
35
- description: 'comprehensive platform empowering teams across the entire scientific lifecycle',
32
+ description: 'Comprehensive platform empowering teams across the entire scientific lifecycle',
36
33
  },
37
34
  {
38
35
  href: '/platform-enterprise',
39
36
  icon: <IconSeqeraEnterprise className="text-black" />,
40
37
  title: 'Seqera Enterprise',
41
- description: 'manage within your own infrastructure for greater control and data sovereignty',
38
+ description: 'Platform management within your own infrastructure for greater control',
42
39
  },
43
40
  {
44
- href: '/platform-api',
45
- icon: <IconCog className="text-black" />,
46
- title: 'Platform API',
47
- description: 'integrate Seqera Platform seamlessly into existing processes',
41
+ href: '/fusion',
42
+ icon: <IconFusion className="text-fusion-600" />,
43
+ title: 'Fusion',
44
+ description: 'Optimized file system for cloud-native data pipelines',
48
45
  },
49
46
  ],
50
47
  ai: [
@@ -52,13 +49,13 @@ const CARD_DATA = {
52
49
  href: '/platform-cloud/seqera-ai',
53
50
  icon: <IconAI className="text-black max-w-5.5" />,
54
51
  title: 'Seqera AI',
55
- description: 'intelligent command-line assistant that helps you build, run, and manage bioinformatics workflows',
52
+ description: 'Intelligent command-line assistant that helps you build, run, and manage bioinformatics workflows',
56
53
  },
57
54
  {
58
55
  href: '/platform-cloud/seqera-mcp',
59
56
  icon: <IconMCP className="text-black max-w-5.5" />,
60
57
  title: 'Seqera MCP',
61
- description: 'enables AI assistants to interact with the Seqera ecosystem',
58
+ description: 'AI assistant that interacts with the Seqera ecosystem',
62
59
  },
63
60
  ],
64
61
  openSource: [
@@ -66,51 +63,39 @@ const CARD_DATA = {
66
63
  href: '/nextflow',
67
64
  icon: <IconNextflow className="text-nextflow-600" />,
68
65
  title: 'Nextflow',
69
- description: 'open-source orchestrator for deploying workflows',
66
+ description: 'Open-source orchestrator for deploying workflows',
70
67
  },
71
68
  {
72
69
  href: '/wave',
73
70
  icon: <IconWave className="text-wave-600" />,
74
71
  title: 'Wave',
75
- description: 'next generation container provisioning for data analysis',
72
+ description: 'Next-generation container provisioning for data analysis',
76
73
  },
77
74
  {
78
75
  href: '/multiqc',
79
76
  icon: <IconMultiQC className="text-multiqc-600" />,
80
77
  title: 'MultiQC',
81
- description: 'open-source tool to aggregate bioinformatic analyses results',
82
- },
83
- {
84
- href: '/fusion',
85
- icon: <IconFusion className="text-fusion-600" />,
86
- title: 'Fusion',
87
- description: 'optimized file system for cloud-native data pipelines',
78
+ description: 'Open-source tool to aggregate bioinformatic analyses results',
88
79
  },
89
80
  ],
90
81
  help: [
91
- {
92
- href: '/changelog',
93
- icon: <IconChangelog className="text-black w-[20px] h-[20px]" />,
94
- title: 'Changelog',
95
- description: 'product release notes on latest features and updates.',
96
- },
97
82
  {
98
83
  href: 'https://support.seqera.io/',
99
84
  icon: <IconQuestionMark className="text-black" />,
100
85
  title: 'Support Portal',
101
- description: 'contact support for help with your platform or enterprise account',
86
+ description: 'Contact support for help with your platform or enterprise account',
102
87
  },
103
88
  {
104
89
  href: 'https://community.seqera.io/',
105
90
  icon: <IconChatBubbles className="text-black" />,
106
91
  title: 'Community Forum',
107
- description: 'discuss, share and network with other users',
92
+ description: 'Discuss, share and network with other users',
108
93
  },
109
94
  {
110
95
  href: 'https://status.seqera.io/',
111
96
  icon: <IconServiceStatus className="text-black" />,
112
97
  title: 'Service Status',
113
- description: 'real-time monitoring of platform performance',
98
+ description: 'Monitor platform performance in real time',
114
99
  },
115
100
  ],
116
101
  } as const;
@@ -140,39 +125,44 @@ function CardGrid({cards}: {cards: readonly CardProps[]}): ReactNode {
140
125
  }
141
126
 
142
127
 
143
- function CardSection({title, cards}: CardSectionProps): ReactNode {
128
+ function CardSection2Col({title, cards}: CardSectionProps): ReactNode {
144
129
  return (
145
- <div className="mt-16">
130
+ <div className="mt-8">
146
131
  <h2 className="text-[2rem] font-display font-medium mb-2">{title}</h2>
147
132
  <CardGrid cards={cards} />
148
133
  </div>
149
134
  );
150
135
  }
151
136
 
137
+ function CardSection3Col({title, cards}: CardSectionProps): ReactNode {
138
+ return (
139
+ <div className="mt-8">
140
+ <h2 className="text-[2rem] font-display font-medium mb-2">{title}</h2>
141
+ <div className="grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-4">
142
+ {cards.map((card) => (
143
+ <Card key={card.href} {...card} />
144
+ ))}
145
+ </div>
146
+ </div>
147
+ );
148
+ }
152
149
 
153
150
 
154
151
  // Main Homepage Component
155
- export interface Props {
156
- children?: ReactNode;
157
- }
158
-
159
- export default function Homepage({children}: Props): ReactNode {
152
+ export default function Homepage(): ReactNode {
160
153
  return (
161
154
  <div className="container-md py-18 prose-base md:prose-lg">
162
155
  <h1 className="font-display text-[3rem] font-medium mb-0">
163
- Seqera Documentation
156
+ Documentation
164
157
  </h1>
165
158
  <p className="text-xl mb-6">
166
- Explore our guides, documentation, and examples to build with Seqera.
159
+ Explore our guides, documentation, and examples to build with Seqera
167
160
  </p>
168
161
 
169
- <div className="mb-10">
170
- <CardGrid cards={CARD_DATA.products} />
171
- </div>
172
-
173
- <CardSection title="Seqera AI and MCP" cards={CARD_DATA.ai} />
174
- <CardSection title="Open Source" cards={CARD_DATA.openSource} />
175
- <CardSection title="Additional Resources" cards={CARD_DATA.help} />
162
+ <CardSection3Col title="Open Source" cards={CARD_DATA.openSource} />
163
+ <CardSection3Col title="Platform" cards={CARD_DATA.platform} />
164
+ <CardSection2Col title="Seqera AI" cards={CARD_DATA.ai} />
165
+ <CardSection3Col title="Help" cards={CARD_DATA.help} />
176
166
  </div>
177
167
  );
178
- }
168
+ }
package/src/theme/Navbar/Content/index.tsx CHANGED
@@ -128,15 +128,9 @@ export default function NavbarContent(): ReactNode {
128
128
  <div className="mr-2">
129
129
  <Link
130
130
  className="navbar__link ml-8 font-normal"
131
- to={'/platform-cloud/seqera-ai'}
132
- aria-label="Seqera AI">
133
- Seqera AI
134
- </Link>
135
- <Link
136
- className="navbar__link ml-8 font-normal"
137
- to={'/platform-cloud/seqera-mcp'}
138
- aria-label="Seqera MCP">
139
- Seqera MCP
131
+ to={'/platform-api'}
132
+ aria-label="Platform API">
133
+ Platform API
140
134
  </Link>
141
135
  <Link
142
136
  className="navbar__link ml-8 font-normal"
package/src/theme/NavbarItem/DefaultNavbarItem/Desktop/index.tsx CHANGED
@@ -13,7 +13,7 @@ export default function DefaultNavbarItemDesktop({
13
13
  const element = (
14
14
  <NavbarNavLink
15
15
  className={clsx(
16
- isDropdownItem ? 'dropdown__link' : 'navbar__link mr-8',
16
+ isDropdownItem ? 'dropdown__link' : 'navbar__link mr-8 font-normal',
17
17
  className,
18
18
  )}
19
19
  isDropdownLink={isDropdownItem}