main 🧊 add lint staged

Author: debabin

package.json

@@ -24,24 +24,24 @@
     "access": "public"
   },
   "scripts": {
-    "cli:build": "pnpm --dir packages/cli build && pnpm --dir packages/cli generate-registry",
-    "cli:build:registry": "pnpm --dir packages/cli build:registry",
-    "docs:build": "pnpm --dir packages/newdocs build",
-    "core:build:js": "pnpm --dir packages/core build:js",
+    "cli:build": "pnpm --dir packages/cli build && pnpm --dir packages/cli generate-registry",
+    "cli:build:registry": "pnpm --dir packages/cli build:registry",
+    "docs:build": "pnpm --dir packages/newdocs build",
+    "core:build:js": "pnpm --dir packages/core build:js",
     "lint": "pnpm --recursive lint",
     "format": "prettier --write .",
     "unit-test": "pnpm --recursive run unit-test",
     "lint-staged": "pnpm --recursive run lint-staged",
     "prepare": "husky"
   },
   "devDependencies": {
-    "@siberiacancode/eslint": "2.16.13",
-    "@siberiacancode/prettier": "^1.6.1",
-    "@types/node": "^25.6.0",
+    "@siberiacancode/eslint": "2.17.6",
+    "@siberiacancode/prettier": "^1.7.0",
+    "@types/node": "^26.0.0",
     "husky": "^9.1.7",
-    "lucide-react": "1.9.0",
-    "lint-staged": "^16.4.0",
-    "prettier-plugin-tailwindcss": "0.7.2",
+    "lucide-react": "1.21.0",
+    "lint-staged": "^17.0.8",
+    "prettier-plugin-tailwindcss": "0.8.0",
     "typescript": "^6.0.3"
   }
 }

packages/core/eslint.config.mjs

@@ -23,9 +23,8 @@ export default eslint(
     name: 'siberiacancode/core/hooks',
     files: ['**/{hooks,helpers}/**/*.{ts,tsx}'],
     rules: {
-      'react-dom/no-flush-sync': 'warn',
       'jsdoc/no-defaults': 'off',
-      'react-hooks/rules-of-hooks': 'warn',
+      'react/rules-of-hooks': 'warn',
       'react/no-use-context': 'off',
       'react/no-context-provider': 'off'
     }

packages/core/src/bundle/helpers/createContextHook/createContextHook.js

@@ -15,7 +15,7 @@ import { createContext, useContext } from 'react';
  * const { Provider, use } = createContextHook(useMediaQuery);
  * <Provider params={["(max-width: 768px)"]}>
  *   <Component />
- * </Provider>
+ * </Provider>;
  * const matches = use();
  */
 export const createContextHook = (useHook) => {

packages/core/src/bundle/hooks/useQueue/useQueue.js

@@ -1,5 +1,4 @@
 import { useState } from 'react';
-import { flushSync } from 'react-dom';
 /**
  * @name useQueue
  * @description - Hook that manages a queue
@@ -18,14 +17,9 @@ export const useQueue = (initialValue = []) => {
   const add = (element) => setQueue((queue) => [...queue, element]);
   const clear = () => setQueue([]);
   const remove = () => {
-    let removed;
-    flushSync(() => {
-      setQueue(([first, ...rest]) => {
-        removed = first;
-        return rest;
-      });
-    });
-    return removed;
+    const [first] = queue;
+    setQueue((rest) => rest.slice(1));
+    return first;
   };
   return {
     add,

packages/core/src/helpers/createContextHook/createContextHook.tsx

@@ -17,7 +17,7 @@ import { createContext, useContext } from 'react';
  * const { Provider, use } = createContextHook(useMediaQuery);
  * <Provider params={["(max-width: 768px)"]}>
  *   <Component />
- * </Provider>
+ * </Provider>;
  * const matches = use();
  */
 export const createContextHook = <Hook extends (...args: any[]) => any>(useHook: Hook) => {

packages/core/src/hooks/useQueue/useQueue.ts

@@ -1,5 +1,4 @@
 import { useState } from 'react';
-import { flushSync } from 'react-dom';
 
 /** The use queue return type */
 export interface UseQueueReturn<Value> {
@@ -38,15 +37,9 @@ export const useQueue = <Value>(initialValue: Value[] = []): UseQueueReturn<Valu
   const add = (element: Value) => setQueue((queue) => [...queue, element]);
   const clear = () => setQueue([]);
   const remove = () => {
-    let removed;
-    flushSync(() => {
-      setQueue(([first, ...rest]) => {
-        removed = first;
-        return rest;
-      });
-    });
-
-    return removed as Value;
+    const [first] = queue;
+    setQueue((rest) => rest.slice(1));
+    return first;
   };
 
   return {

packages/newdocs/app/(app)/_components/sections/landing-backdrop.tsx

@@ -1,7 +1,5 @@
 'use client';
 
-import type { CSSProperties } from 'react';
-
 import { useIsomorphicLayoutEffect } from '@siberiacancode/reactuse';
 import { useRef } from 'react';
 
@@ -133,7 +131,6 @@ const ANIMATION_DELAY_MS = 600;
 
 interface DitherCanvasProps {
   backgroundColor: [number, number, number];
-  staticBackground: CSSProperties['background'];
   waveColor: [number, number, number];
 }
 

packages/newdocs/app/(docs)/docs/_components/doc-header.tsx

@@ -1,14 +1,14 @@
 'use client';
 
 import { Button } from '@docs/src/components/ui/button';
-import { ButtonGroup } from '@docs/ui/button-group';
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger
 } from '@docs/src/components/ui/dropdown-menu';
+import { ButtonGroup } from '@docs/ui/button-group';
 import { useCopy } from '@siberiacancode/reactuse';
 import {
   ArrowLeftIcon,

packages/newdocs/app/(docs)/functions/_components/function-code.tsx

@@ -1,8 +1,8 @@
 'use client';
 
 import { Button } from '@docs/src/components/ui/button';
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@docs/ui/collapsible';
 import { Separator } from '@docs/src/components/ui/separator';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@docs/ui/collapsible';
 import { useCopy } from '@siberiacancode/reactuse';
 import { CheckIcon, CopyIcon } from 'lucide-react';
 import { useRef, useState } from 'react';

packages/newdocs/app/(docs)/functions/_components/function-contributors.tsx

@@ -1,4 +1,4 @@
-import type { FunctionContributor } from '@/src/utils/constants';
+import type { FunctionContributor } from '@/src/constants';
 
 import { Avatar, AvatarFallback, AvatarImage } from '@/src/components/ui/avatar';
 import { Badge } from '@/ui/badge';