Add CI pipeline, fix ESLint, Jest issues

.eslintrc

@@ -1,7 +1,8 @@
 {
-    "root": true,
-    "extends": ["@sirse-dev/eslint-config"],
-    "rules": {
-        "unicorn/no-useless-undefined": "off"
-    }
+	"root": true,
+	"extends": ["@sirse-dev/eslint-config"],
+	"rules": {
+		"unicorn/no-useless-undefined": "off",
+		"unicorn/expiring-todo-comments": "off"
+	}
 }

.github/workflows/ci.yml

@@ -0,0 +1,30 @@
+name: Changeset existence
+on:
+    pull_request:
+        branches: [main]
+    workflow_dispatch:
+jobs:
+    changeset:
+        name: Build, test & lint
+        runs-on: ubuntu-latest
+        steps:
+            - name: Checkout
+              uses: actions/checkout@v3
+              with:
+                  fetch-depth: 0
+
+            - name: Use Node 18
+              uses: actions/setup-node@v3
+              with:
+                  node-version: 18
+
+            - name: Install pnpm 8.6.12
+              uses: pnpm/[email protected]
+              with:
+                  version: 8.6.12
+
+            - name: Install pnpm dependencies (with cache)
+              uses: covbot/pnpm-install-with-cache@v1
+
+            - name: Build, test & lint
+              run: pnpm turbo run lint build test --filter=...[main...HEAD]

packages/client/.eslintignore

@@ -0,0 +1,2 @@
+dist
+prepared-package

packages/material/.eslintignore

@@ -1 +1,2 @@
-dist
+dist
+prepared-package

packages/material/package.json

@@ -16,9 +16,7 @@
 		"postpublish": "rimraf ./prepared-package",
 		"prepublishOnly": "pnpm build",
 		"release": "np",
-		"storybook": "cross-env NODE_OPTIONS=--openssl-legacy-provider start-storybook -p 6006",
-		"test": "aqu test --passWithNoTests",
-		"test:watch": "aqu test --passWithNoTests --watch"
+		"storybook": "cross-env NODE_OPTIONS=--openssl-legacy-provider start-storybook -p 6006"
 	},
 	"dependencies": {
 		"@mui/icons-material": "^5.10.6",

packages/material/src/AccountAvatar/AccountAvatar.tsx

@@ -1,5 +1,5 @@
-import Avatar, { AvatarProps } from '@mui/material/Avatar';
 import PersonRounded from '@mui/icons-material/PersonRounded';
+import Avatar, { AvatarProps } from '@mui/material/Avatar';
 import { getContrastRatio } from '@mui/system/colorManipulator';
 import { ElementType } from 'react';
 import { styled } from '../styles/styled';
@@ -19,14 +19,14 @@ const AccountAvatarRoot = styled<InternalAccountAvatarProps, typeof Avatar>(Avat
 	return { width: 28, height: 28, color, backgroundColor, fontSize: theme.typography.body2.fontSize };
 });
 
-const getInitials = (username: string): string | null => {
+const getInitials = (username: string): string | undefined => {
 	const words = username
 		.split(/\s+/g)
 		.map((value) => value.replace(/[^\p{L}]/gu, ''))
 		.filter(Boolean);
 
 	if (words.length === 0) {
-		return null;
+		return undefined;
 	}
 
 	return words[0][0] + (words[1]?.[0] || '');

packages/material/src/MessageBox/MessageBox.tsx

@@ -1,11 +1,11 @@
 import { CSSObject } from '@mui/material';
 import { ElementType, forwardRef, ReactElement, Ref } from 'react';
+import { MessageOrientation } from './MessageOrientation';
+import { MessageTime } from './MessageTime';
 import { AccountAvatar } from '../AccountAvatar';
 import { createMuiComponent, MuiComponentProps } from '../helpers/createMuiComponent';
 import { MuiAccountInfo } from '../helpers/MuiAccountInfo';
 import { styled } from '../styles/styled';
-import { MessageOrientation } from './MessageOrientation';
-import { MessageTime } from './MessageTime';
 
 export type MessagePosition = 'start' | 'middle' | 'end' | 'single';
 

packages/material/src/MessageBox/MessageTime.tsx

@@ -1,8 +1,8 @@
 import { Typography } from '@mui/material';
 import { ElementType, forwardRef, Ref, useEffect, useState } from 'react';
+import { MessageOrientation } from './MessageOrientation';
 import { createMuiComponent, MuiComponentProps } from '../helpers/createMuiComponent';
 import { styled } from '../styles/styled';
-import { MessageOrientation } from './MessageOrientation';
 
 type MessageTimeWrapperState = {
 	orientation: MessageOrientation;

packages/material/src/Room/Room.tsx

@@ -1,10 +1,10 @@
 import { MessageList, MessageListProps, Room as RoomProvider } from '@rchat/react';
 import { ElementType } from 'react';
+import { RoomBody } from './RoomBody';
+import { RoomHeader } from './RoomHeader';
 import { createMuiComponent, MuiComponentProps } from '../helpers/createMuiComponent';
 import { MessageInput } from '../MessageInput';
 import { styled } from '../styles/styled';
-import { RoomBody } from './RoomBody';
-import { RoomHeader } from './RoomHeader';
 
 const RoomRoot = styled('div', {
 	name: 'Room',

packages/react/.eslintignore

@@ -1,2 +1,4 @@
 stories
-dist
+dist
+prepared-package
+tests

packages/react/jest.config.js

@@ -5,6 +5,7 @@ module.exports = {
 	transformIgnorePatterns: ["[/\\\\]node_modules[/\\\\].+\\.(js|cjs|jsx)$'"],
 	preset: 'ts-jest/presets/js-with-babel',
 	moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'cjs', 'mjs', 'json', 'node'],
+	modulePathIgnorePatterns: ['<rootDir>/prepard-package/'],
 	collectCoverageFrom: ['src/**/*.{ts,tsx,js,jsx,cjs,mjs}'],
 	testMatch: ['<rootDir>/**/*.(spec|test).{ts,tsx,js,jsx,cjs,mjs}'],
 	testEnvironmentOptions: {

packages/react/src/EndlessList/EndlessList.tsx

@@ -10,18 +10,17 @@ import {
 	useRef,
 } from 'react';
 
-import { mergeReferences } from '../internal/mergeReferences';
-import { AnimationParameters, smoothScrollToCenter } from '../internal/smoothScrollToCenter';
-import { useEvent } from '../internal/useEvent';
-import { useScheduleOnNextRender } from '../internal/useScheduleOnNextRender';
-import { useToggleEvent } from '../internal/useToggleEvent';
-
 import { EndlessListItemView } from './EndlessListItemView';
 import { ItemComponentType } from './ItemComponentType';
 import { PlaceholderComponentType } from './PlaceholderComponentType';
 import { useEndlessList } from './useEndlessList';
 import { Frame, useVisibleFrame } from './useVisibleFrame';
 import { useVisibleItems } from './useVisibleItems';
+import { mergeReferences } from '../internal/mergeReferences';
+import { AnimationParameters, smoothScrollToCenter } from '../internal/smoothScrollToCenter';
+import { useEvent } from '../internal/useEvent';
+import { useScheduleOnNextRender } from '../internal/useScheduleOnNextRender';
+import { useToggleEvent } from '../internal/useToggleEvent';
 import type { KeysOfType } from '../internal/KeysOfType';
 
 export type ContainerComponentProps = PropsWithChildren<RefAttributes<HTMLElement>>;

packages/react/src/EndlessList/EndlessListItemView.tsx

@@ -1,7 +1,7 @@
 import { RefObject, useEffect, useRef } from 'react';
-import { mergeReferences } from '../internal/mergeReferences';
 import { ItemComponentType } from './ItemComponentType';
 import { PlaceholderComponentType } from './PlaceholderComponentType';
+import { mergeReferences } from '../internal/mergeReferences';
 import type { EndlessListItem } from './useEndlessList';
 
 export type EndlessListItemViewProps<TMessageType> = EndlessListItem<TMessageType> & {

packages/shared/.eslintignore

@@ -0,0 +1,2 @@
+dist
+prepared-package

packages/test-utils/.eslintignore

@@ -1 +1,2 @@
-dist
+dist
+prepared-package