@seqera/docusaurus-theme-seqera 1.0.6 → 1.0.7

package/lib/theme/DocSidebar/Desktop/index.js

@@ -1,6 +1,7 @@
 import React, {useState} from 'react';
 import clsx from 'clsx';
 import {useThemeConfig} from '@docusaurus/theme-common';
+import {useLocation} from '@docusaurus/router';
 import Logo from '@theme/Logo';
 import CollapseButton from '@theme/DocSidebar/Desktop/CollapseButton';
 import Content from '@theme/DocSidebar/Desktop/Content';
@@ -13,7 +14,12 @@ function DocSidebarDesktop({path, sidebar, onCollapse, isHidden}) {
       sidebar: {hideable},
     },
   } = useThemeConfig();
+  const location = useLocation();
   const [isOpen, setIsOpen] = useState(false);
+  // Check if URL contains /platform-enterprise
+  const showVersionSwitcher = location.pathname.includes(
+    '/platform-enterprise',
+  );
   return (
     <div
       className={clsx(
@@ -23,7 +29,9 @@ function DocSidebarDesktop({path, sidebar, onCollapse, isHidden}) {
         'h-full relative w-full',
       )}>
       {hideOnScroll && <Logo tabIndex={-1} className={styles.sidebarLogo} />}
-      <VersionSwitcher isOpen={isOpen} setIsOpen={setIsOpen} />
+      {showVersionSwitcher && (
+        <VersionSwitcher isOpen={isOpen} setIsOpen={setIsOpen} />
+      )}
       <Content path={path} sidebar={sidebar} />
       {hideable && (
         <div className="absolute right-0 top-[3.75rem]">

package/lib/theme/DocSidebarItem/Html/index.js

@@ -11,7 +11,7 @@ export default function DocSidebarItemHtml({item, level, index}) {
         ThemeClassNames.docs.docSidebarItemLinkLevel(level),
         level > 1 &&
           ThemeClassNames.docs.docSidebarItemLinkLevel(level) &&
-          'ml-3 lg:ml-0',
+          'ml-3',
         defaultStyle && [styles.menuHtmlItem, 'menu__list-item '],
         className,
       )}

package/lib/theme/DocSidebarItem/Link/index.js

@@ -31,7 +31,7 @@ export default function DocSidebarItemLink({
         ThemeClassNames.docs.docSidebarItemLinkLevel(level),
         level > 1 &&
           ThemeClassNames.docs.docSidebarItemLinkLevel(level) &&
-          'ml-3 lg:ml-0',
+          'ml-4',
         'menu__list-item',
         className,
       )}

package/lib/theme/DocSidebarItem/index.js

@@ -6,20 +6,20 @@ export default function DocSidebarItem({item, ...props}) {
   switch (item.type) {
     case 'category':
       return (
-        <div className="mt-3 md:mt-0">
+        <div className="mt-3">
           <DocSidebarItemCategory item={item} {...props} />
         </div>
       );
     case 'html':
       return (
-        <div className="mt-3 md:mt-0">
+        <div className="mt-3">
           <DocSidebarItemHtml item={item} {...props} />
         </div>
       );
     case 'link':
     default:
       return (
-        <div className="mt-3 md:mt-0">
+        <div className="mt-3">
           <DocSidebarItemLink item={item} {...props} />
         </div>
       );

package/lib/theme/Footer/Layout/index.js

@@ -6,7 +6,7 @@ export default function FooterLayout({style, links, logo, copyright}) {
     <footer
       className={clsx(
         ThemeClassNames.layout.footer.container,
-        'border-t border-base-content/20',
+        'border-t border-black/20 dark:border-white/20',
         {
           'footer--dark': style === 'dark',
         },

package/lib/theme/Homepage/index.d.ts

@@ -1,5 +1,2 @@
 import { type ReactNode } from 'react';
-export interface Props {
-    children?: ReactNode;
-}
-export default function Homepage({ children }: Props): ReactNode;
+export default function Homepage(): ReactNode;

package/lib/theme/Homepage/index.js

@@ -7,33 +7,30 @@ import IconWave from '@theme/Icon/Wave';
 import IconSeqeraCloud from '@theme/Icon/SeqeraCloud';
 import IconServiceStatus from '@theme/Icon/ServiceStatus';
 import IconQuestionMark from '@theme/Icon/QuestionMark';
-import IconCog from '@theme/Icon/Cog';
-import IconChangelog from '@theme/Icon/Changelog';
 import IconChatBubbles from '@theme/Icon/ChatBubbles';
 import IconMCP from '@theme/Icon/MCP';
 import IconSeqeraEnterprise from '@theme/Icon/SeqeraEnterprise';
 const CARD_DATA = {
-  products: [
+  platform: [
     {
       href: '/platform-cloud',
       icon: <IconSeqeraCloud className="text-black" />,
       title: 'Seqera Cloud',
       description:
-        'comprehensive platform empowering teams across the entire scientific lifecycle',
+        'Comprehensive platform empowering teams across the entire scientific lifecycle',
     },
     {
       href: '/platform-enterprise',
       icon: <IconSeqeraEnterprise className="text-black" />,
       title: 'Seqera Enterprise',
       description:
-        'manage within your own infrastructure for greater control and data sovereignty',
+        'Platform management within your own infrastructure for greater control',
     },
     {
-      href: '/platform-api',
-      icon: <IconCog className="text-black" />,
-      title: 'Platform API',
-      description:
-        'integrate Seqera Platform seamlessly into existing processes',
+      href: '/fusion',
+      icon: <IconFusion className="text-fusion-600" />,
+      title: 'Fusion',
+      description: 'Optimized file system for cloud-native data pipelines',
     },
   ],
   ai: [
@@ -42,14 +39,13 @@ const CARD_DATA = {
       icon: <IconAI className="text-black max-w-5.5" />,
       title: 'Seqera AI',
       description:
-        'intelligent command-line assistant that helps you build, run, and manage bioinformatics workflows',
+        'Intelligent command-line assistant that helps you build, run, and manage bioinformatics workflows',
     },
     {
       href: '/platform-cloud/seqera-mcp',
       icon: <IconMCP className="text-black max-w-5.5" />,
       title: 'Seqera MCP',
-      description:
-        'enables AI assistants to interact with the Seqera ecosystem',
+      description: 'AI assistant that interacts with the Seqera ecosystem',
     },
   ],
   openSource: [
@@ -57,53 +53,41 @@ const CARD_DATA = {
       href: '/nextflow',
       icon: <IconNextflow className="text-nextflow-600" />,
       title: 'Nextflow',
-      description: 'open-source orchestrator for deploying workflows',
+      description: 'Open-source orchestrator for deploying workflows',
     },
     {
       href: '/wave',
       icon: <IconWave className="text-wave-600" />,
       title: 'Wave',
-      description: 'next generation container provisioning for data analysis',
+      description: 'Next-generation container provisioning for data analysis',
     },
     {
       href: '/multiqc',
       icon: <IconMultiQC className="text-multiqc-600" />,
       title: 'MultiQC',
       description:
-        'open-source tool to aggregate bioinformatic analyses results',
-    },
-    {
-      href: '/fusion',
-      icon: <IconFusion className="text-fusion-600" />,
-      title: 'Fusion',
-      description: 'optimized file system for cloud-native data pipelines',
+        'Open-source tool to aggregate bioinformatic analyses results',
     },
   ],
   help: [
-    {
-      href: '/changelog',
-      icon: <IconChangelog className="text-black w-[20px] h-[20px]" />,
-      title: 'Changelog',
-      description: 'product release notes on latest features and updates.',
-    },
     {
       href: 'https://support.seqera.io/',
       icon: <IconQuestionMark className="text-black" />,
       title: 'Support Portal',
       description:
-        'contact support for help with your platform or enterprise account',
+        'Contact support for help with your platform or enterprise account',
     },
     {
       href: 'https://community.seqera.io/',
       icon: <IconChatBubbles className="text-black" />,
       title: 'Community Forum',
-      description: 'discuss, share and network with other users',
+      description: 'Discuss, share and network with other users',
     },
     {
       href: 'https://status.seqera.io/',
       icon: <IconServiceStatus className="text-black" />,
       title: 'Service Status',
-      description: 'real-time monitoring of platform performance',
+      description: 'Monitor platform performance in real time',
     },
   ],
 };
@@ -131,31 +115,41 @@ function CardGrid({cards}) {
     </div>
   );
 }
-function CardSection({title, cards}) {
+function CardSection2Col({title, cards}) {
   return (
-    <div className="mt-16">
+    <div className="mt-8">
       <h2 className="text-[2rem] font-display font-medium mb-2">{title}</h2>
       <CardGrid cards={cards} />
     </div>
   );
 }
-export default function Homepage({children}) {
+function CardSection3Col({title, cards}) {
+  return (
+    <div className="mt-8">
+      <h2 className="text-[2rem] font-display font-medium mb-2">{title}</h2>
+      <div className="grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-4">
+        {cards.map((card) => (
+          <Card key={card.href} {...card} />
+        ))}
+      </div>
+    </div>
+  );
+}
+// Main Homepage Component
+export default function Homepage() {
   return (
     <div className="container-md py-18 prose-base md:prose-lg">
       <h1 className="font-display text-[3rem] font-medium mb-0">
-        Seqera Documentation
+        Documentation
       </h1>
       <p className="text-xl mb-6">
-        Explore our guides, documentation, and examples to build with Seqera.
+        Explore our guides, documentation, and examples to build with Seqera
       </p>
 
-      <div className="mb-10">
-        <CardGrid cards={CARD_DATA.products} />
-      </div>
-
-      <CardSection title="Seqera AI and MCP" cards={CARD_DATA.ai} />
-      <CardSection title="Open Source" cards={CARD_DATA.openSource} />
-      <CardSection title="Additional Resources" cards={CARD_DATA.help} />
+      <CardSection3Col title="Open Source" cards={CARD_DATA.openSource} />
+      <CardSection3Col title="Platform" cards={CARD_DATA.platform} />
+      <CardSection2Col title="Seqera AI" cards={CARD_DATA.ai} />
+      <CardSection3Col title="Help" cards={CARD_DATA.help} />
     </div>
   );
 }

package/lib/theme/Navbar/Content/index.js

@@ -71,7 +71,7 @@ export default function NavbarContent() {
   const [leftItems, rightItems] = splitNavbarItems(items);
   const searchBarItem = items.find((item) => item.type === 'search');
   return (
-    <div className="w-full flex flex-col">
+    <div className="w-full flex flex-col justify-center md:justify-start">
       <div className="md:pt-3 md:pb-1">
         <NavbarContentLayout
           left={
@@ -89,12 +89,12 @@ export default function NavbarContent() {
               </div>
               <div className="hidden md:flex!">
                 <a
-                  className="btn btn-secondary hover:bg-nextflow-600 shadow-none border text-black btn-sm px-6 py-1 text-[.9rem] mr-2 "
+                  className="btn btn-secondary mr-2 "
                   href="https://cloud.seqera.io/oauth/login/auth0">
                   Log In
                 </a>
                 <a
-                  className="btn btn-outline shadow-none btn-sm border px-6 py-1 text-[.9rem] hover:border-black hover:bg-black hover:text-white"
+                  className="btn btn-outline"
                   href="https://cloud.seqera.io/oauth/login/auth0">
                   Sign Up
                 </a>
@@ -112,15 +112,9 @@ export default function NavbarContent() {
           <div className="mr-2">
             <Link
               className="navbar__link ml-8 font-normal"
-              to={'/platform-cloud/seqera-ai'}
-              aria-label="Seqera AI">
-              Seqera AI
-            </Link>
-            <Link
-              className="navbar__link ml-8 font-normal"
-              to={'/platform-cloud/seqera-mcp'}
-              aria-label="Seqera MCP">
-              Seqera MCP
+              to={'/platform-api'}
+              aria-label="Platform API">
+              Platform API
             </Link>
             <Link
               className="navbar__link ml-8 font-normal"

package/lib/theme/Navbar/Layout/index.js

@@ -33,7 +33,7 @@ export default function NavbarLayout({children}) {
       })}
       className={clsx(
         ThemeClassNames.layout.navbar.container,
-        'navbar border-b border-base-content/20 md:pt-10 md:pb-10 px-4 sticky top-0 shadow-none',
+        'navbar border-b border-black/20 dark:border-white/20 md:pb-10 px-4 sticky top-0 shadow-none h-[50px] md:h-[78px]',
         'navbar--fixed-top',
         hideOnScroll && [
           styles.navbarHideable,

package/lib/theme/Navbar/MobileSidebar/PrimaryMenu/index.js

@@ -16,14 +16,14 @@ export default function NavbarMobilePrimaryMenu() {
   const items = useNavbarItems();
   return (
     <div>
-      <div className="relative flex flex-row justify-center items-stretch w-full max-w-full mb-10">
+      <div className="relative grid grid-cols-2 gap-2 items-stretch w-full max-w-full mb-10">
         <a
-          className="btn btn-primary shadow-none border text-white btn-sm px-6 py-1 text-[.9rem] mr-2 flex-1"
+          className="btn btn-primary w-full"
           href="https://cloud.seqera.io/oauth/login/auth0">
           Log In
         </a>
         <a
-          className="btn btn-outline shadow-none btn-sm border flex-1 px-6 py-1 text-[.9rem] hover:border-black hover:bg-black  bg-white text-black dark:text-black hover:text-white"
+          className="btn btn-outline w-full"
           href="https://cloud.seqera.io/oauth/login/auth0">
           Sign Up
         </a>

package/lib/theme/Navbar/Submenu/SubmenuLinks.js

@@ -60,8 +60,7 @@ function LinkItem({to, children}) {
         'flex items-center gap-2 px-2 rounded-md h-[37px] mb-1',
         'text-sm text-gray-900 dark:text-gray-100',
         'transition-all duration-500 ease-in-out',
-        'hover:bg-nextflow-100 dark:hover:bg-gray-800 hover:no-underline',
-        isActive(href) && 'bg-blue-50 dark:bg-blue-900/30',
+        'hover:bg-gray-100 dark:hover:bg-gray-800 hover:no-underline',
       )}>
       {children}
     </Link>

package/lib/theme/NavbarItem/DefaultNavbarItem/Desktop/index.js

@@ -9,7 +9,7 @@ export default function DefaultNavbarItemDesktop({
   const element = (
     <NavbarNavLink
       className={clsx(
-        isDropdownItem ? 'dropdown__link' : 'navbar__link mr-8',
+        isDropdownItem ? 'dropdown__link' : 'navbar__link mr-8 font-normal',
         className,
       )}
       isDropdownLink={isDropdownItem}

package/lib/theme/NotFound/Content/index.js

@@ -26,9 +26,7 @@ export default function NotFoundContent({className}) {
               looking for does not exist.
             </Translate>
           </p>
-          <a
-            className="btn btn-secondary shadow-none border text-black no-underline!"
-            href="/">
+          <a className="btn btn-primary py-1.5! px-4!" href="/">
             Back to docs homepage
           </a>
         </div>

package/lib/theme/TOCItems/index.js

@@ -7,7 +7,7 @@ import {
 import TOCItemTree from '@theme/TOCItems/Tree';
 export default function TOCItems({
   toc,
-  className = 'table-of-contents table-of-contents__left-border border-l border-base-content/20 leading-7',
+  className = 'table-of-contents table-of-contents__left-border border-l border-black/20 dark:border-white/20 leading-7',
   linkClassName = 'table-of-contents__link',
   linkActiveClassName = undefined,
   minHeadingLevel: minHeadingLevelOption,

package/lib/theme/prism-include-languages.js

@@ -17,8 +17,19 @@ export default function prismIncludeLanguages(PrismObject) {
       // eslint-disable-next-line global-require
       require('prismjs/components/prism-markup-templating.js');
     }
-    // eslint-disable-next-line global-require, import/no-dynamic-require
-    require(`prismjs/components/prism-${lang}`);
+    // Load custom languages from the local languages directory
+    if (lang === 'nextflow') {
+      // Nextflow requires Groovy as a dependency
+      if (!additionalLanguages.includes('groovy')) {
+        // eslint-disable-next-line global-require
+        require('prismjs/components/prism-groovy');
+      }
+      // eslint-disable-next-line global-require
+      require('../languages/prism-nextflow.js');
+    } else {
+      // Fall back to standard PrismJS components
+      require(`prismjs/components/prism-${lang}`);
+    }
   });
   // Clean up and eventually restore former globalThis.Prism object (if any)
   delete globalThis.Prism;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seqera/docusaurus-theme-seqera",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "Seqera docs theme for Docusaurus",
   "author": "Seqera docs team <education@seqera.io>",
   "license": "Apache-2.0",
@@ -50,7 +50,6 @@
     "@types/nprogress": "^0.2.0",
     "@types/prismjs": "^1.26.0",
     "@types/rtlcss": "^3.5.1",
-    "daisyui": "^5.5.5",
     "fs-extra": "^11.1.1",
     "npm-run-all": "^4.1.5",
     "react-test-renderer": "^18.0.0",

package/package.json.bak

@@ -0,0 +1,66 @@
+{
+  "name": "@seqera/docusaurus-theme-seqera",
+  "version": "1.0.6",
+  "description": "Seqera docs theme for Docusaurus",
+  "author": "Seqera docs team <education@seqera.io>",
+  "license": "Apache-2.0",
+  "main": "lib/index.js",
+  "types": "src/theme-seqera.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc --build && node ../../scripts/copyUntypedFiles.js && prettier --config ../../.prettierrc --write \"lib/theme/**/*.js\"",
+    "watch": "run-p -c copy:watch build:watch",
+    "build:watch": "tsc --build --watch",
+    "copy:watch": "node ../../scripts/copyUntypedFiles.js --watch"
+  },
+  "dependencies": {
+    "@docusaurus/core": "3.9.2",
+    "@docusaurus/logger": "3.9.2",
+    "@docusaurus/mdx-loader": "3.9.2",
+    "@docusaurus/module-type-aliases": "3.9.2",
+    "@docusaurus/plugin-content-blog": "3.9.2",
+    "@docusaurus/plugin-content-docs": "3.9.2",
+    "@docusaurus/plugin-content-pages": "3.9.2",
+    "@docusaurus/theme-common": "3.9.2",
+    "@docusaurus/theme-translations": "3.9.2",
+    "@docusaurus/types": "3.9.2",
+    "@docusaurus/utils": "3.9.2",
+    "@docusaurus/utils-common": "3.9.2",
+    "@docusaurus/utils-validation": "3.9.2",
+    "@mdx-js/react": "^3.0.0",
+    "@tailwindcss/postcss": "^4.1.17",
+    "clsx": "^2.0.0",
+    "infima": "0.2.0-alpha.45",
+    "lodash": "^4.17.21",
+    "nprogress": "^0.2.0",
+    "postcss": "^8.5.6",
+    "prism-react-renderer": "^2.3.0",
+    "prismjs": "^1.29.0",
+    "raw-loader": "^4.0.2",
+    "react-router-dom": "^5.3.4",
+    "rtlcss": "^4.1.0",
+    "tailwindcss": "^4.1.17",
+    "tslib": "^2.6.0",
+    "utility-types": "^3.10.0"
+  },
+  "devDependencies": {
+    "@types/lodash": "^4.17.0",
+    "@types/nprogress": "^0.2.0",
+    "@types/prismjs": "^1.26.0",
+    "@types/rtlcss": "^3.5.1",
+    "daisyui": "^5.5.5",
+    "fs-extra": "^11.1.1",
+    "npm-run-all": "^4.1.5",
+    "react-test-renderer": "^18.0.0",
+    "utility-types": "^3.10.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "engines": {
+    "node": ">=20.0"
+  }
+}

package/src/index.ts

@@ -84,6 +84,7 @@ export default function themeSeqera(
         './nprogress',
         './styles/typography.css',
         './main-styles.css',
+        './styles/buttons.css',
         './styles/api.css',
         './styles/search.css',
         './styles/admonition-alerts.css',

package/src/languages/prism-nextflow.js

@@ -0,0 +1,24 @@
+(function (Prism) {
+  Prism.languages.nextflow = Prism.languages.extend('groovy', {
+    'keyword': /\b(?:as|assert|boolean|byte|catch|char|def|double|else|enum|float|if|in|instanceof|int|long|new|return|short|throw|try|void|process|workflow|input|output|exec|shell|script|stub|include|from)\b/,
+    'string': {
+      pattern: /"""(?:[^\\]|\\[\s\S])*?"""|'''(?:[^\\]|\\[\s\S])*?'''|'(?:\\.|[^\\'\r\n])*'|"(?:\\.|[^\\"\r\n])*"/,
+      greedy: true
+    },
+    'operator': {
+      pattern: /(^|[^.])(?:~|==?~?|\?[.:]?|\*(?:[.=]|\*=?)?|\.[@&]|\.\.<|\.\.(?!\.)|-[-=>]?|\+[+=]?|!=?|<(?:<=?|=>?)?|>(?:>>?=?|=)?|&[&=]?|\|[|=]?|\/=?|\^=?|%=?)/,
+      lookbehind: true
+    },
+    'punctuation': /\.+|[{}[\];(),:$]/
+  });
+
+  // Add support for Nextflow-specific directives
+  Prism.languages.insertBefore('nextflow', 'keyword', {
+    'directive': {
+      pattern: /(?:^|\n)\s*(?:process|workflow|exec|shell|script|stub|container|conda|module|include|from|publishDir|input|output):/,
+      lookbehind: true,
+      alias: 'keyword'
+    }
+  });
+
+}(Prism));