update prettier/tailwind/eslint configs (#1786)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
the-guild-org · Nov 8, 2024 · a3931b4 · a3931b4
1 parent b60fc55
commit a3931b4
Show file tree

Hide file tree

Showing 24 changed files with 1,392 additions and 236 deletions.
diff --git a/.changeset/@theguild_components-1786-dependencies.md b/.changeset/@theguild_components-1786-dependencies.md
@@ -0,0 +1,5 @@
+---
+"@theguild/components": patch
+---
+dependencies updates:
+  - Updated dependency [`@theguild/tailwind-config@0.6.0` ↗︎](https://www.npmjs.com/package/@theguild/tailwind-config/v/0.6.0) (from `0.6.0-alpha-20241106003557-2c94714753ba2342f442f836b4683119985ee2c5`, in `peerDependencies`)
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -8,11 +8,8 @@ module.exports = {
     '@theguild/eslint-config/yml',
     // '@theguild/eslint-config/mdx',
     'plugin:tailwindcss/recommended',
-    // 'plugin:storybook/recommended', // broken in ESLint 9
+    'plugin:storybook/recommended',
   ],
-  parserOptions: {
-    project: ['tsconfig.eslint.json', 'website/tsconfig.json', 'packages/*/tsconfig.json'],
-  },
   rules: {
     'tailwindcss/classnames-order': 'off', // conflicts with official prettier-plugin-tailwindcss and tailwind v3
     // set more strict to highlight in editor
@@ -38,13 +35,6 @@ module.exports = {
       whitelist: [
         // TODO: find a way to fix it and remove these classes since they are imported somewhere and are used
         'line',
-        'aa-ItemLink',
-        'aa-ItemContent',
-        'aa-ItemContentBody',
-        'aa-ItemContentTitle',
-        'aa-ItemContentSubtitle',
-        'aa-SourceHeader',
-        'aa-SourceHeaderTitle',
         'hive-focus',
         'hive-focus-within',
         '@container', // Tailwind ESLint Plugin doesn't see the Container Queries classes but it does see prefixes like @sm:
@@ -65,11 +55,5 @@ module.exports = {
         'import/extensions': ['error', { js: 'never', json: 'always' }],
       },
     },
-    {
-      files: ['*.config.js'],
-      rules: {
-        'import/no-default-export': 'off',
-      },
-    },
   ],
 };
diff --git a/.prettierrc.cjs b/.prettierrc.cjs
diff --git a/package.json b/package.json
@@ -30,9 +30,9 @@
     "@storybook/react": "8.2.9",
     "@storybook/theming": "8.2.9",
     "@svgr/webpack": "8.1.0",
-    "@theguild/eslint-config": "0.12.1",
-    "@theguild/prettier-config": "2.0.7",
-    "@theguild/tailwind-config": "0.6.0-alpha-20241106003557-2c94714753ba2342f442f836b4683119985ee2c5",
+    "@theguild/eslint-config": "0.13.0",
+    "@theguild/prettier-config": "3.0.0",
+    "@theguild/tailwind-config": "0.6.0",
     "@types/jest-image-snapshot": "6.4.0",
     "@types/react": "18.3.12",
     "@types/react-paginate": "7.1.4",
@@ -44,7 +44,7 @@
     "husky": "9.1.6",
     "jest-image-snapshot": "6.4.0",
     "lint-staged": "15.2.10",
-    "next-themes": "0.4.3",
+    "next-themes": "0.3.0",
     "postcss": "8.4.47",
     "postcss-loader": "8.1.1",
     "prettier": "3.3.3",

diff --git a/packages/components/package.json b/packages/components/package.json
@@ -58,7 +58,7 @@
     "types:check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@theguild/tailwind-config": "0.6.0-alpha-20241106003557-2c94714753ba2342f442f836b4683119985ee2c5",
+    "@theguild/tailwind-config": "0.6.0",
     "next": "^13 || ^14 || ^15.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
@@ -81,7 +81,7 @@
   "devDependencies": {
     "@svgr/babel-plugin-remove-jsx-attribute": "^8.0.0",
     "@theguild/editor": "workspace:*",
-    "@theguild/tailwind-config": "0.6.0-alpha-20241106003557-2c94714753ba2342f442f836b4683119985ee2c5",
+    "@theguild/tailwind-config": "0.6.0",
     "@types/dedent": "0.7.2",
     "@types/react": "18.3.12",
     "@types/react-dom": "18.3.1",

diff --git a/packages/components/src/components/anchor.tsx b/packages/components/src/components/anchor.tsx
@@ -3,7 +3,7 @@ import NextLink from 'next/link';
 import clsx from 'clsx';
 import { ILink } from '../types/components';
 
-export interface AnchorProps extends ILink {}
+export type AnchorProps = ILink;
 export const Anchor = forwardRef<HTMLAnchorElement, AnchorProps>(function Anchor(
   { href = '', children, newWindow, sameSite, className, ...props },
   forwardedRef,

diff --git a/packages/components/src/components/cookies-consent.tsx b/packages/components/src/components/cookies-consent.tsx
@@ -2,7 +2,7 @@ import { useState } from 'react';
 import { cn } from '../cn';
 import { CallToAction } from './call-to-action';
 
-export interface CookiesConsentProps extends React.HTMLAttributes<HTMLElement> {}
+export type CookiesConsentProps = React.HTMLAttributes<HTMLElement>;
 export function CookiesConsent(props: CookiesConsentProps) {
   const [consented, setConsented] = useState(() => localStorage.getItem('cookies') === 'true');
 

diff --git a/packages/components/src/components/explore-main-product-cards.tsx b/packages/components/src/components/explore-main-product-cards.tsx
@@ -6,7 +6,7 @@ import { ArrowIcon } from './icons';
 import { TextLink } from './text-link';
 import { MainProductCard } from './tools-and-libraries-cards';
 
-export interface ExploreMainProductCardsProps extends HTMLAttributes<HTMLDivElement> {}
+export type ExploreMainProductCardsProps = HTMLAttributes<HTMLDivElement>;
 
 export function ExploreMainProductCards({ className, ...rest }: ExploreMainProductCardsProps) {
   return (

diff --git a/packages/components/src/components/footer.tsx b/packages/components/src/components/footer.tsx
@@ -1,4 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-restricted-imports
 import { FC, ReactElement, SVGProps } from 'react';
 import { clsx } from 'clsx';
 import { GuildLogo, TheGuild } from '../logos';

diff --git a/packages/components/src/components/hive-footer.tsx b/packages/components/src/components/hive-footer.tsx
@@ -13,7 +13,7 @@ import {
   YouTubeIcon,
 } from './icons';
 
-export interface HiveFooterProps extends IFooterExtendedProps {}
+export type HiveFooterProps = IFooterExtendedProps;
 
 export function HiveFooter({ className, logo, resources = [], sameSite }: HiveFooterProps) {
   return (

diff --git a/packages/components/src/components/hive-navigation/index.tsx b/packages/components/src/components/hive-navigation/index.tsx
@@ -279,7 +279,7 @@ export const ProductsMenu = React.forwardRef<HTMLDivElement, ProductsMenuProps>(
 );
 ProductsMenu.displayName = 'ProductsMenu';
 
-interface MenuContentColumnsProps extends React.HTMLAttributes<HTMLDivElement> {}
+type MenuContentColumnsProps = React.HTMLAttributes<HTMLDivElement>;
 const MenuContentColumns = forwardRef(
   (props: MenuContentColumnsProps, ref: React.ForwardedRef<HTMLDivElement>) => {
     return (

diff --git a/packages/components/src/components/stud.tsx b/packages/components/src/components/stud.tsx
@@ -1,6 +1,6 @@
 import { cn } from '../cn';
 
-export interface StudProps extends React.HTMLAttributes<HTMLElement> {}
+export type StudProps = React.HTMLAttributes<HTMLElement>;
 export function Stud(props: StudProps) {
   return (
     <div

diff --git a/packages/components/src/components/text-link.tsx b/packages/components/src/components/text-link.tsx
@@ -3,7 +3,7 @@ import { cn } from '../cn';
 import { Anchor, AnchorProps } from './anchor';
 import { ArrowIcon } from './icons';
 
-export interface TextLinkProps extends AnchorProps {}
+export type TextLinkProps = AnchorProps;
 
 export function TextLink({ className, children, ...rest }: TextLinkProps) {
   const hasArrow =

diff --git a/packages/components/src/env.d.ts b/packages/components/src/env.d.ts
@@ -1,19 +1,10 @@
-declare module '@next/bundle-analyzer' {
-  import { NextConfig } from 'next';
-
-  export default function nextBundleAnalyzer(config: {
-    enabled: boolean;
-  }): (nextConfig: NextConfig) => NextConfig;
-}
-
 declare module 'next-videos' {
   import { NextConfig } from 'next';
 
   export default function nextVideos(nextConfig: NextConfig): NextConfig;
 }
 
 declare module '*.svg' {
-  // eslint-disable-next-line @typescript-eslint/no-restricted-imports
   import { FC, SVGProps } from 'react';
   export const ReactComponent: FC<SVGProps<SVGElement>>;
   const src: string;

diff --git a/packages/components/src/icon.d.ts b/packages/components/src/icon.d.ts
@@ -1,4 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-restricted-imports
 import { FC, SVGProps } from 'react';
 
 declare const ReactComponent: FC<SVGProps<SVGElement>>;

diff --git a/packages/components/src/logos/index.tsx b/packages/components/src/logos/index.tsx
@@ -22,7 +22,7 @@ export { ReactComponent as YogaLogo } from './yoga.svg';
 export { ReactComponent as HiveCombinationMark } from './hive-combination-mark.svg';
 export { ReactComponent as GraphQLFoundationLogo } from './graphql-foundation.svg';
 
-export interface LettermarkLogoProps extends HTMLAttributes<HTMLElement> {}
+export type LettermarkLogoProps = HTMLAttributes<HTMLElement>;
 const createLettermarkLogo = (text: string) => {
   function LettermarkLogo(props: LettermarkLogoProps) {
     return (

diff --git a/packages/components/src/products.tsx b/packages/components/src/products.tsx
@@ -1,4 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-restricted-imports
 import { FC, HTMLProps, SVGProps } from 'react';
 import { MenuItem } from 'nextra/normalize-pages';
 import { cn } from './cn';

diff --git a/packages/editor/src/editor/editor.stories.tsx b/packages/editor/src/editor/editor.stories.tsx
@@ -1,8 +1,6 @@
-import { useRef } from 'react';
 import { Meta, StoryObj } from '@storybook/react';
 import { SchemaDiffEditor } from './schema-diff-editor';
 import { SchemaEditor, SchemaEditorProps } from './schema-editor';
-import { SchemaEditorApi } from './use-schema-services';
 import { debugHoverSource, showWidgetInPosition } from './utils';
 
 const TEST_SCHEMA = `type Query {
@@ -31,52 +29,7 @@ export default {
   component: SchemaEditor,
 } satisfies Meta<typeof SchemaEditor>;
 
-type Story = StoryObj<typeof SchemaTemplate>;
-
-function SchemaTemplate(props: SchemaEditorProps) {
-  const ref = useRef<SchemaEditorApi>(null);
-
-  return (
-    <div>
-      <button
-        style={{
-          margin: 10,
-          padding: 5,
-          background: 'lightgray',
-          borderRadius: 10,
-        }}
-        onClick={() => {
-          if (ref.current) {
-            const identifier = prompt('What type are you looking for?', 'Query');
-            if (identifier) {
-              ref.current.jumpToType(identifier);
-            }
-          }
-        }}
-      >
-        Jump To Type
-      </button>
-      <button
-        style={{
-          margin: 10,
-          padding: 5,
-          background: 'lightgray',
-          borderRadius: 10,
-        }}
-        onClick={() => {
-          if (ref.current) {
-            const identifier = prompt('What type+field are you looking for?', 'Query.me');
-            const [typeName, fieldName] = identifier?.split('.') || [];
-            ref.current.jumpToField(typeName, fieldName);
-          }
-        }}
-      >
-        Jump To Field
-      </button>
-      <SchemaEditor ref={ref} {...props} />
-    </div>
-  );
-}
+type Story = StoryObj<SchemaEditorProps>;
 
 export const BasicSchemaEditor: Story = {
   args: {

diff --git a/packages/editor/src/editor/enriched-language-service.ts b/packages/editor/src/editor/enriched-language-service.ts
@@ -114,7 +114,7 @@ export class EnrichedLanguageService extends LanguageService {
           sources.map(async source => {
             try {
               return await source.forNode(info);
-            } catch (e) {
+            } catch {
               return null;
             }
           }),