main 🧊 add use bluetooth, add tailwind for demos

Author: debabin

.prettierrc.mjs

@@ -1,4 +1,4 @@
 import { prettier } from '@siberiacancode/prettier';
 
 /** @type {import('prettier').Config} */
-export default prettier;
+export default { ...prettier, plugins: ['prettier-plugin-tailwindcss'] };

docs/.vitepress/config.mts

@@ -34,6 +34,7 @@ export default async () => {
     vite: {
       resolve: {
         alias: {
+          '@/docs': fileURLToPath(new URL('../../docs', import.meta.url)),
           '@': fileURLToPath(new URL('../../src', import.meta.url))
         }
       }

docs/.vitepress/theme/global.css

@@ -1,3 +1,5 @@
+@import 'tailwindcss';
+
 :root {
   --vp-c-bg: #ffffff;
 

docs/functions/hooks/[name].paths.mts

@@ -1,4 +1,4 @@
-import { codeToHtml } from 'shiki'
+import { codeToHtml } from 'shiki';
 
 import { getHookFile, getHooks, matchJsdoc, parseHookJsdoc } from '../../src/utils';
 
@@ -30,7 +30,7 @@ export default {
             acc += usage.description;
           }
           return acc;
-        }, '')
+        }, '');
 
         const usage = await codeToHtml(usages, {
           lang: 'typescript',
@@ -41,7 +41,6 @@ export default {
           defaultColor: false
         });
 
-
         const example = await codeToHtml(`import { ${hook} } from '@siberiacancode/reactuse';`, {
           lang: 'typescript',
           themes: {
@@ -77,4 +76,3 @@ export default {
     return params.filter(Boolean);
   }
 };
-

docs/src/utils/index.ts

@@ -2,3 +2,4 @@ export * from './hooks';
 export * from './isDefaultType';
 export * from './matchJsdoc';
 export * from './parseHookJsdoc';
+export * from './utils';

docs/src/utils/utils/cn.ts

@@ -0,0 +1,6 @@
+import type { ClassValue } from 'clsx';
+
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export const cn = (...inputs: ClassValue[]) => twMerge(clsx(inputs));

docs/src/utils/utils/index.ts

@@ -0,0 +1 @@
+export * from './cn';

package.json

@@ -75,22 +75,28 @@
     "@siberiacancode/eslint": "^2.8.0",
     "@siberiacancode/prettier": "^1.2.0",
     "@siberiacancode/vitest": "^1.2.4",
+    "@tailwindcss/postcss": "^4.0.4",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.2.0",
     "@types/doctrine": "^0.0.9",
     "@types/node": "^22.13.1",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.2",
     "@types/web-bluetooth": "^0.0.20",
+    "clsx": "^2.1.1",
     "comment-parser": "^1.4.1",
     "core-js": "^3.40.0",
     "doctrine": "^3.0.0",
     "husky": "^9.1.7",
     "lint-staged": "^15.4.3",
     "markdown-table": "^3.0.4",
+    "postcss": "^8.5.1",
+    "prettier-plugin-tailwindcss": "^0.6.11",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "shx": "^0.3.4",
+    "tailwind-merge": "^3.0.1",
+    "tailwindcss": "^4.0.4",
     "typescript": "^5.7.3",
     "vite": "^6.0.11",
     "vitepress": "^1.6.3"

postcss.config.js

@@ -0,0 +1,5 @@
+export default {
+  plugins: {
+    '@tailwindcss/postcss': {}
+  }
+};

src/hooks/index.ts

@@ -110,4 +110,4 @@ export * from './useWindowEvent/useWindowEvent';
 export * from './useWindowFocus/useWindowFocus';
 export * from './useWindowScroll/useWindowScroll';
 export * from './useWindowSize/useWindowSize';
-export * from './useWizard/useWizard';
+export * from './useWizard/useWizard';