chore(website): migrate sidebars.js -> sidebars.ts

docusaurus/website/docusaurus.config.ts

@@ -81,7 +81,7 @@ const config: Config = {
         docs: {
           path: '../docs',
           exclude: ['**/snippets/**', '**/shared/**', '**/drafts/**'],
-          sidebarPath: require.resolve('./sidebars.js'),
+          sidebarPath: './sidebars.ts',
           // Please change this to your repo.
           // Remove this to remove the "edit this page" links.
           editUrl: 'https://github.com/grafana/plugin-tools/edit/main/docusaurus/website',

docusaurus/website/sidebars.js → docusaurus/website/sidebars.ts

@@ -1,22 +1,22 @@
+import type { SidebarsConfig } from '@docusaurus/plugin-content-docs';
+
+// This runs in Node.js - Don't use client-side code here (browser APIs, JSX...)
+
 /**
  * Creating a sidebar enables you to:
  - create an ordered group of docs
  - render a sidebar for each doc of that group
  - provide next/previous navigation
-
+ 
  The sidebars can be generated from the filesystem, or explicitly defined here.
-
+ 
  Create as many sidebars as you want.
  */
-
-// @ts-check
-
-/** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */
-const sidebars = {
+const sidebars: SidebarsConfig = {
   // By default, Docusaurus generates a sidebar from the docs folder structure
   // tutorialSidebar: [{ type: 'autogenerated', dirName: '.' }],
 
-  docs: [{type: 'autogenerated', dirName: '.'}],
+  docs: [{ type: 'autogenerated', dirName: '.' }],
 };
 
-module.exports = sidebars;
+export default sidebars;