update website

Author: radubrehar

www/content/docs/index.page.md

@@ -27,7 +27,7 @@ It helps you display huge datasets and get the most out of your data by providin
 
 Installation could not be more straightforward - just one npm command:
 
-<TerminalBlock>
+<TerminalBlock >
 npm i @infinite-table/infinite-react
 </TerminalBlock>
 

www/content/docs/learn/columns/cell-and-column-styling.page.md

@@ -18,14 +18,10 @@ const column = {
 };
 ```
 
-<Sandpack title="Using column.style as an object">
-
-```tsx file="column-style-object-example.page.tsx"
+```tsx live title="Using column.style as an object" file="column-style-object-example.page.tsx"
 
 ```
 
-</Sandpack>
-
 The <PropLink name="columns.style">column.style</PropLink> property can either be an object (of type `React.CSSProperties`) or a function that returns an object (of the same type).
 
 Using functions for the <PropLink name="columns.style">column.style</PropLink> property allows you to style the cells based on the cell's value or other properties.

www/content/mdx-components.tsx

@@ -12,7 +12,7 @@
     "touch-blog-slug-page": "touch ./src/app/blog/[...blogpost]/page.tsx",
     "next-dev": "rm -fr .next && next dev -p 3001",
     "build": "npm run copy-license && npm run index-content && npm --prefix dataserver install && npm run generate-lib-dts && npm run update-css-vars-list && npm run next-build",
-    "next-build": "next build",
+    "next-build": "next build --turbopack",
     "update-css-vars-list": "node build/create-css-vars-list.js",
     "///": "/// copying the license file and also append --- layout: NoDocs --- at the beginning of the file",
     "copy-license": "echo \"---\ntitle: End User License Agreement\n---\n$(cat ../source/LICENSE.md | sed 's/<!--.*-->//g')\" > content/eula.page.md",

www/package.json

@@ -1 +1 @@
-export type GeneratedRoute = "/404" | "/community" | "/eula" | "/privacy" | "/blog/ideas" | "/comparison/" | "/docs/devtools" | "/docs/" | "/docs/reference/error-codes" | "/docs/reference/" | "/docs/reference/infinite-table-props" | "/docs/releases/" | "/docs/releases/v1" | "/docs/learn/columns/cell-and-column-styling" | "/docs/learn/columns/column-grouping" | "/docs/learn/columns/column-headers" | "/docs/learn/columns/column-menus" | "/docs/learn/columns/column-order" | "/docs/learn/columns/column-rendering" | "/docs/learn/columns/column-sorting" | "/docs/learn/columns/column-types" | "/docs/learn/columns/fixed-and-flexible-size" | "/docs/learn/columns/" | "/docs/learn/common-issues/" | "/docs/learn/context-menus/using-context-menus" | "/docs/learn/editing/column-editors" | "/docs/learn/editing/custom-editor" | "/docs/learn/editing/excel-like-editing" | "/docs/learn/editing/inline-edit-flow" | "/docs/learn/editing/inline-editing" | "/docs/learn/editing/overview" | "/docs/learn/examples/change-datasource" | "/docs/learn/examples/dynamic-pivoting-example" | "/docs/learn/examples/live-updates-example" | "/docs/learn/examples/performance-many-rows-and-columns" | "/docs/learn/examples/using-sparklines" | "/docs/learn/filtering/extending-existing-filters" | "/docs/learn/filtering/filtering-client-side" | "/docs/learn/filtering/filtering-server-side" | "/docs/learn/filtering/" | "/docs/learn/filtering/providing-a-custom-filter-editor" | "/docs/learn/getting-started/" | "/docs/learn/getting-started/licensing" | "/docs/learn/getting-started/test" | "/docs/learn/getting-started/typescript-types" | "/docs/learn/grouping-and-pivoting/group-aggregations" | "/docs/learn/grouping-and-pivoting/grouping-rows" | "/docs/learn/grouping-and-pivoting/" | "/docs/learn/keyboard-navigation/keyboard-shortcuts" | "/docs/learn/keyboard-navigation/navigating-cells" | "/docs/learn/keyboard-navigation/navigating-rows" | "/docs/learn/master-detail/caching-detail-datagrid" | "/docs/learn/master-detail/collapsing-and-expanding-rows" | "/docs/learn/master-detail/custom-row-detail-content" | "/docs/learn/master-detail/overview" | "/docs/learn/rows/disabled-rows" | "/docs/learn/rows/styling-rows" | "/docs/learn/rows/using-row-info" | "/docs/learn/selection/cell-selection" | "/docs/learn/selection/row-selection" | "/docs/learn/theming/css-variables" | "/docs/learn/theming/" | "/docs/learn/sorting/multiple-sorting" | "/docs/learn/sorting/overview" | "/docs/learn/sorting/single-sorting" | "/docs/learn/tree-grid/overview" | "/docs/learn/tree-grid/tree-column" | "/docs/learn/tree-grid/tree-expand-and-collapse-state" | "/docs/learn/tree-grid/tree-icon-rendering" | "/docs/learn/tree-grid/tree-selection" | "/docs/learn/working-with-data/handling-dates" | "/docs/learn/working-with-data/" | "/docs/learn/working-with-data/lazy-loading" | "/docs/learn/working-with-data/live-pagination" | "/docs/learn/working-with-data/updating-data-in-realtime" | "/docs/reference/api/" | "/docs/reference/cell-selection-api/" | "/docs/reference/column-api/" | "/docs/reference/datasource-api/" | "/docs/reference/datasource-props/" | "/docs/reference/hooks/" | "/docs/reference/keyboard-navigation-api/" | "/docs/reference/row-detail-api/" | "/docs/reference/row-selection-api/" | "/docs/reference/selection-api/" | "/docs/reference/tree-api/" | "/docs/reference/type-definitions/" | "/blog/2021/12/10/infinite-launch" | "/blog/2022/06/15/infinite-launch-beta" | "/blog/2022/06/24/navigating-your-datagrid" | "/blog/2022/08/01/infinite-table-monthly-update-july-2022" | "/blog/2022/09/01/infinite-table-monthly-update-august-2022" | "/blog/2022/11/01/infinite-table-monthly-update-october-2022" | "/blog/2023/01/16/infinite-table-is-here" | "/blog/2023/01/26/filtering-data-with-infinite-table-for-react" | "/blog/2022/11/08/why-another-datagrid" | "/blog/2023/02/16/using-menus-in-infinite-table" | "/blog/2023/10/02/version-3-0-0" | "/blog/2023/07/14/version-2-0-0" | "/blog/2023/10/05/building-a-datagrid-with-the-right-tools" | "/blog/2023/12/11/quick-guide-filtering-the-datagrid" | "/blog/2024/02/02/how-to-configure-default-sorting" | "/blog/2024/02/26/master-detail-now-available-in-react-datagrid" | "/blog/2024/03/06/setting-up-master-detail-datagrid" | "/blog/2024/03/08/how-to-select-cells-and-use-cell-selection" | "/blog/2024/01/23/how-to-customise-datagrid-loading-state" | "/blog/2024/04/18/the-best-testing-setup-for-frontends-playwright-nextjs" | "/blog/2024/06/05/master-detail-datagrid-with-charts" | "/blog/2024/04/22/the-best-testing-strategies-for-frontends" | "/blog/2024/06/13/how-to-use-excel-like-editing-in-datagrid" | "/blog/2024/06/18/how-to-configure-datagrid-to-maximise-screen-real-estate" | "/blog/2025/03/20/async-context-menus" | "/blog/2024/10/10/new-themes-available" | "/blog/2024/10/15/how-do-i-flash-cells" | "/blog/2024/10/16/shadcn-ui-theme-available" | "/blog/2025/05/12/the-first-devtools-for-a-datagrid" | "/blog/2024/05/27/minimalist-theme-for-react-datagrid" | "/blog/2025/08/16/grouping-toolbar-now-available-in-the-datagrid" | "/docs/learn/grouping-and-pivoting/pivoting/customizing-pivot-columns" | "/docs/learn/grouping-and-pivoting/pivoting/overview"
+export type GeneratedRoute = "/404" | "/community" | "/eula" | "/privacy" | "/blog/ideas" | "/docs/devtools" | "/docs/" | "/comparison/" | "/docs/reference/error-codes" | "/docs/reference/" | "/docs/reference/infinite-table-props" | "/docs/releases/" | "/docs/releases/v1" | "/docs/learn/columns/cell-and-column-styling" | "/docs/learn/columns/column-grouping" | "/docs/learn/columns/column-headers" | "/docs/learn/columns/column-menus" | "/docs/learn/columns/column-order" | "/docs/learn/columns/column-rendering" | "/docs/learn/columns/column-sorting" | "/docs/learn/columns/column-types" | "/docs/learn/columns/fixed-and-flexible-size" | "/docs/learn/columns/" | "/docs/learn/common-issues/" | "/docs/learn/context-menus/using-context-menus" | "/docs/learn/editing/column-editors" | "/docs/learn/editing/custom-editor" | "/docs/learn/editing/excel-like-editing" | "/docs/learn/editing/inline-edit-flow" | "/docs/learn/editing/inline-editing" | "/docs/learn/editing/overview" | "/docs/learn/examples/change-datasource" | "/docs/learn/examples/dynamic-pivoting-example" | "/docs/learn/examples/live-updates-example" | "/docs/learn/examples/performance-many-rows-and-columns" | "/docs/learn/examples/using-sparklines" | "/docs/learn/filtering/extending-existing-filters" | "/docs/learn/filtering/filtering-client-side" | "/docs/learn/filtering/filtering-server-side" | "/docs/learn/filtering/" | "/docs/learn/filtering/providing-a-custom-filter-editor" | "/docs/learn/getting-started/" | "/docs/learn/getting-started/licensing" | "/docs/learn/getting-started/test" | "/docs/learn/getting-started/typescript-types" | "/docs/learn/grouping-and-pivoting/group-aggregations" | "/docs/learn/grouping-and-pivoting/grouping-rows" | "/docs/learn/grouping-and-pivoting/" | "/docs/learn/keyboard-navigation/keyboard-shortcuts" | "/docs/learn/keyboard-navigation/navigating-cells" | "/docs/learn/keyboard-navigation/navigating-rows" | "/docs/learn/rows/disabled-rows" | "/docs/learn/rows/styling-rows" | "/docs/learn/rows/using-row-info" | "/docs/learn/master-detail/caching-detail-datagrid" | "/docs/learn/master-detail/collapsing-and-expanding-rows" | "/docs/learn/master-detail/custom-row-detail-content" | "/docs/learn/master-detail/overview" | "/docs/learn/selection/cell-selection" | "/docs/learn/selection/row-selection" | "/docs/learn/sorting/multiple-sorting" | "/docs/learn/sorting/overview" | "/docs/learn/sorting/single-sorting" | "/docs/learn/theming/css-variables" | "/docs/learn/theming/" | "/docs/learn/tree-grid/overview" | "/docs/learn/tree-grid/tree-column" | "/docs/learn/tree-grid/tree-expand-and-collapse-state" | "/docs/learn/tree-grid/tree-icon-rendering" | "/docs/learn/tree-grid/tree-selection" | "/docs/learn/working-with-data/handling-dates" | "/docs/learn/working-with-data/" | "/docs/learn/working-with-data/lazy-loading" | "/docs/learn/working-with-data/live-pagination" | "/docs/learn/working-with-data/updating-data-in-realtime" | "/docs/reference/api/" | "/docs/reference/cell-selection-api/" | "/docs/reference/column-api/" | "/docs/reference/datasource-api/" | "/docs/reference/datasource-props/" | "/docs/reference/hooks/" | "/docs/reference/row-detail-api/" | "/docs/reference/keyboard-navigation-api/" | "/docs/reference/row-selection-api/" | "/docs/reference/selection-api/" | "/docs/reference/tree-api/" | "/docs/reference/type-definitions/" | "/blog/2021/12/10/infinite-launch" | "/blog/2022/06/15/infinite-launch-beta" | "/blog/2022/06/24/navigating-your-datagrid" | "/blog/2022/08/01/infinite-table-monthly-update-july-2022" | "/blog/2022/11/01/infinite-table-monthly-update-october-2022" | "/blog/2022/09/01/infinite-table-monthly-update-august-2022" | "/blog/2022/11/08/why-another-datagrid" | "/blog/2024/01/23/how-to-customise-datagrid-loading-state" | "/blog/2024/02/02/how-to-configure-default-sorting" | "/blog/2024/02/26/master-detail-now-available-in-react-datagrid" | "/blog/2024/03/06/setting-up-master-detail-datagrid" | "/blog/2024/04/18/the-best-testing-setup-for-frontends-playwright-nextjs" | "/blog/2024/04/22/the-best-testing-strategies-for-frontends" | "/blog/2024/03/08/how-to-select-cells-and-use-cell-selection" | "/blog/2024/05/27/minimalist-theme-for-react-datagrid" | "/blog/2024/06/13/how-to-use-excel-like-editing-in-datagrid" | "/blog/2024/06/05/master-detail-datagrid-with-charts" | "/blog/2024/06/18/how-to-configure-datagrid-to-maximise-screen-real-estate" | "/blog/2024/10/10/new-themes-available" | "/blog/2024/10/15/how-do-i-flash-cells" | "/blog/2024/10/16/shadcn-ui-theme-available" | "/blog/2023/01/26/filtering-data-with-infinite-table-for-react" | "/blog/2023/02/16/using-menus-in-infinite-table" | "/blog/2023/01/16/infinite-table-is-here" | "/blog/2023/07/14/version-2-0-0" | "/blog/2023/10/02/version-3-0-0" | "/blog/2023/10/05/building-a-datagrid-with-the-right-tools" | "/blog/2023/12/11/quick-guide-filtering-the-datagrid" | "/blog/2025/05/12/the-first-devtools-for-a-datagrid" | "/blog/2025/03/20/async-context-menus" | "/blog/2025/08/16/grouping-toolbar-now-available-in-the-datagrid" | "/docs/learn/grouping-and-pivoting/pivoting/customizing-pivot-columns" | "/docs/learn/grouping-and-pivoting/pivoting/overview"

www/src/.gen/index.json

@@ -64,42 +64,8 @@ export default function RecentPosts({ posts }: { posts: BlogPost[] }) {
                 </div>
               );
             })}
-          {/* <div className="text-center">
-              <Link href="/blog/all">
-                <a className="px-4 py-1.5 hover:bg-opacity-80 text-center bg-link text-white  font-bold   transition duration-150 ease-in-out rounded-lg inline-flex items-center">
-                  View all articles
-                </a>
-              </Link>
-            </div> */}
         </div>
       </CenterContent>
     </>
   );
 }
-
-// RecentPosts.displayName = 'Index';
-
-// RecentPosts.appShell = function AppShell(props: { children: React.ReactNode }) {
-//   // console.log(blogIndexRecentRouteTree);
-//   return (
-//     <Page
-//       blog
-//       routeTree={
-//         {
-//           title: 'Blog',
-//           heading: false,
-//           path: '/blog',
-//           routes: [
-//             {
-//               title: 'Blog',
-//               heading: false,
-//               path: '/blog',
-//               routes: blogIndexRouteTree.routes,
-//             },
-//           ],
-//         } as any as RouteItem
-//       }
-//       {...props}
-//     />
-//   );
-// };

www/src/.gen/routes.d.ts

@@ -29,8 +29,6 @@ export async function generateStaticParams() {
     })
     .filter((x) => x.blogpost.length > 0);
 
-  result.length = 1;
-  console.log('blog posts:', result);
   return result;
 }
 

www/src/app/blog/RecentPosts.tsx

@@ -1,6 +1,3 @@
-// import fs from 'node:fs';
-// import path from 'node:path';
-
 import * as React from 'react';
 
 import SyntaxHighlight from '../SyntaxHighlight';
@@ -17,29 +14,6 @@ type BasicCodeBlockProps = {
   lang?: string;
 };
 
-// import packageJSON from '../../../package.json';
-
-// export const getFileContent = async (file: string) => {
-//   const contentRoot =
-//     process.env.npm_config_contentroot ?? packageJSON.docsRoot.source;
-
-//   let filePath = file.startsWith('@content/')
-//     ? path.join(contentRoot, file.replace('@content/', ''))
-//     : file;
-
-//   console.log('reading file', filePath);
-
-//   let fileContent = '';
-//   try {
-//     fileContent = fs.readFileSync(path.resolve(filePath), 'utf8');
-//   } catch (error) {
-//     console.error('Error reading file', error);
-//     throw error;
-//   }
-
-//   return fileContent;
-// };
-
 export function CodeBlock(props: BasicCodeBlockProps) {
   return <CodeBlockCmp {...props} />;
 }

www/src/app/blog/[...blogpost]/page.tsx

@@ -16,7 +16,7 @@ export default function NavLink({ href, children, isActive }: NavLinkProps) {
       // 'border-glow text-glow  font-bold': isActive,
     },
     { 'border-transparent': !isActive },
-    'inline-flex w-full items-center border-b-2 justify-center text-base leading-9 px-3 py-0.5 hover:text-link  whitespace-nowrap',
+    'inline-flex w-full items-center border-b-2 justify-center text-base leading-9 hover:text-link whitespace-nowrap group',
   );
 
   if (href.startsWith('https://')) {
@@ -29,7 +29,11 @@ export default function NavLink({ href, children, isActive }: NavLinkProps) {
 
   return (
     <NextLink href={href} className={classes}>
-      {children}
+      <div
+        className={cn({}, 'm-1 px-3 rounded-lg group-hover:bg-highlight-dark ')}
+      >
+        {children}
+      </div>
     </NextLink>
   );
 }