Convert Docusaurus config to TypeScript and update documentation structure

- Convert docusaurus.config.js to TypeScript with type safety
- Convert sidebars.js to TypeScript configuration
- Add ESLint configuration with TypeScript support
- Update package.json with additional scripts and dependencies
- Update Node.js requirement to version 24 in netlify.toml
- Add proper TypeScript development environment
- Add setupTests.ts for testing configuration

Author: ayonious

docusaurus.config.js

@@ -0,0 +1,144 @@
+import { themes as prismThemes } from 'prism-react-renderer';
+import type { Config } from '@docusaurus/types';
+import type * as Preset from '@docusaurus/preset-classic';
+
+// This runs in Node.js - Don't use client-side code here (browser APIs, JSX...)
+
+const config: Config = {
+  title: 'Console Table Printer',
+  tagline: 'A tool to print colorful table on your console',
+  favicon: 'img/favicon.ico',
+
+  // Future flags, see https://docusaurus.io/docs/api/docusaurus-config#future
+  future: {
+    v4: true, // Improve compatibility with the upcoming Docusaurus v4
+  },
+
+  // Set the production url of your site here
+  url: 'https://console-table.netlify.app',
+  // Set the /<baseUrl>/ pathname under which your site is served
+  // For GitHub pages deployment, it is often '/<projectName>/'
+  baseUrl: '/',
+
+  // GitHub pages deployment config.
+  // If you aren't using GitHub pages, you don't need these.
+  organizationName: 'console-table-printer', // Usually your GitHub org/user name.
+  projectName: 'console-table-docu', // Usually your repo name.
+
+  onBrokenLinks: 'throw',
+  onBrokenMarkdownLinks: 'warn',
+
+  // Even if you don't use internationalization, you can use this field to set
+  // useful metadata like html lang. For example, if your site is Chinese, you
+  // may want to replace "en" with "zh-Hans".
+  i18n: {
+    defaultLocale: 'en',
+    locales: ['en'],
+  },
+
+  presets: [
+    [
+      'classic',
+      {
+        docs: {
+          sidebarPath: './sidebars.ts',
+          sidebarCollapsible: false,
+          showLastUpdateAuthor: true,
+          showLastUpdateTime: true,
+          remarkPlugins: [
+            [require('@docusaurus/remark-plugin-npm2yarn'), {sync: true}],
+          ],
+          // this enabled the edit button for documentation
+          editUrl: 'https://github.com/console-table-printer/console-table-docu/blob/master/',
+        },
+        theme: {
+          customCss: './src/css/custom.css',
+        },
+      } satisfies Preset.Options,
+    ],
+  ],
+
+  themeConfig: {
+    // Replace with your project's social card
+    image: 'img/logo.svg',
+    announcementBar: {
+      id: 'support',
+      content:
+        '⭐️ If you like Console Table Printer, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/console-table-printer/console-table-printer">GitHub</a>! ⭐️',
+    },
+    navbar: {
+      title: 'Console Table Printer',
+      logo: {
+        alt: 'Console Table Printer',
+        src: 'img/logo.ico',
+      },
+      items: [
+        {
+          href: 'https://github.com/console-table-printer/console-table-printer',
+          label: 'GitHub',
+          position: 'right',
+        },
+        {
+          href: 'https://www.npmjs.com/package/console-table-printer',
+          label: 'npmjs',
+          position: 'right',
+        },
+      ],
+    },
+    footer: {
+      style: 'dark',
+      links: [
+        {
+          title: 'Learn',
+          items: [
+            {
+              label: 'Quick Start',
+              to: 'docs',
+            },
+            {
+              label: 'Getting Started With CLI',
+              to: 'docs/doc-cli-install-quick-start',
+            },
+          ],
+        },
+        {
+          title: 'Decorate',
+          items: [
+            {
+              label: 'Color',
+              to: 'docs/doc-color',
+            },
+            {
+              label: 'Border',
+              to: 'docs/doc-border-design',
+            },
+            {
+              label: 'Alignment',
+              to: 'docs/doc-alignment',
+            },
+          ],
+        },
+        {
+          title: 'More',
+          items: [
+            {
+              label: 'GitHub',
+              href: 'https://github.com/console-table-printer/console-table-printer',
+            },
+            {
+              label: 'Npmjs',
+              href: 'https://www.npmjs.com/package/console-table-printer',
+            },
+          ],
+        },
+      ],
+      copyright: `Copyright © ${new Date().getFullYear()} Nahiyan Kamal under MIT License. Built with Docusaurus.`,
+    },
+    prism: {
+      theme: prismThemes.github,
+      darkTheme: prismThemes.dracula,
+    },
+  } satisfies Preset.ThemeConfig,
+};
+
+export default config;

docusaurus.config.ts

@@ -0,0 +1,56 @@
+const js = require('@eslint/js');
+const tsPlugin = require('@typescript-eslint/eslint-plugin');
+const tsParser = require('@typescript-eslint/parser');
+const prettierPlugin = require('eslint-plugin-prettier');
+
+module.exports = [
+  js.configs.recommended,
+  {
+    files: ['**/*.{js,jsx,ts,tsx}'],
+    languageOptions: {
+      parser: tsParser,
+      parserOptions: {
+        ecmaVersion: 2021,
+        sourceType: 'module',
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+      globals: {
+        window: 'readonly',
+        document: 'readonly',
+        console: 'readonly',
+        process: 'readonly',
+        Buffer: 'readonly',
+        __dirname: 'readonly',
+        __filename: 'readonly',
+        global: 'readonly',
+        module: 'readonly',
+        require: 'readonly',
+        exports: 'readonly',
+        jest: 'readonly',
+        expect: 'readonly',
+        test: 'readonly',
+        describe: 'readonly',
+        it: 'readonly',
+        beforeEach: 'readonly',
+        afterEach: 'readonly',
+      },
+    },
+    plugins: {
+      '@typescript-eslint': tsPlugin,
+      prettier: prettierPlugin,
+    },
+    rules: {
+      ...tsPlugin.configs.recommended.rules,
+      'prettier/prettier': 'error',
+      '@typescript-eslint/no-unused-vars': 'error',
+      '@typescript-eslint/no-explicit-any': 'warn',
+      '@typescript-eslint/no-require-imports': 'off',
+      'no-undef': 'off', // TypeScript handles this
+    },
+  },
+  {
+    ignores: ['build/', 'node_modules/', '.docusaurus/', 'coverage/'],
+  },
+];

eslint.config.js

@@ -5,7 +5,7 @@
   # HTML files and assets generated by the build. If a base directory has
   # been specified, include it in the publish directory path.
   publish = "build/"
-  environment = { NODE_VERSION = "22.16.0" }
+  environment = { NODE_VERSION = "24" }
 
   # Default build command.
   command = "yarn build"